Kapitel 12

Und zu Silvester (ja, ja, schreibt man i :-) ) gibt es jetzt Kapitel 10, 11 und Kapitel 12 über die Erweiterungen Fireboard, DOCman und Exposé Galerie.

Falls Ihr Fehler findet, bitte das Kontaktformular benutzen.

Viel Spaß beim Lesen

Die Funktionalität von Joomla! können Sie auf einfache Art erweitern. Durch die große Verbreitung des Joomla! 1.0.x-Systems gibt es sehr viele individuelle Erweiterungen. Das Joomla!-Projektteam hat auf diese Vielfalt mit einem eigenen Bereich auf der Website reagiert, den Sie unter der URL http://extensions.joomla.org/ erreichen können. Hier können von jedem Besucher Erweiterungen heruntergeladen und von jedem registrierten Benutzer eingestellt werden (Abbildung 12.1).

Abbildung 12.1: Joomla!-Erweiterungsbereich

Im Kapitel 15 werden Sie lernen, eigene Erweiterungen zu entwickeln. Wenn Sie eine funktionierende Erweiterung entwickelt haben, bieten Sie sie ruhig in diesem Verzeichnis an. Andere Benutzer werden Ihre Erweiterung herunterladen, bewerten und kommentieren. Wenn Sie eine auch für andere nützliche Erweiterung erstellt haben, werden Sie schnell Rückmeldungen und vielleicht auch Hilfe bei der weiteren Arbeit erhalten.

Erweiterungen können Komponenten, Module, Plugins oder externe Programme sein.

Dank der modularen Struktur von Joomla! und des komfortablen Installers ist es sehr einfach, Erweiterungen zu installieren.

Im Februar 2008 standen insgesamt 2.800 Erweiterungen zur Verfügung, davon 140 Komponenten, die auch unter Joomla! 1.5 funktionieren.

Leider stehen beliebte Komponenten wie Virtuemart (Shopsystem) oder die Pony Galerie (Bildergalerie) zum Zeitpunkt der Drucklegung dieses Buches noch nicht für Joomla! 1.5 zur Verfügung. Virtuemart läuft bereits als Beta Version unter Joomla! 1.5. Thomas Kahl, Mitglied des Entwicklerteams erwartet eine stabile version im Sommer 2008. Alle beliebten Erweiterungen sind allerdings auf dem Wege zu Joomla! 1.5 und werden sicherlich schnell zur Verfügung stehen. Die Bedienung der Erweiterungen wird in Joomla! 1.5 ähnlich sein wie in Joomla! 1.0.x. Die Änderungen werden vor allem im Quellcode und in der besseren Integration zu sehen sein.

In diesem Kapitel werden wir die beliebte Foren-Software Fireboard, die aus dem Joomla!Board-Projekt hervorgegangen ist, die Dokumentenverwaltung DOCman und eine Bildergalerie mit dem Namen Exposé installieren.

Damit diese Komponenten reibungslos funktionieren, müssen Sie das Legacy Plugin im Menü Erweiterungen Plugins aktivieren. Sie erkennen die korrekte Funktion an einer Anzeige (Kompatibilität 1.0) im Menübereich des Administrationsbereiches (Abbildung 12.2).

Abbildung 12.2: Aktivierung Legacy Plugin

Eine Komponente wird, wie auch die Sprachpakete, Templates, Module und Plugins, im Menü Erweiterungen - Installieren/Deinstallieren installiert.

Jedes Erweiterungspaket ist ein komprimiertes Archiv mit verschiedenen Dateien und mindestens einer XML-Anweisungsdatei für den Joomla!-Installer. Aus der XML-Datei geht hervor, um welche Art Erweiterung es sich handelt. Durch diese Art der Installation können in Joomla! 1.5 alle Erweiterungsarten in einer einzigen Bearbeitungsmaske installiert werden.

In Kapitel 13 und 15 werden Sie selbst solche Pakete erstellen.

Mit der Orientierung weg vom reinen Content Management System hin zu einem Framework wird es möglich, auf der Basis von Joomla! Komponenten zu schreiben, die nicht mehr wie Joomla! aussehen. Die Galerie-Komponente hat beispielsweise eine sehr lockere Bindung an Joomla! 1.5. Die Galerie wird ähnlich der Wrapper-Komponente in einem iFrame dargestellt. Die Administration im Backend funktioniert ebenfalls über einen iFrame, daher auch die Passwortabfrage im Backend. Andere Komponenten wie beispielsweise das installierte Forum oder die Dokumentenverwaltung verzahnen sich viel tiefer in das System und tauschen im Falle des Community Builders beispielsweise sogar die Anmeldeprozedur aus.

In Joomla! 1.5 lassen sich viele Features jetzt eleganter lösen, und alle Third Party-Teams arbeiten bereits seit Anfang 2007 an einer Integration ihrer Komponenten.

Bildergalerien und Video-Uploads spielen eine immer größere Rolle in der Web 2.0-Welt. Mit immer mehr Breitbandanschlüssen und Anwendungen wie der Fotoplattform Flickr⁴ oder der Videoplattform YouTube⁵ wird das Veröffentlichen von multimedialen Inhalten für den Einzelnen immer einfacher.

Die Erwartungen an das Design werden ebenfalls immer höher. Eine einfache Auflistung von Fotos gilt mittlerweile schon als ein wenig verstaubt.

Exposé ist eine auf dem Adobe Flash-Format basierende Galerie für Bilder, Grafiken und Videos, die optisch wirklich hervorsticht (Abbildung 12.36, Abbildung 12.37 und Abbildung 12.38).

Exposé kann

• beliebig viele Fotoalben erstellen,
• Bilder beim Hochladen in verschiedene Bildgrößen berechnen,
• Thumbnails für die Alben erzeugen,
• Videos über den Flash Player in einem komprimierten Format abspielen und
• Audio-Kommentare zu den einzelnen Bildern hinzufügen.

Eine auf Ihrem PC installierbare Variante von Exposé erlaubt das Zusammenstellen der Bilder direkt auf Ihrem PC.

Durch das kompakte Flash-Format können die Bilder auch ohne Breitbandanschluss betrachtet werden.

Der Album Manager, der im Administrationsbereich die Daten verwaltet, stellt ein paar Anforderungen an den PHP-Interpreter – GD, DOMXML und die iconv-Erweiterung müssen installiert sein. In unserer lokalen Testumgebung XAMPP lite sind diese Voraussetzungen serverseitig erfüllt. Bei Ihrem Webspace-Provider kann es sein, dass er die PHP-Features nicht anbietet, aber auch dafür gibt es natürlich eine Lösung (siehe Kapitel 1.7 auf Seite 68, Schritt 5, und Kapitel 6.4 auf Seite 125). Auf der Frontend-Seite muss der Besucher mindestens über den Flash Player in der Version 8 in seinem Internetbrowser verfügen. Den haben aber mittlerweile 96 % aller Browser installiert.

12.3.1 Installation

Im Falle der Exposé-Galerie laden Sie sich das Paket com_expose_4.6.2.zip von der Buch-CD oder der Website des Projekts⁶. Klicken Sie in der Installationsmaske auf den Button Durchsuchen, wählen Sie die Datei aus und klicken Sie anschließend auf den Button Datei hochladen & installieren. Der Joomla!-Installer lädt die Dateien hoch, nimmt die Menüeinträge vor und zeigt eine Erfolgsmeldung wie in (Abbildung 12.33). Lesen Sie sich diese Meldungen aufmerksam durch und merken Sie sich in jedem Fall das Passwort!

Abbildung 12.33: Installer-Meldung

12.3.2 Einbindung in die Website

Die Komponente ist jetzt mit Beispieldaten installiert und muss noch einen Menülink im Frontend bekommen. Lassen Sie sie uns im Joomla 1.5 Buch-Menü positionieren.

Klicken Sie auf Menüs - Joomla 1.5 Buch und dort auf das Icon Neu. Erzeugen Sie einen Menülink, wie in Kapitel 7.4 beschrieben.

Wenn Sie jetzt auf Ihre Website gehen, sehen Sie den Link Galerie im Hauptmenü. Nach einem Klick auf diesen Link sehen Sie zwei Beispielordner: eine so genannte Collection, die weitere Alben enthält, und ein Album Videos.

Wenn hinter dem Vorschaubild ein Pfeil zu sehen ist, sind weitere Alben enthalten, wenn dort eine Zahl steht, bezieht sich das auf die Anzahl der enthaltenen Medien. Wenn Sie auf die Sample Collection klicken, tauchen die darunter liegenden Alben auf (Abbildung 12.34).

Abbildung 12.34: Galerie Übersicht

Mit einen Klick auf Sample Album gelangen Sie in den so genannten Image Strip (Abbildung 12.35).

Abbildung 12.35: Image Strip

Dieser Streifen kann horizontal mit den Maustasten bewegt werden. Das Bild, das in der Mitte ist, wird vergrößert dargestellt. Rechts und links vom Image Strip sind ab einer gewissen Menge an Bildern Navigationsdreiecke zu sehen, über die der Image Strip ebenfalls per Mausklick bewegt werden kann.

Durch einen Klick auf das Bild gelangen Sie in die Einzelansicht (Abbildung 12.36).

Abbildung 12.36: Einzelansicht

Sie können dort

• innerhalb der Bilder vor- und zurückblättern,
• eine automatisierte Slideshow aufrufen,
• zurück zum Image Strip,
• zurück zu den Alben,
• durch einen Klick auf die Lupe das Bild in Originalgröße anzeigen lassen,
• einen Hinweis sehen, in welchem Album Sie sich befinden, und
• einen Hilfebildschirm aufrufen, in dem die Symbole erklärt werden.

Videos

Gehen Sie zurück zu den Alben und rufen Sie die Videoansicht auf. Auch hier sehen Sie einen Image Strip mit einem Vorschaubild des Videos. Durch einen Klick auf das Vorschaubild gelangen Sie in die Einzelansicht des Videos (Abbildung 12.37).

Abbildung 12.37: Video Player

Sie können hier

• durch das Video navigieren und
• durch einen Klick auf das Lautsprechersymbol den Ton an- und abschalten und mit dem Slider die Lautstärke einstellen.

12.3.3 Album Manager im Administrationsbereich

Um Ihre eigenen Bilder und Videos in die Galerie zu laden, rufen Sie im Administrationsbereich das Menü Komponenten - Erweiterungen auf. Sie sehen einen Login-Bildschirm mit einer Passwort-Abfrage. Das Standard-Passwort ist manager. Sie können (und sollten) das Passwort mit einem Klick auf den Button Change Password ändern. Durch Ankreuzen der Checkbox wird das Passwort gespeichert, und Sie müssen es dann nicht mehr eingeben (Abbildung 12.38).

Abbildung 12.38: Album Manager – Login

Der Administrationsbereich teilt sich in mehrere Bereiche (Abbildung 12.39).

Abbildung 12.39: Album Manager – Administration

1. Hier können Sie eine Collection und einzelne Alben erstellen. Im darüber liegenden Bereich können Sie die Alben verschieben (move to), umbenennen (rename) und löschen (delete).
2. Um ein Vorschaubild für ein Album zu erzeugen, wählen Sie das gewünschte Bild aus und klicken auf den Button Create album thumb.
3. Durch einen Klick auf den Button Upload photos können Sie einen Dialog starten, in dem Sie ein Bild von der Festplatte in die Galerie hochladen können. Das Bild wird automatisch kleiner gerechnet, d.  h. Sie können die Bilder in der Größe hochladen, in der sie aus der Kamera kommen.
4. Sie können Videos im flv-Format in die Galerie laden. Um das Video in dieses Format zu konvertieren, können Sie die auf der CD enthaltene Trial-Version der Software Dreamweaver CS3 benutzen⁷ oder den Film mit der Freeware Riva FLV Encoder 2, die ebenfalls auf der CD enthalten ist, encodieren⁸.
5. Add from Bucket ist eine nützliche Einrichtung. Sie können per FTP Dateien in das Verzeichnis
   PfadzuJoomla!]components/com_expose/expose/manager/bucket
   legen. Diese Dateien können Sie dann über die Add from Bucket-Funktion hinzufügen.
6. In den Einstellungen (Configuration) können Sie konfigurieren, mit welchen Parametern Bilder und Videos hochgeladen werden. Bei den Bildern können Sie sogar ein Wasserzeichen einblenden (Abbildung 12.40).

Abbildung 12.40: Einstellungen

Sie können die Bearbeitung durch einen Klick auf den Button Logout (unten rechts) beenden.

12.3.4 Deinstallation

Falls Sie die Komponente wieder entfernen wollen, können Sie das über das Menü Erweiterungen - Installation/Deinstallation und dort im Reiter Komponenten tun (Abbildung 12.41). Markieren Sie die Komponente und klicken Sie auf das Icon Deinstallieren.

Abbildung 12.41: Deinstallation einer Komponente

12.3.5 Album Manager als eigenständiges Programm

Da die Online-Arbeit mit großen Dateien manchmal ein wenig mühselig ist, gibt es auch eine Stand Alone-Version des Album Managers für die Betriebssysteme Windows und Mac OS X.

Per Doppelklick auf die Datei AlbumManager-2.7-Setup.msi können Sie das Programm unter Windows installieren. Für Mac OS X finden Sie auf der CD zusätzlich die Datei AlbumManagerMac.dmg. Der Album Manager bearbeitet das Verzeichnis

[PfadzuJoomla!]components/com_expose/expose

Falls Sie mit der lokalen Serverumgebung arbeiten, können Sie beim Start des Album Managers einfach auf dieses Verzeichnis verweisen.

Der Album Manager ermöglicht dann die Bearbeitung der bestehenden Strukturen. Die Bedienung funktioniert genau wie in der Online-Flash-Version (Abbildung 12.42).

Abbildung 12.42: Album Manager als Programm auf Ihrem PC

Wenn Sie den Album Manager für eine Website im Internet benutzen wollen, laden Sie sich einfach das Verzeichnis vor der Bearbeitung herunter und nach der Bearbeitung wieder auf den Server.

Die Idee von DOCman² ist es, Dateien mit einer Beschreibung und einer Lizenz zu verknüpfen und dann unterschiedlichen Benutzergruppen zum Download anzubieten.

DOCman bietet Ihnen die folgenden Features:

• Sie können beliebige Dokumente in beliebig vielen Kategorien und Unterkategorien schachteln.
• Sie können die Dateien auf dem eigenen oder einem entfernten Server ablegen.
• Dokumente lassen sich per Zugriffsberechtigung zu schützen.
• Sie können beliebig viele Benutzergruppen anlegen, um den Zugriff auf die Dokumente zu regeln.
• Sie können umfangreiche Downloadstatistiken erheben.
• DOCman hat ein eigenes Suchsystem. Dokumente können über den Dateinamen oder ihre Beschreibungen durchsucht werden. Durch ein zusätzliches Plugin wird die Suche ins Joomla!-System integriert.
• Der echte Pfad zu den Dokumenten wird niemals angezeigt.
• Es gibt verschiedene Templates zur Anpassung an die Website.
• Online finden Sie eine wachsende Dokumentation in Form eines Wikis³.

12.2.1 Installation

Die Installation erfolgt genau wie beim Forum (Kapitel 12.1.1, Seite 221). Laden Sie die Datei com_docman_1.4.0rc3.zip von der CD und installieren Sie das Paket über den Menüpunkt Erweiterungen Installieren/Deinstallieren (Abbildung 12.15).

Abbildung 12.15: DOCman Installation

Unter dem DOCman-Logo finden Sie einen Button, um Beispieldaten zu installieren. Klicken Sie ruhig darauf. DOCman installiert dann

• eine Beispieldatei,
• eine Beschreibung zu dieser Datei,
• eine Kategorie, in die die Beschreibung zugeordnet wird,
• eine Benutzergruppe und
• eine Beispiellizenz.

Nach Installation der Beispieldaten ist DOCman sofort einsatzbereit.

12.2.2 Konfiguration

DOCman gehört zu den Komponenten, die das Menükonzept von Joomla! 1.5 voll unterstützen (Abbildung 12.16).

Abbildung 12.16: DOCman Control Center

Die einzelnen Menüpunkte finden sich in der Zeile unter dem Logo wieder. Im DOCman Control Center finden Sie ebenfalls Icons zum schnellen Zugriff und im rechten Bereich eine Informationsübersicht.

Wenn Sie auf den Link configuration klicken, sehen Sie die umfangreichen Möglichkeiten von DOCman – leider noch komplett in englischer Sprache.

12.2.3 Sprache

Auch für DOCman gibt es natürlich Sprachpakete für die deutsche Sprache. Entpacken Sie die Datei german_docman_v1.4.0rc3.zip. Auch hier müssen Sie manuell tätig werden und können nicht den Installer von Joomla! benutzen. Kopieren Sie die Dateien german.backend.php, german.common.php, german.doclink.php, german.frontend.php, german.module.php aus dem Verzeichnis

[Sprachpaket]german_docman_v1.4.0rc3\language

in das Verzeichnis (Abbildung 12.17)

[PfadZuJoomla]administrator\components\com_docman\language

und die Datei german.php aus dem Verzeichnis

[Sprachpaket]german_docman_v1.4.0rc3\themes\language

in das Verzeichnis (Abbildung 12.18)

[PfadZuJoomla]components\com_docman\themes\default\language

Abbildung 12.17: Sprachdateien im Administrationsbereich

Abbildung 12.18: Sprachdateien für das Frontend

Im Administrationsbereich und auf der Website spricht Ihr DOCman jetzt Deutsch (Abbildung 12.19).

Sie können alle Parameter zunächst bei den Standardwerten belassen. Sie sehen allerdings schon an der Menge der Einstellungsmöglichkeiten, dass DOCman mittlerweile wirklich mächtig geworden ist, wenn es um das Anbieten von Dokumenten geht. Werfen Sie einen Blick in die einzelnen Bereiche der Konfiguration.

• Home – ist das Control Center, also die Übersichtsseite.
• Files – hier laden Sie die Dateien hoch, die Sie zum Download anbieten wollen.
• Documents – hier erstellen Sie eine Beschreibung und ordnen sie der Datei zu. Sie legen hier auch fest, wer darauf zugreifen darf und unter welcher Lizenz der Download steht.
• Categories – hier verwalten Sie die Kategorien, in die Sie Ihre Dokumente einordnen werden.
• Groups – hier erstellen und verwalten Sie Benutzergruppen.
• Licenses – hier erstellen und verwalten Sie die Lizenbedingungen. Sie können beliebig viele Lizenzen verwalten.
• Statistics – hier sehen Sie die Downloadstatistisk (wie oft wurde welcher Download geladen?).
• Download Logs – hier können Sie sich die Log-Dateien herunterladen.
• Configuration – die Grundkonfiguration von DOCman.
• Themes – DOCman hat die Möglichkeit, eigene Themes zu verwalten. Auf der Projektwebsite können Sie zusätzlich Themes herunterladen und dann hier für das Frontend auswählen.
• Credits – hier finden Sie das Changelog ab dem Jahr 2004.

Abbildung 12.19: DOCman Konfiguration

12.2.4 Auf der Website einbinden

Die Verfahrenweise ist genau wie beim Fireboard Forum (siehe Kapitel 12.1.1, Seite 221). Sie möchten einen Link zu Ihren Dokumenten im Joomla! 1.5 Buch-Menü haben. Also müssen Sie unter Menü Joomla! 1.5 Buch einen neuen Eintrag erstellen. Im Menüeintragstyp wählen Sie DOCman aus (Abbildung 12.20) und landen dann in der Bearbeitungsmaske (Abbildung 12.21).

Abbildung 12.20: Menülink für DOCman einrichten

Abbildung 12.21: Menülink Bearbeitung

Hier legen Sie noch Menülink-Titel und -Alias fest. Sie können auch direkt eine bestimmte Kategorie von Dokumenten anspringen. Geben Sie dazu die Kategorie ID in den Parametern ein. Sie finden diese ID in der Administration von DOCman im Kategorienbereich.

Nach einem Klick auf das Icon Speichern und einem Neuladen Ihrer Website haben Sie ein professionelles Download-Verzeichnis auf Ihrer Website (Abbildung 12.22).

Abbildung 12.22: DOCman auf der Website

Wenn jemand auf den Button Download klickt, wird die Lizenz für diesen Downlad angezeigt. Sie muss bestätigt werden, und danach startet der Download (Abbildung 12.23).

Abbildung 12.23: Lizenzabfrage

12.2.5 Inhalt bereitstellen

Neue Dateien und Beschreibungen zum Download können Sie über den Administrationsbereich oder über das Frontend einstellen. Wenn Sie sich beispielsweise auf Ihrer Website mit dem admin-Benutzer einloggen, sehen Sie im oberen Bereich ein Icon und einen Link Neues Dokument vorschlagen (Abbildung 12.23). In drei Schritten werden Dokumente hochgeladen.

Im ersten Schritt müssen Sie entscheiden, von wo das Dokument kommen soll. Von Ihrem eigenen PC, von einem anderen Server, oder soll es »nur« ein Link auf ein vorhandenes Dokument sein (Abbildung 12.24)?

Abbildung 12.24: Dokument vorschlagen – Schritt 1

Ich habe die Variante Datei von lokalem Rechner hochladen ausgewählt und lade die Zip- Datei der Komponente hoch (Abbildung 12.25).

Abbildung 12.25: Dokument vorschlagen – Schritt 2

Abbildung 12.26: Dokument vorschlagen – Schritt 3

Nach dem erfolgreichen Upload befinde ich mich in Schritt 3 und muss jetzt eine Beschreibung, die Zugriffsrechte, die Kategorie und die Lizenz auswählen. Durch einen Klick auf den grünen Haken im oberen Bereich wird der neue Download gespeichert und sofort freigeschaltet. Die Freischaltung erfolgt sofort, weil ich ja mit dem Benutzer admin arbeite. Dieser Benutzer sieht auch erheblich mehr Buttons (Optionen) im Frontend als der normale Benutzer (Abbildung 12.27). Normalerweise müssen Sie Dokumente im Administrationsbereich explizit freischalten (Abbildung 12.28).

Abbildung 12.27: Der neue Download auf der Website

Abbildung 12.28: Freischaltung von Dokumenten

12.2.6 Such-Plugin

Um die Dokumente in die Joomla!-interne Suche einzubauen, müssen Sie noch ein zusätzliches Plugin installieren. Hier benutzen Sie wieder den Installer unter Erweiterungen Installieren/Deinstallieren. Laden Sie die Datei bot_docman_search_ 1.4.0rc2.zip von der CD und installieren Sie sie über den Installer.

Unter Erweiterungen Plugins finden Sie jetzt das DOCman-Such-Plugin, das Sie noch aktivieren müssen (Abbildung 12.29).

Abbildung 12.29: DOCman Such-Plugin

Wenn Sie nun über das normale Suchfeld der Website nach dem neuen, eben gerade eingetragenen Dokument suchen, wird es Ihnen mit der Kategorie in der Trefferliste angezeigt (Abbildung 12.30).

Abbildung 12.30: Suche nach Dokumenten

12.2.7 Zusatzmodule

Wenn man viele Downloads anbietet, möchte man oft auf der Website die am meisten heruntergeladenen Dokumente anzeigen. Dazu benötigt man Module. Lassen Sie uns ein Modul installieren, das die am meisten heruntergeladenen Dokumente anzeigt. Installieren Sie die Datei mod_docman_mostdown_1.4.0rc2.zip über den Installer und aktivieren Sie sie unter Erweiterungen Module (Abbildung 12.31).

Abbildung 12.31: DOCman Modul

Das Modul ist standardmäßig links angeordnet. Sie können es über die Bearbeiten- Funktion an beliebiger Stelle positionieren und natürlich den Titel ändern. In den Parametern können Sie noch die Menge der Einträge festlegen und ob das Icon und die Anzahl angezeigt werden sollen. Standardmäßig sieht das Modul auf der Website aus wie in Abbildung 12.32.

Abbildung 12.32: Modul auf der Website