12.3 Exposé Flash Gallery

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.