Zum Code für das Mockup einer App

Aus DDSWiki
Version vom 13. November 2023, 14:47 Uhr von FlorianG (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche
  • 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.