SlideShare une entreprise Scribd logo
1  sur  27
Télécharger pour lire hors ligne
Empowering Munich City Websites
Yes, Magnolia is open!
Matthias Martin
26.01.2015
Öffentlich
Empowering Munich City Websites
 Die Stadtwerke München im Überblick
 Herausforderungen: Magnolia im täglichen Betrieb
 Wartung von häufig frequentierten Redaktionsinstanzen
 Automatisches Monitoring
 Generische Komponentenbibliothek
 Verwandte Anforderungen
 Eingetaucht: Wiederverwendbare Teaser
 Vorteile / Tradeoffs
 Zusammenfassung / Ausblick
Agenda
/ Empowering Munich City Websites / SWM Services GmbH26.01.20152
Die Stadtwerke München im Überblick
/ Empowering Munich City Websites / SWM Services GmbH26.01.20153
Die Stadtwerke München im Überblick
 sind eines der größten kommunalen
Unternehmen in Deutschland
 Ökostrom für ganz München: „Ausbauoffensive
Erneuerbare Energien“
 sind das Versorgungs- und
Dienstleistungsunternehmen der Landeshauptstadt
München
 gehören den Münchner Bürgern
 „Citizen Value“
 tragen zur Wirtschaftskraft und Lebensqualität in
München und der Region bei
Die SWM…
26.01.2015 / Empowering Munich City Websites / SWM Services GmbH4
Die Stadtwerke München im Überblick
Umsatz rund 6,3 Milliarden Euro
Absatz Strom: ca. 17,5 Mrd. kWh
Erdgas : ca. 99 Mrd. kWh
Fernwärme: ca. 4,6 Mrd. kWh
Mitarbeiter rund 7.800
Kunden rund 1,1 Millionen
(Energie und Wasser)
rund 544 Millionen Fahrgäste
(Nahverkehr)
SWM in Zahlen (2013)
26.01.2015 / Empowering Munich City Websites / SWM Services GmbH5
Die Stadtwerke München im Überblick
 Konzernwebsite www.swm.de
 Website der Landeshauptstadt München www.muenchen.de
 SWM Intranet
Unsere aktuellen Magnolia-Webauftritte
26.01.2015 / Empowering Munich City Websites / SWM Services GmbH6
Herausforderungen: Magnolia im täglichen
Betrieb
/ Empowering Munich City Websites / SWM Services GmbH26.01.20157
Herausforderungen: Magnolia im täglichen Betrieb (I/II)
 Problemstellung
 Über 200 Redakteure auf dem Magnolia
Redaktionssystem von www.muenchen.de aktiv
 Nach Deployments sind oft manuelle Nacharbeiten
durch Entwickler notwendig
 Freigabe des Systems für Fachanwender sollte
explizit erfolgen
 Benutzer aussperren, indem man….
 Security Roles temporär anpasst?
 Netzinfrastruktur (fehl)konfiguriert?
 …
Wartung von häufig frequentierten Redaktionsinstanzen
/ Empowering Munich City Websites / SWM Services GmbH26.01.20158
Herausforderungen: Magnolia im täglichen Betrieb (I/II)
 Wiederverwendbare Problemlösung
 IT-Administratoren & Entwickler müssen weiter auf
das System zugreifen können
 Nur Fachanwender sollen „ausgesperrt“ werden
 Implementierung eines eigenen Magnolia-Moduls
„Wartungsmodus“
 Bei aktivem Wartungsmodus werden Zugriffe auf
das Redaktionssystem nur noch von Benutzern
mit bestimmten Rollen erlaubt
 Schaffung einer „sicheren“ Umgebung durch
Ausschluss normaler Benutzer
 Vermeidung von Seiteneffekten durch
gleichzeitige Bearbeitung
Wartung von häufig frequentierten Redaktionsinstanzen
/ Empowering Munich City Websites / SWM Services GmbH26.01.20159
Herausforderungen: Magnolia im täglichen Betrieb (I/II)
 WartungsmodusFilter in der Magnolia Filterchain
 Prüft, ob einem Benutzer eine Administratorrolle zugeordnet ist
 Modulkonfiguration
 Wenn das Modul als aktiv konfiguriert ist und ein normaler Benutzer versucht,
sich am Redaktionssystem anzumelden, wird er vom Filter abgewiesen
Wartung von häufig frequentierten Redaktionsinstanzen
/ Empowering Munich City Websites / SWM Services GmbH26.01.201510
Herausforderungen: Magnolia im täglichen Betrieb (I/II)
 Fachliche Anwender werden verständlich über den Systemzustand informiert
 Beendigung des Wartungsmodus mittels einfacher Konfigurationsänderung
 Keine Seiteneffekte durch „Konfigurationshacks“ an neuralgischen Stellen
Wartung von häufig frequentierten Redaktionsinstanzen
/ Empowering Munich City Websites / SWM Services GmbH26.01.201511
Herausforderungen: Magnolia im täglichen Betrieb (II/II)
 Warum ist eine automatische Überwachung notwendig?
 Service-Level / zugesicherte Verfügbarkeiten gewährleisten
 Automatische Ticket-Generierung im Issue-Tracker für bestimmte
Fehlersituationen, um z. B.
 das Entwicklungsteam zu alarmieren
 relevante Stakeholder frühzeitig aktiv informieren zu können
 Betriebsmannschaft im Rechenzentrum hat den Anwendungsstatus mit im Blick
und kann diesen im Gesamtkontext der Infrastruktur bewerten
 Was kann man überwachen?
 JCR Repository, externe Schnittstellen zu Drittsystemen bzw. 3rd Party Module,
LDAP, Magnolia EE-Lizenzstatus…
Automatisches Monitoring
/ Empowering Munich City Websites / SWM Services GmbH26.01.201512
Herausforderungen: Magnolia im täglichen Betrieb (II/II)
 Monitoring von Magnolia bei den SWM
 Nagios als zentrales Instrument zur
automatisierten Überwachung der IT-Infrastruktur
und -Services
 Magnolia und Nagios haben per se keine
Schnittstellen zueinander, aber…
 Nagios ermöglicht Definition eigener
Schnittstellen
 Zu überwachende Ressourcen damit im
Prinzip beliebig
 Schnittstellenformat frei wählbar
Automatisches Monitoring
/ Empowering Munich City Websites / SWM Services GmbH26.01.201513
Herausforderungen: Magnolia im täglichen Betrieb (II/II)
 Monitoring-Schnittstelle in Magnolia
bereitstellen
 XML als Schnittstellenformat
 Systemadministration gibt Schnittstelle
mittels XML-Schema vor
 Eigenes Magnolia-Modul „Systemcheck“
 Konfiguration der zu überwachenden
Module / Schnittstellen („Subsystem“)
 Modul erzeugt XML zur Laufzeit mittels
Java XML Binding (JAXB)
 Validierung gegen vorgegebenes
Schema
 Auslieferung via Servlet-Implementierung
(https://.../<Context>/<MappedServlet>)
Automatisches Monitoring
/ Empowering Munich City Websites / SWM Services GmbH26.01.201514
Herausforderungen: Magnolia im täglichen Betrieb (II/II)
 Lesbare Darstellung für Endbenutzer (fachliche / technische Administratoren)
 Datenbasis ist das durch das „Systemcheck“-Modul erzeugte XML
 Repräsentation wird mittels XSLT-Transformation erzeugt
Automatisches Monitoring
/ Empowering Munich City Websites / SWM Services GmbH26.01.201516
Generische Komponentenbibliothek
/ Empowering Munich City Websites / SWM Services GmbH26.01.201517
Generische Komponentenbibliothek
 Verschiedene Auftritte, ähnliche Anforderungen
 SWM betreiben mehrere Magnolia-Auftritte: www.swm.de, Intranet,
www.muenchen.de (behördlicher und kommerzieller Teil)
 Im Detail unterschiedliche Anforderungen an redaktionelle Elemente, aber…
 Einige Elemente werden in abgewandelter Form häufig gebraucht, z. B.
 Teaser in verschiedenen Varianten
 Bildkomponenten
 Aufzählungslisten…
 2013/2014: Neuentwicklung des behördlichen Teils von www.muenchen.de
 Schaffung eines Moduls mit generischen (Komponenten-) Konfigurationen
 Ziel: Reduzierung von Entwicklungsaufwänden in Folgeprojekten
Verwandte Anforderungen
/ Empowering Munich City Websites / SWM Services GmbH26.01.201518
Generische Komponentenbibliothek
 Grundkonfiguration: Bestimmte Eigenschaften für
Teaser sind immer gleich
 Link auf Teaser-Ziel, Link-Anzeigetext
 Flag: Link in neuem Fenster öffnen (ja / nein)
 Titel des Teasers, Teaser-Text bzw. -Abstract
 Teaser-Bild
 Übersteuern von aus dem Teaser-Ziel abgeleiteten
Informationen
Eingetaucht: Wiederverwendbare Teaser
/ Empowering Munich City Websites / SWM Services GmbH26.01.201519
 Top-Down Strategie für Generalisierung
 Nächste Spezialisierungsebene: Unterscheide Teaser für interne & externe Ziele
 Von internen Seiten können verschiedene Informationen automatisch auf JCR-
Ebene ermittelt werden (z. B. Teaser-Abstract)
 Für externe Ziele in jedem Fall redaktionelle Pflege an der Komponente
notwendig – andere Template-Logik
Generische Komponentenbibliothek
 Beispielhafte Generalisierung auf Dialogebene
 Generischer Dialog mit Grundkonfiguration zur Wiederverwendung innerhalb
des Moduls
 Weitere Spezialisierung, z. B. für interne Teaser, durch extends-Mechanismus
Eingetaucht: Wiederverwendbare Teaser – generischer Dialog
/ Empowering Munich City Websites / SWM Services GmbH26.01.201520
Generische Komponentenbibliothek
 Spezialisierung der Dialogkonfiguration in einem konkreten System
 Interner Teaser: Vererbung der generischen Konfiguration
 Fachliche Abstraktionsebene mit für das jeweilige konkrete System
allgemeingültigen Attributen
Eingetaucht: Wiederverwendbare Teaser – konkreter Dialog
/ Empowering Munich City Websites / SWM Services GmbH26.01.201521
Generische Komponentenbibliothek
 Anforderungen an die Robustheit von Templates
 Einzelne Dialogfelder können in konkreten Ausprägungen ausgeblendet werden
 Betreffender Content kann nicht erfasst werden
 FTL muss mit diesen Feldern fehlerfrei umgehen können
 Dynamische und konfigurierbare Markupstruktur
 Wenn einzelne Felder ggf. nicht angezeigt werden, muss trotzdem valides
Markup ausgegeben werden
 Segmentierung / Hierarchische Gliederung des Markups in <div>-Container
 Styling/CSS
 Inline-Styles sind tabu
 CSS-Klassen müssen konfiguriert werden können & im FTL dynamisch
abgefragt werden
Bedeutung für die Template-Implementierung
/ Empowering Munich City Websites / SWM Services GmbH26.01.201522
Generische Komponentenbibliothek
 Das Positive zuerst
 Hierarchische Zerlegung / Generalisierung schafft Wiederverwendbarkeit an
verschiedenen Stellen
 Separation of concerns
 Änderungen an der Konfiguration können meistens zentral erfolgen
 Echter Zeitgewinn bei der Erstellung spezifischer Komponentenausprägungen
 Was Schmerzen bereitet
 Initiale Konfiguration ist sehr aufwändig
 Hoher konzeptioneller Aufwand
 Zerlegung über mehrere Ebenen hinweg erhöht die Komplexität der
Konfiguration & Template-Implementierung erheblich
 Für das Verständnis einer Komponente muss die gesamte Hierarchie
gedanklich erfasst werden
Vorteile / Tradeoffs
/ Empowering Munich City Websites / SWM Services GmbH26.01.201523
Zusammenfassung / Ausblick
/ Empowering Munich City Websites / SWM Services GmbH26.01.201524
Zusammenfassung / Ausblick
 Flexible Systeme
 Magnolia erlaubt Anpassungen an unsere Bedürfnisse in allen Bereichen
 Modulkonzept hilft bei der Wiederverwendung eigener Erweiterungen
 Synergien durch Einsatz der Module in verschiedenen Auftritten
 Perspektive
 Magnolia auch langfristig das Unternehmens-CMS der SWM
 Hoher Modernisierungsbedarf – bestehende Auftritte laufen mit 4.4 / 4.5
 2015: Neuer Internetauftritt der Verkehrsbetriebe (MVG) & Relaunch
www.swm.de mit Magnolia 5
 2015/2016 (in Planung): Tourismusportal für München
 SWM betreiben dann fünf große Konzernwebsites bzw. Plattformen auf der
Basis von Magnolia
Magnolia ist Unternehmensplattform in zentralen Bereichen
/ Empowering Munich City Websites / SWM Services GmbH26.01.201525
Vielen Dank für Ihre Aufmerksamkeit.Vielen Dank für Ihre Aufmerksamkeit.
Haben Sie Fragen?
Kontakt
 Matthias Martin
 SWM Services GmbH
 martin.matthias@swm.de
 Andreas Schiefele
 SWM Services GmbH
 schiefele.andreas@swm.de
 Postanschrift SWM Zentrale
 SWM Services GmbH
 80287 München
Kontaktdaten
/ Empowering Munich City Websites / SWM Services GmbH26.01.201527

Contenu connexe

Similaire à Rapidly Building Dynamic Customer Portals

AMSYS Life Cycle Management (LCM) Client - Obsoleszenz Management Software
AMSYS Life Cycle Management (LCM) Client - Obsoleszenz Management SoftwareAMSYS Life Cycle Management (LCM) Client - Obsoleszenz Management Software
AMSYS Life Cycle Management (LCM) Client - Obsoleszenz Management SoftwareBjoern Bartels
 
Software Architecture Design Patterns der COMLINE Cloud Service Platform - CSP
Software Architecture Design Patterns der COMLINE Cloud Service Platform - CSPSoftware Architecture Design Patterns der COMLINE Cloud Service Platform - CSP
Software Architecture Design Patterns der COMLINE Cloud Service Platform - CSPChristian Guenther
 
Rapid Application Development mit Openobject
Rapid Application Development mit OpenobjectRapid Application Development mit Openobject
Rapid Application Development mit Openobjectopenbig
 
Medien Kombinat Meet Magento 05022009
Medien Kombinat Meet Magento 05022009Medien Kombinat Meet Magento 05022009
Medien Kombinat Meet Magento 05022009dasmedienkombinatde
 
Nationale Suisse – Multisite-Management Konzept.
Nationale Suisse – Multisite-Management Konzept.Nationale Suisse – Multisite-Management Konzept.
Nationale Suisse – Multisite-Management Konzept.Namics – A Merkle Company
 
Microservice architecture applied. 14 Praxis-Tipps für die Nutzung von Micros...
Microservice architecture applied. 14 Praxis-Tipps für die Nutzung von Micros...Microservice architecture applied. 14 Praxis-Tipps für die Nutzung von Micros...
Microservice architecture applied. 14 Praxis-Tipps für die Nutzung von Micros...Ramon Anger
 
OSMC 2015 | Enterprise Monitoring @ Bank Vontobel AG by Marco Weber
OSMC 2015 | Enterprise Monitoring @ Bank Vontobel AG by Marco WeberOSMC 2015 | Enterprise Monitoring @ Bank Vontobel AG by Marco Weber
OSMC 2015 | Enterprise Monitoring @ Bank Vontobel AG by Marco WeberNETWAYS
 
OSMC 2015: Enterprise Monitoring @ Bank Vontobel by Marco Weber
OSMC 2015: Enterprise Monitoring @ Bank Vontobel by Marco WeberOSMC 2015: Enterprise Monitoring @ Bank Vontobel by Marco Weber
OSMC 2015: Enterprise Monitoring @ Bank Vontobel by Marco WeberNETWAYS
 
PLM Open Hours - Model Based Systems Engineering im Kontext der Digitalisierung
PLM Open Hours - Model Based Systems Engineering im Kontext der DigitalisierungPLM Open Hours - Model Based Systems Engineering im Kontext der Digitalisierung
PLM Open Hours - Model Based Systems Engineering im Kontext der DigitalisierungIntelliact AG
 
B1 Acocon Lotus Day 08.09.2009
B1 Acocon Lotus Day 08.09.2009B1 Acocon Lotus Day 08.09.2009
B1 Acocon Lotus Day 08.09.2009Andreas Schulte
 
Nagios Conference 2006 | SAP Monitoring I by Michael Kienle
Nagios Conference 2006 |  SAP Monitoring I by Michael KienleNagios Conference 2006 |  SAP Monitoring I by Michael Kienle
Nagios Conference 2006 | SAP Monitoring I by Michael KienleNETWAYS
 
Einführung in Windows Presentation Foundation
Einführung in Windows Presentation FoundationEinführung in Windows Presentation Foundation
Einführung in Windows Presentation Foundationchmoser79
 
Configuration Management (Fokus: Version-Controlling) – Best Pracitces
Configuration Management (Fokus: Version-Controlling) – Best PracitcesConfiguration Management (Fokus: Version-Controlling) – Best Pracitces
Configuration Management (Fokus: Version-Controlling) – Best Pracitceskaftanenko
 
00 Einleitung und Übersicht zur COMLINE Cloud Service Plattform - CSP
00 Einleitung und Übersicht zur COMLINE Cloud Service Plattform - CSP00 Einleitung und Übersicht zur COMLINE Cloud Service Plattform - CSP
00 Einleitung und Übersicht zur COMLINE Cloud Service Plattform - CSPChristian Guenther
 
Tag Management System bei der Post
Tag Management System bei der PostTag Management System bei der Post
Tag Management System bei der PostUnic
 
Große Systeme, lose Kopplung, Spaß bei der Arbeit! - WDC12
Große Systeme, lose Kopplung, Spaß bei der Arbeit! - WDC12Große Systeme, lose Kopplung, Spaß bei der Arbeit! - WDC12
Große Systeme, lose Kopplung, Spaß bei der Arbeit! - WDC12Stephan Hochdörfer
 
SharePoint UserGroup Session 2013
SharePoint UserGroup Session 2013SharePoint UserGroup Session 2013
SharePoint UserGroup Session 2013FLorian Laumer
 

Similaire à Rapidly Building Dynamic Customer Portals (20)

MVVM mit WPF
MVVM mit WPFMVVM mit WPF
MVVM mit WPF
 
AMSYS Life Cycle Management (LCM) Client - Obsoleszenz Management Software
AMSYS Life Cycle Management (LCM) Client - Obsoleszenz Management SoftwareAMSYS Life Cycle Management (LCM) Client - Obsoleszenz Management Software
AMSYS Life Cycle Management (LCM) Client - Obsoleszenz Management Software
 
Software Architecture Design Patterns der COMLINE Cloud Service Platform - CSP
Software Architecture Design Patterns der COMLINE Cloud Service Platform - CSPSoftware Architecture Design Patterns der COMLINE Cloud Service Platform - CSP
Software Architecture Design Patterns der COMLINE Cloud Service Platform - CSP
 
Rapid Application Development mit Openobject
Rapid Application Development mit OpenobjectRapid Application Development mit Openobject
Rapid Application Development mit Openobject
 
Medien Kombinat Meet Magento 05022009
Medien Kombinat Meet Magento 05022009Medien Kombinat Meet Magento 05022009
Medien Kombinat Meet Magento 05022009
 
Nationale Suisse – Multisite-Management Konzept.
Nationale Suisse – Multisite-Management Konzept.Nationale Suisse – Multisite-Management Konzept.
Nationale Suisse – Multisite-Management Konzept.
 
Microservice architecture applied. 14 Praxis-Tipps für die Nutzung von Micros...
Microservice architecture applied. 14 Praxis-Tipps für die Nutzung von Micros...Microservice architecture applied. 14 Praxis-Tipps für die Nutzung von Micros...
Microservice architecture applied. 14 Praxis-Tipps für die Nutzung von Micros...
 
OSMC 2015 | Enterprise Monitoring @ Bank Vontobel AG by Marco Weber
OSMC 2015 | Enterprise Monitoring @ Bank Vontobel AG by Marco WeberOSMC 2015 | Enterprise Monitoring @ Bank Vontobel AG by Marco Weber
OSMC 2015 | Enterprise Monitoring @ Bank Vontobel AG by Marco Weber
 
OSMC 2015: Enterprise Monitoring @ Bank Vontobel by Marco Weber
OSMC 2015: Enterprise Monitoring @ Bank Vontobel by Marco WeberOSMC 2015: Enterprise Monitoring @ Bank Vontobel by Marco Weber
OSMC 2015: Enterprise Monitoring @ Bank Vontobel by Marco Weber
 
PLM Open Hours - Model Based Systems Engineering im Kontext der Digitalisierung
PLM Open Hours - Model Based Systems Engineering im Kontext der DigitalisierungPLM Open Hours - Model Based Systems Engineering im Kontext der Digitalisierung
PLM Open Hours - Model Based Systems Engineering im Kontext der Digitalisierung
 
B1 Acocon Lotus Day 08.09.2009
B1 Acocon Lotus Day 08.09.2009B1 Acocon Lotus Day 08.09.2009
B1 Acocon Lotus Day 08.09.2009
 
CWMC Insights 2020|11 - Technische Grundlagen zur Industrie 4.0 Umsetzung
CWMC Insights 2020|11 - Technische Grundlagen zur Industrie 4.0 UmsetzungCWMC Insights 2020|11 - Technische Grundlagen zur Industrie 4.0 Umsetzung
CWMC Insights 2020|11 - Technische Grundlagen zur Industrie 4.0 Umsetzung
 
Nagios Conference 2006 | SAP Monitoring I by Michael Kienle
Nagios Conference 2006 |  SAP Monitoring I by Michael KienleNagios Conference 2006 |  SAP Monitoring I by Michael Kienle
Nagios Conference 2006 | SAP Monitoring I by Michael Kienle
 
Einführung in Windows Presentation Foundation
Einführung in Windows Presentation FoundationEinführung in Windows Presentation Foundation
Einführung in Windows Presentation Foundation
 
Configuration Management (Fokus: Version-Controlling) – Best Pracitces
Configuration Management (Fokus: Version-Controlling) – Best PracitcesConfiguration Management (Fokus: Version-Controlling) – Best Pracitces
Configuration Management (Fokus: Version-Controlling) – Best Pracitces
 
00 Einleitung und Übersicht zur COMLINE Cloud Service Plattform - CSP
00 Einleitung und Übersicht zur COMLINE Cloud Service Plattform - CSP00 Einleitung und Übersicht zur COMLINE Cloud Service Plattform - CSP
00 Einleitung und Übersicht zur COMLINE Cloud Service Plattform - CSP
 
Tag Management System bei der Post
Tag Management System bei der PostTag Management System bei der Post
Tag Management System bei der Post
 
Große Systeme, lose Kopplung, Spaß bei der Arbeit! - WDC12
Große Systeme, lose Kopplung, Spaß bei der Arbeit! - WDC12Große Systeme, lose Kopplung, Spaß bei der Arbeit! - WDC12
Große Systeme, lose Kopplung, Spaß bei der Arbeit! - WDC12
 
SharePoint UserGroup Session 2013
SharePoint UserGroup Session 2013SharePoint UserGroup Session 2013
SharePoint UserGroup Session 2013
 
Camunda BPM 7.2 - Deutsch
Camunda BPM 7.2 - DeutschCamunda BPM 7.2 - Deutsch
Camunda BPM 7.2 - Deutsch
 

Plus de Magnolia

The SEO Workflow
The SEO WorkflowThe SEO Workflow
The SEO WorkflowMagnolia
 
Magnolia 6 release walkthrough
Magnolia 6 release walkthroughMagnolia 6 release walkthrough
Magnolia 6 release walkthroughMagnolia
 
Buzzword bingo: The real deal behind omnichannel, personalization and headless
Buzzword bingo: The real deal behind  omnichannel, personalization and headlessBuzzword bingo: The real deal behind  omnichannel, personalization and headless
Buzzword bingo: The real deal behind omnichannel, personalization and headlessMagnolia
 
Developing Magnolia based sites correctly, quickly and efficiently
Developing Magnolia based sites correctly, quickly and efficientlyDeveloping Magnolia based sites correctly, quickly and efficiently
Developing Magnolia based sites correctly, quickly and efficientlyMagnolia
 
Integrating e-Commerce into your Customer Experience
Integrating e-Commerce into your Customer ExperienceIntegrating e-Commerce into your Customer Experience
Integrating e-Commerce into your Customer ExperienceMagnolia
 
Customer Engagement in the Digital Era
Customer Engagement in the Digital EraCustomer Engagement in the Digital Era
Customer Engagement in the Digital EraMagnolia
 
The Age of the IOT & Digital Business
The Age of the IOT & Digital BusinessThe Age of the IOT & Digital Business
The Age of the IOT & Digital BusinessMagnolia
 
Using Magnolia in a Microservices Architecture
Using Magnolia in a Microservices ArchitectureUsing Magnolia in a Microservices Architecture
Using Magnolia in a Microservices ArchitectureMagnolia
 
A modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianA modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianMagnolia
 
Magnolia Conference 2015 - Pascal Mangold's keynote
Magnolia Conference 2015 - Pascal Mangold's keynoteMagnolia Conference 2015 - Pascal Mangold's keynote
Magnolia Conference 2015 - Pascal Mangold's keynoteMagnolia
 
Product keynote - introducing Magnolia 5.4
Product keynote - introducing Magnolia 5.4Product keynote - introducing Magnolia 5.4
Product keynote - introducing Magnolia 5.4Magnolia
 
Launching Magnolia on demand
Launching Magnolia on demandLaunching Magnolia on demand
Launching Magnolia on demandMagnolia
 
Front-end developers - build Magnolia sites faster
Front-end developers - build Magnolia sites fasterFront-end developers - build Magnolia sites faster
Front-end developers - build Magnolia sites fasterMagnolia
 
Magnolia and beacons: how do they work best together?
Magnolia and beacons: how do they work best together?Magnolia and beacons: how do they work best together?
Magnolia and beacons: how do they work best together?Magnolia
 
Magnolia and the IOT
Magnolia and the IOTMagnolia and the IOT
Magnolia and the IOTMagnolia
 
Internationalization for globalized enterprise websites
Internationalization for globalized enterprise websitesInternationalization for globalized enterprise websites
Internationalization for globalized enterprise websitesMagnolia
 
The new visana website how to fit a square peg into a round hole
The new visana website   how to fit a square peg into a round holeThe new visana website   how to fit a square peg into a round hole
The new visana website how to fit a square peg into a round holeMagnolia
 
Solving for complex UI designs: a front-end perspective and approach
Solving for complex UI designs: a front-end perspective and approachSolving for complex UI designs: a front-end perspective and approach
Solving for complex UI designs: a front-end perspective and approachMagnolia
 
Extending Magnolia with our solutions
Extending Magnolia with our solutionsExtending Magnolia with our solutions
Extending Magnolia with our solutionsMagnolia
 
Boost your online e commerce with magnolia
Boost your online e commerce with magnoliaBoost your online e commerce with magnolia
Boost your online e commerce with magnoliaMagnolia
 

Plus de Magnolia (20)

The SEO Workflow
The SEO WorkflowThe SEO Workflow
The SEO Workflow
 
Magnolia 6 release walkthrough
Magnolia 6 release walkthroughMagnolia 6 release walkthrough
Magnolia 6 release walkthrough
 
Buzzword bingo: The real deal behind omnichannel, personalization and headless
Buzzword bingo: The real deal behind  omnichannel, personalization and headlessBuzzword bingo: The real deal behind  omnichannel, personalization and headless
Buzzword bingo: The real deal behind omnichannel, personalization and headless
 
Developing Magnolia based sites correctly, quickly and efficiently
Developing Magnolia based sites correctly, quickly and efficientlyDeveloping Magnolia based sites correctly, quickly and efficiently
Developing Magnolia based sites correctly, quickly and efficiently
 
Integrating e-Commerce into your Customer Experience
Integrating e-Commerce into your Customer ExperienceIntegrating e-Commerce into your Customer Experience
Integrating e-Commerce into your Customer Experience
 
Customer Engagement in the Digital Era
Customer Engagement in the Digital EraCustomer Engagement in the Digital Era
Customer Engagement in the Digital Era
 
The Age of the IOT & Digital Business
The Age of the IOT & Digital BusinessThe Age of the IOT & Digital Business
The Age of the IOT & Digital Business
 
Using Magnolia in a Microservices Architecture
Using Magnolia in a Microservices ArchitectureUsing Magnolia in a Microservices Architecture
Using Magnolia in a Microservices Architecture
 
A modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianA modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at Atlassian
 
Magnolia Conference 2015 - Pascal Mangold's keynote
Magnolia Conference 2015 - Pascal Mangold's keynoteMagnolia Conference 2015 - Pascal Mangold's keynote
Magnolia Conference 2015 - Pascal Mangold's keynote
 
Product keynote - introducing Magnolia 5.4
Product keynote - introducing Magnolia 5.4Product keynote - introducing Magnolia 5.4
Product keynote - introducing Magnolia 5.4
 
Launching Magnolia on demand
Launching Magnolia on demandLaunching Magnolia on demand
Launching Magnolia on demand
 
Front-end developers - build Magnolia sites faster
Front-end developers - build Magnolia sites fasterFront-end developers - build Magnolia sites faster
Front-end developers - build Magnolia sites faster
 
Magnolia and beacons: how do they work best together?
Magnolia and beacons: how do they work best together?Magnolia and beacons: how do they work best together?
Magnolia and beacons: how do they work best together?
 
Magnolia and the IOT
Magnolia and the IOTMagnolia and the IOT
Magnolia and the IOT
 
Internationalization for globalized enterprise websites
Internationalization for globalized enterprise websitesInternationalization for globalized enterprise websites
Internationalization for globalized enterprise websites
 
The new visana website how to fit a square peg into a round hole
The new visana website   how to fit a square peg into a round holeThe new visana website   how to fit a square peg into a round hole
The new visana website how to fit a square peg into a round hole
 
Solving for complex UI designs: a front-end perspective and approach
Solving for complex UI designs: a front-end perspective and approachSolving for complex UI designs: a front-end perspective and approach
Solving for complex UI designs: a front-end perspective and approach
 
Extending Magnolia with our solutions
Extending Magnolia with our solutionsExtending Magnolia with our solutions
Extending Magnolia with our solutions
 
Boost your online e commerce with magnolia
Boost your online e commerce with magnoliaBoost your online e commerce with magnolia
Boost your online e commerce with magnolia
 

Rapidly Building Dynamic Customer Portals

  • 1. Empowering Munich City Websites Yes, Magnolia is open! Matthias Martin 26.01.2015 Öffentlich
  • 2. Empowering Munich City Websites  Die Stadtwerke München im Überblick  Herausforderungen: Magnolia im täglichen Betrieb  Wartung von häufig frequentierten Redaktionsinstanzen  Automatisches Monitoring  Generische Komponentenbibliothek  Verwandte Anforderungen  Eingetaucht: Wiederverwendbare Teaser  Vorteile / Tradeoffs  Zusammenfassung / Ausblick Agenda / Empowering Munich City Websites / SWM Services GmbH26.01.20152
  • 3. Die Stadtwerke München im Überblick / Empowering Munich City Websites / SWM Services GmbH26.01.20153
  • 4. Die Stadtwerke München im Überblick  sind eines der größten kommunalen Unternehmen in Deutschland  Ökostrom für ganz München: „Ausbauoffensive Erneuerbare Energien“  sind das Versorgungs- und Dienstleistungsunternehmen der Landeshauptstadt München  gehören den Münchner Bürgern  „Citizen Value“  tragen zur Wirtschaftskraft und Lebensqualität in München und der Region bei Die SWM… 26.01.2015 / Empowering Munich City Websites / SWM Services GmbH4
  • 5. Die Stadtwerke München im Überblick Umsatz rund 6,3 Milliarden Euro Absatz Strom: ca. 17,5 Mrd. kWh Erdgas : ca. 99 Mrd. kWh Fernwärme: ca. 4,6 Mrd. kWh Mitarbeiter rund 7.800 Kunden rund 1,1 Millionen (Energie und Wasser) rund 544 Millionen Fahrgäste (Nahverkehr) SWM in Zahlen (2013) 26.01.2015 / Empowering Munich City Websites / SWM Services GmbH5
  • 6. Die Stadtwerke München im Überblick  Konzernwebsite www.swm.de  Website der Landeshauptstadt München www.muenchen.de  SWM Intranet Unsere aktuellen Magnolia-Webauftritte 26.01.2015 / Empowering Munich City Websites / SWM Services GmbH6
  • 7. Herausforderungen: Magnolia im täglichen Betrieb / Empowering Munich City Websites / SWM Services GmbH26.01.20157
  • 8. Herausforderungen: Magnolia im täglichen Betrieb (I/II)  Problemstellung  Über 200 Redakteure auf dem Magnolia Redaktionssystem von www.muenchen.de aktiv  Nach Deployments sind oft manuelle Nacharbeiten durch Entwickler notwendig  Freigabe des Systems für Fachanwender sollte explizit erfolgen  Benutzer aussperren, indem man….  Security Roles temporär anpasst?  Netzinfrastruktur (fehl)konfiguriert?  … Wartung von häufig frequentierten Redaktionsinstanzen / Empowering Munich City Websites / SWM Services GmbH26.01.20158
  • 9. Herausforderungen: Magnolia im täglichen Betrieb (I/II)  Wiederverwendbare Problemlösung  IT-Administratoren & Entwickler müssen weiter auf das System zugreifen können  Nur Fachanwender sollen „ausgesperrt“ werden  Implementierung eines eigenen Magnolia-Moduls „Wartungsmodus“  Bei aktivem Wartungsmodus werden Zugriffe auf das Redaktionssystem nur noch von Benutzern mit bestimmten Rollen erlaubt  Schaffung einer „sicheren“ Umgebung durch Ausschluss normaler Benutzer  Vermeidung von Seiteneffekten durch gleichzeitige Bearbeitung Wartung von häufig frequentierten Redaktionsinstanzen / Empowering Munich City Websites / SWM Services GmbH26.01.20159
  • 10. Herausforderungen: Magnolia im täglichen Betrieb (I/II)  WartungsmodusFilter in der Magnolia Filterchain  Prüft, ob einem Benutzer eine Administratorrolle zugeordnet ist  Modulkonfiguration  Wenn das Modul als aktiv konfiguriert ist und ein normaler Benutzer versucht, sich am Redaktionssystem anzumelden, wird er vom Filter abgewiesen Wartung von häufig frequentierten Redaktionsinstanzen / Empowering Munich City Websites / SWM Services GmbH26.01.201510
  • 11. Herausforderungen: Magnolia im täglichen Betrieb (I/II)  Fachliche Anwender werden verständlich über den Systemzustand informiert  Beendigung des Wartungsmodus mittels einfacher Konfigurationsänderung  Keine Seiteneffekte durch „Konfigurationshacks“ an neuralgischen Stellen Wartung von häufig frequentierten Redaktionsinstanzen / Empowering Munich City Websites / SWM Services GmbH26.01.201511
  • 12. Herausforderungen: Magnolia im täglichen Betrieb (II/II)  Warum ist eine automatische Überwachung notwendig?  Service-Level / zugesicherte Verfügbarkeiten gewährleisten  Automatische Ticket-Generierung im Issue-Tracker für bestimmte Fehlersituationen, um z. B.  das Entwicklungsteam zu alarmieren  relevante Stakeholder frühzeitig aktiv informieren zu können  Betriebsmannschaft im Rechenzentrum hat den Anwendungsstatus mit im Blick und kann diesen im Gesamtkontext der Infrastruktur bewerten  Was kann man überwachen?  JCR Repository, externe Schnittstellen zu Drittsystemen bzw. 3rd Party Module, LDAP, Magnolia EE-Lizenzstatus… Automatisches Monitoring / Empowering Munich City Websites / SWM Services GmbH26.01.201512
  • 13. Herausforderungen: Magnolia im täglichen Betrieb (II/II)  Monitoring von Magnolia bei den SWM  Nagios als zentrales Instrument zur automatisierten Überwachung der IT-Infrastruktur und -Services  Magnolia und Nagios haben per se keine Schnittstellen zueinander, aber…  Nagios ermöglicht Definition eigener Schnittstellen  Zu überwachende Ressourcen damit im Prinzip beliebig  Schnittstellenformat frei wählbar Automatisches Monitoring / Empowering Munich City Websites / SWM Services GmbH26.01.201513
  • 14. Herausforderungen: Magnolia im täglichen Betrieb (II/II)  Monitoring-Schnittstelle in Magnolia bereitstellen  XML als Schnittstellenformat  Systemadministration gibt Schnittstelle mittels XML-Schema vor  Eigenes Magnolia-Modul „Systemcheck“  Konfiguration der zu überwachenden Module / Schnittstellen („Subsystem“)  Modul erzeugt XML zur Laufzeit mittels Java XML Binding (JAXB)  Validierung gegen vorgegebenes Schema  Auslieferung via Servlet-Implementierung (https://.../<Context>/<MappedServlet>) Automatisches Monitoring / Empowering Munich City Websites / SWM Services GmbH26.01.201514
  • 15.
  • 16. Herausforderungen: Magnolia im täglichen Betrieb (II/II)  Lesbare Darstellung für Endbenutzer (fachliche / technische Administratoren)  Datenbasis ist das durch das „Systemcheck“-Modul erzeugte XML  Repräsentation wird mittels XSLT-Transformation erzeugt Automatisches Monitoring / Empowering Munich City Websites / SWM Services GmbH26.01.201516
  • 17. Generische Komponentenbibliothek / Empowering Munich City Websites / SWM Services GmbH26.01.201517
  • 18. Generische Komponentenbibliothek  Verschiedene Auftritte, ähnliche Anforderungen  SWM betreiben mehrere Magnolia-Auftritte: www.swm.de, Intranet, www.muenchen.de (behördlicher und kommerzieller Teil)  Im Detail unterschiedliche Anforderungen an redaktionelle Elemente, aber…  Einige Elemente werden in abgewandelter Form häufig gebraucht, z. B.  Teaser in verschiedenen Varianten  Bildkomponenten  Aufzählungslisten…  2013/2014: Neuentwicklung des behördlichen Teils von www.muenchen.de  Schaffung eines Moduls mit generischen (Komponenten-) Konfigurationen  Ziel: Reduzierung von Entwicklungsaufwänden in Folgeprojekten Verwandte Anforderungen / Empowering Munich City Websites / SWM Services GmbH26.01.201518
  • 19. Generische Komponentenbibliothek  Grundkonfiguration: Bestimmte Eigenschaften für Teaser sind immer gleich  Link auf Teaser-Ziel, Link-Anzeigetext  Flag: Link in neuem Fenster öffnen (ja / nein)  Titel des Teasers, Teaser-Text bzw. -Abstract  Teaser-Bild  Übersteuern von aus dem Teaser-Ziel abgeleiteten Informationen Eingetaucht: Wiederverwendbare Teaser / Empowering Munich City Websites / SWM Services GmbH26.01.201519  Top-Down Strategie für Generalisierung  Nächste Spezialisierungsebene: Unterscheide Teaser für interne & externe Ziele  Von internen Seiten können verschiedene Informationen automatisch auf JCR- Ebene ermittelt werden (z. B. Teaser-Abstract)  Für externe Ziele in jedem Fall redaktionelle Pflege an der Komponente notwendig – andere Template-Logik
  • 20. Generische Komponentenbibliothek  Beispielhafte Generalisierung auf Dialogebene  Generischer Dialog mit Grundkonfiguration zur Wiederverwendung innerhalb des Moduls  Weitere Spezialisierung, z. B. für interne Teaser, durch extends-Mechanismus Eingetaucht: Wiederverwendbare Teaser – generischer Dialog / Empowering Munich City Websites / SWM Services GmbH26.01.201520
  • 21. Generische Komponentenbibliothek  Spezialisierung der Dialogkonfiguration in einem konkreten System  Interner Teaser: Vererbung der generischen Konfiguration  Fachliche Abstraktionsebene mit für das jeweilige konkrete System allgemeingültigen Attributen Eingetaucht: Wiederverwendbare Teaser – konkreter Dialog / Empowering Munich City Websites / SWM Services GmbH26.01.201521
  • 22. Generische Komponentenbibliothek  Anforderungen an die Robustheit von Templates  Einzelne Dialogfelder können in konkreten Ausprägungen ausgeblendet werden  Betreffender Content kann nicht erfasst werden  FTL muss mit diesen Feldern fehlerfrei umgehen können  Dynamische und konfigurierbare Markupstruktur  Wenn einzelne Felder ggf. nicht angezeigt werden, muss trotzdem valides Markup ausgegeben werden  Segmentierung / Hierarchische Gliederung des Markups in <div>-Container  Styling/CSS  Inline-Styles sind tabu  CSS-Klassen müssen konfiguriert werden können & im FTL dynamisch abgefragt werden Bedeutung für die Template-Implementierung / Empowering Munich City Websites / SWM Services GmbH26.01.201522
  • 23. Generische Komponentenbibliothek  Das Positive zuerst  Hierarchische Zerlegung / Generalisierung schafft Wiederverwendbarkeit an verschiedenen Stellen  Separation of concerns  Änderungen an der Konfiguration können meistens zentral erfolgen  Echter Zeitgewinn bei der Erstellung spezifischer Komponentenausprägungen  Was Schmerzen bereitet  Initiale Konfiguration ist sehr aufwändig  Hoher konzeptioneller Aufwand  Zerlegung über mehrere Ebenen hinweg erhöht die Komplexität der Konfiguration & Template-Implementierung erheblich  Für das Verständnis einer Komponente muss die gesamte Hierarchie gedanklich erfasst werden Vorteile / Tradeoffs / Empowering Munich City Websites / SWM Services GmbH26.01.201523
  • 24. Zusammenfassung / Ausblick / Empowering Munich City Websites / SWM Services GmbH26.01.201524
  • 25. Zusammenfassung / Ausblick  Flexible Systeme  Magnolia erlaubt Anpassungen an unsere Bedürfnisse in allen Bereichen  Modulkonzept hilft bei der Wiederverwendung eigener Erweiterungen  Synergien durch Einsatz der Module in verschiedenen Auftritten  Perspektive  Magnolia auch langfristig das Unternehmens-CMS der SWM  Hoher Modernisierungsbedarf – bestehende Auftritte laufen mit 4.4 / 4.5  2015: Neuer Internetauftritt der Verkehrsbetriebe (MVG) & Relaunch www.swm.de mit Magnolia 5  2015/2016 (in Planung): Tourismusportal für München  SWM betreiben dann fünf große Konzernwebsites bzw. Plattformen auf der Basis von Magnolia Magnolia ist Unternehmensplattform in zentralen Bereichen / Empowering Munich City Websites / SWM Services GmbH26.01.201525
  • 26. Vielen Dank für Ihre Aufmerksamkeit.Vielen Dank für Ihre Aufmerksamkeit. Haben Sie Fragen?
  • 27. Kontakt  Matthias Martin  SWM Services GmbH  martin.matthias@swm.de  Andreas Schiefele  SWM Services GmbH  schiefele.andreas@swm.de  Postanschrift SWM Zentrale  SWM Services GmbH  80287 München Kontaktdaten / Empowering Munich City Websites / SWM Services GmbH26.01.201527