Zum Code für das Mockup einer App: Unterschied zwischen den Versionen
| 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 | * 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. | * 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 | + | * Ihr könnt den Code als Template verwenden und beliebig abändern/erweitern (siehe unten) |
* 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). | * 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. | * Es reicht natürlich, den Code für ''ein'' Testgerät und nicht für alle möglichen Auflösungen zu optimieren. | ||
Aktuelle Version vom 13. November 2023, 13: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 (siehe unten)
- 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.
