Referenzen

Senator Home Entertainment

Kunde

Senator Berlin

Auftraggeber

torpedo leipzig

Was gemacht

Logische Konzeption, Inhaltliche Konzeption, Template-Erstellung, CSS, Newsletterbetreuung (mittlerweile abgegeben)

Im Detail

Der DVD-Markt ist hart umkämpft. Um so wichtiger ist es das aus der Masse hervor zu stechen. Zum einen durch einen klar strukturierten Aufbau der Website, durch qualitativ hochwertigen Inhalt und durch eine für die Suchmaschienen optimierte Programmierweise (SEO) kann dies gelingen. Im Auftrag von Senator gestaltete Torpedo Leipzig ein Webportal für ihre Home Entertainment Sparte. Mit der technischen Planung und Entwicklung wurden wir betraut. Es galt einen Trailer, Texte, Galeriebilder und einen Amazon-Partnerlink einer möglichst breiten Zielgruppe zur Verfügung zu stellen.

Wo kommen die Daten her?

Auf Grund der Vielzahl der Filme die zudem noch in verschieden Rubriken angezeigt werden sollen, wurde schnell klar das eine Datenbank im Hintergrund den Inhalt zur Verfügung stellen muss. Welche Gründe dafür sprechen? Einfache Durchsuchbarkeit bei relativ geringer Performance-Auslastung. Da nicht gleich von anfach an klar war welcher Datenbanktypus uns zur Verfügung stehen würde, entschlossen wir uns für den Datenbank-Abtraction-Layer AdoDB lite. Dieser biete zusätzlich noch ein höheres Maß an Sicherheit gegen Angriffe von außen und mindert die Performance-Ansprüche durch Daten-Caching.

Aus EINS mach DREI

Von Anfang an haben wir Wert darauf gelegt, das Design (HTML, CSS) und den Programmcode (PHP, SQL,Java Script) sauber voneinander zu trennen um auf spätere Änderungswünsche wie ein Templatesystem, schnell und sauber reagieren zu können. Hierbei half uns das allerorts beliebte Smarty Template-System. Dieses System hat ein ausgeklügeltes Caching-System implementiert und ist durch Zahlreiche Module wie zum Beispiel ein Thumbnailgenerator - der hier auch zum Einsatz kam - erweiterbar.

Das Template-System macht es uns außerdem möglich für einzelne Filme ein eigenes Design aufzusetzen, ohne dabei in den eigentlichen Programmcode eingreifen zu müssen. So wurde z.B. für den Film “Pans Labyrinth” ein eigenständiges Template entwickelt, dass später auf Grund des Wunsches nach einer einheitlichen Coperate Identity zurück genommen wurde.

Frameworks und APIs

Um das aufgehen eines Textcontainers zur realisieren setzten wir das script.aculo.us-Framework ein. In Zusammenarbeit mit der prototype.js gelang es bei der Suche einen autocompleter bereit zu stellen. Eine weitere Java Script Libary kam zum Einsatz um die Bilder Slideshow auf der rechten Seite zu erstellen.

Auf Serverseite hilft uns immer wieder das PHP Pear-Framework mit seinen zahlreichen Klassen. Im Frontend kam unter anderem die HTTP_Download Klasse zum Einsatz. Zum generieren des AMAZON-Patnerlinks benutzen wir die AMAZON-API die wir mittels einer PEAR-Klasse abrufen.

Das wichtigste zum Schluss

auf einer DVD-Seite will der potenzielle Käufer sich erst einmal einen Eindruck von dem auserwähltem Film machen. Wie geht dies besser als mit einem Trailer! Im laufe der Zeit sind auf der Welt unzählig viele Dateiformate und die dazugehörigen Kompressions-Größen entstanden. Leider gibt es nicht DAS Dateiformat das auf allen Betriebssystemen ohne zutun läuft. Das am weit verbreitetste video fähige Browser-Plugin ist der Flashplayer. Aus diesem Grund haben wir uns für ihn entschieden. Des weiteren bietet Flash noch durch die Programmiersprache Action Script diverse Möglichkeiten dynamisch Inhalte nach zuladen und Animationen einzubauen. In diesem Fall sieht der Betrachter - angelehnt an den Videoplayer von YouTube - vor Filmstart ein Vorschaubild (Screenshot).

Die Administration

All die vielen Daten

Nachdem sich mit der Zeit einige Filme angesammelt haben und es immer wieder zu Veränderungswünschen bezüglich des Inhaltes kam, bedurfte es eines redaktionsfreundlichen Backends. Auf einem Blick soll der Redakteur über den derzeitigen Stand eines - im besten Falle einer Reihe von Filmen - informiert werden. Wichtige Information dazu sind, ob der Film über ein Cover, über Galeriebilder, einen Trailer, eine Beschreibung und letztlich eines Amazon-Partner-Links verfügt.
Eine Listenansicht ist hier nahe liegend. Um den Status zu kennzeichnen bediente ich mich meist grafischer Elemente wie den Icons von Icon Family. Zusätzlich erhält der Redakteur durch Java Script und DHTML dynamisches Informationsfeld zusätzliche Informationen zum Status des jeweiligen Films, wenn er mit der Maus darüber fährt.

Die in Töpfchen die schlechten per Knöpfchen

Durch die Smarty Erweiterung pageIdent ist es bequem möglich die Anzahl der angezeigten Datensätze zu limitieren und zwischen den einzelnen Seiten zu blättern. Dies verschafft zunächst die nötige Eingrenzung der Informationsflut. Durch SQL-Algorithmen hat der Redakteur weiterhin die Möglichkeit die Datensätze - in dem Fall sind es immer noch DVDs - nach verschieden Kriterien zu sortieren. Nach der länge der Beschreibung Beispielsweise, nach dem Filmtitel oder nach der Anzahl der enthaltenen Galeriebilder.

Für dieses CMS geplant

• Die Datensätze via AJAX zu komfortabel zu bearbeiten.
• Einen Flash-Dateiuploader mit Fortschrittsbalken zur Verfügung zu stellen.
• Ein automatisierten (Cronjob), monatlichen Bericht im PDF-Format via Mail zukommen zu lassen.

Fertigstellung noch ausstehend.


URL: dvd.senator.de