
Echtkuh-l
TYPO3, SEO, Design, Support, Agiles Projektmanagement, Workflow-Design
Seit zwanzig Jahren sensibilisiert der kuhle Hashtag#Schulwettbewerb, bei dem erstmals auch die Oberstufe mitmachen darf, für gesunde Ernährung und Hashtag#ökologische Landwirtschaft. In diesem Jahr setzen sich Kinder und Jugendliche mit den Zusammenhängen von Hashtag#Wasser und ökologischer Landwirtschaft auseinander.
"Echt kuh-l!" richtet sich an Kinder und Jugendliche der 3. bis 13. Klassen aller Schulformen. Der Hashtag#Kreativität sind keine Grenzen gesetzt – alles ist gewünscht: Songs, Filme, Spiele, Projekttage, Ausstellungsexponate und vieles mehr. Die einzige Voraussetzung ist, dass sich die Schülerinnen und Schüler mit den Themen Wasser und ökologischer Landwirtschaft alters- und leistungsgerecht auseinandersetzen. Zu gewinnen gibt es Hashtag#Berlin-Fahrten, Preisgelder bis zu 1.500 Euro und die Trophäe "Kuh-le Kuh".
Das Projekt
Im Folgenden wird dargelegt, wie die Internetseite für die Ausschreibung “Durchführung des bundesweiten Schulwettbewerbs “Echt kuh-l!”“ strukturiert und gestaltet werden kann. Die hier verwendete inhaltliche Gliederung richtet sich in erster Ebene nach den Teilnahmebedingungen sowie nachfolgend an den Anforderungen der Leistungsbeschreibung.
Der Internetseite wird eine Struktur gegeben, welche der Vielfalt moderner Endgeräte und Browser gerecht wird:
- alle webkit-basierten Browser der letzten beiden Versionen werden unterstützt.
- es wird ein responsives Design umgesetzt, um skalierende Darstellung zu erlauben
- das Design wird “mobile first” geplant und auf alle größeren Auflösungen angepasst
- das Menu wird entweder in einer ganzen Breite oder in einem Burgermenu komprimiert dargestellt, abhängig von der Breite des gesamten Displays
Die technischen Grundlagen werden mit dem Open Source CMS TYPO3 in der aktuellen LTS Version bereitgestellt. Dies ist zum Zeitpunkt dieser Niederschrift TYPO3 v12.
Die Inhalte können in diesem CMS von einem geschulten Redakteur eingepflegt und in lesbarer Art sowie zielgruppengerecht ausgegeben werden. Die Ausgabe wird mit dem barrierearmen und responsiv nutzbarem Gestaltungswerkzeug Bootstrap ausgegeben.
Die Gestaltung erfolgt zielgruppengerecht. Es wird sichergestellt, dass die avisierten Zielgruppen jeweils mittels der Navigation und der darstellenden Elemente angesprochen werden und sicher an die jeweils angebotenen Navigationspunkte gelangen können.
Die architektonische Aufteilung der Seite orientiert sich an https://www.praxis-agrar.de/ um den grundlegenden technischen Vorgehensweisen der Auftraggeberin zu entsprechen.
Alle Informationen können durch die Navigation sowie durch Inhaltselemente zugänglich gemacht werden. Zudem steht eine Sitemap (als navigierbares Inhaltsverzeichnis der Seite) zur Verfügung.
Die Internetseite wird nach den Vorgaben der DSGVO gestaltet und technisch umgesetzt. Es wird insbesondere sichergestellt:
-
Cookie Consent Management
-
Informationsseite zum Datenschutz
-
Adress-Angaben
-
Tracking-Werkzeuge
Es wird sichergestellt, dass sowohl die Internetseite als auch alle technischen Komponenten die darin zum Einsatz kommen, ausschließlich der Rechtsprechung der Bundesrepublik Deutschland sowie der EU unterliegen. Dies schließt auch das Hosting und dessen Standort mit ein.
Die Website wird barrierearm gestaltet und umgesetzt. Als Grundlage dafür dienen die Vorschriften der BITV, die Prüfschritte sind hier einsehbar:
https://www.bitvtest.de/bitv_test/das_testverfahren_im_detail/pruefschritte.html
Über die Einhaltung der datenschutzseitigen Anforderungen hinaus stellt die Auftragnehmerin sicher, dass die Internetseite allen weiteren rechtlichen Anforderungen entspricht. Das Impressum wird rechtssicher erstellt und mit den richtigen Informationen versehen. Dies sind im Einzelnen die Anbieterkennung, die Nennung der richtigen verantwortlichen Person für die Veröffentlichung von Inhalten und die Angabe von Kontaktmöglichkeiten.
Weitere Referenzen
- Responsive Design
- Dynamische Webseiten
- Clientseitige Frameworks
- Prototype, AngularJS, ReactJS, jQuery, YAML, Bootstrap
- PHP-Symfony, PHP-Laravel, Cake-PHP
- HTML (HTML5, XHTML)
- CSS (alle Versionen inkl. CSS3)
- XML und XSLT
- JSON
- JavaScript /AJAX
- PHP5 und PHP7
- Prinzipien der objekt-orientierten Programmierung