Eberhard Räder Mediatechnik

Automatische Fotopräsentation

Dieses Modul ist dahingehend konzipiert, dass unter minimalem Programmieraufwand zu einem beliebigen Thema Beispielfotos bereitgestellt werden können.
Um den Inhalt der Präsentation nachträglich zu ändern, reicht es aus, neue Grafiken per FTP hoch zu laden, bzw. nicht mehr aktuelle Bilder vom Server zu löschen.

Drag And Drop Fotopräsentation

Eine Seite, die sich automatisch an beliebige Fenstergrössen und Displayauflösungen anpasst.
Dieses Standardmodul kann sowohl für Fotopräsentationen als auch für Projektbeschreibungen eingesetzt werden.
Zu jeder Grafik kann ein Kommentartext angegeben werden.

Javascript- und PHP-basierte Automatische Fotopräsentation

Dieses Modul eignet sich besonders dann, wenn man eine geringe Anzahl von Grafiken innerhalb einer horizonlanen Leiste präsentieren und auf einen vertikalen Scrollbar unterhalb der Präsentationsleiste verzichten möchte.
Die Ausgabeleiste lässt sich per drag & drop horizontal verschieben. Bei Bedarf werden links und rechts des Ausgabebereiches Multifunktionsschaltflächen eingeblendet, die ein schnelles horizontales Scrollen ermöglichen.
Desweiteren passt sich die gesamte Präsentation an verschiedene Fenstergrössen und Displayauflösungen an.

Javascriptbasierte interaktive Animation

Dieses Modul eignet sich besonders dann, wenn man eine geringe Anzahl von Grafiken präsentieren möchte. Zieht der Besucher den Mauszeiger auf eines der Vorschaubilder, wird die entsprechende Grafik in einer kontinuierlichen Bewegung zur Bildmitte hin verschoben und hierbei permanent vergrössert. Der Besucher hat den Eindruck, als würde die Grafik über den Bildschirm "schweben" und gleichzeitig "wachsen".

Einfache Fotopräsentation

Dieses Modul eignet sich besonders dann, wenn man eine beschränkte Anzahl von Grafiken in einer kleinen Galerie präsentieren möchte.
Schriftgrösse und Grösse der Ausgabefenster werden optimal an das Display des Besuchers angepasst.
Der Besucher kann online zwischen den Betriebsmodi "Fotoalbum" und "Slideshow" wählen.
Zur Einbindung in bestehende Web-Projekte sind kaum Programmierkenntnisse vonnöten.
Zur Bedienung reicht es aus, die gewünschten Fotos in ein entsprechendes Verzeichnis Ihrer Domain hochzuladen. (Die Fotos sollten ein Dateiformat von 1 MB nicht überschreiten.) Die Komprimierung der Vorschaubilder erfolgt automatisch.

Im Rahmen dieser Demonstragtion ist die Präsentation als Slideshow mit 10 Sekunden Interval voreingestellt.

Erweiterte Fotopräsentation

Dieses Modul ist dann geeignet, wenn man zu einer Reihe von Gegenständen technische Daten und Detailfotos oder zu einer Reihe von Grafiken oder Fotos einen Beschreibungstext präsentieren möchte. Die Generierung der Übersichtsliste und der Detailseiten erfolgt vollautomatisch anhand der gegebenen Verzeichnisstruktur. Alle Seiten (Übersichtsliste und jede einzelne Unterseite) können mit Zusätzlichem HTML-Code versehen und somit angepasst werden.
Die Präsentation der Unterseiten (siehe Bild links) startet als Slideshow. Klickt der Besucher auf eine der Vorschaugrafiken, wird die Slideshow abgebrochen und die entsprechende Grafik als Grossbild angezeigt. Klickt der Besucher auf das Grossbild erfolgt ein automatischer Rücksprung zur vorherigen Seite (javascript:history.back).

Fliegender Farbwechsel

Dieser javascriptbasierter Effekt läuft gleichzeitig als automatische Animation als auch interaktiv.
Die Interaktion stellt sich dergestalt dar, indem der Farbwechsel auf Mausbewegungen reagiert.

Banner mit Einblendeffek

Dieses Modul eignet sich in erster Linie dann, wenn (Quell-)Texte innerhalb eines Banners häufig verändert werden müssen. Anders als bei Flash- oder Gif-Animationen, kann hier der Inhalt des Banners innerhalb des Seitenquelltextes geändert werden. Als Inhalt kann beliebiger HTML-Code eingefügt werden.
Hierdurch wird es möglich, die Informationen, die das Banner liefert innerhalb von Minuten zu ändern.
Voraussetzungen für den Webmaster sind Grundkenntnisse in HTML und Javascript.

Das gute alte Ping-Pong_Spiel, eine interaktive Animation

Wenn nicht das Erste, dann aber zumindest eines der ersten Computerspiele die jemals programmiert wurden.
Es muss nicht immer Flash sein. Diese interaktive Animation wurde komplett in Javascript programmiert.
Die Präsentation passt sich automatisch an verschiedene Displaygrössen an.
Auf OOP habe ich , da es sich hierbei um eine reine Demonstragtion handelt verzichtet.

Kalendermodul

Dieses Modul ermöglicht fehlerfreie Datumseingaben in Formulare.
Es können beliebig viele Eingabefelder bedient werden.

Anwendungsbeispiel:
Reservierung von Ferienwohnungen (externer Link)

Farbwähler

Dieses Tool ermöglichtes z.B. Mitgliedern einer Fotocommunity ihre Fotpräsentationen mit der
passenden Hintergrundfarbe zu versehen.

Ein- und ausblendbare Fensterbereiche

sorgen für Dynamik in Ihrer Website. Hilfs- und Hinweistexte und Grafiken sind vorerst ausgeblendet
und werden erst dann gezeigt, wenn sie benötigt werden.

Auto-Resize

passt Websseiten automatisch an verschiedene Displayformate und Bildschirmauflösungen an.

Der Widescreen ist auf dem Siegeszug.
Die Displays werden immer grösser.

Vielerorts sind aber noch ältere Bildschirme im Format 4/3 mit geringen Auflösungen im Einsatz.

Um einen opimalen Bedienkomfort zu bieten wird hier folgendes realisiert.

• Die zur Verfügung stehende Fensterfläche wird optimal genutzt.
• Die Schriftgrössen und Zeilenabstände werden an die Auflösung des Displays angepasst , wobei eine bestimmte Schriftgrösse nicht unterschritten wird.
• Der Kopfbereich bleibt ggf. immer sichtbar, da er unter Umständen auch Links bzw. Menüs enthalten kann.
• Die Breite der Navigationsleist wird automatisch an die Schriftgrösse angepasst.
  Die Navigationsleiste bleibt nach Möglichkeit immer sichtbar.
  Sollte diese Möglichkeit z.B. bei sehr kleinen Displays (Mobiltelefon) nicht gegeben sein erscheint ein Scrollbar innerhalb der Navigationsleiste.

Dieser Effekt wir durch das Zusammenspiel von PHP, Jasvascript und CSS erreicht. Bisher existiert noch kein Standardmodul hierfür.