Zum Code für das Mockup einer App: Unterschied zwischen den Versionen
| Zeile 2: | Zeile 2: | ||
* 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 clicken. 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 | ||
| − | * 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 (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. | ||
Version vom 30. Oktober 2023, 17:19 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 (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.
