Zum Code für das Mockup einer App: Unterschied zwischen den Versionen
| Zeile 4: | Zeile 4: | ||
* Tipp: Im p5js-Editor (unten) könnt ihr einen ''shareable link'' im ''fullscreen'' Modus generieren. So entsteht auch auf dem Handy der Eindruck einer 'echten' App. | * Tipp: Im p5js-Editor (unten) könnt ihr einen ''shareable link'' im ''fullscreen'' Modus generieren. So entsteht auch auf dem Handy der Eindruck einer 'echten' App. | ||
* Es reicht natürlich, den Code für ''ein'' Testgerät und nicht für alle möglichen Auflösungen zu optimieren. | * Es reicht natürlich, den Code für ''ein'' Testgerät und nicht für alle möglichen Auflösungen zu optimieren. | ||
| + | [[File:mock.gif]] | ||
<iframe key="p5js" path="flotorious/sketches/08Tcoxvpc" w="1000" h="800"></iframe> | <iframe key="p5js" path="flotorious/sketches/08Tcoxvpc" w="1000" h="800"></iframe> | ||
Version vom 30. Oktober 2023, 16:32 Uhr
- Hier besteht die Idee darin, mit möglichst wenig Aufwand ein interaktives Mockup bzw. einen Prototype für eine App (Webapp oder Smartphone App) zu erstellen
- Das Mockup funktioniert in erster Linie so, dass verschiedene Hintergrundbilder angezeigt und getauscht werden, je nachdem wohin die AnwenderInnen clicken. So soll der Eindruck einer voll ausprogrammierten Anwendung entstehen.
- Ihr könnt den Code als Template verwenden und beliebig abändern/erweitern
- Tipp: Im p5js-Editor (unten) könnt ihr einen shareable link im fullscreen Modus generieren. So entsteht auch auf dem Handy der Eindruck einer 'echten' App.
- Es reicht natürlich, den Code für ein Testgerät und nicht für alle möglichen Auflösungen zu optimieren.
