HalloHund Foto-/Videoabstimmung mit Drupal

Stefan · 13.07.08, 23:06 Uhr · HalloHund, Konzepte, Projekte · Tags: Drupal, jQuery, PHP

Leise, still und heimlich haben wir letzte Woche ein kleineres Update auf HalloHund gefahren. Im Update sind neben kleineren Bugfixes auch ein neues Community-Feature: Foto-/Videoabstimmung.

Notwendig wurde das Feature, da unsere Aktion, “HalloHund sucht das witzigste Hundefoto 2008” im ersten Monat bereits gut 500 Bilder unserer Mitglieder ergeben hat. Da wir unsere Mitglieder direkt über die Bilder entscheiden lassen wollten, brauchten wir ein Tool das die Menge der Bilder übersichtlich darstellt und es dem Mitglied sehr einfach macht, seine Stimme abzugeben.

Bei HalloHund setzen wir auf die Community-Plattform Drupal die es sehr einfach macht, zusätzliche Community-Feature zu entwickeln. Alle Community-Bilder und -Videos werden von uns über eine API an sevenload übermittelt. Das Schöne an sevenload ist, dass es für jedes übermittelte Medium verschiedene Thumbnails und Bildgrößen zur Verfügung stellt. So viel zum generellen Hintergrund bei HalloHund.

Zurück zum Feature: Das Feature holt alle Fotos oder Videos in eines bestimmten Zeitraums aus der Datenbank und sucht optional nach gesetzten Tags. Das Ganze wird in einer individuell einstellbaren Anzahl von Thumbnails pro Seite ausgegeben – bei oben genanntem Beispiel 50 pro Seite. 

Bei der schieren Masse der darzustellenden Bilder und hatten wir das Problem deren Metainformationen wie Uploader, Titel, Detailansicht übersichtlich darzustellen. Daher haben wir uns für die Funktion der Coda Popup Bubbles entschieden, da sie optisch wie auch technisch sehr hübsch anzupassen ist. Das Hauptproblem dieser Popups war in unserem Fall, wie so oft, die Nutzung von CSS-floatenden Listen im Internet Explorer 6 mit einer schmaleren Größe, als die der eigentliche Blase. Das Ganze hatte letztendlich ein relativ umfangreiches Ersatz-CSS für den IE 6 zur Folge.

Der Nutzer kann mit einem einfachen Klick auf eines der Bilder per Javascript eine frei bestimmbare Anzahl von “Favoriten”-Bildcontainern mit Bildern füllen, die er später durch den Einsatz von Ajax direkt an Drupal, ohne neuladen der Seite, weitergibt. Da wir mehr als einen Favoriten ermöglichen, haben wir zudem das Problem umgangen, dass Mitglieder immer nur ihre eigenen Bilder favorisieren. Am Ende gewinnen so wieder die besten Bilder.

Das komplette Modul ist als Drupal Node-Type konzipiert, so dass mehrere Anwendungen denkbar sind – so kann man später im Archiv auch die Abstimmungsergebnisse dieser einen Abstimmung ansehen und vergleichen. Die Node-Verwendung macht das Modul also extrem flexibel.

Insgesamt ist das ein sehr schönes Feature mit einer relativ geringen Entwicklungszeit (ca. 30 Arbeitsstunden inkl. Layout und HTML/CSS-Formatierung) und einem sehr hohen Community-Nutzwert. Anzunehmen ist ausserdem, dass durch die übersichtliche Darstellung der Bilder, die Nutzer angeregt werden, auch noch die Detailseiten der Bilder anzusehen, was die Page Impressions der Website erhöht. Im Hintergrund arbeitet eine einfache aber effektive Caching-Routine, die aller 30 Minuten die Caches neu aufbaut. Somit werden auch die Datenbanklasten weiter minimiert.