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

Incom for Mobile

Dokumentation des Kurses Human-Computer Interaction Design bei Prof. Frank Heidmann im Sommersemester 2015

Old Incom.pngOld Incom.png

Aktuelles Design auf mobilen Geräten (rechts optionales mobile Layout) - Stand April 2016

Problemstellung

Unsere Kommunikationsplattform an der Fachhochschule bietet zahlreiche Funktionen. Sie zählt für uns Studenten zum Studienalltag dazu. Jeder Kurs hat einen eigenen Workspace in dem sich alle Studenten eintragen. In den Workspaces werden dann Termine, Neuigketein und Dateien ausgetauscht. Zum Abschluss des Semesters werden auch oft Dokumentationen direkt in Incom online gestellt.

Incom funktioniert sehr gut auf dem Mac oder PC. Jedoch gibt es keine angepasste Version für Mobile Geräte. Wie man auf dem oberen Screenshot sehen kann erschwert dies einem das benutzen unserer Plattform auf kleinen Bildschirmen enorm.

Unsere Lösung für dieses Problem soll eine mobile Applikation für iPhone, iPad und Apple Watch sein. Sie bietet zugang zu den wichtigsten Funktionen, welche man auch Unterwegs gebrauchen kann. Darüber hinaus ergänzt unsere App Incom jedoch mit neuen Funktionen, wie z.B. die Karte oder das integrierte Vorlesungsverzeichnis. Auf Wunsch lassen sich auch die Email Benachrichtigungen als direkt als Push-Benarichtigungen auf das iPhone schicken.

Newsfeed.pngNewsfeed.png

Newsfeed

Beim starten der App öffnet sich als erstes der Newsfeed. Hier werden alle verpassten Kommentare, Posts und Events der eigenen Workspaces gesammelt. Diese drei Arten von Neuigkeiten werden Kursweise zusammengefasst. Durch klicken öffnet sich die Detailansicht, in der die verpassten News des Kurses aufgesplittet werden. Über den „Calendar“ Button in der Navigations-Leiste lassen sich die anstehenden Termine anzeigen. Am Tag des Events wird man auch beim öffnen der App mit einem großen Banner an das Event erinnert (siehe rechter Screen).

Workspaces.pngWorkspaces.png

Workspaces

Die Workspaces Übersicht zeigt alle Kurse des aktuellen Semesters an. Der blaue Punkt signalisiert, dass hier ein neuer Post geteilt wurde. Der Workspace selbst zeigt klassisch die Zeitleiste der Posts, aber ohne Kommentare. Diese lassen sich für jeden Post durch klicken auf das Kommentar-Icon im jeweiligen Post anzeigen. Über den „i“-Button kommt man zu den Workspace-Informationen. Hier kann der Nutzer auch dem Worspace beitreten, Zaungast werden oder die Dateien ansehen, wenn er sich bereits im Workspace befindet.

Studienplaner.pngStudienplaner.png

Studienplaner

Der Studienplaner bietet alle Funktionen der Webseite angepasst für Unterwegs. Neben dem klassischen Studienplaner von Incom ist das Vorlesungsverzeichnis vom Semesterbeginn direkt in der App integriert. Dieses lässt sich nach Tagen oder Modulgruppen sortieren. Die jeweiligen Kurse sind so verlinkt, dass der Nutzer vom Verzeichnis direkt zum Workspace kommt. Rotiert man das Gerät werden die Kurse in einer übersichtlichen Kalenderansicht angezeigt. Entweder werde alle angebotenen Kurse gezeigt oder auf Wunsch nur die als Favoriten markierten.

Karte.pngKarte.png

Karte

Die Karte ist eine einzigartige Funktion der App, welche ermöglicht live oder für einen gezielten Zeitpunkt zu sehen, welche Räme aller FH Gebäude besetzt oder frei zum arbeiten sind. Genauso könnte man sehen ob z.B. in Wärkstätten die Werkstattleiter bzw. Professoren oder andere Studenten anwesend sind. Diese Funktion wäre sogar schon heute mit iBeacons bedingt realisierbar.

Suche.pngSuche.png

Suche

Für die Suchfunktion sollten neben dem mobilen Design auch Verbesserungen im Backend geschehen um die Suchergebnisse noch treffender zu gestalten. Denn sucht man jetzt nach einem Begriff oder Workspace werden einem oft unkorrekte und ältere Beiträge angezeigt. Auch die Filteroptionen lassen sich erst nach der Suche korrigieren.

Damit jede Suche sofort treffende Suchergebnisse findet, gibt es schon zu beginn die bekannten Filterparameter. Ergänzend dazu lässt sich durch einen Switch schnell nach Einträgen aus dem aktuellen Semester (oder einem älteren) suchen. Die Suchergebnisse selbst sind Farbcodiert (je nach Fach-Kategorie) und durch Icons bzw. verkürzten Labels eindeutiger zu unterscheiden. So werden hier einzelne Posts mit dem Pin-Icon gezeigt und Workspaces haben intelligent (oder manuell festgelegte) Buchstaben-Abkürzungen.

Menü

Menu.pngMenu.png

Menü öffnen Animation

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Dr. Frank Heidmann

Zugehöriger Workspace

Human-Computer Interaction Design

Entstehungszeitraum

Sommersemester 2015

zusätzliches Material