Zum Code für das Mockup einer App: Unterschied zwischen den Versionen
| Zeile 6: | Zeile 6: | ||
{{#ev:youtube|https://youtu.be/UkxMgK11ELE?si=IdMVnfg3FrKAeQOg | {{#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> | ||
Version vom 30. Oktober 2023, 18: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.
- Es reicht natürlich, den Code für ein Testgerät und nicht für alle möglichen Auflösungen zu optimieren.
