Joomla kompakt - Brain-Media.de Brain-Media.de

BRAIN-MEDIA.DE
PROFESSIONELLES LINUX- UND OPEN-SOURCE-KNOW-HOW
Neugebauer / Reibold
Joomla! kompakt
Alles, was Sie für den Einsatz des freien
Content-Managementsystems wissen müssen

Tim Neugebauer / Holger Reibold
Joomla! kompakt

2 Joomla! kompakt
Alle Rechte vorbehalten. Ohne ausdrückliche, schriftliche Genehmigung des Verlags
ist es nicht gestattet, das Buch oder Teile daraus in irgendeiner Form durch
Fotokopien oder ein anderes Verfahren zu vervielfältigen oder zu verbreiten. Dasselbe
gilt auch für das Recht der öffentlichen Wiedergabe.
Der Verlag macht darauf aufmerksam, dass die genannten Firmen- und Markennamen
sowie Produktbezeichnungen in der Regel marken-, patent- oder warenrechtlichem
Schutz unterliegen.
Verlag und Autor übernehmen keine Gewähr für die Funktionsfähigkeit beschriebener
Verfahren und Standards.
© 2007 Brain-Media.de
Umschlaggestaltung: Brain-Media.de
Satz: Brain-Media.de
Druck: COD
ISBN-10: 3-939316-08-3
ISBN-13 : 978-3-939316-08-4
www.brain-media.de

3
Inhaltsverzeichnis
Vorwort .................................................................................................................. 11
1 Joomla! und Content-Management ................................................................ 13
1.1 CMS-Basics ............................................................................................. 13
1.2 Voraussetzungen schaffen ........................................................................ 19
1.3 Joomla! in Betrieb nehmen ...................................................................... 22
1.4 Was Sie sonst noch wissen sollten ........................................................... 30
2 Einstieg in die Joomla!-Administration .......................................................... 33
2.1 Wissenswertes über Benutzer, Administratoren und Manager ................ 35
2.2 Konfiguration einer Joomla!-Site ............................................................. 38
2.2.1 Register Locale ............................................................................... 42
2.2.2 Register Content ............................................................................. 43
2.2.3 Register Database .......................................................................... 45
2.2.4 Register Server ............................................................................... 46
2.2.5 Register Metadata .......................................................................... 48
2.2.6 Register Mail .................................................................................. 49
2.2.7 Register Cache ............................................................................... 50
2.2.8 Register Statistics ........................................................................... 51
2.2.9 Register SEO .................................................................................. 51
2.3 Language Manager ................................................................................... 52
2.4 Media Manager ........................................................................................ 53
2.5 Vorschaufunktion ..................................................................................... 55
2.6 Statistiken ................................................................................................. 55
Joomla! kompakt

4
2.7 Template Manager ................................................................................... 55
2.8 Trash Manager ......................................................................................... 58
2.9 User Manager – Benutzerverwaltung ....................................................... 59
3 Ihre erste Joomla!-Site.................................................................................... 63
3.1 Typische Vorgehensweise ........................................................................ 63
3.2 Template-Auswahl und -Installation........................................................ 64
3.3 Struktur für Ihre Site ................................................................................ 66
3.4 Das passende Menü .................................................................................. 68
3.5 Inhalte erstellen ........................................................................................ 70
3.6 Einbinden bestehender und statischer Inhalte .......................................... 71
3 Der Umgang mit Menüs ................................................................................. 73
4 Inhalte erstellen und bearbeiten ...................................................................... 83
4.1 Content-Elemente erzeugen ..................................................................... 85
4.2 Sektionen ................................................................................................. 89
4.3 Frontpage- und Archivmanager ............................................................... 90
5 Komponenten, Module & Co. ........................................................................ 91
5.1 Komponenten ........................................................................................... 91
5.1.1 Banner ............................................................................................ 93
5.1.2 Kontaktverwaltung ......................................................................... 96
5.1.3 Massenmails ................................................................................... 98
5.1.4 Komponente Newsfeed .................................................................. 99
5.1.5 Umfragen ...................................................................................... 101
5.1.6 Syndicate ...................................................................................... 103
5.1.7 Links ............................................................................................. 105
www.brain-media.de

5
5.2 Modulmanager ....................................................................................... 106
5.2.1 Joomla!-Module ........................................................................... 107
5.2.2 Modul Login ................................................................................. 111
5.2.3 Modul Archive .............................................................................. 112
5.2.4 Modul Template Chooser ............................................................. 113
5.3 Mambots ................................................................................................ 114
5.4 Installer, Nachrichten und mehr ............................................................. 115
5.4.1 Messaging-Einstellungen ............................................................. 115
5.4.2 Checkin-Informationen ................................................................. 116
6 Template-Entwicklung ................................................................................. 119
6.1 Dreamweaver Template Builder Extension ........................................... 119
6.2 Template-Gestaltung .............................................................................. 124
6.3 Template-Verzeichnisstruktur ................................................................ 131
6.4 XML-basierte Template-Beschreibung .................................................. 132
6.5 Header hinzufügen ................................................................................. 134
6.6 Flash-Animation einbinden .................................................................... 135
6.7 Stylesheet definieren .............................................................................. 136
6.8 Template installieren .............................................................................. 137
7 Joomla! barrierefrei ...................................................................................... 139
7.1 Einleitung ............................................................................................... 139
7.1.1 Nutzergruppen .............................................................................. 140
7.1.2 Gesetzliche Anforderungsdefinitionen ......................................... 141
7.1.3 Accessibility und Usability ........................................................... 142
7.1.4 Kosten-Nutzen-Relation barrierearmer Web-Angebote ............... 143
7.2 Barrierefreies Webdesign mit Content Management Systemen ............. 144
7.2.1 Barrierefreies Joomla! .................................................................. 145
Joomla! kompakt

6
7.2.2 Weitere Hilfsmittel ....................................................................... 147
7.3 Tutorial ................................................................................................... 148
7.3.1 Ausgangspunkt ............................................................................. 149
7.3.2 Validität der Website .................................................................... 150
7.3.3 Templatedesign für barrierefreie Webpräsenzen .......................... 160
7.3.4 Skalierbarkeit und Crossbrowser-Kompatibilität ......................... 164
7.3.5 Die Navigation ............................................................................. 174
7.3.6 Sprungmarken (Skip Links) ......................................................... 184
7.3.7 Pfadnavigationen (Breadcrumb)................................................... 186
7.3.8 Textlinks ....................................................................................... 186
7.3.9 Kontextbezogene Links ................................................................ 187
7.4 Der Inhaltsbereich der Website .............................................................. 188
7.4.1 Akronyme, Abkürzungen, Fachbegriffe und Sprachwechsel ....... 189
7.4.2 Umsetzung .................................................................................... 191
7.4.3 Formulargestaltung ....................................................................... 203
7.5 Optimierungen ....................................................................................... 209
7.6 Zusammenfassung .................................................................................. 210
8 Aufbau einer Community mit dem Community Builder .............................. 213
8.1 Installation des Community Builders ..................................................... 213
8.2 Community-Builder-Konfiguration ....................................................... 216
8.3 Exkurs: Interne Abläufe ......................................................................... 221
8.4 Weiter mit der CB-Konfiguration .......................................................... 225
8.5 Community Builder aus Benutzersicht .................................................. 232
8.6 Tabs erzeugen ........................................................................................ 234
8.7 Felder definieren .................................................................................... 235
8.8 Der Umgang mit Benutzerlisten............................................................. 243
8.9 Plugin-Verwaltung ................................................................................. 246
www.brain-media.de

7
8.10 Typische Aktionen im Backend ........................................................ 247
8.11 Typische Frontend-Aktionen ............................................................. 252
8.12 Fazit ................................................................................................... 253
9 Formularentwicklung mit FacileForms ........................................................ 254
9.1 Installation und Konfiguration ............................................................... 254
9.2 Ein erstes Formular erstellen .................................................................. 257
9.3 Funktionalität für Ihre Formulare........................................................... 266
9.4 Eingaben sichten .................................................................................... 270
9.5 Formular einbinden ................................................................................ 272
9.6 Import und Export von Formularen ....................................................... 274
9.7 Fazit ....................................................................................................... 278
10 Forum mit Joomlaboard ......................................................................... 280
10.1 Installation und Konfiguration .......................................................... 280
10.1.1 Allgemeine Joomlaboard-Konfiguration ...................................... 281
10.1.2 Frontend-Einstellungen ................................................................ 283
10.1.3 Mehr Sicherheit für Ihr Forum ..................................................... 286
10.1.4 Avatar-Konfiguration ................................................................... 287
10.1.5 Upload steuern .............................................................................. 288
10.1.6 Die Ranking-Einstellungen .......................................................... 290
10.1.7 Zusammenspiel mit Drittanwendungen ........................................ 291
10.2 Foren erstellen und verwalten ........................................................... 293
10.3 Benutzeradministration und Sonstiges .............................................. 297
10.4 Fazit ................................................................................................... 300
11 Online-Shop mit VirtueMart .................................................................. 302
11.1 VirtueMart-Basics ............................................................................. 302
Joomla! kompakt

8
11.2 VirtueMart-Administration ............................................................... 307
11.2.1 Allgemeine Shop-Konfiguration .................................................. 307
11.2.2 Benutzerregistrierung ................................................................... 309
11.2.3 Steuerliche Belange ...................................................................... 309
11.2.4 Die Frontend-Konfiguration ......................................................... 311
11.2.5 Pfad und URL ............................................................................... 313
11.2.6 Design und Layout ....................................................................... 314
11.2.7 Zustelleigenschaften ..................................................................... 316
11.2.8 Der Checkout-Vorgang ................................................................ 317
11.2.9 Downloads über VirtueMart verkaufen ........................................ 318
11.3 Shop-Einstellungen ........................................................................... 320
11.3.1 Die allgemeinen Shop-Einstellungen ........................................... 321
11.3.2 Bitte zahlen ................................................................................... 321
11.3.3 Zustellung ..................................................................................... 328
11.3.4 Welche Kreditkarte soll es sein? .................................................. 330
11.4 Käufergruppen, Hersteller und Lieferanten ....................................... 331
11.5 Produkte verwalten ............................................................................ 333
11.5.1 Produkte erstellen ......................................................................... 334
11.6 Die Bestellverwaltung ....................................................................... 338
11.7 Berichtfunktion ................................................................................. 339
11.8 VirtueMart für Fortgeschrittene ........................................................ 340
11.8.1 Die VirtueMart-Verzeichnisse ...................................................... 340
11.8.2 Benutzer-Integration ..................................................................... 342
11.8.3 Layout-Anpassungen .................................................................... 344
11.8.4 Erweiterungen .............................................................................. 346
11.9 Fazit ................................................................................................... 348
www.brain-media.de

9
12 Weitere Must-have-Erweiterungen ........................................................ 350
12.1 Gallery2 Bridge ................................................................................. 350
12.2 JCE – der Joomla! Content Editor ..................................................... 353
12.3 DocMan ............................................................................................. 356
12.4 gigCalender ....................................................................................... 360
12.5 Dateimanagement mit joomlaXplorer ............................................... 363
12.6 Mehrsprachige Site mit Joom!Fish .................................................... 365
12.7 Sitemap mit Joomap .......................................................................... 371
12.8 Logfile Analyes mit BSQ Sitestats .................................................... 375
12.9 WordPress-Integration mit OpenWP ................................................. 379
12.10 Letterman .......................................................................................... 382
12.10.1 Abonnenten verwalten ............................................................. 382
12.10.2 Newsletter erstellen und versenden ......................................... 386
12.10.3 Letterman konfigurieren .......................................................... 389
12.10.4 Letterman integrieren und nutzen ............................................ 390
12.10.5 Troubleshooting ....................................................................... 391
13 Sicherheit ............................................................................................... 394
13.1 Standardsicherheit ............................................................................. 394
13.2 Sicherheit der CMS-Umgebung ........................................................ 396
13.2.1 Cross-Site-Scripting ..................................................................... 396
13.2.2 SQL-Injektion ............................................................................... 399
13.2.3 Angriff auf CGI ............................................................................ 399
13.2.4 Apache-Einstellungen................................................................... 400
13.2.5 Dateisystem-Sicherheit ................................................................. 401
13.2.6 XAMPP-Sicherheit ....................................................................... 401
13.2.7 SSL-Verschlüsselung ................................................................... 403
13.2.8 Schutz von Spambots ................................................................... 404
Joomla! kompakt

10
13.3 Einsatz im Intranet- und Extranet ...................................................... 404
13.4 Checkliste für mehr Sicherheit .......................................................... 406
14 Ausblick: Was bringt Joomla! 1.5? ........................................................ 414
14.1 Neue Funktionen für User und Admins............................................. 415
14.2 Neues für Designer ............................................................................ 421
14.3 Und Neues für Entwickler ................................................................. 422
14.4 Fazit ................................................................................................... 426
Index ..................................................................................................................... 428
www.brain-media.de

11
Vorwort
Das Content-Managementsystem Joomla! genießt einen ausgezeichneten Ruf. Es
bietet alles, was man für den Einsatz in kleinen bis mittleren Umgebungen benötigt.
Nicht umsonst wurde es mehrfach mit verschiedenen Awards gekrönt. Insbesondere
im deutschen Sprachraum erfreut sich das System großer Beliebtheit.
Dieses Praxishandbuch führt Sie in die Arbeit mit dem System ein. Es zeigt, wie
Sie Joomla! in Betrieb nehmen, das System administrieren, wie Sie eine eigene
Joomla!-basierte Site erzeugen, wie Sie mit Inhalten jonglieren und wie Sie die
verschiedensten Joomla!-Komponenten, -Module und -Mambots in der Praxis
einsetzen.
Sie erfahren in diesem Handbuch außerdem, wie Sie mit Joomla! Diskussionsforen
realisieren, einen Online-Shop aufbauen und Formulare entwickeln. Außerdem
führt dieses Buch Sie in die Entwicklung eigener Templates ein und zeigt, wie man
das Content-Managementsystem sicher betreibt. Ein weiteres Highlight ist das
Kapitel Joomla! barrierefrei.
Der Begriff „Joomla!“ ist übrigens von dem suahelischen Wort „Jumla“ abgleitet.
Das bedeutet so viel wie „das Ganze“. Das dürfen Sie wörtlich nehmen: Joomla!
bietet alles, was Sie von einem professionellen Content-Managementsystem erwarten
können, ist flexibel und anpassungsfähig zugleich, andererseits aber nicht so
komplex wie Konkurrenzprodukte.
Bleibt uns nur, Ihnen viel Erfolg zu wünschen.
Tim Neugebauer & Holger Reibold
Joomla! kompakt

12 Vorwort
www.brain-media.de

CMS-Basics 13
1 Joomla! und Content-Management
Joomla! (http://www.joomla.org bzw. http://www.joomla.de) zählt zu den interessantesten
Content-Managementsystemen, die die Open-Source-Gemeinde vorzuweisen
hat. Mambo ist erwiesenermaßen ein sehr leistungsfähiges und dabei einfach
wartbares CMS. Es ist in der Lage, sehr große Websites zu realisieren. Die
Inhalte werden wie bei anderen Systemen dynamisch aus MySQL-Datenbanken
erzeugt.
Joomla! basiert auf PHP und nutzt das Datenbanksystem MySQL. Somit ist es für
Administratoren und Entwickler recht einfach, eigene Module und Komponenten
für das CMS zu erstellen. In der Regel ist das nicht erforderlich, denn für Joomla!
gibt es inzwischen eine Unmenge an Modulen und Erweiterungen. Auch ein auf
Joomla! abgestimmtes Shopping-System ist verfügbar. Sogar eine Dreamweaver-
Erweiterung für das Erstellen von Templates ist verfügbar. Ein Blick in den Administrationsbereich
macht schnell deutlich, warum Joomla! so beliebt ist: Das System
besitzt eine klare und saubere Struktur.
1.1 CMS-Basics
Online-Software für das Intranet oder das Internet gewinnt massiv an Bedeutung.
Wachsen die Anzahl der auf den Servern bereitgestellten Dokumente und die Größe
des Redaktionsteams, so versagen herkömmliche Methoden zur Verwaltung der
Publikationen. Content-Managementsysteme versprechen die optimale Koordinierung
der Arbeitsabläufe.
Der Siegeszug der Internet-Technologie, insbesondere aber der Web-Technologie,
hat unsere Informationslandschaft auf den Kopf gestellt. Dank des globalen Netzwerks
können Unternehmen potentielle Kunden und Zulieferer rund um den Globus
erreichen. Sie selbst müssen aber auch erreichbar sein. In nur wenigen Jahren
hat das Web ganze Geschäftsabläufe verändert. Heute müssen Unternehmen Inhalte
mit höchster Aktualität auf einer Website präsentieren. Fast noch zeitkritischer
ist die schnelle Verfügbarkeit innerhalb von Unternehmen – zumindest so weit, wie
relevante Abläufe berührt sind. Man spricht in diesem Zusammenhang auch häufig
von „Just-in-time-Informationen“. Die rasante Beschleunigung der Produktionszyklen
lässt sich nur noch durch Produktionssteigerungen auffangen. Das gilt insbesondere
für die „Produktion“ von Informationen.
Joomla! kompakt

14 Joomla! und Content-Management
Lebenslauf von Dokumenten und Inhalten: Sie unterliegen einem ständigen
Wandel, werden erzeugt, gesammelt, verteilt und veröffentlicht.
Gerade bei umfangreichen Websites mit einer hohen Aktualität ist professionelles
Content-Management zur Strukturierung und Verwaltung der Informationen gefragt.
Mit Hilfe von Content-Managementsystemen werden die Handlungen der
Nutzer koordiniert und die Veröffentlichung der Dokumente automatisiert. Durch
die systematische Aufbereitung von internen Informationen und die Verbreitung
über ein einheitliches Zugriffsparadigma können die Mitarbeiter effektiver auf die
Anforderungen des Geschäftsprozesses reagieren. Solche Systeme bilden bereits
bei vielen bekannten Web-Auftritten das Rückgrat der Informationsbearbeitung.
Unter Content versteht man gemeinhin Inhalte der unterschiedlichsten Form, die
auf einer Website abgelegt werden und für die Benutzer zugänglich sind. Dabei
spielt es zunächst keine Rolle, ob es sich um global oder lokal verfügbare Informationen
handelt. In der Regel handelt es sich um Inhalte, wie man sie in den klassischen
Medien wie Zeitungen und Büchern findet, beispielsweise um Artikel, Manuals
oder Produktbeschreibungen.
Content-Managementsysteme dienen der Administration von Webinhalten unter
Einbeziehung des Entwicklungsvorganges. Von zentraler Bedeutung ist die Trennung
von Inhalten und Struktur des Content. Ihre wichtigste Aufgabe ist es, die
unterschiedlichsten Informationsschnipsel zu einem kohärenten Gebilde zusammenzuführen,
so dass ein dynamischer Entwicklungsprozess entstehen kann. Das
Schlüsselwort: Dynamik. Inhalte müssen ohne Medienumbrüche, quasi in Sekundenschnelle,
verfügbar sein. Kernpunkt: Informationen werden als Komponenten
aufgefasst, auf die in Echtzeit zugegriffen werden kann und die bearbeitet und mit
www.brain-media.de

CMS-Basics 15
anderen Komponenten kombiniert werden können. Aus den einzelnen Komponenten
entstehen dann Dokumente.
Welchen Anforderungen muss nun ein solches System genügen? Eine der zentralen
Anforderungen ist die End-to-End-Kontrolle. Ein Content-Managementsystem
muss Inhalte von der ersten Stunde, der Weiterverarbeitung bis hin zur Veröffentlichung
verwalten und kontrollieren können.
Da Dokumente nach dem Baukastenprinzip zusammengesetzt werden, müssen
diese Komponenten sicher verwaltet werden. Dazu zählen beispielsweise Funktionen
wie Check-in und Check-out, über die sich Redaktionsmitarbeiter Zugriff auf
Inhalte verschaffen. Durch die Einbindung von Verzeichnisdiensten wie X.500
oder LDAP wird dabei der Zugriff gesteuert.
Dokumente und Inhalte sind zwei Paar Schuhe: Dokumente können
aus beliebig vielen Komponenten, den Inhalten, bestehen.
Inhalte entstehen immer häufiger verteilt. Auch für diese Anforderung muss ein
Content-Managementsystem gerüstet sein, so dass auch mobile Mitarbeiter oder
Heimarbeiter in die Inhaltsentwicklung eingebunden werden können. Um die Kosten
für die Neuanschaffung von Managementsystemen zu minimieren, sollten sol-
Joomla! kompakt

16 Joomla! und Content-Management
che Lösungen auch in der Lage sein, bereits bestehende Authoring- und Publishing-Tools
in den Entwicklungsprozess zu integrieren.
Nicht minder wichtig sind leistungsfähige inhaltsorientierte Datenbanksysteme, in
denen die Komponenten nicht nur abgelegt, sondern auch gesichert werden. Solche
Systeme dienen zudem der Indizierung. Replikationsmechanismen sind auch hier
Standard. Hinsichtlich Datenbankanbindungen darf man auch bei Content-
Managementsystemen erwarten, dass sie bestehende Systeme integrieren können
und sich gegebenenfalls erweitern lassen.
Die schönsten Inhalte sind wertlos, wenn sie nicht über einen leistungsfähigen
Mechanismus veröffentlicht werden. Die Publikationssteuerung muss dabei auch
die Veröffentlichung von Hunderten oder gar Tausenden von Dokumenten bewältigen
können. Zudem muss sie sicherstellen, dass Inhalte in sauberem Layout veröffentlicht
werden. Dynamische Generierung von Inhalten sollte ebenfalls möglich
sein. Schließlich sind Funktionen erforderlich, über die sich die Site-Struktur verwalten
lässt, beispielsweise um blinde Verweise aufzudecken. Link-Management
vereinfacht die Verknüpfung von Inhalten. Solche Funktionen sollten zumindest
für die interne Vernetzung vorhanden sein.
Aus den vielfältigen Anforderungen, die ein Content-Managementsystem erfüllen
muss, lässt sich erahnen, dass solche Systeme eine komplexe Architektur aufweisen.
Nachstehende Abbildung verdeutlicht die wichtigsten Komponenten und deren
Abhängigkeiten. Im Zentrum steht das Content-Managementsystem, das mit
den verschiedensten Komponenten interagiert. Die Inhalte samt korrespondierenden
Meta-Daten sind in der Dokumentenverwaltung abgelegt.
Die Mitarbeiter greifen über einen Client, immer häufiger ein Standardbrowser,
über das lokale oder globale TCP/IP-Netzwerk auf das System zu. Dabei werden
auch sichere Verbindungen unterstützt, die insbesondere SSL für den Zugriff auf
das System nutzen. Je aufwendiger die Inhaltsentwicklung wird, umso wichtiger ist
die Steuerung der Benutzer- und Zugriffsrechte auf Objekte und Komponenten.
Dabei werden meist Zugriffsrechte für einzelne Objekte oder Objektgruppen eingerichtet.
So kann man dem einzelnen Redakteur exakt die Rechte zuweisen, die für
die jeweilige Aufgabe erforderlich sind. Chefredakteure haben dabei weitgehendere
Rechte.
Je nach Produkt werden diese Rechte über Verzeichnisdienste oder andere Formen
der Benutzerverwaltung definiert. Um dem Mitarbeiter die Informationssuche für
benötigte Inhalte zu vereinfachen, sind in Content-Managementsystemen Suchfunktionen
integriert, die nicht nur Inhalte aufspüren, sondern auch die Suche nach
unterschiedlichen Datei- beziehungsweise Dokumententypen erlauben.
Solche Suchmaschinen berücksichtigen auch Zugriffsrechte, damit nur zulässige
Inhalte bei der Suchanfrage ausgegeben werden. Eine der zentralen Aufgaben ist
www.brain-media.de

CMS-Basics 17
die Anbindung von externen Datenquellen und beliebigen Anwendungen, die in
der Regel über ein entsprechendes API angesprochen werden. Das gilt insbesondere
für Datenbanksysteme wie SQL-Datenbanken oder andere proprietäre Datenbankschnittstellen.
Die Architektur von Content-Managementsystemen: Das System dient
als Schnittstelle zwischen Anwender, Daten, Inhalten und traditionellen
Datenbanksystemen.
Von zentraler Bedeutung ist die Strukturierung und Formatierung von Inhalten.
Damit Inhalte und Dokumente ausgetauscht und bearbeitet werden können, müssen
Standards genutzt werden, die dieser Aufgabe gerecht werden. Einen ersten Schritt
in diese Richtung stellte die Einführung von SGML (Standard Generalized Markup
Language) in den frühen Achtzigern dar – als einheitliches Format für die Darstellung
und Präsentation von Publikationen. Heute werden Inhalte zunehmend in
XML verwaltet.
Heute buhlt eine schier unüberschaubare Anzahl an Content-Managementsystemen
um die Gunst der Anwender. Ein Blick auf die Website Contentmanager.de zeigt,
wie viele Lösungen heute zu haben sind. Neben kommerziellen sind es insbesondere
Open-Source-Projekte, die immer mehr Interesse finden. Das ist nicht weiter
verwunderlich, denn Umgebungen wie Joomla! & Co. müssen sich nicht vor
Joomla! kompakt

18 Joomla! und Content-Management
kommerziellen Produkten verstecken. So bleibt die Frage nicht aus, warum man
sich gerade für Joomla! entscheiden soll.
Die Frage lässt sich recht einfach beantworten. Joomla! ist ein sehr leistungsfähiges,
gleichzeitig aber auch ein sehr einfach zu wartendes CMS. Es basiert auf dem
etablierten Apache-PHP-MySQL-Gespann. Mambo ist erwiesenermaßen in der
Lage, selbst komplexe und stark frequentierte Websites zu realisieren. Nicht minder
interessant: Joomla! kann auf Linux- und auch auf Windows-Rechnern ausgeführt
werden. Das Client-Betriebssystem spielt ohnehin keine Rolle, da die Redakteure
mit einem Standard-Browser arbeiten.
Die Architektur des Content-Managementsystems Joomla!
Als modulare Umgebung kann Joomla! mit einer Vielzahl an Modulen funktional
erweitert werden. So stehen Module für Dokumentenmanagement, Bildergalerien,
Umfragen, Formular- und Templategenerator, Wettermodule und sogar Online-
Shops zur Verfügung. Für Administratoren und Redakteure wichtig: Das System
ist extrem einfach zu bedienen. Zum Erstellen von Inhalten verwendet man beispielsweise
einen Fast-WYSIWYG-Editor.
Wie man es von einem professionellen System erwartet, trennt Joomla! durch den
Einsatz von Templates den Inhalt vom CSS-basierten Layout. Mit dem Template-
Konzept kann man seiner Website ein beliebiges Layout verpassen. Weitere Highlights
sind die flexible Benutzerverwaltung, die Unterstützung von Content-
www.brain-media.de

Voraussetzungen schaffen 19
Syndication, der XML-Export und und und. Last but not least: Joomla! ist Open-
Source und unterliegt der weit verbreiteten GNU/GPL-Lizenz. Als Open-Source-
Software ist das CMS daher kostenlos verfügbar und kann bei Bedarf nach Belieben
erweitert werden.
Natürlich soll an dieser Stelle nicht verschwiegen werden, dass Joomla! auch –
zum Teil – erheblichen Einschränkungen unterliegt. Dazu mehr im letzten Kapitel,
das einen Ausblick auf Version 1.5 (und dessen Einschränkungen bietet). Dennoch:
Eine Evaluierung ist Joomla! immer wert. Nicht zuletzt die rasant steigende Fangemeinde
wird dafür sorgen, dass das CMS immer besser und leistungsfähiger
wird.
1.2 Voraussetzungen schaffen
Nun, da Sie wissen, was es mit Content-Management auf sich hat, wollen wir zur
Sache kommen. Bevor Sie sich an die Inbetriebnahme von Joomla! machen können,
sind verschiedene Voraussetzungen zu erfüllen. Die Voraussetzungen sind:
- Apache 1.3.19 oder höher
- PHP 4.2.x oder höher
- MySQL 3.23 oder höher
Das Aufsetzen eines Apache-Servers ist nicht unbedingt so leicht, wie viele meinen.
Noch schwieriger wird es, wenn weitere Pakete wie MySQL, PHP oder Perl
benötigt werden. Dieses Problem löst sich mit XAMPP nun fast von alleine. Bei
XAMPP handelt es sich um eine spezielle Distribution, die Apache, MySQL, PHP
und Perl kombiniert und die einfache Installation und Inbetriebnahme dieser Programme
ermöglicht. XAMPP ist über die ApacheFriends-Website
(http://www.apachefriends.org) in einer Linux-, einer MacOS-, einer Solaris- und
auch in einer Windows-Variante verfügbar.
Wichtig für die spätere Arbeit mit XAMPP: Auch der Datenbankmanager
phpMyAdmin gehört zum XAMPP-Paket. Damit sind Sie bestens gerüstet, um
Joomla! auszuführen. Allerdings soll hier auch darauf hingewiesen werden, dass
XAMPP nicht für den Produktivitätseinsatz konzipiert ist. Dazu später mehr.
Die Inbetriebnahme von XAMPP ist recht einfach. Wir beschränken uns hier auf
die Installation unter Linux und Windows. Die Installation unter Windows gestaltet
sich noch einfacher. Hier kann man eigentlich nichts falsch machen: Installieren,
starten und beenden – mehr braucht man für den Anfang nicht. Sollte man dennoch
Hilfe benötigen, findet man entsprechende Informationen auf der ApacheFriends-
Website.
Joomla! kompakt

20 Joomla! und Content-Management
Wenn Sie Joomla! unter Windows ausführen wollen, so laden Sie sich zunächst die
Windows-Variante von XAMPP herunter. Am einfachsten greifen Sie zur Installer-
Variante. Diese besitzt ein eigenes Installationsprogramm, mit dem Sie XAMPP
mit ein paar Mausklicks einrichten können.
Ebenfalls sehr einfach ist die Installation von XAMPP unter Linux. Hierzu laden
Sie sich die Linux-Variante herunter, machen sich mittels su zum Admin und führen
die Installation mit folgendem Kommando aus:
tar xvfz xampp-linux-1.5.4a.tar.gz -C /opt
Damit ist XAMPP an sich einsatzbereit. Sie müssen XAMPP und seine Server nur
noch starten. Dazu verwenden Sie folgenden Befehl:
/opt/lampp/lampp start
Noch einfacher ist die Sache unter Windows: Hier verwenden Sie am einfachsten
den Installer und starten XAMPP über das Startmenü. Der Zugriff auf die lokale
XAMPP-Installation erfolgt mit Ihrem Browser. Verwenden Sie dazu folgenden
URL:
http://localhost
Wenn Ihr System eine feste IP-Adresse besitzt oder Sie von einem Zweitrechner
auf die XAMPP-Installation zugreifen, müssen Sie localhost durch die entsprechende
IP-Adresse ersetzen.
Bevor Sie fortfahren, noch ein Wort zum Thema Sicherheit Ihrer XAMPP-
Installation. XAMPP ist in erster Linie eine Entwicklungs- und Testumgebung.
Daher ist XAMPP absichtlich nicht sonderlich restriktiv, sondern im Gegenteil
sehr offen vorkonfiguriert. Für die meisten Entwickler ist das ideal, da sie sich
nicht mit zu engen Grenzen des Systems herumschlagen müssen. Für einen Produktionseinsatz
taugt die Standardinstallation allerdings nicht. Konkret sind bei
einer Standard-XAMPP-Installation beispielsweise folgende Konfigurationen unsicher:
• Der MySQL-Administrator (root) besitzt kein Passwort.
• Der MySQL-Daemon ist übers Netzwerk erreichbar.
• Der ProFTPD-Daemon benutzt das Passwort lampp.
• phpMyAdmin ist übers Netzwerk erreichbar.
www.brain-media.de

Voraussetzungen schaffen 21
• MySQL und Apache laufen unter der gleichen Benutzerkennung (nobody).
Sie finden im XAMPP-Navigationsmenü den Sicherheitscheck, mit dem Sie den
aktuellen Sicherheitszustand einer XAMPP-Installation anzeigen können. Wenn
Sie mit Linux arbeiten, so können Sie mit dem Kommando /opt/lampp/lampp security
die XAMPP-Sicherheitseinstellungen bearbeiten.
XAMPP ist installiert. Nun können Sie sich
an die Installation von Joomla! machen.
Wenn Sie mehr über XAMPP erfahren wollen, sollten Sie XAMPP kompakt
(http://www.bomots.de/xampp/index.htm) lesen, das ebenfalls beim bomots-Verlag
erschienen ist. Dort finden Sie weitere Details zur optimalen Konfiguration von
XAMPP und zu Fragen des sicheren Einsatzes.
Joomla! kompakt

22 Joomla! und Content-Management
1.3 Joomla! in Betrieb nehmen
Da Sie mit der XAMPP-Installation die Voraussetzung für die Ausführung von
Joomla! geschaffen haben, müssen Sie nur noch das Content-Managementsystem
installieren. Im Folgenden gehen wir davon aus, dass Sie Joomla! auf Ihrem lokalen
System installieren. Wenn Sie es bei Ihrem Provider einrichten, sind die erforderlichen
Schritte natürlich die gleichen. Gegebenenfalls benötigen Sie dessen
Hilfe beim Einrichten der Datenbank und der Rechteanpassung. Für die Übertragung
zum Provider-Server verwenden Sie einen gängigen FTP-Client.
Als Nächstes laden Sie sich das aktuellste Joomla!-Paket von der Joomla!-Website
und entpacken dieses. Den dabei entstehenden Ordner können Sie einfach in
joomla umbenennen und dann in das htdocs-Verzeichnis Ihrer XAMPP-Installation
kopieren.
Als Nächstes wechseln Sie zu phpMyAdmin und erzeugen eine Datenbank für das
CMS. Kehren Sie dazu zu Ihrer XAMPP-Installation zurück und öffnen Sie unter
Tools den Datenbankmanager phpMyAdmin. Im Feld Neue Datenbank anlegen
geben Sie die Bezeichnung der Datenbank an und klicken auf Anlegen. Sie finden
die neu erstellte Datenbank anschließend im linken Auswahlmenü von phpMyAdmin.
Dann sollten Sie im nächsten Schritt einen Admin für Ihre Datenbank erzeugen.
Dazu wechseln Sie zur phpMyAdmin-Startseite, klicken auf Rechte und dann
auf Neuen Benutzer hinzufügen. Bezeichnen Sie diesen beispielsweise ebenfalls
mit joomla und weisen Sie dem Benutzer alle globalen Rechte zu.
www.brain-media.de

Joomla! in Betrieb nehmen 23
Mithilfe von phpMyAdmin erzeugen Sie Ihren Joomla!-Administrator.
Der mit diesen Schritten erzeugte Benutzer hat nun umfassende Berechtigungen.
Das Erstellen des Benutzers können Sie auch dem Joomla!-Installationsskript überlassen.
Dieses bietet Ihnen automatisch die Erzeugung des Admin-Benutzers an. Es
empfiehlt sich allerdings eine individuelle Bezeichnung.
Als Nächstes rufen Sie das Installationsskript von Joomla! auf. Dazu greifen Sie
mit Ihrem Browser auf folgenden URL zu:
http://localhost_bzw_ip-adresse/joomla/
Joomla! kompakt

24 Joomla! und Content-Management
Das Installationsskript analysiert zunächst
Ihr System auf seine Joomla!-Tauglichkeit.
Beim ersten Zugriff auf Joomla! meldet sich der Installationscheck, der die Ergebnisse
der Systemanalyse anzeigt. Sie erkennen zunächst unter Required Settings
Check, ob Ihr System die zwingend erforderlichen Systemanforderungen wie die
PHP-Version, MySQL-Datenbank etc. unterstützt. Wenn Sie als Grundlage eine
aktuelle XAMPP-Installation verwendet haben, wird Ihnen hier durch grüne Schrift
vermutlich bescheinigt, dass alle Voraussetzungen erfüllt sind. Falls die notwendigen
Anforderungen nicht erfüllt sind, müssen Sie sich um Abhilfe bemühen, denn
Sie können nur dann ein funktionierendes System aufsetzen, wenn alle Voraussetzungen
erfüllt sind.
Es folgt der Versionscheck. Hier zeigt Ihnen die Prüffunktion die aktuelle Programmversion
und deren Alter an. Über den Button Check for newer version können
Sie eine Verbindung zu Joomla.org aufbauen und nachschauen, ob inzwischen
eine neuere Version verfügbar ist.
Es folgt das Ergebnis des Sicherheitschecks. Hier zeigt Ihnen die Prüffunktion an,
ob und falls ja welche PHP-Einstellungen aus sicherheitstechnischer Sicht nicht
optimal sind. Hier ein Beispiel für eine typische Ausgabe:
www.brain-media.de

Joomla! in Betrieb nehmen 25
Joomla! RG_EMULATION setting is `ON` instead of `OFF` in file
globals.php
`ON` by default for compatibility reasons
Prüfen Sie, ob Sie die Einstellungen anpassen sollten. Für Einsteiger kann dies
zugegebenermaßen ein schwieriges Unterfangen sein. Folgen Sie gegebenenfalls
dem Link The Official Joomla! Server Security Post. Dort finden Sie weitere Detailinformationen
zu allen sicherheitsrelevanten Belangen.
Die Ergebnisse der Sicherheits- und Berechtigungschecks.
Die Pre-Installation-Check-Seite zeigt Ihnen die Ergebnisse zweier weiterer Prüfungen
an. Unter Recommended Settings Check zeigt Ihnen Joomla! an, welche
Einstellungen die Entwickler für sinnvoll halten und ob diese auch Ihren Einstellungen
entsprechen.
Schließlich zeigt Ihnen die Prüffunktion an, ob die erforderlichen Verzeichnisse
schreibbar sind. Joomla! benötigt für folgende Verzeichnisse Schreibrechte:
Joomla! kompakt

26 Joomla! und Content-Management
administrator/backups/
administrator/components/
administrator/modules/
administrator/templates/
cache/
components/
images/
images/banners/
images/stories/
language/
mambots/
mambots/content/
mambots/editors/
mambots/editors-xtd/
mambots/search/
mambots/system/
media/
modules/
templates/
Mithilfe eines FTP-Clients oder mit anderen Betriebssystem-spezifischen Werkzeugen
können Sie gegebenenfalls die Berechtigungen bearbeiten. Klicken Sie
nach Änderungen auf Check Again, um eine erneute Prüfung zu starten.
Entsprechen die Einstellungen Ihren Anforderungen, so klicken Sie im Kopfbereich
auf den Link Next. Sie landen bei den Lizenzbestimmungen. Mit einem weiteren
Klick auf Next gelangen Sie zum ersten von vier Installationsdialogen.
Im ersten Installationsdialog erfolgt die MySQL-Datenbankkonfiguration. Hier
geben Sie zunächst den Hostnamen an, auf dem der MySQL-Server ausgeführt
wird. Es folgt die Angabe der MySQL-Benutzernamens. So Sie beispielsweise
mithilfe des XAMPP-Sicherheitsskripts keine Änderungen vorgenommen haben,
verwenden Sie root als Benutzer. Es folgt die Angabe des Passworts für die Datenbank.
www.brain-media.de

Joomla! in Betrieb nehmen 27
In das Eingabefeld MySQL Database Name geben Sie den oben verwendeten Begriff
an. Sie können außerdem das Datenbank-Präfix anpassen, bestehende Tabellen
entfernen, ein Backup von älteren Tabellen durchführen und durch Aktivieren
der Option Install Sample Data Beispieldaten einspielen. Für den Einstieg ist es
sicherlich sinnvoll, die Beispieldaten mitzuinstallieren.
Die MySQL-Datenbankkonfiguration.
Klicken Sie nun auf Next. Joomla! gibt einen Hinweis aus, dass das System nun
versucht, auf die von Ihnen angegebene Datenbank zuzugreifen. Die entsprechende
Meldung schließen Sie mit OK. Gelingt der Zugriff, so landen Sie automatisch im
zweiten Schritt. Hier weisen Sie Ihrer Site eine Bezeichnung zu.
Wir nähern uns mit großen Schritten dem Abschluss der Installation. Mit einem
weiteren Klick auf Next gelangen Sie zum dritten Schritt, in dem Ihnen das Installationsskript
den URL Ihrer Site und den lokalen Pfad präsentiert. Sie können außerdem
die E-Mail-Adresse und das Passwort des Admins angeben. Schließlich
Joomla! kompakt

28 Joomla! und Content-Management
können Sie Datei- und Verzeichnisberechtigungen anpassen. Für den Einstieg ist es
ratsam, die Standardvorgaben beizubehalten.
Der dritte Installationsschritt.
Mit einem letzten Klick auf Next schließen Sie die Installation ab. Gratulation – Sie
haben Ihr erstes Joomla!-System installiert. Im vierten Schritt zeigt Ihnen das Installationsskript
die Login-Details des Administrators an. Über View Site können
Sie sich einen ersten Eindruck von Ihrer Site verschaffen. Über den Link Administration
gelangen Sie zum Administrationsbereich.
Bevor Sie allerdings auf die Site bzw. den Admin-Bereich zugreifen können, müssen
Sie das bei der Installation erzeugte Install-Verzeichnis (Pfad_zu_Ihrer_Joomla_Installation/htdocs/installation)
löschen. Erst dann ist ein Zugriff möglich.
www.brain-media.de

Joomla! in Betrieb nehmen 29
Glückwunsch! Joomla! liegt Ihnen zu Füßen. Sie müssen
sich nur noch einloggen – und schon kann’s losgehen.
Wenn Sie den Aufwand für die Installation von XAMPP und die Installation von
Joomla! scheuen, so können Sie – zumindest gilt das für Windows-Benutzer – auch
einen einfacheren Weg einschlagen. Mit JSAS (Joomla! Stand Alone Server) von
Joomlasolutions (http://www.joomlasolutions.com) und XJ! von CreativeCoders
(http://www.creativecoders.de) gibt es zwei vorkonfigurierte Systeme, die Sie nur
auf Ihrem Windows-Rechner installieren müssen, und schon können Sie direkt
loslegen.
XJ! ist klein und einfach zu handhaben.
Joomla! kompakt

30 Joomla! und Content-Management
Welche dieser beiden Lösungen im Einzelfall die beste ist, ist sicherlich Geschmacksache.
XJ! basiert auf XAMPP Lite und ist kinderleicht in der Handhabung.
Für XJ! spricht auch, dass die Entwickler eine deutschsprachige Dokumentation
zum Download bereitstellen.
1.4 Was Sie sonst noch wissen sollten
Da Sie nun ein lauffähiges Joomla!-System aufgesetzt haben, sollen Ihnen noch
einige grundlegende Informationen zum Umgang mit Joomla! Ihnen den Einstieg
erleichtern. Beim Umgang mit Joomla! werden Ihnen immer wieder zwei zentrale
Begriffe über den Weg laufen: Frontend und Backend.
Das Frontend ist die Ansicht, die die Besucher der Website zu Gesicht bekommen.
Hier finden Sie die Inhalte, die verschiedenen Navigationsleisten und Menüs, mit
denen sich der Benutzer in der Website bewegen kann. Eine typische Joomla!-Site
besitzt auch eine Grafik, eine Suchfunktion, einen Login-Dialog und dergleichen
mehr. Das Backend ist der Administrationsbereich, über den Sie die Einstellungen
Ihrer Umgebung definieren, Inhalte und Benutzer verwalten etc.
Die typische Frontend-Ansicht einer Joomla!-Site.
www.brain-media.de

Was Sie sonst noch wissen sollten 31
Wie Sie voranstehender Abbildung entnehmen können, wird eine Site aus typischen
Blöcken aufgebaut, die Sie links, rechts, mittig oder an anderer Stelle positionieren
können. Die Position einer Leiste oder eines anderen Elementen wird
durch Templates bestimmt. Templates sorgen aber nicht nur für die Positionierung,
sondern auch für das Site-Design. Sie bestimmen also auch Farbe, Schriften etc.
Beim Umgang mit Joomla! begegnen Ihnen weitere zentrale Begriffe immer wieder.
Der wohl wichtigste ist der der Komponente. Dahinter verbergen sich funktionale
Erweiterungen des Joomla!-Grundsystems. Bei einer Standardinstallation sind
bereits verschiedene Komponenten integriert, beispielsweise die Bannerverwaltung,
eine Abstimmungsfunktion oder das Link-Verzeichnis. Komponenten verrichten
ihre Arbeit in der Regel im Hintergrund und stellen spezifische Funktionen
bereit. Selbst komplexe Funktionen wie ein Online-Shop oder eine Community
lassen sich dank der Komponenten realisieren.
Ein weiterer zentraler Begriff: Module. Sie sind zuständig für die Darstellung der
von den Komponenten bereitgestellten Funktionen im Frontend – also auf Benutzerseite.
In der Praxis spielen Komponenten und Module häufig zusammen.
Dann begegnen Sie immer wieder den so genannten Mambots, die übrigens in
Zukunft durch die Plugins ersetzt werden. Diese arbeiten unsichtbar im Hintergrund,
stellen ihrerseits aber bestimmte Funktionen zur Verfügung. So sorgen sie
beispielsweise für den Seitenumbruch, die Suche in Inhalten, die Verwendung von
Grafiken und vieles mehr.
Alle diese Funktionen bilden quasi den Rahmen für Ihre Inhalte. Sie erlauben es,
auf all Ihren Seiten Grundfunktionen wie das Hauptmenü, die Suche etc. zu präsentieren.
Mit diesem Grundwissen sind Sie nun gewappnet, um in die Administration
einer Joomla!-Site einzusteigen. Das ist Thema des nächsten Kapitels. Wenn Sie
mit den Grundzügen der Joomla!-Administration vertraut sind, können Sie Ihre
erste eigene Site realisieren.
Joomla! kompakt

32 Joomla! und Content-Management
www.brain-media.de

33
2 Einstieg in die Joomla!-Administration
Nach dem ersten Einloggen präsentiert Ihnen Joomla! seine ansprechend gestaltete
Benutzeroberfläche, über die alle erdenklichen administrativen Aufgaben durchgeführt
werden. Im Kopf finden Sie die Joomla!-Menüleiste mit ihren zehn Menüs.
Außerdem zeigt die Leiste die Anzahl der ungelesenen Mails, die Anzahl der Online-Benutzer
und den Logout-Link an.
Über die Administrationszentrale erfolgt die Steuerung einer Website. All das, was
mit dem Erstellen einer Site, dem Editieren und Publizieren zu tun hat, wird hier
gesteuert. Die Schnittstelle besteht aus vier Bereichen:
• Menüleiste
• Symbolleiste
• Infoleiste
• Arbeitsbereich
Die typische Benutzerschnittstelle von Joomla!
Joomla! kompakt

34 Einstieg in die Joomla!-Administration
Schauen wir uns die verschiedenen Bereiche genauer an. Über die Menüleiste
rufen Sie die verschiedenen Funktionen und Einstellungen des Content-
Managementsystems auf. Hier finden Sie neben dem Link zur lokalen Joomla!-Site
elf Menüs: Home, Site, Menu, Content, Components, Modules, Mambots,
Installers, Messages, System und Help. In den verschiedenen Menüs sind funktional
ähnliche Aktionen zu finden. So nehmen Sie beispielsweise über das Menü Site
globale Einstellungen vor und greifen auf statistische Informationen zu oder erzeugen
neue Benutzer.
Nicht minder wichtige Aufgaben übernehmen die Info- und die Symbolleiste. In
der Infoleiste werden folgende Informationen angezeigt:
• Die Bezeichnung der aktuellen Website
• Das aktuelle Menü, in dem man sich gerade befindet
Prinzipiell gehören drei Informationen, die in der Menüleiste angezeigt werden,
ebenfalls eher zur Infoleiste:
• Die Anzahl der ungelesenen Nachrichten
• Die Anzahl der aktuell eingeloggten Benutzer
• Der Name des eingeloggten Benutzers
Die Menü-, Info- und Symbolleiste von Joomla!
Aktivieren Sie einen Funktionsbereich, beispielsweise durch einen Klick auf Content
Item Manager, so öffnet Joomla! eine weitere Symbolleiste, über die Sie typische
Aufgaben wie das Publizieren, Sichern, Löschen etc. vornehmen. Dabei stehen
abhängig von der aktivierten Funktion folgende Funktionen zur Verfügung:
• New: Erzeugt ein neues Element, beispielsweise einen neuen Link.
• Edit: Mit diesem Befehl öffnet und bearbeitet man die Einstellungen
eines zuvor erzeugten Elements.
• Publish: Dieser Befehl publiziert eine Seite oder ein ausgewähltes
Element.
• Unpublish: Dieser Befehl nimmt ein Element (oder auch mehrere)
aus der Website heraus. Es wird nicht gelöscht, sondern ist vielmehr
nicht mehr für den Endanwender verfügbar.
www.brain-media.de

35
• Archive: Dieser Befehl archiviert das oder die Elemente. Aus dem
Archiv können sie wieder reaktiviert werden.
• Move: Mit diesem Befehl verschiebt man ein Element in eine andere
Auswahl, Kategorie oder Ablage.
• Copy: Kopiert ein Element an einen anderen Speicherplatz.
• Trash: Löscht bzw. entfernt ein Element.
• Help: Die Hilfefunktion ist unabhängig von der gewählten Funktion
immer verfügbar.
Auf den Arbeitsbereich und seine Einstellungen kommen wir weiter unten bei den
jeweiligen Funktionen und Einstellungen zu sprechen.
Die lokale Joomla!-Administrationszentrale stellt auf ihrer Einstiegsseite das so
genannte Control Panel mit den wichtigsten Funktionen sowie einen Infokasten zur
Verfügung. Über die Schaltflächen der Systemsteuerung greifen Sie auf die wichtigsten
Funktionen wie die Elementenverwaltung, die verschiedenen Manager, die
Benutzerverwaltung und auch die Systemkonfiguration schnell zu. So sparen Sie
sich das Öffnen über die Menüleiste. Der Infokasten liefert nützliche Informationen
über die gerade eingeloggten Benutzer, zu den Komponenten und eine Menüstatistik.
Über Register greifen Sie bequem auf die verschiedenen Informationen
zu.
2.1 Wissenswertes über Benutzer, Administratoren
und Manager
Eine neue Joomla!-Installation besitzt einen User, den man auch als Super-
Administrator bezeichnet. Er hat die Kennung admin und das bei der Einrichtung
zugewiesene Passwort. Um administrative Aufgaben auf mehrere Schultern verteilen
zu können, verfügt Mambo über drei Administratortypen:
• Super Administrator
• Administrator
• Manager
Der Super-Administrator, von dem übrigens auch mehrere eingerichtet werden
können, ist eine Art höchste Instanz. Er richtet Benutzer und Administratoren ein,
weist Zugriffsrechte zu und und und. Er hat außerdem Zugriff zu allen Backend-
Administrationsfunktionen. Benutzer, die der Super-Administrator-Gruppe angehören,
können nicht gelöscht und auch nicht in eine andere Gruppe verschoben
werden. Der Administrator hat leicht eingeschränkte Rechte und Zugriff zu den
Joomla! kompakt

36 Einstieg in die Joomla!-Administration
Admin-Funktionen. Ein Administrationsbenutzer kann folgende Aktionen nicht
durchführen:
• Hinzufügen und Editieren von Benutzern der Super-Admingruppe
• Zugriff zu den globalen Einstellungen
• Zugriff auf die Massenmailfunktionen
• Verwalten und Installieren von Templates
• Verwalten und Installieren von Sprachdateien
Die Joomla!-Manager sind im Allgemeinen auf die Erzeugung und Bearbeitung
von Content beschränkt. Daraus ergibt sich, dass ihre Berechtigungen weiter eingeschränkt
sind als die der Administratoren. Sie unterliegen zusätzlich folgenden
Einschränkungen:
• Verwalten von Benutzern
• Installation von Modulen
• Installation von Komponenten
• Zugriff auf Komponenten (entsprechend der Steuerung durch den Super-
Administrator)
Joomla! unterscheidet zwischen zwei Benutzerhierarchien: eine für den Zugriff auf
das Frontend, über das typische Benutzer sich beispielsweise in eine Website einloggen
und auf Inhalte zugreifen, und eine für den Backend-Zugriff, der der Systemadministration
bzw. der Administration von Teilbereichen eines Mambo-
Systems dient. Die Standardgruppen sind:
Öffentliches Frontend
Registrierte Benutzer
Autoren
Editoren
Publisher
Öffentliches Backend
Manager
Administratoren
Super-Administratoren
www.brain-media.de

37
Die Benutzergruppen Public Frontend und Public Backend wurden mit dem Vorläufer
Mambo 4.5 eingeführt. Sie helfen, eine detaillierte Steuerung zu realisieren.
Beim Erstellen eines neuen Benutzers legt man
auch dessen Gruppeneigenschaften fest.
Etwas irritierend ist obiger Dialog, da man den Eindruck gewinnen könnte, als
seien Autoren eine Untergruppe der öffentlichen Frontend-Gruppe und als sei der
Super-Administrator den Administratoren untergeordnet. Dem ist aber natürlich
nicht so. Vielmehr muss man Public Frontend und Public Backend als Oberbegriffe
verstehen.
Joomla! kompakt

38 Einstieg in die Joomla!-Administration
Die registrierten Benutzer können sich von außen in das System einloggen und
haben in der Regel Zugriff auf beschränkte Inhalte und Seiten. In diesem Zusammenhang
spielt auch die Vererbung eine wichtige Rolle. Zugriffsrechte, die einer
übergeordneten Benutzergruppe (beispielsweise Public Frontend) zugewiesen
wurden, gelten automatisch auch für die Kind-Gruppen (Editor) – sofern sie nicht
ausdrücklich anders definiert sind. Die Mitglieder der Gruppe Author können neue
Inhalte erzeugen, die der Gruppe Editor können ebenfalls in beschränktem Umfang
Objekte an das System übergeben und Inhalte erzeugen. Publisher schließlich können
Inhalte erzeugen und veröffentlichen. Die spezifischen Rechte und Beschränkungen
der Gruppe Public Backend sind bereits oben beschrieben.
Wichtig zu wissen: Die Verfügbarkeit von Content-Elementen, Menübefehlen,
Modulen und Komponenten kann man gezielt für bestimmte Gruppen und Anwender
beschränken. Joomla! unterscheidet dabei zwischen den beiden Status öffentlich
(public) und registriert (registered), denen wir oben bereits begegnet sind. Was
bedeutet das nun für den Praxiseinsatz? Nun, alle Objekte, die als öffentlich deklariert
sind, sind für Benutzer von außen nutzbar. Anonyme Anwender können also
öffentliche Inhalte betrachten. All jene Elemente und Inhalte, denen man den Zugriffsstatus
registered zuweist, sind nur für berechtigte Anwender zugänglich.
Abhängig von ihren Rechten können sie auch Änderungen an diesen vornehmen.
2.2 Konfiguration einer Joomla!-Site
Widmen wir uns der Systemadministration. Über das Menü Site steht Ihnen eine
Vielzahl wichtigster Konfigurationsmöglichkeiten zur Verfügung. Hier nehmen Sie
insbesondere die Site-übergreifenden Einstellungen vor und arbeiten mit verschiedenen
Managern, die beispielsweise Sprachen, Medien, Templates und Benutzer
verwalten. Außerdem sind über das Menü Site die Vorschaufunktion sowie verschiedene
Statistiken verfügbar.
www.brain-media.de

Konfiguration einer Joomla!-Site 39
Die Site-übergreifende Konfiguration des Systems.
Das Herzstück der Site-Konfiguration sind die globalen Einstellungen, die über
Global Configuration verfügbar sind. Änderungen der zugehörigen Einstellungen
aktualisieren die Konfigurationsdatei configuration.php.
Das Menü Site Configuration weist zehn Register auf, über die Sie unterschiedliche
Aspekte der allgemeinen Einstellungen vornehmen:
• Site
• Locale
• Content
• Database
• Server
• Metadata
• Mail
• Cache
• Statistics
• SEO
Joomla! kompakt

40 Einstieg in die Joomla!-Administration
Wichtig ist, dass die Konfigurationsdatei configuration.php schreibbar ist. Das
wird auch beim Einrichten des Joomla!-Systems sichergestellt. In der Kopfzeile
wird der Status der Konfigurationsdatei angezeigt. Sollte die Datei nicht schreibbar
sein, so müssen Sie die Einstellung mit einem FTP-Client oder einem Dateimanager
wie Nautilius unter Linux oder dem Windows Explorer entsprechend ändern.
In der Kopfzeile können Sie außerdem über die Option Make unwritable after
saving den Schreibschutz aktivieren.
Die Einstellungen des Registers Site.
Nachstehende Tabelle fasst die Funktionen des Registers Site zusammen:
Option
Site offline
Beschreibung
Mit diesem einfachen Schalter legen Sie fest, ob die Site
offline geht oder online bleibt. Man hat die Wahl zwischen
den Standardwerten No und Yes. Der Einsatz
dieser Option ist dann sinnvoll, wenn man beispielsweise
eine umfangreiche Systemaktualisierung vornehmen
will. In einem solchen Fall sollten Sie die Site über Yes
vom Netz nehmen.
www.brain-media.de

Konfiguration einer Joomla!-Site 41
Option
Offline message
System error message
Site name
Show
links
unauthorized
Allow user registration
Use New Account
Activation
Require Unique Email
Debug site
Wysiwyg editor
List Length
Favourites Site Icon
Beschreibung
In diesem Eingabefeld hinterlegen Sie die Meldung, die
ausgegeben wird, wenn die Site offline geschaltet wurde.
Sie können den Vorgabetext beispielsweise durch
„Wartungsarbeiten! Die Site ist um 18 Uhr wieder verfügbar“
ersetzen.
In diesem Textfeld hinterlegen Sie die Standardmeldung,
die ausgegeben wird, wenn Fehler beim Zugriff
auf die MySQL-Datenbank auftreten.
Hier findet man die Site-Bezeichnung, die man beim
Einrichten des Systems zugewiesen hat. Joomla! beherrscht
allerdings noch nicht die Verwaltung mehrerer
Sites.
Aktiviert man diese Option, so sehen auch öffentliche
Benutzer die Links, wie sie sich registrierten Benutzern
präsentieren. Man hat die Wahl zwischen No und Yes.
Der Schalter steht standardmäßig auf No.
Mit dieser Option legt man fest, ob der Link zum Registrierungsformular
aktiviert wird oder nicht. Standardmäßig
ist diese Option aktiviert.
Schaltet man diese Option auf Yes, erhält ein neuer
Benutzer ein mit einem Zufallsgenerator erzeugtes
Passwort per Mail. Über den Link kann er dann den
Account aktivieren.
Setzt man diesen Schalter auf Yes, so kann der Benutzer
nicht die gleiche E-Mail-Adresse mit anderen Anwendern
gemeinsam nutzen.
Mit dieser Option aktiviert bzw. deaktiviert man den
Debug-Modus, der Fehlermeldungen der Site ausgibt.
Für den Administrator sind dies wichtige Informationsquellen
für die Fehlersuche. Die Option ist standardmäßig
allerdings deaktiviert.
Über dieses Auswahlmenü legt man den WYSIWYG-
Editor für das Erzeugen von Webseiten fest.
Hier legt man die Standardlängen von Listen fest. Mambo
gibt standardmäßig den Wert 10 vor. Mögliche Alternativen
sind 5, 15, 20, 25, 30 und 50.
Hier legt man das Favicon der Site fest. Nimmt man
keine Einstellung vor, so wird der Standard favicon.ico
verwendet.
Joomla! kompakt

42 Einstieg in die Joomla!-Administration
2.2.1 Register Locale
Auf dem Register Locale nehmen Sie verschiedene Länder-spezifische Einstellungen
vor. Über das Auswahlmenü Language legen Sie die Standardsprache fest.
Dazu ist erforderlich, dass mit dem Language Manager weitere Sprachversionen
installiert sind. Vorsicht ist beim Umstellen der Sprache geboten. Man sollte unbedingt
darauf achten, dass man ein Language Pack für die jeweilige Joomla!-
Version verwendet. Andernfalls kann es zu unangenehmen Problemen führen.
Daher empfiehlt es sich, ein Sprachpaket auf einem Testsystem zu testen. Da die
Sprachpakete bislang eher durchwachsener Qualität sind, bleiben wir bei der englischen
Variante. Die deutschen Pakete sind häufig nicht durchgängig lokalisiert –
gelegentlich sogar falsch übersetzt. Daher macht es wenig Sinn, mit halbfertigen
Paketen zu arbeiten.
Über das Register Locale bearbeitet man
Länder-spezifische Einstellungen.
Es folgt das Auswahlmenü Time offset. Hier geben Sie die Zeitverschiebung zur
Zeitzone GMT (Greenwich Mean Time, also die britische Zeitzone) an. Schließlich
definieren Sie unter Country locale die Ländereinstellungen. In der Sommerzeit
müssen Sie dann beispielsweise den Wert auf Null setzen. Standardmäßig gibt
Mambo en_GB vor. Für Deutschland wählen Sie entsprechend de_DE.
Wichtig bei allen Änderungen, die Sie vornehmen: Erst durch einen Klick auf Save
in der Symbolleiste werden die Änderungen übernommen. Joomla! gibt nach der
Übernahme die Meldung The configuration details have been updated aus.
www.brain-media.de

Konfiguration einer Joomla!-Site 43
Die Content-spezifischen Einstellungen.
2.2.2 Register Content
Über das Register Content stehen Ihnen verschiedene Einstellungen für die Content-Gestaltung
zur Verfügung. Sie werden über die Kontrollkästchen Yes und No
bzw. Show und Hide ein- bzw. ausgeschaltet. Zu den Einstellungen gehört beispielsweise,
ob PDF- und Druck-Icons verwendet werden sollen oder nicht. Zu
verschiedenen Einstellungen stehen über das Fragezeichen erläuternde Informationen
zur Verfügung. Die Einstellungen im Detail:
Joomla! kompakt

44 Einstieg in die Joomla!-Administration
Option
Linked titles
Read more link
Item rating/voting
Author names
Created date and
time
Modified date
and time
Hits
PDF Icon
Print icon
Email icon
Icons
Table of contents
on multipage
items
Back button
Content Item
Navigation
Beschreibung
Ähnlich einem Blog werden hier die Titel von Content-
Elementen als Link dargestellt.
Diese Option ist standardmäßig aktiv und zeigt den Link
Read more für weitere Details eines Artikels.
Aktiviert man diese Option, so können Benutzer die Inhalte
bewerten. Dazu steht die so genannte Star-Leiste zur Verfügung.
Mit dieser Option kann man den Namen des Autors verbergen,
wenn seine Inhalte auf der Website veröffentlicht werden.
Setzt man diese Option auf Yes, so werden das Erstelldatum
und die Zeit ausgeblendet. Andersfalls werden beide Informationen
auf der Seite angezeigt. Die Daten werden im
oberen Dokumentenbereich platziert.
Mit diesem Schalter kann man das Datum und die Uhrzeit
der letzten Änderung ein- bzw. ausblenden. Diese Informationen
werden im unteren Dokumentenbereich platziert.
Aktiviert die Ansicht der Zugriffe auf ein Dokument bzw.
Content-Element.
Mit diesem Schalter blendet man das PDF-Icon ein bzw. aus.
Es erlaubt die Konvertierung des aktuellen Dokuments in das
PDF-Format. Damit diese Funktion genutzt werden kann,
muss das Media-Verzeichnis schreibbar sein.
Mit dieser Option schaltet man das Druckersymbol ein bzw.
aus. Es ruft die druckerfreundliche Version der aktuellen
Seite auf.
Über diesen Schalter blendet man das Mail-Symbol ein bzw.
aus, das den Versand der aktuellen Seite per Mail erlaubt.
Hiermit legt man fest, ob die PDF-, Druck- und E-Mail-
Funktionen als Icons oder als Text angezeigt werden.
Mit dieser Option erzeugt man ein Inhaltsverzeichnis bei
mehrseitigen Dokumenten.
Hiermit aktiviert bzw. deaktiviert man den Back-Button, mit
dem man zum zuvor geöffneten Dokumente zurückkehrt.
Hiermit blendet man die Navigationselemente ein bzw. aus.
www.brain-media.de

Konfiguration einer Joomla!-Site 45
Ein Beispiel für den Einsatz der Rating-Funktion ...
…und ein Beispiel für die Verwendung der Schaltflächen
PDF, Drucker und Mail in der Vorschau.
2.2.3 Register Database
Auf dem Register Database finden Sie die datenbankspezifischen Einstellungen,
die Sie bei der Einrichtung des Systems definiert haben. Es handelt sich naturgemäß
um ausgesprochen wichtige Einstellungen, da Mambo letztlich nichts anderes
als ein Datenbankmanager ist. Nur bei korrekten Einstellungen kann Mambo auch
korrekt arbeiten. Die Einstellungen:
• Hostname: Hier tragen Sie den Hostnamen ein, meist localhost.
• Username: Hier den Datenbankbenutzernamen, beispielsweise root.
• Password: Hier das Passwort des Datenbankbenutzers.
• Name: Hier finden Sie die Datenbankbezeichnung.
• Type: Hier den Datenbanktyp, in der Regel mysql.
• Prefix: Hier finden Sie das Präfix jos_, das von Datenbankeinträgen genutzt
wird.
Joomla! kompakt

46 Einstieg in die Joomla!-Administration
Die Datenbankeinstellungen.
2.2.4 Register Server
Auf dem Register Server finden Sie verschiedene Server-spezifische Informationen
und Einstellungen. Die hier angezeigten Einstellungen werden während des Setups
eingerichtet und sollten daher nicht geändert bzw. können auch teilweise nicht
verändert werden. Die Einstellungen im Überblick:
• Absolute Path: Hier wird der absolute Pfad der Joomla!-Installation angezeigt,
beispielsweise /opt/lampp/htdocs/mambo/.
• Live Site: Hier findet man den absoluten URL für die Joomla!-Site, beispielsweise
192.168.0.3/mambo/.
• GZIP Page Compression: Hier findet man den gepufferten Output, sofern
dies vom Server unterstützt wird. Die optimale Einstellung hat positive
Auswirkungen auf die Systemperformance.
• Site Session Lifetime: Hier trägt man die Lebensdauer der Session ein.
Der Standardwert ist 900 Sekunden, also 15 Minuten.
• Admin Session Lifetime: Dem Administrator weist man in der Regel einen
höheren Wert zu.
• Remember Expired Admin Page: Wird eine Session beendet und loggt
sich der Admin innerhalb von 10 Minuten erneut ein, so versucht das System
ihn zu der Seite zu führen, auf der er ausgeloggt wurde.
• Session Authentication Method: Hier können Sie die Authentifizierungsmethode
ändern. Sie haben die Wahl zwischen drei Einstellungen.
Belassen Sie es bei Level 3 Security – außer zu Testzwecken. Beim Betrieb
hinter einen Proxy-Server können Sie die Sicherheitsstufe auch auf
Level 2 herunterfahren.
www.brain-media.de

Konfiguration einer Joomla!-Site 47
• Error Reporting: Hier legt man den Umfang der Fehlerberichte fest.
Man hat die Wahl zwischen System Default, None, Simple und Maximum.
In der Regel genügt die Option Default. Ein Hochsetzen ist nur dann
sinnvoll, wenn immer wieder Fehler auftreten und eine praktikable Lösung
noch fehlt.
• Help Server: Hier findet man den Link zum Mambo/Dokumentationsserver.
Die Vorgabe lautet entsprechend
http://help.joomla.com.
Die Server-Einstellungen.
Für das Erstellen von Dateien und Verzeichnissen können Sie neben den Standardvorgaben
des Content-Managementsystems auch spezifische Berechtigungen definieren.
Dazu markieren Sie bei den Einstellungen File Creation bzw. Directory
Creation die Option CHMOD new files to bzw. CHMOD new directories. In die
Eingabefelder geben Sie dann die Berechtigung manuell ein. Alternativ setzen Sie
die Berechtigung über die typische Auswahl.
Joomla! kompakt

48 Einstieg in die Joomla!-Administration
Sowohl für die Dateien als auch für die Verzeichnisse können Sie zusätzlich die
Option Apply to existing files aktivieren. Diese Option weist die gewählte Berechtigung
für alle Dateien bzw. Verzeichnisse der Joomla!-Site zu. Der unsachgemäße
Einsatz dieser Option kann die Site angreifbar machen. Daher sollten Sie auf deren
Verwendung verzichten.
Das manuelle Setzen von Berechtigungen für
neue Dateien und neue Verzeichnisse.
2.2.5 Register Metadata
Auf dem Register Metadata nehmen Sie die Einstellungen für die Metadaten vor.
Dazu stehen zwei Textfelder zur Verfügung. Die Metadaten dienen der Site-
Beschreibung und werden insbesondere von Suchmaschinen für die Indizierung
verwendet. Sie sollten sich die Zeit nehmen und die Felder mit relevanten Beschreibungen
und Schlüsselwörtern füttern.
In das Feld Meta Description geben Sie die Site-Beschreibung ein. Beschränken
Sie die Beschreibung auf maximal 20 Wörter und achten Sie dabei auf eine aussagekräftige
Beschreibung. In das Textfeld Meta Keywords geben Sie der Reihe nach
die wichtigsten Schlüsselwörter ein. Die einzelnen Wörter werden lediglich durch
Leerzeichen oder Komma getrennt. Auch hier sollten Sie darauf achten, dass Sie
zutreffende Begriffe verwenden. Für die wichtigsten Begriffe stehen 300 bis maximal
500 Zeichen zur Verfügung.
www.brain-media.de

Konfiguration einer Joomla!-Site 49
Die Eingabefelder für die Meta-Informationen.
Das Formular Metadata bietet zwei weitere Optionen, die beide standardmäßig
aktiviert sind:
• Show Title Meta Tag: Diese Option sorgt dafür, dass auch das Metatag
Title in Dokumenten aufgeführt wird.
• Show Author Meta Tag: Mit dem Schalter aktivieren Sie die Verwendung
des Autoren-Meta-Tags.
2.2.6 Register Mail
Die Funktion des Registers Mail erklärt sich fast von alleine. Hier nehmen Sie die
E-Mail-spezifischen Einstellungen für das Joomla!-System vor. Dabei legen Sie
zunächst über das Auswahlmenü Mailer fest, ob Mails nach draußen über die PHP-
Mailer-Funktion, Sendmail oder einen anzugebenden SMTP-Server versendet
werden.
Im Textfeld Mail From geben Sie die E-Mail-Adresse des Administrators an, gefolgt
vom Namen der Mambo-Site. Verwenden Sie Sendmail und wird dieser auf
dem gleichen System betrieben, so gibt man im Feld Sendmail Path den Pfad zur
Sendmail-Installation an. Es folgen verschiedene Einstellungen für den SMTP-
Server. Zunächst legen Sie fest, ob Sie sich auf dem SMTP-Server authentifizieren
müssen. Falls ja, geben Sie in die Textfelder SMTP User und SMTP Pass die Benutzerkennung
und das Passwort ein. Natürlich darf auch die IP-Adresse bzw. der
Joomla! kompakt

50 Einstieg in die Joomla!-Administration
Servernamen nicht fehlen. Durch einen Klick auf Save sichern Sie die Einstellungen.
Nun können auch Mails aus der Joomla!-Site heraus auf den Weg gebracht
werden.
Die Einstellungen für den Mailversand.
2.2.7 Register Cache
Recht bescheiden fällt die Konfiguration des Zwischenspeichers über das Register
Cache aus. Hier legen Sie zunächst fest, ob der Cache aktiviert werden soll oder
nicht. Standardmäßig ist er deaktiviert, sollte aber zugunsten einer besseren Systemperformance
aktiviert werden.
www.brain-media.de

Konfiguration einer Joomla!-Site 51
Die Konfiguration des Joomla!-Zwischenspeichers.
Unter Cache Folder ist der Pfad zum Cache-Ordner hinterlegt. Das Register erlaubt
außerdem das Festlegen der Zeitspanne, wie lange Objekte (in Sekunden)
zwischengespeichert werden. Änderungen sind in der Regel nicht erforderlich.
2.2.8 Register Statistics
Auch die Einstellungen des Registers Statistics fallen bescheiden aus. Hier aktivieren
Sie zunächst verschiedene Statistikfunktionen. Dabei handelt es sich um die
Auswertung der Server-Logfiles. Standardmäßig sind die statistischen Funktionen
deaktiviert.
Es folgt die Option Log Content Hits by Date. Aktiviert man diese, so werden die
Zugriffe nach dem Datum aufgezeichnet. Bevor Sie diese Option aktivieren, sollten
Sie sich bewusst sein, dass dabei erhebliche Datenmengen gesammelt werden.
Über die Konfiguration der Joomla!-Statistik können Sie die verwendeten Suchbegriffe
protokollieren. Auch diese Option ist standardmäßig deaktiviert. Die Ergebnisse
sind dann über Site> Statistics> Search Text abrufbar.
2.2.9 Register SEO
Joomla! verfügt auch über einen einfachen Mechanismus, um externen Suchmaschinen
wie Google & Co. die Indizierung der Inhalte zu erleichtern. Die Funktion
Search Engine Friendly URLs wird lediglich vom Apache-Webserver unterstützt.
Mit dieser Option werden die Links Suchmaschinen-freundlich gesetzt. So erfassen
die Robots der Suchmaschinen mehr Seiten. Aktivieren Sie die Option, so müssen
Sie die Datei htaccess.txt in .htaccess umbenennen.
Joomla! kompakt

52 Einstieg in die Joomla!-Administration
Auch die Option Dynamic Page Title unterstützt Suchmaschinen beim Erfassen
von Web-Inhalten. Sie sorgt dafür, dass der Seitentitel mit dem auf einem Dokument
aufgeführten Titel identisch ist.
Joomla! besitzt zwei Optionen, um Suchmaschinen-
Robots die Arbeit zu erleichtern.
2.3 Language Manager
Mit dem zweiten Eintrag des Site-Menüs öffnen Sie den so genannten Language
Manager. Mit diesem können Sie installierte Sprachpakete bearbeiten und auch
neue Sprachpakete installieren, beispielsweise für eine deutschsprachige Benutzerschnittstelle.
Öffnen Sie den Manager, so führt er eine Liste der installierten Pakete
auf. Bei einer Standardinstallation ist lediglich das englische Paket eingerichtet.
Um ein neues Paket zu installieren, führen Sie den Befehl Site> Language Manager>
Install aus. Im zugehörigen Dialog wählen Sie das Paket aus und klicken
dann auf Upload File & Install. Joomla! gibt das Installationsverzeichnis vor. In
der Regel muss es nicht angepasst werden. Um ein installiertes Paket zur Standardsprache
zu machen, markieren Sie es und führen den Befehl Publish aus.
www.brain-media.de

Media Manager 53
Das Editieren einer neuen Joomla!-Sprachdatei.
Über den Sprachmanager bearbeiten Sie außerdem bestehende Sprachpakete. Dazu
klicken Sie auf den zugehörigen Hyperlink. Mit dem Dialog Language Editor
können Sie die Sprachvariante manuell bearbeiten. Zukünftige Versionen werden
hier deutlich benutzerfreundlicher werden und das parallele Bearbeiten von
Sprachdateien erlauben.
2.4 Media Manager
Der so genannte Media Manager verwaltet unterschiedliche Medien wie Abbildungen,
Sound- und Video-Dateien. Er führt die bereits auf dem System vorhandenen
Joomla! kompakt

54 Einstieg in die Joomla!-Administration
Medien in einem Vorschaufeld auf. Zu jedem Objekt können Sie ergänzende Informationen
hinzufügen. Bei Bildern wird außerdem die Bildgröße angezeigt. Der
Media Manager ist über die Joomla!-Startseite und über das Menü Site> Media
Manager verfügbar.
Der Media Manager in Aktion.
Um neue Medienobjekte für Joomla! verfügbar zu machen, wählen Sie die Datei
aus und klicken dann in der Symbolleiste auf Upload. Im Textfeld Code wird der
HTML-Code des Mediums angezeigt, sofern man es durch einen Klick markiert.
Innerhalb der Medienablage können Sie zudem weitere Ordner erzeugen. Dazu
geben Sie in das Textfeld Create directory die Ordnerbezeichnung an und klicken
dann in der Symbolleiste auf Create.
www.brain-media.de

Statistiken 55
2.5 Vorschaufunktion
Über das Menü Site ist auch die Vorschaufunktion von Joomla! verfügbar. Dazu
führt man einfach den Befehl Site> Preview aus. Joomla! bietet drei Optionen für
die Vorschau:
• In New Windows: Hier wird ein zweites Browserfenster geöffnet, in dem
man die geleistete Arbeit unter echten Bedingungen testen kann.
• Inline: Dieser Vorschautyp zeigt die Site im Arbeitsbereich vom Mambo,
in dem man ansonsten beispielsweise den Media Manager findet.
• Inline with Positions: Die um die Positionen erweiterte eingebettete Vorschau.
Weitere Einstellungen, wie man sie beispielsweise von professionellen Webeditoren
kennt, die unterschiedliche Auflösungen etc. unterstützen, hat Joomla! bislang
nicht zu bieten.
2.6 Statistiken
Dem Administrator liefern die statistischen Informationen wichtige Hinweise über
die Systemnutzung. Joomla! verfügt über einen rudimentären Analyzer, der verschiedene
Protokolldateien auswertet. Man sollte allerdings nicht feine Auswertungen
erwarten, wie sie AWstats (http://www.awstats.org) & Co. liefern. Die
Statistikfunktion von Joomla! 1.0.x beschränkt sich auf die Auswertung der Suchbegriffe,
die User in das Suchformular eingegeben haben. Kommende Versionen
sollen auch Statistiken zu Browser-Version, Betriebssystem, Domain und Seitenzugriffe
liefern. Die Auswertung setzt natürlich voraus, dass die Suchtextstatistik
in den globalen Einstellungen aktiviert ist.
Über den Menübefehl Content> Page Impressions können Sie übrigens zusätzlich
die Anzahl der Seitenzugriffe abrufen-
2.7 Template Manager
Mit dem Template Manager verwalten Sie Joomla!-Vorlagen. Hier installieren Sie
neue Vorlagen und bearbeiten bestehende. Benutzer, die Zugriff auf die Vorlagenablage
haben, können sie anpassen und die neue Fassung auch wieder verfügbar
machen. Das Menü Template Manager unterscheidet zwischen Administrator- und
Site-Template, erlaubt die Installation neuer Vorlagen und das Bearbeiten der Mo-
Joomla! kompakt

56 Einstieg in die Joomla!-Administration
dul-Positionen. Der Unterschied zwischen Site- und Administrator-Template: Die
eine Vorlage bekommen die „normalen“ Nutzer, die andere die Systemadministratoren
zu sehen.
Für beide gilt: In der Standardansicht führt der Template Manager die aktuell installierten
Vorlagen samt Bezeichnung, Verwendung, Autor, Versionsnummer,
Datum und Autoren-URL auf. Die Standardvorlage wird durch einen grünen Haken
gekennzeichnet. Auch hier kann die Ansicht über das Auswahlmenü Display
beschränkt bzw. erweitert werden.
Die Template-Übersicht.
Haben Sie in der Site-Konfiguration die Vorschau aktiviert, so zeigt Ihnen Joomla!
eine Miniaturansicht der Vorlage an, wenn man den Mauszeiger über den Listeneintrag
führt. Um die Standardvorlage zu ändern, markieren Sie einfach das gewünschte
Template und klicken dann in der Symbolleiste auf Default. Um die
Schnittstelle zu installieren, klicken Sie in der Symbolleiste auf New, suchen die
Vorlage aus, bestimmen das Zielverzeichnis und führen die Installation mit einem
Klick auf Upload durch.
Es geht auch manuell. Dazu kopieren Sie die Vorlage samt Mini-Template in ein
eigenes Unterverzeichnis des Template-Verzeichnisses. Nach einem Neustart von
Mambo ist auch diese Vorlage dann über den Template Manager verfügbar.
Über die Schaltfläche Assign der Symbolleiste weisen Sie der Vorlage die gewünschten
Menüs zu. Standardmäßig verwendet diese alle verfügbaren Menüs.
Wollen Sie die Verwendung beschränken, so markieren Sie im Assign-Dialog die
einzelnen Einträge durch Drücken der Strg-Taste und Markieren mit der Maus. Die
Wahl bestätigen Sie mit einem Klick auf Save. Nachdem Sie einer ersten Vorlage
bestimmte Menüs zugewiesen haben, wird die Vorlagenliste um die Spalte
Assigned erweitert. Auch hier kennzeichnet ein grünes Häkchen alle Vorlagen mit
zugewiesenen Menüs.
www.brain-media.de

Template Manager 57
Die Auswahl an Menüs.
Über die Vorlagenverwaltung können Sie auch den HTML- und CSS-Code einer
Vorlage bearbeiten. Wichtig zu wissen: Eine Vorlage besteht aus einer Datei Index.php,
den Grafiken im Verzeichnis images, dem Template-Stylesheet im Verzeichnis
CSS und einer XML-basierten Template-Beschreibung
templateDetails.xml. Wie an nachfolgendem Template sehr schön zu erkennen ist,
beschreibt die Template-Beschreibung exakt, welche Komponenten zur Vorlage
gehören:
Joomla! kompakt

58 Einstieg in die Joomla!-Administration
Joomla Admin
09/7/05
Robert Deutz
GNU/GPL
mambo@run-digital.com
http://www.run-digital.com
1.0
index.php
css/template_css.css
Über die Schaltflächen Edit HTML und Edit CSS öffnen Sie ein einfaches Textfeld,
in dem der PHP- bzw. CSS-Code dargestellt wird. Nehmen Sie Änderungen vor, so
werden diese über einen Klick auf Save gespeichert. Da manuelle Eingriffe in den
PHP- und/oder CSS-Code nicht jedermanns Sache sind, arbeitet das Mambo-
Entwicklerteam an besseren Lösungen. In einer frühen Entwicklungsphase befindet
sich beispielsweise ein formularbasierter Template-Editor. Alternativ können
Templates auch mit der Dreamweaver-Erweiterung erzeugt bzw. bearbeitet werden.
Dazu mehr im Kapitel Template-Entwicklung.
Der Vorlagenmanager unterstützt auch das Löschen von Templates aus der Übersicht.
Dazu markieren Sie einfach die Vorlage und klicken auf Delete. Es erfolgt
eine Sicherheitsabfrage, ob Sie den Löschvorgang tatsächlich durchführen wollen.
2.8 Trash Manager
Im so genannten Trash Manager landen die Komponenten und Elemente, die Sie
während der Arbeit an einer Mambo-Site gelöscht haben. Der Mülleimer unterscheidet
dabei zwischen Content- und Menüelementen. Diese werden auf unterschiedlichen
Registern angezeigt. Zu jedem gelöschten Element zeigt der Mülleimer
den Titel, die Sektion und die Kategorie an. Leider zeigt das Formular nicht
an, wann Sie ein Objekt gelöscht haben.
www.brain-media.de

User Manager – Benutzerverwaltung 59
Wollen Sie Objekte dauerhaft löschen, so markieren Sie diese und klicken auf
Delete. Um Objekte wiederherzustellen, markiert man das bzw. die Objekte und
klickt auf Restore. Bei beiden Befehlen erfolgt eine Sicherheitsabfrage, ob die
gewünschte Aktion tatsächlich durchgeführt werden soll.
2.9 User Manager – Benutzerverwaltung
Mit eine der wichtigsten Aufgaben eines Administrators ist die Verwaltung von
Benutzern und Gruppen. Auch für diese Aufgabe hat Joomla! die adäquate Funktion
zu bieten. Sie ist über Site> User Manager bzw. über die lokale Homepage
verfügbar. Auch dieser Dialog präsentiert Ihnen eine Liste der eingerichteten Anwender
samt Detailinformationen wie Name, User-ID, Grup-penzugehörigkeit, E-
Mail-Adresse, Zeitpunkt des letzten Besuchs und Status (aktiv/inaktiv).
Nach einer Standardinstallation ist lediglich der System-Administrator eingetragen.
Neue Benutzer erzeugen Sie über die Schaltfläche New. In das Formular Add User
geben Sie folgende Daten ein:
• Name: Hier geben Sie den Namen der Person ein.
• Username: Hier legen Sie den Benutzernamen für das Joomla!-System
fest.
• E-Mail: Es folgt die zwingend erforderliche Angabe der E-Mail-Adresse.
• New Password: Hier geben Sie das Passwort ein.
• Verify Password: Und hier verifizieren Sie die Passwort-Eingabe.
• Group: Über dieses Auswahlmenü legen Sie durch Markieren des entsprechenden
Eintrags die Gruppenzugehörigkeit fest.
• Block user: Hier legen Sie fest, ob Sie den Zugriff für den Benutzer unterbinden
oder nicht.
Joomla! kompakt

60 Einstieg in die Joomla!-Administration
Ein neuer Benutzer entsteht.
Den Joomla!-Benutzergruppen sind wir bereits oben begegnet. Es stehen die beiden
Kategorien Frontend und Backend mit den zugehörigen Rechten zur Verfügung.
In der Frontend-Gruppe sind folgende Gruppen vorgesehen:
• Registered: Diese Gruppe erlaubt das Einloggen über das Frontend.
• Author: Erlaubt das Posten von Inhalten, meist über einen Link im User-
Menü.
• Editor: Erlaubt das Posten und Editieren von Inhalten über das Frontend.
• Publisher: Erlaubt das Posten, Editieren und Publizieren von Inhalten.
Mitglieder der Backend-Gruppe haben Zugang zum System über das Admin-
Login:
www.brain-media.de

User Manager – Benutzerverwaltung 61
• Manager: Diese Gruppenmitglieder haben Zugriff auf die Funktionen zur
Content-Erstellung und andere Systeminformationen.
• Administrator: Diese Gruppe hat Zugriff auf die meisten administrativen
Funktionen.
• Super Administrator: Mitglieder dieser Gruppe haben vollen Zugriff auf
alle Funktionen der Umgebung.
Wollen Sie nun in der Praxis einen Benutzer einführen, der beispielsweise News,
typische Artikel, FAQs und Links erstellen darf, so nehmen Sie einen Umweg über
das Joomla!-Modulmenü und erzeugen einen Spezialuser, der eben mit diesen
Rechten versehen ist. Im Detail heißt das: Zunächst wechseln Sie in das Menü
Module> Site Modules und editieren das Modul User Menu durch einen einfachen
Klick. Auf dem Formular Site Modul aktivieren Sie unter Access Level die Option
Special. Das Ergebnis dieser Einstellung: Lediglich User, denen Sie das Recht
Special zuweisen, können das System über das Frontend mit Daten füttern.
Das Formular zum Erzeugen weist außerdem darauf hin, dass bislang noch keine
ergänzenden Informationen zu dem neuen User verfügbar sind. Diese können Sie
über Components> Contact> Manage Contacts erzeugen.
Die Benutzerverwaltung, nachdem ein Benutzer hinzugefügt wurde.
Wollen Sie eine bestimmte Benutzer-Verbindung beenden, so markieren Sie den
Eintrag und klicken dann in der Symbolleiste auf Force Logout.
Joomla! kompakt

62 Einstieg in die Joomla!-Administration
www.brain-media.de

Typische Vorgehensweise 63
3 Ihre erste Joomla!-Site
Jetzt, da Sie Ihre Umgebung an Ihre Anforderungen angepasst haben, wollen Sie
sich sicher am liebsten direkt in die Entwicklung einer eigenen Site stützen. Nach
der Installation von Joomla! sind viele Anwender zunächst einmal frustriert, da sie
nicht recht wissen, wie und wo es jetzt am einfachsten weitergeht. In diesem Kapitel
wollen wir Ihnen zeigen, wie Sie am schnellsten zur eigenen Joomla!-basierten
Site kommen.
3.1 Typische Vorgehensweise
Da das Aussehen und Layout einer Website maßgeblich von dem verwendeten
Template abhängt, sollten Sie sich zunächst auf die Suche nach einem geeigneten
Template machen. Wie Sie später noch sehen werden, ist Joomla! standardmäßig
mit zwei Design-Vorlagen ausgestattet. Sollten diese Ihnen nicht zusagen, ist das
kein Problem: Im Netz finden Sie jede Menge – oft auch freie – Templates. Wenn
Sie nicht so recht wissen, wo Sie anfangen sollen zu suchen, werfen Sie einen
Blick in Joomla.de (http://www.joomla.de), JoomlaLinks (http://www.joomlalinks.de)
oder Joomla 24 (http://www.joomla24.com). Auf diesen Seiten finden
Sie jede Menge Vorlagen, meist mit einer Vorschau.
Im nächsten Schritt geht es meist darum, eine Site-Struktur zu definieren. Dabei
geht es insbesondere darum, festzulegen, wie die Menüstruktur aussehen soll, wo
das oder die Menüs platziert werden und welche Menüeintrage erforderlich bzw.
gewünscht sind. Außerdem legen Sie im zweiten Schritt meist auch fest, wo diese
Menüs genau zu finden sind. Da Sie mit der vor Joomla! bereitgestellten Site in der
Regel nichts oder nur wenig anfangen können, müssen Sie zunächst eigene Menüs
erstellen.
Erst wenn die Site-Struktur und das Layout festgelegt sind, können Sie sich an das
Erstellen von Inhalten machen. Wenn Sie erst Routine im Umgang mit Joomla!
haben, können Sie sich dann auch an die Nutzung von zusätzlichen Funktionen und
Erweiterungen machen.
Wenn Ihnen diese Vorgehensweise für den Einstieg zu komplex ist, können Sie
auch die bestehende Joomla!-Site derart modifizieren, bis Sie zu mindest ansatzweise
das gewünschte Ergebnis erzielen. In diesem Fall ersetzen Sie beispielsweise
die Kopfgrafik durch eigene Dateien, löschen oder deaktivieren nicht benötigte
Menüs und benennen bestehende einfach um.
Joomla! kompakt

64 Ihre erste Joomla!-Site
3.2 Template-Auswahl und -Installation
Wenden wir uns zunächst der Template-Auswahl und -Installation zu. Zunächst
sollten Sie in einer der vielen Template-Listen sich ein geeignetes Template suchen,
das weitgehend Ihren Anforderungen entspricht. Sie können natürlich auch
eigene Vorlagen entwickeln (siehe Kapitel 7, Template-Entwicklung), doch das
setzt fundierte Kenntnisse des Systems voraus.
Im Download-Bereich von Joomla.de finden Sie eine Template-Galerie, in der Sie
nach der passenden Vorlage suchen können. Wir verwenden hier exemplarisch die
Vorlage Greenery (http://www.joomlaos.de/option,com_remository/Itemid,41/func
,finishdown/id,2849.html) von Raduga. Sie sollten sich ausreichend Zeit nehmen,
um die passende Vorlage zu finden. Auf den diversen Sites findet man oft über
1000 Vorlagen.
Laden wir uns also zunächst das Template herunter und installieren wir es. Führen
Sie dazu den Befehl Installers> Templates – Site aus. Der Installationsdialog präsentiert
Ihnen ein einfaches Eingabefeld, in dem Sie den Pfad zum Template angeben.
Alternativ klicken Sie auf die Schaltfläche Durchsuchen und wählen die Datei
an. Mit einem Klick auf Upload File & Install führen Sie die Installation aus.
Der Installationsdialog gibt eine erste Erfolgsmeldung aus, der Sie auch entnehmen
können, wo Sie Module platzieren können (z.B. links, rechts, oben und/oder unten).
Mit einem Klick auf Continue landen Sie im Template Manager, in dem Sie
die neue Vorlage nur noch zum Standard machen müssen. Markieren Sie dazu den
zugehörigen Listeneintrag und klicken Sie auf Default.
Das gewünschte Template ist installiert und als Standardvorlage aktiviert.
www.brain-media.de

Template-Auswahl und -Installation 65
Nun können Sie beispielsweise über das Menü Site> Preview> In New Window
sich einen Eindruck von der Vorlage verschaffen. Wie Sie nachstehender Abbildung
entnehmen können, präsentiert Ihnen die Standardvorlage eine Fülle an Inhalten,
Leisten und Funktionen. In der Regel kommen Sie mit einem Bruchteil dieser
Funktionen aus – zumindest wenn Sie gerade erst in Joomla! einsteigen. Daher gilt
es zunächst, die Site auf das Wesentliche zu reduzieren.
Noch besitzt die Vorlage zu viel Funktionalität. Jetzt
ist Reduzierung auf das Wesentliche gefragt.
Wie Sie voranstehender Abbildung entnehmen können, präsentiert sich Ihnen beispielsweise
die Hauptnavigationsleiste gleich zweimal: einmal im Kopfbereich, das
andere Mal rechts. Eine diese Leisten könnten Sie beispielsweise einfach deaktivieren
oder aber die angebotenen Funktionen auf zwei Leisten verteilen – ohne
Doppeltnennung.
Andere Elemente wie beispielsweise das Login-Formular, die Syndicate- und Poll-
Funktionen (hier nicht zu sehen) können Sie fürs Erste sicherlich auch einfach
deaktivieren.
Joomla! kompakt

66 Ihre erste Joomla!-Site
Wenn Sie die Site auf die wesentlichen Elemente beschränkt haben, können Sie im
nächsten Schritt sich dann den Inhalten und deren Erstellung zuwenden. Dazu
sollten Sie wissen, dass Joomla! Ihnen eine feste Struktur vorgibt. Inhalte werden
in Sektionen, Kategorien und Content-Elemente unterteilt. Sind die Inhalte einmal
erstellt, können Sie diese dann problemlos an jeder beliebigen Stelle Ihrer Site
veröffentlichen.
3.3 Struktur für Ihre Site
Damit sich die Besucher Ihrer Site schnell auf dieser zurechtfinden, sollten Sie sich
eine klare Strukturierung Ihrer Site überlegen. Machen Sie sich insbesondere Gedanken
über die Menübezeichnungen, deren Anordnung und Reihenfolge. Orientieren
Sie sich dabei auch an Quasi-Standards wie Home, Kontakt, Produkte etc.
Der Einfachheit halber wollen wir im Folgenden eine Site mit vier Menüpunkten
erstellen:
• Produkte
• Über uns
• Referenzen
• Kontakt
Diese Menüleiste soll auf allen Seiten verfügbar sein. Außerdem soll der Menüeintrag
Home auf jedem Dokument den Sprung zur Einstiegsseite erlauben. Diese
übergeordneten Site-Elemente werden in Joomla! durch so genannte Sektionen
(Sections) repräsentiert. Die Sektionen fassen so genannte Kategorien zusammen,
in denen die eigentlichen Inhalte der Seiten zu finden sind.
Als Erstes müssen Sie also die gewünschten Sektionen erstellen. Hierfür ist der so
genannte Sektionsmanager verantwortlich, den Sie über Content> Section Manager
öffnen. Um die Sektionen zu erstellen, klicken Sie im Sektionsmanager auf die
Schaltfläche New. Das zugehörige Formular Section: New [New Section] erwartet
eine Fülle von Eingaben von Ihnen. Unter Title weisen Sie der Sektion eine Kurzbezeichnung
zu. Diese Bezeichnung ist für die interne Verarbeitung und Struktur
relevant. In das Eingabefeld Section Name können Sie eine umfangreichere Beschreibung
eingeben. Diese taucht dann auch in Auswahlmenüs auf. Bestimmen
Sie außerdem über das Auswahlmenü Access Level, wer Zugriff auf die Sektionen
haben soll. Um jedem Nutzer den Zugriff zu erlauben, wählen Sie den Eintrag
Public. Aktivieren Sie außerdem unter Published die Veröffentlichung der Sektion.
Sie können außerdem im Description-Feld eine Beschreibung hinterlegen. Das ist
www.brain-media.de

Struktur für Ihre Site 67
sicherlich dann sinnvoll, wenn Sie im Team an einer Website arbeiten. Mit einem
Klick auf Save landet die neue Sektion im Sektionsmanager.
Die neue Sektion im Sektionsmanager.
Wenn Sie voranstehende Abbildung betrachten, springt Ihnen förmlich das Schloss
links des Sektionsnamens ins Auge. Es zeigt an, dass dieses Element momentan in
der Bearbeitung ist und erst dann von Dritten weiterverarbeitet werden kann, wenn
der aktuelle Redakteur auf Save geklickt hat. Es befindet sich im so genannten
Check-out-Status.
Nachdem Sie die Sektion das erste Mal gespeichert haben, wird das Sektionsfenster
rechts um folgende Bereiche erweitert:
• Link to Menu
• Existing Menu Links
• MOSImage Directories
Außerdem können Sie im linken Bereich die Reihenfolge der Sektionen über das
Auswahlmenü Ordering bearbeiten.
Bislang ist die Sektion noch nicht mit der Einstiegsseite und den existierenden
Menüleisten verlinkt. Dies lässt sich recht einfach über das Link-to-Menu-Feld
ändern. Dort wählen Sie einfach ein Menü aus (z.B. Main menu für Hauptmenü),
in dem die neue Sektion auftauchen soll, bestimmen den Menütyp (meist Section
List) und weisen dem Menüeintrag eine Bezeichnung zu, in unserem Beispiel wäre
Joomla! kompakt

68 Ihre erste Joomla!-Site
Produkte eine sinnvolle Menüeintragsbezeichnung. Entsprechend gehen Sie mit
den anderen Sektionen vor.
Dann sind die so genannten Kategorien dran. Sie können sich diese als Container
vorstellen, die wie Untermenüs einer Sektion agieren. Das Erstellen einer Kategorie
entspricht im Wesentlichen dem Erstellen einer Sektion. Dazu führen Sie den
Befehl Content> Category Manager aus, klicken auf New und füllen das zugehörige
Formular aus. Sie können beispielsweise für die Sektion Produkte die Kategorie
Produkt A, Produkt B und Produkt C erstellen.
3.4 Das passende Menü
Mit dem Erstellen der Sektionen und Kategorien haben Sie wichtige Vorarbeiten
geleistet. Im nächsten Schritt geht es darum, die Sektionen mit ihren Kategorien in
eines der bestehenden oder in ein neues, noch zu erstellendes Menü einzuführen.
Konkret bearbeiten wir das Hauptmenü und füllen dann im nächsten Schritt die
Kategorien mit Inhalten.
Im Menümanager verwalten Sie bestehende Menüs
und erzeugen gegebenenfalls neue.
Eine Möglichkeit, eine Sektion in das Menü zu integrieren, haben Sie bereits oben
kennengelernt. Schauen wir uns eine zweite an. Die Verwaltung der Menüs erfolgt
im so genannten Menümanager, der über das gleichnamige Joomla!-Menü verfügbar
ist. Er präsentiert Ihnen vier Einträge:
• mainmenu
• othermenu
• topmenu
www.brain-media.de

Das passende Menü 69
• usermenu
Sie können auch ein neues Menü erzeugen, indem Sie auf die Schaltfläche New
klicken. Wir bearbeiten der Einfachheit halber das Hauptmenü (mainmenu). Im
Menümanager erfahren Sie, wie viele Menüeinträge ein Menü besitzt (Spalte
Published). Um ein Menü zu bearbeiten, klicken Sie auf das Icon in der Menu-
Items-Spalte.
Im zugehörigen Dialog finden Sie alle bestehenden Menüeinträge. Sie können
diese löschen, umsortieren, umbenennen und neue erstellen. Um einen neuen Menüeintrag
zu erzeugen, klicken Sie auf New. Der zugehörige Auswahldialog erlaubt
das Einbinden verschiedenster Elemente. Sie können beispielsweise Content-
Sektionen, Platzhalter, Komponenten und Links einbinden.
Die Auswahl des passenden Content-Typs.
Für uns ist hier der Bereich Content relevant. Wir können unsere Sektion als Blog
– Content Section oder als List – Content Category einfügen. Die Blog-Variante
fügt Inhalte ähnlich einem Blog ein. Die List-Variante verwendet ein Listenformat.
Wir entscheiden uns für die erste Variante. Markieren Sie das zugehörige Kästchen
und klicken Sie dann in der Symbolleiste auf Next.
Joomla! kompakt

70 Ihre erste Joomla!-Site
Im Folgedialog können Sie dann eine oder mehrere Kategorien auswählen, die Sie
in das Hauptmenü integrieren wollen. Geben Sie zunächst den Namen an, wählen
Sie die Kategorie aus und bestimmen Sie das Eltern-Element. Über das Parent-
Item-Menü können Sie einfach verschachtelte Menüstrukturen erzeugen.
Die Eigenschaften des neuen Menüeintrags.
3.5 Inhalte erstellen
Da Sie nun das Hauptmenü um einen ersten Eintrag erweitert haben, gilt es als
Nächstes, die Inhalte für Ihre Sektion zu erstellen. Hierfür greifen Sie zum Menü
Content. Dort finden Sie unter Content by Section auch die Sektion Produkte mit
folgenden drei Untermenüs:
• Produkte Items
• Produkte Archives
• Produkte Categories
Um eine erste Produktbeschreibung zu erzeugen, führen Sie den Befehl Content by
Section> Produkte> Produkte Items aus. Im Content-Item-Manager erzeugen Sie
mit einem Klick auf New einen ersten Eintrag.
www.brain-media.de

Einbinden statischer Inhalte 71
In der Standardkonfiguration präsentiert Ihnen der Dialog Content Item: New einen
zweigeteilten Dialog: Oben geben Sie die Kurzbeschreibung, unten die Details ein.
Im Dialog Content Item: New erzeugen Sie Ihre erste Produktbeschreibung.
Wichtig für die Zuordnung des Content-Items sind die Auswahlmenüs Section und
Category im oberen Bereich des Editors. Über diese legen Sie fest, welcher Sektion
und welcher Kategorie die Beschreibung zugeordnet werden soll. Anschließend
sind diese über das Frontend verfügbar. Über die Register im rechten Bereich können
Sie verschiedenste Einstellungen wie Meta-Daten, den Ersteller, die Verwendung
von typischen PDF- und Print-Icons für Druck- und PDF-Version bearbeiten.
Mit einem Klick auf Save speichern Sie Ihre Produktbeschreibung. Entsprechend
gehen Sie mit den anderen Inhalten vor.
3.6 Einbinden statischer Inhalte
Den meisten Anwendern sind die Vorzüge von Content-Managmentsystemen
längst vertraut. Doch viele scheuen den Aufwand für den Umstieg von einem bestehenden
Content-Managementsystem oder von statischen Seiten zu Joomla!.
Leider gibt es bislang auch keine praktikablen Lösungen, wie man Inhalte aus
bestehenden Websites in Joomla! importieren könnte. Hier hilft einfach nur – meist
sehr viel – manuelle Handarbeit mittels Copy&Paste.
Immerhin lassen sich statische Inhalte mithilfe der Komponente staticXT
(http://www.joomlaxt.com) in Ihre Joomla!-Site integrieren. Dazu geben Sie in der
Komponentenkonfiguration einfach den Pfad zu den Inhalten ein.
Joomla! kompakt

72 Ihre erste Joomla!-Site
Die Konfiguration von staticXT.
In diesem kurzen Workshop haben Sie die wichtigsten Aktionen beim Erstellen
einer eigenen Joomla!-basierten Website kennengelernt. Nun ist es an Ihnen, dieses
Know-how in den folgenden Kapiteln zu vertiefen.
www.brain-media.de

73
3 Der Umgang mit Menüs
Mit dem so genannten Menümanager, der über Menu> Menu Manager geöffnet
wird, legen Sie Menüs der Mambo-Site fest, die sich für unterschiedliche Benutzer
öffnen. Dabei legt man die Benutzeransicht der Website, nicht aber die verfügbaren
Menüs für den Administrator oder Manager fest. Das System unterscheidet
zwischen vier Menüs:
• Main Menu
• Other Menu
• Top Menu
• User Menu
Über das Menü Menu haben Sie Zugriff auf den Menümanager und auch direkten
Zugriff auf die Untermenüs. Über den Menümanager ist außerdem das Erzeugen
neuer Menü möglich. Wir wollen uns in diesem Kapitel exemplarisch anschauen,
wie Sie mit Menü arbeiten, diese erweitern und an die jeweiligen Anforderungen
anpassen.
Die Einstellungen für das Hauptmenü.
Joomla! kompakt

74 Der Umgang mit Menüs
Ein typisches Hauptmenü verfügt über eine Kopfzeile sowie verschiedene Links zu
den einzelnen Teilbereichen einer Joomla!-basierten Website. Für das Hauptmenü
bietet der Menümanager die Links Home, Mambo License, News, Blog, Links,
Contact Us, Search, News Feeds, FAQ’s und Wrapper an. Nachstehende Abbildung
zeigt ein typisches Menü in der Benutzeransicht.
Beispiel für das Hauptmenü.
Wie Sie obiger Menüliste entnehmen können, weist sie jedem Listeneintrag zunächst
einmal eine Nummer zu und führt die Bezeichnung des Eintrags auf. Es
folgen die Einstellungen zum Abschnitt, dem Veröffentlichungsstatus, die
Checked-Out-Info, Infos zu den Zugriffsrechten und die Menü-ID. Außerdem
stehen Pfeilfunktionen zur Verfügung, mit deren Hilfe man die Reihenfolge der
Einträge im Hauptmenü bearbeitet. Ein Klick auf einen Pfeil hoch bzw. runter
verschiebt den Eintrag um eine Ebene höher bzw. tiefer. Unterhalb der Liste finden
Sie die Links Start, Previous, Next und End, mit denen man bei mehrseitigen Menülisten
zwischen den Seiten hin- und herspringt.
Wichtig sind auf dieser Seite auch die Funktionen der Symbolleiste. Haben Sie
beispielsweise die Reihenfolge der Elemente verändert, so aktualisieren Sie diese
durch einen Klick auf Publish. Allerdings müssen die gewünschten Elemente vorher
über das zugehörige Kontrollkästchen aktiviert worden sein. Wollen Sie alle
Elemente markieren, so genügt es, wenn Sie in der Kopfzeile der Tabelle das Kont-
www.brain-media.de

75
rollkästchen neben Menu Item markieren. Entsprechend funktioniert das Löschen
und Deaktivieren.
Um ein neues Menüelement für das Hauptmenü zu erzeugen, klicken Sie in der
Symbolleiste auf New. Über den zugehörigen Dialog wählen Sie zunächst den
Elemententyp aus. Dabei haben Sie die Wahl zwischen folgenden Typen:
• Content
• Miscallaneous
• Components
• Links
Ein neuer Menüeintrag für das Hauptmenü entsteht.
Über das umfangreiche Auswahlmenü legen Sie fest, auf welche Joomla!-Elemente
der neue Link verweisen soll. Wollen Sie beispielsweise einen Link zu einem statischen
Content-Element erzeugen, so wählen Sie Link – Static Content. Nach der
Wahl des Typs klicken Sie in der Symbolleiste auf Next. Es öffnet sich ein mächtiges
Formular (das übrigens nicht für alle Typen identisch ist), in dem Sie die Eigenschaften
des neuen Menüeintrags definieren. Identisch sind die Detaileinstellungen,
nicht aber die Parameter.
Joomla! kompakt

76 Der Umgang mit Menüs
Entscheiden Sie sich beispielsweise für den Menütyp Blog – Content Category, der
auf Inhalte im Blog-Format verweist, so präsentiert sich der in nachstehender Abbildung
dargestellte Dialog.
Das Formular für das Setzen der Menüeigenschaften und Parameter.
Das Element Blog – Content Category fügt einen Link zum Hauptmenü zu einer
Seite hinzu, auf der Artikel als eine Reihe von kurzen Zusammenfassungen zu
finden sind. Unter Details sind folgende Einstellungen vorzunehmen:
Option
Name
Category
URL
Parent Item
Beschreibung
Hier legt man die Bezeichnung des Menüelements fest, wie
es in der Website auftaucht.
Aus diesem Auswahlfeld wählt man eine oder auch mehrere
Kategorien.
Nach einem Klick auf Save bzw. Apply wird hier der zugehörige
URL angezeigt.
Hier legt man die Ebene des neuen Menüs fest. Wählt man
Top, so erweitert es die bestehende Menüstruktur. Soll es
sich um ein Untermenü handeln, wählt man über das Auswahlmenü
das übergeordnete Menü aus.
www.brain-media.de

77
Option
Ordering
Access Level
Published
Beschreibung
Standardmäßig wird das neue Menü am Ende der bestehenden
Menüliste angehängt. Nach dem Sichern kann es über
das Pull-down-Menü an eine beliebige Position gesetzt werden.
Hier legt man fest, wer das neue Menü zu sehen bekommt.
Dabei hat man die Wahl zwischen Public (für jedermann),
Registered (für registrierte Benutzer) und Special (für Autoren
etc.).
Schließlich legt man fest, ob das neue Menü direkt publiziert
werden soll oder nicht. Mambo geht standardmäßig davon
aus, dass man es unmittelbar einsetzen möchte.
Ein Beispiel für einen neuen Menüeintrag.
Die Einstellungen in der Spalte Parameters fallen bei diesem Menütyp sehr umfangreich
aus. Sie beziehen auch auf die Gestaltung der mit dem Menü verknüpften
Seiten (siehe obige Abbildung). So können Sie beispielsweise festlegen, ob die
Elementbezeichnungen dort aufgeführt werden oder nicht. Nachstehende Tabelle
fasst das zusammen.
Joomla! kompakt

78 Der Umgang mit Menüs
Option
Menu Image
Page Class Suffix
Back Button
Page Title
Show/Hide Page Title
Beschreibung
Über dieses Auswahlmenü kann man Grafiken für das
Menü nutzbar machen. Dazu muss die Grafik im Ordner
/images/stories abgelegt werden. Außerdem muss unter
Modules> Site Modules> Menüname die Option Show
Menu Items auf Yes gesetzt werden.
In diesem Eingabefeld kann man benutzerdefinierte Stile
für diese Seiten nutzen.
Legt fest, ob man den Textlink Back auf dem Seitenende
findet oder nicht. Standardmäßig ist Use Global aktiviert.
Dies kann über die Joomla!-Konfiguration angepasst
werden (Site> Global Configuration).
Hier legt man den Text fest, der im oberen Bereich der
zugehörigen Seite angezeigt wird.
Mit dieser Option kann der Seitentitel aus dem voranstehenden
Textfeld eingeblendet bzw. ausgeblendet
werden.
# Leading Die Anzahl an Einträgen, die voranstehen.
# Intro Die Zahl der Elemente, die den Introtext anzeigen.
# Columns Legt die Anzahl an Spalten fest.
# Links Anzahl der Links.
Category Order
Bestimmt die Reihenfolge der Kategorien. Dabei hat
man die Wahl zwischen folgenden Einstellungen:
• No, order by primary ordering only: Diese Option
sortiert die Elemente entsprechend der Einstellung
im Feld Primary order, und zwar unabhängig von
der Kategorie.
• Title Alphabetical: Die Option sortiert die Elemente
zuerst nach der Kategorie und dann in alphabetischer
Reichenfolge.
• Title Reverse-Alphabetical: Sortiert erst nach der
Kategorie und dann nach den Einstellungen von
Primary order.
• Ordering: Diese Option sortiert sie nach der Reihenfolge,
wie sie im Category Manager (Content -
>Category Manager) definiert ist, und dann nach
den Einstellungen von Primary order.
www.brain-media.de

79
Option
Primary order
Beschreibung
Über dieses Auswahlmenü legt man die Reihenfolge der
Elemente fest. In dem zugehörigen Auswahlmenü kann
man folgende Einstellungen wählen:
• Default: Diese Option sortiert sie nach der Reihenfolge,
wie sie vom Elemente-Manager definiert sind.
• Oldest first: Reiht die Elemente chronologisch auf,
wobei das erste Menü das älteste ist.
• Most recent first: Hier kommt die chronologische
Reihenfolge zur Verwendung, allerdings beginnt sie
mit dem jüngsten Element.
• Title Alphabetical: Diese Option sortiert die Elemente
alphabetisch.
• Author Alphabetical: Sortiert alphabetisch nach
dem Autorennamen.
• Author Reverse-Alphabetical: Sortiert in umgekehrter
Autorennamenreihenfolge.
• Most Hits: Reiht die Element nach ihrem Zugriff
auf, und zwar beginnend mit dem Element, das die
meisten Hits aufweist.
• Least Hits: Hier werden die Elemente in umgekehrter
Reihenfolge platziert.
Pagination Mit dieser Einstellung legt man fest, ob die
Seitenummer-ierung bei mehrseitigen Dokumenten
angezeigt wird. Die Standardoption Auto zeigt abhängig
von der verwendeten Vorlage etwa folgende Verweise:
Pagination Results
MOSImages
Description
Description image
Category Name
Category
Linkable
Name
End >>
Mit dieser Option kann die Seitennummerierung (z.B.
Seite 1-6 von 6) ein- bzw. ausgeblendet werden.
Erlaubt das Anzeigen bzw. Ausschalten von Bildern.
Zeigt bzw. zeigt nicht die Kategoriebeschreibung.
Zeigt die Grafik zu Kategoriebeschreibung.
Erlaubt das Ein- bzw. Ausblenden des Kategorienamens.
Macht den Kategorienamen linkfähig, vorausgesetzt, die
Kategorienameoption ist auf Show gesetzt.
Joomla! kompakt

80 Der Umgang mit Menüs
Option
Item Titles
Beschreibung
Blendet die Elemententitel auf dem Dokument ein bzw.
aus.
Die folgenden Elementeinstellungen können Site-übergreifend über die Mambo-
Konfiguration definiert werden. Die hier vorgenommenen Einstellungen sind Menü-spezifisch
und überschreiben die allgemeinen Vorgaben lediglich für Inhalte,
die mit diesem neuen Menü verknüpft sind. Da sie bereits in vorangegangenen
Kapiteln beschrieben sind, sollen sie hier nur aufgeführt werden:
• Linked Titles
• Read More
• Item Rating
• Author Names
• Created Date and Time
• Modified Date and Time
• PDF Icon
• Print Icon
• Email Icon
Schauen wir uns ein zweites Beispiel an. Dazu editieren Sie das Menü Links im
Hauptmenü. Das zugehörige Formular zeigt nachstehende Abbildung. Links finden
Sie wieder die bereits oben beschriebenen Details. Unter Parameters können Sie
verschiedene Tabellen- und Kategorien-spezifische Einstellungen vornehmen.
Optional können sie um eine Beschreibung und weitere Grafiken aufgewertet werden.
www.brain-media.de

81
Die Einstellungen für den Menütyp Link Content Item.
Joomla! kompakt

82 Der Umgang mit Menüs
www.brain-media.de

83
4 Inhalte erstellen und bearbeiten
Für das Erstellen von neuen Inhalten ist das Content-Menü in erster Linie zuständig.
Hier erstellt man insbesondere neue Seiten und aktualisiert bestehende Inhalte.
Inhalte werden in so genannten Sektionen zusammengefasst, aus denen dann wiederum
die Site gestrickt wird. Diese Abschnitte werden über das Menü Content>
Content by Section verwaltet. Joomla! kommt in der Grundinstallation mit den
Sektion News, FAQs und Newsflashes daher. Weitere können durch die Anwender
erstellt werden, beispielsweise die Sektionen Verkauf, Vertrieb, Support etc. Wichtig:
Bevor Sie irgendwelche Inhalte erzeugen können, müssen Sie zumindest eine
Sektion erzeugt haben.
Über das Menü Content stehen weitere Manager zur Verfügung: Static Content
Manager, Category Manager, Frontpage Manager und Archive Manager.
Ein erster Blick auf das Menü Content.
Joomla! kompakt

84 Inhalte erstellen und bearbeiten
Das Menü Content erlaubt den Zugriff auf die bereits sortierten Sektionen, eine
allgemeine Übersicht, die alle Content-Elemente und fünf weitere Manager aufführt:
- Static Content Manager: Mit diesem verwaltet man Elemente, die sich
nicht ändern, beispielsweise Lizenzdokumente.
- Section Manager: Mit diesem Tool erzeugt man weitere Sektionen.
- Category Manager: Dient der Verwaltung von Kategorien.
- Frontpage Manager: Dient der Konfiguration der System-Homepage.
- Archive Manager: Dieses Modul dient der Verwaltung archivierter Elemente.
Die Liste aller Content-Elemente.
www.brain-media.de

Content-Elemente erzeugen 85
Die Liste aller Content-Elemente ist das Herzstück der Content-Verwaltung. Sie
dient meist als Ausgangspunkt für das Erstellen neuer Inhalte, das Publizieren,
Archivieren, Löschen und Bearbeiten bestehender Inhalte. Die Informationen, die
man der Content-Elementen-Liste entnehmen kann, sind uns inzwischen vertraut.
Hier werden folgende Informationen angezeigt: Nummer, Titel, Veröffentlichungsstatus,
Veröffentlichung mithilfe des Frontpage Managers, Reihenfolge, Sortierung,
Zugriffsrechte, ID, Sektion, Kategorie, Autor und Erstelldatum.
Das Editieren eines typischen Content-Elements.
4.1 Content-Elemente erzeugen
Über die Symbolleiste stehen Ihnen alle wichtigen Funktionen für das Veröffentlichen
von Beiträgen, das Herausnehmen, Archivieren, Editieren, Löschen und auch
für das Erstellen von neuen Meldungen zur Verfügung. Den meisten Funktionen
sind wir bereits begegnet. Daher beschränken wir uns hier auf das Erstellen neuer
Inhalte über die Funktion New bzw. Edit. Beide öffnen den Editing Content-
Joomla! kompakt

86 Inhalte erstellen und bearbeiten
Dialog, über den man die Inhalte erzeugt, Bildmaterial einbindet, die Veröffentlichung
steuert und Metadaten hinterlegt. Der Einfachheit halber editieren wir ein
Content-Element, das bereits existiert. Dazu klicken Sie in der Content-Liste auf
den Eintrag Example News Item 1.
Das Formular für das Erstellen von Content-Elementen stellt links einen Editor und
rechts verschiedene Funktionen für das Publizieren der Inhalte zur Verfügung. Im
linken Bereich legt man unter Title die Bezeichnung des Elements fest. Es folgt das
Eingabefeld Title Alias, das für die interne Verwendung genutzt wird. Außerdem
folgt die Auswahl der Kategorie und der Sektion.
Joomla! verwendet standardmäßig den Editor TinyMCE Editor
(tinymce.moxiecode.com). Folgeversionen von Joomla! werden vermutlich zusätzlich
mit weiteren Editoren ausgestattet sein. Der Editor stellt alle Funktionen bereit,
für die typische Formatierungen vollkommen ausreichend sind. Die Funktion
der einzelnen Symbole entspricht der gängiger Textverarbeitungen und bedarf
daher kaum einer weiteren Erläuterung. Sogar das Einfügen von Tabellen und
Sonderzeichen ist möglich. Auch das Erweitern von bestehenden Tabellen. Auffällig
ist, dass das Content-Formular zwei Editorenbereiche zeigt. Die Erklärung ist
recht einfach: Im oberen Editor gibt man den einleitenden Text und im unteren den
eigentlichen Text ein.
Die Steuerung der Publikation des editierten Content-Elements.
www.brain-media.de

Content-Elemente erzeugen 87
Am rechten Formularrand finden Sie weitere nützliche Funktionen. Über Register
legt man Eigenschaften für die Veröffentlichung, Metadaten, Bildereigenschaften
und Verknüpfungen fest. Unterhalb der Register findet man verschiedene Statusinformationen
zu den aktuell geöffneten Inhalten. Dazu gehören der Veröffentlichungsstatus,
die Anzahl der Hits, die Versionsnummer sowie verschiedene Informationen
zum Zeitpunkt des Erstellens und der letzten Änderungen.
Mithilfe des Registers Publishing steuern Sie die Veröffentlichung des Content-
Elements. Zunächst legen Sie fest, ob das Element auf der Frontpage, also der
Einstiegsseite angezeigt und ob es unmittelbar nach dem Erstellen veröffentlicht
werden soll. Über Access Level legen Sie den Zugriffslevel fest. Es folgen die
Autorenbezeichnung sowie die Auswahl des Benutzers mit Veröffentlichungsrechten.
Über das Auswahlmenü Ordering legen Sie die Reihenfolge fest. Schließlich
bestimmen Sie den Zeitpunkt der Veröffentlichung sowie optional den Zeitpunkt,
an dem die Veröffentlichung beendet wird.
Die Einstellungen für das Einfügen von Bildern basieren
auf der Funktionalität des Mambots MOS Image.
Joomla! kompakt

88 Inhalte erstellen und bearbeiten
Über das Register Images haben Sie Zugriff auf die Bilder-Galerie. Dort markieren
Sie einen oder auch mehrere Einträge und verschieben sie über Insert in das Feld
Content-Images. Die Funktionalität wird vom Mambot MOS Image bereitgestellt.
Das Register stellt Ihnen auch eine Vorschau der Content-Auswahl zur Verfügung.
Außerdem sind verschiedene Parameter wie die Ausrichtung definierbar.
Die Einstellungen wenden Sie durch einen Klick auf Apply im unteren Formularbereich
an. Gelegentlich sollten Sie in der Symbolleiste die Vorschaufunktion Preview
nutzen, um sich ein Bild von der geleisteten Arbeit zu machen.
Auf dem Register Parameters können Sie eine Vielzahl von Feineinstellungen
vornehmen, über die Sie beispielsweise einen Back-Button einbetten. Die meisten
Einstellungen verwenden die Systemeinstellung (Use Global). Diese können aber
Dokumenten-spezifisch mit den hier verfügbaren Optionen überschrieben werden.
Über das Register Metadata stehen wieder die beiden Textfelder für die Dokumentenbeschreibung
und die Schlüsselwörter bereit. Auch hier sollte man sich an gewisse
Standards halten und die Beschreibung auf maximal 500 Zeichen beschränken
und nicht mehr als 20 Schlüsselwörter eingeben. Schließlich definiert man
über das Register Link to Menu eine Verbindung zum ausgewählten Menü.
Das Hyperlink-Medium Mambo lebt natürlich von Links.
www.brain-media.de

Sektionen 89
Die Änderung speichern Sie wie gewohnt über die Symbolleiste durch einen Klick
auf Save. Um kleinere Änderungen zwischenzuspeichern, verwendet man die
Schaltfläche Apply. Die Funktionalität des Static Content Managers ist übrigens
mit den zuvor beschriebenen Funktionen identisch.
4.2 Sektionen
Um Inhalte thematisch oder nach anderen Kriterien besser zusammenfassen zu
können, besitzt Joomla! die so genannten Sektionen. Bei einer Standardinstallation
sind bereits die Sektionen News, Newsflashes und FAQs eingerichtet. Mithilfe des
Sektionsmanagers, der über das Menü Content> Section Manager geöffnet wird,
erzeugt man neue Sektionen und bearbeitet bestehende.
Öffnen Sie den Sektionsmanager, so präsentiert die Sektionsliste typische Informationen
wie den Sektionsbegriff, die Anzahl der Einträge, den Status und den Zugriffslevel.
Über die Schaltfläche New erzeugen Sie neue Sektionen. Ein Klick
öffnet den Dialog New, dem Sie zunächst einen Titel und eine Bezeichnung zuweisen.
Außerdem legen Sie die Ausrichtung fest, fügen gegebenenfalls Bilder ein und
bestimmen die Reihenfolge sowie den Zugriffslevel. Im Editor-Bereich erfolgen
die Schriftauswahl, Größe sowie typische Formatierungen.
Beim Erzeugen einer neuen Content-Sektion steht
ein einfacher HTML-Editor zur Verfügung.
Joomla! kompakt

90 Inhalte erstellen und bearbeiten
Nach dem Speichern wird der neue Abschnitt in der Sektionsliste aufgeführt und
Sie können ihn anschließend durch einen Klick auf Publish veröffentlichen. Die
neue Sektion ist dann auch über das Menü Content verfügbar und kann über eigene
Elemente erweitert werden. Um nun in der neuen Sektion Inhalte zu erstellen,
müssen Sie zumindest eine Kategorie erzeugen, bevor Sie ein neues Content-
Element erzeugen. Entsprechend funktioniert das Handling des Kategorienmanagers.
4.3 Frontpage- und Archivmanager
Über die Einstellungen Content> Frontpage Manager legen Sie die Inhalte und
Komponenten der Einstiegsseite der Joomla!-Site fest. Führen Sie den Befehl aus,
so öffnet sich der Frontpage Manager, der die Elemente der Einstiegsseite aufführt.
Hier können Sie Elemente editieren, den Publikationsstatus ändern, sie entfernen
und auch archivieren. Haben Sie ein Element durch einen Klick auf Archive in der
Symbolleiste im Archiv geparkt, können sie es über den Archiv Manager wieder
verfügbar machen.
www.brain-media.de

Komponenten 91
5 Komponenten, Module & Co.
Die so genannten Joomla!-Komponenten sind ein wesentliches Element des Content-Managementsystems.
Joomla! kommt wie schon seine Vorgänger mit einer
Grundausstattung an Komponenten daher. Neben den Kernkomponenten kann das
System um Erweiterungen von Drittanbietern aufgebohrt werden, dazu später
mehr.
5.1 Komponenten
Was aber steckt hinter dem Komponenten-Konzept? Die Frage lässt sich recht
einfach beantworten. Es handelt sich um spezifische Elemente oder Minianwendungen,
die in eine Web-Applikation eingebettet werden. In der Regel stellen die
Komponenten eigene Einstellungen für die Anpassung und das Einbetten in die
Umgebung zur Verfügung. Der Vorteil: Sie können Joomla! gezielt um benötigte
Funktionen erweitern. Auch die Entwicklung von Elementen vereinfacht sich
durch diesen Ansatz, da man auf der bestehenden Infrastruktur aufbauen kann.
Die Komponenten von Mambo werden
über das Menü Components verwaltet.
Joomla! kompakt

92 Komponenten, Module & Co.
In der Regel sind die Funktionen einer Joomla!-Komponente mit dem Hauptmenü
verknüpft. Benutzer und Besucher können meist über das Menü auf die Funktionalität
einer Komponente zurückgreifen. Neben den Komponenten kennt Joomla!
zwei weitere Elemente, mit denen sich die Funktionalität erweitern lässt: die Module
und die Mambots. Bei den Modulen handelt es sich ebenfalls über Mini-
Anwendungen, die in der Regel in der linken oder rechten Spalte der Content-
Ansicht zu finden sind. Sie beanspruchen meist recht wenig Platz. Beispiele für die
Module sind Newsfeeds, Login-Formulare oder auch statistische Informationen.
Die Mambots übernehmen ähnliche Aufgaben. Sie erlauben die automatisierte
Manipulation von Content-Elementen. Auf die Module und Mambots geht das
nachfolgende Kapitel ein.
Wie wir oben gesehen haben, werden die Komponenten über das Menü Components
verwaltet. Standardmäßig kommt Mambo mit einigen dieser Komponenten
daher, beispielsweise:
• Banner
• Kontakte
• Newsfeeds
• Abstimmungen
• Links
Die Installation und Deinstallation der Komponenten erfolgt in der Regel über das
Menü Components. Alternativ kann man auch das Menü Installer verwenden.
Joomla! verfügt über ein eigenes Paketmanagementsystem, kurz PMS, das für die
Installation von Komponenten, Modulen und Vorlagen zuständig ist. Um dessen
Leistungsfähigkeit effektiv nutzen zu können, ist die zlib-Unterstützung der PHP-
Umgebung erforderlich.
Neue Komponenten installiert man über das Menü Installers. Über diesen Befehl
greifen Sie auf eine Liste der installierten Komponenten zu. Am einfachsten führen
Sie die Installation von einem Verzeichnis aus, geben das Verzeichnis in das zugehörige
Textfeld ein und klicken dann auf Install. Für die Deinstallation von Komponenten
sollte man das Deinstallations-Skript der jeweiligen Komponente verwenden.
Dieses führen Sie aus, indem Sie die Komponenten, die entfernt werden
sollen, in der Übersicht markieren und dann die Delete-Funktion ausführen.
www.brain-media.de

Komponenten 93
Der Dialog zur Installation von Joomla!-Komponenten.
5.1.1 Banner
Auch die Komponente Banner ist über das Components-Menü verfügbar. Mit dieser
Funktion können Sie Werbeschaltungen gezielt steuern, beispielsweise die so
genannten Banner-Rotation, bei der Banner in einer bestimmten Reihenfolge ausgetauscht
werden. Über das Menü Components> Banners verwalten Sie Banner
und Werbekunden. Damit Banner geschaltet werden können, muss diese Funktion
über die allgemeinen Einstellungen der Site aktiviert werden.
Für die Verwaltung der Banner verwenden Sie den so genannten Banner Manager,
über den man Werbegrafiken erzeugt und verwaltet. Der Manager führt ebenfalls
eine Vielzahl an Informationen zu den einzelnen Bannern auf:
• Banner Name: Hier wird die Bezeichnung eines Banners angegeben.
• Published: Zeigt an, ob das Banner bereits für die Veröffentlichung frei
geschaltet ist oder nicht.
• Impressions made: Hier wird die Anzahl der Einblendungen aufgeführt,
wie oft ein Banner veröffentlicht wurde.
Joomla! kompakt

94 Komponenten, Module & Co.
• Impressions left: Hier wird die Anzahl der Impressions angezeigt, die für
verbleibende Einblendungen übrig sind. Die Anzahl ergibt sich aus der
Differenz der gekauften Impressions minus der bereits veröffentlichten.
• Clicks: Zeigt an, wie oft Benutzer auf die Werbeeinblendung geklickt haben.
• % Clicks: Diese Angabe gibt das Verhältnis von Impressions zu Clicks
an. Der Wert 5 Prozent zeigt beispielsweise an, dass 5 User bei 100 Impressions
auf ein Banner geklickt haben.
Ein neues Werbebanner wird im Banner Manager erzeugt.
Um ein Banner in der Banner-Verwaltung zu erzeugen, öffnen Sie die Bannerverwaltung
über Components> Banners> Manager Banners. Im zugehörigen Dialog
klicken Sie in der Symbolleiste auf New. Es öffnet sich ein einfaches Formular
(siehe oben), in das Sie der Reihe nach folgende Daten eingeben:
• Banner Name: Hier legen Sie die Bezeichnung des Banners fest. Wichtig ist
eine eindeutige Bezeichnung, damit die Identifizierung leicht fällt.
www.brain-media.de

Komponenten 95
• Client Name: Hier wählen Sie den Kunden aus, für den die Werbung geschaltet
wird. Damit eine Auswahl erfolgen kann, muss zumindest ein Kunde in der
Kundenverwaltung erzeugt sein. Dazu gleich mehr.
• Impressions purchased: In diesem Eingabefeld geben Sie an, wie viele
Schaltungen der Kunde bezahlt hat. Standardmäßig gibt das System die Option
Unlimited (unbegrenzt) vor. Das bedeutet, dass das Banner in die Rotation
kommt und unbegrenzt oft eingeblendet wird.
• Banner URL: In diesem Auswahldialog wählen Sie die Banner-Datei aus.
• Show Banner: Hier legen Sie fest, ob das Banner in die Rotation kommt oder
nicht.
• Click URL: In diesem Eingabefeld geben Sie das Ziel ein, zu dem der User
geführt wird, wenn er auf das Banner klickt. Dabei muss eine vollständige
URL angegeben werden, beispielsweise http://www.ziel.de/shop/angebot.htm.
• Custom banner code: Wollen Sie speziellen Code mit dem Banner ausführen,
so geben Sie ihn in das zugehörige Textfeld ein. Es kann sich beispielsweise
um ein JavaScript handeln, das der Auswertung der Benutzerdaten dient.
Außerdem wird unterhalb der Eingabefelder eine Vorschau der gewählten Werbegrafik
angezeigt.
Bevor Sie das Banner freischalten können, müssen Sie zumindest einen Kunden
erzeugt haben. Dazu öffnen Sie die Kundenverwaltung über Components> Banners>
Manage Clients. Es öffnet sich der so genannten Banner-Kundenmanager.
Wie gewohnt klicken Sie auf New, um einen ersten Kunden zu erzeugen. Im zugehörigen
Formular hinterlegen Sie folgende Daten:
• Kundenname
• Kontaktname
• E-Mail-Adresse des Kunden
• Ergänzende Informationen
Nach einem Klick auf Save ist der neue Kontakt gespeichert. Nun können Banner
freigeschaltet werden. Dazu erzeugen Sie ein neues Banner, weisen diesem den
Kunden zu, speichern die Einstellungen und publizieren diese über den Banner
Manager.
Joomla! kompakt

96 Komponenten, Module & Co.
5.1.2 Kontaktverwaltung
Auch die Kontaktverwaltung von Joomla! gehört zu den Komponenten. Damit
können Sie Kontaktinformationen verwalten, die im Zusammenhang mit der Site
bzw. dem System stehen. Dabei geht es um das Hinterlegen Impressum-ähnlicher
Informationen der Site.
Externe Nutzer können diese Informationen nutzen, um in Kontakt mit dem Betreiber
zu treten. Sie haben Zugriff auf diese Informationen über den typischen
Kontakt-Button der Website. Hier steht in der Standardkonfiguration ein einfaches
Kontaktformular zur Verfügung.
Natürlich ist man keineswegs nur auf ein Kontaktelement beschränkt. Vielmehr
können Sie den Benutzern verschiedenste Kontaktinformationen anbieten. Verwenden
Sie mehrere Kontakte, so stehen diese auf der Frontend-Seite über eine
Drop-down-Liste zur Auswahl bereit. Gerade aber bei größeren Anbietern oder
Online-Shops sollte man den Nutzern gezielt Ansprechpartner anbieten.
Über Components> Contacts> Manage Contacts öffnen Sie den Kontaktmanager.
Auch hier werden vorhandene Einträge in Listenform aufgeführt. Standardmäßig
werden folgende Informationen aufgeführt:
• Name
• Veröffentlichungsstatus
• Reihenfolge
• Kategorie
• Link zu registriertem Benutzer
Um einen neuen Kontakt zu erzeugen, klicken Sie in der Kontaktverwaltung wieder
auf New. In das umfangreiche Formular geben Sie die relevanten Daten ein und
speichern diese abschließend über Save. Danach ist der neue Kontakt im Kontaktmanager
verfügbar.
www.brain-media.de

Komponenten 97
Ein neuer Kontakt entsteht.
Um die Kontaktansicht um Ansprechpartner zu erweitern, führen Sie in der Kontakt-Komponente
weitere Personen ein. Dabei sollten Sie insbesondere auf eine
passende Positionsbeschreibung achten. Anschließend geben Sie die neuen Kontakte
frei.
Neben den bereits bekannten Funktionen für die Beschränkung der Ansicht oder
das Anpassen der Sortierung bietet die Kontaktverwaltung eine weitere Besonderheit:
In der Kopfzeile steht eine Suchfunktion zur Verfügung, über die Sie insbesondere
umfangreiche Datenbestände nach Personennamen durchsuchen können.
Die Suche nach Positionen oder anderen Kriterien ist bislang noch nicht möglich.
Über die Registerkarten Publishing, Images und Parameters können Sie die Ansicht
zudem weiter verfeinern.
Joomla! kompakt

98 Komponenten, Module & Co.
5.1.3 Massenmails
Über das Benutzermanagermenü ist eine weitere nützliche Funktion verfügbar:
Über das Formular mit der etwas missglückten Bezeichnung Mass Mail kann man
Nachrichten an folgende Benutzer bzw. Gruppen senden:
• alle verfügbaren Mambo-Benutzer
• eine einzelne Benutzergruppe
• eine Benutzergruppe einschließlich der Kindgruppen
Damit die Mails auch die Mitglieder untergeordneter Gruppen erreichen, muss die
Option Mail to child groups aktiviert werden. Der Rest ergibt sich von selbst: In
das Textfeld Subject geben Sie den Betreff der Nachricht ein, unter Message
Prompt verfassen Sie die Nachricht.
Über die Schaltfläche Send E-Mail bringt man sie auf den Weg. Wichtig: Diese
Mail-Funktion steht nur Mitgliedern der Gruppe Super Administrator zur Verfügung.
Nach dem Versand gibt Mambo eine Hinweismeldung aus, dass die Nachricht
an x Benutzer versendet wurde.
Das Formular für den internen Mailversand an bestimmte Benutzer.
www.brain-media.de

Komponenten 99
Eine interne Mail wurde an einen Benutzer versendet.
5.1.4 Komponente Newsfeed
Die erste Komponente in der Komponentenübersicht trägt die Bezeichnung Newsfeed.
Dabei handelt es sich um einen recht einfachen Mechanismus, mit dem man
Content zwischen zwei (oder auch mehreren) Sites austauschen kann. Da insbesondere
eine Vielzahl von Websites RSS-basierte Nachrichten austauschen, bietet
es sich an, auch in Joomla! diese Technik zu nutzen.
Im Newsfeed Manager verwalten Sie Ihre Meldungen.
Joomla! kompakt

100 Komponenten, Module & Co.
Mithilfe der Newsfeed-Komponente können Sie bestehende News-Artikel verwalten,
sie in Kategorien zusammenfassen und die Inhalte auch anderen Content-
Anbietern zur Verfügung stellen. Um den Content mit anderen gemeinsam nutzen
zu können, ist es sinnvoll, diese in die Templates einzubinden.
Für das Erstellen, Bearbeiten, Löschen, Veröffentlichen und Herausnehmen von
Feeds verwenden Sie die Symbolleiste des Feed Managers. Wie wir es von anderen
Übersichten kennen, führt der Manager verschiedene Detailinformationen zu den
einzelnen News auf:
• Nummer: Als Erstes wird die Nummer der Nachricht angegeben. Diese
Reihenfolge hat nichts mit der Reihenfolge bei der Veröffentlichung zu
tun.
• Feed-Bezeichnung: Es folgt die Bezeichnung der Nachricht. Wichtig ist
dabei eine aussagekräftige Bezeichnung, damit man eine Meldung einfach
identifizieren kann.
• Published: In dieser Spalte zeigen rote Kreuze und grüne Haken an, ob
ein Newsfeed veröffentlicht ist oder nicht.
• Reorder: Über die letzte Spalte kann man die Reihenfolge der Ansicht
bearbeiten. Oberhalb der Reorder-Spalte kann man außerdem die Anzahl
der News zahlenmäßig und auf Kategorien beschränken.
• Category: Unter Category kann man eine Meldung einer bestimmten
News-Gruppe zuordnen. Meist handelt es sich um inhaltlich ähnliche
Nachrichten, die man in einer Gruppe zusammenfasst. Alternativen könnten
auch Aktivitäten-spezifische Gruppierungen sein.
• # Articles: In dieser Spalte findet man die Anzahl an Artikel, die in einem
Newsfeed verwendet werden – nicht zu verwechseln mit der Artikelnummer,
die sich auf die Reihenfolge in der Ansicht bezieht.
• Cache time (sec): Hier findet man die Dauer in Sekunden, die ein Artikel
im Cache verbleibt.
Da in einer XML-basierten Datei (RSS) wie sie von Joomla! genutzt wird, mehrere
Newsfeeds bereitgestellt werden können, ist es wichtig, dass Sie die Anzahl der
Artikel sowie die lokale Caching-Dauer für den Newsfeed definieren.
Bieten Sie RSS-basierte News auf einer Website an, sollten Sie die Einbettung des
RSS-Icons in Erwägung ziehen. Andere Anbieter und Anwender erkennen so
leicht, dass sie die Inhalte eventuell nutzen können. Ergänzend ist es sinnvoll,
eigene Feeds über RSS-Verzeichnisse wie beispielsweise das deutschsprachige
www.brain-media.de

Komponenten 101
RSS-Verzeichnis (http://www.rss-verzeichnis.net) oder Syndic8.com
(http://www.syndic8.com) zu publizieren.
Das Erzeugen eines Newsfeed ist recht einfach: Öffnen Sie den Feed Manager,
indem Sie man den Befehl Components> News Feeds> Manage News Feeds auswählen.
Dort klicken Sie auf New und füllen das zugehörige Formular aus.
Ein neuer Newsfeed entsteht.
Im Formular Newsfeed: New wählen Sie zunächst die Kategorie, bezeichnen dann
den Feed, geben den zugehörigen Link sowie den Dateinamen (feedname.rss) an,
bestimmen die Anzahl der Artikel und die Dauer, die der Feed im Zwischenspeicher
verbleibt. Abschließend speichern Sie die Einstellungen durch einen Klick auf
Save. Die Newsfeed-Funktion erlaubt außerdem das Hinzufügen neuer Kategorien,
mit denen man die Nachrichten beispielsweise thematisch oder chronologisch
zusammenfasst. Der Kategoriemanager für Newsfeeds ist über Components> News
Feeds> Manage Categories verfügbar.
5.1.5 Umfragen
Über die Komponentenverwaltung betten Sie auch die so genannten Polls in eine
Website ein. Mit diesem Feature können Sie sich gezielt Feedback von den Benutzern
holen. So kann man beispielsweise Artikel oder Anleitungen oder auch den
Service bewerten lassen. Über Components> Polls öffnen Sie den Poll Manager,
Joomla! kompakt

102 Komponenten, Module & Co.
über den Sie neue Umfragen erstellen oder bestehende bearbeiten bzw. löschen. Im
Poll Manager stehen die bekannten Funktionen zum Freischalten etc. zur Verfügung.
Um eine erste Umfrage zu erzeugen, klicken Sie im Poll Manager auf New, bezeichnen
die Umfrage und geben unter Title die Beschreibung bzw. die Fragestellung
der Umfrage ein.
Eine neue Umfrage ist mit wenigen Mausklicks erstellt.
Über das Eingabefeld Lag bestimmen Sie die Anzahl der Sekunden, die zwischen
zwei Stimmabgaben gewartet werden muss. In die Textfelder Options geben Sie
schließlich die möglichen Antworten ein. Das Feld ist auf 12 Optionen beschränkt.
Mehr braucht man auch wirklich nicht. Dabei wird übrigens auch die IP-Adresse
des Abstimmenden aufgezeichnet. Um das Ergebnis nicht verfälschen zu können,
ist eine Mehrfachabstimmung nicht möglich.
www.brain-media.de

Komponenten 103
Über Show on menu items legen Sie außerdem fest, wo die Abstimmung angezeigt
wird. Dabei kann man sie auf allen Seiten der Web-Applikation anzeigen lassen
und auch gezielt auf bestimmte Seiten beschränken. Wollen Sie beispielsweise das
Feedback zu einem bestimmten Service-Angebot holen, so macht es nur Sinn, das
auf den Service-Seiten abzufragen. Nachdem die Optionen und Platzierung sowie
die Fragestellungen definiert sind, speichern Sie die Umfrage und geben sie wie
gewohnt über den Poll Manager frei. Nun kann sie von den Anwendern genutzt
werden.
Die Vorschau der zuvor erzeugten Umfrage.
5.1.6 Syndicate
Joomla! unterstützt auch das so genannte Content-Syndication. Content-Syndication
bezeichnet die Verbindung von Inhalten verschiedener Websites. Genutzt
wird diese Technik insbesondere bei Websites, die ihr Angebot mit business- und
branchenrelevanten Informationen aufwerten wollen. So zum Beispiel Börsenkurse,
aktuelle Nachrichten, aber auch speziell ausgewählte Inhalte anderer Webseiten.
Die zugehörigen Einstellungen hierfür sind über Components> Syndicate verfügbar.
Im zugehörigen Formular definieren Sie die Syndication-Einstellungen. Um
bestimmte Inhalte für die Nutzung durch andere verfügbar zu machen, müssen
diese entsprechend konfiguriert werden.
Joomla! kompakt

104 Komponenten, Module & Co.
Die Konfiguration der Content Syndication.
Die Einstellungen hierfür fasst nachstehende Tabelle zusammen:
Option
Security Check
Cache: Yes or No?
Cache Time
#Items
Beschreibung
Hier legen Sie fest, ob ein Sicherheitscheck erfolgt oder
nicht.
Hier legt man fest, ob Inhalte zwischengespeichert werden
oder nicht. Die Vorgabe Yes sollte man beibehalten. Aktiviert
man No, wird der Newsfeed bei jedem Zugriff geprüft.
Mit dieser Einstellung legt man fest, wie lange Inhalte im
Zwischenspeicher verweilen. Der Standardwert ist 3600
Sekunden, also 60 Minuten. Nach dem Ablauf dieser Zeitspanne
wird der Inhalt aus der Datenbank bezogen.
Anzahl der Elemente, die ausgetauscht werden sollen.
www.brain-media.de

Komponenten 105
Option
Title
Description
Image
Image Alt
Limit Text: Yes or
No?
Order
Live Bookmarks
Bookmark File
Beschreibung
Legt den Titel für Artikel fest, die syndiziert werden.
Kurze Beschreibung des Feeds.
Erlaubt die Auswahl einer Grafik aus dem Media Manager.
Legt den alternativen Bildtext fest.
Erlaubt es, die Länge der alternativen Texte zu beschränken.
Verwendet man den Wert 0, so wird kein Text angezeigt.
Legt die Reihenfolge entsprechend der Einstellung im
Front Page Manager der Objekte fest.
Aktiviert die Firefox-Live-Bookmark-Funktionität.
Spezifiziert die Lesezeichen-Datei.
5.1.7 Links
Auch die Links werden über die Komponentenverwaltung administriert. Die Links
wie auch die Link-Kategorien sind über das Menü Components> Web Links>
Weblink Items bzw. Weblink Categories verfügbar. Führen Sie den ersten Befehl
aus, so öffnet sich der so genannte Link Manager, über den Sie neue Verweise
erzeugen, bestehende verwalten und löschen. Außerdem zeigt der Manager verschiedene
Detailinformationen an, insbesondere den Namen, die Kategorie, die
Anzahl an Hits und den Veröffentlichungsstatus.
Das Erzeugen eines neuen Links.
Joomla! kompakt

106 Komponenten, Module & Co.
In der Spalte Approved erfahren Sie, ob der Link verifizert wurde oder nicht.
Schließlich kann auch die Reihenfolge der Links angepasst werden. Der Hintergedanke
dieser Funktion: Fügen Benutzer neue Links hinzu, so müssen diese erst
durch einen Administrator freigegeben werden, bevor sie der Allgemeinheit zur
Verfügung stehen.
Um einen neuen Link zu erzeugen, klicken Sie im Manager auf New. In das Formular
Weblink: New geben Sie die Link-Bezeichnung, die Kategorie, den URL,
eine Beschreibung, die Reihenfolge sowie den Überprüfungsstatus an. Mit Save
sichern Sie den neuen Link und können ihn dann über den Weblink Manager publizieren.
Der neue Link ist dann über das Menü Weblinks der Joomla!-Hauptseite
verfügbar. Dort greift man über die Kategorien auf die Verweise zu. Über das
Auswahlmenü Parameters legen Sie außerdem fest, ob der Link im gleichen oder
in einem neuen Browser mit bzw. ohne Browser-Navigation geöffnet wird.
Über das Untermenü Weblink Categories können Sie auch hier weitere Kategorien
einführen. So können Sie die Links besser inhaltlich (oder nach anderen Kriterien)
zusammenfassen. Wie man Kategorien erzeugt, ist oben beschrieben.
5.2 Modulmanager
Zwei weitere wichtige Komponenten von Mambo sind die so genannten Module
und Mambots. Wie die Mambo-Komponenten sind die Module Mini-
Applikationen, die innerhalb des Mambo-Systems bestimmte Funktionalitäten
bereitstellen. Zu den Modulen gehören beispielsweise die Hauptmenüs, die Benutzermenüs
und das Login-Formular. Der Ansatz hinter den Mambo-Modulen: Das
Content-Managementsystem soll durch seine modulare Architektur einfach an die
jeweiligen Anforderungen anpassbar sein.
Die Module stellen ähnlich einer Blackbox bestimmte Funktionen zur Verfügung,
ohne dass sich der Administrator um technische Details kümmern muss. Durch die
Verwendung einer modularen Architektur entsteht ein flexibles Gebilde. Mambots
übernehmen Content-spezifische Funktionen. Sie dienen dazu, Inhalte zu manipulieren.
www.brain-media.de

Modulmanager 107
Die Liste der installierten Module ist bei
einer Standardkonfiguration lang.
5.2.1 Joomla!-Module
Die Module unterscheiden sich von den zuvor beschriebenen Komponenten. Sie
werden meist verwendet, um Informationen von Komponenten oder auch von
externen Skripts darzustellen. Sie besitzen in der Regel keine administrativen
Funktionen, außer vielleicht das Editieren oder das Veröffentlichen. Das Content-
Managementsystem unterscheidet zwischen Site- und Administrationsmodulen.
Die einen sind für Site-spezifische, die anderen für administrative Aufgaben zuständig.
Wie die Menüs Components und Mambots dient der erste Menü-Eintrag
der Installation bzw. der Deinstallation neuer Module. Außerdem präsentiert die
Modulfunktion eine Übersicht der installierten Module.
Öffnen Sie einen Modulbereich, so präsentiert Joomla! den Modulmanager für die
Site- bzw. Admin-spezifischen Module. Hier werden wieder die typischen Informationen
und Einstellungen angeboten, wie wir sie bereits von anderen Managern
kennen.
Joomla! kompakt

108 Komponenten, Module & Co.
Wir wollen uns hier exemplarisch einige Site-Module ansehen. Der Umgang mit
administrativen Komponenten ist entsprechend. Die Administration der Site-
Module erfolgt über den Modul Manager, den Sie über das Menü Modules> Site
Modules öffnen. Hier finden Sie bei einer Standardinstallation beispielsweise folgende
Module vor:
• Banners
• Main Menu
• User Menu
• Other Menu
• Login Form
• Syndicate
• Statistics
• Template Chooser
• Archive
• Sections
Der Modulübersicht, wie sie obige Darstellung zeigt, können Sie wesentliche Informationen
entnehmen. Neben der Modulbezeichnung sind das insbesondere der
Typ, die Position aus User-Sicht, der Veröffentlichungsstatus, Check-out-Infos,
Zugriffsrechte und Reihenfolge. Detailinformationen zu den einzelnen Modulen
rufen Sie ab, indem Sie diese in der Übersicht anklicken.
www.brain-media.de

Modulmanager 109
Das editierte Hauptmenü.
Editieren Sie ein Modul durch einen Klick auf die Modulbezeichnung im Modulmanager,
so sind Detailinformationen zur gewählten Komponente verfügbar. Voranstehende
Abbildung zeigt beispielsweise das editierte Modul Main Menu
(Hauptmenü). Die Dialoge beim Editieren unterschiedlicher Module sind nahezu
identisch. Unterschiede gibt es lediglich bei den Parametern.
Die Einstellungen im Einzelnen:
• Title: Hier legen Sie den Titel des Moduls fest, wie er im Modulmanager
auftaucht.
• Show title: In diesem Auswahlmenü haben Sie die Wahl zwischen Yes
und No, um die Titel in der User-Ansicht der Website anzuzeigen.
• Position: Über diese Einstellung legen Sie fest, wo das Modul erscheinen
soll. Joomla! stellt Sie vor die Wahl zwischen links, rechts, oben, unten,
ausblenden und User-spezifisch.
• Module Owner: Hier legen fest, wem das Modul gehört.
Joomla! kompakt

110 Komponenten, Module & Co.
• Access Level: Über dieses Auswahlmenü bestimmen Sie, ob es sich um
ein öffentlich zugängliches Modul handelt oder es nur für registrierte Benutzer
verfügbar ist oder ob andere spezielle Einstellungen vorgesehen
sind.
• Published: Hier legen Sie fest, ob das Modul veröffentlicht wird oder
nicht.
• Parameters: In diesem Bereich steuern Sie verschiedene Menüspezifische
Details.
• Page(s): In dieser Auswahl legen Sie fest, wo das jeweilige Menü angezeigt
wird. Meist zeigt man Menüs auf allen Seiten an, insbesondere wenn
es sich um elementare Menüs wie das Hauptmenü handeln. Joomla! stellt
Ihnen die Optionen Alle und Spezifische Dokumente zur Wahl. Um eine
gezielte Auswahl zu treffen, halten Sie die Strg-Taste gedrückt und markieren
der Reihe nach die Seiten, auf denen das Menü erscheinen soll.
Nach einem Klick auf Save landet man wieder in der Modulübersicht und kann mit
einem Browser beispielsweise die geänderten Einstellungen begutachten. Die Installation
neuer Module ist ebenfalls recht einfach. Hierzu führen Sie den Befehl
Modules> Install/Uninstall aus. Wollen Sie ein bestehendes Modul aktualisieren
und durch eine Weiterentwicklung ersetzen, so deinstallieren Sie am besten die
installierte Variante.
Die Funktion des Moduls Login aus User-Sicht.
Schauen wir uns den Einsatz verschiedener Module in der Praxis an. Wollen Sie
sich mit den verschiedenen Modulen vertraut machen, so sollten Sie am besten alle
www.brain-media.de

Modulmanager 111
veröffentlichen. Dazu markieren Sie in der Kopfzeile des Modulmanagers neben
Modul Name das Kästchen und führen den Befehl Publish aus. Nach einer Aktualisierung
der Ansicht sind in der Benutzeransicht die aktivierten Module verfügbar.
5.2.2 Modul Login
Haben Sie das Modul Login in seiner Standardkonfiguration aktiviert, so finden Sie
es im linken oberen Dokumentenbereich aller Seiten. Über den typischen Login-
Dialog verschaffen Sie sich als Administrator oder als „normaler“ Redakteur Zugang
zum System.
Über Remember me können Sie das Setzen eines Cookies aktivieren, damit Sie sich
beim erneuten Zugriff die Eingabe des Benutzerpassworts und des Kennworts
sparen können. Besitzen Sie keine Kennung samt Passwort, so können Sie es über
Forgotten your password per E-Mail anfordern.
Besitzen Sie bislang noch keinen Account, so erzeugen Sie einen über Create one.
Im zugehörigen Registrierungsformular geben Sie den Namen, den Benutzernamen
und die E-Mail-Adresse an.
Ein neuer Benutzer registriert sich.
Der neue User erhält sein Passwort per Mail zugesandt und kann sich dann mit
seinen Daten Zutritt zum System verschaffen. Über die Benutzerverwaltung kann
der Administrator gezielt die Berechtigungen für den neuen User setzen. Standardmäßig
wird er der Gruppe Frontend User> Registered zugeordnet.
Das Login-Modul unterstützt verschiedene Parameter, die über den Modulmanager
angepasst werden können:
• pretext: Mit diesem Parameter legen Sie einen Textbaustein oder HTML-
Code fest, der über dem Login-Formular angezeigt wird. Ein Beispiel:
Joomla! kompakt

112 Komponenten, Module & Co.
pretext=Lesen Sie unbedingt unsere Hinweise zur Sicherheit und Verwendung
der Umgebung!
• posttext: Hiermit legen Sie entsprechend einen Textbaustein oder auch
HTML-Code fest, der nach dem Login-Formular eingeblendet wird.
5.2.3 Modul Archive
Im Modul Archive werden archivierte Artikel gesammelt. Die Artikel werden dabei
Monat für Monat zusammengefasst. Der User kann sich also über die Monate zu
bisherigen Meldungen hangeln. Damit ein Artikel im Archiv landet, muss man
diesen natürlich zunächst archivieren. Dazu öffnen Sie beispielsweise den Content-
Element-Manager, markieren die Elemente, die Sie archivieren wollen, und klicken
dann auf Archive.
Greifen Sie auf einen im Archive-Menü aufgeführten Monat zu, so werden die
Titel der abgelegten Inhalte im Hauptfenster angezeigt. Über ein Auswahlmenü
können Sie außerdem bequem auf andere Monate zugreifen.
Ein Tipp noch für Administratoren: Über die Einstellungen des Archive-Moduls
kann man die Anzahl der archivierten Elemente im Menü steuern. Standardmäßig
werden maximal zehn Elemente angezeigt. Will man die Ansicht auf 5 oder auch
20 setzen, so gibt man unter Parameter Count einfach 5 bzw. 20 ein.
Die Template-Auswahl aus Sicht des Benutzers.
www.brain-media.de

Modulmanager 113
5.2.4 Modul Template Chooser
Voranstehende Abbildung zeigt das Modul Template Chooser aus Usersicht. Mit
dieser Funktion bietet man dem Anwender die Möglichkeit, das Site-Design entsprechend
seinen Anforderungen anzupassen. Insbesondere beim Einsatz im Unternehmen
macht diese Funktion durchaus Sinn, da Mitarbeiter ihre Umgebung an
ihre Vorlieben anpassen können – wenn auch in recht bescheidenem Maße. Auch
beim Template Chooser stehen verschiedene Parameter zur Verfügung:
• Max Name Length: Hiermit begrenzen Sie die Länge der Template-
Namen, beispielsweise auf maximal 20 Zeichen.
• Show Preview: Mit diesem Parameter aktivieren bzw. deaktivieren Sie
die Vorschau. Für das Aktivieren verwenden Sie den Wert 1 (Standardeinstellung),
für das Deaktivieren den Wert 0.
• Preview Width: Mit diesem Wert bestimmen Sie die Breite der Vorschau
in Pixeln. Der Standardwert ist 140.
• Preview Height: Hiermit legen Sie die Höhe fest. Der Standardwert ist
90.
Haben Sie den Umgang mit zwei oder drei Modulen kennen gelernt, so finden Sie
sich auch bei anderen Moduleinstellungen schnell zurecht. Unterschiede gibt es,
wie bereits erwähnt, lediglich bei den Parametern. Hier liefert das Infozeichen
neben einer Option die notwendigen Informationen.
Die Mambots-Verwaltung des Content-Managementsystems.
Joomla! kompakt

114 Komponenten, Module & Co.
5.3 Mambots
Die so genannten Mambots sind kleine PHP-Skripts, die bestimmte Aktionen auf
Content-Elemente anwenden. In der Praxis können sie vielerlei Aufgaben übernehmen,
beispielsweise die automatisierte Ausrichtung von Grafiken in einem
Artikel, Suchfunktionen für die Website bereitstellen und dergleichen mehr. Über
das Menü Mambots installiert bzw. deinstalliert man neue Skripts und verwaltet
diese.
Eine Joomla!-Standardinstallation kommt mit einer Grundausstattung von
Mambots daher. Eines der wichtigsten ist das MOS-Image-Bot. Es dient beispielsweise
dazu, die Position einer Grafik vorzugeben. Während die Site-übergreifende
Konfiguration über das Mambots-Menü vorgenommen wird, steht dessen eigentliche
Funktion über die Content-Bearbeitung zur Verfügung. Die Konfigurationsmöglichkeiten
sind recht beschränkt. Sie dienen in erster Linie dazu, das Bot verfügbar
zu machen und den Zugriffslevel zu definieren. Editieren Sie beispielsweise
das Mambot MOS Image, so können Sie den Veröffentlichungsstatus und die Zugriffsebene
definieren.
Die Konfigurationsmöglichkeiten für das Mambot MOS Image.
Die wichtigsten installierten Mambots fasst nachstehende Tabelle zusammen:
Mambot
MOS Image
Legacy
Mambot
Includer
Beschreibung
Dieser Bot dient der Manipulation von Grafiken. Er erlaubt das
Einbinden von Grafiken in Content-Elemente und das Ausrichten.
Bei einer Neuinstallation kann diese Option bedenkenlos deaktiviert
werden.
www.brain-media.de

Installer, Nachrichten und mehr 115
Mambot
Code Support
SEF
MOS Rating
Email Cloaking
Beschreibung
Dieser Bot interpretiert jeden Text in der Form {moscode} …
code … {/moscode} als PHP-Code.
Dieser Bot stellt die Funktionen Search Engine Friendly zur
Verfügung, die über die Site-Konfiguration verfügbar sind.
Stellt die Bewertungsfunktion zur Verfügung, mit der User Inhalte
bewerten können.
Dieser Bot „verhüllt“ E-Mail-Adressen, damit sie nicht von
Spambots ausgelesen werden können.
5.4 Installer, Nachrichten und mehr
Die Joomla!-Administrationszentrale hat weitere Funktionen zu bieten. Insbesondere
Funktionen, die über die Menüs Installer, Messages und System zur Verfügung
stehen. Die Funktion des Installers ist schnell erklärt, denn diesem Installationsmechanismus
sind wir bereits des Öfteren begegnet. Sie erlaubt die Installation
von Templates, Sprachpaketen, Komponenten, Modulen und Mambots.
5.4.1 Messaging-Einstellungen
Über das Menü Messages sind die Messaging-Einstellungen verfügbar. Diese sind
recht einfacher Natur. Die Konfiguration erfolgt über das Menü Messages> Configuration.
Setzen Sie dort die Option Lock Inbox auf Yes, so wird das Senden von
Nachrichten der Administrator- oder Systemprozesse an den Administrator unterbunden.
Setzen Sie die Option Mail me on new Message auf Yes, so wird dem
Administrator eine Nachricht gesendet, wenn neue Nachrichten für ihn eingegangen
sind. Neue Nachrichten werden in der Kopfzeile des Systems angezeigt.
Die Nachrichten-spezifischen Einstellungen.
Joomla! kompakt

116 Komponenten, Module & Co.
Wollen Sie an andere Anwender eine Nachricht verfassen, so klicken Sie im Dialog
Private Messaging auf die Schaltfläche New. Es öffnet sich der Dialog New
private message, in dem Sie den Benutzer, den Betreff und den Nachrichtentext
eingeben. Über Save bringen Sie die Nachricht auf den Weg. Beim Empfänger
wird der Eingang einer neuen Nachricht in der Kopfzeile durch den Briefumschlag
mit Nennung der Nachrichtenanzahl angezeigt. Um sie zu öffnen, klickt der Empfänger
auf den Umschlag. In der Mail-Übersicht kann die Nachricht dann gelesen
werden.
Eine neue Nachricht befindet sich im Posteingang.
5.4.2 Checkin-Informationen
Über das Systemmenü sind die so genannten Check-in-Informationen verfügbar.
Dem Checkin-Status sind wir bereits des Öfteren begegnet. Man findet die gleichnamige
Spalte überall dort, wo man Elemente, Komponenten oder Module publizieren
bzw. aktivieren kann, beispielsweise im Menümanager oder in der Newsverwaltung.
Die globalen Checkin-Informationen.
www.brain-media.de

Installer, Nachrichten und mehr 117
Der Checked-out-Status sorgt dafür, dass die Elemente von Änderungen anderer
Benutzer sicher sind. Ein mehrfacher Zugriff wird so ebenfalls verhindert. Über
das Menü System> Global Checkin rufen Sie den Status von Elementen, Komponenten
etc. ab. Damit erhalten Sie einen exakten Überblick, welche Elemente bearbeitet
werden können und welche nicht.
Joomla! kompakt

118 Komponenten, Module & Co.
www.brain-media.de

Dreamweaver Template Builder Extension 119
6 Template-Entwicklung
Wenn Sie eine individuelle Website aufbauen wollen, die mit einem speziellen
Layout daherkommt, müssen Sie sich mit der Template-Entwicklung befassen.
Wenn Sie eigene Vorlagen für eine Joomla!-Installation erstellen wollen, so können
Sie mehrere Wege einschlagen. Sie können beispielsweise kommerzielle Vorlagen
erwerben und diese an Ihre Bedürfnisse anpassen. Es gibt noch weitere Alternativen:
• Sie entwickeln eigene PHP-Dokumente. Diese Option dürfte PHP-
Entwicklern vorbehalten sein.
• Sie verwenden die inzwischen betagte Dreamweaver-Template-Builder
Extension. Dabei handelt es sich um eine Dreamweaver-Erweiterung, mit
der auch „normale“ Anwender ihre eigenen Mambo-Templates erzeugen
können. Weil es so schön einfach ist, widmen wir uns dieser Option.
6.1 Dreamweaver Template Builder Extension
Alles, was man für die Entwicklung eigener Mambo-Templates benötigt, ist eine
aktuelle Dreamweaver-Version, die Dreamweaver-Erweiterung, eine lauffähige
Mambo-Installation und natürlich ein wenig Zeit, um diesen Workshop durchzuarbeiten.
Für den Fall, dass keine Dreamweaver-Installation zur Verfügung steht,
kann man sich auch mit einer Trialversion testweise behelfen. Alternativ kann man
auch das Template Builder Plugin (mamboforge.net/frs/?group_id
=106&release_id=2536) für den HTML Kit Editor (www.chami.com/html-kit/)
verwenden. Das Dreamweaver-Plugin steht ebenfalls über die Mamboforge-
Website (mamboforge.net/frs/?group_id=106&release_id=1801) zum Download
bereit.
Joomla! kompakt

120 Template-Entwicklung
Jedes Design lässt sich für ein Mambo-System nutzen. Es muss nur stehen
und dann entsprechend in Dreamweaver als Template definiert
werden.
Nach dem Download der Erweiterung öffnet man den Macromedia Extension Manager.
Dort wählt man Datei> Erweiterung installieren, wählt die Erweiterung und
bestätigt die Wahl. Nun startet Dreamweaver neu. Die Struktur und das Design des
Mambo-Templates sollten natürlich bereits stehen. Nur so macht es Sinn, den weiteren
Schritten des Workshops zu folgen. Wir wollen im Folgenden eine Website
mit einem typischen Header, darunter drei Spalten für die Navigationsleiste, erzeugen,
die die eigentlichen Inhalte und sonstige Elemente bzw. Werbung aufnehmen.
www.brain-media.de

Dreamweaver Template Builder Extension 121
Das Plugin stellt seine Funktionen über die MamboOS-Leiste
und das Menü Einfügen zur Verfügung.
Dazu führen wir in Dreamweaver den Befehl Datei> Neu aus. Auf dem zugehörigen
Dialog Neues Dokument wählt man aus dem Register Allgemein die Kategorie
Dynamische Seite und im rechten dazugehörigen Auswahlfeld den Dokumententyp
PHP.
Joomla! kompakt

122 Template-Entwicklung
Die neue Mambo-Vorlage in der Entstehung.
Dreamweaver erzeugt das neue Dokument. Nun wechselt man in die Code-
Ansicht. Das neue Dokument besitzt standardmäßig zwölf Zeilen. Hier markiert
man die Zeilen 1 bis 5 (siehe nachstehendes Beispiel) und entfernt diese aus dem
Dokument:
Unbenanntes Dokument
www.brain-media.de

Dreamweaver Template Builder Extension 123
Nach dem Entfernen des Head-Codeblocks aktiviert man die MamboOS-
Symbolleiste, positioniert den Mauszeiger in der ersten Spalte und klickt dann auf
Insert Head Code. Es handelt sich um die siebte Schaltfläche von rechts. Dabei
wird in der Code-Ansicht folgender Code-Block eingefügt:

124 Template-Entwicklung
/**
* template_name - Mambo 4.x template
* @mambo version 4.6
* @copyright (C) 2005 by Ihr_Name_Hier
* @erstellt am 20.01.05
* @letzte aktualisierung am 25.01.05
* @lizenz-info
*/
defined …
6.2 Template-Gestaltung
Nun wechseln Sie wieder in die Entwurfsansicht. Dreamweaver präsentiert einen
nackten Arbeitsbereich. Hier fügen wir nun eine Tabelle mit drei Spalten ein, die
es dann mit Leben zu füllen gilt. Zunächst erzeugen wir drei einzelne Tabellen
untereinander. Auf das Warum kommen wir noch zu sprechen. Die drei Tabellen
müssen die gleiche Breite besitzen, beispielsweise 800 Pixel. Außerdem sollten sie
einzeilig angelegt sein.
In die mittlere Tabelle wird eine verschachtelte Tabelle eingefügt.
www.brain-media.de

Template-Gestaltung 125
Tabellen fügen Sie in Dreamweaver über das Einfügen-Menü ein oder aber durch
einen Klick auf das Tabellensymbol in der Standardsymbolleiste. Im Dialog Tabelle
legen wir die Eigenschaften der Tabelle fest. In die mittlere Tabelle fügen wir
eine weitere Tabelle ein, die eine Zeile und drei Spalten aufweist. Damit die Umsetzung
deutlicher wird, verwenden wir einen Tabellenrahmen. Das erleichtert das
Nachvollziehen anhand des Screenshots. In der Praxis sollte man auf derlei „Gestaltungsmittel“
natürlich verzichten.
Als Nächstes widmen wir uns der dreispaltigen Tabelle, die wir in die mittlere
Tabelle eingefügt haben. Hier werden später die Inhalte zu sehen sein. Dazu passen
wir die Breite der einzelnen Spalten mit dem Eigenschafteninspektor an. Die linke
Spalte könnte beispielsweise auf eine Breite von 150 Pixeln und die rechte auf eine
Breite von 100 Pixeln gesetzt werden.
Über die von Dreamweaver bereitgestellten Tabellenfunktionen ist man sehr flexibel,
was die Anpassung der Breite angeht. Mit der Anpassung an die jeweiligen
Anforderungen sind die wesentlichen gestalterischen Aufgaben erledigt.
Das Seitenlayout für die neue Joomla!-Vorlage steht.
Joomla! kompakt

126 Template-Entwicklung
Als Nächstes gilt es, das Vorlagendokument mithilfe der von der MamboOS-Leiste
bereitgestellten Funktionen mit Mambo-spezifischem Code zu füllen. Dazu klicken
Sie mit dem Mauszeiger zunächst in den mittleren Tabellenbereich der eingebetteten
Tabelle. Dort klicken Sie in der Leiste auf das Main-Body-Sinnbild. Es handelt
sich auf der MamboOS-Leiste um die fünfte Schaltfläche von links. Dreamweaver
zeigt den eingefügten Code im Eigenschafteninspektor an.
Der Code für den Main Body wird eingefügt.
Mit dem nächsten Schritt widmen wir uns der linken Spalte der eingebetteten Tabelle.
Auch hier setzen wir den Cursor zunächst in die linke Spalte. Klicken Sie in
der MamboOS-Leiste auf die Schaltfläche Insert Left Modules. Damit ist festgelegt,
dass Mambo diesen Tabellenteil als linksseitig erkennt und Funktionen, denen
man die linke Spalte zuweist, hier einfügt. Der zugehörige Code-Schnipsel sieht
übrigens wie folgt aus:
mosLoadModules ( 'left' )
Wollen Sie im linken Bereich ein typisches User-Modul einfügen, so setzen Sie
den Cursor unter das zuvor erzeugte Modul und klicken auf die Schaltfläche
User1. Die zugehörige Code-Zeile sieht wie folgt aus:
mosLoadModules ( 'user1' )
Entsprechend gehen Sie mit der rechten Spalte vor. Auch diese muss für das Mambo-CMS
erst einmal als rechte Spalte durch das Einfügen des Right-Moduls gekennzeichnet
werden. Dazu platzieren Sie den Mauszeiger in der rechten Spalte
und klicken dann auf Insert Rights Modules. Das zugehörige Kommando lautet:
mosLoadModules ( 'right' )
www.brain-media.de

Template-Gestaltung 127
Wollen Sie nun beispielsweise in der rechten Spalte die Suchfunktion platzieren, so
setzen Sie den Cursor unter das zuvor erzeugte Modul und klicken in der
MamboOS-Symbolleiste auf Insert Search. Der gesamte Quellcode der eingebetteten
Tabelle samt den eingebetteten Mambo-Funktionen sieht dann wie folgt aus:
 
Hier soll die Navigationsleiste
eingefügt werden.
 
In den mittleren Tabellenblock werden
später die eigentlichen Inhalte
einfügt.

128 Template-Entwicklung
_SEARCH_BOX; ?>';" onfo-cus="if(this.value=='') this.value='';" />
etc.
 
Hier ist Platz für weitere Infos, Werbung
 
Natürlich können Sie die Joomla!-relevanten Code-Schnipsel auch mit jedem anderen
Editor in das PHP-Dokument einfügen. Besonders einfach ist es natürlich mit
der von Dreamweaver bereitgestellten Symbolleiste.
Nachstehende Tabelle fasst wichtige Schnipsel und ihre Funktion zusammen. Es
sei angemerkt, dass wir oben nicht alle möglichen Mambo-spezifischen Funktionen
eingefügt haben:
Template-Code
Beschreibung
Fügt die Komponente Banner ein.
Dient dem Einfügen des Seitennamens.
Zeigt den aktuellen Pfad der geöffneten
Seite an.
Definiert alle Module, die im Bereich
top angezeigt werden sollen.
Legt fest, welche Module im Bereich
left angezeigt werden sollen.
Bestimmt alle Module, die im Bereich
right angezeigt werden sollen.
www.brain-media.de

Template-Gestaltung 129
Template-Code
Beschreibung
Definiert, wo die Module im Bereich
user1 angezeigt werden sollen.
include_once("mainbody.php");
Bestimmt, wo die Module im Bereich
user2 angezeigt werden sollen.
Legt fest, wo die Module im Bereich
bottom angezeigt werden.
Definiert, wo die Module im Bereich
insert angezeigt werden.
Hiermit legt man den eigentlichen Teil
für die Inhalte fest.
Damit sind die wichtigsten Elemente genannt. Und hier die dazugehörige Entwurfsansicht:
Die Entwurfsansicht samt den bislang eingebetteten Mambo-Modulen.
Für die Ausrichtung der Module können Sie die bekannten Ausrichtungsfunktionen
von Dreamweaver verwenden. Sie können die oben eingefügten Elemente beispielsweise
durch Markieren und anschließende Anwendung der Befehle linksbündig,
rechtsbündig oder mittig positionieren.
Wenden wir uns im nächsten Schritt der Gestaltung der Kopf- und Fußtabelle zu.
Zuerst ist die Kopfzeile dran. Hier bringen wir zwei Elemente unter. Zum einen ist
das der so genannte Pathway und zum anderen eine Datumsanzeige. Hinter der
Joomla! kompakt

130 Template-Entwicklung
Pathway-Grafik verbirgt sich eine Funktion für die bessere Navigation in einer
Joomla!-basierten Website. Sie dient der Orientierung und zeigt an, wo man sich
innerhalb einer Website gerade befindet.
Damit diese beiden Elemente in der Kopfzeile untergebracht werden können, teilen
wir die obere Tabelle in zwei Spalten auf. Die weiteren Aktionen kennen wir bereits:
Wir setzen den Mauszeiger in die jeweilige Tabellenspalte und klicken dann
in der MamboOS-Symbolleiste auf das zugehörige Sinnbild. Nachdem wir den
Pathway und das Datum eingefügt haben, präsentiert sich uns das in nachstehender
Abbildung dargestellte Layout. Entsprechend geht man mit der Tabelle am Fuße
des Dokuments vor. Hier platzieren Sie beispielsweise den Footer- oder Buttom-
Bereich.
Das eigene Design nimmt allmählich Form an – zumindest funktional.
Nun speichern Sie die Daten als index.php. Damit ist der erste wichtige Schritt für
die Entwicklung eines Joomla!-Templates abgeschlossen.
www.brain-media.de

Template-Verzeichnisstruktur 131
6.3 Template-Verzeichnisstruktur
Mambo verlangt für die Template-Verwendung eine bestimmte Verzeichnisstruktur.
Diese muss als Nächstes mit den erforderlichen Dateien erzeugt werden. Die
Struktur sieht wie folgt aus:
Templates-Ordner
---Ordner_Name_eigene_templates
--index.php
--templateDetails.xml
--template_thumbnail.png
---css-Ordner
---template_css.css
---images
Es werden also folgende Dateien benötigt:
- index.php: Diese Datei ist das eigentliche Template, das wir mit den obigen
Schritten erzeugt haben. In unserem Beispiel handelt es sich um die
einfachen Tabellen samt den Bereichszuordnungen. Sie wird im Ordner
template_name abgelegt.
- templateDetails.xml: In diesem XML-Dokument sind Meta-
Informationen sowie die Installationsanweisungen hinterlegt. Auch diese
Datei wird im Ordner template_name abgelegt.
- template_css.css: In diesem Stylesheet wird das Aussehen des Templates
definiert. Es wird im Ordner css abgelegt.
Außerdem muss ein Ordner mit der Bezeichnung images erzeugt werden. Hier
legen Sie die Grafiken im JPG-, GIF- oder PNG-Format für Hintergründe und
Logos ab. Außerdem empfiehlt es sich, die Datei template_thumbnail.png zu erzeugen.
Sie dient als Vorschau.
Joomla! kompakt

132 Template-Entwicklung
6.4 XML-basierte Template-Beschreibung
Wenden wir uns der XML-basierten Template-Beschreibung zu. Zwingend erforderlich
ist die Erstellung einer XML-Datei, in der die Details zur Vorlage hinterlegt
sind. Nachfolgend ist ein Beispiel für eine templateDetails.xml dargestellt.
XML-Kommentare erläutern die Details.
EigenerTemplateName
20. Januar 2005
Dr. Holger Reibold
Dieses Template unterliegt der GPL
holger@reibold.de
www.reibold.de
1.0
www.brain-media.de

XML-basierte Template-Beschreibung 133
Beschreibung des Template
index.php
template_thumbnail.png
images/grafik1.jpg
images/grafik2.jpg
Joomla! kompakt

134 Template-Entwicklung
css/template_css.css
6.5 Header hinzufügen
Die meisten Websites – zumindest die kommerziellen – ziert im Kopf eine Header-
Grafik. Dort findet man meist das Firmen- oder Website-Logo. Ein Klick auf das
Logo führt den Anwender in der Regel zur Einstiegsseite zurück. Um einen solchen
Header einzufügen, muss er natürlich zuerst erstellt worden sein. Hier bedient
man sich gängiger Grafikprogramme wie Gimp, Fireworks & Co.
Entspricht die Header-Grafik den jeweiligen Anforderungen, so speichern Sie diese
beispielsweise als header.png im Ordner images. Der Rest ist einfach: Man bindet
die Grafik einfach mit dem Webeditor ein. Nachstehende Abbildung zeigt, wie es
in Dreamweaver aussehen könnte.
Ein Beispiel für eine eingefügte Header-Grafik.
www.brain-media.de

Flash-Animation einbinden 135
6.6 Flash-Animation einbinden
Eine weitere wichtige Anforderung an ein Mambo-Template ist die Einbindung
eines Flash-Objekts. Beim Einfügen ist darauf zu achten, dass man einen relativen
Pfad zu dem Flash-Objekt verwendet. Das Flash-Objekt mit der Dateierweiterung
SWF legt man am besten im Ordner images ab.
Hier ein Beispiel für das Einbinden der Flash-Animation:
Soll die Animation nur einmal abgespielt werden, so fügt man folgenden Code
zum ersten Frame hinzu:
function checkSO()
{
var SO = SharedObject.getLocal("siteSO");
if(SO.data.visitedAlready)
{
gotoAndPlay("end");
}
else
{
Joomla! kompakt

136 Template-Entwicklung
SO.data.visitedAlready = true;
SO.flush();
}
}
checkSO();
Im letzten Frame muss ein Label mit der Bezeichnung end erzeugt werden.
Durch die Verwendung von CSS und die damit verbundene Trennung von Layout
und Inhalt vereinfacht sich die Pflege von Joomla!-basierten Sites spürbar. Mithilfe
von CSS weist man typischen HTML-Elementen individuelle Merkmale zu. Diese
Formatierungsanweisungen werden in der oben erwähnten Datei (template_css.css)
hinterlegt und per Hyperlink mit den eigentlichen Inhalten (index.php) verknüpft.
Die Verwendung von CSS bringt einen weiteren Vorteil: Für den Entwickler ist
ausreichend Platz, sich mit den verschiedensten Gestaltungsmitteln auszutoben.
Die Referenzierung aus dem Template index.php sieht wie folgt aus:

Template installieren 137
Die Formatdefinitionen werden in so genannten Klassen zusammengefasst. Diese
werden durch einen Punkt und den Klassennamen definiert. Hier ein Beispiel für
Inhalte, die mit einem Hyperlink versehen sind:
a.contentpagetitle:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, sansserif;
}
font-size: 13px;
font-weight: bold;
text-align:left;
color: #7B8DA1;
text-decoration: underline;
font-weight: bold;
6.8 Template installieren
Da Sie das Template, das Stylesheet, die XML-Datei und die Grafiken zusammengetragen
haben, machen Sie sich an die Installation des Templates. Prinzipiell gibt
es zwei Möglichkeiten:
• Methode 1: Sie installieren das Template ordnungsgemäß über das Backend.
Dazu erstellen Sie ein Template-Archiv und installieren die Vorlage
mit dem Befehl Installers> Templates Site.
• Methode 2: Sie kopieren die Dateien manuell in das Template-
Verzeichnis.
Nach der Installation bzw. dem manuellen Upload sollten Sie dann die geleistete
Arbeit begutachten, die verschiedenen Elemente neu oder anders positionieren etc.
Joomla! kompakt

138 Joomla! barrierefrei
www.brain-media.de

Einleitung 139
7 Joomla! barrierefrei
Joomla! ist in den letzten Jahren von einem kleinen Open-Source-Projekt zu einem
mehrfach preisgekrönten Content-Managementsystem gewachsen und begeistert
mittlerweile private Nutzer, Fachpresse sowie professionelle Anwender gleichermaßen.
Ein Grund dafür ist, dass sich Joomla! mithilfe zahlreicher Drittanbieterkomponenten
und seiner modularen Architektur besonders gut an verschiedenste
Anforderungen anpassen lässt. Ob sich das System jedoch auch für die Umsetzung
barrierefreier Webauftritte nach den aktuellen gesetzlichen Anforderungen eignet
und welche Vorteile eine barrierearme Webpräsenz generell mit sich bringt, soll
dieses Kapitel aufzeigen. Dazu werden zunächst einige allgemeine Erläuterungen
zum barrierefreien Webdesign vorgenommen und darauf aufbauend anhand einer
Beispielwebsite die Umsetzungsmöglichkeiten einer barrierearmen Webpräsenz
auf Joomla!-Basis getestet.
7.1 Einleitung
Das Internet hat sich im Laufe des letzten Jahrzehnts zu dem Kommunikationsmedium
schlechthin entwickelt. In vielen Lebensbereichen finden wir Hinweise auf
webbasierte Informationsangebote, und eine Reihe von alltäglichen Dienstleistungen
wie beispielsweise das Online-Banking oder der Kauf von Waren über webbasierte
Auktionsplattformen sind mittlerweile gebräuchliche Anwendungen. Das
Web als umfassender Informations- und Wissensspeicher hat traditionelle Informationssysteme
oft nicht nur ergänzt, sondern vollständig abgelöst. Mobile Endgeräte,
WLAN-Hotspots und eine steigende Zahl an breitbandigen Internetzugängen machen
das Internet nahezu überall verfügbar und haben für einen grundlegenden
Wandel sowohl im wirtschaftlichen als auch im persönlichen Umfeld gesorgt.
Aktualität, grenzenlose Verbreitung und ständige Verfügbarkeit sind die Vorteile
einer Technologie, die aus dem alltäglichen Leben nicht mehr wegzudenken ist.
Für gehandicapte Menschen trifft dies im besonderen Maße zu. Nicht selten dient
ihnen das Internet als einzig wirklich aktuelles Informationsmedium und ermöglicht
erst mit seiner Existenz die erweiterte Teilnahme am gesellschaftlichen Leben.
Derzeit sind in etwa 8% (entsprechend ca. 6,7 Millionen Menschen) der deutschen
Bevölkerung schwerbehindert, eine Reihe weiterer Bevölkerungsgruppen hat
leichte Behinderungen, wie Sehschwierigkeiten oder motorische und kognitive
Einschränkungen. Innerhalb der EU wird von circa 37 bis 40 Millionen Menschen
mit Behinderung ausgegangen. Hinzu kommt die steigende Zahl an älteren Perso-
Joomla! kompakt

140 Joomla! barrierefrei
nen, so genannten Silversurfern, die das Internet als Informations- und Kommunikationsmedium
für sich entdecken. Dies belegt eine repräsentative Studie von TNS
Infratest aus dem Jahr 2005, nach der circa 30 Prozent der 60- bis 69-Jährigen das
Internet regelmäßig nutzen, Tendenz steigend. Auch diese Nutzer, häufig noch
nicht vollständig mit der Technologie vertraut, besitzen in der Regel eine Reihe
unterschiedlicher Ausprägungen an technischen und körperlichen Einschränkungen.
Auch wenn es darüber hinaus keine verlässlichen statistischen Daten zum zahlenmäßigen
Umfang gehandicapter Internetnutzer und deren anteiliger Verteilung auf
die verschiedenen Arten von Behinderung gibt, wird klar, dass ein nicht unbeträchtlicher
Teil von barrierefreier Webtechnologie profitiert. Denn was dem normal
versierten Benutzer als selbstverständliche, leicht bedienbare und optisch
schnell aufnehmbare Anwendung erscheint, kann schon bei geringen körperlichen
oder technischen Handicaps zu einer unüberwindlichen Barriere werden. Nicht
selten stehen einige Nutzergruppen schon auf der Startseite eines Webangebotes
sprichwörtlich vor verschlossenen Türen. Dies kann sowohl an der Verwendung
kritischer Programmiertechniken wie beispielsweise dem übermäßigen Einsatz von
Javascript liegen oder auch durch die Nutzung von Präsentationsformaten bedingt
sein, welche besondere Plugins benötigen, um korrekt wiedergegeben zu werden.
Über die oft ungenügende Verwendung von Webstandards, veralteten Layout-
Techniken hinweg und in Anbetracht der verschiedenen menschlichen Wahrnehmungsbedingungen
steigt die Zahl der möglichen Barrieren weiter. All dies trägt
dazu bei, dass eine der wichtigsten Informationsquellen unseres Zeitalters für einige
Nutzergruppen nur schwer oder im negativsten aller Fälle nicht zugänglich ist.
7.1.1 Nutzergruppen
Im Gegensatz zu den gängigen abgegrenzten Klassifizierungen von relevanten
Nutzergruppen hat es sich als viel realistischer herausgestellt, Nutzertypen mit
ihren vielfältigen Eigenschaften, Fähigkeiten und Anforderungen in die Erarbeitung
von Nutzerbildern einfließen zu lassen. Dabei sollte im Rahmen eines universellen
Designs beachtet werden, dass sowohl Menschen mit Behinderung als auch
Nutzer ohne ein besonderes Handicap von einer barrierearmen Gestaltung eines
Informationsangebotes profitieren. Zugänglichkeit und Gebrauchstauglichkeit sind
die Schlagworte einer im Sinne des universellen Designs betrachteten Methode,
Informationen einer möglichst maximalen Basis an Nutzern ohne Barrieren zugänglich
zu machen. Trotz dieser heterogenen Nutzerschichten kann grob eine
Unterscheidung hinsichtlich der mit spezifischen Behinderungen in Zusammenhang
stehenden Barrieren getroffen werden. Innerhalb dieses Definitionsversuchs
haben sich für folgende Arten der Behinderung ähnliche Anforderungsprofile an
www.brain-media.de

Einleitung 141
zugängliche Informationsangebote etabliert (in Anlehnung an Schulte, B. „Zielgruppen
für barrierefreies Internet“ in IWP Sonderheft 2005, Seite 406-408):
• Blindheit
• Sehbehinderung
• Motorische Beeinträchtigungen
• Hörbeeinträchtigungen
• Lernschwierigkeiten
• Sprachprobleme
• Alterserscheinungen
• Mangelnde Leseerfahrung und Ungeduld
Auf der Grundlage dieser Anforderungsprofile und unter der Maßgabe der von den
jeweiligen Nutzern verwendeten Hilfstechnologien, wie Vergrößerungswerkzeuge,
Screenreader oder anderer assistiver Techniken, sind generelle Anforderungen an
ein barrierearmes Webdesign ableitbar.
7.1.2 Gesetzliche Anforderungsdefinitionen
Um diesen Profilanforderungen gerecht zu werden, entwickelte das World Wide
Web Consortium (W3C) schon im Jahre 1999 Richtlinien für zugängliche und
standardkonforme Web-Angebote. Die unter den Web Content Accessibility
Guidelines (WCAG) bekannten Anforderungen an barrierefreie Internetpräsenzen
fanden lange Zeit international und auch in Deutschland nur sporadisch Anwendung.
Dies änderte sich zumindest in Deutschland im Jahr 2002, als mit der Verabschiedung
des Behindertengleichstellungsgesetzes (BGG) die Forderungen nach
allgemeiner Zugänglichkeit und Gebrauchstauglichkeit von öffentlichen Angeboten
erstmals unter dem Begriff der Barrierefreiheit gesondert gesetzlich verankert
und zu einer verbindlichen Norm erklärt wurden.
Der Begriff der Barrierefreiheit ist nach dem Behindertengleichstellungsgesetz
grundsätzlich mit der Maßgabe verbunden, dass alle Lebensbereiche so gestaltet
werden müssen, dass behinderte Menschen gleiche Chancen haben, Dienstleistungen,
Gebrauchsgüter und Informationsangebote in „allgemein üblicher Weise“ zu
nutzen. Dies schließt sowohl Menschen mit körperlichen Behinderungen als auch
Benutzer mit technischen oder altersbedingten Einschränkungen ein. Das Gesetz
möchte weiterhin „ausgrenzenden Bedingungen“ und „baulichen und kommunika-
Joomla! kompakt

142 Joomla! barrierefrei
tiven Barrieren“ entgegenwirken und zur Vermeidung von Diskriminierung beitragen.
Als nicht barrierefrei werden danach alle Sonderlösungen, wie alternativ angebotene
Zugangswege oder Zugänge, die einen längeren Umweg erfordern, bezeichnet,
da diese nicht dem Grundsatz des „universellen Designs“ entsprechen.
Das Gesetz schließt in seinem Geltungsbereich die Informationstechnik explizit
ein, verweist aber im Sinne der technischen und inhaltlichen Ausgestaltung an die
zugehörige Rechtsverordnung.
Mit Hilfe der im gleichen Jahr verabschiedeten Barrierefreien Informationstechnik-
Verordnung (BITV) wurden die Kriterien für barrierefreie Informationsangebote
näher spezifiziert und anhand technischer Standards festgelegt. Die Verordnung
schließt in ihrem Geltungsbereich zunächst öffentliche Webauftritte und mittels
Informationstechnik realisierte grafische Programmoberflächen, die öffentlich
zugänglich sind, rechtsverbindlich ein und regelt in ihrem dreiteiligen Aufbau
neben dem sachlichen Geltungsbereich zudem die jeweils geltenden Umsetzungsfristen.
In der Anlage 1 der Verordnung werden die technischen Notwendigkeiten
an derartige Informationsangebote innerhalb zweier Prioritätsstufen verankert.
Dabei leiten sich die enthaltenen Kriterien und Bedingungen aus den Anforderungen
der Web Content Accessibility Guidelines (WCAG) aus dem Jahre 1999 ab,
fassen aber hinsichtlich einer stärkeren Nutzerorientierung die Stufen 1 und 2 der
WCAG zur Prioritätsstufe 1 innerhalb der BITV zusammen.
Innerhalb der zeitlichen Umsetzungsfristen unterscheidet die Verordnung zwischen
bereits bestehenden, neu gestalteten und sich speziell an behinderte Menschen
richtenden öffentlichen Web-Angeboten auf Bundesebene. Mussten sich die beiden
letztgenannten bereits viel eher an obigen Anforderungen orientieren, so gelten
diese Normen erst seit dem 31. Dezember 2005 auch für alle bereits bestehenden
Internetangebote des Bundes. Web-Angebote auf Länder- und Kommunalebene
wurden zunächst insoweit von der Umsetzung der BITV nicht eingeschlossen, als
die Pflicht der Umsetzung eines eigenständigen Landesgleichstellungsgesetzes
bedarf. In der Mehrzahl aller Bundesländer wurden die Anforderungen der BITV
bereits entsprechend übernommen und gelten damit weitestgehend analog. Ebenso
privatwirtschaftliche Anbieter von öffentlich zugänglichen Informationsangeboten
werden zunächst von den Umsetzungspflichten der BITV und des BGG nicht eingeschlossen.
Über § 5 des BGG hat die Bundesregierung jedoch auf eine Umsetzung
auch im Bereich der Privatwirtschaft hinzuwirken.
7.1.3 Accessibility und Usability
Barrierefreie Web-Auftritte bezeichnen somit nach der BITV Informationsangebote,
welche zunächst einmal auf rein technischer Ebene den Kriterien der Zugänglichkeit
(engl. Accessibility) entsprechen. Die BITV geht aber in einer Reihe von
www.brain-media.de

Einleitung 143
Bedingungen über diese technischen Anforderungen hinaus, um auch individuellen
und von Nutzer zu Nutzer unterschiedlichen Barrieren gerecht zu werden. Diese
unter dem Schlagwort der Benutzerfreundlichkeit (engl. Usability) bekannten Anforderungen
beziehen sich dabei auf den Grad der Gebrauchstauglichkeit von
Webangeboten und sind für eine viel größere Zahl an Nutzerschichten relevant.
Dabei sollten webbasierte Informationsangebote so gestaltet sein, dass eine Aufgabe
möglichst effizient, also vollständig, in einem absehbaren Zeitrahmen und ohne
unnötigen Aufwand, gelöst werden kann. Inhalte sollten möglichst präzise, aber
dennoch allgemein verständlich und klar formuliert sein.
Im Gegensatz zur technisch geprägten Zugänglichkeit lässt sich die Gebrauchstauglichkeit
um einiges schwieriger erfassen und testen. Gestaltungselemente zur
Vermeidung nutzerabhängiger weicher Barrieren können meist nur von den jeweils
Betroffenen auf ihre Tauglichkeit geprüft werden. Gerade hier hat der eigentliche
Nutzer, unabhängig von Regelwerken und klassifizierbaren Anforderungen, das
letzte Wort.
Die Kriterien der BITV lassen sich damit als ein allgemeiner Maßstab begreifen, so
dass es für jedes Web-Angebot, losgelöst von einer gesetzlichen Verpflichtung,
Sinn macht, diesen Standards zu folgen.
7.1.4 Kosten-Nutzen-Relation barrierearmer Web-
Angebote
Die Frage nach den Kosten einer barrierefreien Website ist stark von den speziellen
Anforderungen an ein Informationsangebot sowohl in funktionaler als auch in
marketingmäßiger Sicht abhängig und kann pauschal nicht beantwortet werden.
Nicht selten wird die Optimierung hinsichtlich der Barrierefreiheit jedoch als zusätzliche
Mühe und unnötiges Beiwerk für irrelevante Zielgruppen verstanden und
unter dem Deckmantel der betriebswirtschaftlichen Ineffizienz als nicht notwendig
abgetan.
Wie so häufig liegt auch hier ein Trugschluss vor, denn in Zeiten ständig wachsenden
Konkurrenzdrucks lässt sich auch das barrierefreie Webdesign als ein geeignetes
Instrument zur nachhaltigen Kundengewinnung und -bindung charakterisieren.
Fast jedes Unternehmen besitzt heutzutage eine eigene Webpräsenz und in nicht
wenigen Fällen wurde über das Internet ein weiterer oftmals lohnender Vertriebskanal
aufgebaut. Wer diese Strukturen jedoch dauerhaft sichern will, ist gezwungen,
sich über Alleinstellungsmerkmale gegenüber der Konkurrenz zu behaupten.
Barrierefreies Webdesign kann bei diesem Prozess zweifelsohne unterstützen. Zum
einen wirken barrierefreie Web-Angebote als Qualitätssiegel, die für modernes und
nutzerorientiertes Webdesign stehen. Denn informative und verständliche Inhalte
Joomla! kompakt

144 Joomla! barrierefrei
dienen dem Kunden ebenso wie ergonomisch und gebrauchstauglich geformte
Strukturen einer Webpräsenz. Ein ansprechendes Design hält neben diesen
„Wohlfühleffekten“ noch einige weitere Vorteile aus betriebswirtschaftlicher Sicht
bereit. Unter anderem dient es quasi als Nebenprodukt der Suchmaschinenoptimierung
und senkt durch eine strikte Trennung von Inhalt, Layout und der Verwendung
eines standardkonformen Markups Übertragungskosten.
Und nicht zuletzt danken es mobile Nutzer dem Unternehmen, wenn ein Web-
Angebot auch auf Mobile Devices, wie PDAs oder WAP-fähigen Handys, ausgabegerecht
dargestellt werden kann und für die mobile Nutzung geeignet ist.
7.2 Barrierefreies Webdesign bei Content-
Managementsystemen
Datenbankbasierte Content-Managementsysteme haben sich als geeignetes Mittel
zur Verwaltung von webbasierten Informationsangeboten (Web-Content-
Managementsysteme) bzw. zum ganzheitlichen Management von Unternehmensprozessen
(Enterprise-Content-Managementsysteme) etabliert. Während in statischem
HTML gehaltene Webpräsenzen schon bei geringfügigen Änderungen oder
Ergänzungen einen professionellen Dienstleister benötigen, können sogar technisch
wenig versierte Redakteure Inhalte mittels eines CMS über Benutzerschnittstellen
komfortabel einpflegen und veröffentlichen. Im Funktionsumfang an gängige Office-Anwendungen
erinnernde Eingabehilfen, oft WYSIWYG-(What You See Is
What You Get)-Editoren genannt, unterstützen die Möglichkeit der zeitnahen und
kostengünstigen Verwaltung von Informationsangeboten.
Geht man davon aus, dass viele derartig funktionierende Webpräsenzen einer ständigen
inhaltlichen Aktualisierung und Änderung unterworfen sind, lassen sich
besondere Probleme im Gegensatz zum statischen Webdesign erkennen. So muss
es das verwendete CMS den Redakteuren ermöglichen, über geeignete Administrationswerkzeuge
Inhalte möglichst bequem und ohne zusätzlich Programmierkenntnisse
zu erzeugen und zu veröffentlichen. Die an das barrierefreie Webdesign gerichteten
Anforderungen können hierbei jedoch nur bedingt ad-hoc über gegebene
technische Systeme abgebildet werden. Eine Anpassung und Optimierung des
verwendeten Content-Managementsystems und dessen Workflows ist damit in
nahezu jedem Fall notwendig, um Administratoren in der täglichen Arbeit bedarfsgerecht
unterstützen zu können. Eine entsprechende Schulung der Redakteure ist
ein ebenso wichtiger Punkt, um ein barrierefreies Webangebot unter Verwendung
eines CMS adäquat zu steuern. Die nachhaltige Gewährleistung der Barrierefreiheit
ist unter diesem Gesichtspunkt vielmehr als ein Prozess des Qualitätsmanagements
zu verstehen, der Webdesigner und Redakteure gleichermaßen verpflichtet, in der
täglichen Arbeit besondere Sorgfalt walten zu lassen.
www.brain-media.de

Barrierefreies Webdesign bei Content-Managementsystemen 145
7.2.1 Barrierefreies Joomla!
Während eine Reihe von kommerziellen Systemen den technischen Kriterien an
ein zur Umsetzung von barrierefreien Informationsangeboten geeignetes Content-
Managementsystem von Haus aus nachkommt, ist dies unter den quelloffenen
Systemen nicht immer der Fall. Das Framework eZ Publish oder das Web CMS
Papoo haben in diesem Bereich bereits eine Reihe von Anstrengungen unternommen
und bieten auch im Vergleich zu kommerziellen Entwicklungen ein ansehnliches
Grundgerüst. Auch mit Typo 3, als das Universalwerkzeug deutscher Webagenturen,
können mit einiger Anpassungsarbeit umfangreiche barrierearme Web-
Angebote realisiert werden. Dies beweist eine Reihe von Auszeichnungen beim
Biene-Award der Aktion Mensch in den letzten Jahren.
Nimmt man derzeit Joomla! nach einer Erstinstallation näher unter die Lupe, fällt
nach kurzem Abgleich mit den gängigen Anforderungen auf, dass es einem nicht
gerade leicht gemacht wird, eine barrierefreie Webpräsenz zu realisieren. Trotz
einer oberflächlichen Trennung zwischen Daten- und Präsentationsebene und der
konsequenten Verwendung globaler Cascading Style Sheets stehen Layouttabellen
und inkorrekte Semantik der Validität des Markups zu oft entgegen. Besonders die
Modulbereiche und die Komponentenausgaben geizen nicht mit verschachtelten
Strukturen und Navigationspunkten in Tabellenform. Zudem fehlen wichtigen Alt-
Attribute bei Grafiken und anderen Nicht-Text-Elementen oder sind nicht aussagekräftig
genug dargestellt. Setzt man darüber hinaus einige Drittanbieterkomponenten
und -module ein, werden die Probleme nicht gerade weniger. Funktionieren
viele dieser Komponenten und Module tadellos, sieht man jedoch deutlich, dass
nicht immer Wert auf die Korrektheit des ausgegebenen Codes gelegt wurde. Nicht
selten findet man eine Reihe von nicht ausgelagerten Styleangaben und fehlerhaftes
Markup im Quelltext. Das Fehlen einer vollständig integrierten Template-
Engine wie patTemplate oder Smarty verhindert weiterhin eine vollständige Trennung
zwischen Daten- und Präsentationslogik. Eine unvorteilhafte Verbindung von
HTML-Elementen und eigentlicher Funktionsschicht ist das derzeit vorherrschende
Ergebnis.
Trotz der eher bescheidenen Ausgangsbedingungen im Vergleich zu anderen Systemen
lassen sich aber mit einigen Modifikationen sehr wohl barrierefreie Informationsangebote
realisieren. Dies beweist nicht zuletzt die vollständig auf Joomla!
(Mambo) basierende Website http://www.stiftung-deutsche-welthungerhilfe.de,
welche in die Agenturliste 95plus der Initiative Barrierefrei Informieren und
Kommunizieren (http://www.bik-online.info) aufgenommen wurde und damit im
Rahmen eines objektiven Tests das Siegel einer sehr guten barrierefreien Website
erhielt.
Joomla! kompakt

146 Joomla! barrierefrei
Hintergrund
Die Agenturliste 95plus ist eine Zusammenstellung von Dienstleistern, die
barrierefreie Webangebote im Sinne der BITV realisiert haben und im Rahmen
eines entsprechenden Tests 95 oder mehr Punkte für dieses Informationsangebot
erhielten. Nähere Informationen zum Test und zur gesamten Liste findet man unter
http://www.bik-online.info.
Möchte man nun trotz der eher unangenehmen Ausgangslage seinen Joomla!-
Webauftritt anhand der Kategorien und Prüfkriterien der BITV umsetzen und nicht
selbst umfangreiche Änderungen am System vornehmen, so kann man sich glücklicherweise
auf eine bereits fertig modifizierte Joomla!-Variante oder frei verfügbare
Komponenten und Quellcode-Hacks berufen. Besondere Aufmerksamkeit
muss in diesem Zusammenhang den beiden Entwicklern Robert Deutz und Angie
Radtke zu Teil werden, welche unter http://www.run-digital.com eine Reihe von
sehr nützlichen Komponenten und Modulen bereitgestellt haben und seit einiger
Zeit auch dem Standards, Usability & Accessibility Team des Jooma!-Projektes
angehören. Auch auf der Website http://www.joomla-barrierefrei.de werden in
regelmäßigen Abständen hilfreiche Erweiterungen und eine Reihe von Informationen
und Tutorials zum Thema und in Kürze eine speziell für das Thema
Barrierefreiheit optimierte Version von Joomla! bereitgestellt. Möchten sie jedoch
nicht auf diese Version warten oder eine bereits bestehende Installation überarbeiten,
sollten Sie folgende Erweiterungen kennen:
• Run Digital 508Hack: Dieser als Komponente installierbare Hack verändert
die Ausgabe der wichtigsten Frontend-Dateien von Joomla! hinsichtlich
eines semantisch korrekten Markups und sorgt damit für einen tabellenlosen
HTML-Output. Einzelne Bestandteile wie z.B. das Mainmenu
und der Pathway werden über patTemplate gesteuert. Die Ursprungsdateien
werden zudem während der Installation im System als {name}.save-
Dateien abgelegt und können bei einer Deinstallation wieder hergestellt
werden. Der Hack in seiner aktuellen Version ist unter http://www.rundigital.com
zu finden.
• Accessibility Hack: Die Komponente erweitert den Joomla!-
Menümanager um zusätzliche Eingabefelder und ermöglicht die Darstellung
barrierefreier Menüstrukturen. So ist es mit Hilfe der Komponente
möglich, je Navigationspunkt ein gesondertes Title-Attribut zu definieren.
Wenn gewünscht, können Accesskeys und ein Tabindex festgelegt und
zudem eine Menünummerierung mittels des Dfn-Tags durchgeführt werden.
Der Download ist unter http://www.joomla-barrierefrei.de verfügbar.
• XHTMLSuite 508: Die XHTMLSuite 508 ist einer der professionellsten
WYSIWYG-Editoren für Joomla!. Neben umfangreichen Funktionen zur
www.brain-media.de

Barrierefreies Webdesign bei Content-Managementsystemen 147
Content-Gestaltung steht über eine integrierte Administrationsoberfläche
eine Reihe von Einstellungsmöglichkeiten zur Verfügung. Daneben bietet
die XHTMLSuite 508 als bislang einziger für Joomla! verfügbarer Rich-
Text-Editor eine Reihe von Funktionen zur Einpflege barrierearmer und
semantisch korrekter Inhalte. Der Editor ist unter http://www.xhtmlsuite.com
in verschiedenen Lizenzmodellen käuflich erwerbbar.
• Run Digital Sitemap: RD Sitemap ist eine umfangreich konfigurierbare
Sitemap-Komponente für Joomla! Neben den eigentlichen Navigationspunkten
können, wenn gewünscht, zudem die veröffentlichten und archivierten
Contentelemente innerhalb der Sitemap dargestellt werden. Der
Download ist ebenfalls unter http://www.run-digital.com erhältlich.
• OpenSEF: Diese Erweiterung ergänzt Joomla! um die Möglichkeit, benutzerdefinierte
suchmaschinenfreundliche URL, festzulegen. Die jeweilige
URL-Ausgabe kann dabei frei im Administrationsbackend gestaltet
werden. Die Komponente ist unter http://www.open-sef.org im Downloadbereich
zu finden.
Neben den obigen Erweiterungen benötigt eine barrierefreie Website natürlich
auch ein valides und an das Thema des Informationsangebotes angepasstes Template.
Da es den Rahmen dieses Kapitels sprengen würde, die Erstellung eines
Templates von Grund auf zu beschreiben, werden wir im weiteren Verlauf auf ein
bereits erstelltes Template zurückgreifen und dessen spezifische Ausgestaltungen
ebenfalls innerhalb des Tutorials näher erläutern.
7.2.2 Weitere Hilfsmittel
Um unsere Arbeiten bei der Durchführung notwendiger Tests etwas zu erleichtern,
empfiehlt es sich, vorab einige sinnvolle Hilfswerkzeuge zu beschaffen. Dazu zählt
im Besonderen der Browser Firefox in der aktuellen Version mit einigen zusätzlichen
Extensions. Firefox ist im Gegensatz zum allgegenwärtigen Internet Explorer
ein Browser, der Inhalte anhand ihrer tatsächlichen Spezifikationen darstellt und
damit als ein Referenzsystem zur Ausgabe der erstellten Website dienen kann. Mit
den Browsererweiterungen Checky und Edit CSS kann der ebenfalls quelloffen zur
Verfügung stehende Browser in eine Entwicklungsumgebung für Webdesigner
verwandelt werden. Während man mit Edit CSS die auf einer Website verwendete
CSS-Datei begutachten und lokal bearbeiten kann, eignet sich Checky insbesondere
für das umfangreiche Testen einer Website. Als Ergänzung der grundlegenden
Browserfunktionalität in Hinblick auf diverse automatische Testwerkzeuge zu den
Bereichen Dokumentenvalidität, Barrierefreiheit, RSS und Suchmaschinenoptimie-
Joomla! kompakt

148 Joomla! barrierefrei
rung ermöglicht Checky die Prüfung verschiedener Kriterien per Mausklick. Beide
Erweiterungen können über den Firefox-Extension-Manager installiert werden, der
Download von Checky findet sich zudem unter http://checky.sourceforge.net .
Die Erweiterung Checky im Einsatz.
Ergänzend sei erwähnt, dass es eine Reihe weiterer Prüfwerkzeuge sowohl für den
Desktopeinsatz als auch zur Nutzung im Web gibt. Ein umfangreicher Überblick
zu diesen Tools ist beispielsweise unter http://2bweb.de/services/werkzeuge.html
mit Angabe der Bezugsquelle zu finden.
7.3 Tutorial
Nachdem wir uns in den vorangegangenen Abschnitten mit den grundlegenden
Anforderungen und Begrifflichkeiten zum barrierefreien Webdesign befasst haben,
soll nun im Rahmen des Tutorials die technische Umsetzung eines zugänglichen
Informationsangebotes aufgezeigt werden. Um die damit verbundenen Arbeiten so
verständlich und anschaulich wie möglich zu gestalten, wird die grundlegende
Entwicklung einer tatsächlich vorhandenen Website beschrieben. Dabei werden
wir von einer normalen Joomla!-Grundinstallation ausgehen und anhand verschiedener
Anforderungen der BITV alle notwendigen Schritte zur Herstellung der
Barrierefreiheit erläutern.
www.brain-media.de

Tutorial 149
7.3.1 Ausgangspunkt
[b]logstoff.das-medienkombinat.de ist ein Web-Tagebuch (Weblog) der Agentur
das medienkombinat, welches sich im Speziellen mit den Themen Barrierefreiheit,
Webdesign und Content-Managementssysteme auseinandersetzt. Eine barrierearme
Umsetzung desselbigen im Rahmen dieses Tutorials bietet sich durch die starke
Content-Fokussierung eines Webtagebuches und die Übersichtlichkeit der für ein
derartiges Projekt benötigten Funktionen des Content-Managementsystems besonders
an.
Unser Ausgangspunkt soll eine gewöhnliche Grundinstallation von Joomla! in der
Version 1.0.5. Stable (Sunspot) sein. Als Standardlayout kommt zunächst das im
Installationspaket enthaltene rhuk_solarflairII-Template zum Einsatz. Neben der
deutschen Sprachdatei für das Frontend wurde der WYSIWYG-Editor
XHTMLSuite 508 in der Version 1.6.0 bereits installiert. Alle im Vorfeld
eingepflegten Inhalte sind mittels Sections und Categories strukturiert, einzig das
Impressum wurde im Static-Content-Manager abgelegt.
Die Ausgangsinstallation.
Wie in obiger Abbildung zu sehen, ergibt sich nach einem ersten Aufruf des Frontends
der Website in einem grafischen Browser das typische Bild einer Joomla!-
Installation. Das Template macht dabei in seinem klassischen zweispaltigen Aufbau
zunächst einen optisch guten Eindruck. Die gewählte Aufteilung der Seite
Joomla! kompakt

150 Joomla! barrierefrei
wirkt in einer fixen Breite von 808 Pixel gut strukturiert und durchdacht. Eine
Servicenavigation (Pos. 1) und das Suchfeld (Pos. 2) bilden zusammen mit einer
großen Titelgrafik den Kopfbereich der Seite, die Hauptnavigation (Pos. 3) und die
Verlinkung zu den einzelnen Weblog-Kategorien werden in der linken Marginalspalte
dargestellt. Im mittleren Bereich finden sich eine Pfadnavigation (Pos. 4)
und der Inhaltsbereich (Pos. 5) der Website.
Möchten wir nun mit den Arbeiten zur barrierefreien Gestaltung des Informationsangebotes
beginnen, sollten wir zunächst an einer Stelle ansetzen, die für viele
Webprojekte den schlussendlichen Prüfschritt der Entwicklung bedeutet.
7.3.2 Validität der Website
Ein jeder professioneller Webentwickler möchte wissen, ob die von ihm erstellte
Website den gängigen Anforderungen an Robustheit und semantischer Korrektheit
der verwendeten Programmiersprache entspricht. Um auch für unser Projekt eine
derartige Prüfung vorzunehmen, öffnen wir mit der zuvor im Firefox-Browser
installierten Erweiterung Checky den Markup-Validation-Service des World Wide
Web Consortiums. Dieser soll uns nun Auskunft über die Validität der Website
geben. Die dahinterstehende Methode des Validators ist dabei recht simpel. Eine
im Seitenkopf der HTML-Quelldatei stehende Document Type Definition (DTD) –
im vorliegenden Fall ist es der XHTML 1.0 Standard in der Transitional-Version –
wird automatisch gegen die Standards des jeweiligen Dokumententyps geprüft.
Wenn notwendig, gibt der Validator nach erfolgtem Test falsche oder nicht geschlossene
Tags mit genauer Angabe der Fundstelle aus. Unerlaubte Ausdrücke
oder falsch codierte Sonderzeichen werden vom Validator ebenso angezeigt.
Wie in obiger Abbildung ersichtlich, validiert die geprüfte Startseite unseres Weblogs
erfreulicherweise sofort nach XHTML 1.0 Transitional, noch bevor wir irgendeine
Art der Modifikation am System vorgenommen haben. Gleiches gilt für
einige weitere Seiten der Webpräsenz. Dies bedeutet zunächst, dass der ausgegebene
Quellcode der Startseite den semantischen Anforderungen des zu Grunde
gelegten Standards nachkommt. In unserem Fall ist es mit XHTML 1.0
Transitional eine gemäßigte Variante des XHTML-Standards.
www.brain-media.de

Tutorial 151
XHTML-Validität der Startseite des Weblogs.
Diese grundlegende Voraussetzung und notwendige Bedingung für das Erstellen
einer standardkonformen und zugänglichen Webpräsenz ist jedoch, im Gegensatz
zu einer weit verbreiteten Annahme, nicht ausreichend, um eine Website als
barrierefrei bezeichnen zu können. Obwohl Validität und auch korrekte Semantik,
also die korrekte und fehlerfreie Verwendung von Auszeichnungselementen, ein
wichtiger Punkt im Rahmen der Umsetzung eines zugänglichen Webangebotes ist,
wird an eine solche Website eine Reihe weiterer Anforderungen gestellt. Im Hinblick
auf die semantische Ausgestaltung betrifft dies neben der rein formalen Validität
sowohl die strukturelle Ausgestaltung des Dokumentes als auch die Beschreibung
der Inhalte durch Verwendung geeigneter Auszeichnungselemente.
Am vorliegenden Fall unseres Weblogs lässt sich diese Problematik recht gut beispielhaft
aufzeigen. Obwohl das Dokument formal validiert, besitzt die Website
einige Unzulänglichkeiten im Hinblick auf die Auszeichnung der publizierten
Inhalte. Zu diesem Schluss kommen wir, wenn wir uns den Contentbereich der
Startseite in der Quellcodeansicht ausgeben lassen:
...
Weblog
Joomla! kompakt

152 Joomla! barrierefrei
Bundesstelle für Informationstechnik
Geschrieben von
Administrator  
Donnerstag, 05 Januar 2006
Das Bundesinnenministerium hat
heute ... im Rahmen der E-Government-Inititaive
BundOnline 2005 der Bundesregierung.
...
Auf unseren
Seiten finden Sie ... eingearbeitet.
...
Negativ fällt sofort auf, dass eine Reihe von Tabellenelementen zur Strukturierung
der Contentspalte verwendet wird. In unserem Weblog sind, wie im Ausschnitt zu
sehen, die ersten beiden Überschriften Weblog und Bundesstelle für Informationstechnik
von unnötigen Tabellen und Div-Containern umrahmt, anstatt ihrer Bedeutung
gemäß in hierarchischer Reihenfolge (H1 bzw. H2) dargestellt zu werden. Für
die Überschrift 2. Ordnung – Bundesstelle für Informationstechnik – wird sogar
eine separate Tabelle erzeugt.
Hier der Ausschnitt aus der Überschrift des ersten Textbeitrags:
...
Bundesstelle
für Informationstechnik
www.brain-media.de

Tutorial 153
...
Der Grund für diese unvorteilhafte Quellcodeausgabe ist nicht, wie zunächst zu
vermuten wäre, ein Fehler im verwendeten Template. Es ist vielmehr die von der
Joomla!-Komponente com_content in der Datei content.html.php erzeugte HTML-
Ausgabe verantwortlich. Innerhalb jeder Komponente gibt es eine oder mehrere
Dateien, die für die Darstellung der Inhalte im Frontend verantwortlich sind. Dabei
werden für die aktuell im Browser aufgerufene Seite alle relevanten Textbausteine
dynamisch aus der Datenbank ausgelesen. Gemeinsam mit den in der content.html.php
vorgegebenen HTML-Strukturen findet danach eine Ausgabe der
aufgerufenen Website im Browser statt. Im vorliegenden Fall leider in einem Mix
aus Div-Containern und Tabellenelementen.
Ein ähnliches Bild erhält man ebenfalls bei der Betrachtung der Hauptnavigation.
Auch hier werden die vorhandenen Navigationspunkte in Tabellenstrukturen oder
einer Vermischung von Tabellen- und CSS-Layout und nicht als Listenelemente
dargestellt.
Ein weiteres Beispiel. Hier ein Ausschnitt aus der Hauptnavigation der Website:
...
Weblog
Efa News
Allgemein
Vorteile
Gesetzliche Normen
Joomla! kompakt

154 Joomla! barrierefrei
Weblinks
...
Die Verwendung von derartigen Tabellenstrukturen dient in beiden Fällen lediglich
Layoutzwecken und ist historisch begründet. Tabellen galten lange Zeit als der
Ausweg, um fehlende Browser-Kompatibilität bei der Interpretation von CSS zu
kompensieren und damit trotz unterschiedlicher Ausgabegeräte berechenbare Ergebnisse
im Hinblick auf die Darstellung zu erzielen. Die einfache Verwendung
macht sie auch heute noch bei einigen Webdesignern im CMS-Bereich und vor
allem in einer Reihe von WYSIWIG-Editoren beliebt, um kalkulierbare
Layoutergebnisse zu erreichen.
Grundsätzlich erlaubt auch ein barrierefreies Web-Angebot die Benutzung von
Tabellen. Diese sollten jedoch nur im Sinne ihrer vorgesehenen Verwendung, nämlich
zur Strukturierung tabellarischer Inhalte, verwendet werden (siehe BITV Bedingung
5) und auch nur dann, wenn zwischen diesen Inhalten eine logische Beziehung
besteht. Für die Verwendung im Rahmen des Layouts gibt die BITV im
Punkt 5.3 jedoch klar vor, dass Tabellen „nicht für die Text- und Bildgestaltung“
Verwendung finden sollten.
Grund hierfür sind die unter dem Begriff der Linearisierbarkeit von Tabellen zusammengefassten
Effekte, die es gerade Nutzern von Screenreadern oftmals erschweren,
Informationen innerhalb eines verschachtelten Tabellenlayouts ohne
größere Einschränkungen aufzunehmen. Anhand eines kurzen Beispiels sei dies
erläutert.
Im folgenden Quelltext ist eine einfache Tabelle dargestellt, die zu jedem Satz eine
ausführliche Beschreibung in der darunterliegenden Spalte enthält. Der Quelltext
einer einfachen Tabelle:
...
Satz 1
Satz 1
Beschreibung Satz 1
Beschreibung Satz 2
www.brain-media.de

Tutorial 155
...
In einem normalen grafischen Browser wird die Tabelle wie folgt dargestellt:
Satz 1 Satz 2
Beschreibung Satz 1 Beschreibung Satz 2
Die grafische Ausgabe einer einfachen Tabelle.
Durch den zweidimensionalen Charakter des Ausgabemediums grafischer Browser
kann ein Nutzer die Informationen ohne Probleme strukturiert aufnehmen. Schaut
man sich das Ergebnis jedoch in einem eindimensionalen Ausgabegerät wie beispielsweise
einem Screenreader näher an, erkennt man sofort die Schwierigkeiten
einer Tabellennutzung.
Als Beispiel dient die linearisierte Ausgabe einer einfachen Tabelle:
Zeile 1: Satz 1 Satz 2
Zeile 2: Beschreibung Satz 1 Beschreibung Satz 2
Durch die linearisierte Ausgabe des Screenreaders werden dem Nutzer die Tabelleninhalte
Zeile für Zeile vorgelesen. Was in unserem Beispiel unter Umständen
noch verständlich erscheint, lässt sich bei mehrzeiligen und mehrfach verschachtelten
Tabellen nicht mehr gebrauchstauglich wahrnehmen. Der Zusammenhang
innerhalb des Informations-Angebotes geht ebenso verloren wie die Orientierung
innerhalb der gesamten Seite.
Um derartiges zu vermeiden und unter der Maßgabe, dass es mit (X)HTML und
CSS eine geeignete Methode zur Strukturierung und Layoutgestaltung von Inhalten
gibt, sollten Tabellen wirklich nur dort verwendet werden, wo sie für die Darstellung
tabellarischer Inhalte notwendig sind.
Ein weiteres wichtiges Kriterium zur Verwendung geeigneter Auszeichnungselemente
ist die Notwendigkeit der Schaffung einer adäquaten Struktur des Dokumentes,
so dass dieses auch mittels assistiver Technologien gebrauchstauglich benutzt
werden kann. Mit Hilfe der gängigen Screenreader ist es beispielsweise mittlerweile
möglich, innerhalb eines Dokumentes von Überschrift zu Überschrift zu springen.
Dies funktioniert aber nur dann, wenn die standardkonforme Auszeichnung,
Joomla! kompakt

156 Joomla! barrierefrei
also die Markierung von Überschriften gemäß ihrer Bedeutung mit H1 bis H6,
erfolgt ist. Ähnliches gilt für Navigationselemente. Auch hier können assistive
Technologien unterstützend wirken.
Um auch in Joomla! diese strukturierte Darstellung zu gewährleisten, ist es derzeit
leider noch notwendig, einige Modifikationen an den Quelldateien der Komponente
com_content und dem Modul mod_mainmenu durchzuführen. Dabei müssen die
innerhalb einiger Dateien vorhandenen HTML-Elemente gegen entsprechend standardkonforme
Auszeichnungsvarianten getauscht werden. Glücklicherweise können
wir diese mit einem erheblichen Arbeitsaufwand verbundenen Modifikationen
von zwei frei verfügbaren Komponenten übernehmen lassen. Der vom Entwicklerduo
Robert Deutz / Angie Radtke auf http://www.run-digital.com vorgestellte RD
508 Hack ist dabei ein wichtiger und unerlässlicher Baustein. Dieser verändert in
der Hauptsache die wichtigsten Content-bezogenen Quelldateien des Systems, um
eine semantisch korrekte Ausgabe der Inhalte zu gewährleisten. Zusätzlich installieren
wir den Accessibility Hack, welcher im Besonderen für eine entsprechende
Formatierung der Navigationselemente verantwortlich ist. Beide Hacks lassen sich
als Komponente über den in Joomla! integrierten Komponenten-Installer in das
System übernehmen.
Die Installation über den Komponenten-Installer.
Während der Installation ersetzen diese Hacks jeweils eine Reihe von Quelldateien
des Joomla!-Systems, indem die modifizierten Dateivarianten installiert und die
ursprünglichen Dateien im System gespeichert werden. Ein Vorteil dieser Methode:
Bei einem notwendigen Upgrade des Systems kann der Ausgangzustand auf
einfache Weise wiederhergestellt werden. Bitte beachten Sie die Reihenfolge der
durchzuführenden Installationen, zunächst den RD 508 Hack, danach den
Accessibility Hack.
www.brain-media.de

Tutorial 157
Die Installation ist erfolgreich beendet.
Nach erfolgreicher Installation informiert uns ein kurzes Installationsergebnis, wie
im Beispiel der voranstehenden Abbildung zu sehen, über die erfolgreiche Durchführung
der Modifikationen an den jeweils aufgelisteten Dateien. Nachfolgende
Abbildung zeigt die erfolgreich installierten Hacks in der Komponentenübersicht
der Administrationsebene.
Joomla! kompakt

158 Joomla! barrierefrei
Die Komponenten sind installiert.
Zurück in der Quellcodeansicht der Installation sehen wir die gewünschten Ergebnisse.
Während vor der Installation ein bunter Mix an Div-Containern und verschachtelten
Tabellen das Bild bestimmten, erhalten wir nun zumindest in den
Artikelausgaben und in den Navigationsbereichen ein sauber strukturiertes Dokument.
Überschriften werden gemäß ihrer Wichtigkeit im Dokument mit den dafür
vorgesehenen Hierarchiestufen H1, H2 und H3 ausgezeichnet und die unnötigen
Layouttabellen gehören der Vergangenheit an.
Der Ausschnitt aus dem Quelltext der Startseite nach erfolgter Modifikation sieht
wie folgt aus:
...
Weblog
Bundesstelle für Informationstechnik
Geschrieben von Administrator
Donnerstag, 05 Januar 2006
www.brain-media.de

Tutorial 159
Das Bundesinnenministerium hat heute ...Zum derzeitigen
Stand der Webpräsenz wird
folgendes mitgeteilt:
Auf unseren Seiten finden Sie
Informationen ...
eingearbeitet.
...
Leider weist die Seite ... Nutzung.
Auch in Sachen Navigation hat sich das Bild gewandelt. Anstatt der vorherigen
Tabelle wird nun eine ungeordnete Liste mit entsprechenden Listenelementen
verwendet, eine notwendige Voraussetzung für eine barrierearme Seitennavigation.
Die Hauptnavigation der Website nach erfolgter Modifikation:
Hauptmenü
Weblog.
Efa News.
Allgemein.
Joomla! kompakt

160 Joomla! barrierefrei
Vorteile.
Gesetzliche Normen

Tutorial 161
chende Gestaltung nicht zu vernachlässigen, müssen die an eine barrierefreie Webpräsenz
gestellten Anforderungen an die Gestaltung in ein einheitliches und ausgewogenes
Konzept aus Corporate Identity und Zugänglichkeit eingebettet werden.
Die BITV stellt innerhalb verschiedener Punkte Anforderungen an die optische
Gestaltung von Webangeboten. Dies betrifft sowohl das Vermeiden von flackernden
oder blinkenden Elementen als auch die allgemeine Wahrnehmbarkeit von
Informationen. Dabei sollten sowohl kritische Farbkombinationen als auch zu
starke Farbkontraste vermieden werden. Ein weiteres Hauptziel ist es zudem, dass
die Benutzung der Website in gleichem Maße bei vom Webdesigner innerhalb
einer zentralen CSS-Datei vorgesehenen Farben als auch bei benutzerdefinierten
Einstellungen möglich ist. Dies kann nur dann gelingen, wenn zum einen eine
konsequente Trennung von Inhalt (Struktur) und Form (Gestaltung) vorgenommen
wird und zum anderen einige allgemeine Punkte zur optischen Gestaltung der
Website beachtet werden. Während Ersteres mittels des Joomla!-Templatesystems
nahezu von Haus aus erfüllt wird, muss zumindest der zweite Punkt nicht selten
einer genaueren Betrachtung unterzogen werden.
Überblicksartig können dabei die folgenden Anforderungen an das Layout der
Webpräsenz herangezogen werden:
Vermeiden Sie kritische Farbkombinationen!
Versuchen Sie kritische Farbkombinationen, wie komplementäre Farbpaare (beispielsweise
Rot/Grün) oder Farbkombinationen, welche farbfehlsichtigen Personen
Probleme bereiten, zu vermeiden. Menschen mit einer Rotschwäche können beispielsweise
bei der Verwendung der Kombination von Rot auf Schwarz die roten
Bereiche nicht identifizieren, da sie Rot als ein dunkles Grau wahrnehmen. Auf
folgende Kombinationen sollte nach Möglichkeit verzichtet werden:
• Gelb und Weiß
• Rot und Blau
• Blau und Orange
• Beige/Gelb/Orange gemeinsam mit Rot und Grün.
Nutzen Sie unkritische Farbkombinationen!
Unkritische Farbkombinationen dienen der Zugänglichkeit einer Webpräsenz auch
für fehlsichtige Personen. Als unkritisch einzustufende Kombinationen sind möglich:
• Schwarz auf Weiß
Joomla! kompakt

162 Joomla! barrierefrei
• Weiß auf Rot
• Weiß auf Schwarz
• Gelb auf Blau
• Blau auf Weiß
Vermeiden Sie zu starke Kontraste!
Eine genügend kontrastreiche Farbwahl ist eine notwendige Bedingung, um die
Inhalte einer Website ohne Probleme wahrnehmen zu können. Vermeiden Sie es
jedoch, Farben mit zu starken Kontrasten zu verwenden. Diese können zu unangenehmen
Flackereffekten führen, Blendeffekte erzeugen und somit das Lesen der
Informationen stark erschweren. Versuchen Sie daher sanfte Farbabstufungen zu
verwenden, beispielsweise einen leichten Grauton anstatt eines Weiß als Hintergrund
für den Textbereich.
Vermeiden Sie Farbverläufe und Hintergrundgrafiken!
Oftmals überdecken diese bestimmten Bereiche des Informationsangebotes und
lassen Informationen für kurze Zeit optisch verschwinden oder nur schwer lesbar
machen. Innerhalb des Inhaltsbereiches einer Website sollte deshalb im Hinblick
auf eine bessere Lesbarkeit grundsätzlich auf Farbverläufe und Hintergrundgrafiken
verzichtet werden. Für alle anderen Bereiche muss sichergestellt werden, dass
es zu keinerlei Überlagerung kommt.
Nutzen Sie neben Farbauszeichnungen weitere Formatierungsmethoden!
Gerade Links sollten durch mindestens zwei voneinander unabhängige Formatierungen
ausgezeichnet werden. Dabei kann neben einer Farbwahl für den Navigationspunkt
selbst oder dessen Hintergrund beispielsweise der Fettdruck, eine Unterstreichung
oder eine Umrahmung stattfinden.
Haben Sie sich für eine bestimmte Farbpalette entschieden, empfiehlt es sich zudem,
das Web-Angebot unter benutzerdefinierten Farbeinstellungen und auch bei
unterdrückten Grafiken auf seine Zugänglichkeit zu testen. Dies gelingt zum einen
über die in jedem Browser vorhandenen Optionen im Menü Einstellungen. Zum
anderen ist uns auch die Extension Checky unter Firefox wieder ein treuer Helfer.
Über den Menüpunkt WAI/508 und den Punkt Viewer stehen einige Werkzeuge
wie beispielsweise der Colorblind Web Page Filter zur Verfügung, um die Farbwahl
entsprechend zu testen. Häufig erkennt man mit Hilfe dieser Tests recht
www.brain-media.de

Tutorial 163
schnell, ob sich einige Farben nicht oder nur ungenügend voneinander abheben
oder ob eine ungünstige Farbkombination besteht.
Unsere Grundinstallation beispielsweise lässt unter einer grafiklosen Anzeige ein
wesentliches Problem erkennen. Während die Inhaltsbereiche und auch die Topnavigation
noch problemlos sichtbar sind, kontrastieren die Elemente der Hauptnavigation
nicht mehr genügend, sobald die Hintergrundgrafik der Navigationsleiste
entfernt wird.
Der relevante Ausschnitt aus der Startseite ohne Grafiken.
Um dies zu vermeiden, wäre zumindest eine Anpassung der Farbwahl sinnvoll.
Wir lassen es jedoch vorerst beim bestehenden Layout bewenden, da wir auf
Grund weiterer Probleme, die wir mit dem Template im nächsten Abschnitt feststellen,
auf ein anderes Layout zugreifen werden.
Joomla! kompakt

164 Joomla! barrierefrei
7.3.4 Skalierbarkeit und Cross-Browser-
Kompatibilität
Ein weiteres wichtiges Kriterium für zugängliche und gebrauchstaugliche Informationsangebote
ist die Skalierbarkeit und Cross-Browser-Kompatibilität der Website.
Während die Skalierbarkeit im Besonderen auf die möglichst verlustfreie Vergrößerung
bzw. Verkleinerung des Textes abzielt und damit stark im Bereich des
barrierefreien Webdesigns angesiedelt ist, kann man eine Crossbrowser-kompatible
Layoutumsetzung als ein allgemeingültiges Kriterium für eine professionelle Website-Gestaltung
definieren.
Obwohl das derzeit verwendete Template uneingeschränkt in allen gängigen grafischen
Browsern benutzbar ist und damit aus Sicht der Crossbrowserkompatibilität
zunächst keine Probleme bereitet, weist es im Zusammenhang mit der Skalierbarkeit
von Schrift und Layout einige erhebliche Schwächen auf. Die Verwendung
eines fixen Layouts erweist sich dabei als ein entscheidendes Problem. Zum einen
verhindern die über CSS in festen Pixelgrößen angegebenen Schriftmaße eine
benutzerdefinierte Schriftenskalierung in weniger modernen Browsern, wie beispielsweise
dem Internet Explorer.
Die Startseite nach dreistufiger Schriftenskalierung.
www.brain-media.de

Tutorial 165
In Browsern, welche auch die Skalierung von in Pixel festgelegten Schriftgrößen
erlauben (bspw. Firefox oder Opera), verhindert das starre, auf 808 Pixel in der
Breite festgelegte Template eine nutzergerechte Darstellung. Schon bei einer Erhöhung
der Schriftgröße im Firefox – wahlweise mit [Strg] + [+] oder über Ansicht>
Schriftgrad – um zwei Stufen ist die Seite nur noch eingeschränkt, bei einem dreifachen
Zoom nicht mehr lesbar.
Wie in obiger Abbildung zu sehen sprengt die obere Servicenavigation den Kopfbereich
des Templates. Ähnliches passiert mit der Navigation auf der linken Seite
und dem Inhaltsbereich. Grund dafür sind neben einer fixen Schriftgröße ebenso
festgelegte Breiten- und Höhenangaben für die Layoutelemente des Templates.
Diese verharren bei der ihnen zugewiesenen Pixelgröße, während die Schriften
entsprechend dem gewählten Zoomfaktor in ihrer Größe skalieren.
Das verlustfreie Funktionieren dieser eben genannten Punkte ist jedoch ein wichtiger
Bestandteil einer zugänglichen Webpräsenz. Besonders sehbehinderte Nutzer
sind auf die Skalierung der Schriftmaße angewiesen und auch die im vorherigen
Abschnitt angesprochenen Probleme hinsichtlich der benutzerdefinierten Farbeinstellungen
sprechen gegen die Verwendung des Templates in der vorliegenden
Form. Da wir zudem eine gewisse Abgrenzung zu anderen Informationsangeboten
erreichen wollen, kommen wir nicht umhin, ein individuelles Template zu erstellen.
Da es jedoch den Rahmen dieses Kapitels sprengen würde die Template-
Programmierung von Grund auf zu beschreiben, soll hier ein speziell vorkonfiguriertes
Layout mit seinen Besonderheiten näher vorgestellt werden und im weiteren
Verlauf in unserer Installation Verwendung finden.
Als Grundlage für das spätere Joomla!-Template unseres Weblogs dient das mittlerweile
recht bekannte und unter der Creative Commons Lizenz veröffentlichte
Yet Another Multicolumn Layout von Dirk Jesse, seines Zeichens Webentwickler
und Fotograf. Das dazugehörige Tutorial, kurz auch YAML genannt, ist über seine
Website www.highresolution.info zu erreichen, wird dort derzeit rege diskutiert
und erfreut sich wachsender Beliebtheit. Unter anderem findet das Layout beim
Relaunch der Website http://www.einfach-fuer-alle.de, dem deutschen Informationsportal
zum barrierefreien und standardkonformen Webdesign, Verwendung.
Das Besondere an YAML ist, dass es sich um eine modular aufgebaute Ausgangsbasis
zur Entwicklung standardkonformer und zugänglicher Websites handelt.
Dabei ist ein flexibler Aufbau des im Rahmen des Tutorials erstellten Templates
sowohl im Hinblick auf die Tauglichkeit in unterschiedlichen Ausgabegeräten als
auch im Sinne dessen möglicher Verwendung die Ausgangsbasis von YAML.
Durch das Austauschen oder Verändern einiger weniger CSS-Anweisungen kann
dieses in einer Reihe von Layoutversionen (Ein-, Zwei, Dreispalter etc.) Anwendung
finden und ist in Zusammenhang mit seiner stabilen und robusten Codebasis
hervorragend als Framework für eigene Entwicklungen geeignet. YAML in der
Joomla! kompakt

166 Joomla! barrierefrei
Version 2.0 funktioniert ohne Tadel mit allen gängigen Browsertypen und bietet
durch Verwendung flexibler Größenangaben für Schrift und Layout, die für die
Umsetzung einer barrierearmen Website notwendigen Voraussetzungen.
Das für unsere Website verwendete Template basiert vollständig auf dieser Entwicklung.
Im Laufe der Portierung dieses in eine Joomla!-Umgebung wurden sowohl
alle notwendigen Ergänzung an der Index-Datei vorgenommen, als auch eine
Reihe von Formatierungsanweisungen für Joomla!-spezifische CSS-Klassen ergänzt.
Die untenstehende Abbildung zeigt das bereits in das System integrierte
Template auf der Startseite unseres Weblogs.
Die Startseite mit neuem Template.
Der grundsätzliche Aufbau entspricht dabei dem einer jeden üblichen
Templateinstallation für Joomla!. Neben einer index.php-Datei sind im Ordner
images alle für das Layout notwendigen Grafiken abgelegt, eine XML-Datei sorgt
für die korrekte Installation und die Datei template_thumbnail.png enthält ein kleines
Vorschaubild des Templates. Lediglich die notwendigen
www.brain-media.de

Tutorial 167
Stylesheetanweisungen sind im Gegensatz zu vielen bekannten Joomla!-Templates
etwas komplexer aufgebaut. Dabei wurde für YAML eine Reihe von CSS-
Anweisungen in seperate Stylesheets ausgelagert. Dies ist zum einen notwendig,
um die Flexibilität des Layouts zu gewährleisten, zum anderen sorgen die in jeweiligen
Stylesheets separat zusammengefassten Anweisungen für mehr Übersicht bei
der Bearbeitung. Während die Datei template_css.css für die eigentliche
layoutmäßige Gestaltung des Templates sorgt, dient base.css als unveränderliche
Konstante des gesamten Rahmens des Systems. Ergänzt werden diese durch die
Dateien print.css und iehacks.css. Während die print.css ein spezielles Druckstylesheet
liefert, enthält die Datei iehacks.css, wie der Name schon sagt, gesonderte
Anweisungen für den Internet Explorer, um dessen Mängel im Umgang mit Cascading
Style Sheets zu beseitigen.
Der grundlegende Aufbau des Templates kann der Struktur der dazugehörigen
index.php-Datei entnommen werden. Der Aufbau entspricht im Kopfbereich dem
eines jeden Joomla!-Templates, lediglich die Anweisungen zur Einbindung der
Stylesheets bedürfen einiger Erläuterungen.
Die Einbindung verschiedener Stylesheets sieht wie folgt aus:
...

168 Joomla! barrierefrei
und eine einheitliche Darstellung über die unterschiedlichen Browsertypen hinweg
zu gewährleisten.
Der Body-Bereich des Templates enthält alle zur Anzeige der späteren Inhalte
notwendigen Anweisungen und ist recht übersichtlich gestaltet.
Der Body-Bereich des Templates:
...
Die Container page_margins und hold_floats dienen der Abstandhaltung und Gestaltung
der Umrandung des eigentlichen Templates.
Der Body-Bereich des Templates:
...

Tutorial 169
diese über die gesamte Breite und Höhe des Containers header aus. Dadurch entsteht
der Eindruck einer vollständigen Skalierbarkeit, obwohl die Grafik in Wirklichkeit
nur gestreckt oder gestaucht wird. Entsprechende Qualitätsverluste müssen,
zumindest bis zur wirklich produktiven Verwendung von SVG (Skalable
Vector Graphics), noch in Kauf genommen werden. Das Alt-Attribut wurde mit
Bedacht leer gelassen, da die Grafik keinerlei Informationswirkung besitzt und
lediglich der optischen Gestaltung dient.
Der inhaltliche Hauptteil des Templates findet sich innerhalb des Containers main.
Zu jeder Spalte wird ein äußerer Container col1 bzw. col2 und ein innerer
col1_content oder col2_content eingefügt. Innerhalb der col_content werden über
die bekannten PHP-Tags sowohl die Modulpositionen, als auch der Inhaltsbereich
mit eingebunden.
Der Body-Bereich des Templates:
...
...
Abgeschlossen wird die Seite durch ein zentrales Hr-Element, mit welchem alle
vorher festgelegten Float-Positionierungen der obigen Containerelemente über ein
zentrales Clearing wieder aufgehoben werden, und einen abschließenden
Footerbereich, in dem eine weitere Modulposition vorhanden ist.
Und ein letzter Blick auf den angepassten Body-Bereich des Templates:
Joomla! kompakt

170 Joomla! barrierefrei
...
Zu bemerken ist, dass gerade für die Ausgabe der Modulpositionen ein besonderer
Parameter notwendig ist. Mittels
werden alle Templatepositionen mit dem Parameter -2 ausgezeichnet. Dieser ermöglicht
eine von uns gewünschte Ausgabe der Frontend-Module innerhalb eines
Div-Containers und einer mit H3 deklarierten Modulüberschrift.
Nach der Installation, des auf den Namen mk_blogstoff getauften Templates erhalten
wir ein frisches und sowohl optisch als auch technisch auf unsere Bedürfnisse
zugeschnittenes Bild im Frontend unserer Joomla!-Installation. Das Layout ist
farblich in leichten Grün- und Grautönen gehalten, über verschiedene Abstufungen
der Farben entstehen sanfte Übergänge zwischen den einzelnen Seitenbereichen.
Der zweispaltige Aufbau der Seite wirkt aufgeräumt und gut strukturiert. Das verwendete
Schriftbild und die Grafiken sind zudem ebenfalls gut erkennbar und
wirken in ihrer Verwendung homogen. Sowohl bei Abschaltung der (Layout-)
Grafiken des Templates als auch bei der Betrachtung der Seite aus dem Blickwinkel
eines sehbehinderten Menschen lassen sich alle Bereiche entsprechend erkennen
und genügend voneinander unterscheiden.
www.brain-media.de

Tutorial 171
Die Contentseite in normaler Ansicht.
Ein weiterer Vorteil bietet sich durch die in der Verwendung der relativen Größen
„em“ und Prozent als Maßstäbe für die Breiten- und Höhenangaben der
Layoutelemente und Größen der verwendeten Schriften. Beide Größen können
insoweit als relativ betrachtet werden, als diese in Abhängigkeit des im Browser
eingestellten Zoomfaktors variieren und damit veränderbare Längen- und Breitenwerte
für die damit definierten Layoutelemente zurückgeben. Obwohl diese Art der
Gestaltung eines Web-Auftritts einiges an Erfahrung im Umgang mit CSS und
dessen browserseitiger Interpretation voraussetzt, wird der zusätzliche Aufwand
sofort belohnt.
Joomla! kompakt

172 Joomla! barrierefrei
Und die Contentseite bei einer Vergrößerung von 150 Prozent.
Die gesamte Webpräsenz skaliert nun im Gegensatz zu unserem ersten Template
nahezu vollständig. Wie in der Abbildung zu sehen, skaliert das Layout nun im
Verhältnis zur prozentualen Vergrößerung des Texts, um auch bei höheren Zoomfaktoren
ein wahrnehmbares und damit zugänglicheres Informationsangebot zu
gewährleisten. Alle Bereiche sind weiterhin ohne Probleme lesbar. Um jedoch
extreme Zoomergebnisse des Layouts zu vermeiden – auch diese können wieder
für Barrieren oder zumindest Verwirrungen sorgen –, geben wir der Breite des
Gesamtlayouts eine minimale und maximale Breitenangabe. Da der Internet Explorer
in seiner aktuellen Version die CSS-Befehle min-width und max-width nicht
genügend interpretieren kann, kommt ein zusätzliches Javascript zum Einsatz, um
diese Funktion auch dem Internet Explorer zugänglich zu machen. Die Javascript-
Datei minmax.js wird dabei ebenfalls über die Conditional Comments in das Template
eingebunden:
Die Einbindung von minmax.js erfolgt mit:
www.brain-media.de

Tutorial 173
Folgerichtig skaliert das Template nun zunächst korrekt, bleibt jedoch ab einer
minimalen Breite von 794 Pixeln und ab einer maximalen Breite von 80em unveränderlich.
Extreme Auswüchse der Skalierbarkeit lassen sich somit wirkungsvoll
vermeiden.
Die Darstellung des Inhaltsbereichs im Lynx.
Auch hinsichtlich der Verwendung in verschiedenen Browsern und anderen Ausgabegeräten
macht unsere Website schon jetzt eine recht gute Figur. Sowohl in den
gängigen grafischen Browsern wie Firefox, Opera, Internet Explorer, Netscape als
auch in Textbrowsern wie Lynx und Jaws sind die relevanten Informationen verlustarm
wahrnehmbar. Zudem ist die korrekte Anzeige der Anwendung in mobilen
Endgeräten wie PDAs, Pocket PCs oder WAP-fähigen Handys durch den Einsatz
eines geeigneten Designs möglich.
Ein XHTML-1.0-valider Quellcode und eine CSS 2.0-korrekte Auszeichnung
unserer Style Sheets runden das Ergebnis unserer Überarbeitung des Layouts ab.
Joomla! kompakt

174 Joomla! barrierefrei
Wir haben damit bereits einige wichtige Punkte der BITV umgesetzt. Es sei jedoch
bemerkt, dass es noch genügend Möglichkeiten der Optimierung und Verbesserung
auch im Hinblick auf das verwendete Template gibt. Ein oft angesprochener Kritikpunkt
bei der Verwendung von YAML ist das Argument, dass die starke Flexibilität
des Frameworks durch eine zu große Anzahl an verwendeten DIV-
Containern erkauft wird und damit eine regelrechte Div-Suppe entsteht.
Richtig ist, dass mit einigermaßen geringem administrativem Aufwand die ein oder
andere Div-Box gespart werden könnte, indem die allein für den Spaltenabstand
verwendeten inneren Div-Container im Inhaltsbereich und den Marginalspalten
weggelassen und die Abstände in die CSS-Deklaration der übergeordneten Container
aufgenommen werden würden. Da die Div-Container jedoch semantisch und
ohne entsprechende CSS-Deklaration auch layoutmäßig neutral sind und zudem in
der derzetigen Verwendung keinerlei Einschränkungen hinsichtlich der Verwendung
erkennen lassen, entsteht kein akuter Handlungsbedarf diese Modifikationen
durchzuführen.
Wer jedoch gern mehr über das verwendete Framework erfahren, es eventuell gern
selbst als Basis für eigene Entwicklungen einsetzen oder einfach einen Beitrag zur
Optimierung von YAML leisten möchte, dem sei das gesamte von Dirk Jesse verfasste
Tutorial unter http://blog.highresolution.info und zudem ein detaillierter
Blick in den Quellcode des Templates mk_blogstoff ans Herz gelegt.
Im weiteren Verlauf des Tutorials werden wir noch des Öfteren innerhalb des
Templates arbeiten, um zusätzliche Funktionalitäten in der index.php zu ergänzen
oder durch Hinzufügen weiterer CSS-Definitionen die optische Gestaltung weiter
zu unterstützen.
7.3.5 Die Navigation
Eine Website ist im Gegensatz zu linear aufgebauten Medien, wie Zeitschriften
oder Büchern, ein mehrdimensionales Informationsangebot. Erst mit Hilfe einer
Navigation kann der Nutzer diese Mehrdimensionalität bedienen. Dabei sollen
Navigationselemente die Informationsflüsse hierarchisch bündeln und zielgerichtet
anbieten. Verschiedene Menüebenen sollen zudem Struktur und Orientierung
schaffen.
Zugängliche und übersichtliche Navigationsmenüs haben auf Grund dieser herausragenden
Stellung einen entscheidenden Einfluss auf die Benutzbarkeit eines Web-
Angebotes. Dies betrifft nicht nur die Hauptnavigation, sondern die gesamte Struktur
an Navigationsmöglichkeiten innerhalb eines Dokumentes. Diese muss so konzipiert
sein, dass sie den Nutzer mit einer Art unsichtbarer Hand führt und gleichzeitig
das notwendige Maß an individueller Freiheit lässt. Es empfiehlt sich des-
www.brain-media.de

Tutorial 175
halb, schon in der Planungsphase besonderen Wert auf die Architektur der Navigationsstrukturen
zu legen. Denn nicht selten sind in der Praxis Teilbereiche einer
Website mit Navigationspunkten überladen oder im gegensätzlichen Fall nicht oder
nur unzureichend erreichbar.
Die Planung der Navigationsstruktur.
Es lassen sich, wie zu sehen, verschiedene Arten von Navigationen mit unterschiedlichen
Funktionen unterscheiden. Während das Hauptmenü als strukturelles
Rückgrat der Website alle Hauptbereiche miteinander verbindet, dienen beispielsweise
Sprungmarken (Skip Links) und Textanker dem schnelleren Navigieren
innerhalb der Website, indem einzelne Teilbereiche übergangen und andere, für
den Nutzer relevante Bereiche besonders schnell erreicht werden können.
Interne und externe Textlinks zu weiterführenden Informationen schaffen Verzweigungen
und kontextbezogene Seitennavigationen zu vorhergehenden, nachfolgenden
oder ähnlichen Textelementen und dienen der Vermittlung von Raum und
Tiefe. Abgerundet wird diese Struktur durch so genannte Breadcrumb- oder
Pfadnavigationen, die es dem Nutzer erlaubt, jederzeit seinen Weg zur aktuellen
Joomla! kompakt

176 Joomla! barrierefrei
Information zurückzuverfolgen und schnell zu übergeordneten Ebenen zurückzukehren.
Hat man sich im Rahmen der Planungsphase auf eine sinnvolle Aufteilung der
Navigationsmechanismen festgelegt, sollte nun die Planung der Erreichbarkeit und
Wahrnehmbarkeit der zu implementierenden Elemente erfolgen. Dabei sind sowohl
eine ansprechende optische Gestaltung als auch die Verwendung geeigneter
Auszeichnungsmethoden von hoher Wichtigkeit.
Während noch vor nicht allzu langer Zeit Navigationsmenüs hinter opulenten Grafiken
versteckt wurden, können heutzutage mit geeignetem Markup und den Möglichkeiten
von CSS optisch gleichwertige und dabei zugängliche Ergebnisse erzielt
werden. Die technische Basis einer zugänglichen Navigation bildet im Regelfall
eine Listenformatierung. Dabei hat sich die Verwendung von ungeordneten Listen
() als sehr robust und flexibel herausgestellt. Einzelnen Navigationspunkten
eines Navigationsbaumes werden dazu, wie es voranstehende Abbildung beispielhaft
zeigt, eigene Listenelemente () zugewiesen.
Die beispielhafte Listendarstellung einer Navigation:
Navigationspunkt 1
Navigationspunkt 2
...
Diese Methode der Auszeichnung macht auch strukturell Sinn, ist ein Navigationsmenü,
gleich ob dieses horizontal oder vertikal dargestellt wird, mit einer Liste
von Elementen vergleichbar. Eine Ausnahme bilden hier die Textanker und -links,
da diese zum einen dem normalen Textfluss zugehörig sind und zum anderen meist
allein innerhalb des Textes erscheinen. Um diesen differenzierten Anforderungen
gerecht zu werden, gibt es in Joomla! verschiedene Funktionen, um Navigationsmechanismen
zu realisieren.
Die Voraussetzung zur Schaffung einer geeigneten Hauptnavigation haben wir
bereits im vorhergehenden Abschnitt mit der Installation des Accessibility Hacks
geschaffen. Erstellt man nun ein Navigationsmenü über den Joomla!-
Menümanager, fallen sofort weitere Eingabemöglichkeiten im Backend auf. Die
Abbildung zeigt unsere Hauptnavigation in der Übersicht.
www.brain-media.de

Tutorial 177
Die Übersicht der Hauptnavigation im Backend.
Neben den bereits bekannten Informationen über Name, Position und Art der
Verlinkung des Menüpunktes erscheinen weitere Möglichkeiten zur Eingabe von
Accesskeys, eines Tabindex und eines dfn-Tags. Diesen Punkten lassen sich über
das Eingabeformular kurze Werte wie Buchstaben oder Zahlen zuweisen und über
das Diskettensymbol speichern.
Zurück im Frontend erkennen wir im Quelltext, dass unsere Hauptnavigation als
eine ungeordnete Liste dargestellt wird und sich zu jedem Navigationspunkt (Listenelement)
eine Reihe weiterer Attribute und Tags gesellt hat. Obige Abbildung
zeigt einen einzelnen Navigationspunkt mit diesen zusätzlichen Attributen und
Tags, auf dessen Administrationsmöglichkeiten wir noch eben im Backend trafen.
Ein einzelner Navigationspunkt als Listenelement sieht im Quelltext wie folgt aus:
1Weblog.
Im Folgenden werden die relevanten Elemente mit ihrer Funktionsfähigkeit etwas
genauer erläutert.
Das Title-Attribut dient der weiteren Erläuterung eines Navigationspunktes, in dem
bei einem Mouseover über den Menüpunkt ein Tooltip erscheint, mit dessen Hilfe
der innerhalb des Title-Attributes enthaltene Text ausgegeben wird.
Die BITV empfiehlt die Verwendung des Title-Attributen, in der Praxis hat sich
jedoch herausgestellt, dass eine Auszeichnung nur dann erfolgen sollte, wenn zusätzliche
Informationen zum Navigationspunkt benötigt werden. Dies kann dann
der Fall sein, wenn die Benennung des Navigationspunktes nicht sprechend genug
oder zu wenig eindeutig ist. Unbedingt vermieden werden sollte jedoch die Wiederholung
der Linkbezeichnung innerhalb des Titles. Einerseits erhält der Nutzer
Joomla! kompakt

178 Joomla! barrierefrei
dadurch keine zusätzlichen Informationen, zum anderen werden von einigen Ausgabegeräten
sowohl der Title als auch der Name des Navigationselements vorgelesen.
Wie störend eine ständige Wiederholung der Begrifflichkeiten dann ist, kann
man sich leicht vorstellen.
Accesskeys, diese auch als Tastaturkürzel bekannten Elemente gehören zu den
umstrittensten Techniken im Bereich des barrierefreien Webdesigns. Grundsätzlich
sollen es diese den Nutzern, welche nicht in der Lage sind, mit einer Maus zu navigieren,
erlauben, über kurze Tastenkombinationen zu den verschiedenen Bereichen
einer Website zu gelangen. Alle gängigen grafischen Browser unterstützen
mittlerweile die Nutzung dieser Navigationsmöglichkeit.
Das Problem hinter dieser Technik steckt aber wieder einmal im Detail. Zum einen
gibt es weder eine wirklich verbindliche browserübergreifende Festlegung welche
Accesskeys welchen Bereichen einer Website zugeordnet sind, zum anderen müssen
Nutzer unterschiedlicher Browser immer noch verschiedene Wege gehen um
ein Tastaturkürzel zu aktivieren. Im Firefox aktiviert man einen Accesskey beispielsweise
mit Hilfe der ALT-Taste (unter Mac OS STRL-Taste) und dem gleichzeitigen
Betätigen der jeweiligen Taste für den gewünschten Accesskey, im Internet
Explorer ist zusätzlich die Bestätigung per Enter-Taste notwendig. Bei Opera
wiederum benötigt man die Betätigung der Tasten Shift + Esc + jeweiliger
Accesskey. Als seien dies nicht schon genug Hindernisse für eine eigentlich die
Zugänglichkeit unterstützende Technik, kommt gerade für Nutzer assistiver Technologien
ein weiteres und viel schwerwiegenderes Problem hinzu.
Die meisten Tastenkombinationen, die man als Accesskey definieren kann, sind
schon in anderen Client-seitigen Anwendungen vergeben. Schaut man sich die
gängigen grafischen Browser und verbreiteten assistiven Werkzeuge an, wird man
sehr schnell feststellen, dass eine ganze Reihe an Zeichen auf der Tastatur bereits
von anderen Anwendungen benutzt wird und damit nur noch wenig Spielraum
besteht. Nachstehende Tabelle stellt diese Problematik verdeutlichend dar:
Browser/User Agent
(unter Windows)
Internet Explorer 5
Bereits belegte Shortcuts der ersten Menüebene
a b d f r x
Internet Explorer 6 a b d f s x 2 4 6 7 ?
Netscape 4.77
Netscape 6/7
Mozilla 1.3
Lynx / Pine
c e f g h v
b e f g h i m n p s t v w
b d e f g h t v w
c g h j m o p t
Opera 6/7 a b c d f h l n p w x z 2 6 9 0
www.brain-media.de

Tutorial 179
Browser/User Agent
(unter Windows)
Bereits belegte Shortcuts der ersten Menüebene
Home Page Reader c e j l o t w z 0 1
JAWS d 5
Somit sind insgesamt die Tasten a, b, c, d, e, f, g, h, i, j, l, m, n, o, p, q, s, t, v, w, x,
z, 1, 2, 4, 5, 6, 7, 9, 0, - und ? bereits belegt.
Weiter erschwerend kommt hinzu, dass für jeden Webentwickler die Möglichkeit
besteht, selbst zu entscheiden, welche Tasten er mit welchen Bereichen seines
Informationsangebotes belegt. Ein Benutzer muss somit auf jeder Website, die er
besucht, von neuem lernen, welche Bereiche mit welchen Accesskeys verbunden
sind und welche nicht.
Trotz dieser Probleme erfreuen sich Accesskeys nicht selten großer Beliebtheit.
Für einige Teilbereiche, welche in nahezu jedem webbasierten Informationsangebot
anzutreffen sind, hat sich mittlerweile in der Praxis mit der britischen
Accesskey-Verwendung ein Quasi-Standard etabliert, um eine einheitliche Belegung
zu gewährleisten. Die dahingehenden Vorschläge lauten wie folgt:
• S - Navigation überspringen
• 1 - Startseite
• 2 - Was ist neu
• 3 - Inhalt (Sitemap)
• 4 - Suche
• 5 - Häufig gestellte Fragen (FAQ)
• 6 - Hilfe
• 7 - Beschwerden
• 8 - Bestimmungen und Bedingungen (AGB)
• 9 - Feedbackformular
• 0 - Accesskeyübersicht
Möchten Sie trotz der Nachteile, die mit dem Einsatz von Accesskeys zweifelsohne
einhergehen, einige wichtige Seitenbereiche darüber nutzbar machen, so sollte zum
einen obiger Belegungsvorschlag genutzt werden. Zum anderen hat es sich als
Joomla! kompakt

180 Joomla! barrierefrei
praxistauglich erwiesen, die Accesskey-Belegung zusätzlich, meist auf einer umfassenden
Informationsseite zur Zugänglichkeit des jeweiligen Webangebotes, zu
fixieren. Wir werden in unserem Tutorial im weiteren Verlauf der Entwicklung
dem britischen Accesskey-Standard folgen.
Mit dem Tabindex erreichen wir eine weitere umstrittene Technik, Web-Angebote
zugänglicher zu gestalten. Die Nutzung einer Seite mittels Tabbing ist ein beliebtes
Mittel, um sich als Benutzer schnell und ohne Maus durch das Dokument zu bewegen.
Dafür gibt der benutze Browser einen bestimmten Tabindex und damit die
Reihenfolge der Tabbing-Elemente standardmäßig vor. Das Tabindex-Attribut
erlaubt nun dem Webdesigner die Reihenfolge der durch Tabulatornavigation angesteuerten
Elemente durch Eingabe eines ganzzahligen Wertes frei festzulegen.
Dieses lässt sich ebenso wie die Attribute title und accesskey auf eine Reihe von
HTML-Elementen anwenden und macht vor allem in Zusammenhang mit Formularelementen
Sinn, wenn die Reihenfolge der vorgesehenen Bedienung nicht der
Folge der Elemente im Quelltext entspricht, also eine korrekte Linearisierung des
Formulars und dessen Reihenfolge der Formularelemente nicht möglich ist.
Auch für die Menüpunkte einer Navigation kann die Zuweisung bzw. gesonderte
Gestaltung eines Tabindex erfolgen. Hier hat sich jedoch ebenfalls in der Praxis
gezeigt, dass die vom jeweiligen Browser vorgegebene Reihenfolge oftmals geeigneter
als eine händisch angelegte Indexierung ist.
Sollten Sie den Einsatz eines eigenen Tabindex dennoch in Erwägung ziehen, so
macht es unter Umständen Sinn, wenn Sie diesen für verschiedene Seitenbereiche
in 10er Schritten vergeben. Bei einer Erweiterung der Website kann damit recht
schnell auch der Tabindex durch Ausnutzung der Zwischenräume erweitert werden
und es müssen nicht alle Elemente erneut indiziert werden.
Das ID-active-menu ist ein CSS-Element, welches es ermöglichen soll, den jeweils
aktiven Menüpunkt gesondert zu formatieren. Es hat sich auch hier als praxisnah
erwiesen, diesem aktiven Menüpunkt in etwa die Formatierung des Hovereffekts
des Navigationspunktes des gesamten Menüs zuzuweisen. In Joomla! werden die
Aktivzustände active-menu3 und bei Aktivierung eines Navigationspunktes der
Submenüebene active-menu2 unterschieden.
Das Dfn-Tag ist für die Angabe der Reihenfolge und Ebenentiefe eines Navigationsmenüs,
insbesondere zur Erfassung der Seitenstruktur wichtig. Damit diese
Struktur auch für den Benutzer eines nichtvisuellen Browsers ersichtlich wird,
eigne sich im besonderen Maße die Nummerierung der einzelnen Navigationspunkte
nach dem Schema der Ebenentiefe und der laufenden Nummer innerhalb
des Navigationsmenüs.
Der Dfn-Tag eignet sich für diese Art der Darstellung im besonderen Maße. Dies
verwirrt insoweit, als wir für unser Menü zunächst eine ungeordnete Liste einer
www.brain-media.de

Tutorial 181
geordneten vorgezogen haben, um einer automatisierten Nummerierung aus dem
Weg zu gehen. Obwohl über eine geordnete Liste recht einfach und zudem automatisiert
eine Nummerierung der Navigationspunkte möglich wäre, ist diese jedoch
aus zweierlei Gründen ungeeignet. Zum einen lassen sich die vorangestellten
Nummerierungen nicht mittels einer geeigneten CSS-Anweisung gesondert für
grafische Browser unsichtbar machen, aber für nichtvisuelle Anwendungen anzeigen.
Zum anderen sind automatische Listennummerierungen bei komplexen und
verteilten Navigationsstrukturen nicht oder nur schwer automatisiert möglich.
Im Gegensatz dazu lässt sich das Dfn-Element relativ leicht für grafische Browser
über einige CSS-Deklarationen aus dem sichtbaren Bereich entfernen und für
Browser, die eine linearisierte Ausgabe des Web-Angebots vornehmen, einblenden.
Syntaktisch sollte man darauf achten, dass zunächst ganzzahlige Ordnungszahlen
beginnend bei 1 für den ersten Navigationspunkt eines Menüs durchnummeriert
bis zum entsprechend letzten Eintrag gewählt werden müssen. Die
Ebenentiefe wird zusätzlich durch die Angabe der Nummerierung des Elternelementes
und Trennung durch einen Punkt angegeben. Versuchen Sie jedoch zu
vermeiden der jeweils an letzter Stelle stehenden Ziffer ebenfalls einen Punkt folgen
zu lassen. Einige Screenreader würden dies als eine Datumsangabe deuten,
anstatt die gewünschte Nummerierung vorzulesen.
Der Vollständigkeit halber sei zudem erwähnt, dass es in Screenreadern, welche
die Möglichkeit haben mittels der Eingabe des ersten Buchstabens des Navigationselementes
in ein Suchformular zu navigieren, diese Funktion nicht mehr genutzt
werden kann, da die entsprechenden Nummerierungen per dfn-Tag den Anfangsbuchstaben
vorstehen.
Die BITV legt in der Anforderung 10.5 zusätzlich fest, dass eine geeignete Trennung
der einzelnen Navigationspunkte voneinander erfolgen muss, um eine ungetrennte
Aneinanderreihung der Navigationselemente in einigen Benutzerumgebungen
zu vermeiden. Dies erfolgt in der Regel durch einen dem Navigationselement
nachgestellten Punkt, welcher von einem Span-Tag umschlossen wird, in unserem
Fall .. Durch diesen ist es wie im Falle des Dfn-
Tags möglich, das Trennelement für grafische Browser unsichtbar und alternative
Ausgabegeräte sichtbar zu machen.
Wie in den beiden letztgenannten Fällen erwähnt sollten sowohl die Nummerierung
der Navigationspunkte als auch die Trennelemente für grafische Browser
ausgeblendet werden, da sie dort im Regelfall nicht notwendig sind. Dies gelingt
mit etwas CSS-Wissen relativ problemlos. Grundsätzlich kann ein Ausblenden
eines HTML-Elementes mittels {display: none;} oder {visibility: hidden;} erfolgen.
Da jedoch auch einige Screenreader die so ausgeblendeten Elemente durch korrekte
Interpretation der zu Grunde liegenden CSS-Datei ignorieren würden, hat sich
Joomla! kompakt

182 Joomla! barrierefrei
folgende Deklarationsmethode als praktikabel erwiesen. Die CSS-Anweisung zur
Ausblendung von Elementen:
dfn, .hidethis {position: absolute; left: -1000px; top: -
1000px; width: 0; height: 0; overflow: hidden, display: inline;}
Der dahinter stehende Trick ist, dass das jeweilige Element nicht vollständig ausgeblendet
wird, sondern lediglich für grafische Browser aus dem Sichtfeld
(Viewport) genommen wird. Allen anderen Ausgabegeräten stehen die Elemente
wie gewünscht zur Verfügung.
Kommen wir zur Umsetzung. Um diese gesamten Anforderungen auch auf unsere
Website zu übertragen, wechseln wir zunächst in den Administrationsbereich unserer
Anwendung und öffnen im Menümanager das Hauptmenü. In der nun folgenden
Übersicht können wir zum einen die von uns gewünschten zusätzlichen Tags
ergänzen und zum anderen die inhaltliche Struktur der Hauptnavigation prüfen.
Die Administrationsebene Hauptmenü.
Dabei fällt uns auf, dass einige Navigationspunkte nicht eindeutige und wenig
aussagekräftige Namen tragen. Der Navigationspunkt Vorteile sagt beispielsweise
nichts über den Inhalt der sich hinter dem Link verbergenden Information aus. Wir
entscheiden uns deshalb, den Namen des Links zu verändern, indem wir direkt in
www.brain-media.de

Tutorial 183
die Administrationsoberfläche für den Navigationspunkt hineingehen. Nach Umbenennung
in Vorteile der Barrierefreiheit ergänzen wir im Titel zusätzlich Erläuterungen
zu den Vorteilen zugänglicher Web-Angebote, um dem Navigationspunkt
einen aussagekräftigen Tooltip folgen zu lassen.
Ähnlich verfahren wir bei den Punkten Allgemein und Efa News. Während wir den
ersten ergänzend in Allgemeine Informationen erweitern, benennen wir den zweiten
Menüpunkt in Aktuelle Nachrichten um und ergänzen abermals im Titel Newsfeed
der Website einfach-fuer-alle.de um eine erklärende Entsprechung zum Namen
zu erhalten. Für die Akronyme BGG und BITV als Submenüpunkte für Gesetzliche
Normen ergänzen wir die ausgeschriebene Entsprechung innerhalb des
title-Attributs.
Nachdem wir nun zunächst eine inhaltliche Ergänzung vorgenommen haben, prüfen
wir jetzt auf der Übersichtsseite des Hauptmenüs die Reihenfolge der veröffentlichten
Menüpunkte und fügen danach entsprechende Zahlenwerte für den Dfn-
Tag in der Reihenfolge der Anzeige im Menü ein. Zudem ergänzen wir nach dem
englischen Accesskey-Standard für den Link zur Startseite im Accesskeyfeld des
Elements Weblog eine 1, für den Link zu unserem Kontaktformular sehen wir per
Definition eine 9 als den relevanten Accesskey vor und speichern die durchgeführten
Arbeiten.
Das Navigationsmenü nach der Bearbeitung.
Gleiche Arbeiten führen wir nun analog für den Bereich unserer Weblog-
Kategorien durch. Gerade hier ist es sicherlich besonders sinnvoll, den jeweiligen
Menüpunkten sprechende Title-Attribute mitzugeben.
Joomla! kompakt

184 Joomla! barrierefrei
Um auch diese optisch wieder ansprechend zu gestalten, müssen wir nun sowohl
den Trennpunkt als auch die Nummerierung wie oben bereits beschrieben für alle
grafischen Browser ausblenden. Die relevanten CSS-Elemente sind die Klasse
hidethis für den Trennpunkt und der dfn-Tag selbst. Nachdem wir dfn, .hidethis
{position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow:
hidden, display: inline;} in der Datei template_css.css ergänzt haben, erhalten wir
auch optisch das gewünschte Bild.
Für unsere Servicenavigation am Ende der Website ergänzen wir zunächst die
Menüpunkte Volltextsuche und Wörterbuch, indem wir sie mit der Komponente
Search bzw. RD Glossary verlinken. Über eine neue Verlinkung verweisen wir
zudem auf eine im Static Content Manager erstellte Hinweisseite zur Zugänglichkeit.
Nach erfolgter Ordnung der Punkte ergänzen wir auch hier die zugehörigen
Accesskeys gemäß dem britsischen Accesskey-Standard.
Die Servicenavigation.
7.3.6 Sprungmarken (Skip Links)
Wie im bisherigen Verlauf des Tutorials schon mehrfach erwähnt, nutzen nichtvisuelle
Ausgabegeräte lediglich eine eindimensionale Richtung der Informationsdarstellung
gemäß der Reihenfolge der Elemente im Quelltext. Dabei wird dieser
Zeile für Zeile abgearbeitet und ausgegeben. Häufig stehen jedoch vor dem eigentlich
für den Nutzer interessanten Hauptinhalt einer Seite eine Reihe weiterer Informationen
und die Hauptnavigation. Um es Nutzern dieser assistiven Technologien
zu ermöglichen, schnell und ohne Umwege über nochmalige Ausgabe bestimmter
Seitenbereiche zu den relevanten Informationen zu gelangen, haben sich
Sprungmarken als ein probates Mittel erwiesen. Dabei werden zentrale Seitenbereiche,
wie beispielsweise der Beginn des Contentbereichs oder der Anfang der
Haupt- und Servicenavigation, mit einem Textanker versehen. Zu Beginn des Dokumentes
wird daraufhin ein zusätzliches Menü eingefügt, welches es den Nutzern
erlaubt, bei einem Reload sofort zu den jeweiligen Seitenbereichen zu gelangen.
Für die Umsetzung dieses Punktes ist es notwendig, eine Modifikation am Quelltext
der Index-Datei unseres Templates vorzunehmen. Zum einen müssen zentrale
Textanker ergänzt werden. Zum anderen ist eine händische Eingabe der Sprungmarken
im Quelltext notwendig, da das in Joomla! integrierte Menüsystem die
Vergabe von Sprungmarken und die Eingabe von Code nicht erlaubt. Wir fügen
zunächst vor Beginn der Hauptnavigation, vor Beginn der Servicenavigation und
www.brain-media.de

Tutorial 185
ebenfalls vor Beginn des Inhaltsbereiches einen notwendigen Textanker ein, um
diese Bereiche mittels Sprungmarken innerhalb von Textbrowsern oder in einer
Nicht-CSS-Version separat ansteuern zu können.
Der Quellcode des Textankers:
Nun fügen wir oberhalb des Containers unserer Kopfgrafik ein separates Menü ein,
indem wir eine ungeordnete Liste mit den Menüpunkten Sprungmarke zur Hauptnavigation,
Sprungmarke zur Servicenavigation und Sprungmarke zum Inhaltsbereich
einfügen, diese mit den entsprechenden Textankern verknüpfen und zudem
die Sprungmarke zum Inhaltsbereich mit dem Accesskey S und die Sprungmarke
zur Servicenavigation mit dem Accesskey 6 versehen. Alle Menüpunkt erhalten
zudem die CSS-Klasse hidethis, um diese nun zentral über die bereits in der CSS-
Datei definierte Klasse für alle visuellen Browser auszublenden.
Der Quellcode für Skip-Links:

186 Joomla! barrierefrei
Es sei zudem darauf hingewiesen, dass sowohl das veraltete Name-Attribut als
auch das modernere ID-Attribut innerhalb unserer Textanker Verwendung finden.
Grund dafür ist, dass einige Screenreader die ID noch nicht erkennen und somit bei
Nichtverwendung derselbigen das Sprungziel nicht erreichen würden.
Eine Kontrolle der bisher durchgeführten Arbeiten an der gesamten Seitennavigation
in einem grafischen Browser, in der Textversion und unter Verwendung der
Accesskeys zeigt, dass alle Elemente wie gewünscht funktionieren, semantisch
korrekte Bezeichnungen vorliegen und über eine Reihe von Hilfestellungen eine
zugängliche Navigationsstruktur entstanden ist.
7.3.7 Pfadnavigationen (Breadcrumb)
Auch eine sogenannte Pfadnavigation erweist sich gerade bei umfangreichen Webprojekten
als sehr sinnvoll. Dabei wird der aktuell vom Nutzer zurückgelegte Weg
durch das Informationsangebot anhand einer dynamisch generierten Linkliste angezeigt.
Dies schafft ein erhöhtes Maß an Orientierung und ermöglicht dem Nutzer
mit wenig Aufwand zu vorangegangenen Ebenen seines Weges zurückzukehren. In
Joomla! kann dieser Pathway relativ einfach über den PHP-Tag in das Template und somit in die Website eingebunden werden.
Die einzelnen Menüelemente werden analog als ungeordnete Liste ausgegeben und
können über CSS entsprechend formatiert werden.
Obwohl es mit Joomla! recht einfach ist, eine derartige Pfadnavigation umzusetzen,
verzichten wir im Falle des Weblogs zunächst auf diese. Grund dafür ist, dass
wir zunächst eine recht übersichtliche Dokumentenstruktur und eine höchstens
zweistufige Navigation vorfinden. Eine Breadcrumpnavigation macht sich damit
nicht zwingend notwendig. Diese kann jedoch bei Anwachsen des Informationsangebotes
zu einem späteren Zeitpunkt in einer zusätzlichen Modulposition oberhalb
des Inhaltsbereiches ergänzt werden.
7.3.8 Textlinks
Navigationselemente innerhalb des Textes dienen in der Regel der vertieften Information
zu einem Thema. Dabei lassen sich seiteninterne Links und solche, die
auf eine externe Seite verweisen, unterscheiden. Dieser Unterscheidung sollte auch
im Hinblick auf die visuelle Ausgestaltung Rechnung getragen werden. Eine in der
Praxis häufig angewendete Lösung ist es, externe Links im Gegensatz zu den internen
Navigationselementen mit einem vorangestellten Piktogramm zu versehen.
Da externe Links immer mit dem vorangestellten Protokoll http:// oder https://
beginnen, kann eine entsprechende Kennzeichnung über die Selektoren
www.brain-media.de

Tutorial 187
a[href^="http:"] und a[href^="https:"] automatisiert erfolgen. Um ein entsprechendes
Piktogramm, in unserem Fall die Grafik ext_link.gif, einzubinden, wäre
die folgende CSS-Notation richtig:
a[href^="http:"], a[href^="https:"]
{
padding-left: 1.5em;
background-image: url('../images/icons/ext_link.gif');
background-repeat: no-repeat;
background-position: left; }
Dabei werden allen selektierten extern Verlinkungen über background-image:
url('../images/icons/ext_link.gif'); das oben genannte Piktogramm auf der linken
Seite vorangestellt. Ein Abstand von 1,5em nach links verhindert zusätzlich die
Überlappung des Linktextes mit dem Piktogramm. Eine ähnliche visuelle Kennzeichnung
kann ebenso für verlinkte E-Mail-Adressen erfolgen, indem der Selektor
anstatt nach dem HTTP-Protokoll nach mailto selektiert.
Eine weitere nutzbringende Sache ist es zudem, dem externen Link über den Title
einen kurzen Hinweis auf das Linkziel mitzugeben, sodass der Nutzer bei einem
Mouseover im Tooltip weitere Informationen externen Links erhält. Eine Target-
Angabe sollte jedoch nach aktuellen Erkenntnissen nicht mehr erfolgen, um Verwirrungen
vorzubeugen und dem Nutzer freie Hand bei der Art des Browsens zu
lassen.
Wir werden auf die Bearbeitung dieser Links im Abschnitt Content-Bearbeitung
noch einmal kurz eingehen.
7.3.9 Kontextbezogene Links
In einigen Fällen, vor allem in größeren Informationsangeboten, machen zudem
kontextbezogene Verlinkungen Sinn. Dabei werden angelehnt an den aktuell geöffneten
Artikel Links zu weiterführenden Informationen oder zu vor- und nachgelagerten
Dokumenten angezeigt, die es dem Nutzer erlauben, sehr leicht weitere
Informationen zu finden. Für Joomla! steht dazu eine Reihe von bereits in der
Grundinstallation vorhandenen Modulen (meist gelesene Artikel, verwandte Artikel,
Artikel nach Section oder Categorie etc.) zur Verfügung. Zudem sind auf
http://www.run-digital.com zwei entsprechende Mambots für die Artikel-
Navigation innerhalb einer Section oder Categorie verfügbar. Man sollte in der
Joomla! kompakt

188 Joomla! barrierefrei
Praxis jedoch der Übersichtlichkeit halber darauf achten, es mit weiterführenden
Links nicht zu übertreiben.
Im Rahmen unseres Weblogs fügen wir der Vollständigkeit halber über den zugehörigen
Installer den Mambot RD PrevNext von http://www.run-digital.com ein,
der es uns ermöglicht, unterhalb eines Artikels einen Link zu vorhergehenden oder
nachfolgenden Artikeln einer Category anzeigen zu lassen. Dies ist gerade bei stark
contentlastigen Seiten und solchen mit inhaltlich eng zusammenhängenden Artikeln
sinnvoll.
Im Frontend ergibt sich nach Einfügen des Mambots und einigen optischen Verfeinerungen
über CSS das folgende Bild:
Ein eingebundener Mambot.
Wir haben damit die Arbeiten an unserer Seitennavigation zunächst abgeschlossen
und können zu einem weiteren wichtigen Punkt innerhalb der Erstellung einer
barrierefreien Webpräsenz übergehen.
7.4 Der Inhaltsbereich der Website
Der Inhaltsbereich als Hauptbestandteil einer Website benötigt besondere Aufmerksamkeit
im Hinblick auf eine barrierefreie Umsetzung. Neben einigen speziellen
Anforderungen an die Zugänglichkeit eines Dokumentes sollte man zunächst
allgemeine und für eine Reihe von Medien gleichermaßen relevante Punkte im
Hinblick auf die Verständlichkeit und Gebrauchstauglichkeit von Textdokumenten
beachten. Diese betreffen sowohl die Struktur als auch die Länge und den Inhalt
der verfassten Textelemente und sind nicht allein für gehandicapte Menschen,
sondern für einen jeden Nutzer wichtige Voraussetzungen, um die zu vermittelnden
Informationen problemlos aufnehmen zu können. Auch in der BITV finden
www.brain-media.de

Der Inhaltsbereich der Website 189
sich diese Anforderungen im Punkt 14.1 wieder: „Für jegliche Inhalte ist die klarste
und einfachste Sprache zu verwenden, die angemessen ist.“
Für diese recht interpretationswürdige Anforderung haben sich in der Praxis einige
wichtige Anwendungen und Richtlinien etabliert. Ein Redakteur sollte dabei
grundsätzlich eine möglichst präzise und einfache Sprache verwenden, Texte in
sich logisch aufbauen und mit Hilfe von Absätzen Struktur innerhalb eines Dokumentes
schaffen. Studien beweisen, dass Nutzer webbasierter Informationsangebote
eine viel geringere Verweildauer und weniger gute Aufnahmefähigkeit besitzen.
Hauptsächlich deshalb, weil Lesen am Bildschirm durch einen gewissen
Blendeffekt die Augen schneller ermüden lässt und damit die Konzentrationsdauer
stark senkt. Es sollten aus diesem Grund vermehrt Hauptsätze verwendet werden.
Mehrfach durch Nebensätze getrennte und über mehrere Zeilen reichende komplexe
Satzstrukturen sollten in jedem Fall durch einfache Strukturen ersetzt werden.
Daneben sollten bei langen Textpassagen geeignete Zusammenfassungen existieren
und Erläuterungen an Beispielen erfolgen.
Einige andere Kriterien richten sich nicht zwangsläufig an gehandicapte Benutzer,
sind aber häufig nur im Zusammenhang mit barrierefreien Webangeboten anzutreffen.
Grundsätzlich gilt aber auch hier, dass eine Verwendung häufig auch nicht
gehandicapten Nutzern zu Gute kommt und die Verständlichkeit fördert.
7.4.1 Akronyme, Abkürzungen, Fachbegriffe und
Sprachwechsel
Die Anforderungen der deutschen BITV sagen in ihrem Wortlaut zur Darstellung
von Abkürzungen und Akronymen aus, dass diese „an der Stelle ihres ersten Auftretens
im Inhalt zu erläutern und durch die hierfür vorgesehenen Elemente der
verwendeten Markup-Sprache kenntlich zu machen“ sind. Während unter einer
Abkürzung ein einfach abgekürztes Wort – wie beispielsweise die Abkürzung Nr.
für das Wort Nummer – verstanden wird, sind Akronyme als aus den Anfangsbuchstaben
mehrerer Wörter zusammengesetzte Kurzwörter zu verstehen. CSS
oder XHTML sind Beispiele solcher Akronyme.
Auf Grund des mehrdimensionalen Charakters einer Website hat es sich als hilfreich
erwiesen, eine entsprechende Kennzeichnung in allen, oder zumindest in
allen übergeordneten Bereichen einer Website vorzunehmen, da oft nur sehr
schwer die Stelle des ersten Auftretens eines Akronyms oder einer Abkürzung
festgestellt werden kann. Über ein Glossar können zudem alle verwendeten Akronyme,
Abkürzungen und auch Fachbegriffe noch einmal an zentraler Stelle des
Web-Angebotes mit einer ausführlichen Beschreibung abgelegt werden. Dabei
haben sich eine alphabetische Sortierung und die Verbindung des Index eines Alphabetes
über Sprungmarken mit dem Beginn einer jeden buchstabensortierten
Joomla! kompakt

190 Joomla! barrierefrei
Begriffskategorie als sinnvoll erwiesen. Es sei jedoch darauf hingewiesen, dass
eine Ausschreibung einer Begrifflichkeit oft eine viel geeignetere Variante als die
Verwendung eines Akronyms oder einer Abkürzung ist.
Zur Auszeichnung von Akronymen und Abkürzungen stehen in XHTML mit
für Abkürzung und für die Auszeichnung eines Akronyms
geeignete Tags zur Verfügung. Die Abkürzung für das Wort Nummer würde demnach
die Auszeichnung Nr. benötigen. Für das
Akronym des Wortes Cascading Style Sheet lautet die geeignete Auszeichnung
analog CSS. Über das universale
Title-Attribut erhält der Nutzer nun auch hier beim Überqueren des jeweiligen
Begriffes mit der Maus einen Tooltip mit den näheren Erläuterungen und
bekommt damit zusätzliche Informationen zur Verständlichkeit des Inhaltes. Während
Browser wie Firefox die optische Hervorhebung dieser Elemente von Haus
aus unterstützen, kann eine Reihe von Browsern ohne eine gesonderte CSS-
Formatierung keinen visuellen Hinweis auf das Vorhandensein eines Akronyms
oder einer Abkürzung geben. Aus diesem Grund ist es notwendig beide Elemente
über CSS mit einer geeigneten Formatierung zu versehen. Dabei haben sich in der
Praxis eine gepunktete Unterstreichung der Abkürzung oder des Akronyms und die
Darstellung eines Help-Cursors bei einem Mouseover eingebürgert. Dies gelingt,
indem man die beiden Elemente beispielsweise wie folgt formatiert:
abbr, acronym {cursor: help; border-bottom: 1px dotted
#333333}
Eine ähnliche Formatierung kann man für notwendige Fachbegriffe wählen, indem
der Dfn-Tag erneut Anwendung findet. Man sollte hierbei jedoch darauf achten,
das Dokument nicht mit Erläuterungen zu überladen. Fachbegriffe direkt durch
eine verständliche Entsprechung zu ersetzen, ist eine oft viel hilfreichere Variante.
Vorhandene Sprachwechsel gesondert zu kennzeichnen, ist eine weitere Anforderung
der BITV. Damit soll erreicht werden, dass Screenreader Wörter gemäß ihrer
sprachlichen Herkunft betonen. Diese nutzen die im Dokumentenkopf angegebene
Sprachdefinition als Referenz für die Aussprache der Inhalte einer Website. Werden
nun anderssprachige Wörter verwendet kann es zu unschönen Aussprachefehlern
und damit zu Verständigungsschwierigkeiten kommen. Um dies zu vermeiden,
sollten Sprachwechsel gesondert ausgezeichnet werden. Dies geschieht in
der Regel durch ein das Wort umschließende -Element, in welchem die
entsprechende Sprachdefinition eingebettet wird. Das Wort Browser würde beispielsweise
folgendermaßen formatiert werden:
Browser
www.brain-media.de

Der Inhaltsbereich der Website 191
7.4.2 Umsetzung
Im Folgenden wollen wir diese Anforderungen und einige weitere Kriterien anhand
des Artikels Das Internet als Kommunikations- und Informationsmedium beispielhaft
umsetzen. Um uns jedoch die Arbeit direkt im Quellcode zu ersparen – immerhin
ist das eines der Hauptvorteile eines CMS –, verwenden wir einen Texteditor.
Mit dessen Hilfe können Inhalte ohne Programmierkenntnisse in einer komfortablen
Art und Weise über so genannte Autorenschnittstellen in das System
eingepflegt werden. Dies geschieht in nahezu allen Fällen über die Verwendung
von vordefinierten Funktionen, die bei Aufruf über einen Button oder ein Dropdown-Menü
einen bestimmten (X)HTML-Quellcode erzeugen und im Inhaltsbereich
einfügen. Im Gegensatz zu anderen Systemen besitzt Joomla! Plugins für eine
Reihe sehr guter Editoren, sowohl im Open-Source-Bereich als auch im kommerziellen
Umfeld.
Zwar bieten diese professionelle Funktionen zum Gestalten und Formatieren von
Text- und Grafikelementen, sind jedoch in den meisten Fällen nicht ausreichend
für die Nutzung in einem barrierefreien Umfeld ausgelegt. Werden allgemeine
Anforderungen wie korrekte Semantik, die Verwendung von CSS-Klassen oder
Alt- und Title-Attribute noch weitestgehend unterstützt, erweist sich zumeist die
Einpflege von Akronymen, Abkürzungen und Sprachwechseln über eine integrierte
WYSIWYG-Funktion als nicht möglich.
Hilfe erhalten wir hier von zwei kommerziellen Anbietern. Mit dem Editor
Xstandard (http://www.xstandard.com) in der Professionell-Version steht ein sehr
leistungsfähiges Autorenwerkzeug zur Verfügung. Er unterstützt eine sehr saubere
und damit XHTML-Strict- valide Code-Generierung und bietet zudem einige besondere
Features im Hinblick auf die Einpflege barrierefreier Inhalte. Zum einen
werden alle dafür benötigten Elemente wie beispielsweise , , ,
, oder unterstützt.
Joomla! kompakt

192 Joomla! barrierefrei
Der Editor XStandard (Quelle: http://www.xstandard.com).
Zum anderen wird eine Reihe spezieller Funktionen geboten, die den Redakteur bei
der Eingabe zugänglicher Inhalte unterstützen. Dies sind neben der Möglichkeit,
für Tabellen Zusammenfassungen zu vermerken, im Besonderen eine Vorschau der
eingearbeiteten Inhalte, wie sie ein Screenreader vorlesen würde, ein integriertes
Wörterbuch und die Möglichkeit, inkorrekten Quellcode mittels eines eingebauten
Cleaners zu beräumen. Negativ fällt jedoch neben dem hohen Preis (ab 179 Dollar
für die Grundlizenz) im Besonderen die Tatsache auf, dass der Editor clientseitig
im Betriebssystem installiert werden muss und nicht serverseitig vorliegt. Dies
kann immer dann problematisch werden, wenn Autoren über verschiedene Ar-
www.brain-media.de

Der Inhaltsbereich der Website 193
beitsplätze Inhalte ins Web stellen möchten und auf dem gerade verwendeten PC
keine vollständige XStandard-Installation vorliegen haben.
Einen besseren Weg geht Bernhard Pfeiffer als Entwickler der XHTMLSuite
(http://www.xhtmlsuite.com). Dort wird seit kurzer Zeit eine speziell auf die Bedürfnisse
barrierefreier Web-Angebote zugeschnittene Version des bekannten
Editors als XHTMLSuite 508 angeboten. Die Besonderheiten gegenüber der Standardversion
sind, dass mit Hilfe des Editors sowohl Sprachwechsel und Akronyme
als auch notwendige Attribute komfortabel eingegeben werden können.
Die XHTMLSuite 508 im Joomla!-Backend.
Die relevanten Funktionen lassen sich über die Unterstützung von Accesskeys,
Zitatquellen, Langbeschreibungen für verwendete Bilder, Tabellenüberschriften
und -zusammenfassungen weiter fortsetzen. Mit einer integrierten
Barrierefreiheitsprüfung anhand technischer Kriterien wird zudem erstmals eine
maschinelle Hilfe bei der Umsetzung barrierearmer Inhalte gewährt. Ein Dropdown-Menü
für benutzerdefinierten Code (so genannte Code-Schnipsel) ergänzt
das Angebot und macht es für eigene Anpassungen flexibel. Wir werden im Folgenden
auf die serverseitige Lösung der XHTMLSuite 508 zurückgreifen und
einen typischen Workaround erläutern.
Der zu bearbeitende Artikel Das Internet als Kommunikations- und Informationsmedium
wird zunächst einzig durch eine -Überschrift und drei Absätze struk-
Joomla! kompakt

194 Joomla! barrierefrei
turiert, ein Bild im linken oberen Absatz bildet das einzige Nicht-Text-Element auf
der Seite.
Ein Ausschnitt aus dem Artikel vor der Überarbeitung.
Derzeit wird das Bild als einziges Nicht-Text-Element wie folgt eingebunden:
Schauen wir uns die Inhaltsseite im Administrationsbereich der Installation mit
Hilfe der integrierten Barrierefreiprüfung der XHTMLSuite 508 an, werden wir
sofort darauf hingewiesen, dass für das vorhandene Bild sowohl Alt- als auch Title-Attribute
fehlen.
www.brain-media.de

Der Inhaltsbereich der Website 195
Der Artikel in der Barrierefreiheitsprüfung.
Die korrekte Auszeichnung der Nicht-Text-Elemente – hier also der Grafik im
Artikelkopf – zählt eigentlich zum guten Ton eines professionellen Webdesigns.
Auch in der BITV ist die Anforderung nach alternativer Auszeichnung mittels der
alternativen Verwendung einer textuellen Erläuterung bereits in der Anforderung 1
explizit geregelt. Dort wird gesagt, dass für jeden Audio- oder visuellen Inhalt
„geeignete äquivalente Inhalte bereitzustellen“ sind, „die den gleichen Zweck oder
die gleiche Funktion wie der originäre Inhalt erfüllen“.
Als Nicht-Text-Elemente zählen dabei im Besonderen Bilder, GIF-Animationen,
Imagemaps, Töne und Applets jeglicher Art. Einzige Ausnahme bilden Grafiken,
die nur dekorativen Zwecken dienen, aber nicht über CSS eingebunden sind. Dort
sollte auf eine Verwendung des Title-Attributes oder der Angabe eines Alternativtextes
verzichtet werden, um der Rangstellung der Grafik als rein dekoratives Element
gerecht zu werden. In unserem Weblog findet diese Tatsache bei der eingebundenen
Kopfgrafik Anwendung.
Als weiteres Problem erkennen wir in der Quellcode-Ansicht zudem, dass zur
Herstellung von Abständen zu den nebenliegenden Textbereichen die Elemente
und und für die Fließeigenschaft des Bildes der HTML-
Joomla! kompakt

196 Joomla! barrierefrei
Output align=“right“ anstatt einer CSS-Formatierung verwendet wird. Um dies zu
korrigieren, öffnen wir in der Artikelansicht den XHTMLSuite-Bildermanager.
Die Bildbearbeitung mit Bildermanager.
Über diesen können wir nun sowohl Title- als auch den Alternativtext eintragen
und zudem die ungeliebte Formatierung align=“right“ gegen eine CSS-basierte
Version in Form eines Inline-Styles tauschen oder gegebenenfalls eine gesonderte
CSS-Klasse für weitergehende Formatierungen ergänzen. Für das Beispielbild
ergänzen wir als Alt-Text Grafik einer Weltkugel mit umschwebenden Zahlenkolonnen
und als Titel eine weitere Erläuterung Weltkugel auf grauem Grund.
Zudem könnte zusätzlich eine Langbeschreibung des Bildes erfolgen, indem im
Bildermanager die URL zu einem Textfile mit erweiterten Erläuterungen zum Bild
angegeben wird. Wir verzichten jedoch zunächst darauf, da die obigen Beschreibungen
für die verwendete Grafik ausreichen. Leider setzt der Editor sowohl
als auch automatisch, sodass eine händische Entfernung über
die HTML-Ansicht vorgenommen werden muss. Da wir die Formatierung unseres
Bildes über CSS erledigen, werden beide Elemente nicht benötigt.
Ergänzend können wir unserer Grafik eine vorher definierte CSS-Klasse über den
Bildermanager zuweisen, um die gewünschte Fließeigenschaft nicht über einen
Inline-Style, sondern komplett ausgelagert zu realisieren. Wir verwenden die Klasse
bildlinks für ein den Text links umfließendes Bild ohne zusätzlichen Abstand.
www.brain-media.de

Der Inhaltsbereich der Website 197
Nach erfolgter Bearbeitung erscheint unsere Grafik in einer zugänglichen Variante:
In einem grafischen Frontend hat sich rein visuell nichts an der Ausgabe geändert.
Schalten wir aber beispielsweise die Grafikanzeige testhalber ab, erhalten wir den
von uns eingefügten Alternativtext als Information über die eigentlich an der Stelle
stehende Grafik.
Der Alternativtext erscheint in einer grafikfreien Version.
Gehen wir nun zur Bearbeitung der Textinhalte über. Zunächst stellen wir fest,
dass der gesamte Artikel eine recht anschauliche Länge besitzt und durch drei
Absätze unterteilt ist. Es bietet sich daher an, Zwischenüberschriften zur besseren
Strukturierung des Inhaltsbereiches einzufügen. Dies geschieht analog einer normalen
Texteingabe über den Editor, indem wir zunächst eine Überschrift schreiben
und dieser danach mit Hilfe des Drop-down-Menüs Format die Rangordnung
zuweisen. Zudem macht es Sinn, am Textbeginn einen zentralen Ankerpunkt
zu hinterlegen, zu welchem vom Ende eines jeden Absatzes eine Sprungmarke
nach oben gesetzt wird. Diese Ergänzungen führen wir ebenfalls direkt im
Editor durch. Dabei setzen wir zunächst am Beginn unseres Textes mit Hilfe der
Textankerfunktion einen Ankerpunkt mit der Bezeichnung textbeginn.
Joomla! kompakt

198 Joomla! barrierefrei
Das Anlegen des zentralen Textankers.
Zu diesem werden wir nun am Ende eines jeden Abschnittes Sprungmarken mit der
Beschriftung nach oben verlinken, indem wir einen Zeilenumbruch erzeugen, den
Text nach oben schreiben und mittels des Linkmanagers den Textankr aus dem
entsprechenden Drop-down-Menü auswählen und unsere Eingaben bestätigen.
Das Anlegen der Sprungmarke zum Textanker.
www.brain-media.de

Der Inhaltsbereich der Website 199
Nachdem wir diese für alle drei Absätze ergänzt haben und unsere Arbeit abgespeichert
ist, sehen wir im Frontend ein strukturiertes und gut bedienbares Ergebnis.
Der Textbereich nach ersten Modifikationen.
Nun fehlt lediglich noch die Auszeichnung von Akronymen, Abkürzungen,
Fremdwörtern und Sprachwechseln. Auch bei dieser Arbeit unterstützt uns die
XHTMLSuite 508. Im Drop-down-Menü CSS stehen zu Beginn verschiedene vordefinierte
Sprachkürzel, mit deren Hilfe Sprachwechsel belegt werden. Dabei markiert
man zunächst das benötigte Wort und weist diesem danach über die Dropdown-Liste
das zugehörige Sprachenkürzel zu. Zur besseren Übersicht werden alle
bearbeiteten Wörter gelb hinterlegt, sodass man als Redakteur den Überblick über
bereits durchgeführte Arbeiten behält.
Joomla! kompakt

200 Joomla! barrierefrei
Die Auszeichnung von Sprachwechseln.
Die Auszeichnung von Akronymen gelingt analog über den Button Abkürzung
auszeichnen, zu sehen am Beispiel des Akronyms WLAN.
Die Auszeichnung von Akronymen.
Nach erfolgter Zuweisung werden auch diese farbig dargestellt, um dem Redakteur
den aktuellen Bearbeitungsstand zu zeigen.
www.brain-media.de

Der Inhaltsbereich der Website 201
Leider besitzt die XHTMLSuite noch eine kleine Schwäche im Hinblick auf die
Auszeichnung von Abkürzungen mit dem Abbr-Tag oder Fachwörtern mit dem
Dfn-Tag. Sollten Sie diese benötigen, hilft zunächst nur die Eingabe im Quelltext-
Modus.
Nachdem wir alle erforderlichen Änderungen durchgeführt haben, prüfen wir unseren
Text noch einmal mittels der integrierten Prüfroutine. Über diese erfahren wir,
dass wir es versäumt haben, die Title-Attribute der integrierten Sprungmarken zu
belegen. Obwohl dies – im Gegensatz zur angezeigten Warnung – kein Fehler ist,
belegen wir diese mit dem sprechenden Titel Link zum Beginn des Artikels.
Die dahingehenden Änderungen können wir direkt über das Pop-up der
Barrierefreiheitsprüfung durchführen. Auf die Eingabe von Accesskeys verzichten
wir aus den bekannten Gründen jedoch. Nachdem wir aus inhaltlichen Gründen die
Überschrift des Artikels noch modifiziert haben, erhalten wir im Frontend das
folgende Bild.
Die grafische Version des Artikels nach der Bearbeitung.
Joomla! kompakt

202 Joomla! barrierefrei
Und die Textversion des Artikels nach der Bearbeitung.
Als Endergebnis haben wir einen gut strukturierten, verständlichen und zugänglichen
Artikel geschaffen, der sowohl in einer grafischen Browserumgebung als
auch in einer Textversion eine gute Figur macht.
An diesem Beispieltext ist gut ersichtlich, welche Sorgfalt man bei der „alltäglichen“
redaktionellen Arbeit walten lassen muss. Nur durch konsequente Umsetzung
der oben beschriebenen Anforderungen kann eine nachhaltige Barrierefreiheit
über den Zeitpunkt der erstmaligen Erstellung hinaus gewährleistet werden. Der
zusätzliche zeitliche Aufwand kann gerade bei langen Texten, die evtl. noch weitere
spezielle Bearbeitung benötigen (bspw. Code-Formatierung, Imagemaps etc.)
erheblich sein.
Eine (Teil-)Automatisierung wiederkehrender Arbeitsschritte ist zurzeit nur selten
möglich. Ein gutes Beispiel bietet jedoch die Komponente RD Glossary, mit der
semantisch korrekte Glossare erstellt werden können. Über einen zugehörigen
Mambot können vorher in der Komponente eingepflegte Begriffe bei der Artikelerstellung
erfasst und automatisiert mit der zugehörigen Erläuterung verlinkt werden.
Eine Reihe weiterer derartiger Werkzeuge wäre sicher denkbar und wird über kurz
oder lang zumindest kommerziell verfügbar sein.
www.brain-media.de

Der Inhaltsbereich der Website 203
7.4.3 Formulargestaltung
Als zunächst letzten inhaltlichen Punkt in unserem Tutorial möchten wir uns die
Gestaltung von Webformularen überblicksartig anschauen. Auch dabei gibt es eine
Reihe von Kriterien, denen im Rahmen eines barrierearmen Projektes besondere
Beachtung geschenkt werden sollte.
Einer der entscheidenden Punkte ist auch hier wieder die Verwendung von Tabellenlayouts
versus CSS-Design. Formulare bestehen in der Regel aus Eingabefeldern,
Dropdown-Menüs, Checkboxen, Radiobuttons und den jeweils dazugehörigen
Beschriftungen – Labels genannt. Oft sieht man, dass die jeweils zusammengehörigen
Formularelemente über Tabellenzellen optisch miteinander verknüpft
werden. Dabei wird in eine der Spalten der Bezeichner als Text eingetragen und
daneben das entsprechende Formularelement gesetzt. Für die Zwecke einer
barrierearmen Website ist diese Technik jedoch ungeeignet. Zum einen bestehen
die typischen Linearisierungsprobleme, welche bei der Verwendung von Tabellen
in nahezu jedem Fall auftreten. Zum anderen ist die Verwendung von Tabellenzellen
als Zuordnungshilfe semantisch nicht korrekt und birgt im Hinblick auf die
logische Zuordnung Unzulänglichkeiten.
Für die Bezeichnung von Formularelementen gibt es mit dem Label-Element ebenso
wie für Überschriften abgegrenzter Formularbereiche mit dem Legend- und
Fieldset-Element zudem adäquate Entsprechungen auf funktionaler und semantisch
korrekter Basis, die die Verwendung von Tabellen als Hilfsmittel überflüssig machen.
Ein typisches Kontaktformular könnte folgendermaßen aussehen:
Kontakt
Mit diesem Webformular können Sie uns direkt eine Nachricht
senden. Bitte füllen Sie die Felder vollständig aus,
sodass eine korrekte Bearbeitung unsererseits durchgeführt
werden kann.
Geben Sie im Betreff bitte zudem den Anlass Ihrer Kontaktaufnahme
ein.
Kontaktdaten
Name
Joomla! kompakt

204 Joomla! barrierefrei
Vorname
E-Mail
Straße
id="k-ort" />
Ort

Der Inhaltsbereich der Website 205
id="k-plz" />
id="k-tel" />
PLZ

206 Joomla! barrierefrei
Datenschutzerklärung
Die von Ihnen zur Bestellung übermittelten Daten
behandeln wir entsprechend den gesetzlichen Bestimmungen
streng vertraulich.
Eine unberechtigte Weitergabe an Dritte erfolgt
nicht! Wir verarbeiten und nutzen Ihre persönlichen Daten
jedoch, soweit dies zur Bearbeitung, Durchführung und Abwicklung
Ihrer Anfrage erforderlich ist.
Absenden
/>

Der Inhaltsbereich der Website 207
larfeldes benötigt. Die Formularelemente erhalten weiterhin sowohl das Name- als
auch das ID-Attribut. Ersteres ist zum Datenversand notwendig. Die ID wird benötigt,
um zwischen Label und Formular eine logische Beziehung herzustellen und
wenn gewünscht über CSS ID-spezifische Formatierungen vornehmen zu können.
Vorteil dieser logischen Verbindung zwischen Formularelement und Label: Bei
Mausklick auf ein beliebiges Label wird das zugehörige Formularelement aktiviert.
Jetzt müssen nur noch einige CSS-Formatierungen hinzugefügt werden, um grafischen
Browsern ein optisch strukturiertes Bild zu liefern.
Zunächst wählen wir alle Labels und Formularelemente aus, vergeben diesen die
Blockeigenschaft und lassen sie mit einer Breite von 10em links um den (imaginären)
Textbereich fließen. Alle Zeilenumbrüche dienen uns zum Aufheben (clearen)
der Fließeigenschaft, sodass das nachfolgende Element wieder in den normalen
Textfluss eingebettet wird. Schlussendlich geben wir den einzelnen Elementen
noch einige rudimentäre CSS-Anweisungen, um Abstand und Übersichtlichkeit zu
schaffen.
Das fertige Kontaktformular.
Mit wenigen Handgriffen haben wir ein korrekt gelayoutetes Formular erstellt,
welches ohne unnötige Tabellen auskommt, vollständig linearisierbar ist und sich
über ein zentrales Style Sheet optisch jederzeit modifizieren lässt.
Eine Umsetzung eines solchen Webformulars in Joomla! ist mit den bekannten
Komponenten wie Mosforms, FacileForms und Artforms im Auslieferungszustand
Joomla! kompakt

208 Joomla! barrierefrei
derzeit noch nicht möglich. Zwar bieten alle drei Erweiterungen umfangreiche
Funktionen zur Erstellung von Formularen über das Backend, aber der Knackpunkt
ist hier wieder der Quellcode-Output. Wir können uns deshalb mangels Alternativen
zunächst nur damit behelfen, das gerade erstellte Beispielformular zu verwenden,
es mittels CSS an die Gegebenheiten unseres Templates anzupassen und dann
über das Joomla!-Erweiterungssystem zu inkludieren.
Das Kontaktformular in Joomla!
www.brain-media.de

Optimierungen 209
Um Ihnen die Arbeit der Erstellung des Formulars zu ersparen bzw. Ihnen eine
entsprechende Entwicklungsumgebung zu liefern, haben wir dieses analog zum im
Tutorial verwendeten Template im Downloadberich zum Buchkapitel auf blogstoff.das-medienkombinat.de
zur Verfügung gestellt. Das etwas erweiterte Ergebnis
des Formulars zeigt voranstehende Abbildung.
Zur Optimierung des Formulars ließen sich schlussendlich noch Formatierungen
der Hover- und Active-Zustände der Formularelemente vornehmen, ein Tabindex
hinzufügen und die Auszeichnung mittels Accesskeys vornehmen. Im Rahmen des
Tutorials wollen wir es jedoch bei der obigen Variante belassen.
7.5 Optimierungen
Im Verlauf des Kapitels konnten einige der wichtigsten Bereiche zur Erstellung
einer zugänglichen Website beleuchtet werden. Darüber hinaus gibt es jedoch viele
Optimierungsmöglichkeiten für spezielle Anforderungen. So wäre es beispielsweise
denkbar, für alle Inhaltsbereiche eine dynamische Sprachausgabe oder eine
Version in Gebärdensprache zu hinterlegen. Während Ersteres mit der für Joomla!
frei verfügbaren Komponente Sprechomat und einem entsprechenden Guthaben bei
http://www.sprechomat.de recht leicht gelingt, könnte im zweiten Fall nur auf die
recht kosten- und zeitintensive Erstellung (statischer) Video-Clips zurückgegriffen
werden.
Weiterhin wäre es beispielsweise vorstellbar, eine Version der Website in einfacher
Sprache zu verfassen oder zur Automatisierung der redaktionellen Arbeit
weitere hilfreiche Werkzeuge für die Contenteinpflege zu programmieren. Ob und
wie viele dieser Erweiterungen im praktischen Einsatz tatsächlich notwendig sind,
muss im Einzelfall entschieden werden. Eine realistische Abschätzung des wirklichen
Bedarfs macht hier jedoch im Vorfeld durchaus Sinn.
BITV-Anforderungen
Überblicksartig lassen sich von der BITV folgende Anforderungen an eine
barrierefreie Webpräsenz ableiten:
• Anforderung 1: Für jeden Audio- oder visuellen Inhalt sind geeignete
äquivalente Inhalte bereitzustellen, die den gleichen Zweck oder die
gleiche Funktion wie der originäre Inhalt erfüllen.
• Anforderung 2: Texte und Graphiken müssen auch dann verständlich
sein, wenn sie ohne Farbe betrachtet werden.
• Anforderung 3: Markup-Sprachen (insbesondere HTML) und Style
Sheets sind entsprechend ihren Spezifikationen und formalen Definitio-
Joomla! kompakt

210 Joomla! barrierefrei
nen zu verwenden.
• Anforderung 4: Sprachliche Besonderheiten wie Wechsel der Sprache
oder Abkürzungen sind erkennbar zu machen.
• Anforderung 5: Tabellen sind mittels der vorgesehenen Elemente der
verwendeten Markup-Sprache zu beschreiben und in der Regel nur zur
Darstellung tabellarischer Daten zu verwenden.
• Anforderung 6: Internetangebote müssen auch dann nutzbar sein, wenn
der verwendete Benutzeragent neuere Technologien nicht unterstützt
oder diese deaktiviert sind.
• Anforderung 7: Zeitgesteuerte Änderungen des Inhalts müssen durch
die Nutzerin/ den Nutzer kontrollierbar sein.
• Anforderung 8: Die direkte Zugänglichkeit der in Internetangeboten eingebetteten
Benutzerschnittstellen ist sicherzustellen.
• Anforderung 9: Internetangebote sind so zu gestalten, dass Funktionen
unabhängig vom Eingabegerät oder Ausgabegerät nutzbar sind.
• Anforderung 10: Die Verwendbarkeit von nicht mehr dem jeweils aktuellen
Stand der Technik entsprechenden assistiven Technologien und
Browsern ist sicherzustellen, so weit der hiermit verbundene Aufwand
nicht unverhältnismäßig ist.
• Anforderung 11: Die zur Erstellung des Internetangebots verwendeten
Technologien sollen öffentlich zugänglich und vollständig dokumentiert
sein, wie z.B. die vom World Wide Web Consortium entwickelten Technologien.
• Anforderung 12: Der Nutzerin/dem Nutzer sind Informationen zum Kontext
und zur Orientierung bereitzustellen.
• Anforderung 13: Navigationsmechanismen sind übersichtlich und
schlüssig zu gestalten.
• Anforderung 14: Das allgemeine Verständnis der angebotenen Inhalte
ist durch angemessene Maßnahmen zu fördern.
7.6 Zusammenfassung
Das Tutorial erläuterte über die theoretischen Notwendigkeiten und Vorteile der
Barrierefreiheit die grundlegenden Anforderungen an derartige Informationsangebote.
Durch ein Praxisbeispiel wurde eine mögliche Vorgehensweise zur Erstellung
einer einfachen barrierearmen Website mit Joomla! aufgezeigt. Nach einer Vorstellung
der für die Umsetzung notwendigen Systemerweiterungen, wurden wichtige
Teilbereiche wie Template-Design sowie Gestaltung und Struktur von Navigation
www.brain-media.de

Zusammenfassung 211
und Inhaltsbereich näher beleuchtet. Eine Einführung in die Erstellung zugänglicher
Webformulare schloss den Tutorialbereich ab.
Letztendlich ist anzumerken, dass Joomla! im Gegensatz zu manch anderem Content-Managementsystem
noch ein recht langer Weg in Richtung Barrierefreiheit
und Standardkonformität bevor steht. Grundsätzliche Limitation bilden dabei das
derzeit noch recht eingeschränkte Templatekonzept und die damit einhergehende
Tatsache, dass semantisch wenig standardkonformer Quellcode das Bild der Komponenten-
und Modulausgaben bestimmt. Obwohl sich mit einigen quelloffenen
und kommerziellen Erweiterungen sowie dem nötigen administrativen Wissen
bereits recht gute Ergebnisse erzielen lassen, bleibt das Aufsetzen des Systems in
einer barrierearmen Variante noch weitestgehend Stückwerk. Anpassungen in
Core-Dateien und andere Modifikationen verlangen zumindest bei der grundlegenden
Administration fundiertes Wissen. Möchte man über die Joomla!-
Grundfunktionen hinaus weitere Komponenten wie Kalendersysteme, eine Kommentarfunktion
oder sogar ein Shopsystem integrieren, sind nicht unerhebliche
Anpassungs- und Erweiterungsprogrammierungen notwendig.
Eine zunehmende Beachtung des Themas Barrierefreiheit in der Öffentlichkeit und
auf Anwenderseite wird verstärkt dazu führen, dass Funktionen zur Umsetzung der
Barrierefreiheit bedeutende Bestandteile eines Content-Managementsystems werden.
Was heute meist noch ein zusätzliches Feature ist, wird in nicht allzu ferner
Zukunft eine grundlegende Notwendigkeit sein, um erstklassige Informationsangebote
erstellen zu können. Hoffnung für die Zukunft bei Joomla! machen verschiedene
Ankündigungen seitens der Core-Entwickler, dass eine vollständigen Implementierung
von patTemplate in die Version 1.2. angedacht ist und es mit dem
kürzlich gebildeten Standards-, Usability-&-Accessibility-Team nun auch offizielle
Vertreter im Joomla!-Entwicklerbereich gibt.
Joomla! kompakt

212 Joomla! barrierefrei
www.brain-media.de

Installation des Community Builders 213
8 Aufbau einer Community mit dem Community
Builder
Wenn Sie Ihre Joomla!-basierte Site zu einem interaktiven Gebilde verwandeln
wollen, in dem Ihre Besucher aktiv in die Site eingebunden sind, so können Sie
diese mithilfe einer der beliebtesten Erweiterungen problemlos zu einer echten
Community ausbauen: Greifen Sie einfach zum Community Builder von
Joomlapolis (http://www.joomlapolis.com).
Mit dieser Komponente können sich Ihre Benutzer präsentierten, Profile erstellen
und veröffentlich und natürlich auch mit anderen Community-Mitgeliedern in
Kontakt treten. Die Komponente ist so ausgelegt, dass Sie nahezu beliebig erweitert
werden kann. Sie können auch Moderatoren für das Delegieren von Aufgaben
einführen und vieles mehr.
Der Community Builder kommt mit drei Modulen und einer Benutzerlistenfunktion
daher, die sich nahtlos in Ihre Joomla!-Installation integriert. Da die Standard-
Benutzerregistrierung des Content-Managementsystems nicht über die notwendige
Funktionalität für die Community verfügt, stellt die Erweiterung die notwendigen
Funktionen bereit. Die Highlights des Add-ons:
• Sie können Benutzerprofile um weitere Informationsfelder in Tab-Form
erweitern
• Ein Tab-Template-System steht für die Anpassung zur Verfügung
• Erweiterbarkeit durch Plugins
• Unterstützung von zwölf Feldtypen
• Zugriffssteuerung für Profile
• Avatar-Galerie
• Registrierung und administrative Aufgaben lassen sich delegieren
• Messaging-System
8.1 Installation des Community Builders
Das Downloadpaket des Community Builders CBuilder1_0_1unzip1st.zip besteht
aus folgenden Dateien:
Joomla! kompakt

214 Aufbau einer Community mit dem Community Builder
• comprofiler.zip: Diese Datei beinhaltet das Installationspaket für den
Community Builder.
• cblogin.zip: Dieses Login-Modul ersetzt das Standard-Joomla!-Login-
Modul.
• mod_comprofileronline.zip: Dieses Modul zeigt die Benutzer an, die online
sind.
• mod_comprofilermoderator.zip: Dies ist das Moderatorpaket, das dem
Delegieren von administrativen Aufgaben dient.
• README.txt: Die typische Readme-Datei mit wichtigen Informationen
zur Installation, Upgrade etc.
Ein erster erfolgreicher Schritt bei der
Installation des Community Builders.
Die Installation führen Sie wie gewohnt über das Extensions-Menü durch. Beginnen
Sie mit der Datei comprofiler.zip. Stellen Sie sicher, das der Legacy-Modus in
der Joomla!-Konfiguration aktiviert ist. Wählen Sie die Datei aus und klicken Sie
auf die Schaltfläche Upload File & Install. Gelingt die Installation, wird eine Ausgabe
wie in voranstehender Abbildung erzeugt. Damit ist das Grundsystem bereits
www.brain-media.de

Installation des Community Builders 215
installiert und Sie können über das Menü Components> Community Builder bereits
auf dessen Funktionen zugreifen.
Das Community-Builder-Menü besitzt sieben Untermenüs:
• User Management
• Tab Management
• Field Management
• List Management
• Plugin Management
• Tools
• Configuration
Auf die einzelnen Funktionen kommen wir im weiteren Verlauf dieses Kapitels
noch zu sprechen. Doch zuvor sollten Sie die drei weiteren Komponenten installieren.
Wie Sie diese installieren, ist Ihnen bekannt. Bei einer typischen Joomla!-
Installation kann eigentlich nichts schief gehen. Aktivieren Sie anschließend die
Module in der Modulverwaltung.
Als Nächstes fügen Sie ein Community-Builder-Profil zum Joomla!-
Benutzermanager hinzu. Dazu öffnen Sie den Menümanager und erzeugen einen
neuen Eintrag für den Community Builder. Im nächsten Schritt stellen Sie mithilfe
des Modulmanagers sicher, dass die Module CB Login, CB Workflows und CB
Online aktiviert sind. Damit ist der Community Builder installiert und Sie können
sich an die Konfiguration machen.
Joomla! kompakt

216 Aufbau einer Community mit dem Community Builder
Die Community-Builder-Konfiguration.
8.2 Community-Builder-Konfiguration
Da der Community Builder (im Folgenden einfach nur noch CB genannt) nun
installiert ist, müssen Sie sich als Nächstes an dessen Konfiguration machen. Die
ist über das CB-Menü zugänglich. Der Konfigurationsmanager zeigt Ihnen zunächst
die aktuell installierte Version und in der folgenden Zeile die neueste verfügbare
Version an. Wenn Ihr Rechner nicht direkt mit dem Internet verbunden ist,
sondern die Verbindung über einen Proxy-Server aufbaut, so wird eine Fehlermeldung
wie die folgende ausgegeben:
Connection to update server failed: ERROR connection failed
(1234084)1234084
Die Ursache ist klar: Die Prüffunktion kann nicht auf die aktuellsten Informationen
der Entwickler zugreifen. Dieses „Problem“ lösen Sie einfach, indem Sie zum
Register Integration wechseln und die Standardvorgabe Automatic in Manual ändern
und speichern. Wenn Sie die Fehlermeldung nicht weiter irritiert, können Sie
die Standardeinstellung natürlich auch beibehalten.
www.brain-media.de

Community-Builder-Konfiguration 217
Deutsche Sprachdatei für den Community Builder
In Foren findet man häufig die Fragen nach einer deutschen Sprachdatei. Eine
solche existiert, befand sich aber zu dem Zeitpunkt, als diese Zeilen entstanden, im
Zustand einer Prelease-Version. Daher verzichten wir auf deren Einsatz. Sie finden
die Datei unter http://www.joomlapolis.com /content/view/1050/.
Insgesamt warten acht Register auf Sie. Auf dem Register General nehmen Sie
folgende allgemeine Einstellungen vor:
• Name Style: Hier bestimmen Sie den Stil der Namenseinblendung. Hier
legen Sie fest, ob lediglich ein einzelner Name oder ob der vollständige
Name des Benutzers angezeigt wird.
• Name Format: Entsprechend können Sie auch das Namensformat anpassen.
Hier bestimmen Sie, ob beispielsweise nur der Benutzername mit
oder ohne vollständigen Namen angezeigt wird. Wenn Sie sich beispielsweise
für die Option Username (Name) entscheiden, so wird etwa Folgendes
angezeigt: koed45 (Kurt Meier).
• Date Format: Hier bestimmen Sie das Datumsformat, das in Ihrer Community
verwendet wird. Es empfiehlt sich der Umstieg von der englischen
Variante zu einer bei uns gebräuchlichen, z.B. dd.mm.yyyy. Die Anzeige
lautet dann beispielsweise 19.10.2006.
• Email Handling: Mit diesem Drop-down-Menü legen Sie fest, ob und
wenn ja welche E-Mail-Informationen von Benutzern angezeigt werden.
Mit der Option Display Email Only wird lediglich die E-Mail-Adresse eines
Community-Mitglieds angezeigt. Sie können deren Einblendung allerdings
auch mit der Option Do Not Display Email deaktivieren. Beachten
Sie, dass sich diese Einstellungen auf die bei der Registrierung angegebene
E-Mail-Adresse beziehen. Sie beziehen sich nicht auf Adressen,
die Sie später über die Managementfunktionen hinzugefügt haben.
• Emails sent „From“: Mit dieser Einstellung legen Sie fest, welche Absenderinformationen
in Forenbeiträgen als Absender angegeben werden.
Sie haben die Wahl zwischen der Benutzeradresse oder einem Link.
• Email Links: Wenn Sie diese Option auf No setzen, wird der E-Mail-
Link nicht für das E-Mail-Adressenfeld aktiviert. Standardmäßig ist die
Option mit Yes aktiviert.
• Website Links: Entsprechend der voranstehenden Option können Sie die
Verwendung von Weblinks aktivieren (was standardmäßig der Fall ist)
oder deaktivieren.
Joomla! kompakt

218 Aufbau einer Community mit dem Community Builder
• Online Status: Mit der Standardeinstellung Yes ist dafür gesorgt, dass der
Online-Status eines Benutzers auf den verschiedenen Seiten der Anwendung
oder auch der Benutzerliste angezeigt wird.
Mit den Einstellungen des Registers Registration steuern Sie die Eigenschaften des
Registrierungsprozesses – ein echtes Highlight des Community Builders. Das Register
dient insbesondere der Konfiguration der vier unterschiedlichen Workflowprozesse.
Dazu später mehr. Schauen wir uns die einzelnen Einstellungen genauer
an:
• Require Admin Approval: Wenn Sie diese Option auf Yes setzen, so
muss jeder neue Benutzer, der den Registrierungsvorgang durchlaufen ist,
von Admin (oder von einem authorisierten Moderator) genehmigt werden.
Sie sparen sich viel Arbeit, wenn Sie die Vorgabe No beibehalten. In Einzelfällen
kann es natürlich sinnvoll sein, dass man die manuelle Freischaltung
aktiviert, beispielsweise bei gezielt geschlossenen Gruppen.
• Require Email Confirmation: Ist diese Option auf Yes gesetzt, so versendet
der Community Builder bei jeder Registrierung eine Mail an den
Benutzer, die einen Bestätigungs-Link enthält, dem der Benutzer für den
Abschluss der Anmeldung folgen und seine Anmeldung bestätigen muss.
• Registration Email Name: In diesem Textfeld legen Sie die Bezeichnung
des Absenders der Registrierungs-Mail fest. Sie können beispielsweise
Registrierungsservice von bomots.de als Bezeichnung verwenden.
• Registration Email Address: Hier geben Sie die Absendeadresse für die
Registrierungsmail an. Diese könnte beispielsweise registrierung@bomots.de
lauten. Wichtig ist natürlich, dass Sie eingerichtet sind
und das Postfach auch gelesen wird.
• Registration Reply to Email Address: In diesem Textfeld geben Sie eine
alternative Antwort-Adresse an – sofern das erforderlich ist.
• Pending Approval Subject: Hier geben Sie den Nachrichtenbetreff für
Mails an, die den kommenden Benutzer darauf hinweisen, dass seine Anmeldung
noch in Bearbeitung ist.
www.brain-media.de

Community-Builder-Konfiguration 219
Die Einstellungen für den Registrierungsvorgang sind recht umfangreich.
Es folgt das Eingabefeld Pending Approval Email. Hier hinterlegen Sie den Nachrichtentext,
der an Ihre Benutzer versendet wird, während die Registrierung noch
in der Bearbeitung ist. Dabei können Sie verschiedene Platzhalter für die personalisierte
Ansprache verwenden. Konkret können Sie folgende Platzhalter in Ihren
Text einfügen:
• [NAME]: Vollständiger Name des Benutzers
• [USERNAME]: Benutzername des neuen Users
• [DETAILS]: Account-Details wie die E-Mail-Adresse und der Benutzername
• [PASSWORD]: Passwort, das der Benutzer bei der Registrierung hinterlegt
hat
• [CONFIRM]: Dieser Platzhalter fügt einen Bestätigungs-Link in Ihre Mail
ein
Joomla! kompakt

220 Aufbau einer Community mit dem Community Builder
Die weiteren Einstellungen des Registrations-Registers:
• Welcome Subject: Hier legen Sie den Betreff Ihrer Willkommens-Mail
fest.
• Welcome Email: In diesem Textfeld bestimmen Sie den Nachrichtentext
Ihrer Willkommens-Mail. Fügen Sie alle relevanten Informationen und
möglichst auch Links zu weiteren Informationen in diese Nachricht ein.
Sie können ebenfalls Platzhalter entsprechend obiger Beschreibung einfügen.
• Introduction text for registration: Hier geben Sie den Text ein, der im
Kopf der Registrierungsseite angezeigt werden soll. Sie können dabei
auch HTML-Tags für die Formatierung einfügen, beispielsweise um Inhalte
zu fetten. Achten Sie beim Verfassen darauf, dass Sie ihre Benutzer
zur Registrierung animieren. Sie können das Textfeld natürlich auch frei
lassen.
• Concluding text for registration: Dieses Textfeld nimmt Inhalte auf, die
kurz vor dem Send-Registration-Button angezeigt werden. Auch hier
können Sie wieder HTML-Code einbetten.
• Enable Terms & Conditions: Wenn Sie diesen Schalter auf Yes setzen,
aktivieren Sie die Zustimmung zu Ihren Geschäfts- bzw. Nutzungsbedingungen.
• URL to Terms & Conditions: In diesem Eingabefeld hinterlegen Sie den
Pfad zu Ihren Geschäfts- bzw. Nutzungsbedingungen. Der Standardpfad
lautet index.php?option=com_content&task=view&id=18. Diese Information
vereinfacht die Anpassung der Datei.
• URL for first login visit: Mit der letzen Konfigurationsmöglichkeit, die
Ihnen das Register Registration bietet, können Sie die Seite bestimmen,
zu der der neue Benutzer beim ersten Login geführt wird.
www.brain-media.de

Exkurs: Interne Abläufe 221
Das Diagramm zeigt die Abläufe bei Bestätigung
und Freigeben (Quelle: CB-Team).
8.3 Exkurs: Interne Abläufe
Bevor wir uns die weiteren Konfigurationsmöglichkeiten anschauen, wollen wir
einen Blick auf die internen Abläufe werfen. Für das bessere Verständnis ist es
sinnvoll, sich den Workflow bei der Registrierung und etwa dem Bestätigen anzuschauen.
Wenn Sie sich voranstehende Abbildung genauer ansehen, so stellen Sie fest, dass
dort zwei so genannte Community-Builder-Web-Messages (CBWM) auftauchen,
Joomla! kompakt

222 Aufbau einer Community mit dem Community Builder
die bei bestimmten Zuständen zum Einsatz kommen. Die erste Nachricht
(CBWM1) wird übermittelt, wenn der neue Benutzer auf die Schaltfläche Send
Registration klickt, um die Anmeldung durchzuführen. Die Web-Nachricht, die
über den Browser ausgegeben wird, weist den Benutzer darauf hin, dass eine Genehmigung
und die E-Mail-Bestätigung für den Abschluss der Registrierung erforderlich
sind.
Die zweite Web-Nachricht (CBWM2) wird ausgegeben, wenn der Benutzer über
seinen E-Mail-Client das Dokument anfordert, über das er die Registrierung bestätigt.
Eine solche Nachricht bedankt sich beim Benutzer, dass er die Registrierung
bestätigt, und weist – je nach Einstellungen – darauf hin, dass noch eine Freigabe
durch einen Administrator erforderlich ist.
Haben Sie den Community Builder so konfiguriert, dass eine Freigabe durch einen
Moderator erforderlich ist, so wird dieser bei der Registrierung per Mail über einen
entsprechenden Anmeldevorgang informiert. Die Standardnachricht sieht wie folgt
aus:
From: Registrar [registrar@Ihre_Site.de] To: Moderator Group
Subject: -ACTION REQUIRED! New User Registration Pending Approval
A new user has registered at http://www.yoursite.com and requires
approval. This email contains their details
Name – Applicants name email – newuser@hissite.com Username –
newusername
Please do not respond to this message as it is automatically
generated and is for information purposes only.
NOTE: This email was automatically generated from {My Site
Name} (http://www.yoursite.com).
Sie können diese Mail natürlich auch eindeutschen, indem Sie die Datei default.php
bearbeiten.
Der Ablauf ist ein anderer, wenn Sie die Option Require Email Confirmation auf
Yes und den Schalter Require Admin Approval auf No gesetzt haben. In diesem Fall
muss der neue Benutzer dem Bestätigungslink folgen, eine Freigabe durch den
Admin ist allerdings nicht erforderlich. Nachstehende Abbildung skizziert die
Abläufe.
www.brain-media.de

Exkurs: Interne Abläufe 223
Die Abläufe bei der Nur-Bestätigung (Quelle: CB-Team).
Bei dieser Konfiguration werden ebenfalls zwei Web-Nachrichten erzeugt. Die
erste Meldung wird an den Benutzer ausgegeben, nachdem er die für die Registrierung
relevanten Daten in das Registrierungsformular eingegeben und auf den Send-
Registrations-Button geklickt hat. Die erste Ausgabe weist Sie darauf hin, dass die
Registrierung abgeschlossen ist und dass Sie eine E-Mail mit Instruktionen erhalten,
wie der Registrierungsvorgang abzuschließen ist.
Die zweite Web-Nachricht wird angezeigt, wenn Sie dem Bestätigungs-Link in der
E-Mail gefolgt sind. In diesem Fall wird standardmäßig folgende Meldung ausgegeben:
Your account is now active. You may now login!
Joomla! kompakt

224 Aufbau einer Community mit dem Community Builder
Die Moderatoren – so Sie welche eingerichtet haben – erhalten ebenfalls eine E-
Mail, in der sie über den neuen Benutzer informiert werden. Auch diese Mail-
Vorlagen können Sie wieder an Ihre Bedürfnisse anpassen.
Schauen wir uns noch einen dritten typischen Ablauf an, bei dem die Option
Require Email Confirmation auf No und die Option Require Admin Approval auf
Yes gesetzt ist. In diesem Fall muss der neue Benutzer keine manuelle Bestätigung
seiner Registrierung vornehmen, sondern der Administrator erteilt die Freigabe.
Die internen Abläufe fasst nachstehende Abbildung zusammen.
Die internen Abläufe bei der Freigabe durch den Admin (Quelle: CB-Team).
www.brain-media.de

Weiter mit der CB-Konfiguration 225
Wie Sie voranstehendem Diagramm entnehmen können, wird in einem solchen
Szenario nur eine Web-Nachricht erzeugt. Sie wird ebenfalls nach dem Benutzerklick
auf Send Registration ausgegeben und weist den Benutzer darauf hin, dass
die Registrierung abgeschlossen ist, aber noch die Bestätigung durch den Admin
aussteht.
Besonders einfach sind die Verhältnisse, wenn die Optionen Require Email
Confirmation und Require Admin Approval auf No gesetzt sind. In diesem Fall
wird der Zugang direkt gewährt, ohne dass der neue Benutzer oder der Admin
aktiv werden müssen. Lediglich eine Hinweismeldung wird an das
Moderatorenteam versendet, dass sich ein neuer Benutzer registriert hat. Aus
Sicherheitsgründen sollten Sie die Konfiguration allerdings nur zu Testzwecken
nutzen.
8.4 Weiter mit der CB-Konfiguration
Nach diesem kurzen Ausflug in die internen Abläufe schauen wir uns die weiteren
Konfigurationsmöglichkeiten des Community Builders an. Die Einstellungen des
Registers User List sind überschaubar. Hier stehen Ihnen lediglich zwei Anpassungsmöglichkeiten
zur Verfügung:
• Users per Page: In diesem Eingabefeld bestimmen Sie die maximale Anzahl
an Benutzern, die auf der Benutzerseite angezeigt werden.
• Allow Link to Profile: Mit diesem Schalter können Sie aus den Listeneinträgen
Links zu den zugehörigen Profilen machen.
Das Register User List erlaubt lediglich zwei Anpassungen.
Joomla! kompakt

226 Aufbau einer Community mit dem Community Builder
Für die Konfiguration der Benutzerprofile ist das Register User Profile zuständig.
Mit diesen Einstellungen können Sie beispielsweise festlegen, ob der Benutzer
seinen Benutzernamen ändern darf oder welches Template verwendet wird. Die
Einstellungen im Einzelnen:
• Username: Das Drop-down-Menü sieht die Werte Yes und No vor. Wenn
Sie sich für Yes entscheiden, dürfen Benutzer ihren Benutzernamen ändern.
Mit No ist der Benutzername nur lesbar.
• Required Fields in Admin: Wenn Sie diese Option auf Yes setzen, so erzwingt
der Community Builder alle Feldrestriktionen und Prüfungen –
und zwar auf Seiten des Frontends und des Backends. Auch für den Admin-Account.
www.brain-media.de

Weiter mit der CB-Konfiguration 227
Die Einstellungen des Registers User Profile.
• Allow Access To: Mit diesem Auswahlmenü legen Sie fest, wer Zugriff
auf die Benutzerprofile hat. Beachten Sie die Hierarchie: Wenn Sie beispielsweise
den Eintrag Author wählen, so haben alle folgenden Einträge
wie Editor, Publisher und öffentliche Backend-Gruppen ebenfalls Zugriff
auf die Profile. Sie können folgende Einträge verwenden:
o
o
o
o
o
o
o
o
o
o
o
Everybody
All Registered Users
Public Frontend
Registered
Author
Editor
Publisher
Public Backend
Manager
Administrator
Super Administrator
• Minimum hits interval (minutes): Hier legen Sie die Zeitspanne fest, die
zwischen zwei Profilzugriffen durch den gleichen Benutzer vergehen
muss, damit sie als weitere Hits gezählt werden. Der Standardwert 60 Minuten
soll dafür sorgen, dass die Profilzugriffszahlen nicht künstlich nach
oben gedrückt werden können.
• Community Builder Template: Hier können Sie eines von sechs vordefinierten
Templates für Ihre Community auswählen. Am besten schauen
Sie sich die verschiedenen Vorlagen einfach mal in der Praxis an und
wählen die aus, die Ihnen am besten gefällt. Mithilfe des Plugin-
Managements des Community Builders können Sie eigene oder Vorlagen
anderer Entwickler einbinden.
• 2 colums layout widths: Hier legen Sie die Breite (in Prozent) der linken
Spalte bei einem zweispaltigen Layout fest.
Joomla! kompakt

228 Aufbau einer Community mit dem Community Builder
• 3 colums layout widths: Hier legen Sie entsprechend die Breite (wieder
in Prozent) der linken und der rechten Spalte bei Verwendung eines dreispaltigen
Layouts fest.
• Nested Tabs: Wenn Sie eine Vielzahl benutzerdefinierter Tabs verwenden,
so sollten Sie diese Option mit Yes aktivieren, damit sie verschachtelt
präsentiert werden. Beachten Sie, dass Sie bei unterschiedlichen Templates
unterschiedliche Verschachtelungsmöglichkeiten haben.
• W3C XHTML 1.0 Trans Compliance: Hier können Sie die Kompatibilität
zu XHTML aktivieren. In der Regel ist das jedoch nicht erforderlich.
Der Community Builder unterstützt fünf verschiedene Tab-Templates. Sie finden
diese im Verzeichnis Website-Struktur\components\com_installer\templates. Diese
können Sie natürlich mit einem professionellen Editor wie Dreamweaver oder
KDE Web Dev unter Linux bearbeiten.
Die Einstellungen für die Community-Bilder.
Kommen wir zum Register Images, über das Sie verschiedene Bild-relevante Einstellungen
bearbeiten. Zunächst führt das Formular die Pfade zu den Anwendungen
www.brain-media.de

Weiter mit der CB-Konfiguration 229
ImageMagick und NetPBM. Beides sind Bildbearbeitungsprogramme, die allerdings
nur unter Linux zum Einsatz kommen. Gleiches gilt für die im Auswahlmenü
Image Software angebotene Software GD2 library. Wenn Sie Joomla! und den
Community Builder auf einem Windows-System ausführen, wird daher eine rot
markierte Warnung ausgegeben, dass diese Tools nicht für Sie verfügbar sind. Alle
weiteren Bildkonfigurationsmöglichkeiten sind allerdings auch unter Windows
verfügbar:
• Picture: Damit Ihre Benutzer Bilder in der Community veröffentlichen
können, müssen Sie diese Option auf Yes setzen.
• Allow Image Upload: Sie sollten außerdem über diesen Schalter den Upload
von Grafiken zulassen.
• Use Image Gallery: Wenn Sie Ihren Benutzern den Zugriff auf die Bildergalerie
erlauben wollen, sollten Sie auch diese Option auf Yes setzen.
• Max. Image/Thumbnail …: Mit den fünf folgenden Einstellungen definieren
Sie die maximale Größe der Bilder und Thumbnails.
Wie bereits mehrfach erwähnt, erlaubt der Community Builder das Delegieren von
administrativen Aufgaben. Die hierfür notwendigen Einstellungen nehmen Sie
über das Register Moderation vor. Bevor Sie sich an die Einstellungen machen, sei
auf eine Einschränkung der Moderatorfunktion hingewiesen: Sie können lediglich
den typischen Joomla!-Benutzergruppen wie Public Frontend und Public Backend
und deren Untergruppen Moderationsrechte zuweisen. Einzelnen Benutzern können
Sie diese leider nicht zuweisen – außer Sie packen einen einzigen Benutzer in
eine dieser Gruppen.
Joomla! kompakt

230 Aufbau einer Community mit dem Community Builder
Die Einstellungen für die Moderation bzw. das Delegieren von Aufgaben.
Nachdem Sie die Gruppe bestimmt haben, der Sie Moderatorenberechtigungen
zuweisen wollen, können Sie fünf weitere Einstellungen bearbeiten. Die Einstellungen
im Einzelnen:
• Moderator Approve Users: Wenn Ihre Moderatoren neuen Benutzern
den Zugang zum System gewähren wollen, so belassen Sie es bei der
Standardeinstellung Yes.
• Send Moderators Email: Sorgt in der Standardeinstellung Yes dafür,
dass die Moderatoren per Mail über relevante Ereignisse informiert werden.
• Allow User Reports: Die Standardeinstellung Yes erlaubt es Benutzern,
andere Benutzer, die sich unpassend verhalten, beim Admin zu verpetzen.
• Require Upload Image Approval: Mit dieser Einstellung sorgen Sie dafür,
dass hochgeladene Bilder erst von der Moderatorengruppe freigegeben
werden. So verhindern Sie, dass Benutzer unerwünschte oder fragwürdige
Bilder veröffentlichen.
• Allow Profile Banning: Mit der Standardeinstellung Yes ist sichergestellt,
dass die Moderatoren auch unerwünschte Profile sperren.
www.brain-media.de

Weiter mit der CB-Konfiguration 231
Die Verbindungseinstellungen des Community Builders.
Was wäre eine Community-Lösung ohne die Möglichkeit, dass die Mitglieder
untereinander kommunizieren können! Auch diese Funktionalität ist im Community
Builder gegeben. Wenn Sie Ihren Nutzern diese Möglichkeit eröffnen wollen, so
müssen Sie zunächst im CB-Plugin-Management, das über das CB-Menü zugänglich
ist, das Verbindungs-Plugin (CB Connection) aktivieren. Stellen Sie außerdem
im Menü Tab Management sicher, dass auch hier die Verbindungsfunktion aktiviert
ist. Erst dann sollten Sie sich mit den unterschiedlichen Konfigurationsmöglichkeiten
befassen.
Die weiteren Einstellungen des Registers Connection:
• Enable Connections: Damit die Benutzer untereinander kommunizieren
können, müssen Sie diesen Schalter auf Yes setzen.
• Display Type: Hier haben Sie die Wahl zwischen den Optionen Public
und Private. Wenn Sie die Option Public wählen, so werden alle Verbindungen
öffentlich gemacht. Jeder kann also sehen, wer mit wem kommuniziert.
In der Regel ist das natürlich nicht gewünscht. Sie sollten den
Schalter daher auf Private stellen.
• Display Connection Path: Wenn Sie diese Option auf Yes setzen, so
werden alle Verbindungen zwischen aktiven Benutzern und besuchten
Profilen angezeigt. Schon aus Performancegründen sollten Sie diese Option
mit No deaktivieren, da sie das System stark belastet.
Joomla! kompakt

232 Aufbau einer Community mit dem Community Builder
• Mutual Consent: Es empfiehlt sich, diesen Schalter auf Yes zu setzen,
damit bei einem Verbindungsaufbau beide Seiten der Verbindung zustimmen
müssen.
• Notification Method: Dieses Drop-down-Menü stellt Ihnen vier Optionen
zur Auswahl. Wenn Sie sich für die Option No entscheiden, so wird
keine Hinweismeldungsmethode verwendet, um den Gesprächspartner auf
die Verbindungsaufnahme aufmerksam zu machen. Bei der Option Email
wird eine Mail verschickt. Die Option PMS greift auf das in den Community
Builder integrierte Messaging-System zurück. Es muss allerdings
nach einer Standardinstallation erst über den CB-Plugin-Mechanismus installiert
werden.
• Cross Connection: Wenn Sie diesen Schalter auf Yes setzen, so wird eine
bidirektionale Verbindung aufgebaut. Mit No wird eine unidirektionale
Verbindung erzeugt, das bedeutet, dass User A zum User B eine Verbindung
aufbauen kann, B aber nicht notwendigerweise mit A verbunden ist.
• Connection Types: Schließlich können Sie den Verbindungstyp definieren.
Gängige Typen sind Friend, Co Worker, Same Language oder Developer.
Leider ist nirgends richtig dokumentiert, welche Begriffe außerdem
zulässig sind.
Die Community-Builder-Konfiguration hat ein letztes Register zu bieten: das Register
Integration. Diesem sind wir bereits zu Anfang dieses Kapitels begegnet.
Hier können Sie die automatische Prüfung nach neueren Versionen aktivieren bzw.
deaktivieren. Es bleibt Ihnen überlassen, wie Sie mit dieser Funktion umgehen.
Nützlich ist es sicherlich, wenn man weiß, welches die aktuellste Version ist –
mehr aber auch nicht.
8.5 Community Builder aus Benutzersicht
Bevor wir uns anschauen, wie man die weiteren administrativen Anpassungen
vornimmt, werfen wir noch einen Blick auf das Frontend. Wie Sie eine Joomla!-
Komponente in eines Ihrer Menüs einbinden ist Ihnen bekannt. Die dafür erforderlichen
Schritte sparen wir uns an dieser Stelle.
Nach dem Einbinden wird beispielsweise Ihre Hauptnavigationsleiste um einen
CB-Login-Dialog und gegebenenfalls um die Infofelder Login und Workflow
erweitert.
www.brain-media.de

Community Builder aus Benutzersicht 233
Über die CD-Funktionen Ihre Navigationsleiste
loggen Sie sich ein oder registrieren Sie sich.
Der Joomla!-Administrator ist der erste CB-Benutzer, der das Community-Modul
nutzen kann. Wenn Sie sich mit dessen Kennung einloggen, so präsentiert Ihnen
das System eine recht langweilige Seite: Ihr Admin-Profil.
Joomla! kompakt

234 Aufbau einer Community mit dem Community Builder
Ein erster Blick auf das bislang noch schnöde Admin-Profil.
Über die Schaltfläche Community erfahren Sie, welche CB-Version Sie installiert
haben. Um Ihr Profil mit Leben zu füllen, klicken Sie auf Edit und führen eine
Aktualisierung der hinterlegten Daten durch und laden eine Grafik hoch. Über die
Schaltfläche Connections erfolgt die Verwaltung der Verbindungen. Das soll vorerst
genügen.
8.6 Tabs erzeugen
Wie Sie voranstehender Abbildung entnehmen können, ist das Standardprofil recht
eintönig. Mithilfe des so genannten Tab Managements können Sie die Profile um
weitere Funktionen aufwerten. Sie greifen über das Menü Components> Community
Builder> Tag Management auf die Tab-Verwaltung zu. Der so genannte Tab
Manager führt dreizehn solcher Register auf, die Sie in die Profilfunktion einbinden
können. Es handelt sich dabei übrigens nicht nur um Register, sondern auch
um HTML-basierte Inhalte. Diese Tabs werden bei der Installation des Community
Builders automatisch erzeugt. Diese vordefinierten Module integrieren insbesondere
von Joomla! zur Verfügung gestellte Funktionen.
www.brain-media.de

Felder definieren 235
Im Tab Manager verwalten Sie vordefinierte wie neue Tabs.
Die Tabs, die im Tab Manager aufgeführt werden, sind mit den gleichnamigen
Benutzer-Plugins verknüpft. So dient beispielsweise das Tab Connections dazu, die
Verbindung zweier Benutzer anzuzeigen. Das Tab User Profile Page ist standardmäßig
aktiviert und zeigt die oben beschriebenen Inhalte an.
Wieder andere Tabs wie das Articles-Tab integriert Joomla!-Artikel in die Profilansicht.
Sie können auch ein Forum integrieren, indem Sie das Forum-Tab veröffentlichen.
Es setzt allerdings die Installation von Simpleboard bzw. seinem Nachfolger
Joomlaboard voraus. Ähnlich verhält es sich mit dem Blog-Tab: Seine Funktionalität
ist nur dann gegeben, wenn Sie die Blog-Komponente installiert haben.
Werfen wir noch einen Blick auf die Verbindungsfunktion. Sucht man den direkten
Draht zu einem anderen Community-Mitglied, so muss man zunächst dessen Profil
aufsuchen. Zum Auffinden eines Benutzers wechselt man einfach zur Benutzerliste
und klickt auf einen Eintrag. Um die Verbindung herzustellen, klicken Sie auf den
Add-Connection-Link, worauf der Einladungsvorgang eingeleitet wird. Haben Sie
als Hinweismeldung die Variante PMS oder E-Mail aktiviert, so wird ein kleines
Pop-up-Fenster geöffnet, in dem Sie eine persönliche Einladung versenden können.
Nachdem die Einladung verschickt ist, kann der Empfänger sie über die Connection-Schaltfläche
annehmen und auch wieder beenden.
Wie Sie es von Joomla! kennen, können Sie durch Editieren eines Listeneintrags
dessen Eigenschaften bearbeiten. So können Sie beispielsweise eine Beschreibung
einführen oder die Position über das gleichnamige Auswahlmenü ändern.
8.7 Felder definieren
Der Community Builder erlaubt Ihnen auch das Erzeugen von neuen Feldern, die
dann in Tabs zusammengefasst in den Profilen angezeigt werden können. Auch die
Aktualisierung von Inhalten in bestimmten Feldtypen ist möglich – solange es sich
um Nicht-read-only-Felder handelt. Sie können auch den Registrierungsvorgang
um weitere Felder erweitern, indem Sie diese als Required for Registration kennzeichnen.
Wenn Sie im Frontend dem Register-Link folgen, so stellen Sie fest, dass
dort nur der Benutzername, die E-Mail-Adresse, der Name und das Passwort sowie
dessen Bestätigung gefordert sind. Sie können die Felder dazu nutzen, Ihre Community-Seiten
um entsprechende Informationen zu erweitern. Denkbar ist beispielsweise
ein Tab mit persönlichen Informationen wie Alter, Beruf, Interessen,
Hobbys etc.
Joomla! kompakt

236 Aufbau einer Community mit dem Community Builder
Der Feldmanager des Community Builders.
Für die Verwaltung von Feldernist der so genannte Feld-Manager zuständig, auf
den Sie über Components> Community Builder> Field Management zugreifen. Sie
erzeugen ein neues Feld, indem Sie im Feldmanager auf die Schaltfläche New
Field klicken. Jedes bestehende wie neue Feld ist durch eine Vielzahl von Eigenschaften
gekennzeichnet. Zunächst müssen Sie den Feldtyp bestimmen. Ihnen
stehen zwölf Typen zur Auswahl:
• Check Box (single): Dieser Kontrollkästchentyp kennt lediglich die beiden
Zustände an/aus oder Ja/Nein. Weitere Anpassungsmöglichkeiten stehen
für diesen Typ nicht zur Verfügung.
• Check Box (multiple): Diese Felder können einen oder mehrere Werte
einer Liste vordefinierter Werte akzeptieren. Dieser Feldtyp wird als horizontale
Liste von Checkboxen präsentiert. Sie können diese beispielsweise
nutzen, damit der Benutzer unter Sprachkenntnisse mehrere Sprachen
angeben kann. Sie können bei diesem Typ die Anzahl der Zeilen und
Spalten definieren. Das Formular erzeugt außerden an seinem unteren Ende
eine Liste von Eingabefeldern, in denen Sie die Werte bestimmen. Um
weitere Kontrollkästchen zu erzeugen, klicken Sie auf die Schaltfläche
Add a Value. Sie können außerdem über das Feld Size die Breite der Felder
bestimmen.
www.brain-media.de

Felder definieren 237
Das Erzeugen von mehreren Kontrollkästchen
ist mit dem Feldmanager ein Kinderspiel.
• Date: Dieser Feldtyp akzeptiert Datumseingaben. Dabei steht dem Benutzer
ein typischer Pop-up-Kalender für die Auswahl des Datums zur Verfügung.
Wichtig: Das Format wird durch die Konfiguration bestimmt, die
Sie im Community-Builder-Configuration-Manager definiert haben. Weitere
Anpassungen stehen für diesen Feldtyp nicht zur Verfügung.
• Drop Down (Single Select): Mit diesem Feldtyp erzeugen Sie ein typisches
Auswahlmenü. Hier können Sie beispielsweise dem Benutzer die
Möglichkeit geben, seine Ausbildung anzugeben. Als mögliche Auswahlkriterien
steen Sie Hauptschule, Realschule, Gesamtschule, Gymnasium
oder Universität zur Verfügung. Nach der Auswahl des Typs können Sie
am unteren Formularende wieder verschiedene Auswahlmöglichkeiten
eintragen.
• Drop Down (Multi Select): Bei diesem Typ stellen Sie dem Anwender
eine oder mehrere Auswahlmenüs zur Verfügung.
• Email Address: Dieser Feldtyp ist für die Eingabe einer E-Mail-Adresse
konzipiert. Es findet eine Gültigkeitsprüfung bei der Eingabe statt. Als Parameter
können Sie die Größe und die maximale Länge der Eingaben bestimmen.
• Editor Text Area: Mit diesem Typ erzeugen Sie ein einfaches Textfeld,
das auch formatierten Text aufnimmt, den Sie über den integrierten
Joomla!-Editor (siehe Einstellungen in der Joomla!-Konfiguration) gestalten
können. Sie können bei diesem Feldtyp folgende Eigenschaften anpas-
Joomla! kompakt

238 Aufbau einer Community mit dem Community Builder
sen: Größe, maximal zulässige Eingabenlänge sowie die Anzahl der Reihen
und die Zeichenbreite.
• Text Area: Dieser Feldtyp nimmt nur unformatierte Inhalte auf. Hier
können Sie ebenfalls die Größe, die maximal zulässige Eingabenlänge
und die Zeichenbreite und Anzahl an Zeilen bestimmen.
• Radio Button: Mit diesem Typ erzeugen Sie eine so genannte Optionsschaltergruppe.
Deren Funktionalität ist mit der eines Drop-down-Menüs
vergleichbar. Auch hier können Sie wieder die Werte bestimmen.
• Web Address: Dieser Typ ist für die Eingabe einer Web-Adresse konzipiert.
So kann denn ein Community-Mitglied beispielsweise seine Homepage
im Profil angeben. Als mögliche Parameter können Sie die Größe
anpassen und aus dem Drop-down-Menü Type den zulässigen Typ bestimmen.
Sie haben die Wahl zwischen URL only und Hypertext and
URL. Im ersten Fall wird lediglich die Adresse angezeigt, im zweiten Fall
ist der direkte Zugriff auf die Seite über den Link möglich.
• Fields delimiter: Bei diesem Typ handelt es sich um ein konstantes
HTML-Feld. Es dient dazu, andere Feldtypen zu gruppieren, die beispielsweise
inhaltlich zusammengehören. Bei diesem Typ können Sie lediglich
die Größe bestimmen.
Nach der Feldauswahl können Sie sich an die weiteren Feldeinstellungen machen.
Bestimmen Sie als Nächstes, auf welchem Tab die Informationen eingeführt werden
sollen. Wir wählen in diesem Beispiel das Tab Contact Info und wollen dem
Benutzer die Möglichkeit geben, dass er seine Ausbildung in seinem Profil vermerkt.
Weisen Sie dem neuen Feld im Eingabefeld Name eine Bezeichnung zu.
Das Formularfeld macht aus Ihrer Eingabe Ausbildung automatisch den Eintrag
cb_Ausbildung, damit das Feld eindeutig als CB-Feld identifizierbar ist.
Dann hinterlegen Sie unter Title die Bezeichnung des neuen Felds. Diese wird bei
der Veröffentlichung im Frontend angezeigt. Das Description-Feld kann zwei Aufgaben
übernehmen – abhängig vom jeweiligen Feldtyp. Bei den meisten Feldtypen
wird die hier hinterlegte Beschreibung als Tooltip angezeigt, wenn der Benutzer
den Mauszeiger über den Info-Button am Ende eines Feldes führt.
Über das Required-Auswahlmenü legen Sie fest, ob dieses neue Feld von dem
Mitglied ausgeführt werden muss. Bei welchen Feldern das sinnvoll ist und wann
nicht, sollten Sie im Einzelfall prüfen. Wenn Sie wie in diesem Beispiel die Ausbildung
in das Profil aufnehmen, so macht es kaum Sinn, diese Information zu
erzwingen. Mit dem Schalter Show on Profile? bestimmen Sie, ob das neue Feld
im Profil angezeigt werden soll oder nicht. Mit der folgenden Einstellungen User
Read Only? legen Sie fest, ob der Benutzer die Feldinformation selbst ändern kann
oder nicht. Meist fahren Sie mit der Option Yes richtig.
www.brain-media.de

Felder definieren 239
Sie können das neue Feld auch in den Registrierungsvorgang einbinden. Dazu
setzen Sie den Schalter Show at Registration auf Yes. Damit der Benutzer es bei
der Registrierung ausfüllen muss, aktivieren Sie auch das Erzwingen mit der oben
beschriebenen Option Required.
Schließlich erlaubt das Formular das Setzen des Veröffentlichungsstatus. In der
Regel wollen Sie das neue Formularfeld auch direkt nutzen und schalten daher auf
Yes. Bei den meisten Feldtypen können Sie außerdem die bereits mehrfach erwähnte
Größe bestimmen.
Nach all der Theorie schauen wir uns nun ein konkretes Beispiel an, wie man ein
benutzerdefiniertes Feld in einem eigenen Tab erzeugt. Das Ziel ist das Register
Persönlich im Ihrem Profil, das verschiedene selbsterzeugte Felder beinhaltet.
Zunächst wechseln Sie zum Tab Manager und erzeugen mit New Tab ein neues
Register. Das bezeichnen Sie mit Persönlich, hinterlegen eine Beschreibung und
stellen sicher, dass es publiziert wird. Außerdem können Sie über das Auswahlmenü
Position die Position bestimmen. Unter Display type wählen Sie Tabbed Pane.
Speichern Sie dann das neue Register mit einem Klick auf Save.
Das Auswahlmenü für das Register Persönlich in der Entstehung.
Hier wählen Sie dann als Feldtyp Drop Down (Single Select), unter Tab das zuvor
erzeugte Register Persönlich und weisen dem Feld die Bezeichnung
cb_Ausbildung zu. Sie können eine Beschreibung hinterlegen. Stellen Sie sicher,
dass das Feld publiziert wird. Im unteren Bereich bestimmen Sie die möglichen
Ausbildungseinträge. Mit einem Klick auf Save landen Sie in der Feldliste, in der
nun auch an letzter Position das neu erzeugte Feld aufgeführt wird.
Joomla! kompakt

240 Aufbau einer Community mit dem Community Builder
Wir erzeugen gleich noch einen zweiten Feldtyp, und zwar ein Auswahlmenü, über
das der Benutzer angibt, ob er bzw. sie männlich oder weiblich ist. Dazu erzeugen
Sie einen weiteren Feldtyp, wählen unter Type den Eintrag Radio Button und hinterlegen
die beiden möglichen Werte männlich und weiblich. Sie können sich nun
an das Einführen weiterer Felder machen, beispielsweise zu Sprachkenntnissen,
Wohnort, Altersgruppe etc.
Als Nächstes wechseln Sie nun in die Benutzerverwaltung und editieren dort den
Benutzereintrag, den Sie um das neue Register erweitern wollen. Im Formular Edit
User finden Sie das zuvor erzeugte Tab Persönlich. Nun können Sie dort aus den
zuvor erzeugten Feldern die Informationen bestimmen, die zu Ihrem Profil passen.
Speichern Sie diese Einstellungen mit einem Klick auf Save. Wenn Sie nun ins
Backend wechseln, so werden dort das neue Register und die ausgewählten Informationen
angezeigt.
Das Ändern der Benutzerdaten.
Das (vorläufige) Ergebnis Ihrer Anpassungen zeigt nachstehende Abbildung: Das
Profil ist um das Register Persönlich erweitert und weist zwei Detailinformationen
auf.
www.brain-media.de

Felder definieren 241
Das neu erzeugte Register Persönlich und die Einstellungen
des Community-Mitglieds im Frontend.
Die bisherigen Erweiterungen des Standardprofils waren recht einfacher Natur.
Was aber, wenn Sie eine Länderliste als Drop-down-Menü in Ihre Community
integrieren wollen? Hierzu müssen Sie manuell in die CB-Datenbank eingreifen.
Das klingt schlimmer, als es wirklich ist, denn mit phpMyAdmin gibt es ein hervorragendes
Werkzeug, das Ihnen dabei unter die Arme greift. Außerdem gehört es
zur Grundausstattung einer XAMPP-Installation und steht Ihnen somit meist zur
Verfügung. Bevor Sie sich allerdings an die Bearbeitung der CB-Datenbank, genauer
an die Comprofiler-relevanten Tabellen machen, sollten Sie die Datenbank
sichern.
Zunächst erzeugen Sie mit den bekannten CB-Funktionen ein neues Feld, das Sie
beispielsweise mit cb_laenderliste bezeichnen. Wählen Sie als Typ Drop Down
(Single Select). Außerdem müssen Sie mindestens einen Wert hinterlegen.
Damit haben Sie eine weitere Spalte in zwei CB-Tabellen Ihrer Joomla!-Datenbank
erzeugt, und zwar in folgenden Tabellen: jos_comprofiler_fields und jos_comprofiler_field_values.
Wenn Sie diese Tabellen mit phpMyAdmin öffnen, finden
Sie die Tabellenerweiterung auf dem Register Anzeigen am Ende der Tabelle.
Joomla! kompakt

242 Aufbau einer Community mit dem Community Builder
Die Tabelle jos_comprofiler_field_values gilt es zu bearbeiten.
Nun wechseln Sie zur Tabelle jos_comprofiler_field_values. Diesen Eintrag löschen
Sie, merken oder besser notieren sich die Feld-ID (in diesem Fall 56). Als
Nächstes erzeugen Sie eine durch Strichpunkte separierte Liste. Diese sollte wie
folgt aussehen (für den Anfang genügen die ersten fünf Einträge):
56;Afghanistan;1
56;Aland;2
56;Albania;3
56;Algeria;4
56;American Samoa;5
Wichtig ist, dass Sie den Zahlenwert 56 gegebenenfalls durch Ihre Field-ID ersetzen.
Bezeichnen Sie diese Liste als laenderliste.txt und speichern Sie diese auf
Ihrem System. Als Nächstes führen Sie einen Import der Textdatei durch. Dazu
wechseln Sie in phpMyAdmin zum Register Importieren, bestimmen die zu importierende
Datei und wählen als Format CSV und importieren die Datei. Außerdem
müssen Sie die Parameter fieldid, fieldtitle und ordering anpassen. Nach dem Import
sollte die Liste mit den fünf Einträgen verfügbar sein.
Sie können sich natürlich die Arbeit auch einfacher machen: Die Community-
Builder-Entwickler stellen Ihnen eine vollständige Länderliste zum Download
bereit. Sie finden diese im Download-Bereich Add-ons.
www.brain-media.de

Der Umgang mit Benutzerlisten 243
8.8 Der Umgang mit Benutzerlisten
Mit dem Community Builder können Sie auch Benutzerlisten erstellen. Das vereinfacht
Ihnen die Arbeit bei der Benutzerverwaltung. So können Sie beispielsweise
eine Liste erstellen, die von autorisiereten Benutzern über die CB-Benutzerliste
eingesehen werden kann. Die greifen auf die Listenfunktion zu, indem Sie den
Befehl Components> Community Builder> List Management ausführen. Nach
einer Standardinstallation finden Sie einen einzigen Listeneintrag vor: Members
List.
Um eine eigene Liste zu erzeugen, klicken Sie auf die Schaltfläche New List und
füttern das zugehörige Formular mit folgenden Informationen:
• Title: Hier weisen Sie der neuen Liste eine Bezeichnung zu. Achten Sie
beim Praxiseinsatz auf eine aussagekräftige Benennung.
• Description: In diesem Eingabefeld hinterlegen Sie eine Beschreibung
der Liste.
• User Groups to allow access to: Dieses Auswahlmenü ist Ihnen als
Joomla!-Admin hinlänglich bekannt. Hier legen Sie fest, welche Gruppen
Zugriff auf Ihre Liste haben. Wenn Sie beispielsweise den Eintrag
Authors markieren, haben aller Autoren Zugriff auf die Liste.
• User Groups to Include: Hier legen Sie die Gruppen fest, die Sie in die
Liste einschließen wollen. Sie können natürlich mehrere Gruppen einschließen.
• Published: Hier legen Sie wie gewohnt fest, ob die Liste veröffentlicht
werden soll oder nicht.
• Default: Mit diesem Auswahlmenü bestimmen Sie, ob die neue Gruppe
Ihre Standardgruppe wird oder nicht. Sie sollten darauf achten, dass Sie
die Gruppe zum Standard machen, die die niedrigsten Zugriffsrechte besitzt.
Joomla! kompakt

244 Aufbau einer Community mit dem Community Builder
Eine neue Liste in der Entstehung.
• Sort by: Über dieses Auswahlmenü können Sie die Sortierung der Listeneinträge
ändern. Standardmäßig ist die Liste alphabetisch nach Namen
sortiert. Sie können diese Sortierung aber auch nach dem letzten Login,
nach dem Wohnort oder auch nach Ländern ändern. Das Interessante an
der Sortierung: Sie können mehrere Kriterien anwenden. Um ein weiteres
Kriterium heranzuziehen, wählen Sie dieses aus und klicken auf Add. Sie
werden es wieder los, indem Sie einen Eintrag markieren und auf Remove
klicken.
• Filter: Mithilfe der Filterfunktion können Sie gezielt Benutzer aus der
Liste herausfiltern. Die Filterfunktion kann in zwei Varianten verwendet
werden. In der einfachen Form steht Ihnen ein Auswahlmenü zur Verfügung,
mit dem Sie die Kondition bestimmen. Wenn Ihnen das nicht genügt,
können Sie auch eine komplexe Filterung mithilfe eines SQL-
Statements verwenden. Aktivieren Sie dazu zunächst mit einem Klick auf
Advanced die erweiterten Varianten und geben Sie Ihren Code in dem da-
www.brain-media.de

Der Umgang mit Benutzerlisten 245
für vorgesehenen Textfeld ein. Hier ein Beispiel für einen Filter, der alle
deutsch- und englischsprechenden Benutzer ausgibt:
(cb_sprache LIKE '%englisch%' or cb_sprache LIKE
'%french%') AND cb_geschlecht = 'Männlich'
Nutzen Sie Spalten für die Benutzerliste.
• Column 1,2,3 und 4: Anstelle einer schnöden Liste können Sie Ihre Listen
auch in Spaltenform präsentieren. Sie können bis zu vier Spalten erzeugen
– und dabei in jeder Liste mit unterschiedlichen Kriterien anzeigen.
Dazu muss die jeweilige Option Enalbe Column x aktiviert werden.
Sie können außerdem durch Aktivieren der Option Caption eine Beschriftung
einfügen. Um nun einer Liste ein oder mehrere Kriterien zuzuweisen,
aktivieren Sie die gewünschte Spalten und wählen dann aus der Feldlist
die gewünschten Kriterien aus (z.B. Name, E-Mail-Adresse, Website
etc.). Über die vier Add-Schaltflächen weisen Sie die Kriterien den Spalten
zu.
Joomla! kompakt

246 Aufbau einer Community mit dem Community Builder
8.9 Plugin-Verwaltung
Mit dem Community Builder 1.0 wurde das Plugin-Framework eingeführt, das es
den Administrator erlaubt, die Grundfunktionalität zu erweitern. Das Framework
erlaubt es Ihnen beispielsweise, zusätzliche Sprachen, weitere Register oder andere
Komponenten in das System einzubetten.
Die Verwaltung der Plugins erfolgt mithilfe des Plugin-Managers, den Sie über das
Menü Components> Community Builder> Plugin Management aufrufen können.
Einigen dieser Plugins sind wir bereits begegnet, beispielsweise dem Verbindungs-
Plugin.
Der Plugin Manager listet die installierten Plugins.
Jeder dieser Erweiterungen sind spezifische Parameter und Eigenschaften zugewiesen,
die Sie mit einem Klick auf die jeweilige Plugin-Bezeichnung öffnen. Sie
finden im Download-Bereich der Community-Builder-Homepage verschiedene
Erweiterungen.
www.brain-media.de

Typische Aktionen im Backend 247
Community-Builder-Tools
Es gibt einen weiteren Mechanismus, mit dem man die Grundfunktionalität des
Community Builders erweitern kann. Und zwar sind das CB-Tools, die Sie im
gleichnamigen Untermenü finden.
In der aktuellen Version stellt Ihnen der Community Builder zwei Tools zur Verfügung:
Zum einen können Sie Beispieldaten laden, mit denen Sie erste Erfahrungen
mit der Umgebung sammeln können, zum anderen können Sie per Mausklick die
Joomla!- und CB-Benutzer synchronisieren. Ein Klick auf den jeweiligen Link im
Tools-Manager genügt, um die Daten einzuspielen bzw. den Abgleich durchzuführen.
8.10 Typische Aktionen im Backend
Nachdem Sie den Community Builder so konfiguriert haben, wie es Ihnen fürs
Erste sinnvoll scheint, wollen wir uns zum Abschluss dieses Kapitels noch einige
typische Aktionen vorstellen, die auf Sie in der Praxis zukommen. Diese Aufgaben
werden vom CB-Administrator oder von einem oder auch mehreren Moderatoren
erledigt, sofern Sie welche erstellt haben. Typische Aufgaben sind beispielsweise
die folgenden:
• Das manuelle Hinzufügen oder Bearbeiten von Benutzereinstellungen
mithilfe der CB-Benutzerverwaltung.
• Das Sperren von Benutzern aus dem User-Management-Panel.
• Das Bearbeiten von neuen Registrierungen.
• Die Bearbeitung von Benutzerberichten.
• Das Bearbeiten von freizugebenden Benutzerbildern.
• Der Abgleich von Joomla!- und CB-Benutzern.
Auf die Benutzerverwaltung greifen Sie über Components> Community Builder>
User Management zu. Dort werden die bereits erzeugten User samt Detailinformationen
aufgeführt und können neue Benutzer erzeugt werden. Wichtige Informationen
bei der Benutzerverwaltung liefern Ihnen die vier letzten Spalten der User-
Verwaltung, denen Sie entnehmen können, wann ein User das letzte Mal eingeloggt
war, ob sein Account aktiviert und bestätigt ist.
Nachstehende Abbildung zeigt ein typisches Bild beim Öffnen der Benutzerverwaltung.
Je nachdem, ob Sie bereits einen Abgleich mit den Joomla!-Benutzern
durchgeführt oder manuell weitere Benutzer eingeführt haben, listet die Benutzer-
Joomla! kompakt

248 Aufbau einer Community mit dem Community Builder
verwaltung mindestens einen Benutzer, den Admin, oder aber eben mehrere User
auf.
Ein Blick auf die typische Benutzerverwaltung.
Über die Benutzerliste können Sie verschiedene wichtige Aufgaben ausführen. So
können Sie beispielsweise überwachen, welche Anmeldungen den E-Mail-
Bestätigungsvorgang beendet haben. Werfen Sie dazu einfach einen Blick in die
Spalte Confirmed. Bei allen Einträgen, die ein rotes Kreuz aufweisen, ist die Bestätigung
über die zugestellte E-Mail noch nicht erfolgt. Das grüne Häkchen zeigt
Ihnen an, dass die Bestätigung erfolgreich abgearbeitet wurde.
Autorisierte Administratoren bzw. Moderatoren können die Bestätigung manuell
durchführen, indem sie auf den jeweiligen Namenseintrag klicken und die Wert
von Confirm User auf Yes schalten.
Wenn Sie einen Benutzereintrag editieren, so können Sie eine Vielzahl weiterer
Anpassungen vornehmen. Abhängig von Ihrer Tab-Konfiguration präsentiert Ihnen
der Edit-User drei oder auch mehr Register. Bei einer Standardkonfiguration sind
es die Register Contact Info, Additional Info und Newsletter. In nachstehender
Abbildung wird außerdem das Register Persönlich angezeigt, das wir oben erzeugt
haben.
www.brain-media.de

Typische Aktionen im Backend 249
In den Benutzereinstellungen können Sie
den Benutzerzugriff manuell freigeben.
Auf dem Register Contact Info werden die wichtigsten Benutzer-spezifischen Informationen
hinterlegt bzw. geändert. Wie Sie voranstehender Abbildung entnehmen
können, werden verschiedene Eingabefelder mit kleinen Icons versehen, die
Ihnen wichtige Zusatzinformationen liefern. Die Bedeutung der verschiedenen
Icons fasst nachfolgende Tabelle zusammen:
Icon
Beschreibung
Tooltip gibt weitere Informationen zu einer Einstellung bzw.
einen Feld preis, wenn Sie den Mauszeiger über das Icon
führen.
Eine Eingabe in dieses Feld ist erforderlich.
Die Daten in diesem Feld sind im Profil sichtbar.
Die Daten in diesem Feld sind im Profil nicht sichtbar.
Joomla! kompakt

250 Aufbau einer Community mit dem Community Builder
Einigen Feldern, die das Formular zum Editieren eines Benutzereintrags zu bieten
hat, sind wir noch nicht begegnet:
• User Editor: Über dieses Auswahlmenü bestimmen Sie den Editor, mit
dem der Benutzer seine Seite bearbeiten und erweitern kann. Je nachdem,
welche Editoren Ihre Joomla!-Installation zur Verfügung stellt, können
Sie beispielsweise den TinyMCE WYSIWYG-Editor aktivieren.
• Group: Hier wird die Gruppe angezeigt, zu der der Benutzer gehört.
• Block User: Dieses Auswahlmenü erlaubt das Sperren des Benutzers.
• Receive Moderator Emails: Hier legen Sie fest, ob der Benutzer Nachrichten
von dem Moderator erhalten kann.
Außerdem zeigt das Formular das Datum der Registrierung und des letzten Zugriffs
an.
Wenn Sie sich die CB-Komponente auf der Frontend-Seite bereits angesehen haben,
so finden Sie dort das CB-Workflow-Modul – vorausgesetzt, Sie haben es
über den Joomla!-Modulmanager aktiviert. In diesem Modul werden die Aktionen
aufgeführt, um die sich ein Moderator kümmern muss. Dabei geht es meist um
folgende Aufgaben:
• das Freigeben eines Accounts
• das Entsperren eines gesperrten Profils
• das Freigeben eines Profilbilds
Nachstehende Abbildung zeigt das Workflow-Modul mit typischen Aufgaben.
Das Workflow-Modul und verschiedene Aufgaben.
www.brain-media.de

Typische Aktionen im Backend 251
Das Erledigen einer Aufgabe ist recht einfach: Klicken Sie auf einen Link, um den
zugehörigen Nachrichtentext lesen zu können. Hier drei Beispiele, wie diese Meldungen
aussehen:
From: Registrar [registrar@yoursite.com] To: Moderator Group
Subject: {Site Name} – Unban Request Pending Review
A user has submitted a request to unban their profile. Please
login and take the appropriate action.
NOTE: This email was automatically generated from {Site Name}
(http://www.yoursite.com).
From: Registrar [registrar@yoursite.com] To: Moderator Group
Subject: {Site Name} -- User Report Pending Review
A user has submitted a report regarding a user that requires
review. Please login and take the appropriate action.
NOTE: This email was automatically generated from {Site Name}
(http://www.yoursite.com).
From: Registrar [registrar@yoursite.com] To: Moderator Group
Subject: {Site Name} -- Image Pending Approval
A user has submitted an image for approval. Please login and
take the appropriate action.
NOTE: This email was automatically generated from {Site Name}
(http://www.yoursite.com).
Das Bearbeiten von solchen Aufgaben ist recht einfach. Der Meldungsdialog präsentiert
Ihnen die Schaltfläche Process, über die Sie dann zum Profil des jeweiligen
Benutzers gelangen. Dieses wird für den Moderator um das Register Moderation
erweitert.
Das Freigeben eines Profils durch den Moderator.
Joomla! kompakt

252 Aufbau einer Community mit dem Community Builder
Um ein gesperrtes Profil wieder freizugeben, führen Sie einfach den Befehl Moderation>
Unban Profile aus.
Das Freigeben eines Benutzerbildes ist ebenfalls recht einfach. Klicken Sie einfach
auf den Image-Link im Workflow-Modul und Sie landen in der
Moderatorbildansicht. Hier wird das Bild samt den beiden Schaltflächen Approve
und Reject angezeigt. Um das Bild freizugeben, klicken Sie auf Approve. Wollen
Sie das Bild nicht freigeben, so klicken Sie auf Reject. Der Community Builder
verschickt in diesem Fall eine Hinweismeldung an den Benutzer, die standardmäßig
wie folgt aussieht:
From: Registrar [registrar@yoursite.com] To:
user@userdomain.com Subject: {Site Name} – Image Rejected
Your image has been rejected by a moderator. Please login and
submit a new image.
NOTE: This email was automatically generated from {Site Name}
(http://www.yoursite.com).
8.11 Typische Frontend-Aktionen
Bis auf wenige Ausnahmen haben wir überwiegend in der Backend-Ansicht gearbeitet.
Schauen wir uns noch kurz an, was die typischen Frontend-Aktionen sind,
die Ihre Benutzer – und Sie selbst – ausführen können. Die gängigsten Aktivitäten
sind:
• Registrierung als CB-Benutzer
• Betrachten des eigene Benutzerprofils
• Bearbeiten des eigenen Profils
• Upload einer Grafik
• Betrachten von Drittprofilen
• Suche nach bestimmten Benutzern
• Kontaktaufnahme mit anderen Benutzern
Den meisten Aktionen sind wir im Laufe dieses Kapitels begegnet. Sofern sie nicht
beschrieben sind, handelt es sich um selbsterklärende Aktionen, die für jedermann
problemlos durchzuführen sind.
www.brain-media.de

Fazit 253
8.12 Fazit
Der Community Builder zählt zu Recht zu den besten Joomla!-Erweiterungen. Er
bietet alles, was Sie für die Integration einer Community in Ihre CMS-Installation
benötigen. Die Handhabung ist einfach, die Integration hervorragend gelöst. Hinzu
kommt, dass auch der Community Builder von einem aktiven Entwicklerteam
weiterentwickelt wird. Sie dürfen davon ausgehen, dass dieses Add-on uns auch in
Zukunft noch Freude bereiten wird.
Joomla! kompakt

254 Formularentwicklung mit FacileForms
9 Formularentwicklung mit FacileForms
Im Alltag stehen Sie immer wieder vor der Aufgabe, dass Sie Ihre Website um
Funktionen erweitern müssen. Eine der wichtigsten Aufgaben: das Erstellen von
Formularen, mit denen sich Ihre Benutzer beispielsweise für einen Workshop anmelden,
weitere Informationen anfordern oder einfach nur Feedback abgeben können.
Wenn Sie bei einer Joomla!-Standardinstallation derartige Applikationen erstellen
wollen, kommen Sie ohne fundierte HTML-, PHP- und MySQL-Kenntnisse nicht
sonderlich weit. Die Lösung für dieses Problem ist indes recht einfach: Mit dem
Joomla!-Add-on FacileForms wird die Entwicklung von Formularen zum Kinderspiel.
Sie können mit dieser Erweiterung nicht nur „einfache“ Formulare erstellen,
sondern sie auch für die Entwicklung und das Testen von kleinen Datenbankgestützten
Applikationen verwenden. Die Entwicklungsarbeit gestaltet sich recht
einfach, da FacileForms die Entwicklung im WYSIWYG-Modus erlaubt. Sie finden
das Tool auf der FacileForms-Website (http://www.facileforms.biz). Dieses
Kapitel basiert auf FacileForms 1.4.7.
9.1 Installation und Konfiguration
Die Installation von FacileForms ist schnell über das Extensions-Menü erledigt.
Wenn Sie die deutsche Sprachvariante für Ihre Joomla!-Installation installiert und
aktiviert haben, kommen Sie bei Installation, Konfiguration und Bedienung des
Formularspezialisten in den Genuss einer deutschsprachigen Menüführung.
Nach dem Upload der Komponente greifen Sie über Components> FacileForms>
Configuration auf die Erweiterung zu. Es meldet sich automatisch der zweite Installationsdialog,
der Ihnen verschiedene Installationsvarianten anbietet: Sie können
beispielsweise eine Neuinstallation oder ein Update von bestehenden
FacileForms-Versionen durchführen.
Standardmäßig bietet Ihnen FacileForms unter Auswahl von optionalen Paketen
die Installation von Beispieldateien an. Wenn Sie das erste Mal mit FacileForms
arbeiten, sollten Sie diese installieren, damit Sie anhand der Beispiele lernen können,
was sich alles mit dem Spezialisten anstellen lässt.
www.brain-media.de

Installation und Konfiguration 255
Der zweite Installationsschritt von FacileForms.
Mit einem Klick auf Weiter gelangen Sie zum dritten Schritt der Installation. Hier
wird Ihnen lediglich angezeigt, dass die notwendigen Datenbankoperationen
durchgeführt sind. Mit einem weiteren Klick auf die Schaltfläche landen Sie dann
in der eigentlichen Konfiguration der Formularkomponente.
Die Einstellungen der FacileForms-Konfiguration im Einzelnen:
• „Live site“ in configuration.php verwenden: Verwenden Sie die Option
Nein für relative und die Option Ja für absolute URL-Adressierung. An
der Standardeinstellung Nein sollten Sie in der Regel keine Änderung
vornehmen, da ansonsten die absoluten Pfade in Ihrer Anwendungsumgebung
für Dritte zu sehen sind. Das kann keiner wollen.
Joomla! kompakt

256 Formularentwicklung mit FacileForms
• Vorschau in einem iframe: Die Vorschau in einem eingebetteten Rahmen
(Inline Frame) erlaubt echtes WYSIWYG mit dem Frontend-
Stylesheet.
• Vorschau Raster Grösse: Hier legen Sie die Rastergröße für die Formularvorschau
fest. Sie können außerdem die Farben ändern.
• Benütze WYSIWYG Editor für Text Elemente: Sie können den
Joomla!-Editor für das Erstellen von Textbausteinen verwenden. In der
Regel kommen Sie in FacileForms ohne diesen aus.
• JavaScript und HTML komprimieren: Die Standardeinstellung Ja
sorgt für die Komprimierung des JavaScript- und HTML-Codes. Das
sorgt für kleinere Datenmengen, die zwischen dem Server und dem Client
übermittelt werden müssen. Sie können diese Option für die Fehlersuche
deaktivieren.
• Provider mit GetHostByAddr ermitteln: Die PHP-Funktion
GetHostByAddr erlaubt das Ermitteln von Internet-Hostnamen wie beispielsweise
bomots.de passend zur angegebenen IP-Adresse. Wenn Sie
diesen Schalter auf Ja setzen, so kann das zu Verzögerungen bei der Formularübermittlung
führen.
• Anzahl Zeilen für Textbereiche: Hier legen Sie die Zeilenzahl für kleine,
mittlere und große Textbereiche fest.
• Limite für Beschreibungen in Listenansicht: Hier beschränken Sie die
Zeichenzahl, die in der Listenansicht verwendet werden kann. So schützen
Sie sich vor überlangen Listeneinträgen.
• Voreinstellung Email Benachrichtigungs-Adresse: In diesem
Eingabenfeld hinterlegen Sie Ihre E-Mail-Adresse.
• Pfad für {ff_images} Ersetzungen: In diesem Eingabefeld bestimmen
Sie den Pfad für die Grafiken.
• Pfad für {ff_upload} Ersetzungen: In diesem Eingabefeld bestimmen
Sie den Pfad für die Uploads.
Am Fuße der FacileForms-Konfiguration finden Sie die Schaltfläche Speichern,
über die Sie Ihre Einstellungen übernehmen. Außerdem können Sie – abhängig von
Ihrer Installation – weitere Pakete installieren bzw. selbst Pakete erzeugen. Nach
dem Speichern der Konfiguration greifen Sie wie gewohnt über das Menü Components
auf die FacileForms-Funktionen zu. Wenn Sie sich beim zweiten Installati-
www.brain-media.de

Ein erstes Formular erstellen 257
onsschritt für das Einrichten der Beispieldaten entschieden haben, können Sie auf
diese über Components> FacileForms Sample Menu zugreifen.
Das FacileForms-Menü besitzt neben der oben beschriebenen Konfiguration fünf
weitere Untermenüs:
• Manage Records: Dient der Verwaltung und dem Weiterverarbeiten von
Formulareingaben.
• Manage Backend Menus: Dieses ist die Menüverwaltung, mit der Sie Ihre
Formulare in Backend-Menüs einbinden.
• Manage Forms: Hier erzeugen und gestalten Sie Ihre Formulare.
• Manage Scripts: Hier erzeugen Sie Skripts für Ihre Formularelemente.
• Manage Pieces: Mit diesem Befehl landen Sie in der so genannten Teileverwaltung,
in der Sie Skripts für den Formularablauf erzeugen und verwalten.
Gleich, welchen Befehl Sie auch ausführen: FacileForms präsentiert Ihnen immer
sechs Register, über die Sie auf die verschiedenen Bereiche zugreifen können.
Der Zugriff auf die Datensatzverwaltung.
Nun ist es an Ihnen, sich Gedanken über das zu erstellende Formular zu machen.
Am besten nehmen Sie sich ein Blatt und einen Stift zur Hand und beginnen mit
Ihrem Entwurf.
9.2 Ein erstes Formular erstellen
Wir wollen im Folgenden ein recht einfaches Formular erstellen, mit dem der Benutzer
sein Feedback zu einem Produkt übermitteln kann. Um ein erstes Formular
zu erstellen, wechseln Sie in die Formularverwaltung und klicken dort auf Neu.
Joomla! kompakt

258 Formularentwicklung mit FacileForms
Der Dialog zum Erstellen eines neuen Formulars.
FacileForms präsentiert Ihnen den Dialog Neues Formular, der über vier Register
verfügt. Zunächst weisen Sie Ihrer ersten Entwicklung eine Bezeichnung zu. Diese
taucht später auch in der Formularadministration auf. Weisen Sie Ihrem Formular
außerdem im Textfeld Name einen Bezeichner zu, damit Joomla!-Komponenten
und -Module das Formular nutzen können. Sie können weitere Eigenschaften wie
die Größe, den Vorschaumodus und eine Beschreibung hinterlegen. Wir belassen
es vorerst bei den Standardeinstellungen. Speichern Sie nun das Formular mit
einem Klick auf Save. Sie landen dann in der Formularansicht, die Ihnen die
FacileForms-typische Entwurfsansicht präsentiert.
Wenn Sie nachstehende Abbildung genau betrachten, stellen Sie fest, dass Ihnen
die Entwurfsansicht die Navigation in mehrere Seiten anbietet. Sie können mithilfe
von FacileForms also auch mehrseitige Formulare erstellen. Diese verschiedenen
Seiten können Sie dann über eine Navigationsleiste miteinander verknüpfen. So
bleiben auch umfangreiche Formulare übersichtlich und damit benutzerfreundlich.
www.brain-media.de

Ein erstes Formular erstellen 259
Das Seitenlayout Ihres ersten Formulars.
Als Nächstes gilt es, dem noch leeren Formular Leben einzuhauchen. Dazu klicken
Sie in der Symbolleiste auf Neu. Es öffnet sich der übersichtliche Auswahldialog
für die gängigen Formularelemente wie Textfeld, Radio-Button, Auswahlmenü etc.
Nun gilt es, das Formular der Reihe nach mit den gewünschten Inhalten und Formularfeldern
zu füllen. Der Dialog zum Einfügen von Elementen bietet Ihnen drei
Elementtypen an:
• Statische Elemente: Statischer Text/HTML, Rechteck, Grafik, Hinweis
• Knöpfe: Normaler Knopf, Grafikknopf, Piktogramm
• Eingabefelder: Ankreuzfeld, Radioknopf, Text, Textbereich, Auswahlliste,
Abfrageliste, Datei Upload und Versteckte Eingaben
Beginnen wir mit einem ersten Textelement. Dazu wählen Sie in der Gruppe Statische
den Eintrag Statischer Text/HTML aus und klicken auf Weiter.
Joomla! kompakt

260 Formularentwicklung mit FacileForms
Die Auswahl des Elementtyps.
Nach der Auswahl des Typs präsentiert Ihnen FacileForms einen weiteren Dialog,
mit dem Sie die Details bestimmen. Es liegt in der Natur der Sache, dass für unterschiedliche
Elementtypen verschiedene Detaildialoge verwendet werden.
Hier bestimmen Sie die Elementeigenschaften.
www.brain-media.de

Ein erstes Formular erstellen 261
Im Formular Neues Element Statischer Text/HTML weisen Sie dem Element eine
Bezeichnung zu, die Sie später in der Elementverwaltung wieder finden. Diese
Bezeichnung wird auch beim Versand von E-Mail-Benachrichtigungen verwendet.
Unter Name geben Sie einen Bezeichner für Ihr Element an. Über diesen Namen
wird das Element in der Joomla!-Umgebung angesprochen. Sie sollten daher darauf
achten, dass diese Bezeichnung keine Sonderzeichen enthält, die Joomla!
womöglich falsch interpretiert. Sie können weitere Eigenschaften wie die Reihenfolge
und die Position bestimmen. Für den Einstieg ist das Textfeld Text/HTML
zunächst einmal wichtiger. Hier hinterlegen wir die Infos, die das erste Eingabefeld
beschreibt, das wir im zweiten Schritt einfügen. Innerhalb des Eingabefelds können
Sie auch HTML-Code für die Formatierung verwenden. Mit einem Klick auf Speichern
sichern Sie das erste Element. Nachstehende Abbildung zeigt das erste Zwischenergebnis.
Das erste Element ist erstellt und wird
in der WYSIWYG-Ansicht dargestellt.
Wie Sie voranstehender Abbildung entnehmen können, ist das erste Textelement
auf dem Formularfeld gelandet. Im linken Bereich wird das Element samt seinen
Eigenschaften aufgeführt. In dieser Liste können Sie später beispielsweise die
Sortierung ändern oder die Elementeinstellungen öffnen und bearbeiten.
Eine weitere Besonderheit von FacileForms ist Ihnen sicherlich bereits aufgefallen:
Im linken Editorbereich finden Sie das Verschiebewerkzeug, mit dem Sie Ihre
Elemente quasi beliebig verschieben können. Die Handhabung ist wieder kinderleicht:
Aktivieren Sie das gewünschte Element in der Elementliste und verschieben
Sie es mithilfe der grünen Pfeile auf die gewünschte Position. Über das Textfeld
Joomla! kompakt

262 Formularentwicklung mit FacileForms
Schrittweise Pixel bestimmen Sie die Schrittgröße. Um die neue Position zu sichern,
klicken Sie auf die Schaltfläche Sichern. Mit Rückgängig können Sie das
Verschieben wieder rückgängig machen. Natürlich können Sie auch mehrere Elemente
gleichzeitig verschieben. Markieren Sie dazu einfach die Elemente und
greifen Sie dann zum Schieber.
Rechts neben die Feldbezeichnung Vorname soll nun ein einzeiliges Eingabefeld
gesetzt werden, das die Vornameneingaben entgegennimmt. Dazu erstellen wir ein
neues Element, wählen dieses Mal allerdings den Typ Eingabe/Text. Bezeichnen
Sie das Feld wieder. Am besten entfernen Sie ein einheitliches Schema für die
Elementbenennung. Das vereinfacht das nachträgliche Identifizieren und Bearbeiten
von Elementen.
Die beiden zuvor beschriebenen Schritte wiederholen Sie für all die Felder, die Ihr
Feedbackformular besitzen soll. Sie sollten natürlich auch den Nachnamen, die E-
Mail-Adresse, eventuell auch die Anschrift und Kundennummer abfragen. In nachstehendem
Beispiel haben wir den ersten Formularentwurf im eine Überschrift, die
mit H1 formatiert ist, und zwei weitere Textfelder samt Feldinfo erweitert.
Das vorläufige Zwischenergebnis.
www.brain-media.de

Ein erstes Formular erstellen 263
Im nächsten Schritt fragen wir ab, ob der Nutzer bereits Kunde ist oder nicht. Dazu
verwenden wir Radio-Buttons, bei denen der Anwender die Wahl zwischen Ja und
Nein hat. Zunächst fügen Sie wieder den erläuternden Text ein. Bei unserem Beispiel
genügt Kunde. Positionieren Sie das Element an der gewünschten Position.
Wenn Sie ein wenig Erfahrung mit FacileForms gesammelt haben, können Sie
bereits in den Elementeigenschaften die Positionierung grob setzen.
Das Erstellen eines Radio-Buttons.
Beim Erzeugen von Radio-Buttons, die wie in diesem Fall zusammengehören,
müssen Sie darauf achten, dass Sie im Feld Name identische Werte verwenden.
Ansonsten können Sie bei den Radiobuttons noch die Anfangswerte setzen, indem
Sie den Schalter Angekreuzt auf Ja setzen.
Als Nächstes wollen wir ein Auswahlmenü erstellen, bei dem der Kunde entscheiden
kann, ob es sich um Lob, Kritik oder ein technisches Problem handelt. Dazu
erzeugen wir wieder ein neues Element und wählen als Typ Auswahlliste. Nehmen
Sie wieder die bereits bekannten Einstellungen vor. Wichtig sind die Eingaben des
Joomla! kompakt

264 Formularentwicklung mit FacileForms
Felds Optionen. Hier definieren Sie, welche Auswahlmöglichkeiten das Menü zu
bieten hat. Eine typische Eingabe sieht wie folgt aus:
1; Bitte wählen Sie:; 0
0; Kritik; 1
0; Lob; 2
0; Problem; 3
Was hat es nun mit dieser Konfiguration auf sich? Jeder Eintrag besitzt zumindest
zwei, optional auch drei Teile. Mit der 1 definieren Sie den Standardeintrag, der
beim Zugriff auf das Formular geöffnet wird. Durch einen Strichpunkt getrennt
folgt der eigentliche Eintrag, den Sie wieder mit einem Strichpunkt beenden. Der
dritte Teil bestimmt die interne Reihenfolge der Elemente. Diese können Sie aber
auch weglassen. Achten Sie bei der ersten Zeile darauf, dass der Benutzer direkt
weiß, worum es hier geht.
Das Formular besitzt jetzt auch ein Auswahlmenü.
www.brain-media.de

Ein erstes Formular erstellen 265
Um den Benutzern, insbesondere den weniger Erfahrenen, das Ausfüllen Ihres
Feedbackformulars so einfach wie möglich zu machen, können Sie so genannte
Tooltips einführen, denen die Benutzer weitere Informationen entnehmen, wenn
diese den Mauszeiger über das zugehörigen Icon führen.
Auch dieses Formularelement ist mit wenig Aufwand realisiert. Erzeugen Sie wieder
ein neues Formularelement und wählen Sie als Typ Statisch/Hinweis. Neu ist in
diesem Dialog für das Erstellen bzw. Bearbeiten des Hinweises eigentlich nur die
Zeile Typ. Hier legen Sie fest, ob es sich um eine Info, eine Warnung oder einen
sonstigen speziellen Hinweis handelt. Im Textfeld hinterlegen Sie wieder die gewünschten
Inhalte.
Die Eigenschaften Ihres ersten Tooltips …
…und die Darstellung im Entwurfsmodus.
Die wichtigsten Elemente eines typischen Formulars haben Sie bisher kennengelernt.
Nun ist das Formular ja nicht zum Selbstzweck entstanden, sondern die Eingaben
sollen auch irgendwo landen, wo sie verarbeitet oder ausgewertet werden.
Also muss zumindest noch ein Abschicken-Button her, der für die Datenübermittlung
sorgt. Die Vorgehensweise ist Ihnen inzwischen vertraut. Aus der
Elementeauswahl wählen Sie einen der drei angebotenen Knöpfe, bezeichnen ihn
im nächsten Dialog und positionieren ihn an der gewünschten Stelle. Was noch
Joomla! kompakt

266 Formularentwicklung mit FacileForms
fehlt, ist die interaktive Komponente, die für die Übermittlung der Formulareingaben
sorgt. Dazu gleich mehr.
9.3 Funktionalität für Ihre Formulare
Bis hierher verlief die Formularentwicklung wenig spektakulär. So richtig spannend
wird die Sache erst, wenn Sie Ihrem Formular Funktionen und damit Leben
einhauchen. Beim Erstellen der verschiedenen Formularelemente ist Ihnen sicherlich
nicht entgangen, dass alle Knopf- und Eingabefelder ein weiteres Register
besitzen: Skripte. Über dieses können Sie Ihren Elementen unterschiedliche Funktionen
zuweisen, die abhängig von Ereignissen bestimmte Aktionen ausführen.
Wenn Sie die Eigenschaften eines Eingabefelds (keines statischen) öffnen und zum
Register Skripte wechseln, so bietet Ihnen dieses Register das Einbinden von drei
Skript-Varianten an:
• Initialisierungsskript: Damit legen Sie fest, was beim Laden der Elemente
passiert.
• Aktionsskript: Hiermit legen Sie fest, was bei bestimmten Aktionen wie
einem Mausklick passiert.
• Validierungsskript: Dieser Typ prüft die Dateneingaben auf ihre Korrektheit.
Bei einem Textfeld können Sie verschiedene Skripttypen aktivieren.
www.brain-media.de

Funktionalität für Ihre Formulare 267
Es liegt in der Natur der Sache, dass bei anderen Formularelementen nicht alle
diese Skriptvarianten verfügbar sind. So erlaubt ein Button lediglich die Ausführung
von Aktionsskripts.
Bei einem normalen Button sind Initialisierungs- und
Validierungsfunktionen natürlich nicht gefordert.
Um Ihnen einen ersten Eindruck von den vielfältigen Möglichkeiten zu vermitteln,
die Ihnen die Skriptfunktionen bieten, öffnen Sie das Register Skripte eines erzeugten
Eingabetextfelds. Zu jedem Skript stehen Ihnen drei Auswahlmöglichkeiten zur
Verfügung:
• Kein: Dies ist die Standardeinstellung, bei der kein Skript ausgeführt
wird.
• Bibliothek: Hier können Sie aus einer Sammlung von vordefinierten Aktionen
auswählen. Die Auswahl ist wiederum von den jeweiligen Formularelementen
abhängig.
• Spezial: Bei dieser Variante können Sie ein eigenes Skript erstellen. Ein
Klick auf Rahmencode erzeugen ist dabei hilfreich, denn er erzeugt ein
vordefiniertes PHP-Skript, das Sie „nur“ noch um eigene Funktionen erweitern
müssen.
Joomla! kompakt

268 Formularentwicklung mit FacileForms
Das Register Skripte erlaubt die Einführung unterschiedlichster Funktionen.
Kehren wir zum oben erzeugten Feedback-Formular mit seinen Eingabefeldern
und dem Absende-Button zurück. Typische Aktionen, die ein Formular bieten
sollte, sind die Validierung von Eingaben und das Versenden der Eingaben. Schauen
wir uns zunächst an, wie Sie die Eingabe in dem E-Mail-Adressfeld überprüfen,
damit Ihre Benutzer Ihnen nicht durch fehlerhafte Einträge unnötig Arbeit bereiten.
Sie werden staunen, wie einfach das Einführen einer typischen
Eingabenüberprüfung ist. Die Vorgehensweise:
1. Öffnen Sie die Eigenschaften des E-Mail-Eingabefelds und wechseln Sie
zum Register Skripte.
2. Unter Validierungsskript aktivieren Sie den Typ Bibliothek.
3. Dann geben Sie in das Feld Meldung den Text an, der ausgegeben wird,
wenn der Benutzer eine fehlerhafte Eingabe vornimmt.
4. Unter Skript wählen Sie den Eintrag FF::ff_validemail aus.
www.brain-media.de

Funktionalität für Ihre Formulare 269
5. Speichern Sie die Einstellungen mit einem Klick auf Speichern.
Wie Sie dem Auswahlmenü entnehmen können, bietet Ihnen die Validierungsfunktion
eine Vielzahl an Validierungsmöglichkeiten an. Mit der Option ff_integer
können Sie beispielsweise festlegen, dass es sich bei der Eingabe um einen Integer-
Wert handeln muss.
Unser Formular hat bis auf eine simple Eingabenüberprüfung noch nicht so viel zu
bieten. Sorgen wir also dafür, dass die Formulareingaben übermittelt werden können.
Auch hierfür greifen Sie auf die Skript-Bibliothek zurück. Öffnen Sie wieder
die Eigenschaften des Buttons und wechseln Sie zum Skripte-Register. Unter Aktionsskript
wählen Sie zuerst Bibliothek und wählen dann das Skript
ff_validate_submit aus. Wenn Sie sich die Einträge des Auswahlmenüs genauer
anschauen, stellen Sie fest, dass Sie bei einer Schaltfläche die unterschiedlichsten
Aktionen ausführen können. So können Sie beispielsweise zur nächsten Seite
springen (ff_nextpage) oder einen Reset der Eingaben (ff_resetForm) ausführen.
Die Skriptauswahl erlaubt den Versand Ihrer Eingaben.
Sie können weitere interaktive Komponenten in das Formular einführen und den
Benutzer beispielsweise nach dem Versand darüber informieren, dass die Daten
zuverlässig übertragen wurden. Um eine solche Ausgabe nach der Übermittlung zu
Joomla! kompakt

270 Formularentwicklung mit FacileForms
erzeugen, wechseln Sie in die Formularverwaltung und klicken dort auf den Formularnamen.
Es öffnet sich der Dialog Formularbearbeitung. Hier wechseln Sie
ebenfalls zum Register Skripte und aktivieren unter Übermittelt-Skript die Bibliothek
und wählen dann das Skript ff_showsubmitted aus. Der Versand funktioniert
natürlich nur, wenn Sie die Mail-Konfiguration korrekt vorgenommen haben.
Die Konfiguration der Übermittelt-Meldung.
9.4 Eingaben sichten
Nun fragen Sie sich natürlich, wo die Eingaben gelandet sind, die Ihre Benutzer
übermittelt haben. Die Antwort ist recht einfach: Sie landen in der Datenverwaltung.
Um auf die Daten zuzugreifen, klicken Sie auf das Register Datensatzverwaltung.
Hier werden alle Formulareingaben samt verschiedenen Details gesammelt:
• Eingaben-ID
• Absendedatum
• IP-Adresse des Benutzers
• Provider
• Formulartitel und -name
Für das Einsehen und die weitere Behandlung sind die drei letzten Spalten wichtig,
denn hier zeigt Ihnen FacileForms an, welche Eingaben Sie bereits gesichtet, exportiert
oder archiviert haben.
www.brain-media.de

Eingaben sichten 271
Hier greifen Sie auf die Formulareingaben zu.
Im Kopfbereich der Datensatzverwaltung finden Sie verschiedene Funktionen, mit
denen Sie die Ansicht der Datensätze gezielt einschränken können. Standardmäßig
werden nur ungesichtete, nur nicht-exportierte und nur nicht archivierte Datensätze
angezeigt. Sie können außerdem über das Eingabefeld Formular Name gezielt
nach einem Datensatz suchen. Wichtig: Wenn Sie Änderungen an der Ansicht
vornehmen, wird die Ansicht leider noch nicht automatisch aktualisiert.
In voranstehender Abbildung nicht sichtbar sind verschiedene weitere nützliche
Funktionen. Über die Schaltfläche Export XML können Sie einen oder mehrere
Datensätze nach XML exportieren. Das Exportformat erleichtert den Import und
die Weiterverarbeitung in Drittanwendungen. Außerdem sind das Löschen und das
bequeme Archivieren von mehreren Datensätzen über die entsprechenden Schaltflächen
möglich.
Um einen Eintrag zu sichten, klicken Sie auf den entsprechenden Listeneintrag.
Die FacileForms-Seite Datensatz sichten präsentiert Ihnen vier Infobereiche:
• Absenderinformationen: Hier finden Sie Informationen wie den
Absendezeitpunkt, die IP-Adresse, den Provider, das verwendete Betriebssystem
und den Browser.
• Datensatzinformationen: Hier zeigt Ihnen FacileForms die ID an und ob der
Datensatz bereits gesichtet, exportiert oder archiviert wurde.
• Formularinformationen: In diesem Bereich werden die Formular-ID sowie
der Titel und Formularname angezeigt.
• Gesendete Werte: Hier finden Sie die Datensatz-ID, die Element-ID, Titel
und Name der Felder, den Elementtyp und die Werte, also die tatsächlichen
Eingaben.
Joomla! kompakt

272 Formularentwicklung mit FacileForms
Ein typischer Datensatz.
9.5 Formular einbinden
Natürlich eignet sich FacileForms nicht nur zum Erstellen von Formularen, die auf
Seiten des Benutzers verfügbar sind, sondern Sie können Formulare auch auf Seiten
des Backends gut gebrauchen. Unterschiede bei der Vorgehensweise beim
Erstellen gibt es nicht, wohl aber beim Einbinden.
Zunächst wollen wir – weil es so einfach ist – das erste Formular in das Backend
integrieren. Öffnen Sie zunächst die FacileForms-Menüverwaltung. Wenn Sie die
Beispieldateien installiert haben, finden Sie dort bereits einen Eintrag: Contact
form. Klicken Sie in der Menüverwaltung auf Neu, um einen neuen Eintrag zu
erstellen. Bei dieser Vorgehensweise wird das Formular in das Joomla!-Menü
Components eingefügt.
FacileForms präsentiert Ihnen den Dialog Menüposition hinzufügen. Über das
Auswahlmenü Übergeordnete Position bestimmen Sie die Position des einzufü-
www.brain-media.de

Formular einbinden 273
genden Menüs. Im darunterliegenden Auswahlfeld finden Sie auch das oben erzeugte
Feedbackformular. Markieren Sie den Eintrag und klicken Sie auf Weiter.
Die Auswahl des erzeugten Formulars, das
in das Backend integriert werden soll.
Es folgt ein weiteres Formular, auf dem Sie beispielsweise ein Bild für den Menüeintrag
auswählen, die Position und einige weitere Einstellungen bearbeiten.
Bestimmen Sie weitere Eigenschaften des Menüeintrags.
Joomla! kompakt

274 Formularentwicklung mit FacileForms
Mit einem Klick auf Speichern ist der Menüeintrag erzeugt. Sie können nun über
Components> Feedback-Formular auf das Formular zugreifen.
Das integrierte Menü.
Die Integration in das Frontend ist ebenfalls recht einfach. Hier bietet es sich zunächst
an, die Komponente wie gewohnt als Menüpunkt zu integrieren. Außerdem
können Sie FacileForms als Modul integrieren. Es gibt eine dritte Möglichkeit, bei
der Sie auf das FacileForms-Mambot zurückgreifen. Stellen Sie zunächst sicher,
dass Sie das FacileForms-Mambot installiert haben. Um ein Formular in ein bestehendes
Content-Element einzubinden, öffnen Sie das gewünschte Dokument im
Bearbeiten-Modus und tragen folgendes Mambot-Tag ein:
{FacileForms : Names_Ihres_Formulars, 1, 0}
Ersetzen Sie Names_Ihres_Formulars durch den Formularnamen, nicht den Titel.
Mit den beiden weiteren Parametern bestimmen Sie, welche Formularseite angezeigt
und ob der Rahmen aktiviert bzw. deaktiviert wird.
9.6 Import und Export von Formularen
FacileForms hat neben dem einfachen Erstellen von Formularen eine weitere Besonderheit
zu bieten: Sie können, wie Sie bereits bei der Komponentenkonfigurati-
www.brain-media.de

Import und Export von Formularen 275
on gesehen haben, Pakete importieren und exportieren. Hinter einem Paket verbergen
sich die zu einem Formular gehörenden Dateien. Diese Funktion vereinfacht
den Formularaustausch zwischen mehreren Joomla!-Installationen. So können Sie
beispielsweise auf einem Entwicklungssystem Ihre Formulare entwickeln und
testen, um sie dann später auf das Produktionssystem aufzuspielen. Die Exportfunktion
schnürt übrigens ein XML-basiertes Paket, in dem die verschiedenen
Elemente wie Skripts, Menüeinträge, Grafiken etc. hinterlegt sind.
Exportieren wir zunächst das oben erzeugte Feedbackformular. Dazu wechseln Sie
in die FacileForms-Konfiguration und klicken auf Paket erstellen. Das
FacileForms-Formular Kreiere Paket wird geöffnet. Hier bestimmen Sie Paketnamen,
Titel, Autor, E-Mail-Adresse, eventuell Autoren-URL, hinterlegen eine Beschreibung
und die Lizenzinfo.
Das Erstellen eines eigenen Formularpakets.
Joomla! kompakt

276 Formularentwicklung mit FacileForms
Unter Formular Auswahl und Menüposition Auswahl bestimmen Sie, welches
Formular mit welcher Menüposition exportiert werden soll. Unterhalb dieser beiden
Auswahlmenüs erfolgt die Skript- und Teileauswahl. Achten Sie darauf, dass
Sie alle Komponenten Ihres Formulars einbinden, da es ansonsten auf der Gegenseite
nicht ausgeführt werden kann. Mit einem Klick auf Weiter wird der Öffnen-
Dialog Ihres Browsers geöffnet, mit dem Sie die XML-Datei speichern.
Hier der Kopf einer solchen XML-Datei:
feedback_export_paket
Feedback_Formular_Paket
1.0
2006-11-22 10:00:00
Dr. Holger Reibold
holger@reibold.de
http://www.reibold.de
Dies ist ein einfaches Feedback-
Formular.
…
GNU/GPL Lizenz
In der Paketverwaltung finden Sie installierte
Pakete und können neue importieren.
www.brain-media.de

Import und Export von Formularen 277
Der Import von Paketen ist ebenfalls recht einfach durchzuführen. Klicken Sie
dazu in der FacileForms-Konfiguration auf die Schaltfläche Paketinstallation. Sie
landen in der Paketverwaltung, die bereits installierte Pakete wie die Beispieldateien
und die Standardteile und Skriptbibliotheken samt Detailinformationen aufführt.
Um ein neues Paket zu installieren, können Sie einen Upload und die anschließende
Installation bzw. eine Installation von einer auf dem Server abgelegten Datei
erstellen. Geben Sie in dem Eingabefeld den (Netzwerk-)Pfad ein oder klicken Sie
auf Durchsuchen, um die XML-Datei auszuwählen.
Klicken Sie anschließend auf die Schaltfläche Paket installieren. FacileForms gibt
einen Installationsbericht aus, in dem Sie Details zu dem Paket, den importierten
Skripts, Elementen und Menüpositionen entnehmen können. Mit einem weiteren
Klick auf Weiter ist der Import abgeschlossen.
FacileForms gibt einen Installationsbericht mit Detailinformationen
zum importierten Paket aus.
Anschließend finden Sie das installierte Paket in der FacileForms-
Paketverwaltung. Einfacher kann der Austausch von Paketen kaum sein.
Joomla! kompakt

278 Formularentwicklung mit FacileForms
9.7 Fazit
Mit FacileForms gibt es einen hervorragenden Formularspezialisten, der aller typischen
Anforderungen abdeckt, die Sie beim Ausbau Ihrer Joomla!-Site benötigen.
Einzig die kommerzielle Joomla!-Erweiterung Phil-A-Form (http://www.philtaylor.com/Joomla/Components/Phil-A-Form/)
kann sich mit diesem Add-on messen.
Auf der FacileForms-Website finden ambitionierte Anwender zudem jede
Menge Infos, wie sich auch aufwändige Formularanwendungen realisieren lassen.
www.brain-media.de

Joomla! kompakt
Fazit 279

280 Forum mit Joomlaboard
10 Forum mit Joomlaboard
Wenn Sie Ihre Website in ein schlagkräftiges Marketingwerkzeug verwandeln
wollen – das ist meist das Ziel, Stichwort Kundenbindung –, dann kommen Sie
nicht umhin, Ihre Joomla!-Site mit einem Diskussionsforum aufzuwerten. Mit
einer solchen Komponente schlagen Sie gleich mehrere Fliegen mit einer Klappe.
Sie sorgen dafür, zumindest wenn es interessante Diskussionen sind, dass Ihre
Benutzer immer wiederkehren, Ihre Site im besten Fall per Mund-zu-Mund- oder
Mail-zu-Mail-Propaganda weiterempfehlen, Sie erhalten Feedback und erfahren
schnell, wo Ihre Kunden Probleme mit Produkten haben. All diese Informationen
müssen Sie nur filtern, um dann daraus zielgerichtet die richtigen Entscheidungen
für die Optimierung Ihrer Produkte bzw. Dienstleistungen ziehen zu können.
Der Quasi-Standard unter den Diskussionsformen ist Joomlaboard
(http://www.tsmf.net), der Nachfolger von Simpleboard. Neben dieser Lösung gibt
es eine Reihe weiterer interessanter Lösungen. So lässt sich beispielsweise
Simpleboard (http://www.simplemachines.org) mit einer speziellen Brücke in
Joomla! integrieren. Beliebt ist auch das LoudMouth Discussion Board
(http://alexlab.blog-life.org).
10.1 Installation und Konfiguration
Machen wir uns an die Inbetriebnahme von Joomlaboard. Dieses Kapitel basiert
auf Joomlaboard 1.1.3. Die Installation ist schnell über das Menü Components
erledigt. Stören Sie sich nicht daran, dass die Komponente die Dateierweiterung
tgz besitzt. Das ist das Standardpackformat unter Linux. Die Installation bereitet
aber auch bei der Ausführung von Joomla! unter Windows keinerlei Probleme.
Es existiert außerdem eine deutsche Sprachdatei, mit der Sie die Joomlaboard-
Admin-Schnittstelle eindeutschen. Das vereinfacht die Handhabung natürlich erheblich.
Kopieren Sie diese einfach ins Verzeichnis language Ihrer Joomlaboard-
Installation. Leider ist auch sie teilweise mangelhaft lokalisiert und leider nicht
durchgängig eingedeutscht.
Nach der Installation greifen Sie wie gewohnt über das Components-Menü auf die
Komponente. Joomlaboard präsentiert Ihnen eine komfortable Schnittstelle, über
die Sie die Komponenten konfigurieren, Foren erstellen und bearbeiten, Benutzer
einrichten, hochgeladene Dateien und Bilder verwalten, die CSS-Datei verwalten
und Foren und Benutzer bereinigen. Außerdem ist das Laden von Beispieldaten
www.brain-media.de

Installation und Konfiguration 281
möglich. Das Joomlaboard-Control-Panel erlaubt außerdem die Aktualisierung der
Datenbank auf Version 1.1.3 und über die Support-Website den bequemen Zugriff
auf die Entwickler-Site.
Ein erster Blick auf die Systemsteuerung von Joomlaboard.
Nach der Installation und dem ersten Zugriff auf die Komponente steht als Nächstes
die Konfiguration von Joomlaboard an. Dazu klicken Sie im Joomlaboard-
Control-Panel auf Joomlaboard Konfiguration. Die Joomlaboard-Konfiguration
präsentiert Ihnen auf sieben Registern seine umfangreichen Anpassungsmöglichkeiten.
10.1.1 Allgemeine Joomlaboard-Konfiguration
Auf dem Register Grundlagen passen Sie allgemeine Einstellungen wie den
Forennamen, die Foren-Mail-Adresse und die Offline-Meldung an. Die Einstellungen
im Einzelnen:
• Name des Boards: In diesem Eingabefeld bestimmen Sie den Namen des
Forums.
Joomla! kompakt

282 Forum mit Joomlaboard
• Board E-Mail Adresse: Hier geben Sie die E-Mail-Adresse an, an die
sich Benutzer wenden, wenn Sie Fragen oder Probleme mit dem Forum
haben.
• Forum Offline: Mit diesem Schalter können Sie Ihr Forum offline setzen,
um beispielsweise Wartungsarbeiten durchzuführen. (Super-)Administratoren
haben allerdings weiterhin Zugriff auf das Forum.
• Forum-Zeitverschiebung: Wenn Sie Ihren Joomla!-Server in einer anderen
Zeitzone betreiben, so haben Sie hier die Möglichkeit, die Zeitverschiebung
für Ihr Forum, genauer die Zeitangabe im Frontend im Verhältnis
zur Server-Zeit in Stunden zu definieren. Sie können positive und
negative Werte verwenden – entsprechend den typischen Zeitverschiebungsangaben.
• Forum Offline Nachricht: In diesem Textfeld hinterlegen Sie die Offline-Meldung,
die an den Benutzer ausgegeben wird, wenn das Forum in
den Offline-Modus versetzt wurde. Sie können innerhalb des Eingabefelds
auch HTML-Tags für die Ausgabeformatierung bzw. für das Einfügen
von Hyperlinks verwenden. Ein Beispiel: Das Forum ist vorübergehend
nicht erreichbar. Versuchen Sie es später noch einmal.
Die Einstellungen des Joomlaboard-Registers Grundlagen.
www.brain-media.de

Installation und Konfiguration 283
• Standardansicht: Hier wählen Sie, ob Sie die Direkt - oder die Kompaktansicht
verwenden wollen.
• Aktiviere RSS Feed: Mithilfe von RSS-Feed können Ihre User Threads
und Postings direkt auf ihren Desktop laden – vorausgesetzt, sie besitzen
einen RSS-Reader wie Thunderbird.
• PDF-Erstellung ermöglichen: Wenn Sie diesen Schalter auf Ja setzen,
können Ihre Benutzer ein einfaches PDF-Dokument mit dem Inhalt eines
Threads erstellen. Sie finden dann das typische PDF-Icon im Forum, über
das das Erstellen der PDF-Datei möglich ist.
• Kopf: Im letzten Eingabefeld können Sie den Kopf Ihres Forums erstellen.
Auch hier ist wieder die Verwendung von HTML-Code für die Kopfgestaltung
möglich. Wenn Sie kein HTML-Kenner sind, verwenden Sie
einfach einen HTML-Editor, erstellen Sie den Kopfbereich und kopieren
Sie den relevanten Code-Bereich in das Textfeld.
Ein Blick auf die umfangreiche Frontend-Konfiguration.
10.1.2 Frontend-Einstellungen
Auf dem Register Frontend bestimmen Sie das Look&Feel der Benutzerschnittstellen.
Sie können außerdem verschiedene benutzerbezogene Einstellungen und
Längenanpassungen vornehmen. Zunächst die Look&Feel-Einstellungen:
Joomla! kompakt

284 Forum mit Joomlaboard
• Threads pro Seite: Hier legen Sie fest, wie viele Threads pro Seite zu sehen
sein sollen. Hier gilt es einfach ein wenig zu spielen, ob die Standardeinstellung
von 15 eine brauchbare Ansicht liefert oder nicht.
• Beiträge pro Seite: Entsprechend können Sie anpassen, wie viele Nachrichten
pro Seite angezeigt werden. Wie bei der voranstehenden Konfiguration
zeigt sich im Praxiseinsatz schnell, ob die Standardeinstellung
brauchbar ist oder nach unten bzw. oben angepasst werden sollte.
• Zeige Historie: Wenn Sie diesen Schalter auf Ja setzen, wird die Historie
während des Postings angezeigt. Es empfiehlt sich, diese Einstellung beizubehalten.
• History Limit: Hier legen Sie die maximale Anzahl von Postings fest, die
in der History angezeigt werden. Mit dem Standardwert 6 sind Sie meist
gut bedient.
• Zeige neue Posts: Setzen Sie diesen Schalter auf Ja, so zeigt das Forum
dem User durch eine Kennzeichnung an, in welchem Forum es seit seinem
letzten Besuch Neuigkeiten gibt. Auch diesen Schalter sollten Sie auf
Ja belassen, einfach weil es dem Benutzer erleichtert zu erkennen, wo es
interessante Neuigkeiten geben könnte.
• "Neu" Kennzeichnung: Hier legen Sie fest, durch welche Kennzeichnung
neue Beiträge gekennzeichnet werden. Wenn Ihnen das Ausrufungszeichen
nicht zusagt, können Sie auch eine andere Kennzeichnung wie
beispielsweise Neu verwenden. Auch die Verwendung von Icons ist möglich.
• Deaktiviere Smileys: Wenn Sie die Verwendung von Smileys deaktivieren
wollen, ändern Sie die Einstellung auf Ja.
• Template: Über dieses Auswahlmenü bestimmen Sie, welches Template
in Ihrem Forum verwendet wird. Auch hier gilt: Schauen Sie sich die verschiedenen
Vorlagen einfach einmal an. Vielleicht ist eines dabei, das Ihnen
besser gefällt als die Standardvorlage. Ihnen stehen vier Vorlagen zur
Auswahl. Die Forumvorlage ist übrigens in dem Verzeichnis /components/com_joomlaboard/template/
abgelegt. Sie könnten beispielsweise bestehende
Vorlagen anpassen oder eigene erstellen.
• Textarea Breite: Hier können Sie die Breite des Textbereichs ändern, um
sie an Ihr Template anzupassen.
• Textarea Höhe: Hier können Sie entsprechend die Höhe des Textfelds
anpassen.
www.brain-media.de

Installation und Konfiguration 285
• Regelwerk veröffentlichen? Wenn Sie die Standardkonfiguration Ja beibehalten,
so erscheint in der Forumnavigation ein Link zum Regelwerk, in
dem Sie allgemeine Dinge wie die Forumregeln etc. hinterlegen. Sie können
das Regelwerk einfach anpassen, indem Sie die Datei rules.php im
Verzeichnis com_joomlaboard anpassen. Der relevante Bereich, den Sie
bearbeiten sollten, wird durch folgende Kennzeichnung markiert:
• Forensprung einschalten: Mit der Standardkonfiguration Ja wird im Forum
ein Selektor angezeigt, mit dessen Hilfe Ihre User schnell in eine andere
Kategorie springen können.
Es folgen zehn benutzerbezogene Einstellungen, mit denen Sie insbesondere die
benutzerbezogene Ansicht bestimmen:
• Username: Wählen Sie hier die Option Ja, wenn Sie wollen, dass der
Loginname des Users anstelle des richtigen Namens verwendet wird.
• Verlange E-Mail: Hier können Sie vorgeben, dass die E-Mail-Adresse erforderlich
ist, wenn ein User einen Beitrag postet. In der Standardeinstellung
Nein ist diese Eigenschaft im Frontend abgestellt und Ihre
Forenmitglieder werden vor dem Schreiben nicht nach deren E-Mail-
Adresse gefragt.
• Zeige E-Mail: In der Standardeinstellung Nein wird die E-Mail-Adresse
nicht im Forum angezeigt, auch nicht den registrierten Mitgliedern.
• Zeige User Status: Wählen Sie in diesem Auswahlmenü Ja, damit Benutzerstatistiken
wie die Anzahl der Postings, der Forenrang etc. angezeigt
werden.
• Benutze die Thread-Statistik: In der Standardeinstellung Ja wird die
Anzahl der Beiträge des Mitglieds grafisch in einem Statistik-Balken dargestellt.
• Farbnummer des Statistik-Balkens: Hier tragen Sie die Farbnummer
ein, um die Farbe für den Statistik-Balken festzulegen. Mit der Nummer 1
erzeugen Sie beispielsweise einen roten, mit 4 einen blauen Balken.
• Zeige Karma Indicator: Mit der Einstellung Ja werden das so genannte
Userkarma und die Bewertungs-Buttons (Applaudieren / Peinigen) angezeigt,
vorausgesetzt, Sie haben die User-Statistiken aktiviert.
Joomla! kompakt

286 Forum mit Joomlaboard
• User Rechte: Mit der Einstellung Ja ermöglichen Sie es registrierten
Usern, dass sie ihre eigenen Postings nachträglich bearbeiten können. Die
Übersetzung des Menüs ist etwas unglücklich gewählt. Man hätte es besser
mit Post-Bearbeitung o.Ä. bezeichnet.
• Änderungen in Post anzeigen: Wenn Sie hier die Einstellung Ja wählen,
werden die Änderungen an Postings angezeigt.
• Allow Subscriptions: Wählen Sie hier die Option Ja, damit registrierte
Mitglieder Themen abonnieren und eine Mailbenachrichtigung bei neuen
Postings erhalten.
Auf dem Register Frontend folgen drei letzte Längeneinstellungen:
• Teile Wörter die länger sind als: Hier legen Sie fest, wie viele Buchstaben
ein Wort maximal haben darf. Das ermöglicht Ihnen die Anpassung
der Ausgabe. Siebzig Buchstaben sind der maximal zulässige Wert, der
von den integrierten Templates akzeptiert wird. URLs, egal wie lang sie
sind, sind von der Trennung nicht betroffen.
• Max. Überschriftenlänge: Hier legen Sie die maximale Überschriftenlänge
fest. Die Datenbank erlaubt maximal 255 Buchstaben. Falls Ihre
Seite mit Zeichensätzen wie Unicode, UTF-8 oder Nicht-ISO-8599-x arbeitet,
sollten Sie das Maximum durch die Verwendung folgender Formel
verringern: Abrunden von 255. Wenn Sie beispielsweise UTF-8 mit einer
Zeichensatzgröße von 4 Bytes verwenden, ergibt sich 255/4=63.
• Max. Signatur-Länge: Hier legen Sie fest, wie lang die Signatur der Benutzer
maximal sein darf. Mit dem Standardwert von 300 sind Sie in der
Regel gut bedient.
10.1.3 Mehr Sicherheit für Ihr Forum
Die Joomlaboard-Konfiguration kennt auch verschiedene sicherheitstechnische
Einstellungen, mit denen Sie die Sicherheit Ihrer Foruminstallation optimieren
können. Konkret sind es fünf Anpassungen, die das Register Sicherheit vorsieht:
• Nur für registrierte Mitglieder: Anstelle der Standardeinstellung Nein
sollten Sie diesen Schalter auf Ja setzen, damit nur registrierte Mitglieder
dieses Forum sehen und benutzen dürfen. Mit Nein können auch nichtregistrierte
Besucher dieses Forum sehen und in ihm posten.
www.brain-media.de

Installation und Konfiguration 287
• Erlaube Namensänderung: Setzen Sie diesen Schalter auf Ja, damit nur
registrierte User ihren Namen für ein Posting ändern können.
• Öffentlich Lesen/Schreiben: Wählen Sie hier Ja, um das öffentliche
Schreibrecht zu aktivieren. Mit Nein darf jeder das Forum sehen, aber nur
registrierte Mitglieder dürfen schreiben
• Anti-Flooding: Mit diesem Schalter schützen Sie sich vor dem so genannten
Flooding, dem Überflutetwerden mit Nachrichten. Konkret legen
Sie hier die Zeitspanne fest, die zwischen zwei User-Postings vergehen
muss. Beim Standardwert 0 ist das Anti-Flooding ausgeschaltet. Bachten
Sie allerdings beim Setzen eines Werts, dass Anti-Flooding auch negative
Auswirkungen wie beispielsweise Performance-Probleme verursachen
kann.
• E-Mail Moderator: Setzen Sie diesen Schalter auf Ja, falls der Moderator
bei Antworten in den von ihm moderierten Boards per E-Mail informiert
werden soll. Die Kehrseite dieser Funktion: Ist sie aktiviert, bekommt
der Superadmin auch alle diese Mails.
Sorgen Sie in der Joomlaboard-Konfiguration
für ein Höchstmaß an Sicherheit.
10.1.4 Avatar-Konfiguration
Ihre User können auch so genannte Avatar verwenden. Das sind künstliche Personen
bzw. grafische Stellvertreter echter Personen in der virtuellen Welt. Für die
Konfiguration stehen Ihnen folgende Einstellungen zur Verfügung:
Joomla! kompakt

288 Forum mit Joomlaboard
• Erlaube Avatars: Standardmäßig ist die Avatarfunktion aktiviert, also
auf Ja gesetzt. Das bedeutet, dass registrierte Mitglieder Avatare verwenden
können. Die Verwaltung erfolgt in Deinem Profil.
• Avatar hochladen: Wenn Sie diesen Schalter auf Ja setzen, können Ihre
Benutzer auch eigene Avatare hochladen
• Benutzung der Avatar Gallerie: Dieser Schalter erlaubt die Verwendung
der Avatar-Galerie. Allerdings dürfen nur registrierte Mitglieder auf die
Galerie zugreifen. Sie finden die Avatare im Verzeichnis components/
com_joomlaboard/avatars/gallery/.
• Max. Avatar-Höhe/Breite: Mit diesen beiden Einstellungen bestimmen
Sie die Höhe und Breite in Pixeln.
• Max. Avatar-Dateigröße: Hier beschränken Sie die maximal zulässige
Dateigröße der Avatare in Kilobyte.
Standardmäßig sind die Avatar-Funktionen aktiviert.
10.1.5 Upload steuern
Wenn Sie Ihren Benutzern erlauben, Dateien in das Forum zu laden, so ist das
immer auch mit Sicherheitsrisiken verbunden, schließlich können Sie ja nie sicher
sein, dass es der Benutzer gut meint – oder es nicht besser weiß. Mit den Upload-
Einstellungen können Sie genau steuern, welche Dateien Ihre Benutzer uploaden
dürfen und welche nicht. Die Einstellungen teilen sich in Bilder- und Dateienspezifische
Konfigurationen ein. Die Bildereinstellungen:
www.brain-media.de

Installation und Konfiguration 289
• Jedem erlauben, Bilder hochzuladen: Standardmäßig erlaubt Joomlaboard
den Upload nur registrierten Benutzern. Behalten Sie die Voreinstellung
Nein am besten bei.
• Erlaube registrierten Usern, Bilder hochzuladen: Stellen Sie sicher,
dass diese Option auf Ja steht, damit nur registrierte und eingeloggte User
Bilder hochladen können. Beachten Sie, dass (Super-)Administratoren
und Moderatoren immer Bilder hochladen können.
• Max. Bild Höhe/Breite: In diesen beiden Eingabefeldern bestimmen Sie
die maximal zulässige Höhe und Breite von Bildern.
• Max. Bilder Größe: Außerdem können Sie die maximal zulässige Dateigröße
für Ihre Bilder in Kilobyte bestimmen.
Die Upload-Einstellungen für Bilder und sonstige Dateien.
Und die Datei-spezifischen Einstellungen:
• Erlaube jedem, Dateien hochzuladen: Diesen Schalter sollten Sie in jedem
Fall auf Nein setzen, damit nicht beliebige Benutzer Dateien auf Ihr
System hochladen können.
Joomla! kompakt

290 Forum mit Joomlaboard
• Erlaube registrierten Usern Dateien hochzuladen: Standardmäßig ist in
Joomlaboard das Hochladen nur für registrierte und eingeloggte User
möglich. Mit dieser Einstellung sind Sie in jedem Fall gut bedient. Auch
hier gilt: (Super-)Administratoren und Moderatoren können immer Dateien
hochladen.
• Erlaubte Datei-Typen: In diesem Eingabefeld können Sie die zulässigen
Dateitypen bestimmen. Mehrere Einträge sind durch Komma ohne Leerzeichen
voneinander zu trennen. Verwenden Sie Kleinschreibung. Ein
Beispiel: zip,txt,exe,htm,html.
• Max. Größe: Schließlich können Sie auch hier die maximale Dateigröße
in Kilobyte festlegen.
Die Ranking-Einstellungen von Joomlaboard.
10.1.6 Die Ranking-Einstellungen
Die Ranking-Funktion dürfte Ihnen von Besuchen anderer Web-basierter Diskussionsforen
bekannt sein. Sie bewertet die User auf Grundlage der verschickten
Postings. Wenn Sie derlei Bewertungsmechanismen ebenfalls nutzen wollen, müssen
Sie zunächst den Schalter Zeige Ranking mit Ja aktivieren. Damit die Bewer-
www.brain-media.de

Installation und Konfiguration 291
tung funktioniert, muss auf dem Register Advanced des jeweiligen Forums die
Statistikfunktion aktiviert sein.
Mit der Option Nutze Rank Bilder bestimmen Sie, ob der Userrang per Grafik
angezeigt werden soll oder nicht. Sie finden die zugehörigen Abbildungen im Verzeichnis
/components/com_joomla/ranks/. Ist diese Option ausgeschaltet, wird der
Rang als Text angezeigt. Außerdem können Sie für die verschiedenen Ränge Limits
und die zugehörigren Bezeichnungen setzen. Mit den Limitwerten legen Sie
fest, wie viele Postings ein Benutzer verschickt haben muss, bevor er in den nächsten
Rang gelangt.
Ein weiteres Highlight von Joomlaboard: die Integration
und das Zusammenspiel mit Drittanwendungen.
10.1.7 Zusammenspiel mit Drittanwendungen
Eine weitere Besonderheit von Joomlaboard ist das Zusammenspiel mit Drittanwendungen.
So können Sie beispielsweise myPMS für den Mailversand oder den
oben beschriebenen Community Builder integrieren. Damit die Integration gelingen
kann, muss natürlich die entsprechende Komponente auf Ihrem System installiert
sein. Nur dann ist ein Zusammenspiel möglich. Die erste Einstellung:
Joomla! kompakt

292 Forum mit Joomlaboard
• Von wo soll das Avatar verwendet werden? Vorausgesetzt, myPMS
Professional oder der Community Builder ist installiert, können Sie
Joomlaboard so konfigurieren, dass das Avatar von myPMS Pro oder dem
CB-Benutzerprofil verwendet wird.
Es folgt eine Einstellung zu myPMS II & myPMS Professional:
• myPMS2 Private Nachrichten: Wenn Sie diesen Schalter auf Ja setzen,
können Ihre Mitglieder anderen Mitgliedern private Nachrichten schreiben.
Das Zusammenspiel mit dem Community Builder setzt voraus, dass Sie mit Version
1.0 oder höher arbeiten. Für den Community Builder stehen Ihnen zwei Einstellungen
zur Verfügung:
• Community Builder integrieren? Um den Community Builder zu integrieren,
setzen Sie diese Einstellungen zunächst auf Ja. Alle Joomlaboard-
Benutzerprofilfunktionen werden vom Community Builder verwaltet und
die Profil-Links verweisen auf das CB-Profil. Diese Einstellung überschreibt
alle myPMS-Pro-Profileinstellungen, wenn beide Tools mit Ja integriert
sind.
• Community Builder Forumprofil erstellen: Klicken Sie auf den Link
Hier klicken, um die notwendigen Forumeinträge im Community-Builder-
Benutzerprofil zu erstellen. Nachdem sie erstellt wurden, steht es Ihnen
frei, sie mithilfe des Community-Builder-Admin-Systems zu verschieben.
Es folgt eine Einstellung für den Badword-Filter:
• Badword-Filter verwenden: Wenn Sie diesen Filter aktivieren, werden
unerwünschte Wörter auf den Foren herausgefiltert. Auch hier ist die Installation
der Erweiterung erforderlich. Sie finden den Filter unter
http://mamboxchange.com/frs/?group_id=251. Diese kleine, aber feine
Komponente erlaubt das Erstellen einer Liste unerwünschter Begriffe.
Außerdem können Sie reguläre Ausdrücke für das Filtern und spezielle
Benutzeraccounts erstellen, für die andere Regeln gelten.
www.brain-media.de

Foren erstellen und verwalten 293
Die Badwords-Komponente lässt sich
einfach in Joomlaboard integrieren.
Schließlich können Sie das Discussbot in Ihrem Forum integrieren. Hier steht Ihnen
lediglich die Option Aktiviere den Discuss Mosbot zur Verfügung. Der
Discuss-Mosbot ermöglicht es Ihren Benutzern, Artikel im Forum zu diskutieren.
10.2 Foren erstellen und verwalten
Joomlaboard erlaubt Ihnen das Erstellen mehrerer Foren, in denen sich die Benutzer
unterschiedlichen Themen widmen können. So können Sie beispielsweise ein
Forum Allgemeines einführen, in dem allgemeine Fragen zu Ihrem Unternehmen
und/oder Ihren Produkten im Mittelpunkt stehen. Sie könnten ein weiteres Forum
zu Produktneuigkeiten und noch ein weiteres zu Produkt A und eines zu Produkt B
einführen.
Für das Erstellen eines Forums ist die Forenverwaltung zuständig, die sich hinter
dem Link Forum Administration verbirgt. Haben Sie über das Joomlaboard-
Control-Panel die Beispieldateien installiert, so finden Sie in der Forenverwaltung
bereits zwei Einträge:
• Forum Category
• Forum Category/ Forum 1
Zu jedem Listeneintrag werden Ihnen folgende Informationen angezeigt:
• Locked: Hier erfahren Sie, ob das Forum gesperrt ist oder nicht.
• Moderated: Zeigt, ob es einen Forenmoderator gibt.
• Review: Hier erfahren Sie, ob die Forenbeiträge vom Moderator auf ihren
Inhalt hin überprüft werden, bevor sie freigegeben werden.
• Published: Zeigt an, ob das Forum veröffentlicht ist oder nicht.
Joomla! kompakt

294 Forum mit Joomlaboard
• Public Access: Zeigt an, wer Zugriff zu dem Forum hat.
• Admin Acces: Zeigt an, wer Admin-Zugriff hat.
• Checked out: Hier wird der Check-out-Status angezeigt.
• Reorder: Erlaubt das Ändern der Reihenfolge.
Um ein erstes neues Forum zu erstellen, klicken Sie auf New. Im zugehörigen
Dialog stehen Ihnen drei Register zur Verfügung, über die Sie allgemeine und
erweiterte Eigenschaften bestimmen und außerdem festlegen, ob das Forum moderiert
wird.
Eine Kategorie entsteht.
Das Formular Add Category/Forum erlaubt das Erstellen von Kategorien und Foren.
An dieser Stelle muss darauf hingewiesen werden, dass bei Joomlaboard der
Begriff „Forum“ doppelt belegt ist. Zum einen sind damit das gesamte Diskussionsforum,
zum anderen die einzelnen Diskussionsstränge gemeint. Beachten Sie,
dass es sich bei dieser Doppeldeutigkeit um eine Joomlaboard-spezifische Benennung
handelt. Bei anderen Lösungen ist die Trennung klarer.
Beim Erzeugen eines neuen Diskussionsforums müssen Sie zunächst eine Kategorie
erzeugen. Dazu wählen Sie aus dem Auswahlmenü Parent den Eintrag Top
Level Category. Eine Kategorie dient als Container für Ihre Foren. In das Textfeld
www.brain-media.de

Foren erstellen und verwalten 295
geben Sie die Kategorienbezeichnung ein und hinterlegen gegebenenfalls eine
Beschreibung. Mit einem Klick auf Save speichern Sie die Forenkategorie.
Nachdem Sie die Forenkategorie erstellt haben, können Sie einen ersten Diskussionsstrang
erzeugen. Beachten Sie, dass ein Diskussionsforum nur innerhalb einer
Kategorie erzeugt werden kann.
Als Nächstes kann ein erstes Forum, genauer
ein Diskussionsstrang definiert werden.
Um Ihren ersten Diskussionsstrang zu erstellen, klicken Sie in der
Forenverwaltung wieder auf New und wählen dieses Mal unter Parent die oben
erzeugte Kategorie aus, bestimmen den Forentitel und geben auch hier wieder
unter Description eine Beschreibung an. Mit einem Klick auf Save speichern Sie
das erste Forum.
So oder so ähnlich könnte Ihre Forenverwaltung
nach den ersten Schritten aussehen.
Joomla! kompakt

296 Forum mit Joomlaboard
Als Nächstes machen Sie sich an die Konfiguration des ersten Forums. Dazu öffnen
Sie den Eintrag Firmenforum/Allgemeines. Hier wechseln Sie zum Register
und passen verschiedene Foreneinstellungen an. Konkret können Sie folgende
Anpassungen vornehmen:
• Locked: Wenn Sie diesen Schalter auf Yes setzen, ist das Forum gesperrt
und niemand außer den Moderatoren und Administratoren kann neue Beiträge
oder Replies verfassen.
• Public Access Level: Mit diesem Auswahlmenü bestimmen Sie, wer Zugriff
auf das Forum hat. Standardmäßig wird jedem (Everybody) Zugriff
gewährt. Um ein nicht öffentliches Forum zu erstellen, bestimmen Sie den
minimalen Benutzerlevel, dem Sie Zugriff gewähren wollen. Beachten Sie
Folgendes: Wenn Sie den Zugriff auf eine Kategorie beschränken, so
können Sie damit automatisch auch den Zugriff auf alle der Kategorie untergeordneten
Stränge einschränken – abhängig von der folgenden Option.
Die erweiterten Einstellungen Ihres ersten Forums.
www.brain-media.de

Benutzeradministration und Sonstiges 297
• Include Child Groups: Mit dieser Einstellung legen Sie fest, ob der Zugriffslevel
für untergeordnete Gruppen gilt. Wenn Sie den Standardwert
No beibehalten, so wird der Zugriff nur auf die gewählte Gruppe begrenzt.
• Admin Access Level: Wenn Sie ein Forum mit Zugriffsbeschränkungen
erstellen, so können Sie hier einen zusätzlichen Administrationslevel definieren.
• Include Child Groups: Mit diesem Schalter können Sie die Zugriffsbeschränkungen
auf untergeordnete Gruppen vererben.
• Review Posts: Setzen Sie diesen Schalter auf Yes, damit die
Forenbeiträge durch einen Moderator geprüft und freigegeben werden
müssen. Wenn Sie keinen Moderator erstellt haben, ist der Site-Admin für
die Freigabe verantwortlich.
Um die Moderation für Ihr Forum zu aktivieren, wechseln Sie zum Register Moderation
und schalten Sie auf Yes um. Erst dann können Sie dem Forum über New
Moderator einen Moderator zuweisen. Das bedeutet aber noch nicht, dass der Moderator
auch alle Beiträge prüfen muss. Hierzu müssen Sie die Review-Option auf
dem Register Advanced aktivieren.
Beachten Sie außerdem, dass Sie nach der Aktivierung der Moderation erst die
Einstellung speichern müssen, bevor Sie dem Forum einen Moderator hinzufügen
können.
10.3 Benutzeradministration und Sonstiges
Der Umgang mit der Benutzeradministration von Joomlaboard ist etwas gewöhnungsbedürftig.
Joomlaboard greift bei der Benutzerverwaltung auf die Joomla!-
Datenbank zurück. Wenn Sie einen Blick auf die Joomlaboard-Benutzerverwaltung
werfen, stellen Sie allerdings fest, dass diese leer ist. Ein Joomla!-Benutzer ist erst
dann auch Joomlaboard-Benutzer, wenn er über das Frontend auf das Forum zugreift.
Erst wenn der eingeloggte Benutzer auf das Forum zugreift, können Sie
seine Einstellungen bearbeiten und ihn beispielsweise zu einem Forenadmin machen.
So richtig komfortabel ist das Ganze nicht. Bleibt zu hoffen, dass sich das bei
kommenden Joomlaboard-Versionen vereinfacht.
Das Joomlaboard-Control-Panel stellt Ihnen weitere nützliche Funktionen zur
Verfügung. So können Sie beispielsweise die hochgeladenen Bilder bzw. Dateien
über die gleichnamigen Links einsehen.
Joomla! kompakt

298 Forum mit Joomlaboard
Die Bereinigungsfunktion.
Eine weitere Funktion erleichtert Ihnen die Pflege der Forum-Installation. Mit der
Bereinigungsfunktion, die sich hinter dem Link Bereinigen der Foren verbirgt,
legen Sie den Zeitraum fest, wann Postings entfernt werden, zu denen keine neuen
Beiträge mehr verfasst wurden.
Der Joomlaboard-Template-Editor.
www.brain-media.de

Benutzeradministration und Sonstiges 299
Wenn Sie dem Link Bearbeite CSS Datei folgen, gelangen Sie zum Template-
Editor. Über das textbasierte Eingabefeld können Sie Änderungen an der aktuell
installierten Vorlage vornehmen. Der Editor zeigt auch den Pfad zur aktuellen
Vorlage an.
Werfen wir noch einen kurzen Blick auf das Frontend. Am einfachsten ist es, wenn
Sie Ihr Forum über das Hauptmenü in Ihre Joomla!-Site integrieren. Beim Zugriff
auf das Forum präsentiert Ihnen Joomlaboard die von Ihnen erzeugten Kategorien
und Foren.
Der Dialog zum Verfassen von Beiträgen.
Die Forenübersicht zeigt Ihnen außerdem an, wie viele Themen in einem Forum
diskutiert wurden, wie viele Antworten es gab und wann die letzte Nachricht gepostet
wurde.
Joomla! kompakt

300 Forum mit Joomlaboard
Das Verfassen eines Beitrags ist ebenfalls recht einfach. Greifen Sie auf einen
Diskussionsfaden zu und eröffnen Sie mit einem Klick auf Neues Thema eine neue
Diskussion. Alternativ öffnen Sie einen Beitrag und klicken auf Antworten.
Im Verfassen-Dialog erstellen Sie Ihren Beitrag, fügen Smileys, Links oder auch
Bilder ein. Über den Vorschau-Button prüfen Sie, ob Ihr Beitrag Ihren Vorstellungen
entspricht, bis Sie ihn mit einem Klick auf Weiter veröffentlichen.
10.4 Fazit
Mit Joomlaboard steht Ihnen eine leistungsfähige und benutzerfreundliche Komponente
zur Verfügung. Die Integration in Joomla! ist sehr gut gelungen. Man darf
sich schon jetzt auf die kommende Version freuen, die dann beispielsweise ein
vereinfachtes Smiley-Management im Backend, die Unterstützt alle wichtigen
privaten Messaging-System und mehr Flexibilität bei der Bearbeitung von Templates
wird soll. Joomlaboard 1.2 wird vermutlich auch eine Abstimmungsfunktion
erhalten.
www.brain-media.de

Joomla! kompakt
Fazit 301

302 Online-Shop mit VirtueMart
11 Online-Shop mit VirtueMart
Joomla! kann mittels Add-ons nicht nur um typische Content-spezifische Funktionen
erweitert werden, sondern auch um Shopping-Funktionalität. Inzwischen gibt
es sogar nicht nur eine Shopping-Erweiterung für Joomla!, sondern gar mehrere.
Die ausgereifteste ist sicherlich VirtueMart (http://www.virtuemart.org), das ehemalige
mambo-phpShop. Funktional hat das Shoppingsystem eine ganze Menge zu
bieten. Wie Sie der VirtueMart-Website entnehmen können, gibt es sogar eine
ganze Menge Online-Shops, die mit dem System realisiert wurden. Sie belegen,
dass das Shopping-System bestens typischen Anforderungen genügt. Wichtig:
Auch das Shopping-System ist frei verfügbar. In diesem Kapitel steigen wir in das
Erstellen und die Administration eines Online-Shops für das Joomla!-Content-
Managementsystem ein.
11.1 VirtueMart-Basics
Bevor wir uns der Praxis zuwenden, wollen wir noch einen Blick auf die vielen
Funktionen werfen, die VirtueMart zu bieten hat. Die wichtigsten sind sicherlich:
• unbegrenzte Produkte und Produktkategorien
• Verkauf von Download-fähigen Produkten
• typische Warenkorbfunktion
• Verwendung kleiner und großer Grafiken
• beliebige Produkteigenschaften
• Kundenmanager
• Konfiguration und Anpassung über eine Joomla!-ähnliche Schnittstelle
• Shop-Erweiterung durch weitere Module und Komponenten
• detaillierte Statistiken
• Bestellverwaltung
• benutzerdefinierte Steuersätze
• benutzerdefinierte Versandkosten
www.brain-media.de

VirtueMart-Basics 303
• Versandverfolgung
• Unterstützung wichtiger Zahlungssysteme und, und, und
Einen detaillierten Überblick finden Sie auf der Produkt-Website.
Die Inbetriebnahme von VirtueMart ist denkbar einfach. Laden Sie einfach das
VirtueMart-Paket herunter, das die Bezeichnung VirtueMart 1.06 Complete
Package.zip hat. In diesem Paket sind neben dem eigentlichen Shopping-System
mehrere optionale Zusatzkomponenten enthalten. Dazu später mehr.
Entpacken Sie das ZIP-Archiv in einen Ordner Ihrer Wahl und führen Sie dann die
Installation des Pakets aus. Die Installation führen Sie wie gewohnt über das
Installers-Menü aus. Wählen Sie die Datei com_virtuemart_1.0.6.tar.gz aus und
klicken Sie dann auf Upload File & Install. Der Upload dauert kurze Zeit. Gelingt
die Installation, gibt VirtueMart eine Erfolgsmeldung aus, wie sie nachstehende
Abbildung zeigt.
Die Installation von VirtueMart ist erfolgreich abgeschlossen.
Alternativ können Sie die Komponenten auch von Hand installieren. Dazu entpacken
Sie das ZIP-Archiv der Datei und führen beispielsweise einen Upload des
VirtueMart-Ordners mit einem FTP-Client durch. Nach der erfolgreichen Installation
bietet Ihnen VirtueMart den direkten Weg zum Shop und die Installation von
Beispieldaten an. Wenn Sie das erste Mal mit dem Shopping-System arbeiten,
Joomla! kompakt

304 Online-Shop mit VirtueMart
sollten Sie die Beispieldaten installieren und mit diesen die ersten Gehversuche in
der Umgebung unternehmen.
Wenn Sie sich für die Installation der Beispieldaten entscheiden, beansprucht auch
dieser Vorgang ein wenig Zeit. Sie müssen sich erneut einloggen und VirtueMart
präsentiert Ihnen eine weitere Meldung, dass die Beispieldaten erfolgreich installiert
sind. Nun haben Sie auch die Gelegenheit, einen ersten Blick auf die
VirtueMart-Administration zu werfen.
Bevor Sie allerdings fortfahren, müssen Sie das VirtueMart-Modul installieren.
Dazu wechseln Sie zum Modul-Installationsdialog, wählen die Datei
mod_virtuemart_1.6.0.tar.gz aus und führen die Installation mit einem Klick auf
Upload & Install durch. Auch hier sollte zum Abschluss eine Erfolgsmeldung
ausgegeben werden.
Wichtig ist, dass Sie das Modul über die Joomla!-Modulverwaltung publizieren.
Das gilt natürlich auch für alle weiteren Module, die im VirtueMart-Paket enthalten
sind.
Tipp
Über die VirtueMart-Website ist auch ein E-Commerce-Bundle verfügbar, das die
Bezeichnung Joomla 1.x eCommerce Edition hat. Neben Joomla! und VirtueMart
sind darin der joomlaXplorer und Letterman enthalten. Damit vereinfacht sich der
Aufbau einer E-Commerce-Site. Sie finden das Paket im Download-Bereich der
VirtueMart-Site.
Sie sollten außerdem das VirtueMart-Mambot installieren. Dazu greifen Sie wieder
zum Installers-Menü und installieren die Dateien virtuemart.searchbot_1.0.6.tar.gz
und mosproductsnap_1.0.6.tar.gz. Der Bot Searchbot stellt die Suchfunktion in
Ihrem Online-Shop zur Verfügung, der Snapshot-Bot ist für den Abbildungs-
/Preis- und Bestell-Link in der Joomla!-Site zuständig.
Auch hier ist es wichtig, dass die Bots publiziert werden, bevor sie in den Content
eingebunden und genutzt werden. Damit ist die Installation des Shopping-Systems
erledigt. Nun können Sie sich an das Kennenlernen der VirtueMart-Schnittstelle
machen.
Bevor wir uns mit der VirtueMart-Administration befassen, werfen wir noch einen
Blick auf die weiteren Module. Nachstehende Übersicht fasst die Module und
deren Funktionen zusammen:
www.brain-media.de

VirtueMart-Basics 305
Modul
mod_product_categories
mod_productscroller
mod_virtuemart_allinone
mod_virtuemart_cart
Kurzbeschreibung
Das Produktkategorie-Modul zeigt die Produktkategorien
an, die Sie erzeugt haben.
Das Produkt-Scroller-Modul erlaubt das Scrollen
in der Produktliste.
Das All-in-one-Modul fasst die Informationen
der Module Neuste Produkte, Feature-
Produkt, Top Ten oder Zufallsprodukt in einem
Modul zusammen.
Das Mini-Cart-Modul stellt einen Verweis zum
Warenkorb dar, der problemlos in jede Seite
eingefügt werden kann und den Kunden zu
seinem Einkaufswagen führt.
mod_virtuemart_featuredprod Das Featured-Products-Modul präsentiert
Produkte, die Sie besonders hervorheben
wollen, beispielsweise weil sie gerade in einer
Rabattaktion günstiger angeboten werden.
mod_virtuemart_latestprod
mod_virtuemart_manufacturers
mod_virtuemart_randomprod
mod_virtuemart_search
mod_virtuemart_topten
Im Latest-Products-Modul werden die neuesten
Produkte in Ihrem Shop angezeigt. So
erfährt der Kunde schnell, welches die neuesten
Waren sind.
Im Manufacturer-Modul werden die Hersteller
der Produkte Ihres Online-Shops aufgeführt.
Der Kunde kann sich über den entsprechenden
Link einen Überblick verschaffen, was
noch alles von einem bestimmten Hersteller
stammt.
Mit diesem Random-Products-Modul werden
die Produkte des Shops oder einer Kategorie
nach dem Zufallsprinzip angezeigt.
Dieses Modul ist eine weitere Suchfunktion,
mit der die Kunden Ihren Shop durchsuchen
können.
Das Modul Top-Ten-Products listet die Bestseller
Ihres Online-Shops auf.
Natürlich sind die Funktionen der einzelnen Module konfigurierbar.
Nun können Sie sich den ersten administrativen Aufgaben widmen. Bevor Sie sich
mit der Shop-Administration befassen, sollten Sie allerdings mit einigen Dingen
Joomla! kompakt

306 Online-Shop mit VirtueMart
vertraut sein, die die Integration und das Zusammenspiel mit dem Content-
Managementsystem betreffen.
Zunächst ist anzumerken, dass VirtueMart auf verschiedene Einstellungen der
globalen CMS-Konfiguration zurückgreift. Konkret sind das die folgenden:
• Allow User Registration: Sie sollte auf Yes stehen. Jeder Benutzer bzw.
Kunde muss ein registrierter Benutzer Ihrer Site sein, damit er den Checkout-Vorgang
ausführen kann. VirtueMart stellt Ihnen ein erweitertes Registrierungsformular
zur Verfügung, über das Kunden ihre Kontaktdaten
und Lieferadressen hinterlegen können. Füllt ein Benutzer dieses Formular
aus, so wird er automatisch in die Joomla!-Benutzerverwaltung eingetragen.
• Use New Account Activation: Diese Einstellung steht auf No. Bei dieser
Konfiguration steht für Benutzer ein optimierter Checkout-Prozess zur
Verfügung, der den Abschluss des Kaufvorgangs vereinfacht. Benutzer
müssen nicht erst ihren Account aktivieren, um dann den Checkout-
Vorgang abschließen zu können.
Ein erster Blick auf die VirtueMart-Komponente.
www.brain-media.de

VirtueMart-Administration 307
• Mail Configuration: VirtueMart greift auf die Mail-Konfiguration des
Systems zurück, um beispielsweise Bestellbestätigungen zu versenden.
Hier sollten Sie die Joomla!-Mail-Konfiguration überprüfen. Beachten Sie
Folgendes: Wenn Sie die Shop-Einstellungen und die E-Mail-Adresse
nicht ändern, werden die Bestellbestätigungen an demo_order@virtuemart.org
verschickt. Da das nicht in Ihrem Interesse sein kann, sollten Sie
diese Einstellungen ändern. Dazu später mehr.
• Localization/ Language: VirtueMart greift auf die Standardsprache Ihrer
Joomla!-Installation zurück. Wird das gewählte Sprachmodul nicht gefunden,
verwendet VirtueMart die englische Variante.
• Search Engine Friendly URLs: Diese Einstellung sollte auf Off stehen,
denn die Verwendung von SEF kann zu URL-redirection-limit-exceeded-
Fehlern führen.
11.2 VirtueMart-Administration
Nach der erfolgreichen Installation und nachdem Sie die Joomla!-Konfiguration
auf ihre VirtueMart-konformen Einstellungen überprüft haben, können Sie sich der
Shop-Administration widmen. Zunächst sollten Sie allgemeinen Einstellungen
vornehmen und sich dann beispielsweise im nächsten Schritt den Produkten widmen.
VirtueMart verfügt über eine Systemsteuerung, die mit der des Content-
Managementsystems vergleichbar ist. Sie greifen über das Joomla!-Menü Components>
VirtueMart auf das Shopping-System zu. VirtueMart präsentiert Ihnen eine
eigene Navigationsleiste, Icons für den schnellen Zugriff auf die wichtigsten Funktionen
und ein typisches Infofeld. Die Shop-Administration erfolgt über Admin>
Configuration. Der Zugriff auf diese Einstellungen ist standardmäßig nur für Benutzer
mit der Berechtigung admin möglich.
11.2.1 Allgemeine Shop-Konfiguration
Für die Shop-Konfiguration stehen Ihnen sechs Register zur Verfügung, über die
Sie allgemeine wie auch sehr spezifische Einstellungen vornehmen. Am umfangreichsten
sind die Einstellungen des Registers Global, auf dem zusammengehörige
Einstellungen in mehreren Bereichen gruppiert sind.
Die Einstellungen von Global:
Joomla! kompakt

308 Online-Shop mit VirtueMart
• Shop is offline? Wenn Sie diese Option aktivieren, geht der Shop offline.
Sie können also zwischen dem Online- und Offline-Modus hin- und herschalten.
Mit dieser Funktion können Sie den Shop bequem „vom Netz“
nehmen, um beispielsweise Wartungsarbeiten durchzuführen.
• Offline Message: Hier hinterlegen Sie die Meldung, die eingeblendet
wird, wenn Sie den Shop in den Offline-Modus geschaltet haben. Innerhalb
des Textfelds können Sie wie gewohnt HTML-Formatierungen verwenden.
• Use only as catalogue: Sie können VirtueMart auch als reinen Katalog
nutzen. Dazu aktivieren Sie diese Option und deaktivieren damit gleichzeitig
die Einkaufsfunktion.
Die ersten Einstellungen der Shop-Konfiguration.
Es folgt die Preiskonfiguration (Price Configuration):
www.brain-media.de

VirtueMart-Administration 309
• Show Prices: Mit diesem Schalter können Sie die Ansicht der Preise
deaktivieren. Das ist beispielsweise dann sinnvoll, wenn Sie Ihr System
als Katalog verwenden und lediglich die Produkte präsentieren wollen.
• Membergroup to show prices to: Hier legen Sie fest, welche Benutzergruppe
die Preise zu sehen bekommt. Diese Funktion ist standardmäßig
aktiviert und so konfiguriert, dass für alle Benutzer (Public Frontend) die
Preisinformationen angezeigt werden. Alle Benutzer mit höheren Berechtigungen
als der gewählten bekommen die Preise zu Gesicht.
• Show „(including xx % tax)” when appicable? Hier legen Sie fest, ob
der Text „including xx % tax” bei der Preisanzeige eingeblendet wird.
Diesen Text können Sie natürlich eindeutschen.
• Show price label for packaging? Hier legen Sie fest, ob der Link zu den
Preisen für die Verpackung angezeigt wird.
11.2.2 Benutzerregistrierung
Es folgen die Einstellungen für die Benutzerregistrierung (User Registration Settings):
• Use silent (hidden) user registration? Wenn Sie diesen Schalter aktivieren,
müssen die Benutzer keinen Benutzernamen und kein Passwort für
einen neuen Account angeben. Stattdessen wird die E-Mail-Adresse als
Kennung verwendet und ein Passwort mit dem Zufallsgenerator erzeugt.
Die Details zur Registrierung werden an den Kunden gemailt.
• Joomla! User registration allowed? Hier zeigt Ihnen VirtueMart die entsprechende
Konfiguration von Joomla! an. Diese soll wie bereits oben
erwähnt aktiviert sein.
• Joomla! New account activation nessessary? Hier zeigt Ihnen
VirtueMart an, dass die Joomla!-Option New Account Registration aktiviert
sein muss.
11.2.3 Steuerliche Belange
Als Nächstes ist die Konfiguration der Steuereinstellungen dran (Tax Configuration):
• Virtual Tax: Hier legen Sie fest, ob auch Produkten ohne Gewicht, also
beispielsweise Downloads, eine Steuer zugewiesen wird. Sie können diese
Joomla! kompakt

310 Online-Shop mit VirtueMart
Einstellung durch einen manuellen Eingriff in ps_checkout.php ändern.
Sie finden die Datei im Ordner
/Joomla/administrator/components/com_virtuemart/classes/. Dort bearbeiten
Sie calc_order_taxable().
• Tax mode: Über dieses Auswahlmenü bestimmen Sie den Steuermodus.
Sie haben die Wahl, ob die Adresse des Verkäufers oder die des Kunden
für die Berechnung des Steuersatzes ist. In der Regel ist es die Adresse
des Shop-Betreibers.
• Enable multiple tax rates? Aktivieren Sie diese Option, wenn Sie Waren
mit unterschiedlichen Steuersätzen über Ihren Online-Shop anbieten. Das
ist beispielsweise der Fall, wenn Sie Bücher und CDs anbieten. Für die
einen gilt ein reduzierter Steuersatz von 7, für die anderen einer von 19
Prozent.
• Subtract payment discount beforetax/shipping? Wenn Sie die Option
aktivieren, wird ein Rabatt vor der Berechnung der Steuer abgezogen.
Standardmäßig erfolgt die Rabattberechnung nach der Addition von Waren,
Steuer und Versandkosten.
Die umfangreichen Frontend-Einstellungen.
www.brain-media.de

VirtueMart-Administration 311
11.2.4 Die Frontend-Konfiguration
Es folgen die Einstellungen für das Frontend (Frontend Features):
• Enable Coupon Usage: Wenn Sie Ihren Kunden, in welcher Form auch
immer, Gutscheine für Rabatte anbieten, so können Sie deren Einlösung
mit diesem Schalter erlauben.
• Enable Customer Review/Rating System: Hier legen Sie fest, ob Ihre
Benutzer prinzipiell Ihre Produkte bewerten können. Die Beurteilung
kann dann in der Produktliste samt Anzahl der Bewertungen angezeigt
werden – so wie Sie es von Amazon & Co. kennen.
• Customers can leave bank account data? Wenn Sie den Bestellbetrag
vom Konto des Kunden einziehen können/wollen, so aktivieren Sie diese
Option. Der Kunde kann dann bei der Zahlungsmethode seine Bankverbindung
angeben.
• Customer can select state/region: Ist diese Option aktiv, so stellt
VirtueMart dem Kunden ein Auswahlmenü zur Verfügung, über das er
sein Land bestimmen kann.
• Must agree to Terms of Service? Hier legen Sie fest, ob der Kunde Ihren
Geschäftsbedingungen zustimmen muss. Behalten Sie die Standardeinstellung
bei, die diese Option aktiviert.
• Must agree Terms of Service on EVERY ORDER? Aktivieren Sie diese
Option, so müssen wiederkehrende Kunden bei jedem Einkauf den Geschäftsbedingungen
zustimmen.
• Show a short note about your “Return Policy” … : Aktivieren Sie diese
Option, damit Sie Ihre Kunden über Ihre Rücknahmebedingungen informieren
können. Diese Bedingungen sind in Deutschland durch das
Fernabsatzgesetz geregelt, das das Widerrufs- und Rückgaberecht für bestellte
Waren von zwei Wochen ab Erhalt der Lieferung vorsieht.
• Legal information text (short version): Hier hinterlegen Sie die kurze
Variante der Return Policy. Diese wird auf der letzten Seite angezeigt,
und zwar oberhalb des Buttons für die Bestätigung der Bestellung.
• Long version of the return policy: Hier legen Sie das Dokument fest, in
dem die Widerspruchs- und Rückgabeinformationen enthalten sind. Sie
müssen dazu ein neues Content-Item erstellen und die Informationen dort
ablegen.
Joomla! kompakt

312 Online-Shop mit VirtueMart
Den Abschluss bilden die Core-Settings:
• Check Stock? Wenn Sie diesen Schalter aktivieren, fragt VirtueMart den
Lagerbestand ab, ob die bestellte Ware auch verfügbar ist, bevor sie dem
Warenkorb des Kunden hinzugefügt wird. Ist der Schalter aktiviert, kann
der Kunde nicht mehr als verfügbare Einheiten eines Produkts ordern.
• Enable Affiliate Program? Mit diesem Schalter können Sie das Tracking
eines Partner-Programms im Shop-Frontend aktivieren. Das setzt voraus,
dass die Affiliate-Unterstützung im Backend aktiviert ist.
• Order-mail format: Über dieses Auswahlmenü legen Sie fest, ob die Bestellbestätigung
als reine Textdatei oder als HTML-Mail versendet wird.
Prinzipiell sollten Sie die Textvariante vorziehen.
• ENCODE KEY: Hier legen Sie den Schlüssel fest, der die Account-
Daten wie Kontaktdaten, Kreditkartennummer etc. in der Datenbank verschlüsselt.
So sind diese Daten vor Dritten gesichert.
• Allow Frontend-Administrator for non-Backend Users? Mit diesem
Schalter können Sie die Shop-Administration an spezielle Shop-Admins
delegieren, die dann aber keinen Zugriff auf das Joomla!-Backend haben.
Den Abschluss des Global-Registers bilden die Core Settings.
www.brain-media.de

VirtueMart-Administration 313
11.2.5 Pfad und URL
Die Einstellungen des Registers Path & URL fallen weit weniger umfangreich aus.
Um genau zu sein, sind es gerade einmal eine Handvoll Einstellungen:
• SECUREURL: Wenn Sie den Zugriff auf Ihren Shop per SSL sichern
(was Sie auf jeden Fall machen sollten), geben Sie hier den Pfad zur gesicherten
Site an. Der Pfad lautet dann beispielsweise
https://server.de/joomla/. Wichtig ist der abschließende Schrägstrich.
• Table Prefix for Shop Tables: Hier bestimmen Sie das Präfix Ihrer
Shop-Tabellen, die dann in der MySQL-Datenbank abgelegt werden. Der
Standard lautet vm. Sie können aber auch jede andere Bezeichnung verwenden,
auch shop. Sie finden die Tabellen bei einer Standardkonfiguration
im data-Verzeichnis von MySQL. Mithilfe von phpMyAdmin können
Sie die Daten einsehen.
Die Pfad- und URL-Einstellungen des Shopping-Systems.
• HOMEPAGE: Hier legen Sie die Startseite Ihres Shops fest. Diese ist
standardmäßig shop.index. Damit bestimmen Sie, welche Seite im Frontend,
also auf Kundenseite beim Zugriff auf den Shop geöffnet wird.
Joomla! kompakt

314 Online-Shop mit VirtueMart
• ERRORPAGE: Hier legen Sie die Seite fest, die beim Auftreten von
Fehlern angezeigt wird.
• DEBUG?: Schließlich können Sie die Ausgabe von Debug-Meldungen
am Seitenende aktivieren. Diese Funktion kann Ihnen insbesondere bei
der Shop-Entwicklung nützlich sein, um Fehlern auf den Grund zu gehen.
11.2.6 Design und Layout
Beim Design und Layout greift VirtueMart auf die Funktionen des Content-
Managementsystems zurück. Konkret greift es auf die Stylesheets zurück.
VirtueMart nutzt Standard-CSS-Klassen wie sectiontableheader,
sectiontableentry1, sectiontableentry2 etc. Sie finden aber auch Reihen, die nicht
durch CSS formatiert sind. Diese lassen sich beispielsweise durch die Site-
Einstellungen, genauer über das Register Layout anpassen. Dazu weiter unten
mehr.
Die Darstellungseinstellung für Ihren Shop.
www.brain-media.de

VirtueMart-Administration 315
Wenn Sie das Register Site öffnen, so präsentiert Ihnen VirtueMart zwei Register:
Display und Layout. Über die Display-Einstellungen legen Sie beispielsweise das
Kategorie-Template fest, über die Layout-Seite können Sie den Warenkorbstil
anpassen.
Schauen wir uns zunächst die Einstellungen des Registers Display an:
• PDF-Button: Hier legen Sie fest, ob die typische Exportfunktion auf Ihren
Shop-Seiten angezeigt wird, über die Ihre Kunden Inhalte ins PDF-
Format exportieren können. Ob das sinnvoll ist oder nicht, muss im Einzelfall
entschieden werden. Einen Nutzen bringt es sicherlich bei Produktdatenblättern.
• FLYPAGE: Dies ist die Standardseite für die Produktdetails. Der Standardeintrag
lautet shop.flypage. Sie können aber natürlich jede andere Seite
verwenden.
• Category Template: Hiermit bestimmen Sie das Standard-Template, das
für die Präsentation der Kategorien verwendet wird. Sie können diese
Vorlage natürlich anpassen. Sie finden Sie im Templates-Ordner.
• Show Page Navigation at the Top of the Product: Mit diesem Schalter
aktivieren Sie die Navigation oberhalb der Produkte.
• Default product sort order: Hier legen Sie die Reihenfolge der Produkte
fest. Standardmäßig erfolgt die Sortierung alphabetisch.
• Available „Sort-by“ field: Ist Ihre Produktpalette umfangreich, so sollten
Sie Ihren Benutzern die Möglichkeit geben, die Reihenfolge der präsentierten
Produkte zu ändern. Über diese Schalter legen Sie die Kriterien
fest, nach denen die Ausgabe sortiert werden kann, also beispielsweise
nach dem Preis.
• Show number of products in a row: Hier bestimmen Sie die maximale
Anzahl an Produkten in einer Reihe. Standardmäßig ist der Wert 1. Sie
sollten ihn nicht höher als 1 setzen, da die Seiten sonst unüberschaubar
werden.
• „no image“ image: Hier bestimmen Sie den Pfad zu der Grafik, die angezeigt
wird, wenn für ein Produkt keine Abbildung verfügbar ist. Ersetzen
Sie gegebenenfalls die Standard-No-Image-Grafik durch eine andere.
• Show footer: Standardmäßig zeigt ein mit VirtueMart realisierter Shop
die Powered-by-VirtueMart-Grafik. Mit diesem Schalter können Sie die
Ansicht auch deaktivieren.
Joomla! kompakt

316 Online-Shop mit VirtueMart
Schauen wir uns als Nächstes die Layout-Einstellungen an. Hier können Sie fünf
Anpassungen vornehmen:
• Add-to-Cart Button Style: Hier legen Sie fest, welchen Stil der Einkaufswagen-Button
besitzen soll. Sie können die Liste um eigene Stile
erweitern, indem Sie die Grafiken, die mit add-to-cart beginnen, in das
Verzeichnis /components/com_virtuemart/shop/image/ps_image kopieren.
• Enable Dynamic Thumbnail Resizing: Wenn Sie diese Option aktivieren,
was standardmäßig nicht der Fall ist, so werden die Grafiken auf die
Größe angepasst, die durch die GD2-Funktion bestimmt wird (siehe System>
System Info> PHP Info).
• Thumbnail Image Wight, Hight: Hier legen Sie die Breite und Höhe der
neuformatierten Thumbnails fest.
• SEARCH COLOR 1/2: Mit Color 1 legen Sie die Farbe für die ungeraden
und mit Color 2 die Farbe der geraden Reihen in der Ergebnisliste
fest.
11.2.7 Zustelleigenschaften
Es folgt die Konfiguration der Zustelleigenschaften (Shipping). Hier legen Sie fest,
welche Zustellmethode Sie verwenden wollen. Dabei werden Ihnen insbesondere
auch Methoden von internationalen und nationalen Anbietern angeboten. Sie haben
die Wahl zwischen folgenden Methoden, wobei Sie natürlich auch mehrere Anbieter
nutzen können – je nachdem, wo Sie den Shop betreiben und wo Ihre Kunden
sitzen:
• Australia Post Shipping Module
• Sell Online Shipping Module from Canada Post
• Flex Shipping
• InterShipper Module
• Standard Shipping module
• UPS Online Tools Shipping calculation
• USPS Shipping module
• Zone Shipping Module Country Version 1.0
www.brain-media.de

VirtueMart-Administration 317
Wenn Sie über Ihren Shop reine Download-Produkte wie Software, Bilder, Musik
oder Vergleichbares anbieten, können Sie die Shipping-Auswahl über den Schalter
Disable Shipping method selection auch vollständig deaktivieren. In diesem Fall
wird dem Kunden erst gar keine Zustellauswahl angeboten.
Wenn Sie einen Shop in Deutschland betreiben und Ihre Produkte überwiegend
über die Deutsche Post, deren Tochter DHL oder andere Paketdienste verschicken,
so sollten Sie sicherstellen, dass zumindest das Standard-Shipping-Modul aktiviert
ist. In diesem können Sie individuelle Kosten für die Zustellung Ihrer Produkte
definieren. Die Konfiguration erfolgt über das Menü Store> Shipping Module List
(dazu später mehr).
In den Shipping-Einstellungen sollten Sie sicherstellen,
dass zumindest das Standardmodul aktiviert ist.
11.2.8 Der Checkout-Vorgang
Über das Register Checkout passen Sie den Checkout-Vorgang an, also die Schritte,
die Ihr Kunde ausführen muss, bis der Verkaufsvorgang abgeschlossen ist.
Zunächst legen Sie mit Check this, if you want the checkout-bar to be displayed …
fest, ob eine Grafik dem Benutzer den aktuellen und die bevorstehenden Schritte
anzeigt.
Joomla! kompakt

318 Online-Shop mit VirtueMart
Über die Checkout-Einstellungen können Sie die Reihenfolge der Schritte anpassen.
Wenn Sie die Grafiken einblenden lassen, wird deren Anzahl und Reihenfolge
entsprechend Ihrer Wahl angepasst.
VirtueMart zeigt Ihnen standardmäßig an, welche Schritte
für den Abschluss des Einkaufs noch anstehen.
Der Standard-Checkout-Vorgang umfasst vier Schritte:
1. Das Abfragen der Adresse.
2. Das Abfragen der Versandmethode.
3. Das Abfragen der Zahlungsmethode.
4. Den Abschluss des Bestellvorgangs.
Mit den Alternativen Process 2, 3 und 4, die Ihnen das Checkout-Formular anbietet,
können Sie die Anzahl der Schritte auf zwei und drei herabsetzen. Mit Variante
4 ist es beispielsweise mit der Angabe der Zahlungsmethode und dem Abschluss
der Bestellung getan. Wichtig: Die hier gewählte Methode wirkt Shopübergreifend,
also für alle Bestellungen.
11.2.9 Downloads über VirtueMart verkaufen
Wie bereits oben erwähnt, können Sie mit VirtueMart auch reine Download-
Produkte anbieten. Die dafür relevanten Funktionen finden Sie auf dem Register
Downloads.
www.brain-media.de

VirtueMart-Administration 319
Die Einstellungen für Download-Angebote.
Damit Sie die Download-Einstellungen nutzen können, müssen Sie die Unterstützung
für Downloadangebote zunächst aktivieren. Dazu aktivieren Sie die Option
Enable Downloads. Ihnen stehen fünf weitere Einstellungen zur Verfügung:
• Order Status which enables download: Über dieses Auswahlmenü bestimmen
Sie den Bestellstatus, bei dem der Kunde per E-Mail über den
bereitstehenden Download aktiviert wird. Standardmäßig wird der Download
freigegeben, wenn die Bestellung bestätigt wurde.
• Order Status which disables downloads: Entsprechend können Sie die
Verfügbarkeit eines Download-Angebots auch wieder deaktivieren. Dies
ist in der Regel bei Bestellungen gewünscht, die storniert (cancelled)
wurden.
• DOWNLOADROOT: Hier legen Sie den Pfad zum Download-
Verzeichnis fest. Wo immer es möglich ist, sollten Sie den Pfad außerhalb
des Web-Root-Verzeichnisses legen. So nehmen Sie potenziellen Angreifern
ein Angriffsziel. Sorgen Sie aber dafür, dass die Kunden lediglich
Dateien herunterladen, nicht aber in das Verzeichnis schreiben dürfen.
Wichtig ist außerdem der abschließende Schrägstrich am Ende der Verzeichnisangabe.
• Download Maximum: Hier legen Sie fest, wie oft Ihr Kunde die erworbene
Datei herunterladen darf. In der Regel kommen Sie mit der Standardeinstellung
3 Downloads gut aus.
• Download Expire: Im letzten Download-spezifischen Eingabefeld bestimmen
Sie die Verfügbarkeit des Downloads. Sie bestimmen die Zeitspanne
in Sekunden, die der Kunde die Datei herunterladen kann. Die Uhr
Joomla! kompakt

320 Online-Shop mit VirtueMart
läuft nach dem ersten Download. Der Standardwert 432000 sorgt dafür,
dass die Download-ID fünf Tage gültig ist.
11.3 Shop-Einstellungen
Nachdem Sie sich ein wenig mit der Shop-Administration und deren wichtigsten
Funktionen vertraut gemacht haben, können Sie sich als Nächstes Ihrem Shop
widmen. Die typische Vorgehensweise: Zunächst richten Sie den Shop mit seinen
Eigenschaften ein, dann werden die Produkte in die Datenbank eingetragen, dann
die steuerlichen Fragen geklärt und die Zustelleinstellungen definiert. Wenn Sie
Ihre Produkte (teilweise) von einem Hersteller beziehen, können Sie auch diese in
Ihrem Shop abbilden.
Die allgemeinen Shop-Einstellungen.
www.brain-media.de

Shop-Einstellungen 321
11.3.1 Die allgemeinen Shop-Einstellungen
Die Einstellungen Ihres Online-Shops sind über das Menü Store verfügbar, über
das Sie verschiedene Eigenschaften bestimmen, die Zahlungsmethoden bearbeiten,
die Zustellmöglichkeiten anpassen und die Kreditkartenunterstützung aktivieren.
Die Shop-Einstellungen bearbeiten Sie über das Icon Edit Store oder aber Sie führen
den Menübefehl Store> Edit Store aus. Das Formular Store Information nimmt
über drei Register die wichtigsten Daten des Online-Shops entgegen.
Auf dem Register Store definieren Sie das Shop-Logo. Diese Angabe ist zwingend
erforderlich. Über das Upload-Feld kann man eine lokal gespeicherte Grafik einfach
auf den Server übertragen. Unter Currency bestimmt man die Standardwährung,
beispielsweise EUR oder Dollar. Über die beiden folgenden Felder bestimmt
man den Mindestbestellwert und den Warenwert, ab dem der Versand kostenfrei
erfolgt.
Durch eine horizontale Linie getrennt folgen verschiedene Stil-spezifische Einstellungen,
mit denen man beispielsweise bestimmt, ob man der Euro-Symbol für die
Währungsangaben verwendet oder einfach EUR. Außerdem können Sie Separatoren
für Tausenderbeträge bestimmen.
Nicht minder wichtig sind die Shop-Beschreibung sowie das Textfeld für die allgemeinen
Geschäftsbedingungen. Beide hinterlegt man in den Feldern Description
und Terms of Service. Beide Felder stellen einen einfachen Web-basierten HTML-
Editor zur Verfügung, mit dem man alle gängigen Formatierungen verwenden
kann. Der Editor erlaubt auch das Einfügen von Bildern, Links und Tabellen.
Auf dem zweiten Register Store Information hinterlegt man Shop-Bezeichnung,
Firmennamen, URL, Postanschrift und Telefonnummer. Erforderlich sind der
Shop- und der Firmenname. Die anderen Angaben sind optional.
Die Shop-Informationen umfassen ein weiteres Formular: Über das Register Contact
Information bestimmen Sie schließlich die Kontaktinformationen, die über die
Shop-Site verfügbar sind. Nach einem Klick auf Save sind die Daten gespeichert.
11.3.2 Bitte zahlen
Über das Store-Menü bestimmen Sie auch, welche Zahlungsmethoden die Kunden
nutzen können. Sie finden über das Menü Store> List Payment Methods die Liste
der bereits verfügbaren Zahlungsmethoden. Hier können Sie die Standardeinstellungen
auf Ihren Shop anpassen. Die meisten vordefinierten Einstellungen werden
vermutlich nicht für Sie interessant sein. Wir wollen uns hier lediglich zwei Methoden
anschauen, die gängig sind. Die verfügbaren Zahlungsmethoden können
dann auf Kundenseite beim Bestellvorgang ausgewählt werden. Über Store> Add
Joomla! kompakt

322 Online-Shop mit VirtueMart
Payment Method können Sie außerdem eine benutzerdefinierte Zahlungsmethode
erstellen.
Sie sollten beachten, dass die verfügbaren Anpassungen beim Editieren von Zahlungsmethode
zu Zahlungsmethode unterschiedlich sind. Das hat mit den verschiedenen
Diensten und deren Anforderungen an die Datenübermittlung bzw. den
Datenaustausch zwischen Online-Shop und Abrechnungsstelle zu tun.
Ein Blick auf die Liste der Zahlungsmethoden. Beeindruckend,
wie viele Anbieter bereits vorkonfiguriert sind.
Beim ersten Öffnen der Zahlungsmethodenliste stellen Sie fest, dass diese eine
beachtliche Anzahl an vordefinierten Einträgen aufweist. Sie reicht von verschiedenen
Kreditkartenabrechnungsanbietern über PayPal bis hin zu „normalen“ Bestellungen
auf Rechnungen oder per Nachnahme.
www.brain-media.de

Shop-Einstellungen 323
In der Liste der Zahlungsmethoden finden Sie neben der Methodenbezeichnung
den zugehörigen Code, die Rabatt-/Skontoangabe, die Zugehörigkeit zu einer Einkäufergruppe,
eine allgemeine Information sowie deren Status. Einen Eintrag editieren
Sie, in dem Sie auf seine Bezeichnung klicken.
Schauen wir uns zwei Zahlungsmethoden genauer an. Editieren wir zunächst den
gängigen PayPal-Diensteintrag. Diese Methode weist, wie auch alle anderen, zwei
Register auf: General und Configuration.
Die allgemeinen Einstellungen der PayPal-Zahlungsmethode.
Auf dem Register General stehen Ihnen folgende Einstellungen zur Verfügung:
• Active?: Hier legen Sie fest, ob das Modul aktiviert ist oder nicht. Wenn
Sie es nicht benötigen, sollten Sie es deaktivieren.
• Payment Method Name: In diesem Textfeld hinterlegen Sie die Bezeichnung
der Methode. Sie können gegebenenfalls Bezeichnungen ändern.
• Code: Hier finden Sie eine Art ID, die die Zahlungsmethode eindeutig
identifizierbar macht. Im Falle der PayPal-Kompente ist das PP.
Joomla! kompakt

324 Online-Shop mit VirtueMart
• Payment Class Name: Hier wird die Klasse der Zahlungsmethode angezeigt.
Diese beginnen standardmäßig mit ps, beispielsweise ps_bankname.
Im Falle der PayPal-Komponente lautet der Eintrag ps_paypal. Wenn Sie
eine neue Methode erstellen und die Klasse nicht kennen, sollten Sie das
Feld einfach frei lassen.
• Payment method type: Hier legen Sie die Zahlungsmethode fest. Sie haben
die Wahl zwischen folgenden Typen:
o
o
o
o
o
Kreditkarte
Zahlungsprozessor
Lastschrifteinzug
Auf Rechnung
PayPal
• Shopper Group: Sie müssen die Zahlungsmethode außerdem einer Kundengruppe
zuweisen. Dazu müssen Sie über das Menü Shopper allerdings
zuerst eine Gruppe erstellen. Mit dieser Funktion können Sie unterschiedliche
Kundengruppen erstellen und in diesen Ihre Kunden verwalten. Sie
können diese Einteilung nutzen, um spezielle Angebote für besonders gute
Kunden, Händler oder Multiplikatoren zu definieren. Wichtig ist allerdings,
dass Sie vorher noch über das Menü Vendor einen Lieferanten definieren,
da jede Shopper Group mit einem Lieferanten verknüpft ist.
Problematisch dabei ist lediglich, dass VirtueMart bislang nicht mit mehreren
Lieferanten umgehen kann.
• Discount: Hier legen Sie den Rabatt bei dieser Zahlungsmethode fest. Sie
könnten beispielsweise beim Bankeinzug 2 Prozent Skonto einrichten.
• List Order: Dieser Schalter soll die Position in der Liste definieren. Das
funktioniert allerdings nicht korrekt.
www.brain-media.de

Shop-Einstellungen 325
Die Konfiguration der PayPal-Zahlungsmethode.
Eine Besonderheit der PayPal-Zahlungsmethode ist, dass sie die automatische
Aktualisierung des Bestellstatus erlaubt. Dabei kommt das Skript notify.php zum
Einsatz, das Sie im Joomla!-Verzeichnis /administrator/components/com
_virtuemart/ finden. Sie müssen über die PayPal-Systemsteuerung den korrekten
URL des Skripts angeben, damit die Aktualisierung der Daten klappt. Beendet ein
Kunde den Zahlungsvorgang, stellt der PayPal-Server eine Verbindung zu dem
Skript Ihrer Installation her. Sind die Transaktion und die Zahlung erfolgreich
beendet, wird der Bestellstatus automatisch aktualisiert. Einfacher geht es also
kaum.
Beachten Sie, dass bei anderen Anbietern andere Aktualisierungs- und Hinweisfunktionen
zum Einsatz kommen können. Die automatische Zahlungsbestätigung
von PayPal wird auch als IPN (Instant Payment Notification) bezeichnet.
Über das Register Configuration stehen Ihnen weitere Anpassungsmöglichkeiten
zur Verfügung:
Joomla! kompakt

326 Online-Shop mit VirtueMart
• Test mode: Wenn Sie diesen Schalter auf Yes setzen, so können Sie die
Konfiguration Ihres Notify-Skripts testen. Dazu klicken Sie einfach auf
den angezeigten Link, geben in dem zugehörigen Testformular die relevanten
Daten (insbesondere den Pfad) an und führen einen Test durch.
• PayPay payment email: In diesem Textfeld hinterlegen Sie Ihre E-Mail-
Adresse für PayPal-Zahlungen.
• Order Status for successful transactions: Hier bestimmen Sie den Bestellstatus
für erfolgreiche Transaktionen. Bei Download-Angeboten wählen
Sie den Status aus, der den Download freigibt. Dann wird der Kunde
direkt per E-Mail darüber informiert, dass der Download-Link verfügbar
ist.
• Order Status for Pending Payments: Über dieses Auswahlmenü bestimmen
Sie den Bestellstatus für Bestellungen, bei denen die Zahlung
noch nicht abgeschlossen ist. Wenn Sie die Option Pending wählen, wartet
das System auf den Abschluss.
• Accept only verified buyers? Hier bestimmen Sie, ob lediglich Bestellungen
von verfizierten PayPal-Anwendern akzeptiert werden oder nicht.
Hat der Kunde seinen PayPal-Account nicht verifiziert, wird die Zahlung
zwar abgewickelt, PayPal übernimmt aber keine vollständige Garantie für
die Gültigkeit des Einkaufs.
• Order Status for failed transactions: Schließlich bestimmen Sie den
Bestellstatus für fehlgeschlagene Bestellungen.
In dem letzten Textfeld können Sie Daten definierten, die auf der Bestätigungsseite
erscheinen, mit der Ihre Kunden den Kauf abschließt. Es kann sich dabei beispielsweise
um ein HTML-Formular handeln, Hinweise für Ihren Kunden und
dergleichen mehr. Der Code wird Ihnen in der Regel von Ihrem Anbieter vorgegeben.
Im Falle von PayPal sieht er standardmäßig wie folgt aus:

Shop-Einstellungen 327
"business" => PAYPAL_EMAIL,
"receiver_email" => PAYPAL_EMAIL,
"item_name" => $VM_LANG->_PHPSHOP_ORDER_PRINT_PO_NUMBER.": ".
$db->f("order_id"),
"order_id" => $db->f("order_id"),
"invoice" => $db->f("order_number"),
"amount" => round( $db->f("order_subtotal")+$tax_total-
$discount_total, 2),
"shipping" => sprintf("%.2f", $db->f("order_shipping")),
"currency_code" => $_SESSION['vendor_currency'],
"image_url" => $vendor_image_url,
"return" => SECUREURL
."index.php?option=com_virtuemart&page=checkout.result&order_
id=".$db->f("order_id"),
"notify_url" => SECUREURL
."administrator/components/com_virtuemart/notify.php",
"cancel_return" => SECUREURL ."index.php",
"undefined_quantity" => "0",
"test_ipn" => PAYPAL_DEBUG,
"pal" => "NRUBJXESJTY24",
"no_shipping" => "1",
"no_note" => "1"
);
if( $page == "checkout.thankyou" ) {
$query_string = "?";
foreach( $post_variables as $name => $value ) {
$query_string .= $name. "=" . urlencode($value) ."&";
}
mosRedirect( $url . $query_string );
} else {
echo '';
Joomla! kompakt

328 Online-Shop mit VirtueMart
echo '';
foreach( $post_variables as $name => $value ) {
echo '';
}
echo '';
}
?>
Schauen wir uns noch eine weitere Zahlungsmethode an. Angenommen, Sie wollen
guten Kunden, die bereits mehrfach bei Ihnen eingekauft haben, die Zahlung per
Rechnung ermöglichen, so sollten Sie zunächst eine entsprechende Gruppe erstellen
und diese beispielsweise mit Gute_Kunden bezeichnen. Als Nächstes führen
Sie den Befehl Store> Add Payment Method aus. Auf dem Formular Payment
Method Form aktivieren Sie die Zahlungsmethode, weisen ihr eine Bezeichnung zu
(beispielsweise Auf Rechnung). Als Zahlungsmethode wählen Sie Address
only/Cash on Delivery. Ein Rabatt ist bei Rechnungsstellung in der Regel nicht
erforderlich. Speichern Sie die Methode mit einem Klick auf Save. In der Liste der
Zahlungsmethoden sollten Sie die nicht benötigten der Übersichtlichkeit halber
entfernen.
11.3.3 Zustellung
Mit dem Shipping-Modul, das ebenfalls über das Menü Store verfügbar ist, bestimmen
Sie, wer und zu welchen Konditionen den Versand Ihrer Produkte übernimmt.
Über Store> Shipping Module List greifen Sie auf die bereits erwähnte
Liste der möglichen Versender zu. Wenn Sie Ihre Produkte beispielsweise per UPS
versenden, müssen Sie das UPS-Modul bearbeiten: wenn Sie DHL verwenden,
sind die Funktionen des Standard-Moduls gefragt.
Mit den Funktionen dieses Moduls können Sie für unterschiedliche Gewichte verschiedene
Preise hinterlegen, die dann beim Einkauf der Waren addiert werden.
www.brain-media.de

Shop-Einstellungen 329
Am einfachsten ist es natürlich, wenn Sie nur einen Standardbetrag definieren
müssen, doch bei welchem Online-Shop geht das schon?
Befindet sich der Zustelldienst nicht in der Liste der vordefinierten Anbieter, so ist
auch das kein Problem, denn Sie können über das Menü Shipping neue Dienstleister
mit spezifischen Gebühren anlegen.
Abhängig von Ihrem Warenangebot versenden Sie vermutlich auch Produkte mit
der Deutschen Post. Anhand dieses Anbieters wollen wir zeigen, wie Sie mit dem
Shipping-Menü und dann mit dem Shipping-Modul arbeiten.
Zunächst wechseln Sie zum Menü Shipping und führen den Befehl Create Shipper
aus. In dem zugehörigen Formular geben Sie die Bezeichnung und die Reihenfolge
in der Liste an. Speichern Sie den Eintrag mit einem Klick auf Save. Anschließend
präsentiert Ihnen VirtueMart die Shipper-Liste.
Hier erstellen Sie einen neuen Versandkostenposten.
Joomla! kompakt

330 Online-Shop mit VirtueMart
Als Nächstes gilt es, einen ersten Versandkostenposten zu definieren. Dazu führen
Sie den Befehl Shipping> Create a Shipping Rate aus. Voranstehende Abbildung
zeigt das zugehörige Formular. In diesem hinterlegen Sie zunächst eine Bezeichnung
(Shipping Rate Description), bestimmen die Reihenfolge in der Liste (List
Order) und weisen den Posten einem Versanddienstleister (Shipper) zu
Über das Auswahlmenü Country bestimmen Sie das Zielland, für das der Versandkostenanteil
gelten soll. Wenn Sie den Versandkostenanteil mehreren Ländern
zuordnen wollen, so halten Sie die Strg-Taste gedrückt und markieren der Reihe
nach die gewünschten Einträge.
Mit den beiden Textfeldern ZIP range start und ZIP range end bestimmen Sie den
Postleitzahlenbereich, für den der Versandpreis gelten soll. Beim Versand in
Deutschland oder Europa ist diese Einstellung irrelevant. Interessant kann Sie
werden, wenn sie Ihre Produkte etwa mit einer Spedition zustellen.
Über die beiden folgenden Eingabefelder Lowest Weight und Highest Weight bestimmen
Sie das minimale und das maximale Gewicht für diesen Eintrag. Schließlich
bestimmen Sie mit den folgenden vier Einstellungen die Kosten (Fee), die
Währung (Currency) und den Steuersatz (VAT ID). Zu dem Steuersatz ist anzumerken,
dass auch dieser erst erstellt werden muss. Dazu verwenden Sie das
VirtueMart-Menü Tax und erstellen über Add Tax Rate einen entsprechenden Steuersatz.
Das zugehörige Formular ist so einfach, dass Sie eigentlich nichts falsch
machen können. Wählen Sie das Land und gegebenenfalls die Region aus. In das
Textfeld Taxe Rate geben Sie den Steuersatz ein. Für einen Steuersatz von 7,16
oder 19 Prozent lauten die Eingaben 0.07, 0.16 bzw. 0.19. Mit Save speichern Sie
die Einstellungen. Ihre neuen Zustellmöglichkeiten werden standardmäßig dem
Standardversandmodul zugewiesen.
Nachdem Sie den neuen Lieferanten, die Versandkosten und die Steuern erstellt
haben, stehen Ihnen die neuen Einstellungen zur Verfügung und können natürlich
auch auf Kundenseite genutzt werden.
11.3.4 Welche Kreditkarte soll es sein?
Eine weitere Funktion hat die Shop-Verwaltung zu bieten: die Kreditkartenverwaltung.
Im Internet ist die Kreditkarte eines der wichtigsten, weil bequemsten Zahlungsmittel.
Über das Menü Store> Credit Card List greifen Sie auf die Liste der
unterstützten Kreditkartenanbieter zu. Weitere Anpassungen sieht dieses Modul
nicht vor. Sie können lediglich einen neuen Typ hinzufügen, was aber meist nicht
erforderlich ist, da bereits in der Standardliste alle relevanten Anbieter aufgeführt
sind.
www.brain-media.de

Käufergruppen, Hersteller und Lieferanten 331
Die Liste der Kreditkarten, die Ihr Online-Shop unterstützt.
11.4 Käufergruppen, Hersteller und Lieferanten
Für Ihren Online-Shop sind drei Gruppen von besonderer Bedeutung. Da ist zunächst
einmal Ihre wichtigste Gruppe: die Käufer. Wie bereits oben erwähnt, können
Sie Ihre Käufer in Gruppen zusammenfassen. Das vereinfacht insbesondere
das Zuweisen von Rabatten, wenn Sie also beispielsweise Händlern oder besonders
guten Kunden einen Rabatt einräumen wollen. Die entsprechenden Einstellungen
sind über das VirtueMart-Menü Shopper verfügbar, über das Sie wie gewohnt die
Liste der bereits erstellten Kundengruppen einsehen und neue Gruppen erstellen
können.
Das Erstellen einer neuen Kundengruppe ist einfach: Öffnen Sie die Gruppenliste
und klicken Sie auf New. Alternativ führen Sie den Befehl Shopper> Add Shopper
Group aus. Auf dem zugehörigen Formular stehen Ihnen folgende Funktionen zur
Verfügung:
• Default: Hier legen Sie fest, ob diese Käufergruppe Ihre Standardgruppe
ist, also die, deren Mitglieder überwiegend bei Ihnen einkaufen.
• Group Name: In diesem Textfeld bestimmen Sie den Gruppennamen. Sie
könnten beispielsweise die Begriffe Gold-Kunden, Multiplikatoren, Press
etc. verwenden.
• Vendor: Hier wird der Lieferant aufgeführt.
Joomla! kompakt

332 Online-Shop mit VirtueMart
• Show Prices including tax: Hier legen Sie fest, ob die Preise einschließlich
der Mehrwertsteuer aufgeführt werden.
• Price Discount on default Shopper Group (in %): Ist einem Produkt zu
dieser Käufergruppe kein Preis zugeordnet, so wird der Standardpreis um
den hier angegebenen Wert in Prozenten gesenkt – vorausgesetzt, Sie
verwenden einen positiven Wert. Bei einem negativen Werten erhöht sich
der Preis um den angegebenen Prozentsatz.
• Description: Hier hinterlegen Sie eine Beschreibung der Gruppe. Über
den Editor können Sie typische Formatierungen verwenden.
Die Definition einer Käufergruppe.
Schauen wir uns noch an, wie man Hersteller und Lieferanten einführt. Um einen
Hersteller zu definieren, von dem man Produkte bezieht, führen Sie den Befehl
Manufacturer> Add Manufacturer aus. Im zugehörigen Formular hinterlegen Sie
den Herstellernamen, weisen diesen eine Herstellerkategorie zu und fügen eine
Beschreibung ein.
Beim Aufbau eines Shops muss man nicht zwingend zuerst die Hersteller und
Lieferanten definieren, sondern kann sich auch zuerst dem Produktkatalog widmen
und Produkte später Herstellern und Lieferanten zuordnen. Allerdings sparen Sie
sich meist Arbeit, wenn Sie den logischen Weg einschlagen.
www.brain-media.de

Produkte verwalten 333
Wie Sie es von Content-Elementen kennen, können Sie auch innerhalb der Shop-
Verwaltung Herstellerkategorien erzeugen. Wissen sollte man nur, dass man Kategorien
nur dann löschen kann, wenn alle Einträge zuvor entfernt wurden. Ähnliches
gilt auch für Hersteller: Hersteller können nur dann aus der Herstellerverwaltung
entfernt werden, wenn es keine Produkte gibt, die ihnen zugeordnet sind.
Darauf kommen wir im Abschnitt Produktverwaltung noch zu sprechen.
Das Erstellen und Verwalten von Lieferanten ist ebenfalls denkbar einfach. Über
Vendor> Add Vendor erzeugen Sie diese und hinterlegen typische Informationen
wie Kontaktinformationen, Logo etc. Auch in der Lieferantenverwaltung können
Kategorien eingeführt werden.
11.5 Produkte verwalten
VirtueMart besitzt eine ausgesprochen flexible Produktverwaltung. In ihr kann
man beliebig viele Produkte erstellen, Produktkategorien erzeugen und nahezu
beliebige Detailinformationen und Bilder nutzen. Während das Erzeugen von Herstellern
für die Produktverwaltung nicht zwingend ist, muss vor dem Erzeugen von
Produkten zumindest ein Lieferant über das Menü Vendor definiert sein. Bevor Sie
sich an das Erstellen von Produkteinträgen machen, sollten Sie zunächst eine sinnvolle
Struktur definieren, nach der Sie Ihre Produkte kategorisieren wollen – zumindest
wenn Sie mehr als zwei Dutzend Produkte unterschiedlichen Typs anbieten.
Alle Produkt-spezifischen Funktionen sind über das Menü Products verfügbar.
Über dieses Menü können Sie insbesondere bestehende kommaseparierte Produktdaten
importieren, die Produktliste aufrufen, neue Produkte erzeugen und mit dem
Dateimanager Bildmaterial verwalten.
Erzeugen wir also zunächst eine Produktkategorie. Dazu führt man den Befehl
Products> Add Category aus. Im zugehörigen Dialog bezeichnen Sie die Kategorie,
weisen ihr eine Beschreibung zu und formatieren sie. Außerdem legen Sie fest,
wo sie innerhalb der Kategorienhierarchie eingefügt wird. Es können verschachtelte
Kategorien erzeugt werden. Damit die neue Gruppe auf der höchsten Ebene
platziert wird, wählt man Default – Top Level aus dem Auswahlmenü.
Um eine neue Kategorie einer bestehenden unterzuordnen, wählen Sie aus dem
Auswahlmenü Parent den gewünschten Eintrag aus. Es folgt die Einstellung
Category Browse Page. Auch diese bedarf der Erläuterung. Dabei handelt es sich
um eine Vorlage, die das Aussehen der Kategorienliste definiert. Die Anpassung
ist sicherlich für Anwender interessant, die mit dem Shopping-System auf Du und
Du sind. Das Formular zum Erstellen einer neuen Kategorie bietet zwei weitere
Einstellungen an:
Joomla! kompakt

334 Online-Shop mit VirtueMart
• Show x products per row: Damit legt man fest, wie viele Produkte pro
Reihe aufgeführt werden. Die Vorgabe lautet 1.
• Category Flypage: Hier legt man die Vorlage fest, die die Gestaltung der
Produktdetails beschreibt.
Entfernen und editieren lassen sich Produktkategorien über die Produktliste. Wichtig
vor dem Löschen ist, dass sie leer ist.
Eine neue Kategorie in der Entstehungsphase.
11.5.1 Produkte erstellen
Ein Online-Shop lebt natürlich von seinen Produkten, die er an den Mann bzw. die
Frau bringen soll. Über das Menü Products ist die bereits erwähnte Liste der Pro-
www.brain-media.de

Produkte verwalten 335
dukte verfügbar. Erzeugt werden sie mit dem Befehl Products> Add Product. Für
die Aktualisierung eines Produkts oder auch das Entfernen verwenden Sie am
einfachsten die Produktliste.
Das Formular für das Hinzufügen eines neuen Produkts ist ebenfalls über mehrere
Register verteilt – zugunsten der Benutzerfreundlichkeit. Insgesamt stehen fünf
Register zur Verfügung:
• Product Information: Hier hinterlegt man allgemeine Eigenschaften.
• Product Status: Auf diesem Register definiert man die Verfügbarkeit.
• Product Dimensions and Weight: Dient dem Hinterlegen von Größe und
Gewicht und gegebenenfalls von Download-Informationen.
• Product Images: Hier bestimmt man den Speicherort für Produktabbildungen.
• Related Product: Hier bestimmen Sie verwandte Produkte – Stichwort
Cross-Selling.
Ein neues Produkt wird in die Produktdatenbank aufgenommen.
Joomla! kompakt

336 Online-Shop mit VirtueMart
Auf dem Register Product Information bestimmen Sie zunächst, ob das Produkt für
die Allgemeinheit publiziert werden soll oder nicht. Dazu aktiviert bzw. deaktiviert
man die Option Publish. Das Schöne an dieser Option: Sie können das System
bereits vor der Veröffentlichung mit neuen Produkten füttern und sie dann zu einem
bestimmten werbewirksamen Zeitpunkt publizieren. Es folgt das Eingabefeld
mit der merkwürdigen Bezeichnung SKU. SKU steht für Stock Keeping Unit, was
mit einer Produkt-ID gleichbedeutend ist. Anhand dieser ID kann man das Inventar
des Shops einfacher verfolgen.
In dem Textfeld Name hinterlegen Sie die Produktbezeichnung, gefolgt vom URL
und der Produktkategorie. Außerdem muss das Produkt mit einem Lieferanten (und
kann optional auch mit einem Hersteller) verknüpft werden. Wichtig sind natürlich
die Angabe des Verkaufspreises und die Wahl der Währung über die Felder Retail
Price.
Über VAT ID wählen Sie den Steuersatz aus, der auf das neue Produkt angewendet
wird. Aus dem Auswahlmenü können Sie den geeigneten Satz auswählen, der
allerdings zuvor über das Menü Tax definiert worden sein muss. Es folgt das Feld
Short Description, auf dem Sie wieder eine kurze Produktbeschreibung hinterlegen
können. Über den Editorbereich Flypage Description definieren Sie das Layout der
Produktseite. Flypage ist also gleichbedeutend mit Produktdetails.
Über das Register Product Status definieren Sie die
Verfügbarkeitsinformationen des neuen Produkts.
www.brain-media.de

Produkte verwalten 337
Auf dem Register Product Status geben Sie im Eingabefeld In Stock die verfügbare
Stückzahl des Produkts an. Sollte das Produkt erst zu einem späteren Zeitpunkt
verfügbar sein, so legen Sie den Zeitpunkt unter Availability Date fest. Über die
Schaltfläche am Ende des Kalenders steht ein Kalender zur einfachen Datumsauswahl
bereit.
Um die Verfügbarkeit eines Produkts zu beschreiben, steht mit Availability ein
weiteres Textfeld zur Verfügung. Es ist für Texte wie beispielsweise Nachbestellt
oder Lieferung innerhalb von 24h oder dergleichen gedacht. Das Shopping-System
stellt hierfür verschiedene Bilder bereit, die man über das darunter liegende Auswahlmenü
wählen kann. Natürlich kann man auch eigene Bilder verwenden. Dazu
erzeugen Sie diese und legen sie in den Ordner /shop-image/availability. Nach dem
Einfügen stehen sie ebenfalls über das Auswahlmenü zur Verfügung.
Mit der Option On Special steht Ihnen ein weiteres Highlight des Shopping-
Systems zur Verfügung. Vorausgesetzt, das Modul Featured Products ist installiert,
kann man Produkte gezielt auf der Website promoten. VirtueMart unterstützt
auch Rabatte. Über das Auswahlmenü Discount Type wählt man den gewünschten
Rabatt aus. Das System erlaubt auch das Erstellen eigener Rabatte. Dazu führt man
den Befehl Products> Product Discount> Add/Edit Discount List aus. Im zugehörigen
Formular bezeichnen Sie den Rabatttyp, geben den prozentualen bzw. fixen
Nachlass an und definieren Anfangs- und Startzeitpunkt, ab dem der Rabatt angewendet
werden kann.
Das Register Product Status erlaubt schließlich noch das Hinzufügen von Attributen
zur Produktbeschreibung. Anhand dieser Attribute kann dann der Käufer das
Produkt in unterschiedlichen Ausführungen wählen. Bei Bekleidung sind beispielsweise
unterschiedliche Größen und Farben definierbar. Auch unterschiedliche
Preise können damit verknüpft werden. Die Attribute werden durch Strichpunkt
voneinander getrennt. Schauen wir uns zwei Beispiele an. Hier ein erstes für
eine Attributdefinition:
Größe,XL[+2EUR],M,S[-2EUR]
Es legt fest, dass das Produkt in der Größe L einen Ausgangspreis besitzt und dass
die größere Ausführung XL 2 EUR mehr und die kleinere Ausführungen M und S
2 Euro weniger kosten. Ein weiteres Beispiel:
Farbe,Rot,Blau,Grün,Gelb[=24h]
Voranstehende Attributdefinition besagt, dass das Produkt in den Farben Rot, Blau,
Grün und Gelb innerhalb von 24 Stunden lieferbar ist. Natürlich lassen sich solche
Attribute kombinieren. Knüpfen wir am letzten Beispiel an, so definiert die nach-
Joomla! kompakt

338 Online-Shop mit VirtueMart
folgende Definition, dass die erwähnten Farbvarianten innerhalb von 24 Stunden,
die schwarze Variante aber eine Lieferzeit von 48 Stunden hat. Wichtig bei der
Kombination solcher Attribute ist, dass man einzelnen Eigenschaften durch Strichpunkt
trennt. Das erweiterte Beispiel:
Farbe,Rot,Blau,Grün,Gelb[=24h];Farbe,Schwarz[=48h]
Um den Kunden die Möglichkeit zur Auswahl von Produkten mit unterschiedlichen
Eigenschaften zu geben, hinterlegen Sie im Textfeld Custom Attribute List die
Liste. Die Syntax lautet dabei:
Attribut1; Attribut2, Attribut3;
Die Funktionen der Register Product Dimensions and Weight sowie Product Image
sind weitgehend selbsterklärend. Hier hinterlegen Sie die Größe und das Gewicht.
Bei Download-fähigen Produkten geben Sie den Dateinamen und das Download-
Verzeichnis an. Das letzte Register erlaubt das Einbinden zweier Bilder, einer
verkleinerten und einer größeren Darstellung. Mit einem Klick auf Save speichern
Sie die Einstellungen des neuen Produkts. VirtueMart präsentiert anschließend eine
Übersicht aller Details.
Das Löschen von Produkten ist ebenfalls recht einfach. Hierzu öffnen Sie die Produktliste
und klicken einfach in der Spalte Remove auf das zugehörige Icon. Der
Shop fragt sicherheitshalber nach, ob das Produkt tatsächlich entfernt werden soll.
Dies bestätigt man mit OK.
Auf Attribute sind wir oben bereits zu sprechen gekommen. Allerdings ist die
Thematik noch nicht vollständig abgehandelt. Wollen Sie weitere Attribute für Ihre
Produkte definieren oder bestehende bearbeiten, so greifen Sie auf die Produktliste
zurück. In der Produktliste öffnen Sie die Eigenschaften eines Produkts durch
einen Klick auf den Listeneintrag. VirtueMArt öffnet die oben beschriebenen Produkteinstellungen.
Neu ist allerdings die erweiterte Symbolleiste, mit der man neue
Attribute und einen Preis hinzufügen kann.
11.6 Die Bestellverwaltung
Ist der Shop mit Daten gefüllt, so empfiehlt es sich, mit mehreren Testbestellungen
die Funktionalität zu testen. Ganz nebenbei lernt man dabei die Bestellverwaltung
kennen. Dazu wechselt man in die Benutzeransicht und führt eine erste Bestellung
aus. Alternativ kann man sich mit der Bestellverwaltung auch anhand der Beispieldaten
vertraut machen.
www.brain-media.de

Berichtfunktion 339
Nach einer Bestellung wird in der Bestellliste, die über das Menü Orders> List
Orders abrufbar ist, ein neuer Eintrag erzeugt. In der Liste werden die Bestellnummer,
das Bestelldatum, Datum der letzten Änderung, der Status und der Betrag
aufgeführt. Außerdem können Sie den Status aktualisieren und eine Bestellung
wieder über den Remove-Button entfernen.
Die Liste kann außerdem über die Links Pending, Confirmed etc. gezielt eingeschränkt
werden. Außerdem steht eine Suchfunktion zur Verfügung, mit der Sie
gezielt nach Bestellinformationen suchen können. Um Detailinformationen zu
einer Bestellung abzurufen, klicken Sie einfach auf eine Bestellnummer. Hier kann
man alle verfügbaren Details einer Bestellung abrufen.
11.7 Berichtfunktion
VirtueMart verfügt über eine ordentliche Berichtfunktion, mit der Sie prüfen können,
wie sich Ihre Produkte in einem bestimmten Zeitraum verkauft haben. Über
die Schaltflächen This Month, Last Month, Last 60 days und Last 90 Days können
Sie beispielsweise die Verkäufe der jeweiligen Zeitspanne abrufen. Wenn Sie die
Berichte für einzelne Produkte abrufen wollen, sollten Sie die Option Individual
Product Listing aktivieren.
Die Berichtfunktion von VirtueMart ist nahezu selbsterklärend.
Joomla! kompakt

340 Online-Shop mit VirtueMart
11.8 VirtueMart für Fortgeschrittene
Nachdem Sie nun die wichtigsten Aktionen kennen, die man in der Regel mit
VirtueMart durchführt, wollen wir zum Abschluss dieses Kapitels noch den ein
oder anderen Blick unter die Haube des Shopping-Systems werfen. Das wird Ihnen
helfen, die Funktionsweise des Shops besser zu verstehen und ihn damit noch effektiver
einsetzen zu können.
11.8.1 Die VirtueMart-Verzeichnisse
Die meisten VirtueMart-Dateien finden Sie im Verzeichnis administrator Ihrer
Joomla!-Installation. Lediglich die Dateien, die für das Frontend zum Einsatz
kommen, werden im Verzeichnis components der Joomla!-Installation abgelegt.
Die Dateien und Verzeichnisse im Einzelnen:
• /administrator/components/com_virtuemart/: In diesem Ordner sind
die Dateien für die administrative Schnittstelle von VirtueMart enthalten.
Da das Admin-Interface auch über das Frontend zugänglich ist, sind diese
Dateien nicht durch Joomla!-Programmierstandards eingeschränkt. Wichtige
Dateien in diesem Verzeichnis sind:
- header.php: Code für das Drop-down-Menü der Administration.
- virtuemart.cfg.php: Die zentrale Konfigurationsdatei.
- toolbar.phpshop.html.php: Diese Datei steuert die Admin-
Werkzeugleiste.
• /administrator/components/com_virtuemart/classes/: Hier sind alle
Core-Klassen abgelegt, die von VirtueMart verwendet werden. Wichtige
Dateien sind:
- ps_database.php: Wrapper für das Joomla!-Datenbankobjekt
$database.
- ps_cart.php: Steuert den Warenkorbinhalt.
- ps_main.php: Dies ist keine Klasse. Die Datei enthält vielmehr
die zentralen Funktionen des Shops, beispielsweise die für den
Upload von Bildern.
- ps_session.php: Diese Datei ist für das grundlegende Session-
Management und die URL-Formatierung zuständig.
www.brain-media.de

VirtueMart für Fortgeschrittene 341
• administrator/components/com_virtuemart/classes/Log/: Hier finden
Sie eine modifizierte PEAR-Log-Klasse.
• /administrator/components/com_virtuemart/classes/shipping/: In diesem
Verzeichnis finden Sie die Datei, die für die Shipping-Module zuständig
sind.
• /administrator/components/com_virtuemart/classes/payment/: Hier
finden Sie Dateien rund um die Zahlungsmodule.
• /administrator/components/com_virtuemart/classes/pdf/: Enthält die
Klassen des HTML2FPDF-Pakets. Weitere Informationen hierzu finden
Sie auf der Projekt-Website (http://sourceforge.net/projects/html2fpdf).
• /administrator/components/com_virtuemart/classes/phpInputFilter/:
Klassen für VirtueMart.
• /administrator/components/com_virtuemart/classes/phpmailer/: In
diesem Ordner finden Sie die Klassen des phpMailer-Pakets, das von
Joomla! verwendet wird. Weitere Informationen hierzu finden Sie unter
http://phpmailer.sourceforge.net/.
• /administrator/components/com_virtuemart/html/: Hier finden Sie die
Dateien, die für die Präsentation des HTML-Codes zuständig sind. Wichtige
Dateien sind:
o
basket.php: Steuert den Einkaufswagen.
o ro_basket.php: Steuert den Einkaufswagen beim letzten
Checkout-Schritt. ro steht für read only.
• /administrator/components/com_virtuemart/html/templates/: Hier
sind die Templates für verschiedene Seiten bzw. Shop-Elemente hinterlegt.
Beispielsweise die folgenden:
o
o
o
o
basket: Enthält die Templates für die Einkaufswagendarstellung.
browse: Templates für die Produktliste. Es kann im Kategorie-
Formular zugewiesen werden.
order_emails: Hier finden Sie die Templates für die Bestellbestätigung,
die standardmäßig per E-Mail an den Käufer versendet
wird.
product_details: In diesem Ordner finden Sie die Vorlagen für
die Produktdetailseite.
Joomla! kompakt

342 Online-Shop mit VirtueMart
• /administrator/components/com_virtuemart/languages/: Hier finden
Sie die Sprachdateien, die von virtuemart_parser.php stammen.
• /administrator/components/com_virtuemart/sql/: In diesem Verzeichnis
finden Sie SQL-Dump-Dateien, die für das Erzeugen der VirtueMart-
Tabellenstruktur verwendet werden.
• /components/com_virtuemart/: Hier sind die Dateien hinterlegt, die den
Aufruf des Shops vom Frontend aus steuern. Wichtige Dateien sind:
o
o
o
virtuemart.php: Diese Datei sorgt für den Aufruf des Shops.
virtuemart_parser.php: Eine zentrale Datei für Ihre VirtueMart-
Installation. Sie bereitet beispielsweise Session-, Authentifizierungs-
und Warenkorbfunktionen vor.
show_image_in_imgtag.php: Diese Datei wird verwendet, um
Grafiken, deren Größe sich dynamisch ändert, darzustellen.
• /components/com_virtuemart/css/: In diesem Ordner finden Sie das Stylesheet
des Shops (shop.css) und weitere Sheets, die für die Frontend-
Administration verwendet wurden.
• /components/com_virtuemart/js/: Hier sind verschiedene JavasScripts
hinterlegt, beispielsweise WebFX-Tabs und JSCookTree.
• /components/com_virtuemart/shop_image/: Hier finden Sie den Ordner
availability, in dem die Bilder für die Anzeige der Verfügbarkeit gespeichert
sind. Sie können natürlich auch eigene Grafiken verwenden. Dazu
kopieren Sie diese einfach in folgende Unterordner:
o
o
o
o
category: Enthält die Grafiken für die Kategorien.
product: Hier finden Sie die Produkbilder.
ps_image: Grafiken für die Admin-Schnittstelle.
vendor: Logo des Shop-Betreibers.
11.8.2 Benutzer-Integration
Häufig tauchen die Fragen auf, wie es sich mit der Benutzer-Integration von
Joomla! und VirtueMart verhält. VirtueMart greift auch hierbei auf Joomla!-
Funktionen zurück, genauer auf die Benutzertabelle jos_users. Die Trennung von
www.brain-media.de

VirtueMart für Fortgeschrittene 343
„normalen“ CMS-Benutzern und Ihren Kunden erfolgt durch ein zusätzliches Käuferfeld
in dieser Tabelle.
Das Shopping-System verfügt über seine eigene Benutzerregistrierung, mit der die
notwendigen Informationen in die Benutzertabelle eingetragen werden. Mithilfe
von phpMyAdmin können Sie einen Blick in die Tabelle werfen.
Ein Blick mit phpMyAdmin in die Benutzertabelle jos_users.
Für das Benutzermanagement sind insbesondere die folgenden Tabellen relevant:
• jos_users: Hier ist die Rechnungsadresse hinterlegt.
• jos_vm_users_info: Hier finden Sie die alternative Lieferadresse, sofern
sich diese von der Rechnungsanschrift unterscheidet.
• jos_vm_order_user_info: Hier wird eine Kopie der Rechnungs- und Lieferadresse
gespeichert, wenn die Bestellung ausgeführt wird.
Joomla! kompakt

344 Online-Shop mit VirtueMart
Wenn Sie mit phpMyAdmin die Joomla!-Datenbank genauer ansehen, werden Sie
schnell feststellen, dass Sie in dieser eine Vielzahl weiterer Shop-relevanter Tabellen
finden. Sie alle beginnen mit jos_vm_. In der Tabelle jos_vm_manufacturer
finden Sie beispielsweise die Herstellerfelder, in jos_vm_product die produktspezifischen
Felder etc.
11.8.3 Layout-Anpassungen
Wenn Sie sich an die Anpassung des Shop-Layouts machen wollen, um beispielsweise
Elemente von einer Position an eine andere oder gar in ein anderes Dokument
zu verschieben, so müssen Sie natürlich wissen, wo Sie dabei ansetzen können.
Ihr VirtueMart-Shop und dessen Layout wird maßgeblich von Joomla! und
dessen Templates bestimmt. Dazu müssen Sie wissen, welche Dateien für welche
Gestaltung zuständig sind.
Um herauszufinden, welche Datei welchen HTML-Code produziert, der dann an
den Benutzer ausgegeben wird, aktivieren Sie einfach den Debug-Modus. Dazu
aktivieren Sie die Ausgaben von Debug-Meldungen über die Shop-Konfiguration.
Wechseln Sie über die Shop-Administration zum Register Path&URL und aktivieren
Sie auf dem zugehörigen Formular die Option Debug? Nach der Aktivierung
finden Sie in Ihrem Shop jede Menge blauer Info-Buttons.
Die blauen Info-Buttons verraten Ihnen,
welches die zugehörigen Dateien sind.
Wenn Sie nun den Mauszeiger über die Info-Buttons führen, verrät Ihnen die
Quickinfo, welches die zugehörige Datei ist. Diese müssen Sie dann nur noch mit
www.brain-media.de

VirtueMart für Fortgeschrittene 345
einem Editor Ihrer Wahl öffnen und bearbeiten. Die meisten Entwickler bearbeiten
folgende Dateien:
• /html/shop.browse: Dies ist die Produktliste bzw. die Kategorieübersicht.
• /html/shop.product_details.php: Die Produktdetailseite.
• /html/shop.index.php: Die Standard-Homepage Ihres Online-Shops.
Etwas komplizierter wird die Angelegenheit, wenn Sie Templates anpassen wollen,
da VirtueMart keine Template-Engine wie patTemplate oder Smarty verwendet.
Um die Flypage-Templates oder Produkdetails anzupassen, müssen Sie sich mit
den Dateien im Verzeichnis administrator/components/com_virtuemart/html/
templates/product_details/ auseinandersetzen. Diese werden geladen und mit Inhalten
aus /html/shop.product_details.php gefüllt. In einem Template können
Platzhalter definiert werden, die dann durch spezifische Inhalte ersetzt werden. Für
die Ersetzung ist die PHP-Funktion str_replace zuständig. Zulässige Platzhalter
sind ./ und ..
Sicher ist Ihnen beim Blick in das Template-Verzeichnis nicht der Ordner Browse
entgangen. Mit diesem Template wird das Seitenlayout bestimmt, wenn lediglich
ein Produkt in der Produktliste aufgeführt wird. Die zugehörigen Templates finden
Sie in /html/templates/browse. Die Inhalte stammen aus der Datei
/html/shop.browse.php.
Das deutschsprachige Bestätigungs-Template.
Joomla! kompakt

346 Online-Shop mit VirtueMart
Sie können natürlich auch die Bestätigungs-Templates anpassen, die Ihr Shop-
System verschickt, nachdem der Kunde seine Bestellung abgeschlossen hat. Sie
finden die vordefinierten Templates im Ordner /html/templates/order_emails/. Sie
werden mit den Daten der Datei /classes/ps_checkout.php gespeist. Die relevante
Funktion ist email_receipt().
Auch den Warenkorb und seine Gestaltung können Sie anpassen. Dessen Steuerung
erfolgt über die Basket-Templates, die im Verzeichnis /html/templates/basket
hinterlegt sind. Beachten Sie, dass es vier verschiedene Warenkorb-Templates gibt:
zwei für die Darstellung des Warenkorbs und Preises inklusive Steuern
(basket_b2c.html.php und ro_basket_b2c.html.php) und zwei für die Darstellung
ohne die Mehrwertsteuer (basket_b2b.html.php und ro_basket_b2b.html.php),
wobei die Steuer später draufgepackt wird.
Anhand der Dateibezeichnung können Sie erkennen, welche für welchen Einsatzbereich
gedacht ist:
• b2c steht für Business-to-Consumer, also für das klassische Endkundengeschäft.
• b2b steht für Business-to-Business, also für den Handel zwischen Unternehmen.
Die Warenkorb-spezifischen Dateien (basket_) sind in folgenden Dateien enthalten:
• /html/shop.cart.php
• /html/basket.php &
• html/ro_basket.php
• /html/checkout.index.php
Bei den Warenkorb-Templates kommt ein anderes Konzept als bei den anderen
Template-Dateien zum Einsatz, da hier Schleifen verwendet werden.
11.8.4 Erweiterungen
Kommen wir zu einem weiteren spannenden Thema. Sicherlich erinnern Sie sich
an die Konfiguration der Zustell- und Zahlungsmethoden. VirtueMart ist so konzipiert,
dass Sie beide Bereiche mit eigenen Funktionen erweitern können. Schauen
www.brain-media.de

VirtueMart für Fortgeschrittene 347
wir uns zunächst die Zahlungsmethoden an. VirtueMart kennt prinzipiell zwei
unterschiedliche Typen von Zahlungsmodulen:
• Automatische Kreditkartenprozessoren, die für die Server-zu-Server-
Verbindung sorgen, bevor die Bestellung platziert wurde.
• Alle weiteren Zahlungsmethoden, bei denen keine Kommunikation mit
einem Server erfolgt, bevor die Bestellung platziert wird. Hierzu gehören
beispielsweise PayPal-Aktionen.
Das Erstellen einer neuen Zahlungsmethode ist recht einfach. Führen Sie einfach
den Befehl Store> Add Payment Method aus und bestimmen Sie auf dem zugehörigen
Formular die Eigenschaften der neuen Methode.
Das Einrichten einer neuen Zahlungsmethode.
Als Nächstes müssen Sie dann noch auf dem Register Configuration den PHP-
Code für den neuen Dienst einfügen. Diesen Code bekommen Sie von Ihrem neuen
Anbieter. Wichtig ist, dass der Code gültig ist.
Joomla! kompakt

348 Online-Shop mit VirtueMart
Sie finden alle Zahlungsmodule im Verzeichnis /administrator/components/com_
virtuemart/classes/payment. Zu jeder Methode gehören zwei Dateien: die Klassendatei
und die Konfigurationsdatei. Haben Sie beispielsweise die Methode
neuezahlungsmethode erzeugt, so erzeugt VirtueMart die beiden folgenden Dateien:
• ps_neuezahlungsmethode.php
• ps_neuezahlungsmethode.cfg.php
Hat sich ein Benutzer für eine Zahlungsmethode entschieden, die diesen Prozessor
verwendet, wird beim Checkout auf die Datei ps_neuezahlungsmethode.php zurückgegriffen
und ihre Funktionen werden für die Verarbeitung der Zahlung genutzt.
Schauen wir uns noch die Zustellmethoden an. Auch diese können von Ihnen erweitert
und angepasst werden. Sie finden die Methoden in folgendem Verzeichnis:
/administrator/components/com_virtuemart/classes/shipping/. Im Unterschied zu
den Zahlungsmethoden sind die Shipping-Module durch drei Dateien definiert: die
Klassendatei, die Infodatei und die Konfigurationsdatei. In Anlehnung an voranstehendes
Beispiel lauten die Dateien wie folgt:
• Zustellmethode.php (enthält die Klasse Zustellmethode)
• Zustellmethode.ini (enthält den Namen des Moduls, den Entwickler und weitere
relevante Informationen)
• Zustellmethode.cfg.php (enthält die Konfiguration)
Wird eine Zustellmethode in der Zahlungsliste aktiviert, so wird sie dann geladen,
wenn der Benutzer sie auswählt. Für weitere Informationen sei auf die VirtueMart-
Website verwiesen.
11.9 Fazit
Fassen wir zusammen: Nie war der Aufbau eines Online-Shops einfacher als mit
VirtueMart. Diese Joomla!-Erweiterung bietet alles, was Sie für den Aufbau eines
Online-Shops benötigen. Einrichtung und Handhabung sind kinderleicht. Sicherlich
würde man sich an der ein oder anderen Stelle mehr Komfort wünschen. Doch
die meisten Anwender werden gut mit diesem System leben können.
www.brain-media.de

Joomla! kompakt
Fazit 349

350 Weitere Must-have-Erweiterungen
12 Weitere Must-have-Erweiterungen
Neben den bereits detailliert beschriebenen Joomla!-Erweiterungen gibt es eine
Vielzahl weiterer wichtiger Add-ons, ohne die viele Sites kaum auskommen könnten.
Mancher Admin wünscht sich einen alternativen Editor, ein anderer will Dokumente
im Intranet verwalten, wieder ein anderer muss mehrsprachige Sites erzeugen
und und und. Die Anforderungen sind naturgemäß sehr vielfältig. In diesem
Kapitel stellen wir daher zehn weitere wichtige Joomla!-Erweiterungen vor.
Sie sollen und können hier nicht bis ins letzte Detail beschrieben werden. Weitaus
wichtiger ist, dass Sie ein Gespür dafür bekommen, wie flexibel Sie mit Joomla!
sind und wie vielfältig die Anwendungsbereiche sein können.
12.1 Gallery2 Bridge
Die Erweiterung Gallery2 Bridge (http://developer.joomla.org/sf/projects/gallery2
_bridge/) erlaubt das Einbinden einer Gallery2-basierten Online-Galerie
(http://gallery.menalto.com) in Ihre Joomla!-Site. Das setzt zunächst eine bestehende
Gallery2-Installation auf Ihrem Server voraus. Leider ist die Brücke so gut
wie nicht dokumentiert. Das erschwert natürlich den Einstieg erheblich.
Im Downloadbereich der Gallery2 Bridge findet sich auch eine deutsche Sprachdatei.
Zuerst sollten Sie die Joomla!-Konfiguration Global Configuration > Locale
unter Country locale auf de_DE setzen, denn von dort holt sich die Bridge die
Spracheinstellungen. Sie können anschließend die Sprachdatei in das Verzeichnis
/administrator/components/com_gallery2/language/ kopieren. Allerdings wird nur
das Backend der Komponente eingedeutscht. Da die Sprachdatei in der Vergangenheit
immer wieder Probleme bereitet hat, verwenden wir hier die englische
Variante.
Die Installation der Komponente ist über das Components-Menü meist schnell
erledigt. Anschließend können Sie über Components> Gallery2 auf die Konfiguration
und die Alben- bzw. User-Verwaltung zugreifen.
Die Konfiguration präsentiert Ihnen vier Register, über die Sie die Komponente für
das Zusammenspiel mit der Galerie vorbereiten, den Zwischenspeicher konfigurieren
und auch den Cronjob steuern.
www.brain-media.de

Gallery2 Bridge 351
Die Konfiguration der Gallery2 Bridge.
Zunächst müssen Sie sich den Einstellungen des Registers Configuration widmen.
Unter Full Server Path to G2 müssen Sie den absoluten Pfad zur Galerie-
Installation angeben. Wichtig ist dabei, dass der Pfad korrekt ist, weil er ansonsten
nicht gespeichert wird. Im nächsten Eingabefeld Relative Server Path to G2 ist
dann der relative Pfad zum Joomla!-Verzeichnis gefragt. Der könnte beispielsweise
wie folgt aussehen: ../gallery2.
Eine weitere wichtige Konfiguration ist Login Page Redirect. Hier legen Sie fest,
auf welches Dokument der Benutzer umgeleitet wird, wenn er keinen gültigen
Zugang zur Gallery besitzt. Sie können unter Config Settings außerdem festlegen,
ob Sie die Gallery2-Sidebar und den Login-Dialog in Ihre Joomla!-Installation
integrieren wollen.
Joomla! kompakt

352 Weitere Must-have-Erweiterungen
Auf dem Register Configuration finden Sie außerdem die Einstellungen für den
Benutzerabgleich zwischen Gallery2 und Ihrem Joomla!-System. Unter User
Checking Level legen Sie fest, ob beispielsweise die E-Mail-Adresse oder der Benutzername
für den Abgleich verwendet wird. Außerdem können Sie festlegen, ob
auch zwischen Groß- und Kleinschreibung unterschieden wird.
Die Synchronisierungsfunktion bietet ein weiteres Highlight: Wenn Sie den Schalter
Sync G2 User auf Yes setzen, so werden beim nächsten Abgleich alle Gallery2-
User auch ins Joomla!-Benutzerverzeichnis importiert.
Die Cache-Konfiguration der Gallery2 Bridge.
Eine weitere Besonderheit: Die Bridge besitzt einen eigenen Cache, um Grafiken
zwischenzuspeichern, um somit den Zugriff auf die Bilder zu beschleunigen. Die
zugehörigen Einstellungen finden Sie auf dem Register Cache. Dort bestimmen Sie
insbesondere die Dauer, die Dateien zwischengespeichert und wann Einträge wieder
aus dem Cache entfernt werden. Außerdem zeigt Ihnen das Register Cache die
Größe des Caches und die Anzahl der Dateien an, die aktuell zwischengespeichert
werden.
Sie können außerdem auf dem Register den Cronjob und eine Google-Sitemapspezifische
Einstellung und auf dem Register Privacy verschiedene sicherheitsrelevante
Einstellungen bzw. Informationen einsehen.
www.brain-media.de

JCE – der Joomla! Content Editor 353
In der Praxis macht ein Problem Anwendern immer wieder zu schaffen: Oft kommt
es vor, dass in der Joomla!-Bridge für die Gallery2 Umlaute falsch dargestellt
werden. Das zeigt sich beispielsweise an folgender Ausgabe im Frontend:
GrÃße: 1 Element (insgesamt 4 Elemente).
Die Lösung ist indes recht einfach: Öffnen Sie die Datei modules/core/classes/GalleryTranslator.class.
Zeile 480 sollte wie folgt aussehen:
bind_textdomain_codeset($domain, 'UTF-8');
Statt des Eintrags UTF-8 verwenden Sie iso-8859-1. Damit sollten die Umlaute
sauber dargestellt werden. Die Integration der Galerie erfolgt ansonsten wie gewohnt
am einfachsten über die Erweiterung eines Menüs.
12.2 JCE – der Joomla! Content Editor
Der in Joomla! integrierte Editor genügt vielen Anwendern nicht. So ist es nicht
verwunderlich, dass es eine Vielzahl freier und kommerzieller Alternativen gibt.
Als einer der besten freien Editoren gilt der Joomla! Content Editor, kurz JCE
(http://www.cellardoor.za.net). Dabei handelt es sich um einen WYSIWYG-Editor,
der auf TinyMCE basiert. Er bietet erweitertes Bilder- und Medienhandling und
kann über verschiedene Plugins funktional erweitert werden. Außerdem besitzt er
eine eigene Administrationszentrale.
Der Editor im Einsatz.
Joomla! kompakt

354 Weitere Must-have-Erweiterungen
Für die Installation des Editors benötigen Sie zumindest zwei Pakete: die JCE-
Komponenten und das JCE-Mambot (eventuell auch die deutsche Sprachdatei).
Die Installation führen Sie wie gewohnt über das Components-Menü durch. Nach
der Installation der beiden Komponenten richten Sie am besten gleich auch die
deutsche Sprachdatei ein. Dazu führen Sie den Befehl Components> JCE Admin>
JCE Languages aus. Über die Sprachverwaltung ist es ein Leichtes, das Sprachpaket
zu installierten und zu aktivieren. Anschließend sind Teile des Editors eingedeutscht.
Ein Blick auf die JCE-Administration.
Nach der Installation der zwei bzw. drei JCE-Komponenten finden Sie das JCE-
Admin-Menü mit vier Untermenüs im Components-Menü: JCE Configuration,
JCE Languages, JCE Plugins und JCE Layout.
Die wichtigsten Einstellungen der JCE-Konfiguration finden Sie in der linken
Spalte. Dort legen Sie über das Auswahlmenü Access Level fest, wer Zugriff auf
den Editor hat (Public/Jeder, Registered/nur registrierte Benutzer, Special/nur spe-
www.brain-media.de

JCE – der Joomla! Content Editor 355
zielle Benutzer) und ob die Komponente veröffentlicht ist oder nicht. Um JCE zu
Ihrem Standardeditor für Joomla! zu machen, müssen Sie allerdings die Joomla!-
Einstellungen anpassen. Im rechten Konfigurationsbereich können Sie außerdem
verschiedene Parameter wie die Größe bestimmen. Über das JCE-Languages-
Untermenü können Sie wie bereits erwähnt Sprachpakete installieren und aktivieren.
Die installierten Plugins.
Im Plugin Manager werden die verschiedensten Funktionen des Editors verwaltet.
Typische Funktionen wie das Erstellen eines neuen Dokuments werden durch ein
Plugin repräsentiert. Über diese Liste können Sie somit exakt steuern, welche
Funktionen über den Editor verfügbar sind und welche nicht. Damit Ihre Benutzer
mit dem Editor keine Links einfügen können, setzen Sie das Plugin einfach auf
Unpublished.
Auf der JCE-Homepage finden Sie eine ganze Reihe von Plugins, auch verschiedene
Manager, mit denen Sie Ihre Bilder verwalten können. Auch ein
Joomlaboard- und ein Iframe-Plugin stehen zur Verfügung.
Mithilfe des JCE-Layout-Managers können Sie außerdem die Position der verschiedenen
Schaltflächen per Drag&Drop ändern. Der Manager präsentiert Ihnen
vier graue Balken, in denen Sie die Icons beliebig platzieren können.
Joomla! kompakt

356 Weitere Must-have-Erweiterungen
12.3 DocMan
Ein echter Klassiker unter den Joomla!-Erweiterungen ist der Dokumentenmanager
DOCman (http://forge.joomla.org/sf/projects/docman/). Er ist die richtige Komponente
für Sie, wenn Sie mit Ihrer Site viele Dateien und Dokumente verwalten –
beispielsweise in einer Intranet-Site, über die Sie Ihre Mitarbeiter mit relevanten
Dokumenten versorgen. Das Highlight von DOCman ist sicherlich die umfassende
Rechteverwaltung, mit der Sie genau steuern können, wer welche Dokumente
herunterladen, betrachten, hochladen, überschreiben und freigeben kann. Momentan
scheint nur nicht klar, ob die Erweiterung weiterentwickelt wird. Hoffen wir es!
Die DOCman-Systemsteuerung.
Die Installation erfolgt wie gewohnt über das Installers-Menü. Es gibt übrigens
auch ein deutschsprachiges Paket, in dem alle Module in einer deutschen Version
zusammengefasst sind. Anschließend finden Sie unter Components das DOCman-
Menü mit seinen verschiedenen Untermenüs. Über das Untermenü Verwaltung
präsentiert sich Ihnen die DOCman-Systemsteuerung. Links finden Sie die wichtigsten
Funktionen, rechts News und Informationen zu den letzten Dokumenten
bzw. den neuesten Protokollen.
Wie Sie in der Umgebung vorgehen, ist letztlich Geschmackssache. Der eine
macht sich am liebsten mit den Konfigurationsmöglichkeiten vertraut, ein anderer
legt lieber gleich los und hinterlegt erste Dokumente in der Dokumentenverwaltung.
www.brain-media.de

DocMan 357
Wenn Sie sich für den zweiten Weg entscheiden, so sollten Sie zunächst eine
DOCman-Kategorie erzeugen. Sie dient als Container für Ihre Inhalte. Wechseln
Sie dazu über den Kategorienlink zur Kategorienverwaltung. Mit einem Klick auf
Neu erzeugen Sie eine erste Kategorie.
Eine erste Kategorie entsteht.
Nachdem Sie die erste Kategorie erstellt und gespeichert haben, können Sie ein
erstes Dokument in die Verwaltung einbinden. Öffnen Sie mit einem Klick auf
Dokumente die eigentliche Dokumentenverwaltung und geben Sie relevante Informationen
wie den Titel, die Kategorie und den URL des Dokuments ein.
Das Formular zum Hinzufügen eines Dokuments stellt Ihnen drei weitere Register
zur Verfügung. Über das Register Sicherheit können Sie beispielsweise die Dokumentenrechte
definieren. Konkret können Sie bestimmen, wer das Dokument lesen
darf und wer der Verantwortliche ist.
Joomla! kompakt

358 Weitere Must-have-Erweiterungen
Das Hinzufügen eines ersten Dokuments in das Ablagesystem.
Über das Register Lizenz legen Sie fest, unter welcher Lizenz das Dokument steht
und ob diese angezeigt wird. Da Ihre Dokumentenverwaltung noch keine Lizenzen
kennt, müssen Sie diese erst über das gleichnamige DOCman-Untermenü erstellen.
Erst dann ist eine Auswahl möglich.
DOCman hat weitere interessante Funktionen zu bieten. So können Sie über den
Statistiken-Link einsehen, wie oft welche Dateien heruntergeladen wurden. Das
Untermenü Logs verrät Ihnen, wer mit welchem System auf Ihre Verwaltung zugegriffen
hat.
Eine weitere Besonderheit von DOCman: Die Erweiterung besitzt eine eigene
Gruppenverwaltung. Die Benutzerverwaltung von DOCman basiert auf den Einstellungen
Ihres Joomla!-Systems, Sie können aber spezifische DOCman-Gruppen
erzeugen und diesen die gewünschten Benutzer zuordnen.
www.brain-media.de

DocMan 359
Die DOCman-Konfiguration hat es in sich.
Besondere Beachtung verdient die DOCman-Konfiguration, die Ihnen über sechs
Register unterschiedliche Anpassungen erlaubt. Auf dem Register Allgemein bestimmen
Sie den absoluten Pfad zum Speichern der Dokumente. Über das Register
Frontend bestimmen Sie verschiedene Eigenschaften, die sich auf das Benutzer-
Frontend auswirken, beispielsweise die Standardsortierung, die Icon-Größe und die
Lizenzinfo.
Die folgenden drei Register Rechte, Hochladen und Sicherheit dienen in erster
Linie der sicherheitstechnischen Konfiguration. Auf dem Register Rechte legen Sie
fest, welche Zugriffsrechte Gäste haben und wer vom Frontend auf Dateien übertragen,
freigeben und veröffentlichen darf. Außerdem können Sie die Dokumentenzugriffsrechte
fein definieren. Das Register Hochladen dient der Konfiguration
zulässiger Upload-Methoden und zulässiger Dateien, die auf dem Server gespei-
Joomla! kompakt

360 Weitere Must-have-Erweiterungen
chert werden dürfen. Auf dem Register Sicherheit können Sie schließlich die Anti-
Leech-Funktion aktivieren.
Alles in allem ist DOCman eine hervorragende Joomla!-Erweiterung. Bleibt zu
hoffen, dass sie auch in Zukunft weiterentwickelt wird.
12.4 gigCalender
Der gigCalendar (http://www.gigcalendar.net) ist eine sehr interessante Eventkalender-Komponente,
die es Ihnen ermöglicht, Veranstaltungs- und Tourdaten von
Musikbands (oder anderen Veranstaltungen) zu verwalten und in der Website zu
veröffentlichen. Neben der Komponente stehen hierfür auch noch zwei Module zur
Verfügung. Die Komponente stellt die Veranstaltungen wahlweise als Tabelle oder
als Kalenderblatt dar. Umfangreiche Bearbeitungsfunktionen stehen im Backend
zur Verfügung. Eine weitere Besonderheit: Die eingetragenen Termine können
auch in bzw. nach verschiedenen Personal-Informations-Managern importiert bzw.
exportiert werden.
Der gigCalendar stellt Ihnen alle wichtigen Funktionen
eines Veranstaltungskalenders zur Verfügung.
Achten Sie bei der Installation des gigCalendars darauf, dass Sie die neuste Version
verwenden. In der Vergangenheit kam es immer wieder zu Inkompatibilitäten
zwischen Joomla! und dem Event-Kalender. Leider gibt es bislang auch keine
deutsche Sprachdatei.
Nach der Installation erfolgt der Zugriff über das Components-Menü. Das
gigCalendar-Menü erlaubt Ihnen den Zugriff auf die drei integrierten Manager:
www.brain-media.de

gigCalender 361
• Event-Manager
• Veranstaltungsort-Manager
• Band-Manager
Außerdem können Sie den Kalender über den Konfigurationsdialog an Ihre Erfordernisse
anpassen, die RSS-Funktionen einrichten und Daten importieren bzw.
exportieren.
Um einen neuen Kalendereintrag zu erzeugen, müssen Sie zunächst über den
venueManager den Veranstaltungsort und dann über den bandManager eine erste
Band einrichten.
Der erste Veranstaltungsort wird im gigCalendar eingetragen.
Als Nächstes erzeugen Sie dann über den bandManager einen ersten Band-Eintrag,
indem Sie auf den Manager zugreifen und über New die Banddaten hinterlegen.
Alle notwendigen Angaben sind wie bei allen anderen gigCalendar-Formularen
gefettet.
Joomla! kompakt

362 Weitere Must-have-Erweiterungen
Als Nächstes können Sie eine erste Veranstaltung in Ihren Kalender eintragen.
Dazu folgen Sie dem Link Add New Gig und bestimmen im zugehörigen Formular
das Datum, wählen den Veranstaltungsort und die Band aus.
Eine erste Veranstaltung wird im Kalender eingetragen.
Zu jeder Veranstaltung, zu jedem Veranstaltungsort und zu jeder Band können Sie
einen Infotext hinterlegen, der dann für die Benutzer im Frontend abrufbar ist.
Nutzen Sie diese Möglichkeit, um beispielsweise Hintergrundinfos, eine Wegbeschreibung
(auch mit Bild) sowie sonstige Informationen einzubinden.
Die gigCalendar-Konfiguration hat es ebenfalls in sich. Zunächst können Sie beispielsweise
das Aussehen der Listen und des Kalenders anpassen. Sie können beispielsweise
das Layout und die Formatierung der unterschiedlichen Informationen
anpassen – auch das Datumsformat. Über die Kalenderkonfiguration können Sie
außerdem Links zu Ticket-Services oder Routenplaner einbinden, damit Ihre Besucher
gleich ihre Tickets bestellen und den Anfahrtsweg berechnen lassen können.
In den RSS-Optionen legen Sie fest, ob beispielsweise alle Veranstaltungen in
Ihren Feed eingefügt werden.
Für den Austausch mit anderen Veranstaltungs-Sites interessant: Über das Import/Export-Menü
können Sie Ihre Daten und Einstellungen importieren und exportieren.
Dank der iCal- und vCal-Unterstützung lassen sich auch einzelne Veranstaltungen
exportieren.
www.brain-media.de

Dateimanagement mit joomlaXplorer 363
12.5 Dateimanagement mit joomlaXplorer
Wenn Sie in Ihrer Joomla!-Umgebung immer mit Dateien hantieren müssen, so
empfiehlt sich der Einsatz des joomlaXplorers (http://developer.joomla.org/sf/
projects/joomlaxplorer/). Mit diesem Dateimanager-Skript können Sie durch Verzeichnisse
navigieren, Dateien editieren, verschieben und löschen, Dateien suchen,
uploaden und downloaden, neue Dateien und Verzeichnisse erstellen und auch
Dateiberechtigungen ändern. Auch das Erstellen bzw. Entpacken von Archiven ist
möglich.
Der Dateimanager joomlaXplorer in Aktion.
Der Dateimanager unterstützt verschiedene Übertragungsmodi. Nach einer Standardinstallation
ist der File-Modus aktiviert. Sie können mit einem Klick auf Modus
wechseln zu: ftp den FTP-Modus aktivieren und sich über den Login-Dialog
Zugang zum FTP-Server verschaffen.
Die Handhabung des Dateimanagers ist ansonsten weitgehend selbsterklärend. In
der Kopfzeile zeigt Ihnen der Editor das Verzeichnis an, in dem Sie sich aktuell
befinden. Darunter finden Sie die umfangreiche Symbolleiste, rechts die Funktion
Joomla! kompakt

364 Weitere Must-have-Erweiterungen
zum Anlegen von Dateien bzw. Verzeichnissen sowie die Sprungfunktion, mit der
Sie beispielsweise ins Home-Verzeichnis springen können.
Unterhalb der Symbolleiste finden Sie die Verzeichnisansicht, in der die Ordner
und die Dateien samt Detailinformationen wie Dokumenten- bzw. Verzeichnisname,
Größe, Typ, Datum der letzten Änderung und Rechte angezeigt werden.
In der letzten Spalte finden Sie die möglichen Aktionen, die der joomlaXplorer
zulässt. Dateien und Ordner können über das erste Icon umbenannt werden. Bei
Dateien stehen Ihnen vier weitere Funktionen zur Verfügung:
• Bearbeiten
• Anzeigen
• Herunterladen
• Löschen
Besonders einfach können Sie Datei- und Verzeichnisberechtigungen ändern, indem
Sie in der Symbolleiste auf das Werkzeug-Icon klicken und für die gewählten
Verzeichnisse/Dateien die Rechte bearbeiten.
Der Dialog zum Ändern der Rechte.
Sollte es mit dem Ändern nicht funktionieren, so verfügen Sie vermutlich nicht
über die dafür notwendigen Rechte. Sie können den joomlaXplorer nicht nur zum
Verschieben oder Löschen von einzelnen Dateien verwenden, sondern auch typi-
www.brain-media.de

Mehrsprachige Site mit Joom!Fish 365
sche administrative Aufgaben damit erledigen – gelegentlich auch durch manuelle
Eingriffe in die Konfigurationsdatei.
Angenommen Sie wollen Ihren Benutzern ein Verzeichnis zur Verfügung stellen,
das diese vom Frontend für den Up- bzw. Download verwenden können, so müssen
Sie manuell in die Konfigurationsdatei /components/com_joomlaxp-lorer/configuration.jx.php
eingreifen. Ändern Sie $frontend_enabled = false; in $frontend_enabled
= true; Als Nächstes müssen Sie den Verzeichnispfad aktualisieren,
auf den Ihre Benutzer Zugriff haben. Ändern Sie dazu $subdir = '/dmdocuments';
in $subdir = '/meine_downloads';
Der joomlaXplorer unterliegt allerdings auch Einschränkungen. So ist weder im
File- noch im FTP-Modus der Upload eines gesamten Verzeichnisses möglich.
Wenn Sie etwas Derartiges vorhaben, packen Sie Ihre Daten am besten, führen ein
Upload durch und entpacken diese Datei dann mit dem Entpacker. Vorsicht: Bereits
existierende Dateien mit dem gleichen Dateinamen werden überschrieben,
wenn sie schreibbar sind.
12.6 Mehrsprachige Site mit Joom!Fish
Wenn Sie mit Ihrer Joomla!-Site auf ein internationales Publikum zielen, so müssen
Sie Ihre Site zumindest teilweise in die gewünschten Zielsprachen übersetzen.
Zwar gibt es für viele Komponenten Sprachpakete, die das jeweilige Front- und
Backend anpassen. Was aber ist mit den eigentlichen Inhalten?
Die Lösung für dieses Problem: Joom!Fish. Das Tool hat seinen Namen vom berühmten
Babelfish aus dem Roman „Per Anhalter durch die Galaxis“ von Douglas
Adams. Mit diesem Tool können Sie all Ihre Inhalte in mehreren Sprachen erzeugen
und verwalten. Sie können damit sogar die Inhalte von Komponenten und
Modulen mehrsprachig verwalten. Joom!Fish ist sogar so konzipiert, dass Sie zuerst
Ihre Inhalte in einer beliebigen Sprache erstellen und diese dann zu einem
späteren Zeitpunkt übersetzen.
Um möglichen Missverständnissen zuvorzukommen: Joom!Fish ist keine automatische
Übersetzungsfunktion, wie Sie sie von verschiedenen Suchmaschinen kennen,
sondern lediglich ein Hilfsmittel, das Sie bei der Übersetzung und der Verwaltung
der Übersetzungen unterstützt. Sie können Ihre Site auch auf nicht übersetzte
Bereiche hin überprüfen.
Die Installation von Joom!Fish 1.7 erfolgt wie immer über das Installers-Menü.
Nach der erfolgreichen Installation steht Ihnen die Komponente über Components>
Joom!Fish zur Verfügung. Am besten passen Sie über die Joom!Fish-
Konfiguration zunächst die Sprache an. Dann fällt die Anwendung den meisten
Anwendern leichter.
Joomla! kompakt

366 Weitere Must-have-Erweiterungen
Die Joom!Fish-1.7-Systemsteuerung erlaubt den einfachen
Zugriff auf die verschiedenen Funktionen.
Mithilfe des Control-Panels können Sie über das Icon Sprache zunächst einmal
einsehen, welche Sprachdateien auf Ihrem System installiert sind und was die
Standardsprache ist. Ändern Sie die Einstellungen gegebenenfalls und aktivieren
Sie weitere Sprachen.
Mit dem Joom!Fish-Sprachmanager können Sie schon mal die
Standardsprache Ihres Systems einsehen.
Wichtig: Im Sprachmanager sollten Sie Grafiken für die jeweiligen Sprachvarianten
angeben, über die die Benutzer dann im Frontend die bevorzugte Sprachversion
über die typischen Fähnchen umschalten können. Joom!Fish verwendet Standardflaggen
für die Unterscheidung der Sprachvarianten. Sie müssen in den Eingabefeldern
Bilddatei lediglich den Pfad zu alternativen Bildern angeben, wenn Sie
andere Grafiken verwenden wollen. Sie können außerdem in der letzten Spalte die
Sortierung der Flaggen ändern. Die Reihenfolge beginnt bei Null, dann Eins etc.
www.brain-media.de

Mehrsprachige Site mit Joom!Fish 367
Bei einer Site, die deutsche und englischsprachige Inhalte zu bieten hat, aktivieren
Sie die Sprachen Englisch und Deutsch.
Für die eigentliche Übersetzungsarbeit folgen Sie im Control Panel dem Link
Übersetzung. Das zugehörige Formular stellt Ihnen ein Auswahlmenü zur Verfügung,
über das Sie gezielt bestimmen, welche Inhaltselemente, also beispielsweise
Kategorien, bestehende Inhalte, Menüs oder auch Feeds, übersetzt werden sollen.
Hier wählen Sie, welche Elemente übersetzt werden.
Auf der Übersetzungsseite bestimmen Sie nicht nur den Inhaltstyp, sondern können
über das darunterliegende Auswahlmenü auch die Sprache der Inhalte bestimmen.
Sie können die Auswahl wie folgt einschränken:
• Alle Sprachen
• Ohne Übersetzung
• Englisch (abhängig von den installierten Sprachpaketen)
• German (abhängig von den installierten Sprachpaketen)
Wir entscheiden uns hier für die Inhaltselemente Contents und wählen als Sprache
den Eintrag Alle Sprachen. Das Übersetzungsformular wird nach der Auswahl um
drei weitere Auswahlfelder und ein Suchformular erweitert, über die Sie die Ansicht
nach folgenden Kriterien weiter einschränken können:
Joomla! kompakt

368 Weitere Must-have-Erweiterungen
• Kategorie
• Autor
• Übersetzung veröffentlicht
Über die Suchfunktion können Sie die Ansicht gezielt auf bestimmte Inhalte beschränken.
Die ausgewählten Content-Elemente können
im nächsten Schritt übersetzt werden.
Die Übersetzungsliste zeigt Ihnen neben dem Dokumententitel die Sprache, eventuelle
Übersetzungen, das Datum der letzten Änderung, den Übersetzungstatus und
den Veröffentlichungsstatus an. Insbesondere die Statusspalte liefert Ihnen wichtige
Informationen, die durch folgende Icons angezeigt werden:
Icon
Beschreibung
Übersetzung nicht aktuell
Übersetzung unvollständig oder das Original ist
geändert
Übersetzung existiert nicht
Übersetzung ist veröffentlicht
Übersetzung nicht veröffentlicht
www.brain-media.de

Mehrsprachige Site mit Joom!Fish 369
Um ein Dokument zu übersetzen, klicken Sie auf den zugehörigen Dokumententitel.
Im eigentlichen Übersetzungsdialog werden Ihnen zu jedem Content-Abschnitt
zwei Abschnitte präsentiert: einmal das Original, darunter das Eingabefeld für die
Übersetzung. Je nach Content-Element können Sie über den Übersetzungsdialog
auch die Metadaten und Content-Beschreibung übersetzen. Außerdem können Sie
über das rechts gelegene Informationsfeld den Status ändern.
Der eigentliche Übersetzungsdialog.
Sie sehen: Die Handhabung von Joom!Fish ist wirklich kinderleicht. In der Praxis
taucht allerdings immer wieder folgendes Problem auf: Sie haben bereits eine Site
mit einer Übersetzung eingerichtet. Nun wollen Sie eine dritte, also neben der
deutschsprachigen Standard-Site und der englischsprachigen Übersetzung, eine
weitere hinzufügen. Wenn Sie nun eine Änderung an einer Übersetzung vornehmen,
wird eine der bestehenden Sprachen überschrieben.
Dieses Problem bekommen Sie mit folgenden Schritten in den Griff:
1. Installieren Sie zunächst mit dem Joomla!-Sprachmanager alle Sprachen,
die Sie einführen wollen.
2. Konfigurieren Sie als Nächstes alle Sprachen in der Joom!Fish-
Sprachkonfiguration.
Joomla! kompakt

370 Weitere Must-have-Erweiterungen
3. Wechseln Sie dann zur Übersetzungsseite und wählen Sie das Inhaltselement
aus, das Sie übersetzen wollen.
4. Im Sprach-Pulldown-Menü ist standardmäßig der Eintrag Alle Sprachen
aktiviert. Wählen Sie hier die spezifische Sprachvariante aus, die Sie
übersetzen wollen. Fertig.
Sie können Joom!Fish auch ein wenig Beine machen, indem Sie das Menümodul-
Caching aktivieren. Dazu ist eine kleine Änderung des Joomla!-Caching-Codes
erforderlich. Ersetzen Sie in der Datei includes/cache/Lite/Function.php den Code-
Block:
function call()
{
$arguments = func_get_args();
$id = serialize($arguments); // Erzeugt die Cache-ID
durch folgenden Code:
function call()
{
$arguments = func_get_args();
global $mosConfig_lang;
if (isset( $mosConfig_lang)) $arguments[] = array('mosConfigLang'=>$mosConfig_lang);
$id = serialize($arguments); // Erzeugt die Cache-ID
Damit wird Joom!Fish einen Tick schneller.
Joom!Fish bietet weitere Anpassungsmöglichkeiten. So können Sie es beispielsweise
dem Benutzertyp Manager erlauben, Inhalte über das Frontend zu übersetzen.
Diese Funktion bietet das Joomla!-ACL-System (/includes/gacl.class.php)
nicht. Um dies zu ermöglichen, müssen Sie die ACL-Regeln der jeweiligen Datei
ändern. Beispielsweise wie folgt:
$this->_mos_add_acl( 'administration', 'install', 'users',
'manager', 'components', 'all' );
www.brain-media.de

Sitemap mit Joomap 371
$this->_mos_add_acl( 'administration', 'edit', 'users', 'manager',
'components', 'com_joomfish' );
Ein letzter Kniff: Wenn Sie wollen, dass die Joomla!-Site das Übersetzungsdatum
und/oder das Datum, an dem Sie die Sprache umgeschaltet haben, anzeigen soll, so
muss lediglich die Funktion setLocale() in Ihre Sprachdatei eingefügt
werden. Im Fall der deutschen Sprachvariante ist das setLocale( 'de' );
12.7 Sitemap mit Joomap
Was, wenn Sie mit Joomla! eine typische Sitemap erstellen wollen, in der die Seiten
Ihrer Site in einer Übersicht zusammengefasst sind? Auch hierfür hat die
Joomla!-Gemeinde die passende Lösung: Joomap stellt den kompletten Website-
Baum in einer anpassbaren Sitemap dar. Dabei werden alle Menüeinträge aus den
Menüs der Website nacheinander durchlaufen. Abhängig davon, auf welche Art
von Inhalten der Menüeintrag verweist, wird auch der darin enthaltene Inhalt in
den Baum mit aufgenommen.
Die Register der Joomap-Konfiguration.
Das Sitemap-Tool stammt von Daniel Grothe (http://www.ko-ca.com). Die deutsche
Version finden Sie unter http://www.mgfi.info. Die Unterstützung von verschiedensten
Inhalten ist durch ein Plugin-System leicht zu erweitern. Dank der
Erweiterbarkeit durch Plugins lassen sich weitere Komponenten in Joomap
einfachst einbinden. Die Plugins enden mit .plugin.php und sind im Verzeichnis
/administrator/components/com_joomap/plugins/ zu platzieren. Als Beispiele werden
die Joomla!-Inhalte durch das Plugin content.plugin.php abgewickelt.
Joomla! kompakt

372 Weitere Must-have-Erweiterungen
Die Joomap-Komponente präsentiert Ihnen drei Register: Menüs, Ansicht und CSS.
Auf dem Register Menüs legen Sie fest, welche Menüeinträge in der Sitemap landen.
Für jedes Menü, das Sie hier aktivieren, erstellt Joomap im Frontend eine
eigene Überschrift, über die dann der Zugriff auf die verschiedenen Inhalte einfach
möglich ist.
Welche Menüs Sie hier auswählen, ist natürlich von Ihrer Seite abhängig. Es ist
natürlich auch davon abhängig, ob Sie eigene Menüleisten eingeführt haben. Mit
einem Klick in der Anzeigen-Spalte sorgen Sie dafür, dass das Menü auch in der
Sitemap landet bzw. deaktiviert wird.
Das Menüs-Register erlaubt Ihnen zwei weitere Anpassungen:
• Umordnen: In diese Spalte können Sie über die Pfeile die Anordnung der
Menüs in der Sitemap anpassen. Die Reihenfolge in Ihrem Menü bleibt
dabei auch in der Sitemap erhalten.
• Reihenfolge: Hier können Sie die Reihenfolge manuell durch Eingabe eines
Werts ändern.
Die Einstellungen des Joomap-Registers Ansicht.
Über das Register Ansicht können Sie verschiedene Details zur Sitemap-Ansicht
bestimmen, auch die Integration von Google-Sitemaps ist möglich, ebenso können
Sie bestimmte Menüeinträge ausschließen. Die Einstellungen sind in drei Bereichen
zusammengefasst. Unter Anzeige Einstellungen können Sie beispielsweise
den CSS-Klassennamen ändern, externe Links durch eine Grafik kennzeichnen und
die Anzahl der Spalten der Sitemap anpassen.
www.brain-media.de

Sitemap mit Joomap 373
Ein weiteres Highlight von Joomap ist die Unterstützung von Google-Sitemaps.
Diese bieten Ihnen eine einfache Möglichkeit, immer mit aktuellen Links der eigenen
Webseite innerhalb Google vertreten zu sein. Joomap generiert automatisch
die aktuellen Links. Um die eigene Webseite für diesen Service bei Google anzumelden,
sind lediglich zwei Schritte notwendig:
1. Eröffnen Sie zunächst ein kostenloses Konto bei Google SiteMaps
(http://www.google.com/webmasters/sitemaps/login/).
2. Geben Sie den von Joomap generierten Link im Google-Account an. Das
war’s auch schon.
Der gezielte Ausschluss von Menüs auf der Sitemap.
Besondere Beachtung verdient die Ausschlussfunktion im Bereich Nicht anzeigen.
Über das Auswahlmenü bestimmen Sie die Menüeinträge, die nicht in der Sitemap
landen sollen. Markieren Sie einfach einen Eintrag, der nicht in der Übersicht landen
soll und klicken Sie auf den Pfeil links neben dem Auswahlmenü. Joomap fügt
automatisch die Item-ID in das Anzeigefeld ein.
Auf dem Register CSS wird die CSS-Klasse angezeigt, die Joomap verwendet. Der
Sitemap-Spezialist verwendet eine eigene CSS-Klasse, der Name ist im Joomap-
Backend anzugeben. Diese CSS-Klasse kann bequem in der Joomap-Konfiguration
bearbeitet werden.
Joomla! kompakt

374 Weitere Must-have-Erweiterungen
Das Register CSS.
Generell wird Joomap innerhalb eingebunden. Der Seitenbaum
hat für jede Ebene eine eigene CSS-Klasse, beginnend mit level_0 (root) und
dann level_1, level_2 etc.
Die Sitemap im Frontend.
www.brain-media.de

Logfile-Analyse mit BSQ Sitestats 375
Werfen wir noch einen kurzen Blick auf die Sitemap im Frontend. Wie Sie es über
die Menüfunktion einbinden, ist Ihnen längst geläufig. Wenn Sie den neuen Menüeintrag
beispielsweise mit Sitemap bezeichnen und das Hauptmenü in der Sitemap
verwenden, so könnte Ihre Map wie in voranstehender Abbildung dargestellt aussehen.
12.8 Logfile-Analyse mit BSQ Sitestats
BSQ Sitestats (http://www.bs-squared.com) ist eine Statistikkomponente für
Joomla. Die Auswertung erfolgt im Backend über die Komponente oder im Frontend
über die im Download enthaltenen Module. Das Statistikmodul wertet die
typischen Logfiles aus und zeigt Ihnen wahlweise Total Hits, Unique Visitors,
Today's Hits, Today's Unique Visitors, Average Hits Per Visitor, Average Hits Per
Visitor Over an Interval, Top Search Engine Keywords, Top Visitor Languages,
Top Visitor Platforms (Window, Linux etc.), Top Referer Domains, Top Referer
URLs, Top URLs und Top Web Browsers. Auf der Zusammenfassungsseite werden
die Hits und die Summe der Besucher nach Gesamtzahl, heute, pro Woche, pro
Monat und pro Jahr gelistet.
Ein erster Blick auf die Logfile-Auswertungen.
Ein wichtiger Hinweis: Zur Verwendung von BSQ Sitestats wird die Joomlalib-
Komponente benötigt. Diese muss vor der Installation von BSQ Sitestats bereits
Joomla! kompakt

376 Weitere Must-have-Erweiterungen
installiert sein. Sie finden die Komponente unter http://forge.joomla.org/sf/frs/
do/viewRelease/projects.joomlalib/frs.component.joomlalib_1_2_2_beta.
Nachdem Sie die Installationshürde genommen haben, müssen Sie eine Anpassung
des Joomla!-Templates index.php vornehmen, damit die Komponente auch die
Zugriffe auswerten kann. Fügen Sie dazu folgenden Code hinzu:
Nachdem Sie diesen Code-Block eingefügt und die ersten Zugriffe auf das
Joomla!-System durchgeführt haben, können Sie bereits die ersten statistischen
Daten begutachten.
Die ersten Auswertungen von BSQ Sitestats.
www.brain-media.de

Logfile-Analyse mit BSQ Sitestats 377
Wie Sie voranstehender Abbildung entnehmen können, zeigt Ihnen BSQ Sitestats
neben den Hits und der Anzahl der Besucher genau an, wer auf welche Inhalte
zugegriffen hat. Über die weiteren Register können Sie Details zu den Besuchern,
den zugegriffenen Inhalten, den verwendeten Browsern, Refer-Info, Domains,
Ländern und Schlüsselwörtern entnehmen.
Die BSQ-Sitestats-Konfiguration.
Welche Informationen BSQ Sitestats für Sie aufarbeitet – und in welcher Form –,
das bestimmen Sie in der BSQ-Sitestats-Konfiguration. Die Konfiguration präsentiert
Ihnen sieben Register:
• Hit Tracking: Auf diesem Register legen Sie mit dem ersten Schalter
Track Hits? fest, ob die Komponente überhaupt aktiviert werden soll oder
nicht. Damit Sie möglichst zuverlässige Daten erhalten, sollten Sie die
Zugriffe von Suchmaschinen über Ignore Bots Hits herausfiltern.
• Reporting: Hier bestimmen Sie, welche statistischen Details in der Auswertung
angezeigt werden. Sie können außerdem das Datumsformat, die
Verwendung des internen Stylesheets und dergleichen mehr konfigurieren.
• RSS: Auf diesem Register können Sie die RSS-Unterstützung aktivieren,
das Passwort für den Zugriff und das RSS-Format bestimmen.
Joomla! kompakt

378 Weitere Must-have-Erweiterungen
• Compression: Mit den drei auf diesem Register verfügbaren Einstellungen
bestimmen Sie, wie alt Statistiken sein müssen, damit sie komprimiert
werden. Wenn Sie eine starkfrequentierte Website aufsetzen, so können
Sie die Komprimierung beispielsweise auf den Wert 1 Woche setzen.
• Graphing: Hier bestimmen Sie, ob JGraph für die grafische Aufbereitung
der Daten wie beispielsweise der Browser-Typen verwendet wird. BSQ
Sitestats erzeugt dann typische Balkendiagramme. Sie können außerdem
die Größe der Grafik bestimmen.
BSQ Sitestats beherrscht auch die grafische Aufbereitung von Logfile-Daten.
• Front End: Sie können die statistischen Daten auch ins Frontend integrieren.
Über dieses Register bestimmen Sie, welche Inhalte auf Seiten des
Clients veröffentlicht werden.
• Filters: Um ein möglichst unverfälschtes Ergebnis zu erhalten, können
Sie über dieses Register IP-Adressen von der Auswertung herausfiltern.
So können Sie beispielsweise die IP-Adressen des lokalen Netzwerks in
das Textfeld IPs to ignore eintragen. Sie können auch Domains herausfiltern.
www.brain-media.de

WordPress-Integration mit OpenWP 379
Wenn Sie einen zweiten Blick ins BSQ-Sitestats-Untermenü werfen, stellen Sie
fest, dass das Statistiktool weitere interessante Zusatzfunktionen bietet. Es sind vier
an der Zahl:
• IP Lookup: Über dieses Formular können Sie einen IP-Lookup durchführen.
• Scrub Stats: Was diese Funktion macht, ist leider nirgends brauchbar dokumentiert.
• Compress Logs: Diese Funktion erlaubt das manuelle Komprimieren der
Log-Dateien.
• Convert Database: Diese Funktion erlaubt schließlich die Konvertierung
der Datenbank. Leider kann man dabei kein Ziel und keine Konvertierungsoptionen
definieren.
Für die in Joomla! integrierte Logfile-Analyse eignet sich BSQ Sitestats hervorragend.
Es liefert Ihnen alle relevanten Informationen auf einen Blick. Natürlich
kann es sich nicht mit Spezialisten wie AWStats (http://www.awstats.net) messen.
Doch das ist in der Regel auch nicht erforderlich. Im Admin-Alltag hat man ohnehin
mit genügend anderen Problemen zu kämpfen. Da will man sich nicht mit noch
mehr Informationen herumschlagen müssen.
12.9 WordPress-Integration mit OpenWP
Die Kür für Ihre Joomla!-Site wäre natürlich ein Blog-System, in dem Ihre Benutzer
sich nach Herzenslust Tag für Tag austoben können. Im Bereich Blog ist
WordPress (http://www.wordpress.de) der Platzhirsch. Speziell für Joomla! hat
Marko Schmuck eine angepasste Version, die in der Handhabung und dem Handling
WordPress sehr ähnlich ist: OpenWP (http://www.j-prosolutions.com). Der
Vorläufer trug die Bezeichnung JD-WP.
Wie bei anderen Joomla!-Komponenten integriert sich auch OpenWP in die Administrationszentrale
des Content-Managementsystems. Die Benutzerverwaltung
vereinfacht sich durch die Übernahme der Joomla!-Benutzer.
Leider ist die Website des OpenWP-Entwicklers nicht sonderlich gut gepflegt. So
bleibt Ihnen leider nichts anderes übrig, als sich die verschiedenen Komponenten
zusammenzusuchen und dann zu installieren. Das gilt auch für die deutsche
Sprachdatei, die Sie beim WordPress-Team (http://doku.wordpress-deutschland.org/Download_der_deutschen_Sprachdatei/)
finden. Um OpenWP einzudeutschen,
erstellen Sie im OpenWP-Ordner im Verzeichnis wp-includes ein Un-
Joomla! kompakt

380 Weitere Must-have-Erweiterungen
terverzeichnis languages und kopieren die Sprachdatei des WordPress-Teams dort
hinein. Beim nächsten Zugriff präsentiert Ihnen OpenWP eine deutschsprachige
Schnittstelle.
Die WordPress-Adaption OpenWP ist in einer deutschsprachigen
Version in Joomla! integriert.
Beim Zugriff auf den WordPress-Ableger präsentiert sich Ihnen etwa obige
Schnittstelle. In der OpenWP-Administrationszentrale können Sie nun erste Beiträge
verfassen, Artikel verwalten, Benutzer einrichten, unterschiedliche Einstellungen
wie den Blog-Titel bearbeiten und Daten von anderen Systemen importieren.
Beim Zugriff auf OpenWP wird Ihnen automatisch der so genannte Tellerrand
angezeigt. Dies ist die WordPress-typische Übersicht zu Ihrem Blog. Über ihn
können Sie bequem einen neuen Beitrag verfassen und verschiedene aktuelle und
statistische Informationen abrufen.
Im Rahmen dieses Kapitels können wir nicht alle Funktionen und Vorgehensweisen
beschreiben, die OpenWP bietet. Dafür sei an dieser Stelle auf Stephan
Lamprechts Buch WordPress 2.x kompakt (http://www.bomots.de/wordpress/)
verwiesen, das ebenfalls beim bomots-Verlag erschienen ist.
www.brain-media.de

WordPress-Integration mit OpenWP 381
Widmen wir uns daher in der gebotenen Kürze den wichtigsten administrativen
Aufgaben. Die wichtigsten Admin-Funktionen finden Sie in den Menüs Verwalten,
Benutzer und Optionen. Das Menü Verwalten dient insbesondere dem Management
von Beiträgen, Seiten, Kategorien, Kommentaren und Dateien. In der Benutzerverwaltung
können Sie die Rechte der Benutzer bearbeiten. Für die allgemeinen
OpenWP-Einstellungen ist das Menü Optionen zuständig.
Die allgemeinen Einstellungen für Ihren OpenWP-Blog.
Das Menü Optionen selbst besitzt wieder sechs Untermenüs, über die Sie unterschiedliche
Bereiche konfigurieren können:
• Allgemein: Hier bestimmen Sie den Blog-Titel, das Blog-Thema, die
WordPress- und die Blog-Adresse sowie Datum und Uhrzeit.
• Schreiben: In den Schreibeinstellungen definieren Sie die Textboxgröße
sowie verschiedene formatierungsspezifische Einstellungen und bestimmen,
ob auch das Verfassen von Blog-Beiträgen per E-Mail möglich ist.
• Lesen: Auf diesem Register können Sie die Anzahl der Beiträge pro Seite
und Feed-Einstellungen anpassen.
Joomla! kompakt

382 Weitere Must-have-Erweiterungen
• Diskussion: Wenn Sie Ihre Leser in eine Diskussion einbinden wollen,
sind Sie auf diesem Register richtig.
• Permalink: Hier können Sie die Permalink-Struktur anpassen.
• Verschiedenes: Hier finden Sie zwei weniger wichtige Einstellungen.
Nachdem Sie sich mit den allgemeinen Blog-Einstellungen auseinandergesetzt
haben, können Sie erste Testbeiträge erstellen, Kategorien einführen und dergleichen
mehr.
Mit OpenWP gibt es ein einfach zu handhabendes Blog-System, das sich problemlos
in eine Joomla!-Installation integriert. Einfacher kann man es kaum haben.
12.10 Letterman
Eine meiner Lieblingskomponenten ist Letterman (http://www.thejfactory.com).
Mit dieser Joomla!-Erweiterung können Sie einen Newsletter in der Joomla!-
Umgebung erstellen und diesen an Ihre Benutzer und/oder Kunden versenden.
Dabei können Sie natürlich auch auf bestehende Content-Elemente Ihrer Site zurückgreifen.
Auch ein Registrierungsformular steht für das bequeme Abonnieren
des Newsletters zur Verfügung.
Für die Installation laden Sie sich folgende drei Dateien von der JFactory-Website
herunter und installieren diese wie gewohnt über das Installers-Menü.
• com_lettermansubscribe_1.2.3.tar.gz
• mod_lettermansubscribe_1.2.3.tar.gz
• searchbot_letterman_1.2.3.tar.gz
Anschließend ist Letterman über das Components-Menü verfügbar. Das Letterman-Menü
stellt Ihnen drei Untermenüs zur Verfügung: Newsletter-Management,
Abonnenten-Management und Konfiguration.
12.10.1 Abonnenten verwalten
Widmen wir uns zunächst der Abonnentenverwaltung, mit der Sie bestimmen, wer
Ihren Newsletter bezieht. Wie wir später noch sehen werden, können sich Ihre
www.brain-media.de

Letterman 383
Benutzer einfach über das Frontend anmelden und landen dann natürlich auch in
der Abonnentenverwaltung.
Ein Blick auf die noch nackte Abonnentenverwaltung.
Die Abonnentenverwaltung erlaubt Ihnen das manuelle Hinzufügen, Ändern und
Entfernen von Benutzern. Einfacher geht es allerdings, wenn Sie über den Link
Nutzer zuweisen bestehende Joomla!-Benutzer in die Verwaltung einfügen oder
einen Import einer bestehenden Benutzerliste durchführen. In dem zugehörigen
Formular wählen Sie einfach die Benutzer aus, die den Newsletter erhalten sollen,
und klicken dann auf Speichern. Um mehrere Benutzer zu markieren, halten Sie
einfach die Strg-Taste gedrückt und markieren der Reihe nach die gewünschten
Benutzer.
Joomla! kompakt

384 Weitere Must-have-Erweiterungen
Importieren Sie einfach bestehende Benutzerdaten
in die Letterman-Abonnentenverwaltung.
Noch einfacher erweitern Sie Ihre Abonenntenverwaltung, indem Sie eine kommaseparierte
Datei (CSV) mithilfe der Importfunktion importieren. Da eigentlich jede
Drittanwendung Benutzerdaten nach CSV exportieren kann, ist es ein Leichtes,
solche Daten einzulesen. Noch einfacher ist die Sache, wenn Sie Daten von YaNC
(http://www.tim-online.nl/home/), einem alternativen Newslettersystem für
Joomla!, oder von einer weiteren Letterman-Installation importieren. Dazu geben
Sie einfach in dem Importfeld den Pfad zur XML-basierten Benutzerdatei ein und
klicken auf Speichern.
Wenn Sie eine CSV-Datei importieren, so können Sie vier Einstellungen anpassen:
• Spalte Name
• Spalte E-Mail-Adresse
• Start von Zeile
• CSV-Trennzeichen
Ob hier Anpassungen erforderlich sind, ist in erster Linie von der Datei abhängig,
die Sie importieren wollen.
www.brain-media.de

Letterman 385
Wie bereits erwähnt, erlaubt die Abonnentenverwaltung auch den einfachen Export
von Benutzerdaten. Dazu klicken Sie einfach auf das Icon Nutzer exportieren. Eine
Auswahl der zu exportierenden Benutzereinträge ist übrigens nicht erforderlich.
Diese Exportdatei vereinfacht den Datenaustausch mit anderen Letterman-
Installationen. Sie eignet sich auch für die Sicherung der Abonnentendaten (dazu
weiter unten mehr). Die Exportdatei erhält daher auch die Bezeichnung Backup-
List_Lettermann_from_Datum.xml. Wenn Sie die deutschsprachige Letterman-
Variante verwenden, so wird auch das Datumsformat in der uns geläufigen Form
verwendet. Die Datei heißt dann beispielsweise BackupList_Lettermann_from_31-
10-2006.xml.
Hier ein Beispiel für eine exportierte Benutzerdatei, die lediglich zwei Einträge
besitzt:
]>
1
admin@192.168.0.21
1
2006-10-31 07:57:19
Joomla! kompakt

386 Weitere Must-have-Erweiterungen
2
testuser@192.168.0.21
1
2006-10-31 07:57:19
12.10.2 Newsletter erstellen und versenden
Nachdem Sie in Ihre Abonnentenverwaltung die ersten Benutzer eingetragen bzw.
importiert haben, können Sie sich an das Erstellen eines ersten Newsletters machen.
Dazu wechseln Sie zur Newsletterverwaltung. Bei einer Standardinstallation
finden Sie dort in der Newsletter-Liste bereits einen Beispiel-Letter mit seinen
Detailinformationen:
• Betreff
• Nachrichtentext bzw. die ersten Wörter
• Datum, wann der Newsletter erstellt wurde
• Datum, wann der Letter zuletzt versandt wurde
• Jetzt senden
• Veröffentlichungsstatus
• Gesperrt
Das Schöne an der Verwaltungsfunktion: Sie können Ihren Newsletter erstellen
und später manuell versenden (eine Zeitsteuerung ist bislang leider nicht möglich).
Um einen Newsletter zu erstellen, können Sie zwei Wege einschlagen: Sie stellen
Ihr Mailing aus bestehenden Content-Elementen zusammen oder Sie erzeugen ihn
von Grund auf neu. Im ersten Fall klicken Sie in der Newsletterverwaltung auf
Compose Newsletter.
www.brain-media.de

Letterman 387
Ein erster Newsletter wird aus bestehenden
Content-Elementen zusammengeschraubt.
Die Handhabung des Formulars ist ebenfalls sehr einfach: Geben Sie in der Betreffzeile
den Nachrichtenbetreff und im darunterliegenden Eingabefeld den Text
ein. Bei der Texteingabe können Sie auf drei Platzhalter zurückgreifen, die dann in
den versendeten Mails ersetzt werden:
[NAME]
[ATTACHMENT dateiname=""]
[CONTENT id="##"]
Mit dem Platzhalter [Name] erstellen Sie beispielsweise personalisierte Mails. Mit
dem zweiten und dritten Platzhalter fügen Sie Attachments an die Mail ein. Um ein
Content-Element einzufügen, positionieren Sie den Cursor an die Stelle, an der Sie
die Inhalte einfügen wollen, und fügen dann das Element durch einen einfachen
Klick in der Auswahlliste ein. Im Textfeld wir nicht das gesamte Element, sondern
wird lediglich der Platzhalter angezeigt.
Joomla! kompakt

388 Weitere Must-have-Erweiterungen
Mit einem Klick auf Speichern landen Sie in der Editoransicht, in der die existierenden
Elemente mit Ihren Eingaben eingefügt werden. Als Nächstes können Sie
sich dann an das Bearbeiten und weitere Gestalten des Mailings machen. Mit einem
weiteren Klick auf Speichern landen Sie in der Newsletter-Liste, in der nun
auch Ihr neuer Letter aufgeführt wird. Aus der Newsletter-Liste heraus können Sie
nun den Newsletter verschicken und im Frontend mit einem Klick auf das Veröffentlicht-Icon
publizieren.
Der Versand des ersten Newsletters.
Um Ihren Letter auf die Reise zu bringen, klicken Sie einfach auf das Jetzt-senden-
Icon. Im Newsletter-verschicken-Dialog bestimmen Sie zunächst, an wen der
Newsletter verschickt werden soll. Sie können Ihre Meldungen beispielsweise an
alle Abonnenten (All Subscribers), alle Benutzergruppen, alle registrierten Benutzer
oder auch nur an die Admins verschicken.
Die nächste wichtige Option erlaubt es Ihnen, den Versand nur an bestätigte Benutzer
durchzuführen. Nichtbestätigte User erhalten den Newsletter also nicht,
wenn Sie die Option Nur an bestätigte Accounts aktivieren.
www.brain-media.de

Letterman 389
Standardmäßig ist zudem der PHP-Timeout ausgeschaltet. Dies verhindert, dass
das Versendeskript nach einer bestimmten Zeitspanne abbricht. Allerdings ist diese
Option wirkungslos, wenn Sie den Safe-Modus aktiviert haben (safe_mode=On).
Mit einem vorletzten Klick auf Publish bringen Sie Ihre Mail auf den Weg, zumindest
fast. Es folgt eine Sicherheitsabfrage, ob Sie die Nachricht tatsächlich versenden
wollen. Diese bestätigen Sie mit OK.
12.10.3 Letterman konfigurieren
Nachdem wir nun alle wichtigen Aufgaben beim Erstellen, Verwalten und Versenden
Ihres Newsletters durchgespielt haben, werfen wir noch einen Blick auf die
Letterman-Konfiguration. Anschließend gehen wir noch auf die Integration und die
Sicht des Frontends ein.
Die Letterman-Konfiguration.
In der Letterman-Konfiguration können Sie folgende Anpassungen vornehmen
(diese sind leider bislang nicht lokalisiert):
• Extended email address validation? Diese Einstellung ist lediglich für
Nicht-Windows-Systeme relevant. Wenn Sie diese auf Yes setzen, so wird
Joomla! kompakt

390 Weitere Must-have-Erweiterungen
geprüft, ob das Zielsystem eine gültige Adresse hat und ob das Ziel die
Mail empfangen kann.
• Embed images into the email? Mit dieser Option legen Sie fest, ob Bilder
in die Mail eingebettet werden oder ob eine Referenz zu den Online-
Dateien eingefügt wird. In der Standardeinstellung Yes werden die Bilder
eingefügt. Das führt zwar zu größeren Mails, aber der Empfänger bekommt
die Bilder unmittelbar zu Gesicht.
• Number of personalizable mails to send per step? Mit dieser Konfiguration
legen Sie fest, wie viele personalisierte Mails, also solche, die das
[Name]-Tag verwenden, auf einen Schlag versendet werden. Wenn Sie
mehr als die hier definierten personalisierten Empfänger vorgesehen haben,
werden diese in einem zweiten, dritten oder weiteren Schritt versandt.
• Number of mails to send per step? Hier legen Sie die Anzahl an Mails
fest, die in einem Schritt versandt werden und nicht das [Name]-Tag aufweisen.
• File attachment directory: Hier bestimmen Sie das Verzeichnis, in dem
die möglichen Dateianhänge gespeichert sind. Diese Dateien können dann
beim Erstellen eines Newsletters über das Register Attachment in die Sendung
eingefügt werden.
• The CSS styles which are used to style the HTML newsletter: Schließlich
können Sie das Stylesheet einsehen und bearbeiten, das für die Formatierung
Ihres Newsletters verwendet wird.
Für den Einstieg in die Newsletter-Komponente sind Sie mit den Standardeinstellungen
sicherlich gut bedient. Wenn Sie Letterman besser kennen (und schätzen)
gelernt haben, ist sicherlich die ein oder andere Anpassung erforderlich.
12.10.4 Letterman integrieren und nutzen
Inzwischen kennen Sie Letterman aus dem Effeff. Werfen wir noch einen kurzen
Blick auf die Integration und Nutzung im Frontend. Sie integrieren die
Newsletterfunktion am einfachsten über die Joomla!-Menükonfiguration. Am einfachsten
erzeugen Sie einen neuen Menüeintrag, beispielsweise im Hauptmenü,
über den Ihre Benutzer auf die Newsletteranmeldung und -Liste zugreifen können.
Öffnen Sie dazu das Hauptmenü und binden Sie über New die Newsletter-
www.brain-media.de

Letterman 391
Komponente ein. Ist Ihr Menü entsprechend erweitert, erfolgt der Zugriff auf die
Newsletterfunktion über den von Ihnen erstellten Menüeintrag.
Die Newsletter-Komponente im Frontend.
Wie Sie voranstehender Abbildung entnehmen können, führt Letterman im Frontend
die publizierten Newsletter auf und erlaubt über den Link Subscribe to our
Newsletter das Abonnieren des Newsletters. Das Registrierungsformular ist übrigens
sehr einfach: Es verlangt lediglich die Angabe des Namens und der E-Mail-
Adresse.
Mehr braucht man nicht: das simple Registrierungsformular.
12.10.5 Troubleshooting
Obwohl Letterman eine ausgewachsene und solide Joomla!-Erweiterung ist, offenbaren
sich im Praxiseinsatz immer wieder Probleme. Beachten Sie, wenn Sie beispielsweise
eine Deinstallation der Letterman-Komponente durchführen, Folgendes:
Als ein der wenigen Komponenten löscht Letterman beim Deinstallieren auch
seine Einträge in der Datenbank. Das bedeutet, dass auch die
Newsletterabonnenten gelöscht werden. Daher sollten Sie Ihre Benutzer vorher
exportieren – sofern Sie diese Daten an anderer Stelle oder in einem alternativen
Newslettersystem benötigen.
Joomla! kompakt

392 Weitere Must-have-Erweiterungen
Ein weiteres Problem hat in der Vergangenheit immer wieder Benutzer zu schaffen
gemacht, bei dem beim An- und Abmelden die Fehlermeldung ausgegeben wird:
Eine Nachricht über die Teilnahme am Newsletter-Service konnte
nicht versendet werden.
Die An- bzw. Abmeldung selbst funktioniert. Es werden nur keine Mails verschickt,
auch wenn sonstige Mail-Anwendungen problemlos laufen. Dieses Phänomen
tritt meist erstmals nach dem Update auf Joomla 1.0.11 auf. Hintergrund:
Die Funktion mosMail wurde zur Joomla!-Version 1.0.11 geändert. Es muss jetzt
eine gültige E-Mail-Adresse als Parameter übergeben werden (vorher wurde dann
einfach standardmäßig die globale Absenderadresse genommen). Daher sind verschiedene
Änderungen an der Datei /components/com_letterman/letter-man.php
notwendig. Und zwar müssen Sie zunächst den Code in den Zeilen 2 78 und 279
ändern:
function saveSubscriber($name, $email){
global $database, $my, $Itemid, $mosConfig_live_site,
$mosConfig_fromname, $mosConfig_mailfrom,
$mosConfig_absolute_path, $lm_params;
Dann sind die Zeilen 322 bis 324 dran:
if( !$send = mosMail( $mosConfig_mailfrom, $mosConfig_fromname,
$email, $subject, $content) ) {
echo 'alert("'.LM_ERROR_SENDING_SUBSCRIBE.
$send . '");';
}
Dann die Zeilen 332 und 333:
function deleteSubscriber($name, $email ){
global $database, $Itemid, $my, $mosConfig_live_site,
$mosConfig_fromname, $mosConfig_mailfrom;
Schließlich müssen Sie die Zeilen 359 bis 361 wie folgt anpassen:
if( !$send = mosMail($mosConfig_mailfrom, $mosConfig_fromname,
$email, $subject, $content) ) {
www.brain-media.de

Letterman 393
echo 'alert("'.LM_ERROR_SENDING_UNSUBSCRIBE
. $send . '");';
}
Mit diesen Änderungen werden Mail From und From Mail aus der Datei configuration.php
übernommen. Beachten Sie, dass unter Mail From eine gültige E-Mail-
Adresse angegeben werden muss. Nach diesen Anpassungen sollte auch der Mailversand
wieder problemlos funktionieren.
Trotz verschiedener Probleme ist Letterman in jedem Fall eine Evaluierung wert.
Ob die Komponente letztlich Ihren Anforderungen gerecht wird, zeigt sich ohnehin
meist erst nach den ersten Einsätzen. Unter den freien Tools ist Letterman sicherlich
die beste Newsletter-Komponente.
Joomla! kompakt

394 Sicherheit
13 Sicherheit
Da Content-Managementsysteme wie Joomla! mehr und mehr das Herzstück der
Dokumentenerstellung und -entwicklung in Unternehmen bilden, stellt sich gerade
bei kritischen Systemen immer auch die Frage, wie sicher ist die Umgebung, welche
Sicherheitsrisiken lauern und wie kann man sich schützen? Die zentralen Fragen
beim Einsatz eines Content-Managementsystems sind:
• Gibt es vordefinierte Gruppen innerhalb eines Rollenkonzepts?
• Kann der Zugriff mittels Benutzer- und Gruppenverwaltung entsprechend
den Anforderungen gesteuert werden?
• Gibt es Schutzmechanismen vor versehentlichem gleichzeitigem Zugriff
mehrerer Personen auf ein Dokument?
• Kann die Kommunikation zwischen CMS und Client verschlüsselt werden?
• Und wie wird das System technisch vor Fremdzugriffen geschützt?
Einziges Problem: Diese Fragen berücksichtigen lediglich die Sicherheit des eigentlichen
CMS, lassen aber Sicherheitsfragen der CMS-Umgebung außen vor. Im
Fall von CMS wie Joomla!, Typo & Co., die allesamt auf einer Apache-, MySQL-,
PHP-Installation basieren, muss man das sicherheitstechnische Augenmerk weiter
fassen. Zu berücksichtigen sind auch Fragen der Apache-, Datenbank- und PHP-
Sicherheit. Natürlich spielt auch die Datensicherheit und -sicherung eine wichtige
Rolle.
Im Hinterkopf sollte man immer behalten, dass eine Vielzahl an Risiken den Betrieb
eines CMS gefährden kann. Neben den „Standardrisiken“ sollte man sich
beispielsweise auch mit Cross-Site-Scripting und SQL-Injektion auseinandersetzen.
Beim Entwurf einer Sicherheitsstrategie ist auch zu berücksichtigen, ob es
sich um eine Intranet- oder Extranet-Site handelt – oder beides.
13.1 Standardsicherheit
Joomla! besitzt für die Standardsicherung ausreichende Funktionen, mit denen man
insbesondere den Zugriff auf Elemente, auf Inhalte etc. steuern kann. Das Herz-
www.brain-media.de

Standardsicherheit 395
stück bildet der so genannte User Manager, der über das Menü Site verfügbar ist.
Über den Benutzermanager verwalten Sie bekanntlich bestehende Einträge und
erzeugen neue.
Ein neuer Benutzer mit den gewünschten Rechten.
Über die Elementverwaltung kann zudem gesteuert werden, wer welche Elemente
nutzen kann. Die Nutzung von Modulen definiert man entsprechend in der Modulverwaltung.
So verfügt das System für nahezu jeden Bereich über Steuerungsfunktionen.
Damit sind die wichtigsten Joomla!-spezifischen Funktionen genannt. Womöglich
werden kommende Joomla!-Versionen eine „echte“ Backup-Funktion
bieten, wie sie in einer Mambo-Betaversion bereits integriert war.
Joomla! kompakt

396 Sicherheit
Die Sicherung der Mambo-Datenbank war in Mambo-Beta-
Versionen bereits verfügbar. Wann damit in Joomla! zu
rechnen ist, ist leider unklar.
13.2 Sicherheit der CMS-Umgebung
Ein Content-Managementsystem wie Joomla! ist durch vielerlei Techniken angreifbar.
Dazu gehören beispielsweise die Ausnutzung von unsicheren Webserver-,
PHP- oder Datenbankkonfigurationen. Natürlich lassen sich auch unsichere Verbindungen
nutzen. Aber auch Techniken wie Cross-Site-Scripting oder SQL-
Injektion bereiten Probleme.
13.2.1 Cross-Site-Scripting
Beim so genannten Cross-Site-Scripting werden Sicherheitslücken im Browser
ausgenutzt, um Benutzereingaben zu manipulieren, die an eine Web-Anwendung
übergeben werden. Ein Angreifer kann dadurch dann unter anderem schädlichen
Programmcode in eine für den Benutzer normalerweise korrekte Umgebung einbetten.
Der Angreifer kann auch versuchen, eine gewisse Kontrolle über die Ausführung
der Web-Anwendung zu erlangen. Ziel dieser Attacke sind meist das Aus-
www.brain-media.de

Sicherheit der CMS-Umgebung 397
spähen und die Manipulation von Benutzerdaten, wie beispielsweise Passwörtern
oder einfach das Ausführen von beliebigem Programmcode.
Bislang gibt es leider keine einheitliche Definition für diese Angriffstechnik. Dennoch
ist den unterschiedlichen Definitionen das Angriffsszenario gemein, wonach
versucht wird, schädlichen Programmcode in eine Web-Anwendung einzubetten,
der dann auf der Client-Seite ausgeführt wird.
Verwandte Szenarien versuchen den Programmablauf auf der Server-Seite zu beeinflussen.
Sicherheitslücken können beispielsweise genutzt werden, um den Server
zu veranlassen, fremden Programmcode zu laden und auszuführen. Benutzt die
Web-Anwendung eine Datenbank, wie es bei Joomla! der Fall ist, so kann durch
Manipulation der SQL-Befehle versucht werden, Einträge in der Datenbank zu
verändern oder Abfrageergebnisse zu fälschen.
Was passiert nun bei solchen Vorgängen genau? Web-Anwendungen, die beispielsweise
PHP nutzen, dienen in der Regel dazu, Inhalte dynamisch zu publizieren.
Dabei werden die Benutzereingaben oft in den GET-Parametern der URL
kodiert. Werden diese Parameter nun ohne eine vorherige Prüfung im Programm
weiterverarbeitet, so kann man in diesen Parametern Programmcode unterbringen,
der dann in der erzeugten Webseite auftaucht. Meist kommt hierfür JavaScript zum
Einsatz, da dieses in den meisten Browsern aktiviert ist. Theoretisch könnte man
auch Programmcode in anderen Programmiersprachen einschleusen.
Wird nun der Inhalt einer Variable, die über einen GET-Parameter an das Skript
übergeben wurde, ungefiltert ausgegeben, so landet der darin eingebettete Java-
Script-Code in der Webseite und wird vom Browser ausgeführt. Da das lokal ausgeführte
JavaScript Zugriff auf die vom Browser verwalteten Cookies hat, kann der
Inhalt der Cookies ausgelesen und beispielsweise an eine andere Webseite geschickt
werden.
Häufig verwenden Web-Anwendungen zum Speichern der Authentifikationsdaten
solche Cookies, so dass ein Angreifer sich damit Zugang zu einer fremden Identität
erschleichen kann. Er muss sein Opfer nur dazu bringen, auf den speziell präparierten
URL zu klicken. Diese URLs können aber auch in Image-Tags untergebracht
werden, wo sie dann automatisch beim Laden der Webseite ausgeführt werden.
Beliebte Cross-Site-Scripting-Ziele sind Foren, Gästebücher, Suchformulare,
Webmailer und sogar dynamisch generierte Fehler-404-Seiten.
Joomla! kompakt

398 Sicherheit
Cross-Site-Scripting stellt ein erhebliches Problem für User dar.
Schützen kann man sich indes recht einfach. Eine wichtige Schutzmaßnahme ist
die Überprüfung sämtlicher Benutzereingaben. Das schließt neben den HTTP-
GET- und -POST-Variablen auch die Cookies ein, die ja auch vom Client an den
Server übermittelt werden. Bei der Überprüfung sollten alle nicht akzeptablen
Werte, die nicht innerhalb eines fest definierten Wertebereichs liegen, herausgefiltert
werden. Sonderzeichen, die vom Browser besonders interpretiert werden (wie
etwa die spitzen Klammern < und >), müssen vor der Ausgabe in ihre HTML-
Entities konvertiert werden. Diese Schutzmaßnahmen sind einfach zu implementieren,
allerdings auch mit einem gewissen zeitlichen Aufwand verbunden.
Obige Abbildung zeigt ein typisches Szenario beim Cross-Site-Scripting. Im ersten
Schritt erhält ein Benutzer eine HTML-Mail, die beispielsweise Links und/oder
Grafiken enthält. Der ahnungslose User klickt auf einen Verweis und wird zu einer
gefährlichen Website geführt. Diese sendet bösartigen Code an den Anwender
www.brain-media.de

Sicherheit der CMS-Umgebung 399
zurück. Nun führt das Skript auf dem Host-Rechner die gewünschten Aktionen aus
und sendet beispielsweise ausgespähte Daten an den Hacker.
13.2.2 SQL-Injektion
Ein weiteres Problem sind die so genannten SQL-Injektionen. Bei dieser Technik
versucht der Angreifer, SQL-Abfragen zu manipulieren. Hierzu wird über die Applikation,
die den Zugriff auf die Datenbank bereitstellt, versucht, SQL-Statments
einzufügen.
Man findet SQL-Injektion oft bei CGI-Scripts. Aber auch Programme, die andere
Daten, etwa Webseiteninhalte oder E-Mails, in SQL-Datenbanken eintragen, sind
anfällig für diese Technik. Konkret wird versucht, weitere SQL-Anforderungen
einzuschleusen oder die Abfragen so zu manipulieren, dass man zusätzliche Daten
erhält. Manche Datenbanksysteme bieten auch die Möglichkeit, Zugriff auf eine
Shell zu erhalten, womit der ganze Server kompromittierbar wird.
13.2.3 Angriff auf CGI
Bei Umgebungen wie Joomla! sind auch CGI-Funktionen mögliche Angriffsziele.
Man kann PHP als CGI nutzen, wenn kein Modul in die Serversoftware eingebunden
werden soll. Sinn macht es auch bei Systemen, bei denen verschiedene CGI-
Wrapper genutzt werden sollen, um sichere chroot- und setuid-Umgebungen für
Skripts zu schaffen.
In solchen Konfigurationen wird das ausführbare PHP-Binary meist im Cgi-bin-
Verzeichnis des Webservers installiert. Problematisch ist dabei die Platzierung von
Interpretern im Cgi-bin-Verzeichnis. Obwohl das PHP-Binary als eigenständiger
Interpreter verwendet werden kann, wurde PHP so entwickelt, um dem durch diese
Konfiguration möglich werdenden Angriff vorzubeugen:
• Zugriff auf Systemdateien (www.server.de/cgi-bin/php?/etc/passwd):
Bei Requests, bei denen auf ein Fragezeichen eine Abfrageinformation erfolgt,
wird durch das CGI-Interface als Kommandozeilenargument an den
Interpreter übergeben. In der Kommandozeile wird üblicherweise die im
ersten Argument angegebene Datei von Interpretern geöffnet und ausgeführt.
Beim Aufruf als CGI-Binary verweigert PHP die Interpretation der
Kommandozeilenargumente.
• Zugriff auf beliebige Web-Dokumente auf dem Server
(www.server.de/cgi-bin/php/gemein/doc.html): Der Teil des URLs nach
der Angabe der PHP-Binärdatei wird meist dazu genutzt, um den Namen
Joomla! kompakt

400 Sicherheit
der Datei zu übergeben, die durch das CGI-Programm geöffnet und interpretiert
werden soll. Normalerweise werden einige Einträge in der Konfigurationsdatei
des Webservers benutzt (Apache: Action), um Aufrufe von
Dokumenten an den PHP-Interpreter umzuleiten. Unglücklicherweise
wird, wenn der Aufruf bereits in dieser Form geschieht, vom Webserver
keine Zugriffsüberprüfung der Datei /secret/script.php, sondern lediglich
der Datei /cgi-bin/php vorgenommen. So ist jeder Benutzer, der auf /cgibin/php
zugreifen darf, in der Lage, sich zu jedem geschützten Dokument
auf dem Webserver Zugriff zu verschaffen.
• Bei PHP kann die Konfigurationsoption --enable-force-cgi-redirect und
zur Laufzeit die Konfigurationsdirektiven doc_root und user_dir verwendet
werden, um diesen Angriff zu verhindern.
13.2.4 Apache-Einstellungen
Auch die Konfiguration des Apache-Webservers hat großen Einfluss auf die Sicherheit
der Umgebung. Dabei wird häufig der Fehler gemacht, dem Apache Root-
Rechte zu erteilen. Problematisch ist außerdem das Ausweiten der Möglichkeiten
von Apache. Insbesondere die Ausweitung der Benutzerrechte für Apache auf Root
ist äußerst problematisch, denn das gesamte System kann in Mitleidenschaft gezogen
werden. Doch auch hierfür gibt es recht einfache Lösungen.
Mit open_basedir() kann man beispielsweise kontrollieren, welche Verzeichnisse
PHP verwenden dürfen und welche nicht. Man kann auch Bereiche nur für Apache
einrichten, um alle webbasierten Aktivitäten auf Nicht-Benutzer- bzw. Nicht-
System-Dateien einzuschränken. Dazu sollte man alle htaccess-Dateien um folgenden
Code erweitern:
Order allow,deny
Deny from all
Natürlich sollte auch die Datei .htaccess geschützt werden. Nun schützt man die
Datei vor Angreifern, denn sie soll ja für alle lesbar und für den Besitzer schreibbar
sein:
chmod 655 .htacsess
www.brain-media.de

Sicherheit der CMS-Umgebung 401
13.2.5 Dateisystem-Sicherheit
Bei Umgebungen wie Joomla!, die insbesondere auf PHP basieren, sind die implementierten
Sicherheitseinstellungen hinsichtlich der Berechtigungen auf Dateiund
Verzeichnisebene abhängig. Daraus folgt, dass man mit entsprechenden Dateisystem-spezifischen
Sicherheitseinstellungen steuern kann, welche Dateien in dem
Dateisystem gelesen werden dürfen. Vorsicht ist bei lesbaren Dateien geboten, um
sicherzustellen, dass diese sicher von allen Usern mit Zugriff auf dieses Dateisystem
(nur) gelesen werden können.
Eine Eigenschaft von PHP ist es, Zugriffe auf das Dateisystem auf Benutzerebene
zu erlauben. Damit ist es natürlich auch möglich, ein PHP-Skript zu schreiben, das
beispielsweise Systemdateien wie /etc/passwd lesen, Ethernetverbindungen modifizieren
oder auch Druckaufträge senden kann. Der Mambo-Administrator muss
sich also auch um diese Einstellungen kümmern und dafür sorgen, dass die zu
lesenden bzw. zu schreibenden Dateien auch die richtigen sind.
13.2.6 XAMPP-Sicherheit
Setzt man XAMPP als Grundlage für die Mambo-Installation ein, so sollte man
auch die von XAMPP bereitgestellten Sicherheitsfunktionen nutzen. XAMPP ist
von Haus aus nicht für den Produktionseinsatz gedacht, sondern als Entwicklungsumgebung
konzipiert. Daher sind die sicherheitsrelevanten Vorgaben auch nicht
sonderlich restriktiv. Konkret heißt das:
• Der MySQL-Administrator (root) hat kein Passwort.
• Der MySQL-Daemon ist übers Netzwerk erreichbar.
• Der ProFTPD-Daemon benutzt das Passwort „lampp“.
• phpMyAdmin ist übers Netzwerk erreichbar.
• MySQL und Apache laufen unter der gleichen Benutzerkennung (nobody).
Joomla! kompakt

402 Sicherheit
Wichtig für eine XAMPP-basierte Umgebung:
die Anpassung der Sicherheitseinstellungen.
Um diese Einstellungen zu bearbeiten, führt man unter Linux das Sicherheits-
Skript aus, mit dem man die Einstellungen bearbeiten kann:
/opt/lampp/lampp security
Das Skript führt den Anwender durch die verschiedenen Einstellungen.
Unter Windows können Sie verschiedene sicherheitsrelevante Einstellungen über
den URL http://localhost/security/xamppsecurity.php anpassen. Beachten Sie allerdings,
dass Sie diese Einstellungen nur über localhost, also nicht von einem
Drittsystem aus ändern können.
www.brain-media.de

Sicherheit der CMS-Umgebung 403
Bei XAMPP für Windows stehen Ihnen ein Web-basiertes Formular
für die Anpassungen der MySQL- und das XAMPP-Verzeichnis-
Sicherheit zur Verfügung.
13.2.7 SSL-Verschlüsselung
Für die Sicherung der Verbindung zwischen dem Client und dem Mambo-System
sollte SSL genutzt werden. Das gilt insbesondere dann, wenn die Mambo-Site der
internen und externen Veröffentlichung von Dokumenten dient.
Auch hierfür muss erst die SSL-Unterstützung für den Apache eingerichtet und
aktiviert werden. Auch das ist mithilfe von XAMPP kein Problem. Unter Linux
aktivieren Sie die SSL-Unterstützung einfach mit folgendem Befehl:
/opt/lampp/lampp startssl
Joomla! kompakt

404 Sicherheit
Der Vorteil: Man spart sich das Einrichten der OpenSSL-Komponenten.
13.2.8 Schutz von Spambots
Ein weiteres Problem für Website-Betreiber sind Spammer und deren Spambots.
Diese Tools durchforsten das Web nach identifizierbaren E-Mail-Adressen, sammeln
diese entsprechend den Vorgaben des Benutzers und speichern die gewonnenen
Daten. Solche Tools durchsuchen nicht nur öffentlich zugängliche Mitgliederverzeichnisse
von Online-Diensten wie Webmail, Messenger und Chat, sondern
gehen auch im Web auf Adressenjagd. Eine weitere wichtige Quelle sind Newsgroups.
Als Administrator einer Web-Applikation sollte man unbedingt vermeiden, E-
Mail-Adressen auf Seiten zu veröffentlichen, ohne zumindest einfache Schutzmaßnahmen
zu treffen. Es gibt verschiedene Ansätze. Man sollte E-Mail-Adressen
möglichst nicht im Klartext angeben. Mittels JavaScript oder auch mithilfe des
Apache lassen sich diese Informationen verschleiern. Zum Kodieren von mailto-
Links eignet sich beispielsweise der Email Protector (www.jracademy.com/
~jtucek/email/download.php).
Auch mithilfe der Apache-Konfigurationsdateien robots.txt und .htaccess kann
man sich Spambots entledigen. Dazu legt man einen Köder aus, indem man in der
robots.txt ein Dummy-Verzeichnis angibt, das angeblich E-Mail-Adressen enthält.
Nach einer bestimmten Zeit kann man anhand der User-Agents in den Log-Dateien
feststellen, welche Bots den Köder geschluckt haben. Diese sperrt man dann einfach
über die .htaccess aus.
13.3 Einsatz im Intranet- und Extranet
Was sind nun bei unterschiedlichen Einsatzszenarien die optimalen Schutzmechanismen?
Mambo ist hervorragend für den internen Einsatz in Unternehmen geeignet.
Einfach lassen sich mit seiner Unterstützung News verfassen, Artikel veröffentlichen
etc. Außerdem kann man sich in Foren austauschen und den Dokumentenmanager
nutzen. Beim internen Einsatz sollte man immer im Hinterkopf behalten,
dass externe User, die sich außerhalb der Firmen-Firewall befinden, nicht auf
die Joomla!-Site zugreifen können, es sei denn, man gewährt beispielsweise auf IP-
Adressenbasis Zugriffsrechte.
Für den internen Betrieb sind folgende Sicherungsmechanismen sinnvoll:
• Einsatz von Benutzerkennung/Passwort mit definierten Rechten im Rollensystem.
www.brain-media.de

Einsatz im Intranet- und Extranet 405
• Außerdem sollte der Zugriff über htaccess gesteuert und begrenzt werden.
• Nicht zwingend ist die Verwendung von SSL.
• Die Zugriffskontrolle sollte über die internen IP-Adressen erfolgen. Die
Verwendung von DHCP vereinfacht zwar die Zuteilung, stellt aber auch
ein höheres Sicherheitsrisiko dar. Will man beispielsweise dem Rechner
mit der IP-Adresse 192.168.0.11 und der Netzmaske 255.255.255.0 Zugriff
gewähren, so lautet der entsprechende Eintrag in der .htacess-Datei
wie folgt:
Order Deny,Allow
Deny from all
Allow from 192.168.0.11/255.255.255.0
Bei Joomla! 1.0.11 sind diese Einstellungen übrigens Teil der Installationsroutine.
Die Firewallkonfiguration sollte entsprechend angepasst werden. Konkret bedeutet
das, dass man eine Regel hinzufügt, die definiert, dass kein Traffic auf die IP-
Adresse des CMS zugelassen wird. Außerdem sollte durch eine entsprechende
Firewallregel der Traffic von der Joomla!-Site nach draußen unterbunden werden –
außer er ist für spezifische Aufgaben erforderlich (und muss dann entsprechend
konfiguriert werden).
Websites, die über das Internet verfügbar sind, unterliegen naturgemäß einem deutlich
höheren Sicherheitsrisiko. Daraus ergibt sich zwangsläufig, dass weitergehende
Schutzmechanismen gefragt sind. Zunächst sollte man wieder für die entsprechenden
Zugriffsrechte sorgen. Generell sollte man folgende Maßnahmen ergreifen
bzw. Einstellungen vornehmen:
• Der Zugriff für alle Redakteure, Manager und Administratoren sollte per
SSL erfolgen.
• Zusätzlich sollten berechtigte Benutzer über htaccess beschränkt werden.
Wichtig ist dabei, dass zunächst eine SSL-Verbindung erzwungen wird,
bevor eine Authentifizierung vorgenommen wird.
• Die Firewall-Regeln sollten auf die externen IP-Adressen abgestimmt
sein.
• Für besonders kritische Aufgaben wie die Remote-Administration sollte
der Aufbau eines VPNs in Erwägung gezogen werden.
Joomla! kompakt

406 Sicherheit
• Die Webserver/Mambo-Site sollte sich in einer demilitarisierten Zone
(DMZ) befinden.
Beim Einsatz im Extranet kommt hinzu, dass gelegentlich auch anonyme Benutzer
die Inhalte nutzen können. Bei deren Rechtekonfiguration ist besondere Vorsicht
geboten.
Mit den oben beschriebenen Maßnahmen ist ein hohes Maß an Sicherheit beim
Betrieb eines Content-Managementsystems Gewähr geleistet. Ein guter Administrator
versteht seine Aufgaben aber nicht als einmalige Sache, sondern ist bemüht,
ein System dauerhaft zu pflegen. Daher sollte man obige Sicherheitsmaßnahmen
mit folgenden Maßnahmen ergänzen:
• Auswertung der Logfiles mit geeigneten Mitteln, die über das hinausgehen,
was die Mambo-Statistiken leisten können, beispielsweise mit
AWstats (www.awstats.org).
• Das System sollte mit Patches, Updates etc. auf dem neuesten Stand gehalten
werden. Update-Services, wie sie von SuSE & Co. angeboten werden,
helfen dabei.
• Es sollte zumindest eine Host-basierte Firewall verwendet werden.
• Außerdem sollten regelmäßig Backups durchgeführt werden.
Durch die Kombination der oben beschriebenen Sicherheitsmaßnahmen und die
Durchführung ergänzender Maßnahmen erzielt man ein hohes Maß an Sicherheit.
Mehr Aufwand ist in der Regel nicht erforderlich.
13.4 Checkliste für mehr Sicherheit
Nachdem Sie einen groben Überblick zum Thema Sicherheit haben, wollen wir
Ihnen in diesem Kapitel noch einige konkrete Tipps und Hinweise an die Hand
geben, damit Sie Ihre Umgebung ein Stück sicherer machen können. Hier einige
allgemeine Punkte, die für Ihre Systemsicherheit wichtig sind:
• Beim Aufsetzen eines lokalen Entwicklungsservers sollten Sie zunächst
die Upgrades lokal testen und erst nach ausgiebigen Tests auch auf dem
Produktionsserver aufspielen.
• Speziell beim MySQL ist in Verbindung mit Shared-Servern darauf zu
achten, dass Ihre Datenbank nicht für Dritte sichtbar ist. Denn Sichtbar-
www.brain-media.de

Checkliste für mehr Sicherheit 407
keit erleichtert natürlich potenziellen Angreifern die Durchführung von
Attacken.
• Auch um die Sicherheit Ihrer php.ini sollten Sie sich kümmern. Hier finden
Sie im Joomla!-Forum interessante Tipps
(http://forum.joomla.org/index.php/topic,75990.msg411018.html#msg411
018).
Und einige Anmerkungen zur konkreten Verbesserung des Joomla!-Systems:
• Es ist eigentlich eine Selbstverständlichkeit: Laden Sie Joomla! nur von
den offiziellen und vertrauenswürdigen Seiten herunter.
• Sie sollten außerdem die Joomla!-Sicherheitsankündigungen des offiziellen
Joomla!-Forums abonnieren oder diese regelmäßig lesen.
• Es ist ratsam, alle Templates zu entfernen, die für Ihre Installation nicht
benötigt werden. Vor allem packen Sie keinerlei sicherheitsrelevanten
Code in Ihre Template-Dateien.
• Oftmals wird das Editieren der Datei globals.php empfohlen, um die
Joomla!-register_globals-Emulation zu deaktivieren. Auch wenn diese
Emulation sicherer ist als die PHP-register_globals-Anweisung, ist es
immer noch am besten, register_globals generell zu deaktivieren. Die entsprechende
Einstellung sieht wie folgt aus:
define( 'RG_EMULATION', 0 );
Allerdings kann diese Änderung auch negative Auswirkungen haben.
Konkret kann es vorkommen, dass einige Erweiterungen eventuell nicht
mehr richtig arbeiten, nachdem Sie diese Einstellung vorgenommen haben.
• Nachdem Sie Ihre Site konfiguriert haben und diese stabil läuft, sollten
Sie möglichst alle Verzeichnisse und Dateien mit einem Schreibschutz
versehen. Dazu setzen Sie die Rechte von 755 auf 644 zurück. Sie sollten
allerdings prüfen, ob Ihre Joomla!-Installation dann immer noch korrekt
arbeitet.
• Bereits in Kapitel 2 haben Sie verschiedene sicherheitsrelevante Funktionen
von Joomla! kennengelernt. Speziell unter Site> Global Configuration
> Server können Sie den Rechtestatus für das Erzeugen von Verzeichnissen
und Dateien anpassen. Prüfen Sie, ob Sie die Dateiattribute für
neue Verzeichnisse und Daten anpassen wollen. Sie sollten dabei beach-
Joomla! kompakt

408 Sicherheit
ten, dass diese Konfiguration nicht bei allen Servern funktioniert. Sie sollten
daher sicherheitshalber Tests durchführen, ob Ihr System noch die
gewünschte Funktionalität bietet.
Die Anpassung des Rechtestatus für das Erzeugen
von Verzeichnissen und Dateien.
• Wenn Sie Ihr Content-Managementsystem um Erweiterungen aufbohren,
sollten Sie die Berechtigungen zurücksetzen. Dabei ist zu beachten, dass
die Checkbox zum Überschreiben des Schreibschutzes der Datei configuration.php
auf manchen Servern grau hinterlegt ist und keine Anpassung
der Konfiguration erlaubt. In einem solchen Fall müssen Sie die Berechtigungen
manuell setzen und natürlich auch nach den Anpassungen wieder
zurücksetzen.
Beim Einsatz von Joomla!-Erweiterungen wie Komponenten, Modulen und Bots
sind aus Sicht der Sicherheit spezielle Punkte zu beachten:
• Zunächst sollten Sie alle Joomla!-Erweiterungen, die register_globals =
on erfordern, von Ihrem System verbannen. Hintergrund: Die Konfiguration
register_globals = on ist von Hause aus eigentlich nicht unsicher, es
lässt lediglich Sicherheitslücken bei fehlerhafter Programmierung zu. Ist
register_globals eingeschaltet und vergisst der Programmierer, Variablen
vor ihrer Verwendung zu initialisieren, kann ein Angreifer den Programmablauf
von außen beeinflussen. Da dies ein beliebter Angriffspunkt
www.brain-media.de

Checkliste für mehr Sicherheit 409
für Angreifer ist, sollten Sie unliebsamen Zeitgenossen die Arbeit nicht
unnötig erleichtern.
• Was für Joomla! und alle anderen Downloads gilt, gilt auch für Erweiterungen:
Laden Sie diese nur von vertrauenswürdigen Seiten herunter.
• Sie können sich auf der Joomla!-Website übrigens auch über sicherheitsrelevante
Probleme mit Erweiterung informieren. Dort finden Sie die offizielle
Liste der unsicheren Drittanbieter (http://forum.joomla.org/index
.php/board,346.0.html). Prüfen Sie daher vor dem Download und der Installation,
ob das von Ihnen gewünschte Add-on dort aufgeführt wird.
• Entfernen Sie alle unbenutzten Joomla!-Erweiterungen und kontrollieren
Sie insbesondere auch, ob entsprechende Verzeichnisse und Dateien gelöscht
wurden.
Insbesondere kommerzielle Sites sind immer wieder beliebte Hacker-Ziele. Wenn
auch Ihre Site womöglich Ziel eines Hackerangriffs war, so müssen Sie zunächst
sicherstellen, ob Ihr System kompromittiert wurde. Im nächsten Schritt geht es
darum festzustellen, ob Änderungen der Umgebung vorgenommen wurde und
wenn ja, welche. Eine ausführliche Diskussion dieser Problematik finden Sie unter
http://forum.joomla.org/index.php/topic,54006.msg289697.html#msg289697.
Nach einer Hacker-Attacke sind eigentlich Computer-Forensiker dran, die sich auf
die Spurensuche, deren Analyse und Auswertung machen. Nach einem Angriff
beginnen Sie zunächst die Sicherstellung des bzw. der attackierten Geräte und
Speichermedien. Sie müssen sich auch an die Ermittlung aller Datenbestände machen.
Es empfiehlt sich dabei, ein Protokoll der Aktionen zu erstellen, die der Administrator
oder User nach dem Angriff bei der Erkennung der Systemeingriffe des
Angreifers durchgeführt hat.
Befindet sich das verdächtige System noch in Betrieb, so müssen auch hier zunächst
die Daten gesichert werden, die sich in den flüchtigen Speichern befinden.
Es handelt sich um die gleichen Speicher wie bei Geräten, bei denen die Attacke
bereits gelaufen ist. Auch hier steht als Nächstes eine Analyse der Datenträger an.
Komplizierter wird die Sache, wenn ein Angriff noch läuft. In diesem Fall müssen
Sie Nutzen und Schaden gegeneinander abwägen. In der Regel ist es sinnvoll, die
Netzwerkverbindung zu kappen, um das Löschen sensibler Daten oder Login-
Informationen zu verhindern. Erweist sich der Angreifer als relativ harmlos und
führt er keine schädlichen Aktionen durch, so sollten Sie versuchen, die Verbindungsinformationen
auszulesen, um den Hacker später eindeutig identifizieren zu
können.
Joomla! kompakt

410 Sicherheit
In der Praxis erweisen sich die Forensic Toolkits als ausgesprochen nützliche Helfer
bei der Durchführung typischer forensischer Aktionen. Sie helfen insbesondere
bei folgenden Aufgaben:
• automatisierte Analysen
• Rekonstruktion von Daten
• Speichermedien manipulationssicher duplizieren
• Auswerten von Datenformaten
• Sicherung der flüchtigen Daten
• Analyse der Zugriffs- und Metadaten
WinAudit erlaubt den kostenlosen Einstieg in die Welt der digitalen Forensik.
Es liegt in der Natur der Sache, dass solche Toolkits eine Vielzahl an Kodierung
und Dateiformaten unterstützen müssen, die in den verschiedenen zum Einsatz
kommenden Betriebssystemen zu finden sind. Wichtig ist auch, dass die Da-
www.brain-media.de

Checkliste für mehr Sicherheit 411
tenuntersuchungen im Idealfall auf verschiedenen Ebenen stattfinden können, da
jede Speicherebene aufschlussreiche Informationen bieten könnte.
Wenn Sie mit Windows arbeiten, so kann ich Ihnen WinAudit (http://www.pxserver.com/WinAudit.htm)
ans Herz legen. Es taugt für die professionelle Detektivarbeit.
Wenn Sie mit Linux arbeiten, ist das freie The Sleuth Kit
(http://www.sleuthkit.org/sleuthkit/) erste Wahl. Allerdings ist es weitaus komplizierter
in der Handhabung.
Sie müssen aber nicht unbedingt tief in die digitale Forensik einsteigen, denn auch
mit einfachen Mitteln kommen Sie weiter. Bevor Sie irgendwelche Änderungen an
Ihrem System vornehmen, sollten Sie eine Liste der Dateien sortiert nach Änderungsdatum
erzeugen. Dazu stellt Ihnen Joomlation ein spezielles Skript zur Verfügung
(http://www.joomlation.eu/content/view/20/2/).
Nach einem vermeintlichen Hacker-Angriff sollten Sie außerdem folgende Aktionen
durchführen:
• Kontrollieren Sie die Logdateien Ihres Systems aufs verdächtige Anfragen
und Zugriffe. Hierbei ist ein professioneller Logfile-Analyzer wie der bereits
oben erwähnte AWStats sehr hilfreich.
• Stellen Sie sicher, dass Sie alle Dateien und Verzeichnisse gelöscht haben,
auch alle Unterverzeichnisse und alle Dateien sowie die Datenbank Tabellen.
• Erst nach diesen Aktionen sollten Sie Ihr System aus dem letzten Backup
wiederherstellen.
Beim Einsatz von Joomla! auf einem Rootserver sind weitere Besonderheiten zu
beachten:
• Zunächst sollten Sie die Apache-Module mod_security und mod_rewrite
konfigurieren, da sie PHP-Angriffe verhindern, zumindest aber erschweren.
• Auch Anpassungen der MySQL-Installation sind empfehlenswert. Stellen
Sie insbesondere sicher, dass der Joomla!-MySQL-Account nur eingeschränkte
Rechte besitzt. Die Standardeinstellungen von MySQL sind unsicher,
eine sorgfältige Konfiguration ist daher dringend erforderlich.
Hierzu sei auf die MySQL-Dokumentation http://dev.mysql.com/doc /refman/4.1/en/default-privileges.html
verwiesen. Dort finden Sie verschiedene
Beispielkonfigurationen samt Erläuterungen.
Joomla! kompakt

412 Sicherheit
Dass auch Ihre PHP-Umgebung erheblichen Einfluss auf die Systemsicherheit hat,
versteht sich bei einem PHP-basierten System von selbst. Neben bereits beschriebenen
PHP-Einstellungen können Sie insbesondere durch die optimale Konfiguration
der php.ini Ihre Site sicherer machen. Hier einige Anregungen:
• Mithilfe der Konfiguration disable_functions können Sie gefährliche
PHP-Funktionen deaktivieren, die von Ihrer Seite nicht benötigt werden.
• Es ist außerdem ratsam, die Funktion allow_url_open zu deaktivieren.
Diese Funktion ermöglicht es Wrappern, auf URL-Objekte wie Dateien
zuzugreifen. Standard-Wrapper werden für den Zugriff auf Remote-
Dateien, die das FTP- oder HTTP-Protokoll nutzen, eingesetzt. Einige
Erweiterungen wie beispielsweise zlib können weitere Wrapper registrieren.
Bitte beachten Sie: Dies kann aus Sicherheitsgründen ausschließlich
in der php.ini gesetzt werden.
• Sie sollten zudem die magic_quotes_gpc-Anweisung an Ihre Bedürfnisse
anpassen. Deaktivieren Sie diese, indem Sie sie mit Off ausschalten, wenn
Sie sich sicher sind, dass alle PHP-Dateien auf Ihrem Server fehlerfrei
programmiert sind und Benutzerdaten korrekt interpretiert werden. Sie
sollte auf On gesetzt sein, wenn Sie alte PHP3- und PHP4-Skripts verwenden.
Dazu gehören beispielsweise zu viele der Drittanbieter Komponenten.
Joomla! 1.0.11 benachrichtigt Sie im Backend, wenn magic_quotes_gpc
auf OFF gesetzt ist. Diese Sicherheitsmaßnahme wurde
von den Joomla!-Entwicklern zum Schutz vor Angriffen auf unsichere
Drittanbieter-Komponenten eingeführt.
Schließlich sei noch die Konfiguration des safe_mode und von open_basedir erwähnt.
Ist Ihre Site fertig konfiguriert, so können Sie safe_mode aktivieren. Beachten
Sie dabei, dass safe_mode on das Joomla!-Installationskript beeinträchtigt. Eine
Anpassung ist erst nach einer abgeschlossenen Installation und Konfiguration
sinnvoll. Wenn safe_mode aktiviert ist, überprüft PHP, ob der Eigentümer des
laufenden Skripts dem Eigentümer der Datei entspricht, an der mit Hilfe der Dateifunktionen
gearbeitet werden soll.
Sie können zudem open_basedir aktivieren und konfigurieren. Diese Funktion
beschränkt den Zugriff durch PHP auf spezielle Verzeichnisse und Dateien. Diese
Einstellung hat nichts damit zu tun, ob safe_mode aktiviert oder deaktiviert ist.
Hier ein Beispiel, wie Ihre sichere PHP-Konfiguration aussehen könnte:
register_globals = 0
disable_functions = show_source, system, shell_exec,
passthru, exec, phpinfo, popen, proc_open
www.brain-media.de

Checkliste für mehr Sicherheit 413
allow_url_fopen = 0
magic_gpc_quotes = 0
safe_mode = 1
open_basedir = /pfad/zum/einzuschließenden/verzeichnis/
Da insbesondere der Themenkomplex PHP-Sicherheit hier nicht erschöpfend behandelt
werden kann, sei an dieser Stelle auf das gleichnamige Buch von Kunz und
Prochaska (ISBN 3898643697) verwiesen.
Joomla! kompakt

414 Ausblick: Was bringt Joomla! 1.5?
14 Ausblick: Was bringt Joomla! 1.5?
Seit etwa Mitte Oktober 2006 steht eine erste Beta-Version von Joomla! 1.5 zum
Download für interessierte Anwender bereit. Nach Angaben von Janssens, einem
der führenden Köpfe im Joomla!-Entwicklerteam, war „der Programmieraufwand
des 1.5-Developer-Teams beeindruckend“. „Wir haben diese Version von Grund
auf neu geschrieben. Mehr als 127.000 Zeilen Code beinhaltet die neue Version.
Der Aufwand beinhaltet zirka 32 Mannjahre“, so der Entwickler.
So halten sich die Entwickler auch nicht mit Superlativen zurück. Danach soll
beispielsweise die Internationalisierung in Version 1.5 Fakt werden. Es soll auch
kein UTF-8-Debakel (und zurück) mehr geben. Sogar die Unterstützung von
Rechts-nach-links-Schreibung, wie sie für das Arabische und Hebräische benötigt
wird, soll ein fester Bestandteil werden. Interessant wird auch die Einbindung von
externen Programmen bzw. Schnittstellen wie beispielsweise LDAP. Außerdem
sollen Design und Inhalte besser getrennt werden und flexibler zu handhaben sein.
Die Installationsroutine von Joomla! 1.5 wurde ebenfalls deutlich verbessert.
www.brain-media.de

Neue Funktionen für User und Admins 415
Stutzig macht einen allerdings der Punkt, dass Joomla 1.5 kompatibel zu alten
Komponenten, Modulen und Mambots sein soll. Wenn dem so ist und sich die
Entwickler nicht zu einem klaren Schnitt und zur Trennung von Altlasten entschließen,
so könnte das auch negative Auswirkungen haben und das neue Joomla!
ebenso anfällig machen wie die bisherigen Versionen.
Laut Angaben der Entwickler stellt die Umsetzung des neuen Content-Frameworks
ein weiteres Highlight von Joomla! 1.5 dar. Sie verspricht eine neue Dimension im
Umgang mit Inhalten. Das Framework bietet eine Umsetzung verschiedener Techniken,
die erstmals eine komplette Steuerung der Ausgabe mit Joomla! ermöglichen.
In der Standard-Distribution von Joomla! soll es neben einem Grundtemplate
auch eine Referenzimplementierung für barrierefreies Sitedesign geben.
14.1 Neue Funktionen für User und Admins
Schauen wir uns die Neuerungen genauer an. Dabei unterscheidet man am besten
zwischen Neuerungen für Admins/Benutzer, für Designer und Entwickler. Bereits
bei der Installation der neuen Version stellen Sie fest, dass die Installationsroutine
umfangreicher, gleichzeitig aber auch schlüssiger und übersichtlicher geworden ist.
Das Migrationsskript verspricht den problemlosen
Umstieg zur neuen Version.
Um Anwendern den Umstieg von Joomla! 1.x zu 1.5 so einfach wie möglich zu
machen, wurde das Migrationsskript, genauer die Komponente com_migrator, in
den Installationsprozess integriert. Sie verspricht den problemlosen Umstieg zur
Joomla! kompakt

416 Ausblick: Was bringt Joomla! 1.5?
neusten Version. Ob das in der Praxis funktioniert, gerade auch bei selbst erstellten
Templates, bleibt abzuwarten.
Die Handhabung der Komponente ist einfach. Die Migrationskomponente verlangt
von Ihnen die Angabe der verwendeten Tabellenpräfixe. jos oder jos_ sind beispielsweise
gültige Werte. Außerdem müssen Sie die Zeichenkodierung des 1.x-
Inhalt aus dem Dropdown-Menü auswählen. Dies sollte die auf den Seiten der
alten Site verwendete Zeichenkodierung sein (entsprechend den ISO-Variablen in
der Sprachdatei. Alternativ können Sie diese Infor dem Browser entnehmen: Wählen
Sie in Firefox Seiteninformation> Zeichenkodierung> Quelltext).
Anschließend durchsuchen Sie localhost, wählen den Migrationsexport und klicken
auf die Schaltfläche Hochladen und Ausführen. Im Idealfall erhalten Sie eine
Erfolgsmeldung. Im ungünstigen Fall wird eine Liste mit Datenbankfehlern ausgegeben.
Was aber macht die Migrationskomponente überhaupt? Nun, sie migriert alle
Kerninhaltsdatensätze in der Datenbank. Kerndatensätze sind Inhalt, Weblinks,
Banner, Kontakte, Newsfeeds, Abstimmungen und Benutzer. Sie stellt außerdem
Menüs mit Menüelementen, die auf Kerninhalt verweisen (nicht 3PD-
Komponenten), wieder her. Sie hängt alle Kernmoduldatensätze aus der alten Seite
an die Modultabelle der neuen Seite an. Originalmoduldatensätze sind als gesperrt
eingestellt. Alle Parametrierungen bleiben erhalten. Sie müssen – wenn alles gut
geht – lediglich Positionen in Grundstellung bringen, ordnen und veröffentlichen.
Aber natürlich ist die Migrationskomponente keine eierlegende Wollmilchsau. So
stellt sie beispielsweise keine Datenbankeinträge für 3PD-Erweiterungen um.
Wenn Versionen dieser Komponenten auf der neuen Seite installiert werden sollen,
wird empfohlen, eine manuelle Migration der Komponentendaten durchzuführen,
nachdem die Komponente auf der Joomla-1.5-Site installiert wurde. Außerdem
migriert sie keine Inhalte außerhalb der Datenbank, also keine Bannerbilder, Dateien,
Fotos etc.
Sie können die Migrationskomponente auch auf Ihrer Joomla!-1.x-Installation
einrichten und dann die Daten exportieren. Wenn Sie diese auf Ihrem System installiert
haben, erstellen Sie zunächst über Dump erstellen ein Backup.
Die Komponente erzeugt insgesamt vier Dateien: drei gepackte Exportskripts und
einen HTML-Bereicht. Das erste Archiv ist eine vollständige Sicherung der alten
Seite. Die zweite Datei ist der Migrationsinhalt aller Core-Elemente, die in die
neue Seite importiert werden. Die dritte Datei ist schließlich eine Sicherung aller
Tabellen der 3PD-Komponenten.
Als Nächstes klicken Sie auf das Herunterladen-Symbol einer benötigten Exportdatei
und speichern diese lokal. Anschließend müssen Sie Ihre Ausgangsdaten nur
noch in Joomla! 1.5 einfügen.
www.brain-media.de

Neue Funktionen für User und Admins 417
Die von Migrator erzeugten Dateien.
Schließlich könnte man glauben, dass sich eine Migration auch mithilfe von
phpMyAdmin durchführen ließe, schließlich kann dieses Programm in der Regel
Datenbanken problemlos – auch über Plattform- und Anwendungsgrenzen hinweg
– importieren und exportieren. Leider ist das bislang Theorie, denn phpMyAdmin
führt unerbetene und normalerweise falsche Zeichenkodierungsumwandlungen
während des Exports von Seitendaten aus. Bislang scheint nicht bekannt, woher
diese Fehler kommen und wie man sie beheben kann. Daher bleibt Ihnen bis auf
weiteres nur der Migrator für den Umstieg.
Ein erster Blick auf Joomla! 1.5.
Joomla! kompakt

418 Ausblick: Was bringt Joomla! 1.5?
Für Sie als Admin ändert sich eine Vielzahl weiterer Details. In der neuen Version
vereinfacht sich endlich die Installation von Erweiterungen. Hierzu greifen Sie
zum Extension Manager und führen über die bekannte Funktion den Upload und
die Installation durch. Sie sparen sich also die Wahl zwischen verschiedenen Installationsdialogen
für Module und Komponenten.
Über den Extensions Manager können Sie zudem recht einfach installierte Erweiterungen
deaktivieren und so die Sicherheit Ihrer Joomla!-Installation verbessern.
Der neue Extension Manager vereinfacht die Installation von Erweiterungen.
Wenn Sie das erste Mal mit Joomla! 1.5 arbeiten, werden Sie sich an weitere neue
Begriffe gewöhnen müssen. So sind die Items und der Inhaltsmanager verschwunden.
Ihren Platz nehmen die Artikel und der Artikel-Manager ein. Für das Erstellen
und Bearbeiten von Artikeln verwenden Sie nun nur noch einen Editor und nicht
mehr zwei Editorbereiche.
Eine weitere Neuheit beim Verfassen von Artikeln: der genannte Image Manager,
der das Einfügen von Bildern und deren Konfiguration vereinfacht. Der zugehörige
Dialog ist über die Image-Schaltfläche am Fuße des Editors verfügbar. Mit seiner
Hilfe können Sie Bilder quasi on-the-fly in Ihren Artikel einfügen.
www.brain-media.de

Neue Funktionen für User und Admins 419
In Joomla! 1.5 vereinfacht sich das Einfügen von Bildern.
Eine echte Verbesserung: Sie können von Ihrem neuen Artikel eine Vorschau erstellen,
ohne dass Sie den Artikel speichern müssen. Außerdem wurde die Archivfunktion
in den Artikel Manager verschoben. In Joomla 1.x gibt es den Archiv
Manager, der über das Menü Content verfügbar ist.
Mit nur drei Mausklicks zum neuen Menüeintrag.
Joomla! kompakt

420 Ausblick: Was bringt Joomla! 1.5?
Grundlegend wurde auch der Menü Manager überarbeitet. Er kommt im Unterschied
zu seinem Vorgänger nur noch mit einem Standardmenü daher, das Sie aber
natürlich beliebig ändern können. Im überarbeiteten Menü Manager vereinfacht
sich insbesondere das Erstellen von neuen Menü-Elementen. Dazu öffnen Sie wie
bisher die Menüleiste, die Sie erweitern wollen, und klicken auf New. Im Dialog
Add New Item erfolgt die Auswahl eines neuen Menüelements mit zwei weiteren
Klicks. Fertig ist das erweiterte Menü.
Eine Besonderheit des Menü Managers ist sicherlich, dass Sie jetzt auf jede beliebige
Quelle verweisen können, also neben internen Links auch auf beliebige externe
Quellen.
Der Media Manager besitzt in Joomla! 1.5
nun auch eine eigene Konfiguration.
Die Joomla!-Entwickler haben auch am Media Manager geschraubt. Dessen
Schnittstelle ist in der neuen Version wesentlich benutzerfreundlicher – insbesondere
durch die Thumbnail- und Detail-Ansicht ist der Media Manager einfacher zu
bedienen.
Auch der Upload von mehreren Dateien ist deutlich einfacher. Dazu nutzen Sie die
Funktionen am Fuße des Media Managers. Im Bereich Upload File geben Sie die
erste Datei an, die Sie für das CMS nutzbar machen wollen. Um weitere Dateien
auf das System zu übertragen, klicken Sie auf die Schaltfläche Add file und führen
mit Upload Files die Datenübertragung durch.
www.brain-media.de

Neues für Designer 421
Neu sind im Media-Manager die Konfigurationseinstellungen. Über den zugehörigen
Dialog bestimmen Sie, welche Dateitypen zulässig sind und welche Größe
diese maximal besitzen dürfen.
Für den Admin gibt es im Template Manager zwei Neuerungen: Die Template-
Vorschau wurde verbessert und nun können mehrere CSS-Dateien editiert werden.
Nicht nur für den Admin gibt es interessante Neuerungen, sondern auch für die
Benutzer Ihrer Site. Die wichtigsten:
• Joomla! 1.5 bietet nun vollständige Unterstützung von Feeds (Atom 1.0
und RSS 2.0). Feeds werden für alle Artikelkategorien, Sektionen, Links
und Kontakte erzeugt.
• Die Fehlerbehandlung wurde verbessert. Nun werden korrekte 404-, 403-
und 500-Fehlermeldungen an den Benutzer-Browser ausgegeben. Diese
Meldungen können mit dem Template-Designer angepasst werden.
• Verbessertes Handling, wenn Benutzer ihr Passwort verloren haben. In
Joomla! 1.5 wird es für Ihre Benutzer einfacher, das Passwort per Mail zu
erhalten, wenn sie ihren Benutzernamen oder die E-Mail-Adresse angeben
können.
14.2 Neues für Designer
Die Zugänglichkeit von Web-basierten Inhalten für alle Benutzer, also auch Behinderte,
ist eines der zentralen Themen, die unter Entwicklern diskutiert werden.
In den verschiedenen Foren werden immer wieder folgende Themen diskutiert:
• Hard-coded, also eingebaute Tabellen im Joomla!-Code
• Die bislang unbefriedigende SEF-Lösung
• Fragen bezüglich des Umgangs mit Metadaten
• Einhaltung barrierefreier Standards wie WCAG und 508
Die Joomla!-Entwickler haben eigenen Angaben zufolge eine Menge Energie und
Arbeit in diese Bereiche gesteckt. Um diese Problem zu lösen, haben die Entwickler
Folgendes getan:
• Der HTML-Output wurde in Erweiterungs-Templates gepackt. Diese Vorlagen
können durch Ihr eigenes Template überschrieben werden. Der
Entwickler kann so den Output nach seinem Belieben anpassen. Er kann
beispielsweise CSS-Klassen anpassen, Tabellen entfernen etc.
Joomla! kompakt

422 Ausblick: Was bringt Joomla! 1.5?
• Der Designer kann seinen eigenen Site-Wrapper definieren. In Joomla 1.x
gab es lediglich drei integrierte Optionen.
• Der Seitenumbruch kann im Template angepasst werden.
• In Joomla! 1.5 wurde außerdem die SEF-Engine vollständig überarbeitet.
Die SEF-Grundfunktionalität kann insbesondere durch Plugins erweitert
werden.
Für den Entwickler soll sich der Umgang mit der neuen Version erheblich vereinfachen,
da er jeden Aspekt der HTML-Ausgabe selbst definieren und nach seinen
Vorlieben anpassen kann. In der Entstehungsphase befindet sich noch ein Template,
das die Nutzung dieser neuen Funktionen in der Praxis zeigen soll.
14.3 Und Neues für Entwickler
Für den Entwickler gibt es die meisten Neuerungen. Diese lassen sich in die Bereiche
Internationalisierung, Bibliotheken, Erweiterungen, Erweiterbarkeit, Einfachheit
und Templates einteilen.
• Die Neuerungen bezüglich der Internationalisierung:
o
o
vollständige UTF-8-Unterstützung
Right-to-left-Unterstützung, erlaubt also auch die Verwendung
von arabischen Inhalten
• Joomla! 1.5 kommt mit verschiedenen neuen Bibliotheken daher:
o
o
o
o
FTP-Dateisystem: Nun können Sie Benutzer- und Admin-Daten
per FTP zwischen dem Content-Managementsystem und einem
FTP-Client übertragen. Das vereinfacht die Pflege und Aktualisierung
von Inhalten.
LDAP-Unterstützung: Über die LDAP-Bibliothek können Sie
Joomla! an einen Verzeichnisdienst wie das Mircosoft Active Directory
und einen Standard-LDAP-Server hängen.
Neue PDF-Bibliothek: Sie verspricht mehr Leistung und Flexibilität.
XML-RPC: Durch diese Schnittstelle können Sie unterschiedlichste
Webservices integrieren.
www.brain-media.de

Und Neues für Entwickler 423
• Auch für Entwickler von Joomla!-Erweiterungen hat die neue Version einiges
zu bieten:
o
o
o
o
o
o
Das Komponenten-Framework vereinfacht die Entwicklung von
Joomla!-Add-ons
Trennung von Logik und Repräsentation – eigentlich eine
Selbstverständlichkeit bei Content-Managementsystemen
Pathway-Unterstützung
verbessertes SEF
verbessertes Caching
Neue Datenbanktreiber sollen die Nutzung von weiteren Datenbanken
erlauben
Der neue Plugin Manager macht Joomla! noch flexibler.
• Die Verbesserung der Erweiterbarkeit war eines der Hauptanliegen der
Joomla!-Entwickler beim Entwurf der neuen Version. Das neue Plugin-
Framework mit dem gleichnamigen Manager verspricht auch in diesem
Joomla! kompakt

424 Ausblick: Was bringt Joomla! 1.5?
Bereich mehr Flexibilität. Einige Beispiele für den Einsatz des Plugin-
Mechanismus:
o
Benutzerauthentifizierung: Sie können das Standardauthentifizierungsverfahren
durch ein anderes ersetzen, beispielsweise durch
die bereits implementierte LDAP-basierte Authentifizierung.
Die Konfiguration des LDAP-Plugins.
o
Für Entwickler ist außerdem die XML-RPC-Unterstützung von
Interesse. Diese Schnittstelle erlaubt den standardisierten
Datenautausch von XML-RPC-kompatiblen Anwendungen mit
Joomla! Ein Beispiel für den Einsatz dieser Technik liefert schon
jetzt der J!Explorer (http://www.joomlatools.org). Dabei handelt
es sich um eine Java-basierte Anwendung, die über Remote-
Zugriff die Administration eines Joomla!-Systems erlaubt. Zum
Zeitpunkt, als diese Zeilen entstehen, liegt der J!Explorer noch in
einer Alphaversion vor. Aber schon in dieser kann er einen Eindruck
vermitteln, was in Zukunft über diese Schnittstelle möglich
sein wird.
www.brain-media.de

Und Neues für Entwickler 425
Der J!Explorer erlaubt die Joomla!-Administration.
• Großen Wert legen die Joomla!-Entwickler auch auf ein hohes Maß an
Einfachheit. Konkret sind damit folgende Punkte gemeint:
o
o
o
Durch die Reorganisation verschiedener Menüs ist das Handling
in der neuen Version einfacher.
Dank AJAX ist die Installation noch einfacher.
Der neue Installer-Dialog vereinfacht die Installation von Erweiterungen.
• Schließlich wurden auf Seiten der Templates verschiedene grundlegende
Neuerungen und Verbesserungen eingeführt. Dies sind insbesondere:
o
o
o
patTemplate wurde für die Site-Templates integriert. Das führt
zu mehr Flexibilität beim Erstellen von Seiten und Formularen.
Sie können Template-Parameter definieren und so das Design
der Website einfacher steuern.
Durch die Trennung von Logik und Output können auch Inhalte
für Endgeräte erzeugt werden, die lediglich begrenzte Darstellungsfähigkeiten
besitzen, beispielsweise Handys und PDAs.
Joomla! kompakt

426 Ausblick: Was bringt Joomla! 1.5?
14.4 Fazit
Bei aller Begeisterung für Joomla! gibt es auch eine ganze Reihe von Einschränkungen,
an denen auch die neue Version (leider) nichts ändern wird. Für den professionellen
Einsatz, beispielsweise im Unternehmen, benötigt man oft eine Multisite-Administration,
um mehrere Sites erzeugen und verwalten zu können. Das
wird auch Joomla! 1.5 leider nicht ändern. Nachholbedarf gibt es auch beim Benutzer-
und Rechte-Kontrollsystem, ebenso bei der Dokumentenversionierung.
Man darf gespannt sein, wann derart für den professionellen Einsatz essentielle
Funktionen implementiert werden. Jeder Leser sei hiermit aufgefordert, sich aktiv
an der Weiterentwicklung zu beteiligen!
Wann und in welcher Form Joomla! 1.5 letztlich in einer stabilen finalen Version
verfügbar sein wird, wird sich zeigen. Dann wird sich auch zeigen, ob der Hype
um die neue Version gerechtfertigt war und der Anwender davon profitieren kann.
www.brain-media.de

Joomla! kompakt
Fazit 427

428 Index
Index
508 ...............................................420
Abonnentenverwaltung ...............381
Accessibility ................................142
Accessibility Hack.......................146
Administratoren .............................35
Administrator-Template ................56
AJAX ..........................................424
Aktionsskript ...............................265
Angriff auf CGI ...........................398
Anti-Flooding ..............................286
Apache...........................................19
ApacheFriends ...............................19
Apache-PHP-MySQL-Gespann ....18
Apache-Sicherheit .......................399
Arbeitsbereich ...............................33
Architektur des Content-
Managementsystems .................18
Architektur von Content-
Managementsystemen ...............17
Archive Manager ............... 83, 84, 90
Auswahlmenü erstellen ...............262
Authentifizierungsmethode ...........46
Authoring ......................................16
Autoren ..........................................36
Autorenbezeichnung ..................... 87
Avatar ......................................... 213
Avatar-Konfiguration.................. 286
AWstats ........................................ 55
Backend .................................. 30, 35
Badword-Filter ............................ 291
Banner ........................................... 93
Bannerbezeichnung ....................... 93
Banner-Kundenmanager ............... 95
Bannername .................................. 94
Banner-Verwaltung ....................... 94
Barrierefreie Informationstechnik-
Verordnung ............................. 142
barrierefreies Internet .................. 141
Barrierefreies Joomla! ................. 145
Barrierefreies Webdesign ........... 144
Barrierefreiheit ............................ 141
Behindertengleichstellungsgesetz141
Benutzer ........................................ 35
Benutzer anlegen .......................... 59
Benutzer verwalten ....................... 36
Benutzeradministration ............... 296
Benutzergruppen ..................... 37, 60
www.brain-media.de

429
Benutzer-Integration ....................341
Benutzerliste ................................242
Benutzermenü .............................106
Benutzerregistrierung ..................308
Benutzerverwaltung ......................59
Berechtigungen .............................47
Berechtigungscheck ......................25
Berichtfunktion ...........................338
Bestätigungs-Template ................344
Bestellbetrag ................................310
Bestellverwaltung ................ 301, 337
BGG ............................................141
Bildereigenschaften .......................87
BITV ...........................................142
BITV-Anforderungen ..................209
Blog ...............................................76
Bridge ..........................................351
BSQ Sitestats ...............................374
Cache .............................................50
Caching .......................................422
Category Manager .........................84
CBWM ........................................221
Checked-Out-Info..........................74
Check-in ........................................15
Checkin-Informationen ...............116
Check-out ......................................15
Checkout-Einstellungen ..............317
Checkout-Formular ..................... 317
Checkout-Prozess ....................... 305
Check-out-Status ........................... 67
Checkout-Vorgang ...................... 316
Checky ........................................ 147
CHMOD ....................................... 47
CMS .............................................. 13
Community Builder .................... 213
Community Builder installieren .. 213
Community-Builder-Konfiguration
........................................ 216, 225
Community-Builder-Profil .......... 215
Community-Builder-Template .... 227
Community-Builder-Tools .......... 246
Community-Builder-Web-Message
................................................ 221
Community-Modul ..................... 233
configuration.php .......................... 40
Content .......................................... 14
Content Category .......................... 69
Content Section ............................. 69
Content Syndication .................... 103
Content-Ansicht ............................ 92
Content-Auswahl .......................... 88
Content-Element ..................... 38, 85
Content-Elemente erzeugen .......... 85
Content-Elementenliste ................. 85
Content-Framework .................... 414
Content-Gestaltung ....................... 43
Joomla! kompakt

430 Index
Content-Item-Manager ..................70
Content-Management ....................13
Content-Managementsystem ... 11, 13
Contentmanager.de ........................17
Content-Menü ...............................83
Content-Verwaltung ......................85
Control Panel .................................35
Cross-Browser-Kompatibilität ....164
Cross-Site Scripting.....................395
CSS ........................................ 58, 196
Dateimanagement ........................362
Dateisystem-Sicherheit ................400
Datenbank .....................................17
Datenbankbenutzer ........................45
Datenbankeintrag ..........................45
Datenbankmanager ........................22
Datenbank-Präfix ..........................26
Datenbankschnittstelle ..................17
Datenbanksystem ..........................16
Datenbanktreiber .........................422
Datensatzverwaltung ...................269
Deinstallations-Skript ....................92
Diskussionsforum ........................293
Diskussionsstrang ........................294
DocMan .......................................355
DOCman-Konfiguration ..............358
DOCman-Systemsteuerung .........355
Document Type Definition ......... 150
Dokumentenbeschreibung ............ 88
Dokumentenmanagement ............. 18
Dokumentenmanager .................. 355
Download-fähige Produkte ......... 301
Downloads verkaufen ................. 317
Dreamweaver Template Builder
Extension ................................ 119
Dreamweaver-Erweiterung ..... 13, 58
DTD ............................................ 150
E-Commerce ............................... 303
Editoren ........................................ 36
Eigenschafteninspektor ............... 125
Eingabenüberprüfung.................. 268
Elementeigenschaften ................. 259
Elementeinstellung........................ 80
Elementenverwaltung ................... 35
Elementtyp .................................. 259
E-Mail ........................................... 98
E-Mail-Icon................................... 80
E-Mail-spezifische Einstellungen . 49
Entwicklungsprozess .................... 16
Erweiterungs-Template ............... 420
Eventkalender ............................. 359
Extension Manager ..................... 417
Extranet ....................................... 403
www.brain-media.de

431
FacileForms .................................253
FacileForms-Installation ..............253
FacileForms-Konfiguration .........254
FAQ ...............................................83
Farbauszeichnung ........................162
Farbkombinationen......................161
Farbwahl ......................................160
Feed-Manager .............................101
Fehlerbehandlung ........................420
Fehlerberichte ................................47
Feldbezeichnung..........................261
Felderdefinition ...........................235
Feldmanager ................................235
Feldrestriktion .............................226
Flash-Animation ..........................135
Flypage ........................................335
Foren erstellen .............................292
Foren verwalten ...........................292
Forenkategorie .............................294
Forensic Toolkits .........................409
Forensicherheit ............................285
Forenverwaltung..........................294
Formatierungen .............................89
Formular einbinden .....................271
Formular importieren ..................273
Formular stellen ..........................256
Formulareingaben sichten ...........269
Formularelement .........................266
Formularentwicklung .................. 253
Formularentwurf ......................... 261
Formularfeld ............................... 260
Formulargestaltung ..................... 203
Formularverwaltung.................... 269
Frontend .................................. 30, 36
Frontend-Gruppe ........................... 60
Frontpage-Manager ................. 83, 90
FTP ............................................. 421
Galerie ........................................ 349
Gallery2 Bridge .......................... 349
GD2 ............................................ 228
Gesetzliche
Anforderungsdefinitionen ....... 141
gigCalender ................................. 359
Globale Einstellungen ................... 39
Google-Sitemap .......................... 351
GPL ............................................... 18
Gruppe .......................................... 61
Gruppenmitglieder ........................ 61
Hauptmenü ................ 31, 69, 74, 106
Hauptnavigationsleiste .................. 65
Header-Grafik ............................. 134
Hersteller .................................... 330
Hilfefunktion................................. 35
Hostname ...................................... 45
Joomla! kompakt

432 Index
HTML Kit Editor ........................119
iframe ..........................................255
ImageMagick ...............................228
Image Manager ............................417
Impressions ...................................94
Impressum .....................................96
Indizierung ....................................48
Infoleiste .................................. 33, 34
Inhalte bearbeiten ..........................83
Inhalte erstellen ....................... 70, 83
Initialisierungsskript ....................265
Installationsdialog .........................26
Installationsprozess .....................414
Installationsskript ..........................23
Installer ........................................115
Internationalisierung ....................421
interner Mailversand .....................98
Intranet ........................................403
IPN ..............................................324
J!Explorer ....................................423
JCE ..............................................352
JCE-Komponente ........................353
Joom!Fish ....................................364
Joomap ........................................370
Joomla! 1.5 ..................................413
Joomla! barrierefrei .....................139
Joomla! Server Security Post ........ 24
Joomla! Stand Alone Server ......... 29
Joomla!-Administration ................ 33
Joomla!-Erweiterungen ............... 349
Joomla!-Site .................................. 63
Joomlaboard ........................ 234, 279
Joomlaboard-Installation ............ 279
Joomlaboard-Konfiguration ........ 280
Joomlaboard-Template-Editor .... 297
Joomlapolis ................................. 213
joomlaXplorer ............................. 362
JSAS ............................................. 29
Kategorie ...................................... 68
Kaufvorgang ............................... 305
Komponente installieren ............... 36
Komponenten installieren ............. 92
Komponenten-Framework .......... 422
Komponenten-Konzept ................. 91
Komponentenverwaltung ............ 101
Kontaktansicht .............................. 97
Kontaktelement ............................. 96
Kontaktformular ......................... 207
Kontaktmanager ............................ 96
Kontaktverwaltung........................ 96
Kontextbezogener Link ............... 187
Kontraste ..................................... 162
Kosten-Nutzen-Relation ............. 143
www.brain-media.de

433
Kreditkartennummer ...................311
Kreditkarte ...................................329
Kreditkartenverwaltung ...............329
Kundenmanager ..........................301
Lagerbestand ...............................311
Ländereinstellung ..........................42
Language Manager .................. 42, 52
Layout ...........................................16
Layout-Anpassung ......................343
LDAP ............................ 15, 413, 421
Lebenslauf von Dokumenten und
Inhalten ......................................14
Letterman ....................................381
Letterman konfigurieren ..............388
Lieferant ......................................330
Link erzeugen ..............................106
Links ............................................105
Lizenzbestimmung ........................26
Logfile .........................................374
Login .............................................28
Login-Formular ..................... 92, 106
Lynx ............................................173
Macromedia Extension Manager .120
mainmenu ......................................69
Mambo ..........................................13
Mambo-Dokumentationsserver .....47
Mamboforge ............................... 119
Mambo-Konfigurationsdatei ......... 40
Mambo-Menüleiste ....................... 33
Mambo-Module .......................... 107
MamboOS-Leiste ........................ 126
Mambo-Site konfigurieren ............ 38
Mambot ......................................... 88
Mambo-Template ....................... 120
Mambots ............................... 92, 114
Manager ........................................ 35
Massenmails ................................. 98
Media Manager ............................. 53
Medienumbruch ............................ 14
Mehrdimensionalität ................... 174
Mehrsprachige Site ..................... 364
Menü ............................................. 73
Menü arbeiten ............................... 73
Menü Site Configuration .............. 39
Menüeintrag ............................ 67, 75
Menü-ID ....................................... 74
Menüleiste............................... 33, 34
Menü Manager ...................... 73, 419
Menüstruktur................................. 70
Messaging-Einstellungen ............ 115
Messaging-System ...................... 213
Metadaten ............................... 48, 87
Migration ...................................... 71
Migrationskomponente ............... 415
Joomla! kompakt

434 Index
Migrationsskript ..........................414
Minianwendungen .........................91
Moderator ............................ 213, 286
Moderatorenberechtigung ...........230
Modul ............................................31
Modul Archive ............................112
Modul Login ................................111
Modul Template Chooser ............113
Module installieren ........................36
Modulmanager ............................106
Modulübersicht ...........................108
Modulverwaltung ........................215
MOS Image ........................... 79, 114
Mülleimer ......................................58
myPMS ........................................291
MySQL .................................... 13, 19
MySQL-Datenbank .......................13
MySQL-Datenbankkonfiguration..26
MySQL-Server ..............................26
Nachrichten .................................115
Nachrichtenbetreff .......................218
Navigation ...................................174
Navigationsstruktur .....................175
NetPBM.......................................228
News ..............................................83
Newsfeed .......................................99
Newsfeed-Komponente ...............100
Newsfeed-Manager ....................... 99
Newsfeeds ..................................... 92
Newsflash ..................................... 83
Newsletter ................................... 381
Newsletter erstellen..................... 385
Newsletter versenden .................. 385
Newsletterverwaltung ................. 385
Nutzergruppen ............................ 140
Öffentliches Backend .................... 36
Öffentliches Frontend ................... 36
Online-Shop ........................ 301, 347
ontpage Manager .......................... 84
OpenSEF ..................................... 147
OpenWP ...................................... 378
Pagination ..................................... 79
Paketdienst .................................. 316
Paketmanagementsystem .............. 92
Pathway-Grafik ........................... 130
Pathway-Unterstützung ............... 422
PayPal ......................................... 324
PDF ............................................. 282
PDF-Bibliothek ........................... 421
PDF-Icon ...................................... 80
Pfad ............................................... 46
Pfadnavigationen ........................ 186
Phil-A-Form ................................ 277
www.brain-media.de

435
PHP ...............................................19
PHP Mailer-Funktion ....................49
phpMyAdmin ................................22
PHP-Umgebung ............................92
Plugin-Framework .......................245
Plugin Manager ...........................245
Plugin-Verwaltung ......................245
PMS ...............................................92
Poll ..............................................101
Poll-Manager ...............................102
Posting .........................................286
Präsentationslogik .......................145
Preisanzeige .................................308
Preiskonfiguration .......................308
Print-Icon.......................................80
Product Informationen .................335
Produktpalette .............................314
Produkt erstellen ..........................333
Produktattribute ...........................336
Produktdatenbank ........................334
Produktdetails ...................... 314, 335
Produkte ......................................301
Produkteigenschaften ..................301
Produkt-ID...................................335
Produktkategorie .........................332
Produktkategorien .......................301
Produktverwaltung ......................332
Profil ............................................213
Proxy-Server ................................. 46
Publikationssteuerung ............. 16, 86
Publish .......................................... 34
Publisher ....................................... 36
Publishing ..................................... 16
Rabattberechnung ....................... 309
Radio-Button einfügen ................ 262
Ranking-Einstellung ................... 289
Rating-Funktion ............................ 45
Rechte ........................................... 22
Register Cache .............................. 50
Register Content ........................... 43
Register Database ......................... 45
Register Locale ............................. 42
Register Mail ................................ 49
Register Metadata ......................... 48
Register SEO ................................ 51
Register Server .............................. 46
Register Statistics .......................... 51
Registrierungsformular ............... 305
Registrierungsmail ...................... 218
Reihenfolge von Elementen .......... 87
Replikationsmechanismen ............ 16
RSS ............................................. 100
RSS-basierte Nachrichten ............. 99
RSS-Feed .................................... 282
RSS-Verzeichnis ......................... 101
Joomla! kompakt

436 Index
Run Digital 508Hack ...................146
Run Digital Sitemap ....................147
Schlüsselwörter .............................48
Schreibrecht .................................286
Search Engine Friendly .................51
Section Manager ............................84
SEF ..............................................420
Sektion ....................................66, 89
Sektionsliste ..................................89
Sektionsmanager ..................... 67, 89
Sendmail ........................................49
SEO ...............................................51
Server-Logfiles ..............................51
Session ..........................................46
SGML ............................................17
Shipping ......................................315
Shipping-Modul ..........................327
Shop-Admin ................................311
Shop-Beschreibung .....................320
Shop-Einstellungen .....................319
Shop-Frontend .............................311
Shop-Konfiguration .....................306
Shop-Layout ................................343
Shop-Logo ...................................320
Shoppingsystem ..........................301
Sicherheit.....................................393
Sicherheit der CMS-Umgebung ..395
Sicherheitscheck ........................... 24
Sicherheits-Checkliste ................ 405
Site-Beschreibung ......................... 48
Sitemap ....................................... 370
Site-Module ................................ 108
Site-Struktur .................................. 66
Site-Template ................................ 56
Skalierbarkeit .............................. 164
Skripttypen .................................. 265
SKU ............................................ 335
SMTP-Server ................................ 49
Sommerzeit ................................... 42
Spambots .................................... 403
Sprachdatei ................................... 36
Sprachmanager ............................. 53
Sprachpaket................................... 52
Sprungmarke ............................... 184
SQL-Datenbank ............................ 17
SQL-Injektion ............................. 398
SSL ..................................... 312, 402
SSL-Verschlüsselung .................. 402
Standardinstallation ...................... 31
Standardsicherheit ....................... 393
Standardwährung ........................ 320
Static Content Manager ................ 84
staticXT ........................................ 71
statische Inhalte ............................ 71
Statistiken ..................................... 55
www.brain-media.de

437
Statistikfunktion ............................51
Statistikmodul .............................374
Steuern ........................................301
Stock Keeping Unit .....................335
Stylesheet definieren ...................136
Suchfunktion .................................30
Suchmaschine .................... 16, 48, 51
Super Administrator ......................35
Symbolleiste ............................ 33, 34
Syndic8 ........................................101
Syndicate ............................... 65, 103
Syndication-Einstellungen...........103
Systemadministration ....................36
System-Administrator ...................59
Systemanalyse ...............................23
Systemperformance .......................46
Tabellenfunktionen......................125
Tab Management .........................233
Template ........................................31
Template Builder Plugin .............119
Template Chooser .......................108
Template Editor .............................58
Template installieren ...................137
Template Manager.........................55
template_css.css ..........................131
template_thumbnail.png ..............131
Template-Auswahl ........................64
Template-Beschreibung ........ 57, 132
Template-Bezeichnung ............... 123
Template-Design ......................... 160
templateDetails.xml ............ 131, 132
Template-Galerie .......................... 64
Templategenerator ........................ 18
Template-Gestaltung ................... 124
Template-Header ........................ 120
Template-Installation .................... 64
Template Manager ........................ 64
Templates ...................................... 63
Template-Übersicht ...................... 56
Template-Verzeichnis ................... 56
Template-Verzeichnisstruktur..... 131
Textlink ....................................... 186
Textverarbeitung ........................... 86
The Sleuth Kit ............................. 410
TinyMCE ............................ 249, 352
TinyMCE Editor ........................... 86
Tooltip erstellen .......................... 264
Trash Manager .............................. 58
Übertragungsmodi ...................... 362
Umfragen .................................... 101
Umstieg ......................................... 71
Unpublish ...................................... 34
Upload ........................................ 287
Usability ...................................... 142
Joomla! kompakt

438 Index
UTF-8 ..........................................421
Validierungsfunktion ...................266
Validierungsskript .......................265
Validität .......................................150
Veranstaltungskalender ...............359
Verfügbarkeit ..............................336
Versandkosten ..................... 301, 329
Versandverfolgung ......................302
Versionscheck ...............................24
Verzeichnisdienst ..........................15
VirtueMart ...................................301
VirtueMart-Administration .........306
VirtueMart-Design ......................313
VirtueMart-Erweiterungen ..........345
VirtueMart-Komponente .............305
VirtueMart-Mambot ....................303
VirtueMart-Verzeichnisse ...........339
Voraussetzungen ...........................19
Vorlagenverwaltung ......................57
Vorschau ............................... 88, 418
Vorschaufunktion .................... 55, 88
Warenangebot .............................328
Warenkorbfunktion .....................301
Warenwert ...................................320
WCAG ................................ 141, 420
Web Content Accesibility
Guidelines ............................... 141
Weblog ........................................ 149
Website ......................................... 13
Werbeeinblendungen .................... 93
Werbung ....................................... 93
WinAudit .................................... 409
WordPress-Integration ................ 378
Workflow-Modul ........................ 249
Workflowprozess ........................ 218
WYSIWYG-Editor ..................... 352
XAMPP ........................................ 19
XAMPP für Windows ................... 21
XAMPP unter Linux ..................... 20
XAMPP-Installation ..................... 20
XAMPP-Sicherheit ..................... 400
XAMPP-Sicherheitsskript ............ 26
XHTML ...................................... 150
XHTMLSuite 508 ....................... 149
XJ! ................................................ 29
XML ....................................... 17, 18
XML-basierten Template-
Beschreibung .................... 57, 132
XML-RPC................................... 421
YAML ........................................ 167
Zahlungsbestätigung ................... 324
Zahlungsmethode ........................ 320
www.brain-media.de

439
Zahlungssysteme .........................302
Zeitzone .........................................42
zlib-Unterstützung .........................92
Zugriffslevel ..................................89
Zugriffsparadigma .........................14
Zugriffsrechte ................... 16, 35, 38
Zustelleigenschaften ................... 315
Zustellung ................................... 327
Zwischenspeicher ......................... 50
Joomla! kompakt