Schule bewegt

Bei Kindern und Jugendlichen ist der natürliche Bewegungsdrang besonders ausgeprägt. Im Auftrag von Swiss Olympic hat Deimos eine Online-Plattform konzipiert und programmiert, mit der Lehrpersonen Bewegung ins Klassenzimmer bringen. Verschiedene Bewegungsaufgaben aktivieren oder beruhigen die Schülerinnen und Schüler oder dienen dem bewegten Lernen.

schulebewegt_teaser

Ausgangslage

Im Sommer 2017 hat Swiss Olympic das Bewegungsförderungsprogramm «Schule bewegt» vom Bundesamt für Sport übernommen – und Überarbeitungspotenzial festgestellt.

Ziel

Ziel war, die Bewegungsübungen auf einer Online-Plattform zu sammeln und der Lehrerschaft so zur Verfügung zu stellen. Die Plattform ist integriert in die bestehende Magnolia CMS Infrastruktur bei Swiss Olympic. Das bietet viele neue Möglichkeiten: 
 

Praktische Videoanleitungen
Filter-, Sortier-, Bewertungs- und Merklisten-Funktion
Regelmässige Specials, zum Beispiel zum Thema Olympia
Integrierter Webshop, wo Hilfsmaterial für die Übungen bestellt werden kann
Registrierung und Anmeldung mit Zusatzfunktionen für registrierte User
Screenshots Schule bewegt

Umsetzung

Eine flexible Lösung mit Magnolia CMS und Angular

Deimos hat «Schule bewegt» mit Magnolia CMS umgesetzt – eine vertraute Technologie für Deimos ebenso wie für Swiss Olympic. Die Erfassung ist effizient und auf die Bedürfnisse des Editors abgestimmt. 

Das Frontend der Website haben wir mit Angular erarbeitet. Das garantiert eine hohe Funktionalität, insbesondere die Filterfunktionen bieten eine hervorragende Performance.  

Durch die Kombination von Magnolia CMS und dem Angular-Framework konnten wir die jeweiligen Vorzüge perfekt kombinieren. Das Editieren der Angular-Website in Magnolia funktioniert gleich wie bei einer klassischen Website, daher entstehen auch beim Abfüllen der Inhalte keine Nachteile. 

Deimos ist offizieller Magnolia-Partner

Würden Sie gerne mehr über die Möglichkeiten von Magnolia erfahren? Kontaktieren Sie uns.

Architektur

Die Lösung besteht aus den folgenden Komponenten: 
 

Magnolia CMS zur Verwaltung der Inhalte
Angular-Applikation für die Webseite
Verwaltungsapplikation für Shop + Benutzer*innen (SO-Administration)

 

Die verschiedenen Komponenten kommunizieren via REST miteinander. 

Architektur schule bewegt
Entwicklung

Da die Lösung innerhalb weniger Monate live gehen sollte, führte Deimos die Entwicklung in zwei Phasen durch. 

Phase 1

Zuerst galt es, die Bewegungsübungen online bereitzustellen. Dazu entwickelte Deimos in Magnolia eigene Content-Apps für die Erfassung der Übungen und Übungssets. Für sämtliche Inhalte aus Magnolia richteten wir REST-Schnittstellen ein, damit die Angular-Website darauf Zugriff hat. 

Phase 2

In der zweiten Phase lag der Fokus auf den Funktionen rund um User und Shop: 
 

in die Website integrierter Shop
Verwaltung der Shop-Artikel und Bestellungen
Verwaltung der User
Registrierungs- und Login-Möglichkeit auf der Website
Merklisten

Weitere Anpassungen

Im Laufe der Zeit kamen weitere Funktionen hinzu. So können etwa Übungsvarianten bereitgestellt werden, bei denen auch Schülerinnen und Schüler mit einer körperlichen Beeinträchtigung partizipieren können. 

Verwendete Technologien

Für das Projekt wurden folgende Technologien verwendet:
 

Magnolia CMS
Angular
Spring Boot
REST
Hibernate
Apache Tomcat
Microsoft SQL Server
Maven
Icon Tech & Tools

Interessieren Sie sich für unseren Technologie-Stack?

Dann finden Sie auf der Seite Tech & Tools detaillierte Informationen.

Screenshot Startseite
Screenshot Übungsübersicht
Screenshot Setübersicht
Screenshot Inhaltsseite
Screenshot Login

Ergebnis

Die Website «Schule bewegt» ist seit drei Jahren in Betrieb und erfüllt die Bedürfnisse von Swiss Olympic bis heute hervorragend. Die Stabilität der Plattform verdankt sich nicht zuletzt unserer Strategie, das Frontend vom Backend zu entkoppeln. Am wichtigsten aber ist, dass die Plattform so beliebt ist: Bereits im ersten Halbjahr nach Inbetriebnahme haben sich über 2000 Lehrpersonen registriert und über 40’000 Videos mit Bewegungsübungen gestreamt. Mit über 5000 Bestellungen im Jahr 2020 findet auch das Hilfsmaterial für die Übungen grossen Anklang. 

Gold für «Schule bewegt»

Die Online-Plattform «Swiss Olympic: Schule bewegt» wurde an den «Best of Swiss Web Awards 2019» mit Gold prämiert.

bosw2019-logo
Mit dem neuen, zeitgerechten Format bringen wir auch in Zukunft viel Bewegung und Freude in die Schulzimmer.
Rafael Meier-Andres Leiter Breitensport bei Swiss Olympic
Rafael_Meier-Andres