FirstSpirit Grundlagenschulung

Agenda WCMS – was ist das? Einstieg in FirstSpirit Webauftritt gestalten Seiten erstellen Fotos, Dokumente, … Navigation und Menüstruktur Kontaktlisten Aktuelle Nachrichten Redaktions-/“Live“-System Schnittstellen Was gehört nicht in FirstSpirit? FirstSpirit - Einführungsschulung2

WCMS = Web Content Management System Plattform zur redaktionellen Bearbeitung von Webauftritten Paralleles Arbeiten mehrerer Redakteure möglich WCMS – Was ist das? FirstSpirit - Einführungsschulung3

Einfache Änderung von Informationsinhalt u. –struktur Datenbank-Unterstützung inkl. „automatische“ Erzeugung von Listen- u. Detailseiten WCMS – Was ist das? FirstSpirit - Einführungsschulung4

Webauftritt gestalten Automatisch, ohne administrat. Aufwand Individualität des eigenen Auftritts Marke „TU Darmstadt“ - optisch einheitlich - wiedererkennbar - unverwechselbar Corporate Identity FirstSpirit - Einführungsschulung5

Öffentliche Darstellung der Institution Wer? Was? Wozu gehört's? Wie erreichbar? Neuigkeiten? Webauftritt gestalten FirstSpirit - Einführungsschulung6

Webauftritt gestalten Farbbalken aus dem Farbschema der TU Zentraler Inhaltsbereich Marginalienspalte mit Kontaktinfos Headerbild mit TU Darmstadt Logo Suche Anmelden Navigation - Untermenü Brotkrumen- Navigation Navigation - Hauptmenü Fußleiste Menüpunkt „TU“ FirstSpirit - Einführungsschulung7

Webauftritt gestalten Einmalig oder selten: 1. Individuelle Farbe des Auftrittes festlegen 2. Headerbilder auswählen + in Medienbereich laden 3. Menüstruktur festlegen 4. Datenquellen festlegen Häufig: 1. Einzelseiten im Inhalts- bereich gestalten 2. Medien hochladen 3. Datenquellen füllen 4. Seitenreferenzen auf Inhaltsseiten anlegen 5.Aktuelle Nachrichten hinzufügen 6.Mitarbeiterliste bearbeiten Tätigkeiten FirstSpirit - Einführungsschulung8

Beispielauftritt Zugriffsgeschütze Seite: - Anmeldung mit TU-ID und Passwort FirstSpirit - Einführungsschulung9

Einstieg in FirstSpirit Über Adresszeile im Webbrowser redaktion.tu-darmstadt.de Über Webteam-Seite FirstSpirit - Einführungsschulung10

Einstieg in FirstSpirit Einloggen am Redaktionssystem FirstSpirit - Einführungsschulung11

Einstieg in FirstSpirit Redaktionssystem Projekt im JavaClient starten FirstSpirit - Einführungsschulung12

Einstieg in FirstSpirit Projekt im JavaClient FirstSpirit - Einführungsschulung13

Einstieg in FirstSpirit Trennung von Inhalten + Strukturen Aufbau der einzelnen Seiten Datenbanken mit aktuellen Nachrichten, Mitarbeiterlisten,... Fotos,*.doc, *.xls, *.pdf (KLEIN!!!) Menüstruktur Globale Einstellungen FirstSpirit - Einführungsschulung14

Inhalte Aufbau der einzelnen Seiten FirstSpirit - Einführungsschulung15

Seiteninhalte gestalten Neue Seite erstellen – die „leere Hülle“ 1. Ordner „weitere Seiten“ anklicken 2. Rechte Maustaste 3. „Neu“ + „Seite anlegen“ FirstSpirit - Einführungsschulung16

Seiteninhalte gestalten Neue Seite erstellen – die „leere Hülle“ 4. Seitenvorlage „Standard“ + „Inhalt mit Marginalienspalte“ 5. Anzeigename und Referenz- name eintragen FirstSpirit - Einführungsschulung17

Seiteninhalte gestalten Anzeigename – Referenzname „Anzeigename“ - in der Baumstruktur in FirstSpirit sichtbare Bezeichnung - Groß- und Kleinbuchstaben, Umlaute, Leer- und Sonderzeichen sind erlaubt „Referenzname“ - von FirstSpirit intern verwendete EINDEUTIGE Bezeichnung - nur Kleinbuchstaben und „_“ erlaubt ! - keine Umlaute, Sonder- und Leerzeichen ! Innerhalb des Inhaltsbereiches müssen alle Referenznamen unterschiedlich sein! Innerhalb des Strukturbereiches müssen alle Referenznamen unterschiedlich sein! Innerhalb des Medienbereiches müssen alle Referenznamen unterschiedlich sein! Innerhalb des Datenquellenbereiches müssen alle Referenznamen unterschiedlich sein! FirstSpirit - Einführungsschulung18

Seiteninhalte gestalten Neue Seite erstellen – Absätze hinzufügen 1. „neue Seite“+„zentral“ anklicken 2. Rechte Maustaste 3. „Neu“ + „Absatz einfügen“ FirstSpirit - Einführungsschulung19

Seiteninhalte gestalten Neue Seite erstellen – Absätze hinzufügen 1. Absatzvorlage „Standard“ + „Text(opt. m. Bild)“ 2. Im Rechten Fensterbereich Absatzüberschrift und eigent- lichen Absatztext eingeben FirstSpirit - Einführungsschulung20

Seiteninhalte gestalten Neue Seite anschauen 1. Seite anklicken 2. Falls noch nicht gespeichert → „Speichern“-Icon anklicken 3. Das „Vorschau“-Icon anklicken Vorschau der Seite FirstSpirit - Einführungsschulung21

Seiteninhalte gestalten FirstSpirit - Einführungsschulung22

Hinweise zum Arbeiten Was Sie vielleicht bereits entdeckt haben: * Bearbeitungsmodus an-/ausschalten * Seiten / Inhalte freigeben * Darstellung in der Baumstruktur von FirstSpirit: Fett – in Bearbeitung Dünn – Bearbeitung beendet Rot – geändert und noch nicht freigegeben Schwarz – ist so freigegeben und kann online erscheinen FirstSpirit - Einführungsschulung23

Medien Fotos,*.doc, *.xls, *.pdf (KLEIN!!!) FirstSpirit - Einführungsschulung24

Medien Fotos pdf-Dateien xls-Dateien Nur KLEINE Dateien!!! Bilder: max 5 MB Dokumente: max 50 MB Auflösung Headerbilder: 931 x 145 Pixel doc-Dateien ACHTUNG: Medien sind prinzipiell NICHT geschützt!!! Alternativen: - Medienserver der Gruppe Medientechnik, - OpenLearnWare FirstSpirit - Einführungsschulung25

Medien 1. Ordner mit rechte Maustaste 2. „Neu“ + „Medium anlegen“ 3. Datei auswählen 4. Beschreibung angeben! Neue Medien hinzufügen Alternative: „Drag & Drop“ 1. FirstSpirit - Einführungsschulung26

Medien Fotos pdf-Dateien doc-Dateien xls-Dateien Nur KLEINE Dateien!!! 3. Übungsaufgabe: Erstellen Sie im Medienbereich im Ordner „Schulung_XX“ zwei Unter- ordner „Fotos“ + „Dokumente“ und füllen Sie diese Ordner mit einigen Medien. FirstSpirit - Einführungsschulung27

Seiteninhalte gestalten 5. Übungsaufgabe: Erweitern Sie Ihre vorhin erstellte Seite um weitere Absätze mit verschiedenen Absatzvorlagen. FirstSpirit - Einführungsschulung28

Kurzer Rückblick + Ausblick Was Sie schon können: * Sie haben im Inhaltsbereich Seiten mit verschiedenen Absätzen erstellt. * In diese Seiten haben Sie Bilder und andere Dokumente (die Sie vorher in den Medienbereich hochgeladen hatten) eingebunden. Was fehlt noch? * Die erstellten Seiten können noch nicht über irgendeine Art der Navigation in einer Menüstruktur erreicht werden. → Strukturbereich * Automatisierte Seiten mit Übersichtslisten (Kontakte etc.) → Datenquellenbereich FirstSpirit - Einführungsschulung29

Struktur Menüstruktur FirstSpirit - Einführungsschulung30

Menüstruktur aufbauen „Trennung von Inhalt + Struktur“ !!! Aufbau der einzelnen Seiten Menüstruktur FirstSpirit - Einführungsschulung31

Menüstruktur aufbauen Hauptmenü - Untermenü Menüpunkt anlegen: 1. Ordner des übergeordneten Menüs anklicken. 2. Rechte Maustaste 3. „Neu“ + „Menüebene anlegen“ auswählen WICHTIG !!! - Sinnvolle Bezeichnung FirstSpirit - Einführungsschulung32

Menüstruktur aufbauen Hauptmenü - Untermenü Seitenreferenz anlegen: 1. Ordner des übergeordneten Menüs anklicken. 2. Rechte Maustaste 3. „Neu“ + „Seitenreferenz anlegen“ auswählen Wird automatisch eingetragen FirstSpirit - Einführungsschulung33

Menüstruktur aufbauen Menüname Menüname ändern: 1. Ordner Menüs anklicken. 2. Im rechten Bereich Menünamen im Feld „Menüname:“ ändern (Anzeige und Referenzname bleiben dabei unverändert!) FirstSpirit - Einführungsschulung34

Menüstruktur aufbauen 9. Übungsaufgabe: 1.Ändern Sie die Startseite der Menüebene „Menü2_1“ auf die andere Seitenrefe- renz in dieser Menüebene. So sieht´s aus! Startseite einer Menüebene Startseite ändern: 1. Seitenreferenz anklicken, die die Start- seite werden soll. 2. Rechte Maustaste 3. „Als Startseite festlegen“ FirstSpirit - Einführungsschulung35

Menüstruktur aufbauen Menüreihenfolge des Hauptmenüs Menüreihenfolge ändern: 1. Ordner des übergeordneten Menüs anklicken. 2. Im rechten Bereich Karteireiter „Menüreihenfolge“ anklicken 3. Zu verschiebenden Menüpunkt anklicken und mit Pfeiltasten hoch oder runter verschieben FirstSpirit - Einführungsschulung36

Kurzer Rückblick + Ausblick Was Sie schon können: * Seiten mit verschiedenen Absätzen anlegen und gestalten. → Inhaltebereich * Medien in das System hochladen und in den angelegten Absatzvorlagen verwenden. → Medienbereich * Die erstellten Seiten über die Menüstruktur erreichbar machen. → Strukturbereich Was fehlt noch? * Die Gestaltung des Corporate Design für Ihren Auftritt. → Strukturbereich * Automatisierte Seiten mit Übersichtslisten (Kontakte etc.) → Datenquellenbereich FirstSpirit - Einführungsschulung37

Seitenlayout gestalten Headerbilder und individuelle Farbe Corporate Design gestalten: 1. Ordner des zu gestaltenden Menüs anklicken 2. Karteireiter „Metadaten“ 3. Karteireiter „Corporate Design“ FirstSpirit - Einführungsschulung38

Hinweise zum Arbeiten Was Sie vielleicht bereits entdeckt haben: * „Zur Seite springen“ + „Verwendungen anzeigen“ * F9 - „Umbenennen“ – Anzeigenamen ändern * „Versionshistorie“ * „Ansicht“ + „Integrierte Vorschau anzeigen“ * „Suchen“ + … * „Projekt“ + „Andere Sitzungen beenden“ * „i“ und „Männchen“ FirstSpirit - Einführungsschulung39

Seitenlayout gestalten Kontaktdaten in der Marginalienspalte Kontaktdaten einstellen: 1. Ordner des zu gestaltenden Menüs anklicken 2. Karteireiter „Metadaten“ 3. Karteireiter „Marginalienspalte“ FirstSpirit - Einführungsschulung40

Datenquellen Datenbanken mit aktuellen Nachrichten, Mitarbeiterlisten,... FirstSpirit - Einführungsschulung41

Datenquellen „Kontaktinfos/Mitarbeiter“ und „News“ - (Aktuelles, Nachrichten): Aktuelle Nachrichten und Kontaktinfor- mationen werden als Einträge in verschiedenen Tabellen gespeichert. Sie können nach Einrichtungen und Gruppen bzw. Rubriken und Themen gegliedert und später als Kontaktliste, Nachrichten-übersicht oder in Detail-seiten angezeigt werden. Aktuelle Nachrichten Mitarbeiter FirstSpirit - Einführungsschulung42

Datenquellen - Kontaktinfos FirstSpirit - Einführungsschulung43

Datenquellen In den Datenquellen werden „Datensätze“ mit den Informationen für jeden einzelnen Kontakt bzw. jede einzelne Nachricht gespeichert. Im Inhaltsbereich wird eine Seite erstellt, die die Datensätze aus den Datenquellen ausliest und automatisiert in einer Übersichtsliste darstellt. Im Strukturbereich wird diese Inhaltsseite in der Menüstruktur (Navigation) des Webauftrittes verlinkt. Das Webteam muss dort anschließend Einstellungen für die Detailseiten vornehmen. Wie funktionieren die Kontaktinfos bzw. News? FirstSpirit - Einführungsschulung44

Datenquellen - Kontaktinfos Bsp. Einrichtungen Bsp. Gruppen Tabellen der Datenquelle „Kontaktinfos/Mitarbeiter“ Datenquelle Tabellen FirstSpirit - Einführungsschulung45

Datenquellen Arbeiten in Tabellen der Datenquellen Blättern Bearbeitungsmodus wechseln Speichern Vorschau Aktualisieren Neuer Eintrag Neuer Eintrag (Werte übernehmen) Löschen Versionsverwaltung Datensuche FirstSpirit - Einführungsschulung46

Datenquellen - Kontaktinfos Bsp. Kontakte/Mitarb. Vollständige Informationen eines Kontakt- eintrages (mit Doppelklick) Neue Kontaktinfos in Tabelle hinzufügen FirstSpirit - Einführungsschulung47

Datenquellen - Kontaktinfos WICHTIG!!! Zugehörigkeit zu Einrichtung und Gruppen eintragen!!! Am Ende: FirstSpirit - Einführungsschulung48

Datenquellen - Kontaktinfos WICHTIG!!! Nach Änderungen 1. Speichern (rotes Quadrat erscheint vor Eintrag) 2. Bearbeitungsmodus verlassen 3. Freigeben (Rechte Maustaste auf Eintrag, „Arbeitsablauf starten“+“Einfache Freigabe“) → rotes Quadrat vor Eintrag wird wieder entfernt Neue Kontaktinfos freigeben FirstSpirit - Einführungsschulung49

Datenquellen - Kontaktinfos „Mitarbeiter“ - Übersichtslisten: 1. Im Inhaltsbereich einen Ordner „Mitarbeiter“ anlegen. 2. Im „Mitarbeiter“-Ordner eine neue Seite mit der Seitenvorlage „Inhalt mit Marginalienspalte“ anlegen 3. Im Zentralbereich der Seite einen Absatz mit der Absatzvorlage „Datenquellen“ + „Mitarbeiterliste“ anlegen Datenquelleninhalte in Inhaltsseiten auslesen FirstSpirit - Einführungsschulung50

Datenquellen - News FirstSpirit - Einführungsschulung51

Datenquellen - News „News“ - Übersichtslisten: 1. Im Inhaltsbereich einen Ordner „News“ anlegen. 2. Im „News“-Ordner eine neue Seite mit der Seitenvorlage „Inhalt mit Marginalienspalte“ anlegen 3. Im Zentralbereich der Seite einen Absatz mit der Absatzvorlage „Datenquellen“ + „News“ anlegen Datenquelleninhalte in Inhaltsseiten auslesen FirstSpirit - Einführungsschulung52

Überblick Redaktions- und „Live“-System Schnittstellen zu TU-Systemen Was gehört nicht in FirstSpirit? FirstSpirit - Einführungsschulung53

Schnittstellen zu TU-Systemen SSO - Single Sign-On TUCaN FirstSpirit Publikationen Autom. Login Veranstaltungs- daten Mitarbeiter- daten Vorlesungs- daten Lehr- materialien Identitäts- management FirstSpirit - Einführungsschulung54

Der Webauftritt Was gehört nicht in den Webauftritt? LehrveranstaltungenTUCaN (Termine, Ort, Uhrzeit,...) Lehrmaterialien Moodle / (Skripte, Filme, …) OpenLearnWare PublikationenULB Große DatenmengenMedienserver HRZ WCMS ermöglicht Sicht auf Daten anderer Systeme FirstSpirit - Einführungsschulung55

Wir möchten Sie um eine kurze Rückmeldung zur Schulung bitten Diese erfolgt online URL: bitte aus der FirstSpirit-Vorschau aufrufen / Losung: fs Antwort zur Frage 5.1 FirstSpirit Grundlagenschulung Schulungsevaluation FirstSpirit - Einführungsschulung56

Noch Fragen? Webteam der TU Hochschulrechenzentrum / Stabsstelle Kommunikation und Medien Hilfe: Hilfe: Kontakt: Infoswww.webteam.tu-darmstadt.de Infos: Redaktionssystem: redaktion.tu-darmstadt.de FirstSpirit - Einführungsschulung57

Danke für Ihre Aufmerksamkeit FirstSpirit - Einführungsschulung58