Inspiration

Überfüllte Läden sind Infektionsrisiken für Einkaufende und führen zu Planungsunsicherheit der Besitzer.

Was ShoppingTime kann

ShoppingTime stellt eine für Mobilgeräte optimierte Webseite bereit, über welche Nutzer ein Ticket für einen bestimmten Zeitslot in einem bestimmten Laden ziehen können. Dadurch soll sich die Auslastung der Einkaufsläden auf den Tag über verteilen, um das Infektionsrisiko zu senken. Gleichzeitig ist Einkaufen weniger stressig für alle und Läden können den Verbrauch von Waren besser planen.

Wie wir ShoppingTime erstellt haben

Eine Webapp kann von jedem Gerät aus aufgerufen werden und muss nicht installiert werden. Das Frontend ist mit Bootstrap gestaltet, die Kommunikation erfolgt über Ajax Requests zur Backend API. Es wird eine SQLite Datenbank verwendet mit welcher über das SQLite3-Package für NodeJS kommuniziert wird. Es soll explizit keine echten Nutzerkonten geben. Stattdessen sollen einmalige Links zu den Tickets über E-Mails und Handynummern versendet werden. Zur Kommunikation zwischen Back- und Frontend wird eine REST API verwendet. Durch Ajax-Calls an diese wird die Verbindung hergestellt. Um Daten zu Supermärkten wie Öffnungszeiten, Koordinaten etc. in hoher Qualität zu erhalten, wird die Google Maps API verwendet. Diese wird zum einem zum Lokalisieren des gesuchten Standorts, sowie zur Suche von nahegelegenen Geschäften benutzt. In Zukunft könnte zusätzlich eine Google Maps Karte eingebettet werden, auf der die Suchergebnisse angezeigt werden.

Herausforderungen

Innerhalb von nur zwei Tagen ist es für ein Team von 5 Leuten nicht möglich, alle sinnvollen und geplanten Features in den Prototypen zu implementieren. Trotzdem muss die Mission der Anwendung klar sein und die Voraussetzung für Skalierbarkeit geschaffen werden.

Was wir erreicht haben

Es existiert ein Prototyp des Frontends, das Backend und die API sind fast vollständig fertiggestellt. Die Anbindung an die Google Maps API ist noch nicht vollständig implementiert aber Ansätze und Konzept sind vorhanden. Frontend und Backend müssen noch zusammengeführt werden, durch die strikte Trennung ist das aber relativ schnell möglich. Ein Mockup Prototyp existiert, zu sehen im Video.

Was wir gelernt haben

Innerhalb von zwei Tagen ist es möglich, ein Konzept und einen Prototypen zu entwickeln, der eine gesellschaftliche Herausforderung lösen kann und Potenzial hat, groß skaliert zu werden.

Ein Zukunftsausblick

  • Um ein noch besseres Benutzererlebnis zu erzeugen kann in Zukunft PWA implementiert werden.
  • Mit User Surveys zu 1. Auslastung der Läden und 2. Länge der Schlange an der Kasse könnten Daten von Nutzern direkt zur Ticketvergabe miteinbezogen werden.
  • Durch eine individuelle TicketID kann ein Laden das Benutzen der App belohnen (Rabatt, Geschenk,Punkte...) wenn es an der Kasse dem Kassierer gezeigt wird. Durch eine Animation bei Antippen des Tickets kann gezeigt werden, dass es sich um ein echtes Ticket auf der Webseite handelt und nicht um ein manipuliertes Bild.
  • Das Ampelsystem kann implementiert werden um die aktuelle Auslastung auf Datengrundlage der gebuchten Tickets und User Reports anzuzeigen.
  • Bestimmte Uhrzeiten könnten für Risikogruppen reserviert werden.
Share this project:

Updates