Was ist Responsive Design?

„Responsive“ beschreibt das Design einer Website, deren Inhalte sich flexibel an die Gegebenheiten des jeweiligen Endgeräts anpassen. Optimal heißt: Sie sieht gut aus, alle Inhalte sind zugänglich und die Bedienung funktioniert intuitiv – egal ob auf einem kleinen Smartphone-Display, einem Laptop-Bildschirm oder einem großen Desktop-Monitor.

Der Begriff „responsive“ stammt aus dem Englischen und bedeutet „antwortend“. Im Webdesign meint das: Die Website reagiert auf die Umgebung der Besucher:innen und passt sich dynamisch an.

Ähnlich wie bei der Barrierefreiheit ist Responsive Webdesign ein Ideal, das nie vollständig erreicht werden kann. Denn die Vielfalt an Browsern, Geräten und Displayeigenschaften wächst ständig. Trotzdem ist eine gut umgesetzte responsive Seite heute Standard und kein optionales Feature mehr.

Warum ist Responsive Webdesign so wichtig?

Das Nutzerverhalten hat sich in den letzten Jahren drastisch verändert:

• Viele Nutzer:innen surfen nicht mehr nur unterwegs, sondern auch zu Hause primär auf dem Smartphone.

• Google bevorzugt mobilfreundliche Seiten und berücksichtigt die mobile Nutzererfahrung als Rankingfaktor (Mobile First Indexing).

• Immer mehr Geräte wie Foldables, Smartwatches oder große Touchscreens erweitern die Anforderungen an Flexibilität im Design.

Ein modernes Responsive Design trägt diesen Entwicklungen Rechnung und sorgt für eine positive User Experience (UX) auf allen Endgeräten.

Darüber hinaus erwarten Nutzer:innen heute ein konsistentes Markenerlebnis – egal, ob sie eine Website am Smartphone oder am Desktop aufrufen. Ein schlechtes mobiles Erlebnis führt schnell zu Absprüngen und Umsatzverlusten.

Die Technik hinter Responsive Webdesign

Das Grundprinzip: Eine einzige Website passt sich per HTML5, CSS und JavaScript flexibel an die Umgebung an. Dabei werden folgende Faktoren berücksichtigt:

• Größe und Auflösung des Bildschirms

• Verwendeter Browser und Rendering-Engine

• Orientierung (Hoch- oder Querformat)

• Gerätetyp (Smartphone, Tablet, Laptop, Desktop, Smart-TV)

• Interaktionstyp (Touch, Maus, Tastatur)

Zentrale Techniken im Responsive Webdesign

• CSS Media Queries: Regeln die Darstellung abhängig von Bildschirmbreite, -höhe, Auflösung und Orientierung.

• Flexbox & CSS Grid: Flexible Layouts ohne starre Spalten- oder Pixelraster.

• Responsive Images mit srcset und sizes: Bilder in unterschiedlichen Auflösungen für verschiedene Displaytypen ausliefern.

• Viewport-Meta-Tag: Stellt sicher, dass die Seite korrekt auf mobilen Geräten skaliert.

Darüber hinaus kommen Frameworks wie Bootstrap oder Tailwind CSS zum Einsatz, die Entwickler:innen viel Arbeit abnehmen. Dank moderner JavaScript-Frameworks (z.B. React, Vue.js) lassen sich zudem komplexe interaktive Elemente responsiv gestalten.

Von „mobilfreundlich“ zu „mobile first“

Früher galt die Maxime: Desktop-Design zuerst, danach mobile Anpassung. Heute ist der Ansatz Mobile First bewährt:

• Design und Inhalte werden zuerst für kleine Displays optimiert.

• Danach wird das Layout für größere Screens erweitert.

• Dieser Ansatz fördert schnellere Ladezeiten und bessere Usability auf mobilen Geräten.

Gerade im E-Commerce ist Mobile First entscheidend: Nutzer:innen erwarten, dass sie produktorientiert, schnell und intuitiv auf Mobilgeräten einkaufen können. Lange Ladezeiten oder unübersichtliche Layouts führen direkt zu Kaufabbrüchen.

Best Practices für modernes Responsive Webdesign

Ein gutes Responsive Design berücksichtigt nicht nur Layout und Bilder, sondern auch den Nutzungskontext:

• Mobile Nutzer:innen haben oft anderes Informationsbedürfnis (z. B. Öffnungszeiten, Standort).

• Funktionen wie Click-to-Call, Maps-Integration oder reduzierter Content auf Mobilgeräten verbessern die UX.

• Gleichzeitig sollte die volle Informationstiefe erhalten bleiben, um Nutzer:innen auf allen Geräten den Zugriff auf alle Inhalte zu ermöglichen.

Stolperfallen vermeiden

• Separate mobile Versionen (m.xyz.de oder xyz.de/m/) sind heute veraltet.

• Stattdessen sollte immer eine einheitliche Codebasis genutzt werden.

• Nutzer:innen sollten zwischen Darstellungen wechseln können, falls sie bestimmte Funktionen benötigen.

Gutes Responsive Design nutzt also eine Website für alle Geräte. Nur in wenigen Spezialfällen (z. B. bei nativen Apps) ergibt sich der Einsatz von separaten mobilen Lösungen.

Moderne CMS: Unterstützung bei der Umsetzung responsiver Websites

Ein weiterer wichtiger Erfolgsfaktor für responsives Webdesign ist die Wahl des richtigen Content-Management-Systems (CMS). Moderne CMS bieten heute umfangreiche Funktionen und Werkzeuge, um die Umsetzung und Pflege responsiver Websites deutlich zu erleichtern.

Die meisten aktuellen CMS wie WordPress, TYPO3 oder Drupal setzen standardmäßig auf responsive Templates bzw. Themes. Diese liefern bereits die nötige technische Basis, um Inhalte dynamisch und flexibel für verschiedene Geräte auszugeben. Das reduziert den Implementierungsaufwand erheblich.

Darüber hinaus ermöglichen Headless-CMS wie Contentful, Strapi oder Sanity eine besonders flexible Architektur: Inhalte werden von der Darstellung entkoppelt und per API an verschiedene Frontends (z. B. Website, App, Smartwatch) ausgeliefert. So lassen sich hochgradig adaptive und zukunftssichere Content-Strategien umsetzen.

Weitere Vorteile moderner CMS für Responsive Design:

• Drag-and-Drop-Editoren mit Vorschaufunktionen für unterschiedliche Bildschirmgrößen

• Medienverwaltung mit Unterstützung für responsive Images und optimierte Bildauslieferung

• Automatische Optimierung von CSS und JavaScript für bessere Ladezeiten auf Mobilgeräten

• Flexible Layout-Bausteine, die sich an verschiedene Viewports anpassen

Gerade im B2B-Umfeld, wo oft komplexe Inhalte und Services präsentiert werden, lohnt es sich, in ein modernes und anpassbares CMS zu investieren. So lassen sich konsistente, performante und mobiloptimierte Web-Erlebnisse schaffen, ohne bei jedem Design-Update tief in den Code eingreifen zu müssen.

Testing: Wo und was testen?

Die Gerätevielfalt ist groß. Perfektes Testing auf allen Geräten ist unmöglich, aber folgende Grundtests sollten Pflicht sein:

Geräte

• Smartphones: iPhone (aktuelle + ältere Modelle), Android-Flaggschiffe, Budget-Modelle

• Tablets: iPad, Android Tablets

• Laptops und Desktops: Windows, macOS, Linux

• Weitere Geräte: Smart-TVs, Foldables, Smartwatches

Browser

• Chrome

• Safari

• Firefox

• Microsoft Edge

Praktischer Tipp

Ein Blick in die Analytics-Daten (z. B. Google Analytics oder Matomo) hilft, die relevantesten Geräte- und Browserkombinationen für die eigene Website zu identifizieren. Zusätzlich unterstützen Tools wie Browserstack oder LambdaTest dabei, unterschiedliche Geräte und Browserumgebungen zu simulieren.

Fazit

Responsive Webdesign ist 2025 längst kein „nice to have“ mehr, sondern die Grundlage für jedes erfolgreiche digitale Projekt. Wer seine Inhalte und Services nutzerfreundlich präsentieren will, kommt an einem professionellen, flexiblen und performance-optimierten Responsive Design nicht vorbei.

Dabei gilt es, sich stets an den aktuellen Anforderungen und Entwicklungen im Geräte- und Nutzerverhalten zu orientieren. Technologien wie Progressive Web Apps (PWA), Variable Fonts und Headless CMS bieten zusätzliche Möglichkeiten, noch flexibler und effizienter zu gestalten. Wer konsequent Mobile First denkt und testet, schafft langfristig ein besseres Nutzererlebnis und stärkt zugleich SEO und Conversion-Rate.

Der Beitrag Was ist Responsive Webdesign und warum ist es so wichtig? erschien zuerst auf contentmanager.de.

Egal, ob man zum ersten Mal ein Content Management System sucht oder einen Wechsel anstrebt – bei der Wahl des richtigen CMS steht am Anfang eine Frage: Setze ich auf eine Integration einer Open Source oder einer Enterprise Lösung? Wir erklären, wie sich die beiden Software Ansätze unterscheiden und für wen sich welche Variante lohnt.

Ob man nun eine Webseite verwalten, Inhalte auf einem Blog veröffentlichen oder Content Marketing betreiben will. Um ein Content Management System, kurz CMS, kommt man nicht herum. Nun gibt es eine Vielzahl von verschiedenen Content Management System-Lösungen von klassisch bis zum Headless CMS. Ebenso gibt es eine Vielzahl von Plattformen und Anbietern in der Marketing Branche. Um die Auswahl zu vereinfachen, sollte man bei der CMS-Auswahl erst einmal klären, ob es eine Open Source oder Enterprise Lösung sein soll. Beide Varianten haben ihre Vor- und Nachteile und sprechen mitunter andere Zielgruppen an.

Was ist der Unterschied zwischen Enterprise CMS und Open Source CMS?

Grundlegend dienen sowohl Enterprise, als auch Open Source Lösungen der Verwaltung und dem Ausspielen von Inhalten im Internet. Je nach (Projekt-) Aufwand lässt sich pauschal gar nicht so einfach sagen, welche Variante besser ist. Per Definition sind Open Source Lösungen solche, deren Quellcode für jedermann frei verfügbar sind. Heißt in unserem Content Management System Beispiel: Die Community kann jeglichen Aspekt des Codes und damit des Systems anpassen. Daraus ergibt sich, dass ein Open Source CMS äußerst flexibel anpassbar ist – wenn man das nötige Know-How hat. Zudem sind die grundlegenden Features eines Open Source CMS erst einmal kostenlos und können beliebig erweitert werden. Das Betreiben einer Homepage auf der Open Source Plattform WordPress ist etwa kostenlos, ein Template, welches das Design der Website verändert, kann dann dazu gekauft werden (wobei es auch kostenlose Varianten gibt). Zudem lassen sich PlugIns installieren, die neue Funktionen ermöglichen, etwa eine Kommentarfunktion oder den Versand eines Newsletters. Die meisten dieser PlugIns kommen dabei aus der Community. Die bekanntesten Vertreter sind dabei Typo3, WordPress, Joomla und Drupal.

Ein Enterprise Content Manangement System dagegen wurde von einem Softwarehersteller programmiert und zielt, wie der Name erahnen lässt, auf den Einsatz durch Unternehmen ab. Somit sind diese Lösungen auch mit Kosten verbunden. Die Enterprise Lösungen bieten aber gerade für aufwändigere und professionelle Projekte einen größeren eingebauten Feature- und Service-Umfang. Außerdem bringen Enterprise-CMS-Lösungen per se einen professionellen Support-Umfang mit. In unserem Marktvergleich haben wir 18 Lösungen gegenübergestellt, um Dir die Auswahl einer passenden Lösung zu erleichtern.

Nun lässt sich aber nicht sagen, dass ein Open Source CMS nur für Hobbyprojekte geeignet ist oder dass ein Enterprise CMS nur eine Lösung für Konzerne im Content Marketing ist. Um herauszufinden, für wen sich welche Variante lohnt, werfen wir wir einen genaueren Blick auf die Vor- und Nachteile.

Lade hier unsere Checkliste herunter als Entscheidungshilfe zwischen OpenSouce- und Enterprise-Lösungen:

Mit Klick auf den Download-Button willigen Sie ein, dass Ihre Firmen-E-Mail-Adresse und Ihr Firmenname an Contentmanager.de (Digital Diamant GmbH) und die Sponsoren des Marktüberblicks Magnolia International AG, Ibexa GmbH, Liferay und contentpepper GmbH. zur werblichen Ansprache auch per E-Mail und zur Markt- und Meinungsforschung übermittelt werden dürfen. Mit Ihrer Einwilligung erhalten Sie auch automatisch den contentmanager.de-Newsletter. Die Erklärung ist jederzeit über einen Link in jeder E-Mail widerrufbar.

Open Source CMS Vor- und Nachteile

Vorteile:

• Kosten: Beim Einsatz eines Open Source Content Management System entstehen erstmal einmal keine Lizenzkosten. Einige PlugIns und Erweiterungen können aber kostenpflichtig bzw. nur in der Basis-Version kostenfrei sei.
• Flexibilität: Open Source CMS sind eine große Spielweise, da der Code beliebig geändert werden kann. Plugins können das CMS erweitern und so zusätzliche Funktionen freischalten.
• Community: Um die Open Source CMS wie WordPress, Drupal oder typo3 hat sich über die Jahre eine große Community gebildet. So kann man bei Fragen oder Probleme auf fachkundige Foren zurückgreifen und findet mitunter schnell Lösungen.
• Schneller Einstieg: Da ein Open Source CMS frei zugänglich ist, gibt es beim Einstieg eine geringe Fallhöhe. Man kann recht unverbindlich verschiedene Systeme testen und ohne Vertragsbindung eine Seite erstellen.

Nachteile:

• Support: Mit einem Open Source CMS kann man nicht auf einen dezidierten Support zurückgreifen. Bei Problemen kann man zwar die Community befragen, muss die Probleme aber selbst oder mit einem Dienstleister beheben.
• Administration & Implementierung: Wie erwähnt, sind diese Open Source Systems für den Einstieg oftmals gut, aber je komplexer die Anforderungen an die Website sind, desto komplizierter wird die Verwaltung. Gerade für Einsteiger:innen empfiehlt sich dann häufig der Einsatz eines Dienstleisters, was wiederum die Kosten erhöht.
• „Versteckte“ Kosten: Genau wie der mögliche Einsatz eines Dienstleisters zur Verwaltung gibt es weitere Kosten, die bei Open Source Content Management Systemen erst einmal nicht ersichtlich sind. Dazu gehören etwa Server Kosten, Lizenzen für PlugIns oder der Einkauf von Website Templates.
• Sicherheit: Auch für die Sicherheit der eigenen Website ist man bei einem Open Source Content Management System selbst verantwortlich. Das bedeutet nicht nur einen höheren Administrations-Aufwand und höhere Kosten für Dienstleister. Da der Code von Open Source Systemen frei zugänglich ist, sind Sicherheitslücken auch einfacher von Cyber-Kriminellen auszumachen. Auch können PlugIns zusätzliche Sicherheitslücken darstellen, wenn sie nicht sauber programmiert sind.
• Probleme bei Updates: Je mehr Plugins eingesetzt werden, desto schwieriger ist das Update des CMS. Einige Plugins funktionieren hin und wieder nicht miteinander oder es fehlen Updates auf eine neue CMS Version.

Enterprise CMS Vor- und Nachteile:

Vorteile:

• Funktionalität: Enterprise Content Management Systeme bringen „Out Of The Box“ eine ganz Reihe an Funktionen mit. Man muss sich also nicht durch eine Vielzahl von PlugIns kämpfen, sondern hat direkt die relevantesten Funktionen. Gerade für Einsteiger:innen etwas übersichtlicher.
• Flexibilität: Das bedeutet aber nicht, dass Enterprise Content Management Systeme nicht flexibel sind. Viele Anbieter bieten ermöglichen den Zugriff auf zusätzliche PlugIns, sodass man auch im Nachhinein Funktionalitäten nachrüsten kann.
• Ökosystem: Hier kommt alles aus einem Guss. Die Funktionen sind aufeinander abgestimmt, sodass sie Hand in Hand arbeiten. So sind auch technische Probleme schneller behoben, da Fehler einfacher zu identifizieren sind. Das erleichtert an vielen Stellen die Arbeit.
• Implementierung: Bei vielen Anbietern wird man auch bei der Implementierung unterstützt. So hat man einen Ansprechpartner, der einem sowohl bei der technischen Einrichtung hilft, aber gleichzeitig auch das System erklärt. Gerade bei größeren Projekten ist die Implementierung leichter, da man von vornherein die nötigen Funktionen hat und keine Plugins aufeinander abstimmen muss.
• Administration: Mit einem Enterprise Content Management System kann man sich auf die Erstellung von Content fokussieren. Hintergrundaktivitäten und Verwaltung liegen beim Anbieter. Auch technische Probleme sind in der Regel schneller behoben.
• Support: Es gibt hier nicht nur dezidierte Support-Mitarbeiter:innen bei Fragen und Problemen. Viele Systeme haben auch eine eigene Akademie oder Weiterbildungs-Programme, bei denen Funktionen erklärt werden.
• Sicherheit: Im Gegensatz zu Open Source Systeme sind die Codes von Enterprise Lösungen nicht öffentlich. Das macht es schwieriger, diese zu knacken.

Nachteile:

• Kosten: Die Lizenzgebühren führen logischerweise dazu, dass Enterprise Lösungen teuerer sind als Open Source Varianten.
• Komplexität: Enterprise Lösungen lohnen sich für Unternehmen. Wer den Start in das Content Management anstrebt, könnte am Anfang etwas überfordert ob des Funktionsumfangs sein.
• Umfang: Nicht jedes Unternehmen braucht den vollen Umfang aller Funktionen. Eventuell bezahlt man für Funktionen, die man dann gar nicht benutzt. Bei einem Open Source System kann man sich genau das Paket zusammenstellen, was man braucht. Aber: Viele Anbieter von Enterprise CMS bieten ebenfalls unterschiedliche Pakete mit unterschiedlichen Preisstrukturen, die dieses Manko etwas abfedern.
• Ökosystem: Das Ökosystem kann sowohl Vor-, als auch Nachteil sein. Denn man ist beim Einsatz eines Enterprise Content Management Systems natürlich an den Anbieter gebunden. Bietet er eine bestimmte Funktion nicht an, kann man diese nicht nachrüsten.

Enterprise CMS vs. Open Source: Für wen lohnt sich welche Variante?

Die Frage, welches CMS-Modell nun besser ist, lässt sich pauschal also nicht beantworten. Beide Arten der Content Management Systeme haben ihre eigenen Vorzüge und Einschränkungen. Damit Du die Frage für Dich selbst besser beantworten kannst, haben wir eine Checkliste erarbeitet. Dort kannst Du entscheidende Stellschrauben für Dein Projekt und Dein Unternehmen identifizieren. Generelle Hilfe bei der Auswahl von passenden Software-Lösungen für Dein Unternehmen bietet unser Beitrag zur Software-Auswahl.

Der Beitrag Enterprise CMS vs. Open Source CMS: Inklusive Checkliste zum Download erschien zuerst auf contentmanager.de.

Mit den Ansprüchen der Nutzer steigen allerdings auch die Anforderungen an die Content-Management-Systeme (CMS). Einige der aktuell wichtigsten Entwicklungen dieser Systeme, die für den Umfang der Funktionen eines Content-Management-System maßgeblich sind, haben wir hier in fünf Punkten zusammengefasst.

1. Effizienter Umgang mit großen Contentmengen und verschiedenen Formaten

Mit der wachsenden Anzahl an Texten, Bildern und Videos werden eine effiziente Organisation an Inhalten und ein effizienter Umgang mit dem Content immer wichtiger. Dazu sollte eine Mediendatenbank entweder direkt im CMS integriert sein oder eine externe Datenbank sollte so eingebunden sein, dass ein Websiteredakteur mit den Inhalten arbeiten kann, ohne dass er sein Redaktionssystem verlassen muss. Wenn das Redaktionssystem bereits eine Bildbearbeitung ermöglicht und schon bei der Bearbeitung von Webseiten eine Vorschau auf das spätere Ergebnis liefert, vereinfacht das die Erstellung von Beiträgen zusätzlich. Damit auf der Website angebotene Videoclips auf allen Geräten problemlos abspielbar sind, sollten sie in verschiedenen Auflösungen und Formaten vorhanden sein.

2. Responsive Webdesign für eine optimale User Experience auf jedem Gerät

Durch die zunehmende Verbreitung von Smartphones und Tablets müssen Unternehmen sich auch Gedanken darüber machen, wie ihre Webseiten auf diesen Geräten aussehen. Da Anbieter aber unmöglich für jedes Gerät eine eigens optimierte Version bereitstellen können, ist Responsive Webdesign die Lösung für dieses Problem: Das Content Management System generiert dabei automatisch verschiedene Website-Varianten, die auf die Eigenschaften des jeweiligen Ausgabegeräts abgestimmt sind. Das CMS erkennt, welches Format der Bildschirm hat und passt die Inhalte entsprechend vordefinierter Regeln so an, dass sie auf jedem Gerät richtig strukturiert und übersichtlich dargestellt werden. Dabei muss gewährleistet sein, dass Bilder oder Grafiken im jeweils passenden Format vorliegen. Im CMS sollten sich deshalb unterschiedliche Bildergrößen für die verschiedenen Ausgabeformate definieren lassen. Eine Übersicht über verschiedene Webdesign Agenturen haben wir für Sie hier zusammengestellt.

3. Content Targeting: Informationen personalisieren im CMS

Mittels Content Targeting können Unternehmen ihre Inhalte bedarfsgerecht für verschiedene Zielgruppen ausspielen. Aus einer Analyse des Surfverhaltens können Websitebetreiber dann Profile ableiten und so Nutzer einzelnen Zielgruppen zuordnen. Auf Grundlage dieser Daten präsentiert das CMS dem Besucher dann die passenden Informationen anhand vordefinierter Regeln. Diese eher grobe Segmentierung lässt sich verfeinern, wenn die Benutzer bekannt sind, etwa weil sie sich über ein Login identifizieren. Dann kann das CMS die Historie des Besuchers auswerten und ihm anhand seiner bisherigen Aktivitäten Inhalte bereitstellen, die ihn sehr wahrscheinlich interessieren – und zwar unabhängig davon, ob er diese über eine Website, eine App oder einen Newsletter abruft.

4. Integriertes Webreporting: Optimierung des Angebots

Um zu überwachen, ob die angebotenen, individualisierten Inhalte das gewünschte Verhalten fördern, müssen Unternehmen ihre Website kontinuierlich überwachen und das Surfverhalten analysieren. Ein ins CMS integriertes Web-Reporting ist dafür unverzichtbar. Nur wenn Unternehmen verstehen, wie die Besucher mit ihrer Website interagieren, können sie ihr Angebot optimieren. Mittels A/B-Testing lässt sich herausfinden, welches Design, welche Anordnung der Elemente, welche Farben und natürlich auch welche Inhalte die jeweiligen Zielgruppen am effektivsten ansprechen.

5. Mehrsprachigkeit: Verschiedene Sprachversionen in einer Umgebung pflegen

Richtet sich das Angebot eines Unternehmens an Zielgruppen in mehreren Ländern, empfiehlt es sich, die Website in verschiedenen Sprachversionen anzubieten. Der damit verbundene Aufwand bleibt überschaubar, wenn Unternehmen ein CMS mit integriertem Übersetzungsmanagement-System einsetzen. Dann können Redakteure aus dem CMS heraus Übersetzungsaufträge anstoßen, sie mit ihren Landesgesellschaften abstimmen und im Web veröffentlichen. Umfasst das Tool auch ein Translation Memory-System (TMS), ist es möglich, bereits übersetzte Texte wiederzuverwenden.

Wenn Sie all diese Funktionen erfüllt haben sollte einem erfolgreichen Content Management System in Ihrem Content Marketing nichts mehr im Wege stehen.

Machen Sie hier den Check, ob Ihr CMS fit für diese Herausforderungen ist:

www.cms-audit.de

(Anm. d. Red.: am Ende der Checkliste müssen Sie Name und E-Mail-Adresse angeben, um die Auswertung zu erhalten.)

Autor: Christian Weber, Director Digitale Kommunikation bei der nionex GmbH

Sie finden unseren CMS Integratoren Vergleich auch hier.

Der Beitrag Fünf Funktionen, die Ihr CMS heute haben sollte erschien zuerst auf contentmanager.de.

In seinem Artikel Ärger mit Bildern vermeiden hat unser Experte Jens Jakobsen schon vor geraumer Zeit aufgezeigt, dass die Verwendung von Bildern auf der eigenen Internetseite – sei es eine Unternehmensseite, ein Online-Magazin oder auch nur ein privater Blog – unter anderem die akribische Angabe der Bildquelle erfordert, es sei denn, man hätte die Bilder selbst gemacht.

%CAD2%

Die Gefahr einer Abmahnung reduzieren und den Workflow der Bildquellenverwaltung optimieren – das können WordPress-Administratoren mit dem Plugin image source control, welches ich Ihnen im weiteren Verlauf vorstellen werde.

Verminderung der Gefahr einer anwaltlichen Abmahnung

Der Autor des Plugins, Thomas Maier, schreibt, es wurde zur Verminderung der Gefahr einer anwaltlichen Abmahnung wegen Urheberrechtsverletzung entwickelt. Es fügt verschiedene Felder für die Angabe der Bildquellen hinzu und warnt, wenn eine Eingabe fehlt. Die Bildquellen einer Seite lassen sich als Shortcode oder über eine Funktion im Theme ausgeben.

Die Installation erfolgt problemlos über das WordPress-Plugin-Verzeichnis oder manuell via FTP-Upload. Nach der Aktivierung gibt es im Backend des CMS zwei Neuerungen: unter Einstellungen gibt es einen neuen Eintrag Bildquellen, in der Mediathek erscheinen bei jedem Bild zusätzliche Info-Felder für die Angabe der Quelle.

Beim Upload eines Bildes oder auch später in der Mediathek kann man nun also Angaben zur Bildquelle machen oder das Bild als sein eigenes Bild markieren. Optional kann die Bildquelle auch verlinkt werden.

Bei der Option „Das ist mein Bild.“ hat man in den Einstellungen dann auch die Möglichkeit zu entscheiden, ob diese Bilder mit dem Namen des Autors, der es hochgeladen hat, versehen werden soll, oder ob gar keine Bildquellenangabe erfolgen soll, da rechtlich wohl obsolet.

Zahlreiche Möglichkeiten der Darstellung der Bildquellen

Zur Darstellung der Bildquellen bietet das Pugin eine Reihe von Möglichkeiten. Die Quellangabe kann als Overlay an sieben verschiedenen Stellen über das Bild gelegt werden. Zusätzlich oder alternativ können die Angaben zur Urheberschaft auch unter dem Artikel aufgelistet werden. Natürlich werden hier nur diese Bilder berücksichtigt, die im Beitrag Verwendung finden.

Schade: es sind globale Settings, im Einzelfall wünscht man sich als Autor, davon abweichen zu können, was mit den Mitteln des Plugins nicht machbar ist.

Der Clou ist aber die Möglichkeit, über einen Shortcode in eine Seite oder einem Beitrag ein vollständiges Quellenverzeichnis, optional mit Miniaturansicht des jeweiligen Bildes, einzubinden. Das schaut dann beispielsweise so aus:

Permanente Überwachung der Bildquellen

Sehr nützlich ist der aktivierbare Alarm bei fehlenden Bildquellen, wenn man im Team auf einer WordPress-Installation arbeitet oder es nötig hat, sich selbst zu überwachen. Im Adminbereich wird dann permanent eine unübersehbare Warnung eingeblendet, dass es Bilder ohne Quellenangabe gibt. Man kann sogar soweit gehen, dass Bilder bzw. Änderungen an Bildern nicht gespeichert werden können, wenn keine Bildquelle angegeben ist.

Fazit

image source control ist eines der Plugins, das genau das tut, was der Herausgeber verspricht und der Anwender erwartet, und das in puncto Komfort und Usability nahezu in Perfektion. Und das alles dann auch noch kostenlos….

Anleitung auf der Homepage des Autors (die englische Version ist meist aktueller)

Plugin-Seite bei WordPress.org

Der Beitrag WordPress Plugin zur Bildquellen-Verwaltung: image source control erschien zuerst auf contentmanager.de.

Ist TYPO3 also das perfekte Allround-CMS?

Gerade in großen Unternehmen wird Open-Source-Software teilweise kritisch betrachtet, da kein Unternehmen dahintersteht, das die Verantwortung für die Weiterentwicklung trägt, sondern eine Entwickler-Community. Aber gerade durch die riesige und engagierte Community konnte sich TYPO3 zu einem derart vielfältig einsetzbaren CMS entwickeln. Der offene Quellcode erlaubt es jedem, das System an seine Bedürfnisse anzupassen. Heute gibt es kaum eine Anforderung, die sich in TYPO3 nicht umsetzen lässt.

Allerdings ist das CMS damit auch zu einem komplexen System herangewachsen, das entsprechend viel Einarbeitung erfordert. Deshalb sind Unternehmen gut beraten, sich für ein TYPO3-Projekt einen Partner zu suchen, der das CMS gut kennt und Erfahrung in der Umsetzung großer Webprojekte hat. Denn mangels Hersteller ist diese Webagentur der einzig verantwortliche Ansprechpartner. Dafür kann eine Agentur bei einem TYPO3-Projekt in der Regel schneller und individueller auf die Anforderungen eingehen als ein kommerzieller CMS-Anbieter.

zentral gepflegt und ständig aktuell

Gute Kontakte der Agentur zur Community sind ein zusätzlicher Bonus und erleichtern später die Wartung des Systems. Durchgeführte Änderungen und Bugfixes fließen dann in die Codebasis zurück und alle Anwender profitieren von einer zentral gepflegten und ständig aktuellen Softwarebasis. Im Betrieb macht sich das durch eine hohe Stabilität sowie Sicherheit und geringe Wartungskosten bemerkbar. Übernimmt zudem ein auf TYPO3 spezialisierter Rechenzentrumsdienstleister das Hosting, entsteht für den Kunden praktisch kein Administrationsaufwand.

Während TYPO3 bei der Auslieferung statischer Inhalte glänzt und dank moderner Caching-Techniken auch hohe Last gut bewältigt, ist die Performance bei massiv interaktiven Webapplikationen nicht zufriedenstellend. Diese Schwäche teilt TYPO3 mit allen CMS, die auf relationalen Datenbanken aufbauen. Um etwa Gewinnspiele mit vielen Datenbewegungen umzusetzen, ist es ratsam, diese Elemente in einer anderen Technologie zu implementieren. Diese lassen sich dann in eine bestehende TYPO3-Website integrieren. Auch Daten aus anderen Systemen wie etwa SAP können leicht über Schnittstellen oder Webservices in TYPO3 eingebunden werden.

Revisionssicherheit Fehlanzeige

Die revisionssichere Nachverfolgung von Änderungen bereitet in TYPO3 Schwierigkeiten. Banken oder andere Unternehmen, die alle Veränderungen an ihren Websiteinhalten nachvollziehen können müssen, stehen vor der Wahl, entweder einen relativ komplizierten, revisionssicheren Backup-Prozess zu implementieren oder eben ein anderes CMS einzusetzen.

Abhängig von den Redaktionsabläufen und Arbeitsweisen im Unternehmen kann es sich auch als Nachteil erweisen, dass Redakteure in TYPO3 Inhalte nur über eine Weboberfläche editieren können. Dadurch können sie zwar per Webbrowser von überall aus auf das Redaktionssystem zugreifen, aber offline editieren ist ausgeschlossen. Außerdem besteht abhängig von der Internetverbindung immer eine gewisse Latenz. Ein weiterer Nachteil der Weboberfläche ist, dass sie sich nicht in dem Maße individuell anpassen lässt, wie eine lokal installierbare Anwendung. Einzelne Arbeitsabläufe wie Freigabeprozesse lassen sich dagegen bestens in TYPO3 abbilden und ein ausgefeiltes Berechtigungssystem stellt sicher, dass Mitarbeiter nur die Bereiche verändern können, für die sie autorisiert sind.

Backend in 51 Sprachen

Insbesondere für Großunternehmen und Konzerne ist die Mehrsprachigkeit ihrer Internetauftritte, aber auch des Backends, ein wichtiges Thema. TYPO3 unterstützt von Haus aus 51 Sprachen und auch sehr viele Extensions sind in zahlreichen Sprachen verfügbar. Außerdem lassen sich viele professionelle Übersetzungsprogramme leicht in TYPO3 einbinden.

Welches nun das richtige CMS für ein geplantes Projekt ist, entscheiden am Ende immer die Anforderungen im Einzelfall. TYPO3 eignet sich für sehr viele Szenarien – von der Internetseite eines kleinen Handwerkers bis hin zum Konzernauftritt, in dem alle Fachabteilungen mit einem eigenen Portal vertreten sind – aber eben nicht für alle. Die überwiegende Mehrheit der Anforderungen lässt sich in TYPO3 sehr effizient umsetzen und wo dies nicht der Fall ist, lassen sich ergänzende Technologien leicht einbinden. Das CMS ist von Haus aus vielseitig und darüber hinaus sehr flexibel erweiterbar. Stärker als bei einem proprietären CMS entscheidet jedoch die Qualität der ausführenden Agentur darüber, wie gut ein TYPO3-Projekt gelingt.

Der Beitrag TYPO3: nicht für jedermann – aber für die allermeisten erschien zuerst auf contentmanager.de.

OpenCms ist ein Java-basierendes Open Source Web Content Management System (WCMS) für den professionellen Einsatz. Der Quellcode ist frei verfügbar, lizenzkostenfrei und durch seinen modularen Aufbau passt es sich nahezu beliebig an individuellen Anforderungen an. OpenCms wird komplett mit Java- und XML-Technologien entwickelt und ist mittlerweile zur Version 8.5.1 gereift. Es eignet sich vor allem z. B. für den Aufbau eines Intranets oder eines Internetauftritts mit hohen Anforderungen an die Content Verwaltung, Mehrsprachigkeit oder an eine große Anzahl von Redakteuren.

Die neuen Funktionen in OpenCms 8.5.1 wurden mit Unterstützung der internationalen OpenCms Community entwickelt.

Allgemeine neue Funktionen

• Strukturierte Inhalte können durch einfache XML Schemas definiert werden.
• Editoren mit WYSIWYG und Syntax Highlighting Funktionen.
• Einfach zu bedienender „Online / Offline“ Workflow.
• Alle Änderungen oder neue Seiten müssen zunächst freigegeben / veröffentlicht werden bevor sie „Online“ sind.
• Unsere „Content Relationship Engine“ (CRE) ermöglicht das Management aller Links im System.
• Durch das integrierte Linkmanagement wird die Korrektheit aller Links innerhalb einer Website gewährleistet.
• Das Umbenennen oder Verschieben von verlinkten Seiten oder ganzen Ordnern ist problemlos möglich.
• Die WebDAV-Schnittstelle ermöglicht einen direkten Zugriff auf die Dateien in OpenCms durch externe Programme.
• Integrierte Bildverarbeitung / -skalierung, mit Funktionen zur Auswahl eines Bildausschnitts.
• Bilder und weitere Inhalte werden in Galerien verwaltet, welche über eine AJAX Oberfläche verfügen.
• Alle Galerien ermöglichen die Gruppierung von Inhalten nach Kategorien oder basierend auf der Dateistruktur.
• Integrierte Volltextsuche auf Webseiten, aber auch in PDF, MS Office Dokumenten etc.
• Volltextsuche auch in nicht-veröffentlichten „Offline“ Inhalten.
• Vollständige Benutzerverwaltung inklusive Unterstützung von „Organisationseinheiten“.
• Benutzer und Gruppen können dezentral in unterschiedlichen Organisationseinheiten frei verwaltet werden.
• Die redaktionellen Zugriffsrechte werden über systeminterne Rollen definiert.
• Das Modulsystem von OpenCms ermöglicht das einfache Hinzufügen von nachträglichen Erweiterungen.
• Eine „Time Warp“ Funktion in der Workplace ermöglicht es Dateien anzuzeigen, welche noch nicht bzw. nicht mehr veröffentlicht sind.
• JSP Integration ermöglicht das einfache und standardkonforme Erstellen von Templates und anderen dynamischen Funktionen.
• Mit der Version 8.5.1
• ContentManager Inline-Editing
• SEO-Optimierung,
• Solr-Integration
• CMIS-Unterstützung

Usability

Mit OpenCms 8.5.1 hat sich die Usability wesentlich verbessert. Bestehende Seiten lassen sich im Frontend bearbeiten und mit dem bisher aus dem Backend bekannten Editor Bilder und Texte einfügen. Komfortabel ist auch die Funktion, aus dem Frontend gleich den neuen Content zu veröffentlichen. Ein echter Mehrwert für Redakteure.

Content Editor – Inline Editing

In der Version 8.5.1. wurde der Content Editor komplett überarbeitet und ist jetzt schneller und einfacher zu benutzen. Der Seiteneditor erlaubt das Erstellen und Anordnen von Inhalten auf Webseiten mit Drag & Drop. Mit dem Sitemap Editor können neue Seiten angelegt und der Navigationsbaum per Drag & Drop verändert werden.

• Der Content Editor zeigt Vorschaubilder für die ausgewählten Bilder an.
• Der Content Editor zeigt Ressource Informationen wie z.B. den Titel für ausgewählte Dateien.
• Die Geschwindigkeit des Content Editors wurde erheblich verbessert.
• Der Eigenschaften Dialog der Workplace wurde ersetzt durch den erweiterten HTML 5 Dialog des Seiteneditors.

Contentpflege

Im Folgenden ein kleiner Ausschnitt der vielen neuen Möglichkeiten, die OpenCms 8.5.1 bietet:

Der neue Inline Content Editor ermöglicht das Bearbeiten direktauf der Webseite

Aufruf formbasierter Content Editor

Der formbasierte Content Editor wurde komplett überarbeitet und ist jetzt schneller und einfacher zu benutzen

Der Seiteneditor erlaubt das Erstellen und Anordnen von Inhalten auf Webseiten…

Bearbeitungsmodus „Direct Edit“: www.demoopencms.de/demo/export/sites/default/index.html

Editierpunkt

Beim Klicken auf den Editierpunkt in der Symbolleiste kann der Bearbeiten-Modus für alle Elemente auf der Seite ein- und ausgeschaltet werden. Der Editierpunkt erscheint auf allen Elementen, die bearbeitet werden können.

Sitemap Editor Symbolleiste

Inhalt hinzufügen

Durch Anklicken von Inhalt hinzufügen öffnet sich das Dialogfenster der Galerie und zeigt eine Liste mit allen für diese Container-Seite verfügbaren Inhaltstypen.

Dieses Dialogfenster ermöglicht dem Redakteur eine neue Seite zu erstellen bzw. eine bestehende auszuwählen. Beim Erstellen einer neuen Seite fügt er einfach den gewünschten Inhaltstyp seiner Wahl per Drag & Drop in die Seite ein. Beim Hinzufügen werden die Bereiche hervorgehoben, auf denen der Inhalt platziert werden kann:

Bestehenden Inhalt suchen

Beim Klicken des Symbols Inhalte hinzufügen und der Auswahl eines oder mehrerer Inhaltstypen können vorhandene Inhalte wiederverwendet werden. Das Suchergebnis kann durch die Auswahl einzelner oder mehrerer Suchkriterien in den Tabs (Typen, Galerien, Kategorien und Erweitert) verfeinert werden. Ein Klick auf den Suchergebnisse-Tab aktualisiert die Suchergebnisliste. Diese enthält alle Inhalte, die den angegeben Suchkriterien entsprechen. Die Suchkriterien sind ODER-verknüpft.

Ein Name muss für das neue Verzeichnis (Ordner) vergeben werden. Zusätzlich wird eine Index-Seite für den Text angelegt. Bei den Ressource-Typen unterscheidet man zwischen Verzeichnis- und Datei-Typen. Unterschiedliche Ressource-Typen können das Arbeiten mit OpenCms erleichtern. Alle Ressource-Typen sind über ein individuelles Symbol erkennbar.

Verzeichnis-Typen

Datei-Typen

Mit dem WHAT YOU SEE IST WHAT YOU GET-Editor (WYSIWYG-Editor) können Inhalte gepflegt und dem Template entsprechend formatiert werden.

Dokumenttypen

In OpenCms sind Dokumententypen z. B. News, Veranstaltungen, Pressemitteilungen, Formulare. Sie werden als XML-basierte Vorlagen vordefiniert. Diese Vorlagen können mit dem Sitemap Editor (Advanced Direct Edit) gestaltet werden, d. h. Seitenelemente werden per Drag & Drop positioniert.

Wie werden z. B. auch Links, Tabellen und Bilder formatiert?

Interne und externe Links werden in Galerien verwaltet und auf Content-Seiten eingefügt und als Link markiert werden. Für das Einfügen von Tabellen sind Funktionen vorhanden. Tabellen können in beliebiger Spalten- und Zeilenanzahl eingefügt werden. Die Bearbeitung funktioniert nach gewohntem MS-Office-Prinzip. Bilder können in verschiedenen Größen genutzt und zugeschnitten werden. Die Bildgrößen können auch im Template vordefiniert werden.

Link Verwaltung

OpenCms verfügt über eine zuverlässige Linkverwaltung. Die entwickelte Content Relationship Engine hält interne Links nach dem Verschieben oder Umbenennen von Dateien oder kompletten Ordnerstrukturen im virtuellen Dateisystem von OpenCms intakt.

Wenn Inhalte gelöscht wurden, werden eventuell zerstörte Links erkannt und dem Inhaltsredakteur gemeldet. Der Veröffentlichungsdialog meldet ebenfalls Links, die zerstört sind, und zeigt alle internen Links, die ungültig werden, in einer Liste an, die man ausdrucken und bearbeiten kann.

Optional können „tote“ Links aus strukturierten Inhalten gelöscht werden, indem man den betreffenden Knoten oder eine definierbare Knotenstruktur, die den Link enthält, ungültig macht.

Gibt es eine Bilderverwaltung und welche Möglichkeiten des Content-Imports gibt es?

Bilder werden in Bildgalerien verwaltet.

Schon mit der OpenCms 8 hat sich die Usability wesentlich verbessert. Mit der neuen Version wird den Redakteuren ein echter Mehrwert geboten. Bestehende Seiten lassen sich im Frontend bearbeiten und mit dem bisher aus dem Backend bekannten Editor Bilder und Texte einfügen.

In OpenCms können gleichzeitig mehrere Bilder hochgeladen werden.

Bildformate: jpg, gif, png…

Bildbearbeitung mit der 8.5.1. Version

In der OpenCms 8.5.1 ist eine Bildbearbeitung integriert. Es können Bilder im Originalformat (z.B. von der Digitalkamera) hochgeladen werden. In OpenCms kann es auf eine beliebige Größe runterskaliert werden. Die Auswahl eines Bildausschnitts ist ebenfalls möglich. Eine automatische Skalierung von Bildern ist ebenfalls möglich. So könnte z.B. in einer Newsmeldung ein Bild immer in derselben Breite angezeigt werden.

OpenCms 8.5.1 ist mobil

Der neue Veröffentlichen-Dialog unterstützt sessionbasierte Auswahl von Inhalten wie auch das Hinzufügen bzw. Entfernen individueller Ressourcen. Die Anforderung, dass Inhalte auch mobil auf verschiedenen Endgeräten der Mitarbeiter oder Kunden zur Verfügung gestellt werden sollen, gehört mittlerweile zum Standard. OpenCms unterstützt das Bereitstellen von Inhalten auf mobile Endgeräte mit dem <cms:mobile> t

Blick in das Backend für Redakteure

Das Backend von OpenCms ist gestaltet wie ein Explorer und zeigt die Inhalte der Website an. Die linke Spalte ist für die Navigation vorgesehen. Sie zeigt die Ordner für unterschiedliche Inhaltstypen, z. B. freie Seiten, Images, Galerien oder Downloads.

Aus dieser Ansicht kann der Anwender über die Ordnerstruktur die Navigation aufbauen und bearbeiten. In den Ordnern liegen die freien Seiten, die den Webcontent beinhalten.
Weiterhin können existierende Seiten und andere Dateien bearbeitet oder neue Seiten bzw. andere Dateien erzeugt werden. Änderungen sind für die Öffentlichkeit vor der Veröffentlichung nicht sichtbar und geänderte Dateien werden in anderen Farben dargestellt. Der integrierte Sperr-/Freigabemechanismus koordiniert die Bearbeitung von Dateien in Teams.

Ab der Version OpenCms 8.5.1 können diese Aufgaben von den Redakteuren gleich aus dem Frontend bearbeitet werden.

Auf die integrierten Editoren kann man vom Kontextmenü einer Datei oder durch Verwendung der Funktion „Direct Edit“ in der Seitenvorschau zugreifen.

Mehrere Dateien können gleichzeitig mit der Taste [UMSCHALT] oder [STRG] ausgewählt werden, um Befehle wie Verschieben, Löschen oder Veröffentlichen effizient auszuführen.

Elemente der Benutzeroberfläche

Seite erstellen

Mit diesem Icon kann eine neue Seite mit Drag & Drop erstellt werden. Es kann aus drei verschiedenen Optionen ausgewählt werden: Container-Seiten, Typ-Seiten, Funktions-Seiten.

Container Seiten

Abhängig von den konfigurierten Modul Seiten, die unterstützt werden durch den Template Designer können Sie ausverschiedenen Vorlagen Seiten auswählen und stehen entsprechend Ihren Anforderungen zur Verfügung.

Model Pages

Für OpenCms 8 Templates muss mindestens eine Model-Page oder mehr Model-Seiten innerhalb des Create page Dialogs im Sitemap Editor erstellt werden. Beim Erstellen einer neuen Seite in den Verzeichnisbaum, wird die Model Page als Standard verwendet. Die bereits in der Model Page hinzugefügten Inhalte werden automatisch in alle neu erstellten Seiten übernommen. Typischerweise gestaltet und konfiguriert der Template Entwickler eine Model Page(Vorlagenseite) einmal.

Um Model Pages zu editieren, öffnen Sie die Container Seiten mit dem Icon Erstelle eine Seite. Wählen Sie die Option Editieren aus dem Context Menü einer neuen Container Seite. Sie müssen diese Operation bestätigen, da Sie vorhaben, die Vorlage für alle neuen Seiten zu editieren. Diese Bestätigung wird bereits bestehende Seiten nicht ändern. Diese Option öffnet die Vorlagenseite im Seiteneditor.

Typen-Seiten

Nicht für jede Ressource, die Inhalte hat muss eine neue Seite erstellt werden. Eine Detail-Seite ist ausreichend, um alle Inhalte eines Ressource-Typs anzuzeigen. Detail-Seiten werden verwendet, um auf Suchergebnisse, Inhalte aus Teaserboxen oder Content Collector Listen zu verlinken. Der detaillierte Inhalt wird in der Hauptspalte der Detailseite (abhängig von Template und Spalten) angezeigt und kann durch den automatisch generierten Link, welcher über den Titel Eigenschaften generiert wird, verändert werden.

Funktionsseiten

Beim Anklicken von Funktionsseite im Seite erstellen-Dialog wird eine Auswahl an Seiten für spezielle Funktionen angezeigt.

OpenCms 8.5.1. für die Suchmaschinen optimiert

OpenCms war schon in den letzten Versionen für SEO geeignet. Für jede Contentseite können Keywords, Titel h1, h2, h3 und Description vergeben werden. Die Version 8.5.1. wurde um die SEO Features automatische sitemap.xml Generierung und Seiten Alias Support erweitert.

Integration von SEO (Suchmaschinenoptimierung) Features mit automatischer sitemap.xml Generierung und Seiten Alias Support

Integration einer verbesserten Suche mit Solr

Für die Unternehmen ist es eine gute Nachricht, dass Solr in OpenCms 8.5.1 integriert ist. Hier spielen zwei ausgereifte Open Source Produkte zusammen.

Die Suche in OpenCms basiert auf dem Lucene Framework. Die Jakarta Lucene ist eine leistungsstarke, voll funktionsfähige Text-Such-Engine, geschrieben in Java. Sie ist eine Technologie, die für fast jede mögliche Anwendung verwendbar ist, die Volltextsuche erfordert, besonders eine Cross-Plattform. Lucene ist allerdings keine fertige Suchmaschine, sondern stellt Klassen und Funktionen zur Verfügung, um für beliebige Projekte eine eigene Suchmaschine zu bauen.

Lucene unterstützt standardmäßig reichhaltige Suchoptionen. Allerdings besteht auch die Möglichkeit, eine eigene Suchsyntax zu entwickeln. Für eine hochskalierbare Suche kommt die führende Open Source Software Solr als Enterprise Search Application zum Einsatz. Solr basiert auf der Lucene Java-Bibliothek und kann somit unabhängig vom Portal betrieben werden mit eigenem Search Server und REST-like API. Dies führt zu einer besseren Performance, Skalierbarkeit, Lastverteilung und Wartbarkeit von Solr.

Zu den Schnittstellen von Solr gehört beispielsweise eine HTTP-API, mit der Dokumente hinzugefügt, geändert oder gelöscht werden können. Zu den weiteren Funktionen gehören XML/HTTP und JSON APIs, Hit-High-Lighting, facettierte Suche, Caching, Replikation sowie eine Web-Administrations-Oberfläche. Im Endeffekt steht zwischen Client-Anwendung (z. B. OpenCms) und Lucene.

Der Vorteil ist, dass man dadurch die Suche vereinheitlichen kann. Man kann OpenCms an Solr anschließen und dadurch einen Suchindex erzeugen lassen, welcher Dokumente beider Systeme enthält.

Multi-Site-Management und Mehrsprachigkeit

Welche Möglichkeiten der mehrfachen Content-Verwendung gibt es (Auf Baustein- oder Artikelebene)? Standards?

Seitenelemente können an beliebigen Stellen wiederverwendet werden. z. B. News Container, Teaser.

Können mehrere Websites getrennt voneinander oder parallel verwaltet werden?

Mit OpenCms können mehrere Webseiten innerhalb einer OpenCms-Instanz verwalten werden. Interessant ist diese Funktion nicht nur für Firmen, die diverse Webseiten verwalten und auf eine zentrale Nutzerverwaltung zurückgreifen wollen, sondern auch für Webagenturen, die ihren Kunden standardisierte Präsentationen anbieten wollen. Dabei heißt „standardisiert“ nicht, dass alle Präsentationen farblich komplett gleich aussehen müssen oder den gleichen optischen Aufbau besitzen. Dies lässt sich durch geschickte Parametrisierung der Templates und Beeinflussung über Webseiten-Konfigurationsdateien steuern.
Im Ergebnis sollen die Kosten pro Neueinbindung einer Webseite erheblich gesenkt werden und dabei trotzdem der volle Funktionsumfang von OpenCms bereitstehen.

Sind Contents in unterschiedlichen Sprachvarianten möglich?

Mit OpenCms können beliebig viele Sprachen im Frontend verwaltet werden. Standards sind Deutsch, Englisch und Spanisch. Weitere sind durch Übersetzung einer Sprachdatei möglich. Es wird einfach in einer Konfigurationsdatei festgelegt, welche Sprachen vorliegen und diese stehen dem Redakteur sofort zur Verfügung. In OpenCms können unterschiedliche, inhaltlich logische Strukturen für jede Sprache gepflegt werden.

Layout

Templates – XML/XSL, HTML, XHTML…/

In OpenCms wird nach Inhalt und Layout getrennt. Templates werden auf Basis von HTML, CSS, JSP definiert.

Template-Editor

Gibt es nicht.

Automatische Generierung der Sitemap und der Navigation aus dem Content?

Nach der Definition des Sitemap-Layouts wird automatisch eine Sitemap generiert.

Sind beliebige Navigationspunkte und unabhängige Menüs möglich?

Endlose Navigationsebenen sind möglich, abhängig vom vordefinierten Template. Mehrere unabhängige Menüs innerhalb eines Templates sind möglich.

Sind Gruppen und Rollen vordefiniert und/oder frei definierbar?

In OpenCms sind neun Rollen fest implementiert. Diese Rollen können nicht aus dem System entfernt werden:

Außerdem gibt es vier vordefinierte Benutzergruppen, die ebenfalls nicht aus dem System gelöscht werden können.

Wie können Rechte definiert werden?

Rechtesystem

Ein Nutzer-/Rollen-Konzept erlaubt die Steuerung der Zugriffsrechte auf die Inhalte. So kann man z. B. festlegen, welche Bearbeiter/Redakteure in welchen Bereichen der Webseite Änderungen vornehmen können. Somit lässt sich steuern, welche Nutzer/Gruppen Inhalte vorbereiten dürfen (Redakteure) und wer diese Inhalte auch veröffentlichen darf (Chefredakteure). Diese Funktion sichert das Vier-Augen-Prinzip vor der Veröffentlichung von Inhalten. Den sogenannten Redaktionsworkflow.

Doch nicht nur auf Bearbeiter/Redakteure der Webseite lässt sich dieses Prinzip anwenden, sondern auch auf Besucher, sodass personalisierte Sichten auf die Inhalte der Webseite möglich werden. Der am System angemeldete Nutzer A sieht dann andere Inhalte als Nutzer B.
Folgende Rechte können auf JEDES Objekt der Webseite gesetzt werden (auf Wunsch werden die Rechte auf Unterobjekte vererbt)

• Lesen
• Schreiben (Ändern, Neu anlegen)
• Veröffentlichen
• Berechtigungen ändern

Schutz vor gleichzeitigem Zugriff? Sperrung von Ressourcen

Um eine Ressource bearbeiten zu können, sollte diese nicht von einem anderen Benutzer in Bearbeitung sein. Sobald Bearbeiten im Kontextmenü aufgerufen wird, wird die Ressource für andere Benutzer als gesperrt angezeigt.

Workflow

Gibt es einen Workflow-Editor?

Standard in OpenCms

OpenCms verfügt über eine rudimentäre Workflow-Funktion. Benutzer der Benutzergruppe Users dürfen Inhalte erstellen, bearbeiten und löschen. Sie dürfen diese aber nicht publizieren. Benutzer der Benutzergruppe Projectmanagers haben die gleichen Berechtigungen wie die Gruppe Users, dürfen aber zusätzlich auch noch Inhalte publizieren. Zur Unterstützung des Redaktionsprozesses kann die Workflowfunktion von OpenCms verwendet werden. Im Folgenden wird die Vorgehensweise beschrieben.

1. Nach der Bearbeitung von Inhalten klicken Sie auf das Icon Veröffentlichen.

2. Daraufhin erscheint ein Dialog, der alle Änderungen des aktuellen Benutzers anzeigt

3. In diesem Dialog ist auch eine Auswahlbox Workflow. Dort kann man auswählen, ob man seine Änderungen zur Freigabe geben will (Freigeben auswählen) oder – den Workflow umgehen – und gleich veröffentlichen möchte. Benutzer der Gruppe Users haben nur Freigeben zur Auswahl, können also selbst nicht veröffentlichen und somit auch den Workflow nicht umgehen.
4. Um den Workflow zu starten Freigeben auswählen.
5. Nun wird eine E-Mail an alle Benutzer der Gruppe Projektmanagers geschickt. Die E-Mail enthält alle Informationen über die veröffentlichten Ressourcen.

6. Klickt man auf den Link diesen Link wird man – nach erfolgreichem Login – direkt auf die Workflow-Seite weitergeleitet und die Ressourcen des aktuellen Workflows werden in dieser Liste angezeigt.

7. Mit einem Klick auf das Vorschausymbol kann man sich die zu veröffentlichenden Seiten anschauen.

8. Möchte man die Datei nicht veröffentlichen, kann man sie durch klicken der entfernen-Checkbox aus der Veröffentlichungsliste entfernen.

9. Mit einem Klick auf Veröffentlichen werden dann alle im Workflow befindlichen Ressourcen veröffentlicht.

Workflow Engine in OpenCms

jBPM ist eine klassische Workflow Engine. Die Prozessbeschreibung erfolgt in XML und wird in der Regel durch einen grafischen Editor (Eclipse-Plug-in) modelliert. Bei komplexen Content Management Projekten werden heute meist verschiedene Workflows zur Veröffentlichung von Dokumenten gefordert, typisch sind das Vier-Augen -oder Sechs-Augen-Prinzip.
Das Open Source Prozess-Framework ist für die Java 2EE Plattform mit OpenCms verbunden. Sie verknüpft Dateien aus dem Filesystem von OpenCms mit den jBPM-Prozessen. Dadurch können verschiedene Workflows einfach in OpenCms abgebildet werden. Die jBPM Workflow Engine verwendet das Look & Feel von OpenCms, sodass sich OpenCms Nutzer schnell auf der Oberfläche zurechtfinden.

Ist der Freigabezyklus vordefiniert und/oder frei definierbar?

Welche Benachrichtigungsarten gibt es?

Für den allgemeinen User bietet OpenCms: RSS-Feed, Newsletter, Kontaktformular.
Für die Redakteure: Redakteure mit Inhaltsverantwortung erhalten eine E-Mail-Nachricht, wenn Inhalte ihr Verfallsdatum erreichen. Die Funktion kann erweitert werden auf Neuerstellung von Content.

Integration des CMIS Zugangs

Viele Unternehmen wünschen sich seit Jahren eine einheitliche Lösung, die es ihnen erlaubt, Dokumente unabhängig vom System über standardisierte Technologien zu durchsuchen und zu verwenden. Es wird erwartet, dass die verschiedenen Business Applikationen zusammenarbeiten. Damit muss auch der Zugriff und die Bearbeitung von Dokumenten überall funktionieren unter Berücksichtigung der verschiedenen Dokumentenablagen im Unternehmen. Der Standard CMIS Content Management Interoperability Services zeigt den Weg.

Der CMIS Standard bringt Interoperabilität und Offenheit in die Enterprise Content Management Welt, die CMIS Solutions Plattform verbindet die beteiligten Hersteller, Partner und Endanwender, damit diese Interoperabilität auch tatsächlich funktioniert. Mit der Integration des CMID Zugangs ist OpenCms 8.5.1 auch ein Enterprise Contentmanagement System geworden.

Quelle: http://www.documanager.de/magazin/dokumenten_management_der_zukunft.html
http://www.heise.de/developer/artikel/CMIS-mit-Apache-Chemistry-ein-Praxisbeispiel-1212217.html

Technische Basis

Technische Anforderungen OpenCms 8.5.1

Technologie: 100% Java-Technologie
Betriebssystem: Windows (Versionen 2000/ME/NT/XP), Linux, Sun Solaris, HP-UX
Skriptsprachen: (HTML/XHTML/CSS…
Schnittstellen: zu Liferay über CMIS
Webserver: Apache, MS IIS
Application Server: Tomcat, Websphere, JRun
Statische/dynamische Generierung: Inhalte können sowohl statisch als auch dynamisch generiert werden.

Weitere Software für den Betrieb:
Datenbanken: Grundsätzlich sind alle JDBC-fähigen Datenbanken einsetzbar. Oracle, MySQL, PostgreSQL, MS SQL Server, IBM DB2, AS400 sowie HSQL PostgreSQL) SMTP-Server für E-Mail-Unterstützung

Funktionsumfang und Erweiterungen:

• APIs – OpenCms ist Open Source. Die API steht unter http://www.opencms.org/javadoc/core/overview-summary.html zur Verfügung.
• Welche weiteren Softwaremodule können eingebunden werden und wie?
• Können die Module individuell angepasst werden, wenn ja, wie?

Es wird unterschieden zwischen Standardfunktionen und Modulen.

Standardfunktionen OpenCms 8.5.1

• Trennung Inhalt und Layout
• Browserbasiert
• WYSIWYG-Editor
• Suchmaschinenkompatibilität durch sprechende Dateinamen
• Dokumenten-Formate: HTML, Office Produkte, PDF u. a.
• Volltextsuche Lucene
• Rechteverwaltung
• Rollenkonzept
• Mandantenfähigkeit
• Verwaltung von Organisationseinheiten
• Personalisierung
• Prüfen externer Links
• Automatisches Anpassen interner Links
• Mehrsprachigkeit
• Sicherheit SSL-Verschlüsselung
• Versionsverwaltung
• Revisionssicherheit
• Multiprojektfähigkeit
• Direktes Bearbeiten der Webseite (Direct Edit)
• Caching-Mechanismus
• Medienverwaltung in Galerien (Backend) Beispiele für Add-on-Module
• Responsive Layout

OpenCms wird ständig von einer großen Community weiterentwickelt. Somit besteht ein großer Pool von Modulen.

Der OpenCms-Modulmechanismus eröffnet eine einfache und komfortable Methode zum Bündeln und Verteilen von Templates und anderen Erweiterungen für OpenCms. Ein Modul besteht normalerweise aus einer Reihe von Templates, Bildern, Java-Klassen oder Bibliotheken und anderen Ressourcen. Sie können ein Modul auf einfache Weise in jedes OpenCms-System importieren.

Standard-Module

• Kategorien
• Telefonbuch
• Was ist neu?
• News
• Kommentare
• Kalender
• Blog
• RSS
• Newsletter
• FAQ
• Formulargenerator
• Freigabeprozess
• (4- oder 6-Augen-Workflow)
• Dokumentenverwaltung
• Sitemap
• Maven-Plug-in
• Bildergalerien

Beispiele Add-on-Module je nach IT-Dienstleister

• Ressourcenverwaltung
• Umfrage
• Forum
• Wiki
• Shop Modul
• Schwarzes Brett
• LDAP/ADS-Anbindung
• Single Sign-on
• Report-Engine
• Workflow
• XML-Import
• Datenbankmodul
• Profilmanagement
• u. a. abhängig vom OpenCms Solution Provider oder siehe: http://www.opencms.org/de/download/contributions.html

Sicherheit

Es werden weitgehende Sicherheitskonzepte unterstützt. Passwortverschlüsselung mit MD5, Redaktionssystem kann über https angesprochen werden, einzelne Seiten im Frontend können auch über https verschlüsselt werden. Dies ist im Standard OpenCms schon enthalten. Datenbankbenutzer benutzen nur Select-, Insert- und Updaterechte.

Die Datenübertragung zwischen User und Server lässt sich SSL-verschlüsseln (getrennt für Backend und Frontend). Sollte es Frontend- (z. B. Apache) und Backendserver (Tomcat, Datenbank, Cluster) geben, ist zu überlegen, inwieweit Traffic zwischen diesen Servern ebenfalls gesichert werden muss. Hier ist der Einsatz von IPSec sinnvoll, da transparent für die Anwendung.

Zugriffe von außen können über Firewall-Regeln abgefangen werden. Des Weiteren kann man unter Apache den Modsecurity als Firewall einsetzen. Die Java VM, Tomcat und OpenCms bringen jeweils eigene Sicherheitseinstellungen mit, die bei Bedarf angepasst werden können.

Vorteile/Besonderheiten

Einfache Bedienung, hohe Skalierbarkeit, Veröffentlichungsprozess nach 4-Augen-Prinzip, sehr gutes Rollen- und Rechtekonzept, geeignet für eine große Anzahl an Redakteuren, gut einzubinden in vorhandene Java-Infrastrukturen.

Nachteile

Das System eignet sich nicht für:

• Enterprise Portal
• Applikationsportal
• Portal mit Single Sign-On

Beispielwebsites

• www.comundus.com
• www.bay-gruppe.de
• www.mobile.de
• www.blusd.de

Weiterführende Links

• www.opencms-wiki.org
• www.opencms.org/de
• de.wikipedia.org/wiki/OpenCms

Der Beitrag Open CMS 8.5.1 im Überblick erschien zuerst auf contentmanager.de.

Hippo CMS ist eine leistungsfähige Software für Unternehmen, die durch Flexibilität und Innovationskraft hervorragende Kundenerfahrungen liefert. Hippo CMS ist Open Source, 100% Java und überzeugt durch seine schlanke Produktarchitektur, die auf Verfügbarkeit, Sicherheit und Leistung ausgelegt ist.

Hippo CMS für Digitale Meisterwerke

Wir bei Hippo glauben, dass digitale Technologien dazu da sind, unser Leben ein bisschen besser zu machen. Hippo setzt Maßstäbe für Unternehmen, die ihrer Zielgruppe in Echtzeit relevante Inhalte anbieten möchten, und bildet die Basis für personalisierte Kommunikation auf allen Kanälen: Mobile, Social und Web. Unsere Aufgabe ist es, Innovation zu erleichtern, damit unsere Kunden digitale Meisterwerke erschaffen können. Dazu bieten wir unseren Kunden mit Hippo CMS eine Plattform, mit der man gerne arbeitet, die leicht zu implementieren und offen für Neues ist.

Hippo hat seinen Sitz in Amsterdam (Niederlande) und Boston (USA). Hippos aktuelle Version ist Hippo CMS 7.8. Die Community Edition kann kostenfrei von der Hippo Website heruntergeladen werden. Die Enterprise Edition bietet mehr Funktionalität, vollen technischen Support und Zugang zu Hippos kommerziellen Modulen, wie dem Relevance Module für Targeting und Personalisierung. Die Enterprise Edition ist neben einem klassischen Lizenzmodell auch im SaaS Model verfügbar.

Ein Blick ins CMS Backend

Hippos Benutzeroberfläche ist vollständig Webbrowser basiert und erfordert keinerlei Installation. Die Oberfläche ist in unterschiedliche Funktionsbereiche eingeteilt und dabei auf schnörkellose Effizienz ausgelegt.

Die Verwaltung von Inhalten und Multimedia Elementen ist in Hippo unabhängig von Layout und Funktionalität. Inhalte sind über interne Suche und eine Ordnerstruktur zugänglich gemacht und werde in strukturierter Form bearbeitet und abgelegt.

Inhalte können in einer strukturierten Formularansicht oder auch direkt im Kontext eines Publizierungskanales, wie zum Beispiel hier im Rahmen der mobilen Website, bearbeitet werden. Mit Hippo CMS verwalten Content Manager Inhalte, keine Seiten. So sind Inhalte immer strukturiert und losgelöst von Formaten und Kanälen.

Diese zentrale Philosophie unterscheidet Hippo von vielen anderen Content Management Systemen und ist die Basis für Hippos herausragende Position im Bereich Multi-Channel und Personalisierung.

Viele Kanäle, eine Lösung

Hippo CMS ist ein Meister der Wiederverwendung von Inhalten. Durch die strikte Trennung von Inhalt und Layout bringt Hippo außerordentliche Effizienzgewinne im Verwalten von komplexen Online-Auftritten – besonders auf langfristige Sicht.

Mit Hippo CMS verwalten Unternehmen neben mehreren Webseiten auch Facebook Seiten, mobile Webseiten, Newsletter, Inhalte für Smartphone und Tablet Applikationen sowie Whitelabel Seiten oder Inhalte für Partner und Affiliates.

Neue „Kanäle“ sind einfach konfigurierbar, so dass Unternehmen ihre ureigenes digitales Geschäft in Hippo als Kanäle abbilden kann – z.B. durch Messe-Auftritte oder Händler Seiten.

Editoren können in der Detailansicht Inhalte und Templates direkt im Kontext einer Vorschau verändern und Widgets in die Seitenvorlagen im jeweiligen Kanalkontext einbinden. Diese Widgets sind beliebig erweiterbar um unternehmensspezifische Funktionalitäten und Anwendungen abzubilden.

Hippo unterstützt alle mobilen Technologien – sei es HTML5 Support für mobile Webseiten oder Native Application Development für mobile und Tablet Apps. Dabei gibt Hippo CMS Editoren die Möglichkeit, die Struktur und das Layout von mobilen Kanälen unabhängig von den Web-Auftritten zu verwalten. Das macht Hippo CMS ideal geeignet um mobile Erlebnisse zu erschaffen, die nicht (nur) das Endgerät, sondern den Endkunden unterwegs in den Mittelpunkt stellen.

Hippo CMS kann darüber hinaus Inhalte an Partner, Drittanbieter und externe Applikationen über JCR oder REST Schnittstellen ausliefern, die zum etablierten Industriestandard gehören. Dies ist besonders interessant für Unternehmen mit Händler- oder Affiliate-Netzwerken oder solche Organisationen, die Desktop-Applikationen oder POS und Kiosks mit dynamischen Inhalten beliefern möchten.

Personalisierung und Targeting

Hippo CMS erlaubt Endanwendern das Personalisieren und Targeting von Inhalten in Web, mobilen und sozialen Kanälen für relevantere Kundenerlebnisse, die auf Zielgruppen abgestimmt sind.

Um als CMS Benutzer nachvollziehen zu können, wie sich ein personalisierter Kanal für einen Endkunden darstellt, stellt Hippo CMS in der Vorschau die sogenannte Alter Ego Ansicht zur Verfügung. Hier können CMS Benutzer Charakteristiken von Endkunden emulieren und so ihre Websites oder mobilen Kanäle aus der Sicht eines Besuchers erleben.

Anonyme Besucher können mit Hippo CMS auf Kriterien wie zum Beispiel Standort, Tag, Zeitraum, Suchwort und verweisende Website durch Seitenfunktionen und Inhalte gezielt angesprochen werden.

Hippo CMS erlaubt weiterhin das Personalisieren basierend auf Besucherverhalten. Dies beinhaltet Kriterien wie Interessen, welche Seiten oder Inhalte ein Benutzer gesehen hat, ob bestimmte Handlungen wie Formulareingaben abgebrochen wurden, wie lange ein Benutzer auf einer Website verweilt, wie oft ein Benutzer zurückgekehrt ist und vieles mehr.

Hippos Targeting Mechanismus ist darüber hinaus um externe Datenpunkte erweiterbar zu. So greifen Unternehmen für Targeting auch auf bestehende Kundendaten zurück, wie CRM oder ERP und Warenwirtschafts-Systeme.

Hippo bringt bestehende CMS unter ein Dach

Hippo verfügt über eine Reihe von Schnittstellen zum Import und Inhalten sowie zur Syndikation von externen Inhalts-Quellen. So kann das System Inhalte aus einer Vielzahl andere CMS Repositorys und Datenbanken in Hippo CMS zusammenführen.

Das bedeutet, Kunden können Hippo gezielt zum Verwalten von mobilen, sozialen oder Zielgruppen-spezifischen Kanälen nutzen ohne ein bestehendes WCMS von vorne herein ersetzen zu müssen.

Technische Basis

Hippo CMS ist eine Open Source Web Content Management Plattform, die auf Java basiert. Hippo ist konsequent auf moderner Web Architektur, offenen Standards und Open Source Modulen aufgebaut.

So ist das System einfach zu integrieren und zeichnet sich durch großartige Skalierbarkeit und Performance aus. Alle Schichten der Hippo Produktarchitektur sind durch offene Java APIs, REST oder JCR Schnittstellen zugänglich. Als Open Source CMS können zudem alle Aspekte von Hippo CMS beliebig erweitert werden.

Hippos Delivery Tier ist abgekoppelt und physikalisch unabhängig von Hippos CMS Umgebung. Das bedeutet dass sie unabhängig skaliert und geclustert werden kann – sowohl vor Ort als auch in Cloud Umgebungen.

Hippo CMS Produkt Architektur im Detail

Delivery Tier

Die Hippo „Delivery Tier“ (also die Auslieferungsschicht) stellt Tools für die agile Entwicklung von Websites und weiteren Kanälen wie REST Schnittstellen und RSS Feeds.

Die Delivery Tier stellt Funktionalität zur Erstellung von Page Templates zu Verfügung, die später von Webmastern oder Editoren in der CMS Oberfläche angepasst werden können. Die Template Engine beinhaltet eine Tag Library und Expression Language für das Entwickeln View Layern (MVC), die auf JSP oder Freemarker basieren.

Die Hippo Delivery Tier enthält darüber hinaus Hippos Caching Funktionalität und Page Diagnose Tools, die hervorragende Performance sicherstellen.

Hippo Repository

Der Mittelpunkt von Hippo CMS ist das Hippo Repository. Alle Inhalten, Metadaten und Konfigurationen werden in dieser zentralen Komponente abgelegt. Das Repository ist nicht nur Datenspeicher sondern liefert auch die grundlegenden CMS Dienste, wie Taxonomie-Steuerung, Workflow Engine, Prozesssteuerung und Ablaufplanung, Transformationen und Aggregieren und deren Steuerung.

Das Hippo Repository basiert auf Apache JackRabbit, einer open source Implementierung der JSR-170 und JSR-283 Java Spezifikationen. Alle Inhalte und CMS Funktionalität sind werden durch standardisierte API Schnittstellen bereitgestellt. Das erlaubt externen Applikationen und Prozessen die einfache Integration mit Hippo für automatische Erstellung, Import, Export und Publizierung unabhängig von der CMS Benutzeroberfläche.

Hippo CMS Benutzeroberfläche

Die Hippo CMS Benutzeroberfläche ist eine Browser basierende Web Applikation, durch die Endbenutzer Inhalte erstellen und Verwalten.

Abhängig von der Rolle eines Benutzers, können bestimmte Funktionalitäten und Inhalte unzugänglich gemacht oder nur im lesenden Zugriff bereitgestellt werden. Die Rechteverteilung erfolgt durch eine zentralisierte Zugriffs- und Workflowverwaltung.

Hippos Benutzeroberfläche ist erweiterbar durch eine GUI Plugin Architektur, die auf dem Apache Wicket Web Application Framework beruht.

Hippo ist besonders geeignet für…

Hippo bietet Unternehmen eine Reihe von Vorteilen, besonders hervorzuheben sind:

Multi-Channel Stärken. Die strikte Trennung von Inhalt und Layout macht es ungewöhnlich einfach mit Hippo neben Webpräsenzen auch mobile Websites, mobile Apps, Tablet Apps, Intranets und Extranets, Facebook Seiten, Newsletter Erstellung und externe Kanäle wie Partnersites, Applikationen und POS Kiosks zu bedienen.

Innovation ohne Grenzen. Hippos Philosophie der offenen Standards und Schnittstellen macht Hippo zu einem Spitzenspieler in bestehenden IT Umgebungen für Integration und Entwicklung. Wo andere Systeme nach der ersten Implementation schwerfällig werden und Änderungen aufwendig und fehleranfällig sind, bleibt Hippo dauerhaft schnell und flexibel für kontinuierliche Weiterentwicklung.

Targeting und Personalisierung. Mit Hippo bleiben Unternehmen am Puls der Zeit. So unterstützt Hippo modernste Targeting Technologien ohne dabei kompliziert und akademisch zu werden. So können Unternehmen mit einfachen Mitteln relevantere Kundenerlebnisse zu einem echten Wettbewerbsvorteil gestalten.

Anwendungsgebiete, von denen Hippo Abstand nimmt…

Hippo CMS ist als Plattform ein ausgesprochen flexibles CMS das sich für eine Vielzahl von unterschiedlichen Anwendungsbereichen einsetzen lässt. Hippo nimmt jedoch Abstand von: Einzelne, inhaltsarme, statische Webseiten. Unternehmen, die ihren Internetauftritt als statische Broschüre mit wenig Inhalt oder Aktualisierungen sehen und nicht mehrere Sprachen, Kanäle oder Zielgruppen bedienen wollen, könnten dies zwar mit Hippo realisieren, würden aber viele Vorteile von Hippo nicht erleben.

Java-Hasser. Da führt kein Weg dran vorbei – Hippo ist ein Java System und wer Java jasst, wird mit Hippo nicht glücklich. Zwar können Inhalte Technologie-unabhängig in jedes beliebige Frontend, also auch .NET, PHP oder proprietäre Applikationen, über REST und JCR Schnittstellen ausgeliefert werden, doch ganz ohne Java kommt keine Implementierung aus.

Kollaborative Intranets. Viele Hippo Kunden unterstützen ihre Intranets mit Hippo Inhalten und sehen das Intranet als einen von vielen Kanälen, die Hippo mit Inhalten beliefert. Gerade internationale Unternehmen profitieren hier von Hippos Stärken im Verwalten und Publizieren mehrsprachiger Inhalte. Für Intranets, die auf Zusammenarbeit und Dokumentenverwaltung ausgerichtet sind, empfiehlt Hippo das Hinzuziehen eines dedizierten Portals.

Wo und wie gibt’s Hippo?

Die Hippo Community Edition kann kostenfrei von der Hippo Website heruntergeladen werden und eignet sich für den Einsatz in kleineren Projekten und zur Evaluierung der grundlegenden Systemkomponenten.

Für Unternehmen stellt Hippo eine Enterprise Edition zur Verfügung, die neben vollen technischen Support auch mehr Funktionalität zum Betreiben von dynamischen und personalisierten digitalen Auftritten, Reporting, Wartungstools und Integrationsoptionen zu externen Systemen beinhaltet.

Hippo Versionsübersicht

 Darüber hinaus bietet Hippo onDemand das CMS auch in einer Software as a Service (SaaS) Lösung an, bei der Kunden innerhalb weniger Werktage eine vollwertige CMS Umgebung zur Verfügung haben, ohne sich um Hardware Bestellungen und Software Installation sorgen zu müssen.

Beispielwebsites und weiterführende Links

Einige Beispiele der Websites, die Hippo nutzen

1.       Disneyworld http://disneyworld.disney.go.com/

2.      Der Architekt http://www.dearchitect.nl , ein niederländisches Magazin

3.      Die Universität von Amsterdam http://www.uva.nl

4.      Die Botschaft des Königreichs der Niederlande http://deutschland.nlbotschaft.org/ stellvertretend für alle internationalen Vertretungen der Niederlande

Weiterführende Information zu Hippo

1.       Hippo Website http://www.onehippo.com/de

2.      Hippo Entwickler Community Website http://www.onehippo.org (auf Englisch)

3.      Hippo Community Version Produktdownload http://www.onehippo.com/en/resources/downloads

4.      Hippo Google Groups Community http://www.onehippo.com/groups

5.      Hippo on Stackoverflow  http://www.onehippo.com/stack

6.      Bevorzugte Hippo Partner in Deutschland:

a.      Satzmedia in Hamburg http://www.satzmedia.de

b.      Netpioneer in Berlin und Karlsruhe http://www.netpioneer.de

c.       xmachina im Raum Heidelberg http://www.xmachina.de

Der Beitrag HIPPO CMS im Detail erschien zuerst auf contentmanager.de.

Die Suche nach dem besten Content Management System hat ein ganz einfaches Ergebnis: es gibt keines. Die eigentliche Frage muss nämlich ganz anders lauten: „Was ist das beste CMS für den geplanten Einsatzbereich?“ bzw. „Was ist das beste CMS für mich und meine Fähigkeiten?“ MODX ist ein Open Source Content Management Framework für professionelle Webdesigner und Developer.

Content Management System + Framework = MODX

MODX Revolution ist Open Source auf PHP Basis und für kleine bis große Websites gleichermaßen geeignet, also von der Web-Visitenkarte bis hin zur internationalen Firmenseite. Die Installation und Umsetzung verläuft dabei so zügig, dass man mit MODX eigentlich immer schneller ist, als mit handgeschriebenem Code. Und damit wird die Zielgruppe von MODX deutlich: MODX ist ein Tool für professionelle Webdesigner und -Developer. MODX Revolution (im Folgenden nur „MODX“ genannt) ist der Nachfolger von „MODX Evolution“ und eine Mischung aus CMS und CMF – aus „Content Management System“ und „Content Management Framework“ – also eine „Content Application Plattform„.

Für wen ist MODX geeignet?

Die Frage müsste eigentlich lauten: „Wer ist für MODX geeignet?“ Die größte Hürde, die man bei MODX nehmen muss, ist man selbst: MODX ist kein System für Website-Laien. Das Teil ist amtlich und für professionelle User. Kenntnisse in HTML und CSS sind daher absolut erforderlich. MODX verwaltet Content und liefert ein Markup, das bis ins Details festgelegt werden kann – und auch muss. Nach der erfolgreichen Installation liefert MODX eine leere weiße Seite aus, mit minimalem HTML Quellcode. So fängt jedes MODX Projekt an.

Der Slogan von MODX lautet: „Creative Freedom.“ MODX macht alles das, was man ihm sagt. Anders ausgedrückt: MODX gehorcht auf’s Wort, nimmt einem die Arbeit ab und steht nicht im Weg.

MODX für End-Benutzer

Für den End-Benutzer ist MODX ein System zur Veröffentlichung von Content im Web – in jeder gewünschten Art, Form oder Darstellungsweise. Es bietet ein anpassbares Backend, das von einfach bis komplex reichen kann: Der MODX Manager. Vom Blog bis hin zu voll skalierenden Web-Präsenz – das Admin-Interface bleibt einfach und bedienerfreundlich: „Drag’n’Drop“, manuelles und zeitlich gesteuertes Veröffentlichen, Asset-Verwaltung etc.

Der MODX Manager

MODX hilft beim Organisieren und Strukturieren des Contents im Dokumentenbaum und macht damit eine Optimierung für Suchmaschine zum Kinderspiel. MODX ist vollständig „Friendly URL“ kompatibel und erzeugt URLs wie „meine-website.de/wie/ich/sie/will.html“ von Haus aus.

MODX für Web-Designer

Für Web-Designer bietet MODX die vollständige Freiheit und Kontrolle über den HTML-, CSS-, JavaScript-, XML- oder „Was-auch-immer-Code“ – und das dank UTF8 für beliebige Sprachen. MODX generiert nicht eine eigene Zeile Code ohne dass man diese nicht selbst geschrieben hat. Es gibt keinen Kampf mit dem System und den eigenen Vorstellungen.

MODX bietet ein hochflexibles Templating-System und erlaubt das Ablegen von Dateien in einer beliebigen Ordner-Struktur es holt sie dort ab, wo man sie haben möchte.

MODX für Developer

Als Developer kennt man das: Viele Content Management Systeme sehen nett aus, sind aber „unter der Haube“ zusammengeschraubt und ein Mischmasch aus unzusammenhängenden Code-Schnipseln. Das macht das Arbeiten ineffektiv und anstrengend.

PHP Frameworks bieten hingegen oft viel Power, aber es fehlt ihnen ein User-Interface, mit dem die Kunden diese Power auch bedienen können. MODX Revolution verbindet die Leistungsfähigkeit eines Frameworks (CMF) mit dem Userinterface eines CMS und vereinigt so das Beste aus beiden Welten.

MODX bietet eine flexible, starke und robuste API, die auf OOP Prinzipien aufbaut und benutzt mit xPDO ein PDO-basiertes Object Relational Model (ORM). Erweiterungen der Basisfunktionen sind damit schnell erstellt und mit „Custom Manager Pages“ können ganze Applikationen auch innerhalb des MODX Backends laufen.

Frontend vs. Backend

Der oft an MODX geäußerte Kritikpunkt „Es gibt ja kein XYZ-Modul für MODX“ ist richtig, wenn man mit XYZ Dinge wie „Lightbox“, „Content Slider“, „Accordeon Menu“, „Video Player“ und sonstigen Frontend-Code meint.

MODX liefert das Markup für die Lightbox der Wahl, nicht die Lightbox selbst. MODX liefert die Strukturen, mit denen der Content so aufbereitet wird, dass der Slider des Vertrauens damit arbeiten kann.

Falls man etwas Frondend-Magic braucht, so realisiert man das in MODX kurzerhand selbst. Beispiel gefällig? Ein universeller Player für YouTube Videos. Die speziellen MODX Begrifflichkeiten wie „Chunk“ oder „Tags“ werden später noch ausführlich erklärt.

1. HTML-Quelltext für YouTube Player besorgen
   Dazu ruft man ein beliebiges Video auf YouTube auf und klickt auf den Button „Einbetten“, woraufhin folgender HTML-Code angezeigt wird:<iframe width="640" height="360"
   src="http://www.youtube.com/embed/8L8UCfxmtSw" frameborder="0"
   allowfullscreen></iframe>
2. Erstellung eines MODX Chunks
   Den HTML-Code kopiert man mit Copy’n’Paste in den Chunk „meinYouTubePlayer“ und verändert ihn folgendermaßen:<iframe width="640" height="360"
   src="http://www.youtube.com/embed/[[+youtubeID]]" frameborder="0"
   allowfullscreen></iframe>
3. Player einsetzen und fertig
   An der Stelle der Website, wo das Video angespielt werden soll, wir folgender MODX Chunk-Tag eingefügt:[[$meinYouTubePlayer? &youtubeID=`8L8UCfxmtSw`]]

Das kann mitten im Text sein oder an einer beliebigen anderen Stelle. Wenn der Chunk mit einer anderen YouTube-ID aufgerufen wird, dann wird eben das andere Video abgespielt. Die YouTube-ID könnte in einer Template Variablen gespeichert werden, sodass für jeden Artikel ein entsprechendes YouTube-Video abgespielt wird. Mit dieser Arbeitsweise lassen sich in MODX alle möglichen Frontend-Funktionalitäten einsetzen, ohne das ein Programmierer extra Hand anlegen muss! Auch Twitter „Bootstrap“, Zurb „Foundation“ oder irgend ein anderes Framework lassen sich problemlos einbinden.

Technische Voraussetzungen

Um es abzukürzen: MODX läuft eigentlich bei allen Web-Hostern, die PHP und MySQL anbieten – also praktisch überall.

• Technische Basis: PHP
• Datenbanken: MySQL (auch MS-SQL )
• Plattformen (Client/Server): browserbasiert (Win, Mac, Linux etc.)
• Web- und Applikationsserver: Apache 2.2.x, IIS 7.0, nginx 1.2.x

Wer’s ganz genau wissen will oder muss, kann sich hier die Details anschauen.

Installation

Kurz: ein Kinderspiel. Die aktuellste Fassung von MODX Revolution gibt es unter modx.com als ZIP-Archiv. Dieses entpackt man entweder direkt auf dem Server oder überträgt die Dateien einzeln per ftp. Das Setup wir durch ein Anhängen von „/setup/“ an den Domainnamen aufgerufen: Angaben zur Installationsart (Neu oder Update) machen, gewünschten Sprachversion wählen (kann später geändert werden) und Angaben zur Datenbankverbindung machen. Fertig.

MODX Revolution läuft. Danach kann man sich direkt ins Backend einloggen, in den „MODX Manager“.

MODX Manager

Der „MODX Manager“ ist das Backend von MODX und wird durch Anhängen von „/manager/“ an den Domainnamen aufgerufen. Aber, und das sollte man schon jetzt wissen: Der Manager ist nicht MODX! Der Manger ist nur eine „Website“, mit der MODX Revolution bedient wird. Er ist eine von vielen möglichen Schnittstelle zwischen dem MODX Framework und dem User. Wer möchte, kann sich auch seine eigene Verwaltungsoberfläche für MODX bauen.

Im Weiteren werden aber „MODX Revolution“ bzw „MODX“ und „MODX Manager“ synonym verwendet – denn der MODX Manager ist quasi der sichtbare Teil von MODX Revolution. Im oberen Teil befindet sich das Hauptmenü mit den Funktionsbereichen. Links befindet sich der Dokumentenbaum (Resources), die Liste der Elemente (Elements) und die Ansicht auf Dateienstruktur (Files). Rechts befindet sich der Hauptbereich, wo die eigentliche Arbeit erledigt wird.

Package Management

MODX Revolution verfügt über ein integriertes Package Management mit dem Erweiterungen aller Art heruntergeladen und installiert werden können. Diese Transport Packages können Snippets, Chunks, Plugins, Komponenten, Manager Templates etc. enthalten. Was das alles genau ist kommt später.

MODX Package Management

Die wichtigsten Packages sind „wayfinder“ zur Menüerstellung, „getResources“ zur Zusammensetzung beliebiger Inhalte und „TinyMCE“ als WYSIWYG-Editor. Weitere nützliche Packages sind „FormIt“ für Formulare aller Art, „Articles“ für Blogs, „Discuss“ für Foren, „CodeMirror“ oder „Ace“ für’s einfachere Coden und „MIGX“ für komplexe Datenstrukturen.

User- und Rechteverwaltung

Das Sicherheitssystem von MODX basiert auf dem Attribute-Based Access Control (ABAC) Ansatz. Jeder User ist z.B. ein Object, das einer oder mehreren User Groups zugeordnet ist und das über Access Control Lists (ACLs) in verschiedenen Situation verschiedene Rechte besitzt. Auf diese Weise können die Möglichkeiten eines MODX Users sehr granular eingestellt werden. Für den Anfang muss man sich hierüber aber (zum Glück) noch keine Gedanken machen.

Usern können eigene System Settings (siehe entsprechendes Kapitel) haben und damit Standard-Parameter überschreiben, z.B. „tree_root_id“ um spezielle „Zweige“ des Dokumentenbaumes aufzublenden oder „manager_language“ um eine andere Sprache im Manager zu verwenden.

Media Management / Media Sources

Die Verwaltung von Dateien erfolgt über den Reiter „Files“. Hier können Verzeichnisse angelegt und Dateien hochgeladen werden. In Verbindung mit „Media Sources“ lassen sich Zugriffe auf verschieden Speicherorte anlegen, Abkürzungen sozusagen, Damit können User auf bestimmte Verzeichnisse eingeschränkt werden.

Tags

Damit MODX zwischen statischem Code und dynamischem Content unterscheiden kann gibt es eine Tag-Syntax, die von einem sehr leistungsfähigen Parser analysiert und interpretiert wird. Das funktioniert so wie bei einem Serienbrief: Ein Teil ist immer gleich und der veränderliche Teil wird von Tags vertreten. Diese sehen in MODX so aus: [[tokenIdentifier]].

Hier eine Übersicht der MODX Tags für Funktionalitäten, die wir im weiteren Stück für Stück vorstellen:

Diese Tags können an nahezu allen Stellen verwendet werden: im Text, in Feldern und das auch noch verschachtelt: [[~[[++site_start]]]] erzeugt einen Link auf das Dokument (also dessen ID), welches als Startseite festgelegt wurde. Auf den ersten Blick vielleicht etwas verwirrend, aber damit lassen sich komplexe Dinge im Handumdrehen realisieren.

Im Folgenden müssen wir etwas vor und zurück springen, da sich viele der Tags in anderen Elementen aufrufen lassen. Dadurch wird ein linearer Erklärungsstrang unmöglich. Sorry, aber mit großer Flexibilität geht auch ein größeres Maß an Komplexität einher.

 Resource

Im Prinzip sind Resourcen – einfach ausgedrückt – Seiten. Es gibt verschiedene Arten von Resourcen, wie z.B. Dokumente, Weblinks, Symlinks, Dateien oder was auch immer. Im Normalfall hat man es aber mit Dokumenten zu tun. Resources werden in einer Baumstruktur organisiert. Dieser Baum kann als „Sitemap“ der Website aufgefasst werden.

Jede Resource besitzt eine eindeutige ID. Mit dieser ist sie systemweit ansprechbar, z.B. für Links. Dabei braucht man sich keine Gedanken um die URL oder den Resource-Typ zu machen – darum kümmert sich MODX. Resourcen bestehen aus Felder wie „Pagetitle“, „Alias“, „Content“ etc.

Was genau in Resourcen gespeichert wird hängt vom Content-Typ ab. Es kann Richtext/HTML sein, aber auch Javascript, RSS, JSON, SVG, XML oder einfach nur Text. Je nach Typ wird der HTML-Header einer Resource automatisch gesetzt. Somit kann MODX z.B. auch als CMS für die XML-Inhalte einer Flash-Anwendung benutzt werden.

Templates

Jeder Resource wird ein Template zugeordnet. Dieses Template gibt die Form vor, in der die Resource dargestellt wird. Im Regelfall besteht ein Template aus Header, Footer, Menüs, dem Content etc.

Template Variables

Jede Resource hat einen vorgegebenen Satz an Felder. Benötigt man weitere Felder (Custom Fields), so können diese über „Template Variablen“ (TV) realisiert werden. Diese sind einem Template zugeordnet und damit auch für die Resourcen verfügbar, die das Template verwenden.

Als bildliche Analogie kann man sich die Felder einer Resource und die Template Variablen als einen Setzkasten vorstellen: Die einzelnen Elemente des Content kommen in separate Fächer und diese Fächer können dann an beliebiger Stelle und in beliebiger Kombination flexibel ausgegeben werden, z.B. <div>[[*sidebox]]</div>.

Ein Beispiel aus der Praxis: Eine Resource soll über ein weiteres Content Feld für eine Randspalte verfügen. Also wird eine Template Variable „sidebox“ vom Typ „Rich Text“ angelegt und diese dem Template zugeordnet. Damit verfügt die Resource nun über ein weiteres Feld, in das der Inhalt für eine Randspalte eingegeben werden kann. Aber warum kann man den Inhalt der Randspalte nicht einfach mit in das Content-Feld eingeben und mit einem DIV versehen? Das geht doch auch? Ja, aber dann vermischen wir Inhalt und Struktur – und werden unflexibel.

Ein Beispiel zur Content-Aggregation mit „getResources“ findet sich im Kapitel „Snippets“.

Es gibt eine ganze Reihe von TV-Typen: Text, Rich Text, Check Box, Radio Buttons, DropDown List, Date, URL/Email, File/Image, Resource List, Tag/Auto-Tag etc. Für ganz spezielle Anwendungsbereiche gibt es nachladbare „Custom TVs“, z.B. für „GoogleMaps“ oder komplexe TV Konstrukte mit „MIGX“. Eine TV kann dabei mehren Template zugeordnet werden.

Über sogenannte „Bindings“ können TVs mit allen möglichen Datenquellen verbunden werden. Zu abstrakt? Hier ein Beispiel: eine DropDown Liste kann mit einer SQL Abfrage verknüpft werden und so eine Auswahl aus den Ergebnisse anbieten.

Chunks

Ein Chunk ist – auf den ersten Blick – einfach nur ein Code-Stücke, das mehrfach verwendet werden kann, z.B. der HEAD-Bereich für mehrere Templates: [[$myHeaderChunk]]. Im Prinzip vergleichbar mit einem Textbaustein. Chunks selbst dürfen keinen PHP Code enthalten, können aber „Snippets“ mit [[SnippetName]] einbinden – und diese beinhalten dann den PHP-Code. Aber Chunks können noch mehr.

Placeholders, Properties and Property Sets

Damit Chunks dynamisch werden, können in ihnen Systemeinstellungen, Platzhalter (Placeholders) und, wie bereits erwähnt, Snippets verwendet werden.

Mittels <title>[[++site_name]]</title> kann z.B. der in den Systemeinstellungen hinterlegte Name der Website eingesetzt werden.

Mit Placeholders können an Chunks übergebene Parameter verarbeitet werden, wie im Beispiel am Anfang dieses Artikel gezeigt. Für den Fall, dass der Chunk versehentlich ohne Parameter aufgerufen wird, kann einem „Placeholder“ eine „Property“ zugewiesen werden, also eine Voreinstellung, die nur bei Bedarf überschrieben wird. Mehrerer Properties können in „Property Sets“ zusammengefasst werden. Im Fall unseres YouTube-Players vom Anfang, beispielsweise Angaben zu Höhe und Breite des iframes. Damit das ganze noch flexibler wird können Chunks mit einem oder mehreren Property Set verbunden werden. Klingt verwirrend, ist es auch, aber extrem praktisch:

[[$youtube@size480? &video=`qnydFmqHuVo`]]
[[$youtube@size640? &video=`qnydFmqHuVo`]]

Na, klingelt’s? Einfacher und flexibler geht’s nicht!

Output Filter

Manchmal müssen gespeicherte Inhalte vor der Ausgabe modifiziert werden. Wie würde man z.B. auf den Fall reagieren, dass eine Resource zwar ein Feld für ein Zusatztitel enthält, dieses aber leer ist? Hier helfen „Output Filter“ und „Chaining“ weiter: [[*longtitle:empty=`k.A.`]] bedeutet „Wenn die TV „longtitle“ leer ist, dann gebe „k.A.“ aus“.

Mit „Conditional Filters“ werden komplexere Abfragen möglich, z.B.:
[[+numbooks:lt=`5`:then=`Weniger als 5 Stück`:else=`OK, 5 und mehr. `]]

Eigene Filter lassen sich mit Snippets in PHP programmieren.

Grundsätzlich kann man alle MODX-Tags durch Output-Filter verändern, also auch Chunks, Snippets, Lexicon Einträge etc. – auch wenn Parameter übergeben werden! Im folgenden Beispiel wird ein Lexicon Eintrag auf 66 Zeichen eingekürzt:
[[%about_msg:ellipsis=`66`? &language=`de` &namespace=`core` &topic=`about`]]

Snippets

Bis hierhin sind wir beim Einsatz von MODX völlig ohne PHP-Code ausgekommen. Für viele Projekte reicht das aus. Vorgefertigte Snippets, wie beispielsweise „getResources“ zur Content-Aggregation oder „wayfinder“ zum Bau von Menüs, lassen sich über das Package Management installieren. Der Einsatz erfolgt mit Hilfe der MODX Tag-Syntax, z.B.:

[[getResources? &parents=`15` &depth=`3` &tpl=`outputTpl`]]

Das bedeutet übersetzt: „Übergebe die Resourcen unterhalb der Resource mit der ID 15 an den Chunk „outputTpl“ und zwar bis zu 3 Ebenen tief.“ Im Chunk „outputTpl“ wird über Placeholder gesteuert, was dargestellt wird und was nicht:

<h1>[[+pagetitle]]</h1>
[[+content]]

Für solche Sachen braucht man also kein PHP. Für andere schon. Eigene Snippets sind schnell in PHP programmiert. Für den Einstieg sind eigene „Output Filter“ ein guter Start.

return substr ($input , 0, 50) . " &hellip;";

Aufgerufen wird das Snippet z.B. mit [[*pagetitle:shorten50]]

Mit „Snippets“ kann MODX um zusätzliche Funktionen erweitert werden, da diese auf die komplette API von MODX zugreifen können. Damit betritt man ein völlig neues Universum an Möglichkeiten. Aber das führt hier zu weit. Leider.

Plugins

Plugins sind PHP-Skripte, die an bestimmte Events gekoppelt werden. Denn immer wenn MODX etwas macht, wird ein Event erzeugt. Man kann mit Plugins alle Funktionen von MODX um eigene Bestandteile erweitern – und das ohne im Core herumzubasteln. Ein paar Beispiele für Events sind „OnInitCulture“, „OnChunkSave“, „OnWebPagePrerender“. Oder anders ausgedrückt: Plugin sind Snippets, die bei bestimmten MODX Ereignissen automatisch ausgeführt werden.

System Settings

Hier kann MODX in allen Details konfiguriert werden. Und man kann viel konfigurieren, sehr viel.

Contexts

Mit Contexts lassen sich MODX Installationen aufteilen und mit eigenen System Settings versehen. Damit lassen sich mehre Domains gleichzeitig verwalten, Sprachversionen organisieren, Landing Pages einrichten etc.

Lexicon Management / Namespaces

Im MODX Lexikon lassen sich, wie man es auch vermuten würde, sprachspezifische Einstellungen hinterlegen. Alle Menüpunkte des Managers sind hier abgelegt und können nach belieben abgewandelt werden. Auch andere Erweiterungen von MODX legen hier ihre sprachlichen Varianten ab.

Der spannende Teil ist aber, dass sich das Lexikon auch für eigene Websites nutzen lässt. Dazu legt man lediglich einen neuen Namespace an, also einen eigenen Bereich innerhalb des Lexikons, z.B. „meine-website.de“, in dem sich nun Übersetzungen in allen erforderlichen Sprachen speichern lassen. Namespaces können noch in thematisch Bereiche unterteilt werden, den sog. „Topics“.

Beispiel: Ein Kontakt-Formular soll, je nach gewählter Sprache, anders beschriftet sein. Das Formular selbst ist in einem Chunk gespeichert. Um jetzt nicht für jede Sprache einen eigenen Chunk anlegen zu müssen, werden die Bezeichner der Felder über das Lexikon verwaltet. Statt „Postleitzahl“ schreibt man [[%plz? &namespace=`meine-website.de`]] und hinterlegt im Lexikon nun plz=“Postleitzahl“ für „Deutsch“, plz=“Zip code“ für „Englisch“ und plz=“Code postal“ für „Französisch“. Der komplexere Aufruf sähe beispielweise so aus:

[[%plz? &language=`de` &namespace=`meine-website.de` &topic=`contact`]]

Im Lexikon lassen sich auch Zahlen oder ganze Code-Fragmente speichern, also alles, was aus Text besteht.

Dokumentation und Community

Allgemeine Informationen zu MODX Revolution finden sich auf der Homepage MODX LLC., der Firma hinter MODX: modx.com. Die weitergehende Dokumentation hört auf den Namen „RTFM“ und ist unter rtfm.modx.com verfügbar.

Darüber hinaus hat MODX eine sehr hilfsbereite und kompetente Community, die auch Neulingen gegenüber nicht überheblich ist, sondern unterstützt: Auf www.modxcms.de , bei Twitter unter „@MODX_DE“ bzw. „#MODX“ und über Facebook.

Zum Schluss noch ein paar Beispielwebsites:

• www.complex.com
• pearldrum.com
• www.delldesignlibrary.com

Der Beitrag Flexibles Content Management mit MODX erschien zuerst auf contentmanager.de.

Themes und Templates

Händler können über die Standardinstallation hinaus ihren Onlineshop mit Hilfe von Themes und Templates noch stärker an die eigenen Bedürfnisse anpassen. Hierbei werden Templates von Themes unterschieden. Während ein Template das Design für das CMS Joomla und VirtueMart darstellt, integriert sich ein Theme in das vorhandene Template und ist nur für die Gestaltung von VirtueMart verantwortlich. In einem Theme gibt es sehr oft verschiedene Funktionen, die an- bzw. ausgeschaltet werden können.

Beispiel eines VirtueMart Themes mit Einstellungsmöglichkeiten

Templates und Themes lassen sich beliebig ändern. Jedes Template bzw. Theme besitzt seine eigenen CSS-Dateien, die entsprechend angepasst werden können.

Templates und Themes sind bei verschiedenen Anbietern kostenpflichtig erhältlich. Die Kosten hierfür halten sich in einem moderaten Bereich. Jedes Template bzw. Theme kann ganz bequem über den Joomla-Installer geladen werden.

Ein Blick in das Frontend von VirtueMart

Das Shopsystem im Frontend gliedert sich in die typischen Teile, ausgehend von der Startseite, über Kategorie- und Produktübersichtsseiten, bis hin zu Produktdetailseiten.

 VirtueMart Demoshop – Startseite

 

VirtueMart Demoshop -Kategorieansicht

Demoshop – Produktdetailseite

Bestellprozess

Der Bestellprozess gliedert sich in der Regel in mehrere Schritte, von der Anmeldung oder Neuregistrierung eines Kundenkontos, über die Adressauswahl bis hin zur Wahl des Versanddienstleisters und der Zahlungsmethode. Stimmt der Kunde den AGB zu, wird der Bestellprozess durch Klick auf den Bestellbutton abgeschlossen.

Der Kunde hat die Möglichkeit, als Gast ohne Kundenkonto oder als registrierter Nutzer mit Kundenkonto auszuchecken. Im Kundenkonto können Bestellungen eingesehen, Adressdaten und das Passwort verändert sowie eine neue Lieferanschrift angegeben werden. Außerdem können die Felder und Pflichtfelder bei der Registrierung angepasst werden. Das Bestellformular kann mit entsprechenden HTML Kenntnissen und Zugriff auf die Dateien per ftp angepasst werden. Eine Bestellbestätigung wird dem Kunden automatisch zugeschickt.

Anpassung an deutsches Recht

Die Anpassung von VirtueMart an deutsches Recht betrifft die Bestellseite, das Buttongesetz, den Verweis auf die Versandkosten bei jedem Produkt, Grundpreisangaben bei Lebensmittel sowie die Bestellbestätigungsmail. All das muss manuell eingefügt bzw. angepasst werden und kann nur von jemandem ausgeführt werden, der HTML und php-Kenntnisse besitzt.

Technische Daten von VirtueMart

Server Mindestvoraussetzungen:

• System: Linux oder Windows.
• PHP 5.2.4 oder höher – empfohlen: PHP 5.3.x
• MySQL 5.0.4 oder höher
• Apache mit mod_mysql, mod_xml und mod_zlib 2.x oder höher
• Nginx 1.1
• Microsoft IIS 7
• FTP Zugriff auf den Webserver
• optional: Apache mod_rewrite Modul für suchmaschinenfreundliche URLs
• VirtueMart 1.1.x ist nur mit Joomla! 1.5.x kompatibel. Ab VirtueMart 2.0 wird nur noch Joomla! 1.5.0 und höher unterstützt.

Vorteile von VirtueMart

VirtueMart als eCommerce Plattform zu nutzen, ist zweifellos eine gute Wahl. Dennoch sollten Shopbetreiber die Vor- und Nachteile eines Shopsystems genau abwägen, bevor sie eine Entscheidung fällen.

• Vorteile von VirtueMart sind, dass er leicht erweiterbar ist, von kurzen Ladezeiten lebt und das Backend für den Shopadministrator übersichtlich gestaltet ist.

• Dank zahlreicher Erweiterungen und individuell entwickelter Lösungen bietet VirtueMart jedem Unternehmen das Passende an. Selbst die Etablierung eines Affiliate-Systems und die Anbindung an ein Warenwirtschaftssystem sind machbar.

• Die Shopadministration fällt dem Shopbetreiber leicht und die vielen vorinstallierten Zahlungsanbieter runden die einfache Bedienbarkeit des Shops ab.

• VirtueMart erhält auch gute Noten bezüglich der Nutzer- und Suchmaschinenfreundlichkeit. Für den Kundensupport stehen zahlreiche deutsche und englische Foren zur Verfügung, die Hilfestellungen zu jedem beliebigen Thema anbieten.

Nachteile von VirtueMart

• Als Shopbetreiber sollte man sich bewusst sein, dass VirtueMart keine Standalone-Software ist. VirtueMart kann nur zusammen mit Joomla! betrieben werden.

• Abstriche müssen auch beim Design der Standardinstallation von VirtueMart gemacht werden. Shopbetreiber sollten sich ein externes VirtueMart Template oder Theme kaufen, um sich viel Zeit und Mühe für die Gestaltung des Layouts zu ersparen.

• Händler, die in Deutschland Ihre Betriebsstätte haben, können mit der Verwendung von VirtueMart auf eine Stolperfalle stoßen: VirtueMart ist nicht an das deutsche Recht angepasst. Wer mit einer Standardinstallation online geht, riskiert Abmahnungen der Konkurrenz oder durch Wettbewerbszentralen. Momentan gibt es keine Erweiterung, die diesen Mangel behebt. Für Shopbetreiber ist es daher ratsam, einen erfahrenen Webdesigner mit der Anpassung zu betreuen. Dennoch sollte jeder Shopbetreiber wissen, dass letzten Endes er selbst für die Inhalte und die Rechtssicherheit seines Onlineshops verantwortlich ist.

Die Erstellung eines professionellen Onlineshops kann einiges an Geld kosten. Das Budget sollte bei 2.000 Euro angesetzt werden, nach oben sind keine Grenzen gesetzt. Eine gute und günstige Alternative sind die Mietshops von Shoptique. Zu einem bezahlbaren Preis erhält man einen an das deutsche Recht angepassten Onlineshop.

Fazit und weiterführende Links

Die neue 2.0er Version von VirtueMart ist eine zukunftsorientierte eCommerce Lösung. Weltweit existieren bereits mehr als 165.000 VirtueMart-Shops. Diese Zahl allein beweist, dass VirtueMart eine gute Wahl für kleine bis mittlere Onlineshops ist.

• Herstellerwebsite – www.virtuemart.net
• deutsche VirtueMart Forum – www.virtuemart.de
• VirtueMart Extensions – extensions.joomla.org
• Handbücher – www.virtuemart-deutsch.de
• VirtueMart Templates und Themes – www.yagendoo.com und www.developing-and-design.com

Weiterführende Informationen

• Open Source Shopsysteme
• Open Source Shopsystem PrestaShop im Detail
• Attraktive Einkaufwelten mit Shopware 4 gestalten

Der Beitrag Anpassung, Pro & Contra von VirtueMart erschien zuerst auf contentmanager.de.

VirtueMart ist ein Open Source Shopsystem welches durch seine Flexibilität und einfache Bedienbarkeit hervorsticht. Es läuft als Komponente des beliebten Content Managament Systems Joomla! und bietet mit zahlreichen zusätzlichen Erweiterungen die besten Voraussetzungen für einen zukunftsorientierten Onlineshop. Das Open Source Shopsystem wird von einem breiten Netzwerk professioneller Dienstleister sowie einer großen Entwicklergemeinschaft unterstützt.

VirtueMart im Überblick

VirtueMart erfüllt die Anforderungen kleiner und mittelständischer Unternehmen an ein individualisierbares und nutzerfreundliches Shopsystem. Es bietet umfassende Funktionen für den Verkauf von materiellen und digitalen Gütern bzw. Dienstleistungen sowie für die Nutzung als reiner Katalog.

Die Oberfläche von VirtueMart ist übersichtlich, leicht zu bedienen und einfach zu verwalten. Dank zahlreicher Erweiterungen bietet VirtueMart eine immense Funktionsvielfalt. Viele dieser Erweiterungen sind kostenlos zu beziehen, und lassen sich durch ein einfaches Hochladen im Backend komfortabel installieren. Somit erhält jedes Unternehmen das passende Werkzeug für den eigenen Bedarf.

Die Standardsprache von VirtueMart ist Englisch. Über Sprachpakete können weitere Übersetzungen hinzugefügt werden. Ebenso wie VirtueMart sind die Sprachpakete kostenlos erhältlich.

VirtueMart ist eine freie Software unter der GNU General Public License. Aktuell stehen zwei Versionen zur Verfügung: VirtueMart 1.1.x für Joomla 1.5 und VirtueMart 2.0.x für Joomla 2.5. Die Version 1.1.x wird seit Oktober 2012 nicht mehr unterstützt.

Produktverwaltung

Das Kontrollzentrum von VirtueMart besticht durch seine Übersichtlichkeit und einfache Navigierbarkeit. Mit einem Klick gelangt man zu allen wichtigen Bereichen der Shopadministration.

VirtueMart ermöglicht ein einfaches wie umfangreiches Produktmanagement und ist mit einer Vielzahl an Möglichkeiten zur Produktkennzeichnung ausgestattet. Vom Produktnamen über die Produktbeschreibung bis hin zur Artikelnummer, den Produktmaßen und – gewichten, der Produktverfügbarkeit sowie den Produktbildern und Angaben zur Mindestbestellmenge und Höchstkaufmenge bietet VirtueMart Bausteine an, die dem Kunden helfen, sich im Angebot zurechtzufinden und jederzeit den Überblick zu behalten.

Durch Produktattribute (wie z.B. Größen, Farben, usw.) können Artikel wirkungsvoll typisiert werden. Hierbei wird zwischen Attributen mit und ohne Lagerbestandskontrolle bzw. mit und ohne Auswirkung auf den Preis unterschieden. Auch die Option, Produkte in Eltern- und Kindprodukte zu gliedern, besteht. Diese flexible Produktgestaltung ermöglicht es Shopbetreibern, auf die individuellen Bedürfnisse ihrer Kunden einzugehen.

Die Entwickler von VirtueMart haben überdies einen besonders großen Wert auf eine einfache Verwaltung der Produkte gelegt: Alle Produkte werden übersichtlich aufgelistet und lassen sich nach Name, Artikelnummer, Kategorie, Hersteller oder Produktpreis sortieren und filtern. Weiterhin können Produkte problemlos kopiert, gelöscht, aktiviert, deaktiviert oder als Aktionsprodukt freigeschaltet werden.

Mit dem integrierten Editor kann eine Produktbeschreibung mühelos erstellt werden. Für eine bessere Platzierung in den Suchmaschinen steht ein individueller Metadaten-Bereich für jedes einzelne Produkt zur Verfügung.

Eine integrierte Lagerverwaltung, eine Statistik über die getätigten Bestellungen pro Produkt sowie eine direkte Kundenkommunikation für Käufer eines Produktes runden das Gesamtbild ab.

Unterseiten anlegen und bearbeiten

Da VirtueMart eine Komponente im CMS Joomla! ist, können alle Vorteile des beliebten Content Management Systems genutzt werden. Zum Beispiel kann ein Produkt in VirtueMart mit einem Beitrag, einem Bild oder mit einem Video in Joomla! verlinkt werden.

Über den Bereich „Inhalte“ lassen sich bequem weitere Unterseiten wie die AGB, der Datenschutz, die Widerrufsbelehrung, Informationen zu den Versandkosten und Lieferzeiten sowie sonstige Beiträge für die Website anlegen. Auch hier können individuelle Meta-Angaben wie SEO-URL, Titel und Metabeschreibung definiert werden.

Mit dem integrierten TinyMCE Editor kann der Shopbetreiber Texte, Tabellen, Links und Bilder angenehm bearbeiten. Es kann auch ein anderer Editor installiert werden (z.B. JCE Editor), mit dem noch weitere Möglichkeiten der Text- und Bildbearbeitung ausgeschöpft werden können.

Für die visuelle Darstellung der Produkte ist der Bildbereich verantwortlich. Es können beliebig viele Bilder hochgeladen und als Galerie angezeigt werden.

Durch vom Shopbetreiber angelegte Produkt- und Herstellerkategorien können Kunden per Filtersuche eine effektive Wahl bevorzugter Produkte treffen.

Preise, Steuern, Rabattaktionen

Kaufpreisangaben lassen sich entweder inklusive MwSt. oder exklusive MwSt. anzeigen. Damit lässt sich ein Onlineshop gestalten, der sowohl für Geschäftskunden als auch für Endkunden konzipiert ist. Mit den Preisansichtsoptionen kann der Shopbetreiber genau bestimmen, wie die Preise dargestellt werden sollen.

VirtueMart ermöglicht flexible Steuereinstellungen. Mehrwertsteuersätze können für verschiedene Länder, Produkte, Käufergruppen und Produktkategorien konfiguriert werden. Mit diesem flexiblen System sind Shopbetreiber für sämtliche weltweit vorkommende Steuersätze gewappnet.

VirtueMart ist ebenso mit einer Vielzahl an Möglichkeiten zur Verkaufsförderung ausgestattet. Beliebige Rabattaktionen können mit ausgeklügelten Rechenregeln erstellt werden. Und mit nur einem Klick wird aus einem Produkt ein „Aktionsprodukt“. Hierfür vorkonfigurierte Module schalten diese rabattierten Produkte auf der Startseite des Shops frei und sind für den Kunden sofort ersichtlich. Weitere Gutscheinsysteme und Verkaufsförderungsmaßnahmen lassen sich problemlos durch externe Erweiterungen an das Onlineshopsystem koppeln.

Bestellabwicklungen von VirtueMart

In VirtueMart ist eine gut strukturierte Bestellabwicklung integriert: Bestellungen kann ein bestimmter Status zugewiesen werden, es kann mit dem Kunden über ein Kommentarfeld kommuniziert werden, Rechnungen lassen sich einfach per Mausklick ausdrucken, und auch das Stornieren von Bestellungen sind für VirtueMart kein Problem.

Ein Wehrmutstropfen bleibt jedoch, denn Bestellungen können nachträglich nicht mehr geändert bzw. bearbeitet werden.

Versand- und Zahlungsarten im VirtueMart

Eine durchdachte Konfiguration von Versand- und Zahlungsarten ist das Geheimnis eines umsatzstarken Onlineshops. Sollte der Kunde hier das Gewünschte nicht finden, kommt es schnell zu einem Kaufabbruch.

VirtueMart schreitet in dieser Hinsicht mit gutem Beispiel voran. Auf der einen Seite stehen Shopbetreibern eine Reihe von Versand- und Zahlungsarten zur Verfügung, die sich einfach konfigurieren lassen, und zum anderen gibt es eine Reihe von externen Erweiterungen, mit denen man zusätzliche Funktionalitäten nachrüsten kann.

Standardmäßig sind bereits die folgenden Zahlungsarten bzw. Zahlungsanbieter integriert:

• PayPal
• Vorkasse
• Kauf auf Rechnung
• Klarna
• Payzen
• Authorize.net
• Moneybookers
• Heidelplay

Die Zahlungsart „Kreditkarte“ ist nicht standardmäßig enthalten, kann aber über ein Plugin nachgerüstet werden, z.B. mit Offline Credit Card Processing.

Auch die Versandarten können individuell mit VirtueMart konfiguriert werden. Von einer versandkostenfreien Lieferung, der Koppelung der Versandkosten an Gewicht oder Preis, der Angabe einer Mindestbestellmenge bis hin zum Versand nur in bestimmte PLZ-Gebiete und Länder, ist eine Vielzahl an Einstellungsmöglichkeiten gegeben.

Wird nur mit einem Versanddienstleister gearbeitet, kann dieser im Bestellprozess so voreingestellt werden, dass der Kunde ihn nicht manuell auswählen muss. Das gleiche Prinzip gilt auch für nur eine Zahlungsart.

Kundenverwaltung & Käufergruppen

In jedem Onlineshop ist eine professionelle Kundenadministration wichtig. VirtueMart bietet eine Reihe von Möglichkeiten, Kunden zu verwalten und diese in Gruppen einzuteilen.

Die Kundenliste kann nach „Benutzername“, „angezeigter Name“ oder „Käufergruppe“ sortiert werden. Zusätzlich hat der Shopbetreiber Zugriff auf die Benutzerdaten, Kontaktinformationen und die Bestellhistorie des Kunden. VirtueMart erlaubt es, über das Joomla!-Benutzersystem neue Kunden manuell im Backend anzulegen und mehreren Käufergruppen zuzuordnen. Käufergruppen sind dann von Vorteil, wenn bestimmte Kunden bei der Preisgestaltung auf gleiche Weise behandelt werden sollen.

Eine weitere besondere Funktion von VirtueMart besteht darin, beliebige Kundenfelder für die Neuanmeldung eines Benutzers anzulegen. Dies ist besonders für den internationalen Versand von Nutzen, wenn z.B. die Umsatzsteueridentnummer benötigt wird.

Konfiguration von VirtueMart

Die Konfiguration von VirtueMart glänzt mit ihrer Funktionsvielfalt. Es können unter anderem folgende Einstellungsmöglichkeiten vorgenommen werden:

• Offline-Stellen des Shops
• Shop nur als Katalog verwenden
• Währungsrechner
• Mehrsprachigkeit
• Kerneinstellungen wie Drucksymbol, Empfehlung an Freunde, E-Mail Link, Fragen zum Produkt stellen, Gutscheinnutzung, Lagerverwaltung, Rezensionsverwaltung
• Auswahl der Templates für Kategorien und den Shop insgesamt
• Einstellungen für Media-Dateien
• Einstellungen für die VirtueMart-Startseite im Frontend
• RSS Feed-Einstellungen
• Angabe von Preisen / Preisansichtsoptionen
• Kasseneinstellungen im Warenkorbbereich
• Produktsortierungen im Frontend
• SEO-Einstellungen für die URLs
• SSL-Verschlüsselung
• Zustimmung zu den AGB während des Bestellprozesses

Unter dem Punkt „Shop“ befinden sich alle Informationen zum Verkäufer. Der Shopbetreiber kann in diesem Bereich Währungen verwalten sowie die AGB und weitere rechtliche Informationen erstellen.

Internationalisierung & Mehrsprachigkeit

VirtueMart lässt auch die internationalen Märkte nicht außer Acht. Die Voraussetzungen, den Internetauftritt und alle Shop-Inhalte mehrsprachig zu gestalten, sowie länderspezifische Währungen, Steuersätze, Zahlungs- und Versandbedingungen zu berücksichtigen, sind gegeben.

Über das Joomla! Backend können problemlos weitere Sprachen hochgeladen und die Inhalte entsprechend übersetzt werden. Der integrierte Währungsrechner setzt automatisch die Preise in die vom Kunden ausgewählte Währung um.

Erweiterungen & Updates

Aufgrund der großen Entwicklergemeinde existieren für VirtueMart eine Vielzahl an externen kostenlosen oder kostenpflichtigen Erweiterungen, die problemlos über das Joomla!-Backend installiert werden können.

Hier sind der Fantasie keine Grenzen gesetzt. Für viele der Extensions gibt es deutsche Sprachdateien, so dass sie ohne großen Aufwand in den Shop integriert werden können.

Über externe Erweiterungen sind u.a. folgende Funktionen nachrüstbar:

• Import- /Exportfunktion
• Wunschzettel, Produktvergleich
• Statistiken
• Suchmaschinenoptimierungstools
• Marketingtools
• Warenwirtschaft
• Produkteffekte und –präsentationen
• Rechnungsversand
• Affiliateprogramme
• Zahlungssysteme
• Versandmodule
• Verkauf downloadbarer Güter
• Multishopfunktion
• u.v.m.

Die Statistik von VirtueMart ist eher dürftig ausgestattet. Hierfür gibt es aber viele Erweiterungen, die dieses Manko ausgleichen können.

Eine mögliche Statistik-Komponente ist zum Beispiel VirtueMart Reports von Interamind.

VirtueMart updaten

Aufgrund der stetigen Weiterentwicklung von VirtueMart gibt es immer wieder Updates, die entweder neue Funktionen in den Shop integrieren, kleine Fehler entfernen oder Sicherheitslücken schließen. Ein Update lässt sich mit der Echtzeitaktualisierung mühelos einspielen.

Sollten jedoch VirtueMart Dateien manuell modifiziert worden sein, müssen diese Änderungen nach dem Update wieder eingefügt werden. Es ist daher ratsam, mit „Template Overrides“ zu arbeiten und eine genaue Dokumentation über etwaige Anpassungen zu führen.

Der Beitrag Shopsystem VirtueMart im Detail erschien zuerst auf contentmanager.de.