Gensfleisch ist kein Gemüse

Die App liefert ein Informationen über Mainz, den Buchdruck und Gutenberg, die durch ein paar Quizfragen aufgelockert werden. Zunächst schaltet der Nutzer Schritt für Schritt die Orte auf einer Karte frei, die er im Rahmen unserer App aufsucht.

Claus ist Webentwickler, also nutzen wir Techniken wie JavaScript, HTML und CSS, um die App erst einmal als interaktive Webseiten zu schreiben. Wir haben uns überlegt, einen kleinen Rahmen zu schreiben, der die einzelnen Seiten aus einer JSON-Datei liest und in der richtigen Reihenfolge darstellt. Benutzt haben wir gängige Frameworks: Bootstrap für das Aussehen, Vue.js für die Logik sowie die HTML-Templates und jQuery.

Die Karte wird mit Hilfe von leaflet.js erstellt, einer Bibliothek für den Umgang mit Kartendaten. Die Daten vom Landesmuseum Mainz, die als XML kamen, haben wir mit einem Webdienst in JSON umgewandelt und einfach hinzukopiert. Leaflet.js haben wir erst beim Kickoff von Coding da Vinci Rhein-Main in einem Workshop kennengelernt.

In einer geplanten Weiterentwicklungsstufe soll man durch die Stadt gehen können und die App erkennen, dass man wie bei einer Schnitzeljagd den nächsten Halt erreicht hat. Bislang blendet die App nur die Orte ein, die auf den Seiten erwähnt werden.

Am Ende erfährt man, wie viele Fragen man auf Anhieb richtig beantwortet hat und bei wie vielen Versuchen man beim Raten daneben lag.