Hintergrund

Die jglp Schweiz hat sich im Jahre 2016 gründet und ist seitdem im Aufwind. Entsprechend sind die Anforderungen gewachsen, die die alte Webseite nicht mehr erfüllen kann.

Aus diesem Grund wurde 2021 das Projekt «neue Webseite» iniitiert. Die neue Webseite soll die Anforderungen für die nächsten Jahren gerecht werden und zukünftig grössere Änderungen vereinfachen.

Kurzfassung Änderungen neue Webseite

Content Management System (CMS)

Die neue Webseite unterscheidet sich grundlegend von der alten Webseite. Die alte Webseite verwendet «Wordpress» als Content Management System (CMS) für alle nationalen und kantonalen Webseiten. Die kantonalen liegen «unterhalb» der nationalen Webseite. Soll heissen, dass Änderungen auf der nationalen Webseite Auswirkungen auf die kantonalen Webseiten haben können. «Wordpress» ist ausserdem für den Inhalt, sowie für das Design zuständig, insgesamt ein «all-in-one»-Paket. Das hat jedoch den Nachteil, dass die ganze Webseite auf ein System abhängig ist. Jegliche Plugins müssen in Stand gehalten werden, idealerweise von allen Kantonen. Änderungen am Design müssen ebenfalls von allen Sektionen durchgeführt werden, um eine gewisse Konsistenz zu erhalten.

Neu unterscheidet die neue Webseite stark zwischen «Frontend» und «Backend» und ist wie folgt aufgebaut:

• Backend: Die neue Webseite verwendet als «Backend»-System Strapi. Strapi gehört zu den sogenannten «Headless CMS», das heisst, dass Strapi kein Frontend zu Verfügung stellt (anders als bei Wordpress). Ähnlich macht es die GLP mit «Magnolia», welches ebenfalls ein Headless CMS ist. Ausserdem funktioniert Strapi auf die «Node.js»-Laufzeitumgebung (Wordpress läuft auf PHP). Somit basiert Strapi auf eine moderne Technologie. Bekannte Firmen, die ebenfalls auf Strapi setzen sind beispielsweise NASA, IBM und Walmart.
• Frontend: Da die neue Webseite ein Headless CMS verwendet, braucht es entsprechend ein Frontend. Die neue Webseite verwendet als Backend «Nuxt», welches auf die Vue.js-Framework basiert, jedoch serverseitige Funktionen ausführen kann. Sie ist ebenfalls fähig, die Seite «serverseitig» zu rendern (d.h. den Content auf dem Server zu laden und nicht beim User). Vor allem für die Search Engine Optimization (SEO) ist die von Vorteil. Wie Strapi läuft «Nuxt» ebenfalls auf Node.js.

Änderungen frontend-seitig (Designtechnisch) werden automatisch auf alle kantonalen Webseiten angewendet, ohne dass der Inhalt betroffen ist. Auch neue Funktionen (wie neue Website-Elemente) werden automatisch auf alle Webseiten angewendet.

Design

Das Design wurde grundlegend überarbeitet. Sie soll sich am CI/CD der jglp Schweiz anlehnen (jglp Farben, Balken, etc.). Sie soll auch eine bestimmte Konsistenz bieten, damit alle Elemente auf der Webseite ähnlich aussehen. Sie wird bewusst sehr schlicht gehalten und auf grobe Animationen wird verzichtet. Der User soll möglichst schnell zu Informationen kommen und ein neues Mitglied soll sich schnell zurechtfinden können. Auf das Design wird jedoch nicht näher eingegangen, da die wesentlichsten Punkte um Konzept dokumentiert sind.