QuickStartGuide. Kunde Behörde für Schule und Berufsbildung Projekt SchulHomePages Version 0.5

Transkript

1 QuickStartGuide Kunde Behörde für Schule und Berufsbildung Projekt SchulHomePages Version 0.5 Autor Simon Wilkens Mail Tel Mob Dienstag, 24. September 2013

2 Inhaltsverzeichnis SchulHomePages Versionshistorie Einleitung Zweck des Dokumentes Hintergrund Literatur-Empfehlung Zugangsdaten SchulHomePages Infoseite Rechte und Rollen Anpassung des Layouts Seitentitel und Untertitel Farben Farbwelt Google Webfonts Kopfbild Navigation Statische Startseite Seiten vs. Beiträge Beiträge Seiten Mehrsprachigkeit Einbetten von Videos Einbetten einer Audio-Datei Erstellen einer Bildergalerie Kalender und Termine Einen neuen Kalender erstellen Einen neuen Termin erstellen Ansprechpartner Behörde für Schule und Berufsbildung Ausführende Agentur... 11

3 QuickStartGuide SchulHomePages Versionshistorie Version Inhalte / Änderungen Autor Datum 0.1 First Draft Simon Wilkens Kapitel Einrichten neuer Mandanten Simon Wilkens Literatur-Empfehlungen Simon Wilkens Dedizierte Module Simon Wilkens Einbettung Medien Simon Wilkens

4 2 Einleitung Das System der Schulhomepages basiert auf der Open Source Technologie WordPress ( Das System wurde modifiziert und erweitert, um dem gewünschten Funktionsumfang der Behörde für Schule und Berufsbildung gerecht zu werden. Es wurde ein Multimandantensystem integriert, das auf einer Daten- und Benutzerbasis eine Vielzahl eigenständiger Schulauftritte (innerhalb des Systems wird hier häufiger die ursprüngliche Bezeichnung Blog auftauchen) ermöglicht. 2.1 Zweck des Dokumentes Dieses Handbuch richtet sich an die Administratoren der einzelnen Mandanten. Es soll den ersten Einstieg in das System erleichtern. 2.2 Hintergrund Die Behörde für Schule und Berufsbildung hat sich bei der Auswahl für das neue System der SchulHomePages den Einsatz einer Open Source Technologie entschieden. Diese Wahl soll eine langfristige Weiterentwicklungsmöglichkeit und einen Support unabhängig von einem einzelnen Software-Hersteller sicherstellen. 3 Literatur-Empfehlung Das System der SchulHomePages soll einer Vielzahl von Hamburger Schulen eine digitale Präsenz zur Verfügung stellen. Die Erfahrungen und Kenntnissstände der Administratoren, sowie auch die Anforderungen an den Webauftritt variieren in einem hohen Maße. WordPress als sehr weit entwickeltes Open Source Content Management System bietet jedoch Literatur und Wissensquellen für jede Erfahrungsstufe. Eine kleine Auswahl von empfohlener Literatur für einen Einstieg finden Sie auf dem Dashboard ihres Administrations-Zugangs. Für spezifische Fragen werden Ihnen Internet-Suchmaschinen sicherlich passende Ergebnisse liefern. 4 Zugangsdaten Ihre Zugangsdaten, sowie den Link zum Administrations-Interface bekommen Sie per , nachdem Ihr Mandant von der Behörde für Schule und Berufsbildung erstellt wurde. 5 SchulHomePages Infoseite Für die Behörde für Schule und Berufsbildung stellt einen Webauftritt mit Informationen über das Schul-CMS unter der Adresse zur Verfügung

5 6 Rechte und Rollen Als Administrator können Sie weitere Benutzer für die Bearbeitung Ihrer Schulwebsite anlegen. Diese Benutzer lassen sich mit unterschiedlichen Rechten ausstatten. Die Übersicht welche Rechte den einzelnen Rollen zugeordnet sind finden Sie hier: Um einen neuen Benutzer anzulegen wählen Sie BENUTZER > NEU HINZUFÜGEN. 7 Anpassung des Layouts Ihre neue Schulhomepage wird Ihnen mit einer Musterbefüllung zur Verfügung gestellt. Um die ersten Anpassungen vorzunehmen loggen Sie sich über die Ihnen zur Verfügung gestellten Zugangsdaten in den Administrationsvereich ein. Wählen Sie im linken Menü DESIGN > ANPASSEN. Sie werden nun auf die Ansicht ihrer Website mit aktiviertem Anpassungs-Menü weitergeleitet. Öffnen Sie die einzelnen Reiter im Anpassungs-Menü und nehmen Sie Modifikationen vor. Diese werden sofort sichtbar, aber erst mit dem speichern für alle Besucher aktiv. 7.1 Seitentitel und Untertitel Dies ist der Name Ihrer Seite, bzw. Ihrer Schule. Sie können wählen, ob Sie diesen Text als Schrift anzeigen lassen wollen oder nicht. 7.2 Farben Wählen Sie eine Farbe für Seitentitel und Untertitel aus, die zu Ihrem Kopfbild passt. 7.3 Farbwelt Wählen Sie aus einer der Farbwelten die aus, die dem Design ihrer Schule am nächsten kommt. 7.4 Google Webfonts Wählen Sie eine Schriftart für die Fließtexte (Base Font) und eine für Überschriften (Accent Font) aus. Tipp: Auf der Seite erhalten Sie eine Übersicht über die zur Verfügung gestellten Fonts mit direkter Vorschau. 7.5 Kopfbild Ihnen steht im gesamten oberen Bereich eine Bildfläche zur Verfügung. Laden Sie hier Bilder im Format Pixeln hoch. Die Skalierung bei Monitoren mit geringerer Auflösung erfolgt automatisch. Tipp: Um ein Logo Ihrer Schule in der oberen linken Ecke zu platzieren integrieren Sie dieses in das Kopfbild und schalten Sie Seitentitel und Untertitel aus

6 7.6 Navigation Wählen Sie die Navigation aus den Menüs, die Sie als Hauptnavigation verwenden wollen. Tipp: Dies ist eine Funktion, für sehr individuelle Modifikationen. Benutzen Sie Sie erst, wenn Sie ausreichend Erfahrung mit dem System gesammelt haben. 7.7 Statische Startseite Wählen Sie welche Seite als Startseite Ihres Auftrittes diene soll. Tipp: Dies ist eine Funktion, für sehr individuelle Modifikationen. Benutzen Sie Sie erst, wenn Sie ausreichend Erfahrung mit dem System gesammelt haben. 8 WordPress unterscheidet die Inhaltstypen in Seiten und Beiträge. Die Darstellung beider Inhalte kann identisch sein, der Unterschied liegt in der Verarbeitung für die Navigation und Seitenstruktur. 8.1 Beiträge Beiträge sind Inhalte, die in einer chronologischen Struktur abgebildet werden. Der neuste Beitrag steht immer an erster Stelle. Sie können Kategorien zugeordnet werden (z.b. News). Die Kategorien sammeln alle ihnen zugeordneten Beiträge und listen diese in der Abfolge ihrer Erstellung, bzw. Bearbeitung auf. 8.2 Seiten Seiten unterliegen nicht der chronologischen Sortierung und sind für eine feste Positionierung in der Navigation gedacht. Sie können in Form einer Baumstruktur verschachtelt werden. Zur Einordnung von Seiten in ein Menü wählen Sie DESIGN > MENÜS. Wählen Sie das Menü, das Sie bearbeiten wollen oder erstellen Sie ein neues. Auf der linken Seite sehen Sie nun eine Übersicht über die möglichen Inhalte eines Menüs

7 Auf der rechten Seite sehen Sie das Menü in seiner Struktur. Sie können die Elemente per Drag&Drop in ihrer Reihenfolge verschieben oder als Unterpunkte eingliedern. Die Hauptnavigation hat einen festen Platz in ihrem ausgewählten Theme. Ihre selbsterstellten Menüs können Sie in Widget-Container des Templates einfügen. Wählen Sie dazu DESIGN > WIDGETS

8 Auf der linken Seite sehen Sie die Widgets, die innerhalb ihres Themes zur Verfügung stehen. Auf der rechten Seite sehen Sie die Widget-Container. Ziehen Sie das Widget individuelles Menü auf einen Container und öffnen sie es für die Bearbeitung. Sie können aus der Liste der Menüs nun Ihr neues Menü auswählen und es mit einer Überschrift versehen. Nach dem Speichern steht das Menü auf der Website zur Verfügung. 8.3 Mehrsprachigkeit Mehrsprachige Websites können über das Plugin Bogo genutzt werden. Dieses Plugin ist standardmässig NICHT aktiviert. Der Seiten-Administrator kann im Backend unter Plugins die Aktivierung durchführen. Nach der Aktivierung steht unter EINSTELLUNGEN > ALLGEMEIN ein neues Auswahlmenü zur Verfügung, in dem die gewünschten Sprachen ausgewählt werden können. Nach der Aktivierung bietet das Backend nun ein Auswahlmenü für die Sprachversion oben rechts neben der Benutzeranzeige

9 Wird eine abweichende Sprache ausgewählt zeigt das System für noch nicht übersetzte BEITRÄGE nun im Bearbeitungsmenü eine neue Option zur Übersetzung. Nach Benutzung der Schaltfläche wird eine Kopie des BEITRAGS angelegt, die nun übersetzt und überarbeitet werden kann. Im Bearbeitungsmenü sind ab sofort beide Übersetzungen sichtbar. Damit die Besucher der Seite zwischen den verschiedenen Sprachversionen wählen können muss noch unter DESIGN > WIDGETS das entsprechende Modul eingefügt werden. Die Darstellung auf der Website passt sich dem ausgewählten THEME an

10 9 Um Videos performant ausliefern zu können steht die Möglichkeit einer direkten Einbettung von Drittanbietern wie z.b. youtube zur Verfügung. Eine vollständige Liste der unterstützten Anbieter erhalten Sie hier: Die Anleitung zur Einrichtung eines eigenen Channels und dem Upload von Video-Daten erhalten Sie beim jeweiligen Dienstanbieter. Um ein Video einzubetten brauchen Sie nur die URL unter der das Video beim Dienstanbieter verfügbar ist in den Text einzufügen. Z.B. Der Anbieter youtube passt die Auslieferung des Streams automatisch an die Bedingungen des jeweiligen Benutzergerätes an (Verfügbare Codes, Video-Formate, Bandbreite) Das System bietet die Möglichkeiten Audiodaten von Drittanbietern einzubinden. Eine vollständige Liste der unterstützten Anbieter erhalten Sie hier. Die Anleitung zur Einrichtung eines eigenen Channels und dem Upload von Audio-Daten erhalten Sie beim jeweiligen Dienstanbieter. Um eine Audio-Datei einzubetten brauchen Sie nur die URL unter der das Video beim Dienstanbieter verfügbar ist in den Text einzufügen. Z.B.: 11 Um eine Bildergalerie einzufügen benutzen Sie die Schaltfläche Dateien Einfügen. Über Galerie erstellen können Sie eine neue Galerie in die Seite oder den Betrag einfügen. Hinweis: Sie können beliebig viele Galerien auf einer Seite verwenden. Laden Sie neue Bilder für die Galerie hoch oder wählen Sie Bilder aus der Mediathek. Quellen für Kostenfreie Bilder finden Sie in diesem Artikel: WICHTIG: Kostenfrei bedeutet nicht lizenzfrei! Beachten Sie die jeweiligen Nutzungsbedingungen (z.b. Nennung des Urhebers). TIPP: Organisation der Bilder

11 Organisieren Sie ihre Bilder direkt über die jeweilige Seite, auf der das Bild verwendet wird. Um eine Galerie zu bearbeiten wählen Sie das Icon in der oberen linken Ecke. In der Medienübersicht (MEDIEN > MEDIENÜBERSICHT) sehen Sie alle im System vorhandenen Bilder. Sie können Sie nach Autor (Uploader), Datum und der verwendeten Seite sortieren. 12 Das System bietet ihnen die Integration von Kalendern in Ihre Website an Einen neuen Kalender erstellen Über KALENDER > ERSTLELLEN können Sie neue Kalender hinzufügen. Nach dem Erstellen finden Sie den neuen Kalender unter DESGN > MENÜS und können ihn dort in die gewünschte Navigation einfügen. Neben dem Lokalen Kalender können Sie auch externe Kalender abonnieren. Kalender-Abonnements werden als Dateien mit der Endung.ics bereitgestellt. Beispiele für abonnierbare Kalender finden Sie hier: Einen neuen Termin erstellen Über TERMINE > ERSTELLEN können Sie neue Temine einfügen. Termine können als normale Beiträge mit gestaltbaren Seiten erstellt werden. Sie können jeden Termin einem Kalender zuweisen in dem er geführt werden soll

12 13 Ansprechpartner 13.1 Behörde für Schule und Berufsbildung Arnim Weggen Schulinformationszentrum (SIZ) Informationsdienste Internet / Intranet Schul-CMS Freie und Hansestadt Hamburg Behörde für Schule und Berufsbildung Hamburger Straße 125a, Hamburg Tel.: Fax: arnim.weggen@bsb.hamburg.de Michael Reichmann Schulinformationszentrum (SIZ) Teamleitung Informationsdienste Freie und Hansestadt Hamburg Behörde für Schule und Berufsbildung Hamburger Straße 125a, Hamburg Tel.: Fax: michael.reichmann@bsb.hamburg.de

13 13.2 Ausführende Agentur Simon Wilkens Geschäftsführung POLYPLANET GmbH - Digitale Welten Zu den Diebeskuhlen 18c Rosengarten Tel +49 (0) Mob +49 (0) sw@polyplanet.de