(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

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





Fragen …. bitte jederzeit zwischendurch!


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


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)





Wie kam es zu dem gemeinsamen Projekt LHM SWM?Wie gehen wir im Projekt vor?


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


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)


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)


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


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


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


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


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


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)





Erstkontakt mit Magnolia: Admin Central

Systemdemo – machen Sie mit!


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


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.


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


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





Die Redaktionsoberfläche – Grafische Entwicklungvon Webseiten


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


Ü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


Die Paragraphen der LHM im Detail

Die Paragraphen der LHM im Detail


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


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!


Ü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


(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


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




Dr. M. Störzer, C. Kutschke Grundlagenschulung Magnolia 30

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.



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)





Workflow – Systemgestützte Qualitätssicherung - DEMO


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)


Workflow – Seiten-Icons in Admin Central

Überblick über die Seiten-Icons in Admin Central


Workflow – Seiteneigenschaften

Überblick über die Seiteneigenschaften (für den Workflow)

(8 x 22 cm)(Position: H 3,41; V 2,52)





Workflow – Zeitverzögerte Aktivierung / Deaktivierung - DEMO


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)





Archivierung von Seiten - DEMO

(8 x 22 cm)(Position: H 3,41; V 2,52)





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)



Geeignete Bilder und Grafiken finden Sie unter: I:\Info\Office_Vorlagen Bilder_und_Grafiken\SWM


Vielen Dank für Ihre Aufmerksamkeit!

Documents

(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