Zum Code für das Mockup einer App: Unterschied zwischen den Versionen
| (8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| 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 | + | * 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 | + | * 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. | ||
| + | |||
| + | {{#ev:youtube|https://youtu.be/UkxMgK11ELE?si=IdMVnfg3FrKAeQOg | ||
| + | |600}} | ||
| + | |||
<iframe key="p5js" path="flotorious/sketches/08Tcoxvpc" w="1000" h="800"></iframe> | <iframe key="p5js" path="flotorious/sketches/08Tcoxvpc" w="1000" h="800"></iframe> | ||
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.
