mare Weltkarte
Die mare Weltkarte bietet Zugriff auf das gesamte Archiv des mareverlags, in dem Artikel aus dem Magazin, Bücher sowie Audio- und Video-Beiträge abgerufen werden können. Die Inhalte sind auf der interaktiven Weltkarte dem Ort ihres Geschehens oder ihres Themas entsprechend verortet.
Je nach gewählter Suchfunktion zeigen kleine Bojen auf der Google Maps-Karte alle Orte eines speziellen Hefts oder alle Orte zu einem bestimmten Suchbegriff an. Suchbegriffe werden dabei nach einzelnen Ressorts und Formaten gefiltert. Die neue Weltkarte kann jedoch auch spielerisch erkundet werden: Per Zoom auf interessante Erdteile und Klick auf dortige Marker gelangt man zu den Kurzbeschreibungen der Artikel, Bücher und Beiträge. Gerade in dieser Erkundung liegt die entscheidende Neuerung vorherigen Listenansichten gegenüber.
Im Januar 2009 wurde die mare Weltkarte gelauncht. Für die gesamte Website zeichnet sich außer Ubilabs die Hamburger Agentur Generation Digitale verantwortlich. Nachdem diese ein CMS mit umfangreicher Artikeldatenbank erstellt hatte, fügte Ubilabs mit seiner Spezialisierung auf Location Based Media die mare Weltkarte hinzu. Das Design der Weltkarte steuerte der Haus-Designer von mare, Sebastian Weiss aus Berlin, bei.
Die Technik
Die Herausforderung bestand bei diesem Projekt darin, die Verortung von Artikeln, die Einbindung von Vorschaukarten auf Übersichts- und Artikelseiten und die interaktive Anwendung technisch möglichst unabhängig aufzustellen. So sollten große und aufwändige Veränderungen am CMS vermieden werden.
Verortung der Artikel
Die Verortung der Artikel erfolgt unabhängig vom CMS über ein sogenanntes Bookmarklet. Dieses Bookmarklet wird vom Redakteur ausgeführt; es öffnet direkt im CMS eine interaktive Karte, über die die Position bestimmt werden kann. Da die Funktion des Bookmarklets nur aufbauend auf das CMS bereitgestellt wird, ist bei der Benutzung keine weitere Authentifizierung für die Redakteure notwendig.
Vorschaukarten auf den Artikel-Seiten
Die Einbindung der Vorschaukarten erfolgt über eine Javascript-Zeile. Dieses „Snippet“ kann konfiguriert und direkt in die CMS-Templates eingebaut werden. In der Konfiguration des Snippets stehen bereits die erforderlichen Filter-Parameter, um die passende Vorschaukarte auf der entsprechenden Seite anzuzeigen (einzelne Artikel, Heft-Übersichten usw.).
Durch die Wahl dieser Technologie können Wartungsarbeiten an den Vorschaukarten vorgenommen werden, ohne dass Veränderungen am CMS gemacht werden müssen oder ein anderer Dienstleister hinzugezogen werden muss.
Die Weltkarte
Als Overlay über die Webseite mare.de wird in einem iFrame bei Klick auf eine der Vorschaukarten die Anwendung geladen. Der Zugang nach Erkunden, Suche oder Heftnummer wird entsprechend der Konfiguration der Vorschaukarte übernommen.
Erweiterung: KML
Nach dem Launch von Google Ocean im März 2009 stellte Ubilabs auch eine KML-Datei für mare bereit. Wie auf der Internetseite werden immer die aktuellsten Inhalte aus den Ressorts der mare Redaktion auf dem 3D-Globus angezeigt.
Blogs über die mare Weltkarte
Großartig finde ich die Integration der neuen Weltkarte, die vielfach wirklich einen echten Mee(h)rnutzen bringt und mit Hilfe des Kartenmaterials von Google eine gewohnte Umgebung schafft.
Designbote: mare.de in neuem Design