bitjuice – internes Kaffee- und Kiosk-System
Mit dem Projekt «bitjuice» haben wir ein Kiosk-System mit Webseite gemacht, die den Kaffee- und Softdrinkskonsum im Büro erfasst und übersichtlich darstellt. Ziel war es, etwas Übersichtliches zu schaffen, welche den Verbrauch dokumentiert und die Kostenabrechnung vereinfacht.
Umsetzung:
Die Nutzung der Kaffeemaschine erfolgt über den persönlichen Mitarbeiterbadge und einem kleinen Computer bei der Kaffeemaschine/Kühlschrank. Durch das Scannen des Badges werden die bezogenen Kaffees erfasst und den jeweiligen Mitarbeitenden zugeordnet. Die Daten werden anschliessend auf der Website ausgewertet und in verschiedenen Statistiken dargestellt. Ausserdem wird berechnet, wie viel sie dem Kiosk-Host schulden.
Während des Projekts unterstützte ich vor allem die Konzeption, die Ideenfindung sowie die Gestaltung der Benutzeroberfläche. Gemeinsam wurde definiert, welche Informationen dargestellt werden sollen und wie diese möglichst übersichtlich präsentiert werden können.
Die Website besteht aus einem öffentlichen Dashboard mit allgemeinen Statistiken über das ganze Büro, einem persönlichen Userbereich sowie einem passwortgeschützten Admin-Bereich. Vom Admin-Bereich aus wird alles gesteuert und verwaltet.
Design:
Für die Gestaltung der Website entwickelten wir ein einfaches und modernes Design, das sich an der Nutzung im Büroalltag orientiert. Uns war es wichtig, eine klare Struktur und einer übersichtlichen Darstellung der Statistiken zu machen. Die Webseite sollte nicht zu detailreich sein, da sie zur Information und Unterhaltung diente. Die Website verfügt zudem über einen Hell- und Dunkelmodus.
Technisches:
Die technische Umsetzung erfolgte in Zusammenarbeit mit dem Kiosk-Host. Während das Backend mit Python entwickelt wurde, war ich hauptsächlich für die Strukturierung der Website sowie die Gestaltung mit HTML und CSS verantwortlich. Zudem wurden weitere Unterseiten wie ein FAQ-Bereich integriert. Ende Monat wird jeweils ein Mail an den User geschickt mit der Info, wie viel man konsumiert hat, dem Guthaben oder Schulden, die der User noch hat und einem Link zur Monatsübersicht.
Die Webseite, das Kiosk-System und den dazugehörigen Kiosk-Computer wird nur geschäftsintern verwendet und privat zur Verfügung gestellt.
Einblicke in die Webseite:
(mbi)
Probleme:
Eine Herausforderung bestand darin, die verschiedenen Anforderungen an die Statistiken und Auswertungen sinnvoll darzustellen. Zudem erforderte die Zusammenarbeit zwischen Design und technischer Umsetzung regelmässige Abstimmungen, damit die entwickelten Funktionen mit dem geplanten Layout übereinstimmten. Während des Prozesses kamen uns immer wieder neue Ideen, so mussten immer wieder etwas umkrempeln und improvisieren.
Learnings:
Durch das Projekt wurde deutlich, wie wichtig eine enge Zusammenarbeit zwischen Gestaltung und Entwicklung ist und man manchmal Kompromisse eingehen muss.
Fazit:
Insgesamt sind wir mit dem (Zwischen-)Ergebnis sehr zufrieden. Die Zusammenarbeit verlief effizient. Durch die Absprachen konnten Ideen schnell umgesetzt. Der Kiosk und somit auch die Webseite werden stets weiterentwickelt und es kommen in den nächsten Monaten sicher noch weitere Features dazu.
Hier ist der Link zur Seite: https://bitbrew.haeflix.ch/