SCHILF - Die Schulhomepage

Aus dem Archiv: Schulungsseite (Entwurf) vom 24.10.2018. So sah das damals aus.

DSGVO, CMS, HTML, PHP, Responsive, WP, Plugin und Co???

Unsere Themen

Wer, Was, Wann, Wo, Wie, Warum, Warum nicht?

• Benutzer, Rollen, Zuarbeit und 46 % der Menschheit
• Inhalte = was nach der DSGVO noch übrig bleibt und wonach TMG & Co. verlangen
• 24/7
• WorldWideWeb, barrierefrei auf Uhr, Handy, Tablet und Computer
• passendes Endgerät, Internet und ein Inhaltsverwaltungssystem (CMS)
• Sinn und Zweck

Der Anfang

Abgucken erlaubt!

Schauen Sie sich die Konkurrenz an (mind. 24910 Schulen in Deutschland) und holen Sie sich entsprechende Anregungen, z. B. zu möglichen Inhalten und sinnvoller Gliederung!

• schulhomepage.de https://www.schulhomepage.de/
• Waldorfschule Goerlitz https://waldorfschule-goerlitz.de/
• gs-maria-ward.de https://www.gs-maria-ward.de/

Super externe Links:

• schulhomepage.de https://www.schulhomepage.de/
• gidf.de http://www.gidf.de/
• sachsen.schule https://www3.sachsen.schule/sbs/einrichtungen/schule/schulhomepages/
• internet-abc.de https://www.internet-abc.de/lehrkraefte/praxishilfen/internet-im-unterricht/erstellung-einer-schul-oder-projekt-website/
• Leitfaden Neuerstellung https://www.websitebuilder-test.com/homepage-erstellen/
• Strukturen finden https://www.clickstorm.de/blog/navigation-struktur-einer-webseite/
• Urheberrecht http://www.spiegel.de/lebenundlernen/schule/cartoon-auf-schulhomepage-lehrer-verletzt-urheberrecht-bundesland-haftet-a-1146954.html
• DSGVO an Schulen https://www.news4teachers.de/2018/05/datenschutz-verordnung-birgt-fuer-lehrer-fallen-beispiel-schulhomepage-was-bei-fotos-darauf-ab-sofort-zu-beachten-ist/
• Muster Datenschutzerklärung https://www.landesschulbehoerde-niedersachsen.de/themen/schulorganisation/datenschutz/dsgvo/muster/2018-05-25-muster-datenschutzerklaerung-schulhomepage.docx/view
• Checkliste Schulhomepage https://medienzentrum-rheingau-taunus.de/files/cto_layout/Downloads/Downloads-Veranstaltungen/Checkliste-Schulhomepage.pdf
• Barrierefrei https://www.barrierefreies-webdesign.de/knowhow/
• Beispielseite in WordPress https://schulhomepage.mediendozent.de/
• Bilder https://pixabay.com
• cms.sachsen.schule/typo3 https://cms.sachsen.schule/typo3/

Wer?

Die Zielgruppe: Benutzer

• Persona - Eltern, Schüler, Lehrer
• Nutzer und deren Endgerät
• Barrierefrei

Mögliche Ziele <=> Zielgruppen:

• Informationen über die Schule
• Informationen über das Schulleben
• Öffentlichkeitsarbeit
• Neuigkeiten - aktuelle Informationen (Stundenplanänderung o. Ä.)
• Veröffentlichung von Schülerarbeiten und Anbindung an den Fachunterricht
• Bereitstellung von Materialien und Informationen für Schüler
• Medienkompetenz zeigen – Sicherheit im Umgang mit Medien
• Abgrenzung zur Konkurrenz
• „Corporate Identity“
• Kommunikations- und Sozialkompetenz zeigen
• ...

Mögliche Gruppierungen <=> Zielgruppen:

• Lehrer
• Lehrer mit besonderen Aufgaben
• Klassen / Schüler
• Elternvertretung
• Schülervertretung
• Schulgeschichte
• Schulprogramm
• Fächer / Material / Onlineübungen
• GTA
• Termine
• Kontakt
• Impressum
• Datenschutzerklärung
• ...

Optische und technische Umsetzung <=> Zielgruppen:

• farbliche Gestaltung
• klare und einfache Navigation
• Übersichtlichkeit
• Design passend zur Schule
• einheitliches Design aller Seiten
• keine toten Links
• Interaktivität und Kreativität
• Texte, Bilder, Videos / Audios, Grafiken, Zitate, Checklisten, ...
• Standards für Programmierung
• Barrierefrei
• Responsive
• Ladezeit
• ...

Die Zielgruppe: Administrator und seine Gehilfen

Je nach verwendetem CMS können Rechte (Rollen) vergeben werden, z. B. in WordPress: https://de.support.wordpress.com/user-roles/ Zuarbeiten können so von überall geliefert werden! Zeit für GTA Schulhomepage?

Was?

Inhalte und Struktur

• Was Sie nicht tun sollten! https://www.websitetooltester.com/blog/5-homepage-fehler/
• Rechtliche Inhalte https://kerstin-paar.de/dsgvo-checkliste-website-blog/
• Google-Suche zu Schulhomepage und DSGVO http://www.gidf.de/dsgvo%20schulhomepage
• Struktur https://www.schulhomepage.de/redaktion/schule/inhalte-der-schulhomepage-neu-strukturieren/
• ARBEITSAUFTRAG: /dateien/todo-Struktur.jpg

Wann?

24/7

Wo?

WorldWideWeb, auf Uhr, Handy, Tablet und Computer

• Was ist eigentlich Responsive Webdesign? https://www.onlinemarketing-praxis.de/webdesign-webentwicklung/was-ist-responsive-webdesign
• Beispiel Schulhomepage /dateien/responsive-check.jpg
• Link http://ami.responsivedesign.is http://ami.responsivedesign.is/#

Wie?

Passendes Endgerät, Internet, Speicherplatz, Internetadresse und ein Inhaltsverwaltungssystem (CMS)

• Link zu einem CMS-Vergleich https://www.schulhomepage.de/cms/cms-vergleich-tipps-zum-optimalen-schulhomepage-system/
• Onlinespeicher - Link zu einem Hoster https://all-inkl.com/PA3E36944FC6254
• CMS - Link zu einem Hoster https://all-inkl.com/wichtig/tools/?session_id=91f8fbd07a4cf2864b97a2075cd06740#tipps-tools_content-management-systeme-cms
• DSGVO-Generator - Link https://www.e-recht24.de/muster-datenschutzerklaerung.html
• Impressum-Generator - Link https://www.e-recht24.de/impressum-generator.html
• Was ist Auftragsdatenverarbeitung - Link https://www.e-recht24.de/artikel/datenschutz/10580-auftragsdatenverarbeitung-adv-datenschutz.html
• SSL-Verschlüsselung https://letsencrypt.org/
• Link WP oder Baukasten? https://www.netzsieger.de/ratgeber/wordpress-versus-jimdo
• Link Homepage-Baukästen https://www.netzsieger.de/k/homepage-baukaesten
• Link Online-HTML-Editor https://html-online.com/editor/
• WordPress - Link zu einem Handbuch (Tutorial) von vielen ... https://wp-wizard.de/tutorial/
• Moodle - Link https://lehrerfortbildung-bw.de/demo2/course/view.php?id=4
• WordPress-Beispielseite https://schulhomepage.mediendozent.de/
• Admin-Menü https://schulhomepage.mediendozent.de/wp-admin/
• Logindaten eingeben
• +Neu Beitrag
• Text schreiben
• Veröffentlichen

Warum?

Sinn und Zweck