Homeport von Dieter Zinniker

Diashows erstellen

Top-News (April 2009):
Ich habe mich wirklich lange und intensiv auseinandergesetzt mit der Darstellung von Diashow / Bildern auf meiner Webseite. Wer Cooliris für seinen Browser installiert hat, kann das Ergebnis sofort sehen.

Einige Ausführungen dazu findet man nachstehend. Inzwischen bin ich aber so weit, dass die auch auf Ihre Webseite sehr einfach repliziert werden können.

Anfangs Dezember 2007 habe ich die für mich ultimative Möglichkeit entdeckt, Diashows ins Web zu stellen. Sie basiert auf Gallery2 und auf Komponenten von flashyourweb. Es sei aber vorausgeschickt, dass es sich dabei um eine professionelle Lösung handelt, d.h auch entsprechend viel Vorbereitung verlangt. Hier findet man aber auch andere Möglichkeiten, eine Diashow mit weniger Aufwand zu erstellen.

Nebenstehende Diashow zeigt zufällige Bilder aus meiner gesamten online Fotogalerie (ca. 4000 Bilder) und ist gerade das Top-Thema auf meiner Hauptseite. Die Details findet man aber hier auf dieser Seite.

Diashows kann man in fast unendlich vielen verschiedenen Varianten erstellen. Da gibt es die private Variante mit dem klassischen Diaprojektor, über die Video-CD bis hin zur Internet basierenden Diashow.
Hier erfährt man, welche Erfahrungen ich in den letzten Jahren mit:

Beispiel einer Diashow

gemacht habe und für welche Einsatzwecke die Programme (das Gerät) geeignet sind. 

Ich hab also viel ausprobiert und so auch einige Erfahrungen gesammelt, die hier auch wiedergegeben werde. Für praktisch alle oben aufgeführten Anwendungen sehen Sie hier Beispiele.

Bevor man an die Erstellung einer Diashow heran geht, sollten die Fotos mit einer Bildverarbeitungs-Anwendung bearbeitet und organisiert werden. Detaillierte Hinweise dazu findet man hier.

Mit den oben genannten Anwendungen / Ausrüstung kann man teilweise Diashows in verschiedenen Varianten erstellen, z.B.

• Einzelbildsammlung, Bildwechsel wird durch den Betrachter ausgelöst.
  
• Automatisch ablaufende Diashow (meist mit vorgegebener Anzeigedauer), teilweise auch mit Musik unterlegt. Dies wird i.d. R. als Videofilm realisiert.
  Letzteres ist realisierbar z.B. mit Adobe Photoshop Elements, Nero, Video-Schnittsoftware u.v.a. mehr.
  
• Webbasierte Diashow (HTML-Diashow)
  Manueller oder automatischer Bildwechsel möglich.
  
• Sonderformen wären noch Kalender und dgl.
  

Hier soll vorerst nur mal auf HTML-Diashows eingegangen werden und kurz auch auf das ShowCenter 200. Die anderen Formate werden eventuell künftig in anderen Bereichen besprochen.  

Mit Pinnacle Showcenter 200

Am einfachsten und schnellsten geht die Erstellung einer Diashow mit dem Digital Media Receiver "Showcenter 200" von der Firma Pinnacle Systems.
Das ShowCenter ist einerseits mit dem Fernseher (TV) verbunden (Cinch, SCART, Component) und andererseits mit dem PC über Netzwerkkabel oder Funk (WLAN). Es ermöglicht auf dem PC gespeicherte multimediale Inhalte (Musik, Fotos, Videos etc.) am TV / Beamer auszugeben. Musik kann auch über eine angeschlossene Surround-Anlage wiedergegeben werden.

Nachdem die Fotos von der Digicam auf den PC im Home-Office transferiert wurden, kann man die Diashow sofort am TV im Wohnzimmer betrachten. Diese kann auch mit Musik untermalt werden.

Für mich die genialste Lösung, da:

• praktisch unbeschränkte Grösse
• Diashows sind sofort und jederzeit verfügbar
• Musikuntermalung aus Playlisten möglich (frei wählbar)
• Bildwechsel automatisch oder manuell möglich
• Diverse Überblendmöglichkeiten
• Geordnete oder zufällige Abspiel-Reihenfolge
• Pan & Zoom möglich
• Zusammenstellung von Alben nach Stichworten uva. mehr
• Kollektionen (Audio, Video, Fotos) können auf CD/DVD gebrannt werden
• Kein Erstellen von Datenträgern notwendig
• Betrachten der Bilder im Wohn- und nicht im Arbeitszimmer vor dem lärmigen PC.
• Zugriff mit TV, Audio-Anlage und PC (Browser) auf die Medien möglich

Nachteilig:

• Laufender PC notwendig (Energie, Lärm). Inzwischen gibt es externe Multimedia-Player mit eingebauter Festplatte, so dass man nicht mehr auf einen laufenden PC angewiesen ist. (siehe Toms Hardware Guide: Ein Beispiel von Iomega.)
• Zusatzgerät notwendig (ShowCenter)
• Diashow nur im eigenen Heim verfügbar, nicht für Freunde z.B. über das Internet (theoretisch aber machbar)
• Gute PC-Kenntnisse / Netzwerkkenntnisse notwendig

HTML Fotogalerie

Zweifellos erreicht man mit HTML-Fotogalerien auf Webservern im Internet den potenziell grössten Publikumskreis. Dazu gibt es eine unzählige Reihe von Internet-basierenden Diensten. Aber die Privatsphäre bleibt nicht immer gewahrt! Demgegenüber sind die Vorteile:

• Ständig und überall relativ einfach verfügbar.
• Freunde können jederzeit die Fotos ansehen und müssen nicht warten, bis ich Ihnen eine Kopie erstellt habe.

• Qualität ist zu Gunsten rascher Up-/Downloadzeiten meist mässig. Die Bilder sind für den Fotodruck meist ungeeignet.
• Anpassungen der Diashow an eigene Vorstellungen erfordert HTML-Kenntnisse und ist meist zeitaufwändig.

HTML-Fotoalbum mit Adobe Photoshop 4.0 erstellen

Vorgehen:

• Zuerst erstellt man am Besten einen neuen Katalog (Album) mit Datei/Katalog/neu{Strg+Umschalt+C}.
• Danach lädt man die Fotos mit Datei/Fotos laden/Aus Dateien und Ordnern {Strg+Umschalt+G}. Markieren Sie alle Fotos, die Sie importieren wollen. Wenn die Option "Rote Augen automatisch korrigieren" gewählt wurde, so werden nach dem Laden diese recht zuverlässig korrigiert. Dies kann aber eine Weile dauern.
• Korrigieren / Bearbeiten der Bilder
  Sehr gut funktioniert i.d.R. die automatische Schnellkorrektur mit dem Editor.
• Danach vergibt man Tags (Stichwörter) und zu jedem Foto einen Bildtitel. Die Tags werden ins IPTC-Feld Stichwörter und der Bildtitel in das EXIF Feld Beschreibung und in das IPTC Feld Objektbeschreibung geschrieben. Der Bildtitel wird in der HTML-Bildergalerie auch als Beschriftung unter das Bild gestellt.
• Im Organizer über Erstellen, HTML-Fotogalerie erstellt man die HTML-Diashow. Photoshop bietet eine Reihe von vorgefertigten Galeriestile mit vielen Einstelloptionen an.

Erfahrungen:

Meine Erfahrungen basieren auf der Version 4.0 von Photoshop Elements. Inzwischen vertreibt Adobe die Version 7.0.

• Beim Laden von Fotos mit EXIF-Stichwörtern erkennt diese der Organizer und bietet die Option an, diese zu importieren!
• Beim Skalieren der Bilder für das HTML-Fotoalbum entfernt Photoshop zuweilen sämtliche EXIF-Daten aus den Bildern! Somit also auch eingebettete Copyright-Vermerke!
  Oder ist dies aus Datenschutzgründen als Feature zu betrachten?
• Die vorhandenen Galeriestile sind für meinen Geschmack etwas schnöde und zum Teil auch lieblos gestaltet. Auch funktionierten einige Einstelloptionen nicht korrekt. So wurde z.B. der Filename als Bildunterschrift ausgegeben, obwohl die Option deaktiviert war! Vielleicht muss man deshalb nochmals bestätigen, dass man eine Fotogalerie erstellen will. Die ersten Ergebnisse vermögen kaum sofort zu befriedigen. Um so ärgerlicher wird es dann, wenn man jedesmal die Reihenfolge der Bilder wieder von neuem arrangieren muss! Also, dies erst vornehmen, wenn der Rest passt.
• Photoshop erzeugt HTML-Seiten mit den von HTML-Puristen verpönten Framesets. Die entsprechenden Schablonen findet man im Programmverzeichnis von Photoshop und lassen sich so modifizieren. Ich habe so einen Copyright-Vermerk und einen Link auf meine Homeports eingefügt. Zudem hab ich noch die Schaltflächen ¦ zurück ¦ Anfang ¦ vorwärts ¦ von einem andern Template kopiert, sowie das Hintergrundbild verändert. Zum Vergleich: Hier die Standardversion und hier die modifizierte Version.
• Der Organizer unterstützt einem sehr gut im Ablauf der Foto-Nachbearbeitung. Die Schnellkorrektur von Fotos (Belichtung, Kontrast, etc.) klappt oft sehr gut. Der Editor erlaubt auch komplexe Operationen (z.B. Fotomontagen), ist aber für in der Bildverarbeitung nicht Bewanderte nicht auf Anhieb verständlich. Ein Buch zu Photoshop kann ich nur empfehlen (Die Hilfe von Photoshop ist zwar vollständig, aber nicht sehr verständlich und übersichtlich. Nach einer gewissen Einarbeitung stellt sich der Editor aber klar als Krösus heraus.

Inzwischen vertreibt Adobe die Version 7.0 von Photoshop Elements. Es ist zu hoffen, dass die oben beschriebenen Mängel ausgebügelt wurden.

Empfehlen kann ich Adobe Photoshop Elements allen ambitionierten Amateur-Fotographen. Vor allem in Sachen Bildverarbeitung gehört es zur Klasse der Besten. Die Bedienung erschliest sich einem nicht sehr einfach und die Hilfestellung ist zwar komplett, liest sich aber nicht sehr flüssig.
Fotoalben können auf viele verschiedene Arten (Medien: CD/DVD, .pdf-File, HTML-Webseite etc.) erstellt werden. Viele verschiedene Stile vorhanden für die Fotogalerie.
Anpassung der Stile an eigenen Layout möglich, aber aufwändig.

Ein Tutorial zur Erstellung von Diashows findet man bei Adobe hier und ein Video zum gleichen Thema hier.

Um die Seite vollständig zu sehen, betätigen Sie die Taste F11, um in den Vollbild-Modus zu gelangen. Dadurch wird der Browser-"Overhead" unterdrückt. Ein erneutes Drücken von F11 verkleinert das Fenster wieder.

Inhaltsverzeichnis
• Erstellen einer Diashow in ACDsee 6.0
• Struktur der Diashow
• Anpassen der Diashow

Erstellen einer Diashow

Struktur der Diashow

<HTML>
	<HEAD>
	</HEAD>
	<FRAMESET frameborder="no" border="0" rows="4*,*">
		<FRAME src="Data/page.htm" NAME="Top Frame" scrolling="auto">
		<FRAME src="Data/thumbs.htm" NAME="Bottom Frame" scrolling="auto">
		<NOFRAMES>
		<BODY>
		Viewing this page requires a browser capable of displaying frames.
		</BODY>
		</NOFRAMES>
	</FRAMESET>
</HTML>
									

Also auch hier wird mit Framesets gearbeitet.

Anpassen der Diashow

Ist mit entsprechenden HTML-Kenntnissen durchaus möglich.

ACDSee verwende ich inzwischen nicht mehr, da ich mit Hilfe eines Buches mich nun gut in Photoshop Elements eingearbeitet habe, was ohne Buch fast unmöglich erscheint.
Und da liegt der Hauptvorteil von ACDSee: Es ist intuitiv erlernbar, aber bei weitem nicht so vielfältig und professionell wie Photoshop Elements. 

ACDSee besticht durch seine einfache Handhabung, sowohl beim organisieren der Dateien wie auch bei der Bildbearbeitung. Für Einsteiger ist ACDSee sehr empfehlenswert.
Wie Photoshop erstellt auch ACDSee ganzseitige Fotoalben und die Anpassung an das eigene Layout ist aufwändig.

Damit wurde es mir möglich Fotoshows schnell und effizient in mein Seitenlayout zu integrieren! Das Tool kommt mit zwei HTML-Layouts: Einen für den Index-Print und einen für die Slideshow.

Index-Print	Diashow

Diese beiden Layouts können Sie in Ihren eigenen Seitenlayout kopieren und diese dem Tool als Vorlagen definieren!
Danach starten Sie das Tool und ein Assistent hilft Ihnen bei der Erstellung. Kinderleicht! Nach ein wenig spielen haben Sie die Parameter so angepasst, dass Sie ein perfektes Fotoalbum in Ihre Webpräsenz integriert haben.
Sehen Sie hier ein Beispiel.

Damit sind nun meine Shootings immer schnell und aktuell auf dieser Webseite zu finden!
Empfehlenswert ist HomeGallery für Webseiten-Ersteller, welche ein Fotoalbum in ihr Webseiten-Layout einbinden möchten. Das Erscheinungsbild kann über CSS vollkommen angepasst werden. Schneller und einfacher kann man auch grosse Fotoalben nicht in die eigene Webseite einbauen.
HomeGallery ist Freeware bzw. Donateware.

Gallery2

Anfangs Dezember 2008 habe ich bei flashyourweb die ultimative Möglichkeit entdeckt, Fotoalben von der Gallery2 schnellstmöglich ins Web zu stellen. In wenigen Minuten war dies erreicht. Funktionierte auf Anhieb. Die Jungs sind unheimlich gut, und man tut gut daran, sie im Auge zu behalten, dann da kommt noch mehr von der Güte!

Ich hab's ausprobiert und es funktionierte hervoragend! Die Jungs scheinen von der ganz schnellen Sorte zu sein.

Ende 2007 bin ich auf die für meine hochgesteckten Wünsche geeignetste Lösung gestossen: Gallery2. Wie das aussieht und was man damit alles machen kann, sehen Sie teilweise hier.

Gallery2 erstellt dynamische HTML-Webseiten und seit der Version 2.3 im Oktober 2008 kann man damit auf Adobe Flash Player basierende, absolut professionell aussehende Diaschows erstellen.

Bild Flash Diashow

Wer zudem noch Cooliris in seinem Browser installiert hat, kann die Diashow auch in 3D betrachten.

Ein Klick auf obenstehendes Bild öffnet eine Gallery Diashow (Adobe Flash Player empfohlen).

• zum einfachen Upload der Fotos
• zum Betrachten der Fotos auch offline (Bildschirmschoner, wechselnde Desktopbilder)
• Betrachten eines Fotoalbums in Google Earth

• Bilder drehen (90°/180°)
• Ausschnittvergrösserung
• Fotos mit einem Wasserzeichen versehen
• Vergeben von Schlüsselwörtern
• Skalieren von Bildern
• und vieles andere mehr

An Diashows bietet Gallery2 eine fast unerschöpfliche Vielfalt:

• Klicknavigation von Bild zu Bild
• automatischer Bildwechsel, wobei der Betrachter die Zeitdauer vorgeben kann wie auch die Bildgrösse
• Remote Slideshow auf dem PC des Betrachters bildschirmfüllend. Diese Diashow kann auch als Bildschirmschoner eingesetzt werden
• ab Version 2.3 mit dem Bowser Add-on Cooliris (PicLens) eine 3D animierte Flash-Diashow
• Darstellung des Aufnahmeortes in Google Maps (hab ich bei mir aus Performancegründen z.Z. deaktiviert)
• Darstellung der Fotos in Google Earth inklusiv eingezeichneter Reiseroute
• In Alben können auch Videos und Musikstücke eingefügt werden

Jedem Fotoalbum kann bei Bedarf ein eigenes Motiv (Seitengestaltung) zugeordnet werden. Die Anzahl der Bilder pro Albumseite kann modifiziert werden, wie auch die Vorschaugrösse der Bilder. Die Bilder werden von Gallery2 automatisch on-the-fly skaliert.

Gallery2 Fotoalbum mit Klicknavigation
Links oben, rot ein gefärbt, das anklickbare Symbol für die Diashow.

Gallery2 ist sehr modular aufgebaut. Der Administrator kann Module (Plug-ins, Motive etc.) nach Bedarf nachinstallieren und so die Galerie sukzessive seinen Vorstellungen anpassen. Zudem ist Gallery2 auch mehrsprachfähig.
Benutzern und Benutzergruppen können sehr gezielt gewisse Berechtigungen zugestanden oder entzogen werden (Bsp: Download ganzer Alben, Bilder in voller Auflösung zu betrachten und dgl. mehr). Dies kann auf einzelne Bilder oder Alben(gruppen) angewandt werden.

Absolut professionell wirken die dynamischen Diashows mit Cooliris (ein Browser Plugin). Die Fotos kann man einzeln anklicken oder automatisch ablaufen lassen. Dazu wird im Gallery-Album links oben auf das Symbol "Diashow" geklickt und Cooliris wird automatisch gestartet.

Zum Schluss sei betont: Gallery2 kann sowohl einfachen wie auch hohen, professionellen Ansprüchen gerecht werden, denn es lässt sich auch in CMS wie Joomla, Drupal etc. integrieren.

Cooliris

Mit dem PicLens Publisher erstellt man im Handumdrehen Vorschaubilder für die Diashow und den HTML-Code für das Album. Letzteren kann dann einfach in das eigene Webseiten Layout übernommen werden. Wie man das effizient macht zeig ich in meinem Tutorial hier»»

Google Earth

Mit meinem Mobiltelefon und einem externen GPS-Empfänger kann ich die geografische Position direkt in meinen Fotoaufnahmen abspeichern.
Für Google Earth muss ein Fotoalbum in einer .kmz-Datei vorliegen. Zur Zeit wird gerade ein Tutorial erstellt über die einfache und schnelle Erstellung eines solchen Albums.

Solange Fotos von Digitalkameras noch nicht automatisch mit Geokoordinaten versehen werden, bedeutet die Erstellung von Fotoalben für Google Earth noch einiges an Aufwand und erfordert auch eine gewisse Experimentierfreudigkeit.
Entschädigt wird man durch die Bewunderung Ihres Werkes durch die Zuschauer!

php Image Gallery

Fazit:
Tolles Fotoalbum! Das Erstellen eines neuen Album beschränkt sich damit auf das Hochladen der Fotos auf den Server, et voilà! Einen grösserer Aufwand dürfte die Umstellung meiner Webseiten auf XHTML 1.0 Strict sein, dachte ich. Innerhalb von einem halben Tag war dies geschafft!!! Das Tool beherrscht damit schon die nächste Webseiten-Generation. Die Umstellung hab ich innerhalb eines Tages für alle meine Startseiten geschafft (Kopie siehe index.php).