{"id":555,"date":"2020-07-20T11:20:00","date_gmt":"2020-07-20T09:20:00","guid":{"rendered":"https:\/\/sebastian.fam-knopp.de\/?p=555"},"modified":"2021-02-19T11:23:05","modified_gmt":"2021-02-19T10:23:05","slug":"standort-tracking-und-barcode-checkin-app","status":"publish","type":"post","link":"https:\/\/sebastian.knopp.it\/?p=555","title":{"rendered":"Standort-Tracking und Barcode CheckIn-App"},"content":{"rendered":"\n
Das diesj\u00e4hrige KSJ Sommerlager im Zeichen von Corona stellte uns vor ganz neue Herausforderungen. Um, anders als viele andere Jugendverb\u00e4nde und Pfarreien unsere Fahrt nicht absagen zu m\u00fcssen, trafen wir uns im Rahmen der Leitungsebene zeitweise w\u00f6chentlich um \u00fcber die neuesten Entwicklungen zu beratschlagen, ein eigenes Hygienekonzept auszuarbeiten und Informationsbriefe f\u00fcr die Teilnehmer zu formulieren.<\/p>\n\n\n\n
Teilnahme ausschlie\u00dflich in festen Bezugsgruppen<\/h3>\n\n\n\n
Ein wesentlicher Teil dieses Hygienekonzept war die Unterteilung unserer Teilnehmer in sogenannte Bezugsgruppen. Die Idee war, dass man innerhalb der zwei Wochen alles gemeinsam innerhalb dieser Bezugsgruppen ohne Maske machen kann und prim\u00e4r auch alle Aktionen mit der gesamten Gruppe macht. Zu jeder Gruppe geh\u00f6rte zudem ein Leiter und anders als in den Jahren zuvor bestimmte nicht jeder f\u00fcr sich selbst das n\u00e4chste Tagesprogramm, sondern die Gruppe gemeinsam. Wir nannten diese Gruppen jugendfreundlich „SoLa-Family’s“ und das Konzept kam so gut an, dass wir es wohl auch in Zukunft ohne Pandemie beibehalten wollen werden.<\/p>\n\n\n\n
Organisatorisch mussten wir bei einer zweiw\u00f6chigen Fahrt den Teilnehmern die M\u00f6glichkeit geben sich selbst in diese Gruppen einzuteilen. Ich hatte gl\u00fccklicherweise kurz zuvor das Gruppeneinteilungssystem f\u00fcr die geplante SummerSail f\u00fcr WordPress programmiert, welches wir nun statt f\u00fcr Schiffe einfach vorbereitend f\u00fcr die Bezugsgruppen verwenden konnten. Dadurch entstanden auch ganz lustige Gruppennamen wie bspw. „Der gr\u00f6lende Seemann“, da die Zeit zur Anpassung des Generators f\u00fcr Gruppennamen dann nun wirklich fehlte. Diese Gruppenw\u00fcnsche der Teilnehmer stellten wir in einem weiteren Schritt so zusammen, dass es p\u00e4dagogisch unserer Ansicht nach gut passte und packten geeignete Leiter dazu.<\/p>\n\n\n\n
Altes CheckIn-System nicht mehr verwendbar<\/h3>\n\n\n\n
Auch zum Hygienekonzept geh\u00f6rte, dass wir erstmals die Busse nicht zeitgleich, sondern in Etappen fahren lie\u00dfen, damit der Andrang beim Verladen und Einsteigen durch Teilnehmer und Eltern nicht zu gro\u00df wurde. Es durfte jeder Teilnehmer auch nur lediglich eine Begleitung mitbringen. Das alte CheckIn-System war jedoch darauf ausgelegt, dass erst alle Personen zentral eingecheckt werden, dann die Listen gedruckt werden und anschlie\u00dfend diese Listen beim einsteigen abgehakt werden. <\/p>\n\n\n\n
Wir brauchten also schnell etwas Neues und ich setzte mich dran endlich mal Swift zu lernen und meine erste native iOS-App zu schreiben. Diese App stellte einen Barcode-Scanner bereit, mit dessen Hilfe die PKPASS- und PDF-Tickets unseres neuen WordPress-Ticketsystems schnell direkt an der T\u00fcr gescannt werden konnten. Lediglich das coronakonforme Einsteigen innerhalb der Bezugsgruppen wurde dieses Jahr von einer weiteren Person mittels Papierliste sichergestellt.<\/p>\n\n\n\n
Refactoring des eigenen alten Servercodes <\/h3>\n\n\n\n
Damit die App funktionieren konnte musste ich zudem die alten serverseitigen Websocket-Schnittstellen (eine alte Fehlentscheidung im Projektdesign) neu als REST-Schnittstellen implementieren. Ich nutzte die Gelegenheit mein altes statisches Datenbank-Modell auf das JavaScript ORM-System sequelize<\/code> umzustellen um so Zeit und Codezeilen zu sparen. Es brachte hierzu praktischerweise direkt einen Generator f\u00fcr die JavaScript-Models mit, welche man lediglich noch h\u00e4ndisch um die korrekten Relationen erweitern musste. St\u00fcck f\u00fcr St\u00fcck entstand so nun auch ein wesentlich saubererer Servercode, welcher perspektivisch den alten Websocket-Code ersetzen k\u00f6nnen wird. F\u00fcr mich das erste richtig gro\u00dfe Refactoring eines eigenen Projekts. Stellenweise hatte ich Zweifel, ob das zeitlich noch zu machen sei, daher konzentrierte ich mich auf die dringend ben\u00f6tigte Kernfunktionalit\u00e4t, schaffte aber gleichzeitig die Basis f\u00fcr ein k\u00fcnftiges modernes Webinterface, welches das alte jQuery-System ersetzen k\u00f6nnen wird. Ohne die Idee des ORM-Mappers, w\u00e4re das Neuschreiben und Anpassen der alten SQL-Queries wohl zu zeitaufwendig geworden.<\/p>\n\n\n\n
Docker war auch hier wieder extrem hilfreich.<\/strong> Gleich zu allererst arbeitete ich zwei Tage daran, den alten Server innerhalb Docker konfigurierbar und lauff\u00e4hig zu bekommen. Auch die bisher eigenst\u00e4ndige Programmwahl-Erweiterung auf Angularbasis, welche auf den Server zugriff band ich direkt mit ein und promotete sie so zu einem modernen zweiten Web-Frontend, welches nun auch im neue Features erweitert werden sollte. Ich konnte nun s\u00e4mtliche Code\u00e4nderungen sehr schnell auf einem Testsystem unter Production-Bedingungen ausprobieren, was bei einem so vielschichtigen Projekt sehr hilfreich ist.<\/p>\n\n\n\n
![\"\"](\"https:\/\/sebastian.knopp.it\/wp-content\/uploads\/2021\/02\/IMG_8774-1024x768.jpeg\")
<\/a>![\"\"](\"https:\/\/sebastian.knopp.it\/wp-content\/uploads\/2021\/02\/Bildschirmfoto-2021-02-19-um-11.19.22-1024x518.png\")
<\/a><\/figure>\n\n\n\n![\"\"](\"https:\/\/sebastian.knopp.it\/wp-content\/uploads\/2021\/02\/Bildschirmfoto-2021-02-19-um-11.19.32.png\")
<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"![\"\"](\"https:\/\/sebastian.knopp.it\/wp-content\/uploads\/2021\/02\/IMG_8774-scaled.jpeg\")
<\/a>