Vortrag zur History von Content Management Systemen und den Ursachen für manche Entwicklungen. Ausblick welche Technologien in der näheren Zukunft relevant werden. Vortrag im Rahmen des Webkongress der FAU Erlangen und des CMS-Garden

1. Web-Content-Management-Systeme
The Past - The Present - The Future
Alexander Loechel
Referent IT-Projekte
Dezernat VI - Informations- und Kommunikationstechnik
Zentrale Universitätsverwaltung
Ludwig-Maximilians-Universität München
Vice President
Plone Foundation
Bilder CC0 oder attributiert

2. “Welches ist das beste WCMS?”
Web
Content
Management
System
⇒ WCMS

3. “It depends …”

4. Falsche Frage
WCMS sind Werkzeuge zum
Erstellen von Webseiten
Aber wann sind Webseiten gut?
CC-2.0-BY: Justin Baeder - Hammer and Screw (https://www.flickr.com/photos/justinbaeder/5317820857)

5. Webseiten sind gut, wenn sie
● Relevante und brauchbare Informationen liefern
● Zugänglich sind
● Auffindbar sind
Das Werkzeug WCMS muss dabei unterstützen,
gute Webseiten zu erstellen.

6. Content is King

7. https://xkcd.com/773/
Diskrepanz zwischen
bereitgestellter Information und
von Nutzern gesuchter Information

8. Das Problem: es wird impliziert
das es sehr einfach und günstig
ist eine gute Webseite zu bauen

9. Jeder meint bei den
Themen
Web,
Design und
CMS
mitreden zu können

11. http://www.cms-garden.org/de
Alle relevanten Open Source
Content Management Systeme
Ziele:
● sich zusammen präsentieren,
● voneinander lernen

12. "Wer die Vergangenheit nicht kennt,
ist dazu verurteilt sie zu wiederholen."
George Santayana, 1863 - 1953, Philosoph
CC BY-SA 3.0: Andy1982 - Foto Berlin U-Bahn Station Gesundbrunnen - Wikipedia (https://de.m.wikipedia.org/wiki/Datei:Quote_Santayana_cctv.JPG)

13. The Past
1991 - 2005
CC BY-SA 2.0 Derrick Brutel - Medieval Town Colmar, Alsace, France (https://www.flickr.com/photos/143951935@N07/29379581583)

14. CC BY 2.0: ITU Pictures (https://www.flickr.com/photos/itupictures/16662336315)
The World Wide Web
Web 1.0 - Die Anfänge
● statisches HTML
● Push Content
● Informations orientiert

15. Das Netz der technisch Versierten
● Anzahl der Webseiten (1995 ca. 23.500) und
Internetnutzern war gering
● Die Nutzer selber waren technisch versiert
● Information war wichtiger als Präsentation

16. Technologien am Anfang
● Plain HTML Seiten (kein großes Design, kein CSS, JS)
● Beginn von CGI (Common Gateway Interface)
→ Ein Webmaster, der alles macht

17. Erste CMS (ab ca. 1995)
● Primär Static Side Generators
● Konsistenter Aufbau der Webseite
über mehrere Seiten (Navigation, Design, Links)
→ Vergleich Word / Excel

18. Definition: https://en.wikipedia.org/w/index.php?title=Content_man%20agement_system&oldid=415286902
Bild: CC BY-SA 3.0 Dr. Marcus Gossler - Schlagwortkatalog - Universität Graz https://de.wikipedia.org/wiki/Datei:Schlagwortkatalog.jpg
Definition Content Management System (CMS)
A content management system (CMS) is the collection of procedures used to
manage work flow in a collaborative environment. These procedures can be
manual or computer-based. The procedures are designed to do the following:
● Allow for a large number of people to contribute to and share stored data
● Control access to data, based on user roles (defining which information
users or user groups can view, edit, publish, etc.)
● Aid in easy storage and retrieval of data
● Reduce repetitive duplicate input
● Improve the ease of report writing
● Improve communication between users

19. Quelle: Statista (https://de.statista.com/statistik/daten/studie/290274/umfrage/anzahl-der-webseiten-weltweit/)

20. Quelle: Statista (https://de.statista.com/statistik/daten/studie/290274/umfrage/anzahl-der-webseiten-weltweit/)
Logarithmische Darstellung

21. Ca. 2002 - 2006
CMS werden Standard
● Das Netz hat sich gewandelt,
○ viel mehr Internetnutzer, aus allen Bereichen
○ viel mehr Webseiten vorhanden
● Medien und Marketing übernehmen die Kommunikation im Netz
○ Design wird wichtiger
○ WYSIWYG-Editoren sind notwendig,
weil Nutzer kein HTML schreiben können / wollen
○ Auffindbarkeit von Webseiten wird wichtig
Bild: CC BY 2.0 Michael Havens Folgen - Standard Operating Procedure (https://www.flickr.com/photos/128733321@N05/19620861981)

22. Dez. 2003 Begriff
Web 2.0 - “Mitmach Netz”
● User Generated Content / Interaktion mit den Nutzern
○ Kommentare
○ Abstimmungen
○ Wikis - Wissensmanagement
(Wikipedia 15. Januar 2001)
○ Blogs
→ Intranet-Portale werden relevant

23. Web Hype

24. Typen von WCMS
● Site Builder
● Portale
● Blog
● Wiki
Seiten orientierte vs
Fragment orientierte vs
Flow orientierte Systeme

25. The Present
2005 - 2020

26. Content is King?
Die Entwicklungen in den CMS werden durch
die Anforderungen der Nutzer getrieben:
● Design (es muss hübsch sein)
● SEO → Seiten müssen gefunden werden
● WYSIWYG → Nutzer muss selber Inhalte
schreiben können, ohne HTML-Kenntnisse
● Mobile First (Smartphones und Mobiler
Konsum von Webseiten)
→ Webseiten werden mehr zu
Web-Applikationen

27. Der CMS-Markt konsolidiert sich:
● ca. 2004 über 1200 CMS
auf dem Markt
● ca. 2018 rund 200 Systeme
noch auf dem Markt,
weniger als 50 relevant
● Der Markt verändert sich
● Kommerzielle Anbieter und
Open Source Systeme
● Unterschiedliche
Zielgruppen
● Website mehr als CMS

28. Vendors Web Content & Experience Management

29. https://www.realstorygroup.com/

30. Digital Experience Plattform / WCMS Dilemma:
Plattformen bieten Flexibilität mit
denen viele Institutionen nicht umgehen können
Under-buy / Over-buy Problem
Technologie Fähigkeitsspektrumgering hoch
Anbieter
Versprechen
wahre Fähigkeiten
des Anbieter
Institutionelle
Fähigkeiten
Fähigkeitslücke Übertreibungslücke
wahre Fähigkeiten
des Anbieter
Fähigkeitslücke
nach @TonyByrne @RSG
Fähigkeiten CMS-Nutzer (Redakteure, Administratoren, Integratoren)

31. Plattform vs. Produkt
Plattform:
Für Anbieter ist Plattform immer besser → größerer Markt
Entwickler können angepasste Applikationen erstellen
Produkt:
Für Kunden ist Produkt immer besser → löst mein Problem
Produkt löst spezifische Sachen direkt
Plattform Möglichkeiten Produkt
Mehr Komplexität, Kosten, Zeit Weniger

32. Mid-Range
Products

33. Mid-Range
Products

34. System / Anbieter Entwicklung
um mehr Markt erobern zu können
Mid-Range
Products

35. System / Anbieter Entwicklung
um mehr Markt erobern zu können

36. System / Anbieter Entwicklung
um mehr Markt erobern zu können

37. Distributions mit Produkt Charakter
(Komplexe Systeme einfacher machen)
System / Anbieter Entwicklung
um mehr Markt erobern zu können
Mid-Range
Products

38. Content is King
Webseiten sind gut, wenn sie
● Relevante und brauchbare Informationen liefern
● Zugänglich sind
● Auffindbar sind
Content is King?

39. SEO Score
ist einzig wichtige WährungBild: https://blog.bufferapp.com/free-seo-tools

40. “Welches ist das beste WCMS?”

41. 4126.02.201817. Internet-Thementag "CMS-Strategie"
Auszug Top 50 http://www.cmscrawler.com/ Stand 2018-02-20
Vorsicht:
Logarithmische Skala

42. http://www.statistiken.rrze.uni-erlangen.de/webauftritte/hochschulen/

43. http://www.statistiken.rrze.uni-erlangen.de/webauftritte/hochschulen/

44. Vorsicht bei der Vergleichbarkeit,
in den USA ist eine starke Trennung
zwischen Hauptauftritt und weiteren Auftritten gegeben.
→ Hauptseite stark Marketing orientiert
Oft auch unterschiedliche Systeme
→ Drupal 7 (19 Mal) weiter verbreitet
→ Unbekannte Systeme oft PHP (vermutlich Drupal 6)

45. “Nobody ever got fired
for choosing IBM”
Forbes Magazine
November 2007
→ Apple iPhone Released 2007
Consulting Problem
→ Marktführer folgen

46. Masse ≠ Bestes
“Wer der Herde folgt, sieht nur Ärsche.”
Hannes Jaenicke

47. https://www.azquotes.com/author/6894-Grace_Hopper
Der gefährlichste Satz einer Sprache ist:
„Das haben wir schon immer so gemacht“.“
USN Rear Admiral Grace Hopper

48. “Projekte scheitern nicht an der
Technik, sondern am Menschen.”
Tom DeMarco
CC BY 3.0 Nick Youngson - Fail (http://picpedia.org/highway-signs/f/fail.html)

49. Wunsch
Der Wunsch das „tollste“
System zu bekommen,
ohne die wahre Nutzung
zu betrachten

50. Wunsch tatsächliche Nutzung
Der Wunsch das „tollste“
System zu bekommen,
ohne die wahre Nutzung
zu betrachten

51. CMS are boring
● MySQL is boring
● Postgres is boring
● PHP is boring
● Python is boring
● LDAP is boring
● WordPress / Joomla / Drupal / Typo3 / Plone / ... are boring
● Memcached is boring
● Squid is boring
● Varnish is boring
● Apache httpd is boring
● Cron is boring

52. "Boring" should not be conflated with "bad"
“Langweilig” sollte nicht mit “schlecht”
gleichgesetzt werden.

53. “Boring” let you get things done
“Langweilig” lässt dich Sachen fertig kriegen
Every company gets about three innovation tokens.
Jede Firma startet mit drei Innovations-Token.
Source: Dan McKinley, "Choose Boring Technology" http://mcfunley.com/choose-boring-technology

54. The Future
2020+
CC BY 2.0 Sam Howzit - Future City (https://www.flickr.com/photos/aloha75/4605051691)

55. Der Blick in die Kristallkugel?

56. Hype-Cycle Erfahrung

57. Innovationstreiber
und Adoptionsrate

58. SEO-Score als
Treiber der Entwicklung

59. Änderungen in Bereichen
● Webseiten die sich erzeugen lassen
(Webapplikationen)
● User Experience beim Arbeiten mit den CMS
● Technische Basis und Hosting
● User Experience der Webseite
Weitere Änderungen durch
● Menschliche Faktoren
CC BY-SA 3.0: Nick Youngson - Change (http://picpedia.org/highway-signs/c/change.html)

60. Webseiten die sich erzeugen lassen
● bekommen mehr Applikations-Charakter
● Mehr Dynamik und Interaktivität
● Content Integration
○ oEmbed
● Push Content
○ Websockets
● Assistive Technologien in der Bedienung
(z.B. Sprache → Alexa)

61. Neues Verständnis
für Accessibility

62. Einschränkungen kommen in vielen Formen
Visual Hearing Mobility Speech Cognitive Neural
● Cataracts
● Sun glare
● Color blind
● Low vision
● Blind
● Noise
● Ear infection
● Hard of
hearing
● Deaf
● Hands full
● Broken arm
● Spinal cord
injury
● Amelia
● Ambient noise
● Speech
impediment
● Unable to
speak
● Sleepy
● Distraction
● Migraine
● Learning
disabilities
● Autism
● Seizure
● Depression
● PTSD
● Bipolar
● Anxiety
Permanent
disability
Situational
requirement
Temporary
impairment

63. Accessibility und SEO
gehen Hand in Hand
Was für einen Menschen besser zu verstehen ist,
ist auch einfacher für Maschinen zu verstehen
Und umgekehrt
● Valides Markup und semantische Nutzung von Markup
● Spezielle Attributierung für strukturierte Daten → Web 3.0 “Semantic Web”
○ Microformats → schema.org (Person, Event, Location, ...)
○ Open Graph Protocol

64. Herausforderungen für CMS und Web-Seiten
● Mobile Web
Deutschland 2017:
● 87,6 % Online
● 37,2 % Breitbandanschlüsse (> 2048 kBit/s, gem. ITU)
● 116,7 % Mobilanschlüsse (Handy mit Datenoption)
→ Auch mobiles Bearbeiten von Inhalten wird relevant
● Sicherheit (BSI-Reports, Siwecos)
● EU-DSGVO - Datenschutz
● HTTPS Only
● SEO Scoring ändert sich
Bild GDPR: CC BY 2.0 Dennis van der Heijden - GDPR & ePrivacy Regulations (https://www.flickr.com/photos/160103778@N03/40899487972)
Bild https: CC By 4.0: Fabio Lanari - https (https://en.wikipedia.org/wiki/HTTPS#/media/File:Internet2.jpg)

65. https://de.wordpress.org/gutenberg/
User Experience beim
Arbeiten mit den CMS
Neue moderne Editoren

66. Content Preview für verschiedene Auflösungen

67. Technische Basis und Hosting
● Hosting verändert sich
○ Cloud-Hosting
○ SaaS (Software as a Service) Modelle
○ Mehr Wert auf Sicherheit und Pflege
○ Wieder mehr Static-Site Static Side Generatoren
(z.B. Jekyll / Next / Hogo / GitBook / … / Lektor / ...)
○ Headless-CMS (REST-Schnittstelle)
○ Microservices-Implementierungen
(Best of Breed / Anti Suite Charakter)
CC BY-SA 2.0: Blue Coat Photos - Cloud Security - Secure Data - Cyber Security (https://www.flickr.com/photos/111692634@N04/16042227002)

68. Technische Basis und Hosting
● Technologien ändern sich
○ Andere Programmiersprachen
○ Mehr Front-End Programmierung
(JavaScript / WebAssembly)
○ Client Side Applications (React, angular, VueJS)
○ GatsbyJS (Static Client Side Websites)
→ Verschiebungen bei den Software-Stacks

69. Scripting Languages vs. Compiling Languages
PHP, JavaScript, Python, Ruby vs. Java, C
“rapid turnaround”
(Video Better Web App Development by Sean Kelly https://www.youtube.com/watch?v=DWODIO6aCUE von 2006, NASA)

70. Rise of JavaScript & Python
JavaScript
ist heute die erste Programmiersprache für viele Web-Anfänger,
Python
ist Lehrsprache Nummer 1 an vielen Universitäten
→ PHP verliert massiv an Nachwuchs und Bedeutung
→ Legacy

71. Erkennbare Verschiebungen auf dem Markt:
Alle paar Jahre größere Verschiebungen
Phasen der Verdrängung:
Fiona & FirstSpirit → Typo3
Typo3 → Drupal
Drupal → WordPress
WordPress → Jekyll/Next/Hogo/GitBook/.../GatsbyJS/.../Lektor/...
Verschiebungen wegen:
Umsetzungs-Projekt, Sicherheit, Design,
institutionelle Fähigkeiten und Wünschen der Anwender

72. Menschliche Faktoren
● Entwickler wollen auch Spaß
○ Hype Themen bearbeiten
○ Innovativ sein
○ Basteln
○ Gamification
● Konflikte in Communities
○ Menschliche Konflikte (z.B. Drupal Drama um Larry Garfield)
○ Richtungsentscheidungen
(z.B. Gutenberg in WordPress, Typo3 CMS vs. Neos)
● Communities und Gründer
○ Viele Systeme überleben den Weggang
der Gründer und Visionären nicht
○ Wechsel und Weggang von Gründern ist normal
und langfristig absehbar

73. Drupal Release Shedule
https://dri.es/drupal-7-8-and-9
Abschied von Megan Sanicki
Executive Director Drupal Association

74. Das und viel mehr
wird kommen

75. Fazit

76. System / Anbieter Entwicklung
um mehr Markt erobern zu können
Mid-Range
Products
Circle of Life
Neue Systeme wachsen heran,
alte Systeme werden legacy

77. A complex system that works is invariably
found to have evolved from a simple system
that worked. The inverse proposition also
appears to be true: A complex system
designed from scratch never works and cannot
be made to work. You have to start over,
beginning with a working simple system.
Source: "John Gall's law" - from "Systemantics: How Systems Really Work and How They Fail" - 1975

78. Nutzer befähigen
CC BY-SA 3.0: Nick Youngson - Empower (http://www.thebluediamondgallery.com/typewriter/e/empower.html)

79. CMS sollen:
● Empower Users
○ Nutzer ermöglichen ihre Ziele zu erreichen
○ Gute Inhalte beizutragen
○ Nutzer nicht abschrecken
● Web-Standards einhalten und fördern
○ WAI-WCAG
○ WAI-ATAG
● Sicherheit bieten
Institutionen (vor allem öffentliche) sollten, wo möglich
● Open Source einsetzen (Public Money → Public Code)
● für die Nutzer / Kunden kooperieren
Meine Wünsche