View
109
Download
1
Category
Preview:
Citation preview
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Christoph Gernhäuser Grundlagenschulung Magnolia 1
Grundlagenschulung Magnolia
August 2011Dr. Maximilian Störzer, Christian Kutschke, Christoph Gernhäuser SWM Services GmbH
Christoph Gernhäuser Firmierung oder Präsentationstitel 2
Ihr Hintergrund und Ihre Erwartungen
•Nun wissen Sie, mit wem Sie es zu tun haben …
•… dürfen wir auch etwas über Sie erfahren?
Stellen Sie sich kurz vor!
Wo haben Sie mit Magnolia zu tun? Welche Rolle werden Sie einnehmen? Wie würden Sie Ihren Erfahrungshintergrund einschätzen?
Was sind Ihre Erwartungen an dieses Seminar?
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Christoph Gernhäuser Grundlagenschulung Magnolia 3
Fragen …. bitte jederzeit zwischendurch!
Christoph Gernhäuser Grundlagenschulung Magnolia 4
Agenda
• Vorstellung bis 8:45• Grundlagen CMS Magnolia, Systemarchitektur bis 9:15• Kernkonzepte von Magnolia bis 9:30
• KURZE PAUSE 9:30 - 9:45
• Kernkonzepte des LHM Webauftrittes bis 10:30• Admin Central bis 11:15• Die Redaktionsoberfläche bis 11:45
• MITTAGSPAUSE 11:45 – 12:45
• Die Paragraphen der LHM im Detail bis 14:45
• KURZE PAUSE 14:45 - 15:00
• Systemgestützte Qualitätssicherung: Workflows bis 16:00
Christoph Gernhäuser Grundlagenschulung Magnolia 5
Agenda
Morgen Vormittag
• Grundlagen der Service und Adressdatenbank• Zusammenhang mit Magnolia und der Internetredaktion
bis 9:30
• KURZE PAUSE 9:30 - 9:45
• Die „SADB“ Paragraphen im Detail• Die SADB und ihre wichtigsten Funktionen bis 11:45
bis 16:00
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Christoph Gernhäuser Grundlagenschulung Magnolia 6
Wie kam es zu dem gemeinsamen Projekt LHM SWM?Wie gehen wir im Projekt vor?
Christoph Gernhäuser Grundlagenschulung Magnolia 7
Hintergründe zum Projekt
• Webauftritt der LHM ist in das Stadtportal muenchen.de integriert
• Betrieben wird das Portal von der Portal Betreibergesellschaft GmbH (BG)
Aktuelles Projekt: Relaunch muenchen.de• Rathaussäule wird als wichtigste inhaltliche Säule
aktuell mit dem CMS Gauss betreut Import der Inhalte in das System BG
• Mit dem Relaunch wird nun eine vollständige Trennung der Systeme durchgeführt
BG: Magnolia 3.6 / Accelsis SWM LHM: Magnolia 4.4 / SWM
• Technische Unabhängigkeit• Gebunden an die Module (HTML / CSS) der BG
Christoph Gernhäuser Grundlagenschulung Magnolia 8
Hintergründe zur Architektur
• Für den Besucher ist es transparent, welches System genutzt wird
• Über einen sog. „Reverse Proxy“ wird anhand der URL entschieden, an welches System die Anfrage geschickt wird
/rathaus LHM System Sonst BG System
• Layout und HTML Struktur / CSS sind vom BG System vorgegeben
Übernahme bestehender Module Keine vollständige Neuentwicklung
Reverse Proxy
Magnolia 4.4(LHM)
Magnolia 3.6(BG)
LHM Daten BG Daten
Internet
/rathaus
Layout(CSS/HTML)
Christoph Gernhäuser Grundlagenschulung Magnolia 9
Das CMS Magnolia – Grundphilosophie
• Grundphilosophie von Magnolia: „Simple is beautiful“ Gilt für die Bedienung Gilt für die Programmierung
• Sehr positive Erfahrungen bei den SWM (Relaunch 2010 mit M4.4)
Christoph Gernhäuser Grundlagenschulung Magnolia 10
Aktueller Projektstatus – Work in Progress, helfen Sie uns!
• Alle Seitentypen sind implementiert• Paragraphen wurden umgesetzt
• Aber: Entwicklungsstand! Sie werden u.U. noch Fehler finden Bitte
melden Sei werden mögl. Verbesserungen finden
Bitte melden Sagen Sie uns Ihre Meinung! Was können
wir besser machen?
• Offen: CSS und Layout Optimierung Schriften, Farben, … Was ist alles zu tun?
• Ansprechpartner: Herr Gernhäuser
Christoph Gernhäuser Grundlagenschulung Magnolia 11
Das CMS Magnolia – Kernkonzepte
Kernkonzepte von Magnolia• Templates und Paragraphen• Dialoge zur Datenerfassung
Kernkonzepte des LHM Auftrittes• Seiteneigenschaften: Grunddaten einer Seite• Teaser-Konzepte und Alternative
Erschließungspfade
Christoph Gernhäuser Firmierung oder Präsentationstitel 12
Templates und Paragraphen
Templates
• Definieren die generelle Seitenstruktur
• Header, Footer, Sidebar, Content
• Definieren verfügbare ParagraphenParagraphen
• Building Blocks der Seite
• Viele verschiedene Varianten:• Teaser, Link Liste, Text-Bild, Video, ...
Christoph Gernhäuser Firmierung oder Präsentationstitel 13
Datenerfassung in Magnolia – Dialoge
Dialoge
• Erfassen alle erforderlichen Daten
• Standard-Elemente:• Reiter
• Text-Eingabe
• Checkboxen und Radio Buttons
• Dateiauswahl
• In der Regel ein spezieller Dialog pro Paragraph
Christoph Gernhäuser Grundlagenschulung Magnolia 14
LHM – Teaserkonzept (1/2): Grundidee
Seite mit Teaser
SeiteneigenschaftenZielseite
Link zur Zielseite
Seiteneigenschaften der Zielseite definieren:
• Teaser Bild
•Teaser Titel
•Teaser Abstract
• Link Text
Override möglich!
Teaser ermittelt Daten automatisch von der Zielseite:
Vorteil: Einmalige Definition der Daten an der Zielseite, einfache Nutzung im ganzen System
Christoph Gernhäuser Grundlagenschulung Magnolia 15
Das Teaserkonzept (2/2): Automatische Teaser Container
Idee: Anteasern aller direkten Kinder (orange) auf der Vater-Seite (gelb)
• Manuell: Aufwändig
• Idee: Container, der aus Seiteneigenschaften der direkten Kinder automatisch Teaser diese Seiten erzeugt
Hierarchische Teaser Container
Idee: Anteasern aller Seiten eines Themas (orange) auf der gelben Seite
• Manuell: Aufwändig (Seiten suchen)
• Idee: Seiten werden „markiert“, System such Seiten und erzeugt automatisch Teaser auf diese Seiten
Alternative Zugriffspfade
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Christoph Gernhäuser Grundlagenschulung Magnolia 16
Erstkontakt mit Magnolia: Admin Central
Systemdemo – machen Sie mit!
Christoph Gernhäuser Grundlagenschulung Magnolia 17
Zugangsdaten
Adresse des Redaktionssystems:
lhm-author.muenchen.swm.de/rathaus/
Eingabemaske im CAS:
Benutzerkennung: cms_schulung_authorPassword: CMSSchulung@LHM!
Zusatzpassword bei Seite bearbeiten:Benutzerkennung: portalPassword: m_de_2011
Christoph Gernhäuser Grundlagenschulung Magnolia 18
Password Policy
Adresse des Redaktionssystems:
1) Die Mindestlänge beträgt 6 Zeichen.2) Aus den Kategorien Großbuchstaben, Kleinbuchstaben und
Ziffern und Sonderzeichen müssen mindestens drei verwendet werden.
3)Mindestens eine Ziffer muss enthalten sein.4)Ein bereits von Ihnen verwendetes Passwort kann kein
zweites Mal verwendet werden.
Christoph Gernhäuser Grundlagenschulung Magnolia 19
Admin Central – Fahrplan
• Zurechtfinden im System - Workspaces• Der Website Workspace
Suchfunktion Seitenbaum
- Struktur, Status & Rechte- Das Kontextmenü- Template Auswahl- Zur Redaktionsoberfläche
• Das DMS Suchfunktion Seitenbaum
- Struktur, Status & Rechte- Das Kontextmenü- Pflege der Metadaten – Der DMS Dialog
DMS
Website
Christoph Gernhäuser Grundlagenschulung Magnolia 20
Übung 2: Admin Central – Website & DMS: Anlage einer Seitenstruktur
Ziel: Vertraut werden mit Admin Central
Aufgabe:• Sie sollen 5 Inhaltsseiten mit unterschiedlichen Aspekten
zum Thema „Baugenehmigung“ erstellen• Diese 5 Seiten sollen durch eine Übersichtsseite thematisch
gegliedert werden („Alles zur Baugenehmigung“)
• Erzeugen Sie einen Knoten mit Ihrem Nachnamen im Website & DMS Workspace
Legen Sie darunter „Ihre“ Seitenstruktur an Legen Sie 2-4 Bilder im DMS ab; Pflegen Sie die Metadaten
• Spielen Sie mit den Elementen Umbenennen, Verschieben, etc.
Zeit: 15 Minuten
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Christoph Gernhäuser Grundlagenschulung Magnolia 21
Die Redaktionsoberfläche – Grafische Entwicklungvon Webseiten
Christoph Gernhäuser Grundlagenschulung Magnolia 22
Die Redaktionsoberfläche – Fahrplan
• Grundelemente Vorschau AdminCentral Grunddaten einer Seite –
Die Seiteneigenschaften
• Templates: Bereiche einer Seite Header & Footer Sidebar (nur Pressestelle) Content-Bereich (Pflege)
• Grundlegender Umgang mit Paragraphen Die New-Bar Die Edit-Bar Reihenfolge von Paragraphen
Christoph Gernhäuser Grundlagenschulung Magnolia 23
Übung 3: Seiteneigenschaften
Ziel: Vertraut werden mit den Seiteneigenschaften
Aufgabe:• Pflegen Sie die Seiteneigenschaften der von Ihnen
angelegten Seiten
Reiter Allgemein – Erfassen Sie einen Seitentitel und einen Navigationstitel Reiter Alt. Zugriffspfade – Ordnen Sie eine Seite dem Thema Bauen zu Reiter Teaser – Definieren Sie die Daten, die ein Teaser anzeigen soll
Definieren Sie einen ersten Teaser (Fototeaser breit), um die erfassten Daten anzuzeigen
Zeit: 20 Minuten
Christoph Gernhäuser Grundlagenschulung Magnolia 24
Die Paragraphen der LHM im Detail
Die Paragraphen der LHM im Detail
Christoph Gernhäuser Grundlagenschulung Magnolia 25
Die Paragraphen der LHM - Übersicht
Vorgehen• Vom Story Board zur fertigen Website
Container und Teaser-Paragraphen• 2-Spalter 3-Spalter und 4-Spalter• Manuelle Teaser• Hierarchischer Teaser Container
Übung: Teaser & Übersichtsseiten
Content Paragraphen• Link Liste• Video Paragraph• Text/Bild Paragraph – der zentrale Paragraph für Inhalte
Übung: Inhaltsseiten
Christoph Gernhäuser Grundlagenschulung Magnolia 26
Die Paragraphen der LHM - Übersicht
Vorschlag für den Arbeitsablauf1. Grundkonzept „auf dem Papier“ entwerfen
Wie sieht der Seiten-Baum aus? Was sind Übersichtsseiten, was Inhaltsseiten? Media-Inhalte planen (Bilder, Videos, Flash)!
2. Seiten in Admin Central anlegen Seitenbaum erstellen … … in WebSite und DMS!
3. Medien-Inhalte erstellen und im DMS anlegen4. Seiteneigenschaften bottom-up pflegen
Teaser Bilder definieren5. Content der Seiten einpflegen (bottom-up)
Nach Schritt 3 sind Übersichtsseiten in wenigen Minuten erstellt!
Christoph Gernhäuser Grundlagenschulung Magnolia 27
Übung 4: Teaser und Übersichtsseite
Ziel: Vertraut werden mit manuellen und automatischen Teasern
Aufgabe:• Füllen Sie die Übersichtsseite mit
Leben• Definieren Sie manuelle Teaser
auf beliebige Seitenim 3-Spalter Container
• Definieren Sie einen hierarchischen Teaser Container
Zeit: 30 Minuten
Christoph Gernhäuser Grundlagenschulung Magnolia 28
(Gruppen-) Übung 1: Teaser Konzept
Ziel: Übung Verständnis Teaser Konzept
Aufgabe:• Sie sollen 5 Inhaltsseiten mit unterschiedlichen Aspekten zum
Thema „Baugenehmigung“ erstellen• Diese 5 Seiten sollen durch eine Übersichtsseite thematisch
gegliedert werden („Alles zur Baugenehmigung“
• Wie gehen Sie vor?• Wie bauen Sie die Übersichtsseite auf?
Zeit• 5 Minuten, Gruppenübung
Christoph Gernhäuser Grundlagenschulung Magnolia 29
Übung 5: Inhaltsseiten
• Ziel: Vertraut werden mit den Paragraphen der Inhaltsseiten
• Aufgabe: Füllen Sie Ihre Inhaltsseiten mit Leben• Zeit: 30 Minuten
Text-Bild-Paragraph• Texte erfassen• Bilder einbetten• Links definieren• Tabellen definieren
Link Listen• Interne Seiten• Externe Seiten• Dateien im DMS Videos einbetten
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 30
Workflow – Systemgestützte Qualitätssicherung
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 31
Workflow – Systemgestützte Qualitätssicherung
Kernkonzept: • 4-Augen-Workflow (Autoren können nicht direkt publizieren)• Jede Aktion, die den Live-Content verändert (Aktivierung/Deaktivierung) wird
qualitätsgesichert.• Kernrollen:
Autor (erzeugt/ändert Content und startet Workflows) Referats-Reviewer (überprüft Aktivierung/Deaktivierung, gibt frei oder lehnt ab)
Beachte:• Im Workflow befindet sich immer eine bestimmte Version einer Seite.• Der Workflow ist „dumm“ – die Reihenfolge von Versionen und Aktionen wird
nicht interpretiert.• Es ist Aufgabe der CMS-Nutzer, den Überblick zu behalten.
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 32
Workflow – Systemgestützte Qualitätssicherung
Autor:
• erzeugt / löscht / ändert Content
• startet Aktivierungs- / Deaktivierungsworkflow
Reviewer:
• ist die QS-Instanz des Autors
• kann direkt aktivieren / deaktivieren
System:
• Informiert Teilnehmer über Workflowfortschritt mithilfe von E-Mails
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 33
Workflow – Systemgestützte Qualitätssicherung - DEMO
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 34
Workflow – Zeitverzögerte Aktivierung/Deaktivierung
Zeitverzögerte Aktivierung und Deaktivierung:• Möglichkeit um Content zu bestimmten Zeitpunkten auf dem Live-
System zu verändern• Bsp.: zum 01.08. um 00:00 Uhr ein veraltetes Angebot deaktivieren und
gleichzeitig ein neues Angebot live schalten• Mit Zeitverzögerung kann dies automatisch vom System erledigt
werden.
Mit Vorsicht verwenden:• Kann schnell sehr unübersichtlich werden• Hilfe: Visualisierung durch Symbol (und Seiteneigenschaften)
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 35
Workflow – Seiten-Icons in Admin Central
Überblick über die Seiten-Icons in Admin Central
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 36
Workflow – Seiteneigenschaften
Überblick über die Seiteneigenschaften (für den Workflow)
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 37
Workflow – Zeitverzögerte Aktivierung / Deaktivierung - DEMO
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 38
Archivierung von Seiten
Kernkonzept:• Seiten können mit einer Seiteneigenschaft als „archivierbar“ versehen werden
(wird an Unterseiten vererbt)• Wenn diese Seiten „deaktiviert“ werden, ist lediglich eine Archivierung gewünscht
die Seite bleibt live!• Archivierte Seiten werden weiterhin ausgeliefert, allerdings sind sie nicht mehr
über die Navigation erreichbar und werden gesondert gekennzeichnet (Archivseite)
Archivierung als Teil des Workflows:• Starten eines normalen Deaktivierungsworkflows einer als archivierbar
gekennzeichneten Seite• Das System verhindert die Deaktivierung und setzt stattdessen das Merkmal
„archiviert“ (die Seite ist nun eine Archivseite, allerdings erst auf dem Author-System)
• Diese Änderung muss noch auf die Livesysteme publiziert werden. Dies muss manuell erfolgen. Das System unterstützt mit E-Mails.
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 39
Archivierung von Seiten - DEMO
(8 x 22 cm)(Position: H 3,41; V 2,52)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen\Bilder_und_Grafiken\SWM
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 40
Feedback willkommen! – Kurze Summary Runde
- Welche offenen Fragen gibt es?- Was kann verbessert werden?- Was hat Ihnen gefallen? Was weniger?
Dokumentation: Konzeptpapier zum Relaunch.
(13 x 24,7 cm)(Position: H 0,72; V 3,36)
Hier können Sie ein Bild, Diagramm oder eine Grafik einfügen.
Die Größe sollte diese graue Fläche ganz ausfüllen.
Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen Bilder_und_Grafiken\SWM
Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 41
Vielen Dank für Ihre Aufmerksamkeit!
Recommended