(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äuserGrundlagenschulung Magnolia1 Grundlagenschulung Magnolia August 2011 Dr. Maximilian Störzer, Christian Kutschke, Christoph Gernhäuser SWM Services GmbH

Christoph GernhäuserFirmierung oder Präsentationstitel2 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äuserGrundlagenschulung Magnolia3 Fragen …. bitte jederzeit zwischendurch!

Christoph GernhäuserGrundlagenschulung Magnolia4 Agenda Vorstellungbis 8:45 Grundlagen CMS Magnolia, Systemarchitekturbis 9:15 Kernkonzepte von Magnoliabis 9:30 KURZE PAUSE9:30 - 9:45 Kernkonzepte des LHM Webauftrittesbis 10:30 Admin Centralbis 11:15 Die Redaktionsoberflächebis 11:45 MITTAGSPAUSE11:45 – 12:45 Die Paragraphen der LHM im Detailbis 14:45 KURZE PAUSE14: :00 Systemgestützte Qualitätssicherung: Workflowsbis 16:00

Christoph GernhäuserGrundlagenschulung Magnolia5 Agenda Morgen Vormittag Grundlagen der Service und Adressdatenbank Zusammenhang mit Magnolia und der Internetredaktion bis 9:30 KURZE PAUSE9:30 - 9:45 Die SADB Paragraphen im Detail Die SADB und ihre wichtigsten Funktionenbis 11:45bis 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äuserGrundlagenschulung Magnolia6 Wie kam es zu dem gemeinsamen Projekt LHM SWM? Wie gehen wir im Projekt vor?

Christoph GernhäuserGrundlagenschulung Magnolia7 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äuserGrundlagenschulung Magnolia8 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äuserGrundlagenschulung Magnolia9 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äuserGrundlagenschulung Magnolia10 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äuserGrundlagenschulung Magnolia11 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äuserFirmierung oder Präsentationstitel12 Templates und Paragraphen Templates Definieren die generelle Seitenstruktur Header, Footer, Sidebar, Content Definieren verfügbare Paragraphen Paragraphen Building Blocks der Seite Viele verschiedene Varianten: Teaser, Link Liste, Text-Bild, Video,...

Christoph GernhäuserFirmierung oder Präsentationstitel13 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äuserGrundlagenschulung Magnolia14 LHM – Teaserkonzept (1/2): Grundidee Seite mit Teaser Seiteneigenschaften Zielseite Link zur Zielseite Seiteneigenschafte n 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äuserGrundlagenschulung Magnolia15 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äuserGrundlagenschulung Magnolia16 Erstkontakt mit Magnolia: Admin Central Systemdemo – machen Sie mit!

Christoph GernhäuserGrundlagenschulung Magnolia17 Zugangsdaten Adresse des Redaktionssystems: lhm-author.muenchen.swm.de/rathaus/ Eingabemaske im CAS: Benutzerkennung: cms_schulung_author Password: Zusatzpassword bei Seite bearbeiten: Benutzerkennung: portal Password: m_de_2011

Christoph GernhäuserGrundlagenschulung Magnolia18 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äuserGrundlagenschulung Magnolia19 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äuserGrundlagenschulung Magnolia20 Ü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äuserGrundlagenschulung Magnolia21 Die Redaktionsoberfläche – Grafische Entwicklung von Webseiten

Christoph GernhäuserGrundlagenschulung Magnolia22 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äuserGrundlagenschulung Magnolia23 Ü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äuserGrundlagenschulung Magnolia24 Die Paragraphen der LHM im Detail

Christoph GernhäuserGrundlagenschulung Magnolia25 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äuserGrundlagenschulung Magnolia26 Die Paragraphen der LHM - Übersicht Vorschlag für den Arbeitsablauf 1.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 anlegen 4.Seiteneigenschaften bottom-up pflegen Teaser Bilder definieren 5.Content der Seiten einpflegen (bottom-up) Nach Schritt 3 sind Übersichtsseiten in wenigen Minuten erstellt!

Christoph GernhäuserGrundlagenschulung Magnolia27 Ü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 Seiten im 3-Spalter Container Definieren Sie einen hierarchischen Teaser Container Zeit: 30 Minuten

Christoph GernhäuserGrundlagenschulung Magnolia28 (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äuserGrundlagenschulung Magnolia29 Ü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. KutschkeGrundlagenschulung Magnolia30 Workflow – Systemgestützte Qualitätssicherung

Dr. M. Störzer, C. KutschkeGrundlagenschulung Magnolia31 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. KutschkeGrundlagenschulung Magnolia32 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 s

(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. KutschkeGrundlagenschulung Magnolia33 Workflow – Systemgestützte Qualitätssicherung - DEMO

Dr. M. Störzer, C. KutschkeGrundlagenschulung Magnolia34 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 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. KutschkeGrundlagenschulung Magnolia35 Workflow – Seiten-Icons in Admin Central Überblick über die Seiten-Icons in Admin Central

Dr. M. Störzer, C. KutschkeGrundlagenschulung Magnolia36 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. KutschkeGrundlagenschulung Magnolia37 Workflow – Zeitverzögerte Aktivierung / Deaktivierung - DEMO

Dr. M. Störzer, C. KutschkeGrundlagenschulung Magnolia38 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 s.

(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. KutschkeGrundlagenschulung Magnolia39 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. KutschkeGrundlagenschulung Magnolia40 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. KutschkeGrundlagenschulung Magnolia41 Vielen Dank für Ihre Aufmerksamkeit!