Zurück zur Übersicht

Wortuhr Webapp Interface


Beschreibung

In meinem Tutorial https://www.andrerinas.de/tutorials/diy-wordclockwortuhr-selber-bauen-mit-arduino-wlan-neopixel.html habe ich erklärt wie ich eine Wortuhr selbst gebaut habe. Für die Umsetzung habe ich auch das Webinterface zum Einstellen der Uhr komplett überarbeitet und umgestaltet. Da meine Uhr weiß ist habe ich das Design weiß und schlicht gehalten. Zudem habe ich dieselbe Schriftart wie die Uhr benutzt und für Design-Einstellungen sogar einen HTML-Klon der Uhr ergänzt, damit man erahnen kann, wie die Einstellungen auf der Uhr aussehen werden. Das Ganze ist eine simple HTML-Seite die via Javascript Ajax-Requests an die Uhr schickt, um die Einstellungen oder bei den Spielen die gedrückten Tasten zu übermitteln. 

Unter https://www.andrerinas.de/wortuhr/ kann man sich das Interface im Browser einmal anschauen.

Technologie(n)

htmlcssjs

Bilder