Zum Code für das Mockup einer App: Unterschied zwischen den Versionen

Version vom 13. November 2023, 14:47 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 klicken. 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(--> https://editor.p5js.org/flotorious/full/08Tcoxvpc). So entsteht auch auf dem Handy der Eindruck einer 'echten' App (im verlinkten Youtube-Video kurz gezeigt).
Es reicht natürlich, den Code für ein Testgerät und nicht für alle möglichen Auflösungen zu optimieren.

@@ Zeile 1: / Zeile 1: @@
 * 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.
+* Das Mockup funktioniert in erster Linie so, dass verschiedene Hintergrundbilder angezeigt und getauscht werden, je nachdem wohin die AnwenderInnen klicken. 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(--> https://editor.p5js.org/flotorious/full/08Tcoxvpc). So entsteht auch auf dem Handy der Eindruck einer 'echten' App (im verlinkten Youtube-Video kurz gezeigt).