FirstSpirit - Einführungsschulung |...

Preview:

Citation preview

FirstSpirit - Einführungsschulung | 1

Tagesablauf

FirstSpirit - Einführungsschulung | Tagesablauf | 2

WCMS – was ist das? Einstieg in FirstSpirit Webauftritt gestalten Eine Seite erstellen Fotos, Dokumente, … Kontaktlisten Aktuelle Nachrichten

Vormittag Nachmittag

Navigation und Menüstruktur

Redaktions-/“Live“-System Schnittstellen Was gehört nicht in

FirstSpirit?

Mittagspauseca. 12.30 – 13.15 Uhr

WCMS = Web Content Management System

Plattform zur redaktionellen Bearbeitung von Webauftritten

Paralleles Arbeiten mehrerer Redakteure möglich

FirstSpirit - Einführungsschulung | WCMS – Was ist das? | 3

WCMS – Was ist das?

Einfache Änderung von Informationsinhalt u. -struktur

Datenbank-Unterstützung

„automatische“ Erzeugung von Listen- u. Detailseiten

FirstSpirit - Einführungsschulung | WCMS – Was ist das? | 4

WCMS – Was ist das?

Einstieg in FirstSpirit

FirstSpirit - Einführungsschulung | Einstieg in FirstSpirit | 5

Über Adresszeile im Webbrowser

Über Webteam-Seitewww.webteam.tu-darmstadt.de

Einstieg in FirstSpirit

FirstSpirit - Einführungsschulung | Einstieg in FirstSpirit | 6

1. Einloggen am Redaktionssystem

Einstieg in FirstSpirit

FirstSpirit - Einführungsschulung | Einstieg in FirstSpirit | 7

Redaktionssystem

2. Projekt im JavaClient starten

HIER klicken

Einstieg in FirstSpirit

FirstSpirit - Einführungsschulung | Einstieg in FirstSpirit | 8

1. Übungsaufgabe:Melden Sie sich am Redaktions-system FirstSpirit an.Starten Sie den JavaClient mit dem Schulungsprojekt.

So sieht´s aus!

Einstieg in FirstSpirit

FirstSpirit - Einführungsschulung | Einstieg in FirstSpirit | 9

Trennung von Inhalten + Strukturen

Aufbau der einzelnen Seiten

Datenbanken mit aktuellen Nachrichten, Mitarbeiterlisten,...

Fotos,*.doc, *.xls, *.pdf (KLEIN!!!)

Menüstruktur

Globale Einstellungen

Webauftritt gestalten

FirstSpirit - Einführungsschulung | Webauftritt gestalten | 10

Automatisch, ohne administrat. Aufwand

Individualität des eigenen Auftritts

Marke „TU Darmstadt“ - optisch einheitlich - wiedererkennbar - unverwechselbar

Corporate Identity

Öffentliche Darstellung der Institution Wer? Was? Wozu gehört's? Wie erreichbar? Neuigkeiten?

FirstSpirit - Einführungsschulung | Webauftritt gestalten | 11

Webauftritt gestalten

Webauftritt gestalten

FirstSpirit – Einführungsschulung | Webauftritt gestalten | 12

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“

Webauftritt gestalten

FirstSpirit - Einführungsschulung | Webauftritt gestalten | 13

Einmalig oder selten:1. Individuelle Farbe des Auftrittes festlegen2. Headerbilder auswählen + in Medienbereich laden3. Menüstruktur festlegen4. Datenquellen festlegen

Häufig:1. Einzelseiten im Inhalts-

bereich gestalten2. Medien hochladen3. Datenquellen füllen4. Seitenreferenzen auf

Inhaltsseiten anlegen5. Aktuelle Nachrichten

hinzufügen6. Mitarbeiterliste bearbeiten

Tätigkeiten

FirstSpirit - Einführungsschulung | Überblick | 14

Seiteninhalte gestalten

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Einstieg in FirstSpirit | 15

Projekt im JavaClient

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 16

Neue Seite erstellen – die „leere Hülle“

1. Ordner „Menü 1“ anklicken2. Rechte Maustaste3. „Neu“ + „Seite anlegen“

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 17

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

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 18

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!

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 19

Neue Seite erstellen – Absätze hinzufügen

1. „neue Seite“+„zentral“ anklicken2. Rechte Maustaste3. „Neu“ + „Absatz einfügen“

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 20

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

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 21

Neue Seite anschauen1. Seite anklicken2. Falls noch nicht gespeichert

→ „Speichern“-Icon anklicken3. Das „Vorschau“-Icon anklicken

Vorschau der Seite

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 22

2. Übungsaufgabe:

Erstellen Sie im „Menü 1“-Ordner eine neue Seite,deren Zentralbereich fol-gendes Aussehen hat.

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 23

Medien + Datenquellen

Datenbanken mit aktuellen Nachrichten, Mitarbeiterlisten,...

Fotos,*.doc, *.xls, *.pdf (KLEIN!!!)

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 24

Fotos

pdf-Dateien

doc-Dateien

xls-Dateien

Nur KLEINE Dateien!!!

ACHTUNG:Medien sind prinzipiell NICHT geschützt!!!Alternativen: Download-Server der mm AG, e-learning center

Auflösung Headerbilder:931 x 145 Pixel

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 25

1. Ordner mit rechte Maustaste 2. „Neu“ + „Medium anlegen“ 3. Datei auswählen 4. Beschreibung angeben!

Neue Medien hinzufügen1.

2.

3.

4.

Alternative: „Drag & Drop“

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 26

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 einigenMedien.

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 27

4. Übungsaufgabe:

Erweitern Sie Ihren vorhin erstellten Absatz auf der neuen Seite um ein Bild, das ein Viertel des Zen-tralbereiches auf der rechten Seite einnimmt.

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 28

„News“ - (Aktuelles, Nachrichten)und „Kontaktinfos/Mitarbeiter“:

Aktuelle Nachrichten und Kontaktinfor-mationen werden als Einträge in verschiedenen Tabellen gespeichert.Sie können nach Rubriken und Themen bzw. Einrichtungen und Gruppen gegliedert und später als Nachrichten-übersicht, Kontaktliste oder in Detail-seiten angezeigt werden.

AktuelleNachrichten

Mitarbeiter

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 29

Bsp. Einrichtungen

Bsp. Gruppen

Tabellen der Datenquelle „Kontaktinfos/Mitarbeiter“

Datenquelle

Tabellen

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 30

Arbeiten in Tabellen der Datenquellen

Blättern

Bearbeitungsmodus wechselnSpeichernVorschauAktualisierenNeuer EintragNeuer Eintrag (Werte übernehmen)

LöschenVersionsverwaltungDatensuche

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 31

Bsp. Kontakte/Mitarb.

Vollständige Informationen eines Kontakt-eintrages(mit Doppelklick)

Neue Kontaktinfos in Tabelle hinzufügen

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 32

WICHTIG!!!Zugehörigkeit zu Einrichtung und Gruppen eintragen!!!

Am Ende:

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 33

WICHTIG!!!Nach Änderungen 1. Speichern (rotes Quadrat erscheint vor Eintrag)

2. Bearbeitungsmodus verlassen3. Freigeben (Rechte Maustaste auf Eintrag, „Arbeitsablauf starten“+“Einfache Freigabe“)→ rotes Quadrat vor Eintrag wird wieder entfernt

Neue Kontaktinfos freigeben

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 34

5. Übungsaufgabe:

Tragen Sie einen neuen Kontakt in die Datenquelle „Kontaktinfos/Mitarbeiter“ ein. Wählen Sie die Zu-gehörigkeit entsprechend Ihrer Schulungsnummer.Speichern + freigeben nicht vergessen!!!

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 35

„Mitarbeiter“ - Übersichtslisten:

1. Im Inhaltsbereich einen Ordner „Mitarbeiter“ anlegen.2. Im „Mitarbeiter“-Ordner eine neue Seite mit der Seitenvorlage „Inhalt mit Marginalienspalte“ anlegen3. Im Zentralbereich der Seite einen Absatz mit der Absatzvorlage „Datenquellen“ + „Mitarbeiterliste“ anlegen

Datenquelleninhalte in Inhaltsseiten auslesen

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 36

„News“ - Übersichtslisten:

1. Im Inhaltsbereich einen Ordner „News“ anlegen.2. Im „News“-Ordner eine neue Seite mit der Seitenvorlage „Inhalt mit Marginalienspalte“ anlegen3. Im Zentralbereich der Seite einen Absatz mit der Absatzvorlage „Datenquellen“ + „News“ anlegen

Datenquelleninhalte in Inhaltsseiten auslesen

Medien + Datenquellen

FirstSpirit - Einführungsschulung | Medien + Datenquellen | 37

6. Übungsaufgabe:

Tragen Sie eine neue Nachricht in die Tabelle „News“der Datenquelle „News“ ein. Sie soll die Rubrik entsprechend Ihrer Schulungs-nummer und das Thema „Standard“ haben.Erstellen Sie eine Inhaltsseite für eine Nachrichten-übersicht.

Seiteninhalte gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 38

7. Übungsaufgabe:

Erweitern Sie Ihre vorhinerstellte Seite um weitereAbsätze mit verschiedenenAbsatzvorlagen.

Menüstruktur aufbauen

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 39

„Trennung von Inhalt + Struktur“ !!!

Aufbau der einzelnen Seiten

Menüstruktur

Menüstruktur aufbauen

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 40

Hauptmenü - Untermenü

Menüpunkt anlegen:

1. Ordner des übergeordneten Menüs anklicken.2. Rechte Maustaste3. „Neu“ + „Menüebene anlegen“ auswählen

WICHTIG !!! - Sinnvolle Bezeichnung

Menüstruktur aufbauen

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 41

Hauptmenü - Untermenü

Seitenreferenz anlegen:

1. Ordner des übergeordneten Menüs anklicken.2. Rechte Maustaste3. „Neu“ + „Seitenreferenz anlegen“ auswählen

Wird automatischeingetragen

Menüstruktur aufbauen

FirstSpirit - Einführungsschulung | Menüstruktur aufbauen | 42

8. Übungsaufgabe:

1.Fügen Sie einen zweiten Hauptmenüpunkt ein.2.Fügen Sie unter diesem zweiten Hauptmenüpunkt ein Untermenü ein und parallel dazu eine Seitenreferenz auf eine vorhandene Inhaltsseite.3.Fügen Sie unterhalb des Untermenüs zwei weitere Seitenreferenzen auf vorhandene Inhaltsseiten ein.

So sieht´s aus!

Menüstruktur aufbauen

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 43

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!)

Menüstruktur aufbauen

FirstSpirit - Einführungsschulung | Menüstruktur aufbauen | 44

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üebeneStartseite ändern:

1. Seitenreferenz anklicken, die die Start- seite werden soll.2. Rechte Maustaste3. „Als Startseite festlegen“

Menüstruktur aufbauen

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 45

Menüreihenfolge des Hauptmenüs

Menüreihenfolge ändern:

1. Ordner des übergeordneten Menüs anklicken.2. Im rechten Bereich Karteireiter „Menüreihenfolge“ anklicken3. Zu verschiebenden Menüpunkt anklicken und mit Pfeiltasten hoch oder runter verschieben

Seitenlayout gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 46

Headerbilder und individuelle Farbe

Corporate Design gestalten:

1. Ordner des zu gestaltenden Menüs anklicken2. Karteireiter „Metadaten“3. Karteireiter „Corporate Design“

Seitenlayout gestalten

FirstSpirit - Einführungsschulung | Seitenlayout gestalten | 47

10. Übungsaufgabe:

1.Ändern Sie für alle Seiten „Ihres“ Schulungsauftrittes das Headerbild und die Farbgestaltung.2.Ändern Sie anschließend nur für die Seiten unter „Menü 1“ das Headerbild und die Farbgestaltung, so dass dieses sich von den restlichen Seiten Ihres Schulungsauftrittes unterscheidet.

Seitenlayout gestalten

FirstSpirit - Einführungsschulung | Seiteninhalte gestalten | 48

Kontaktdaten in der Marginalienspalte

Kontaktdaten einstellen:

1. Ordner des zu gestaltenden Menüs anklicken2. Karteireiter „Metadaten“3. Karteireiter „Marginalienspalte“

Seitenlayout gestalten

FirstSpirit - Einführungsschulung | Seitenlayout gestalten | 49

11. Übungsaufgabe:

1.Setzen Sie für alle Seiten „Ihres“ Schulungsauftrittes allgemeine Kontaktdaten in der Marginalienspalte.2.Ändern Sie anschließend nur für die Seiten unter „Menü 1“ die Kontaktdaten der Marginalienspalte, so dass diese sich von den restlichen Seiten Ihres Schulungsauftrittes unterscheiden.

Überblick

Redaktions- und „Live“-System Schnittstellen zu TU-Systemen Was gehört nicht in FirstSpirit?

FirstSpirit - Einführungsschulung | Überblick | 50

Redaktions- + „Live“-System

FirstSpirit - Einführungsschulung | Betriebssicherheit | 51

Redaktions-Server

FirstSpirit-Redakteure

„Live“-Server

Internet-Benutzer

Generierung

Schnittstellen zu TU-Systemen

FirstSpirit - Einführungsschulung | Schnittstellen zu TU-Systemen | 52

SSO - Single Sign-On

TUCaN

FirstSpirit

Publikationen

Autom. Login Veranstaltungs-

daten

Mitarbeiter-datenVorlesungs-

daten

Lehr-materialien

Identitäts-management

TU-Bibliographie der ULB Automatischer Import

in FirstSpirit Publikationen nach

- Datum, - Autoren, - Typ

Listen- u. Detailansicht

TU-Bibliographie Schnittstelle

FirstSpirit - Einführungsschulung | Schnittstellen zu TU-Systemen | 53

Ein zentraler Kalender Eigene Veranstaltungen

durch Schlüsselworte markierbar

eigene Veranstaltungen gezielt auslesen

Listen- u. Detailansicht

TU Veranstaltungskalender

FirstSpirit - Einführungsschulung | Schnittstellen zu TU-Systemen | 54

Was gehört nicht in den Webauftritt? Lehrveranstaltungen TUCaN

(Termine, Ort, Uhrzeit, ...) Lehrmaterialien e-learning

(Skripte, Filme, …) Publikationen ULB Große Datenmengen Server mm AG

WCMS ermöglicht Sicht auf Daten anderer SystemeFirstSpirit - Einführungsschulung | Was gehört nicht in den Webauftritt? | 55

Der Webauftritt

Noch Fragen?

Webteam der TU Darmstadt

HRZ / Referat Kommunikation

Zentrales Telefon -70985-70985e-Mail: webteam@tu-darmstadt.dewebteam@tu-darmstadt.deInternet: Internet: www.webteam.tu-darmstadt.dewww.webteam.tu-darmstadt.de

Redaktionssystem: Redaktionssystem: redaktion.tu-darmstadt.deredaktion.tu-darmstadt.de

FirstSpirit - Einführungsschulung | Noch Fragen? | 56

FirstSpirit - Einführungsschulung | Danke | 57

Danke für Ihre Aufmerksamkeit

Recommended