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

Basic Interface SS13

Dokumentation zum Kurs Basic Interface bei Professor Boris Müller im Sommersemester 2013.

Digitales Buch

Aufgabe

Gestalte eine digitale Fassung Deines Lieblingsbuches. Das Buch kann ein Roman, ein Sach-, Koch- oder Fachbuch, oder auch ein Gedichtband sein. Die digitale Fassung des Buches soll exemplarisch anhand von vier Screens in zwei verschiedenen Formaten vorgestellt werden - zwei horizontale Screens im Format von 1024 x 768 Pixeln und zwei vertikale Screens im Format von 240 x 320 Pixeln. Die Screens sollen nicht nur die Inhalte des Buchs wiedergeben, sondern sollen auch das Navigationskonzept verdeutlichen, mit dem die Inhalte des digitalen Buches erschlossen werden können. Lesbarkeit und Klarheit der Darstellung sind die wichtige Kriterien bei der Bearbeitung der Aufgabe.

Ergebnis Diese Aufgabe habe ich mit [Charlotte Anlauf](https://incom.org/profil/5345 „Charlotte Anlauff“) bearbeitet. Das Buch welches wir digital aufbereitet haben war „Big Basic Cooking“ vom GU Verlag. Die Besonderheit an diesem Kochbuch ist, dass die Rezepte nach Hauptzutaten sortiert sind. Dahingehend haben wir auch die Menüstruktur ausgerichtet.

07_Buch_small.png07_Buch_small.png
06_Buch_small.png06_Buch_small.png
05_Buch_small.png05_Buch_small.png
04_Buch_small.png04_Buch_small.png
03_Buch_big.png03_Buch_big.png
02_Buch_big.png02_Buch_big.png
01_Buch_big.png01_Buch_big.png

Graphical User Interface – Brainstorm-App

Aufgabe

Es soll ein Brainstorm-App für das iPhone realisiert werden. Das App soll also eine Gruppe von Designer / Entwicklern bei der Generierung von Ideen unterstützen. Die genauen Funktionalitäten können in der Konzeptphase entwickelt werden. Die Applikation kann unter Umständen über das technisch Machbare hinausgehen - wichtiger ist die Ausgestaltung des User-Interfaces. Es sollen mindestens vier Screens präsentiert werden - gern auch mehr. Das Ziel ist, einen möglichst iPhone-konformen Entwurf zu erarbeiten. Daher soll weitesgehend die standardisierte iPhone-GUI eingesetzt werden. Die Entwürfe sollen 320 x 480 Pixel groß sein - ob horizontal oder vertikal spielt dabei keine Rolle. Zusätzlich zur GUI soll ein Programmablaufplan (Flowchart) skizziert werden.

Ergebnis Für meine Brainstormapp wählte ich eine MindMap, die von mehreren Teilnehmern des Brainstormings anonym befüllt werden kann. Teilnehmer können beim erstellen eines neuen Brainstormings via Facebook eingeladen werden. Außerdem können die wichtigsten Brainstormings gefaved werden um auf der Startseite zu erscheinen.

130516_Verlaufsskizze.pdf PDF 130516_Verlaufsskizze.pdf
130827_brainstormapp_01.png130827_brainstormapp_01.png
130827_brainstormapp_02.png130827_brainstormapp_02.png
130827_brainstormapp_03.png130827_brainstormapp_03.png
130827_brainstormapp_04.png130827_brainstormapp_04.png
130827_brainstormapp_05.png130827_brainstormapp_05.png
130827_brainstormapp_06.png130827_brainstormapp_06.png

Klangbild

Aufgabe

Es soll eine akustische Begebenheit (kein Musikstück!) in einem Zeitraster visualisiert werden. Der zeitliche Ablauf der Begebenheit soll also für den Betrachter nachvollziehbar sein. Das Format der Visualisierung kann frei gewählt werden. Einzige Einschränkung: es soll keine Bildschirmorientierte Lösung entwickelt werden. Falls möglich soll die akustische Begebenheit aufgezeichnet und auch präsentiert werden.

Ergebnis Das Klangbild bezieht sich auf die Geräusche eines Orchesters, welches sich einstimmt und einem auf das kommende Konzert gespannte Publikum, welches unentwegt hustet. Die verschiedenen Klangfarben/Instrumente sind in den Wellenlinien zu erkennen. Zur besseren Übersicht liegen diese nicht auf einer Achse sondern sind gestapelt. Gestört wird das Stimmen der Instrumente immer wieder durch Rascheln, Räuspern und Husten des Publikums, zu erkennen an den schwarzen Balken. Das Grundrauschen wird durch den hellgrauen Untergrund verdeutlicht.

03_klangvisualisierung.png03_klangvisualisierung.png

1000 Worte

Aufgabe

Es soll ein komplexer Sachverhalt gesucht und in einem Schaubild oder in einem interaktiven Film dargestellt werden. Die Darstellung darf keinerlei Text enthalten. Der Sachverhalt soll möglichst deutlich und klar kommuniziert werden. Bei der Auswahl eines Themas sollte drauf geachtet werden, dass das Thema hinreichend komplex ist. Naturwissenschaftliche Themen sind z.B. gut geeignet. Es können aber auch Alltagsthemen genommen werden wie z.B. die Zubereitung eines Essens. Die Aufgabe soll in Zweierteams bearbeitet werden.

Ergebnis Diese Aufgabe bearbeitete ich zusammen mit [Christin Renner](https://incom.org/profil/4570 „Christin Renner“). Das Thema ist „Netzneutralität“

Alles wichtige zum Thema Netzneutralität erfährst du [hier](http://echtesnetz.de/#definition „http://echtesnetz.de/#definition“).

04_1000_worte.png04_1000_worte.png

Ein Projekt von

Fachgruppe

Sonstiges

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Boris Müller

Entstehungszeitraum

Sommersemester 2013