Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Info.Board - FHP Atlas

Der »FHP Atlas« für das info.board an der Fachhochschule Potsdam zeigt Orte, Geschäfte und Institutionen im Umkreis der FH. Dem Format liegt eine Karte von Potsdam zugrunde, in deren Mitte der eigene Standpunkt, die FHP, zu finden ist. Verschiedene Ortshinweise geben kurze Informationen zu den jeweiligen Standpunkten - Name, Adresse, URL, Entfernung zur FH. Erweitert werden diese Informationen mit Live-Daten aus dem Internet wie z.B. Twitter, Youtube oder RSS-Feed der jeweiligen Institution.

Der FHP Atlas richtet sich vor allem an Personen auf dem Campus, die sich in Potsdam und der Umgebung der FH nicht allzu gut auskennen. Er soll eine Einladung sein, nach Ende der Veranstaltung nicht sofort zurück nach Berlin zu fahren, sondern sich auch ein mal der vielen Angebote im Umkreis der FH bewusst zu werden. Durch die Angabe der Entfernung zum Standpunkt können so z.B. spontan Ziele für kürzere oder längere Pausen ausgemacht werden.

Im Programmablauf auf dem info.board fügt sich dieses Format mit 1 (bis max. 2) Minuten Länge gut in die alltägliche Playlist ein. Dabei werden eine Handvoll von Locations nach zufälliger Auswahl dargestellt. Eine Platzierung alle 20-30 Minuten halte ich dabei für sinnvoll.

vlcsnap-2013-02-22-01h37m54s153.pngvlcsnap-2013-02-22-01h37m54s153.png

vlcsnap-2013-02-22-01h38m02s4.pngvlcsnap-2013-02-22-01h38m02s4.png

Verschiedene Infobubbles

Bildschirmfoto 2013-02-06 um 22.22.20.pngBildschirmfoto 2013-02-06 um 22.22.20.png
Bildschirmfoto 2013-02-06 um 22.22.36.pngBildschirmfoto 2013-02-06 um 22.22.36.png
Bildschirmfoto 2013-02-06 um 22.22.47.pngBildschirmfoto 2013-02-06 um 22.22.47.png
Bildschirmfoto 2013-02-06 um 22.23.03  .pngBildschirmfoto 2013-02-06 um 22.23.03  .png

Da die einzelnen Geschäfte und Institutionen verschieden aktiv sind, was Internetpräsenz und Social Media betrifft, müssen verschiedene Kanäle zum abgreifen von Live-Informationen genutzt werden.

Daraus ergeben sich 4 verschiedene Infobubbles: Twitter, Youtube, RSS Feed und für den Fall, dass keine dynamischen Informationen verfügbar sind, eine Blase, die lediglich ein Foto sowie Name, Adresse usw. enthält.

Opener / Titel

opener_screenshot2.jpgopener_screenshot2.jpg

opener_screenshot3.jpgopener_screenshot3.jpg

Credits

Technischer Aufbau

Bildschirmfoto 2013-02-07 um 00.20.53 .pngBildschirmfoto 2013-02-07 um 00.20.53 .png

Der eigentliche »Zusammenbau« erfolgt in der Sedna-Software. In der »unteren« Ebene haben wir ein vollformatiges Video (2880x1080) in dem die Karte unbewegt als Hintergrund liegt. Auf diesem Hintergrund werden an entsprechender Stelle der Reihe nach verschiedene Ortshinweise in Form von Sprechblasen eingeblendet. Diese Sprechblasen enthalten die statischen Daten (Name, Adresse, Entfernung) sowie ein freies Feld für die dynamischen Daten. Via Sedna werden dann die html-Container mit den entsprechenden Inhalten (youtube, twitter) an den x/y-Koordinaten der Sprechblasen ausgerichtet und für die Länge der Animation eingebaut.

Bildschirmfoto 2013-02-07 um 00.04.06.pngBildschirmfoto 2013-02-07 um 00.04.06.png
Bildschirmfoto 2013-02-07 um 00.04.10.pngBildschirmfoto 2013-02-07 um 00.04.10.png

Die einzelnen Elemente: html Container und vorgerenderte Infobubble

Bildschirmfoto 2013-02-07 um 00.32.40.pngBildschirmfoto 2013-02-07 um 00.32.40.png

Timeline Darstellung der verschiedenen Ebenen

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im Masterstudium

Betreuung

foto: Prof. Klaus Dufke

Entstehungszeitraum

Wintersemester 2012 / 2013