Serviceclub Prototyp

Projekt von Januar 2022

Serviceclub Prototyp

Mit zwei anderen Studierenden aus meinem Jahrgang entwickelte ich im Vertiefungsfach «Media Application» einen programmierten Prototypen der progressiven Web App «Serviceclub» (https://app.serviceclub.ch/).

Das ist Serviceclub

Serviceclub ist eine PWA, die für Festwirtschaften von Vereinen konzipiert wurde. Getränke und Essensbestellungen können durch das Servicepersonal mit der App aufgenommen und einkassiert werden. Die offenen Bestellungen werden in der Küche auf einem Screen angezeigt. Ist eine Bestellung in der Küche fertig zusammengestellt, wird diese Abgehakt und der Läufer wird entsprechend informiert, dass das Produkt serviert werden kann.

Konzept

Gemeinsam mit zwei Kommilitonen konzipierte ich die PWA «Serviceclub». Dabei arbeiteten wir verschiedene Nutzerszenarien aus, erstellten eine detaillierte Process Map, entwickelten das Logo und einen Styleguide, erstellten erste Wireframes und entwickelten daraus in Adobe XD einen Prototypen. Mit dem XD-Protoypen führten wir mehrere Usability-Tests durch und passten diesen danach entsprechend dem Feedback an.

Programmierung

Mit HTML, CSS, JavaScript, PHP, MySQL und Materialize.css programmierten wir die PWA «Serviceclub». Ich war dabei für die Programmierung der Bereiche «Küche» und «Läufer» zuständig. Das Styling sowie die Programmierung des Bereichs «Service» übernahmen meine beiden Mitstudierenden. Wir arbeiteten mit Github zusammen und trafen uns regelmässig für Meetings.

Ausblick

Im Rahmen des Studiums ist ein erster programmierter Prototyp entstanden. Dieser zeigt das Potential und die Möglichkeiten der App. Allerdings sind noch nicht alle Funktionen programmiert (z.B. der Admin-Bereich fehlt komplett) und es gibt noch einige Bugs und Sicherheitslücken.

Login

Mit folgenden Login-Daten kann der programmierte Prototyp von Serviceclub unter https://app.serviceclub.ch/ ausprobiert werden.

NameBenutzernamePasswortBerechtigungen
Adminadmin@serviceclub.ch12345Alle
Anjaanja@serviceclub.ch12345Küche
Ueliueli@serviceclub.ch12345Service, Läufer
Seseasesea@serviceclub.ch12345Service, Läufer