In der Hausaufgabe, die als Teil des Aufnahmeverfahrens für das im Frühjahr 2017 beginnende Studium des Interaction Designs als Zulassungskriterium zählt, ist nachfolgende Aufgabe bis zum 24.11.2016 23:59 Uhr zu erfüllen. Die Hausaufgabe ist so angelegt, dass nicht nur bestehendes Wissen abgeruft werden kann, sondern unter Umständen im Selbststudium weitere Informationen beschafft werden müssen um die Aufgaben zu erfüllen. Sollte es nicht möglich sein, ein Teil der Aufgaben oder deren Unterbedinungen zu erfüllen, so empfehlen wir eine Abgabe/Dokumentation der bis dahin erreichten Schritte.
Die Hausaufgabe besteht aus 3 Teilen:
- Gestaltung (50% der Gesamtnote)
- Selbstständige Erarbeitung (25% der Gesamtnote)
- Interaktion (25% der Gesamtnote)
- Computer mit der Berechtigung Programme zu installieren
- Internetzugang
Bitte senden Sie alle Dateien bis zur Abgabefrist in einem ZIP-Bundle (.zip-File) komprimiert an [email protected]. Sollte die Datei über 10MB gross sein, bitten wir Sie, uns einen Link zur Datei zu senden (Dropbox oder ähnliches). Das übermittelte Mail soll nur dieses eine Zip-File als Anlage enthalten und der Text des Mails soll lediglich Ihre Adresse beinhalten, jedoch keine wesentlichen Informationen zur Abgabe. Wichtige Informationen zur Abgabe befinden sich ausschliesslich im Zip-File. Die Abgabe wird Ihnen innert 5 Arbeitstagen bestätigt.
Auf einer durch eine Agentur gestalteten Seite eines Kunden – namentlich MoMa – muss nun ein gestalterischer Vorschlag gemacht werden, wie man in die bestehende Seite eine Voranzeige auf eine Ausstellung integrieren könnte, die am 15. Mai 2017 eröffnet wird. Beim ausgestellten Künstler handelt es sich um Ai Weiwei.
Es soll für jeden Besucher der Website moma.org eine Voranzeige auf die Ausstellung erscheinen. Die Funktion, Position, Grösse und Gestaltung muss aus dem vom Kandidaten oder der Kandidatin abgegebenen Material klar ersichtlich werden. Es empfiehlt sich mit Screenshots der jetzigen Seite zu Arbeiten und die Voranzeige darin zu platzieren. Es gibt keine technische Einschränkung, sondern die Gestaltung und die Erscheinung soll sich an übliche Konzepte und visuelle Erfahrung im Web anlehnen. Der Vorschlag muss nur für die Desktop-Website gezeigt werden. Eine Umsetzung für mobile Geräte muss nicht gezeigt werden.
Einen grafischen Vorschlag in digitaler Form.
- Ai Weiwei
- Sonderausstellung
-
- Mai 2017 – 21. August 2017
- Visuelle Elemente (wie Bilder) dürfen verwendet werden
- Inhaltliche Aussage/Struktur wurden erhalten oder verstärkt
- Alle Inhaltselemente wurden genügend visualisiert (Verständlichkeit des Entwurfs)
- Das Grafische Konzept ist schlüssig und durchgängig
- Grafische Sprache ergänzt/entspricht dem restlichen Inhalt der Website
- Typografie überlegt eingesetzt
- Seitenarchitektur überlegt erweitert
- Zweckmässigkeit gegeben
- Die abgegebenen Visualisierungen sind verständlich um technische Abklärungen zu treffen
- Realisierbarkeit ist im Rahmen des vertrauten Webdesigns möglich
Diese Teilaufgabe beinhaltet eine spezifische Aufgabe, die ein Wissen erfordert, welches nicht als Voraussetzung gegeben sein kann. Somit muss eigene Recherche getätigt werden und mit externen Quellen (Internet) wird Wissen erarbeitet um die Aufgabenstellung zu verstehen und die Aufgabe anschliessend umzusetzen. Dokumentieren Sie den Prozess für die Erfüllung dieser Aufgabe. Sofern die Aufgabe nicht abgeschlossen werden kann, wird eine Bewertung aufgrund der Dokumentation erfolgen.
In heutigen Teams zur Webentwicklung und zum Webdesign werden oft Techniken und Tools eingesetzt, die eine kollaborative Arbeit ermöglichen. Dabei spielen unter anderem auch Versionskontrolle eine Rolle. Diese Teilaufgabe beschäftigt sich mit der Versionskontrolle der Software GIT.
Legen Sie sich auf github.com ein Account an. Klonen Sie das Repository (nachfolgend Repo genannt) von github.com/logrinto/IAD2017 in Ihren Account, fügen Sie in ihrem Repo im Ordner ./homework/ ein neues Textfile hinzu. Das Textfile hat die Namenskonvention: vorname_name.txt also zum Beispiel kurt_mueller.txt. Das Textfile hat den Inhalt "Hallo Welt!". Eröffnen Sie dann im ursprünglichen Repo (github.com/logrinto/IAD2017) einen Pull-Request auf ihre modifizierte Version (also das um das Textfile erweiterte Repo). Sollten Sie aus Persönlichkeitsschutz ihren Namen nicht im Dateinamen wünschen, können Sie auch einen fiktiven Namen verwenden. Bitte dokumentieren Sie diesen Namen für die Bewertung.
Hier einige Links um die Aufgabe zu verstehen und zu erfüllen:
Ein Pull-Request auf github.com/logrinto/IAD2017
- GitHub-Account aktiviert (10%)
- Repo in eigenen Account geklont (20%)
- Eigene Datei eingecheckt (40%)
- Pull-Request gestellt (30%)
Es soll ein Checkout-Prozess eines Web-Shops gezeigt werden. Die Einzelteile des Shops sind unter github.com/logrinto/IAD2017/ in der Datei Webshop.pdf zu beziehen. Darin enthalten sind alle für die Abgabe benötigten Teile und Texte.
Die zur Verfügung gestellten Teile müssen nun in fünf Schritte aufgeteilt werden:
- Warenkorb-Ansicht
- Adresseingabe
- Bezahlung per Kreditkarte
- Bestätigung
- Danke
Die fünf Screens müssen inhaltlich gegliedert werden und als Entwurf abgegeben werden. Es muss keine Gestaltung gemacht werden, sondern es sollen lediglich die Informationsteile des PDFs logisch zu den fünf Seiten zugewiesen werden. Diese sollen so zusammengestellt sein, dass dies einem aussenstehenden Programmierer als inhaltlicher Entwurf übergeben werden könnte. Die Informationsteile sind ungeordnet im PDF einsortiert und einzelne Informationseinheiten (Schnitte) sind mit einer Linie abgetrennt. Bitte keine weiteren Inhalte hinzufügen.
Ein inhaltlicher Vorschlag in digitaler Form.
- Warenkorb-Ansicht (20%)
- Adresseingabe (20%)
- Bezahlung per Kreditkarte (20%)
- Bestätigung (25%)
- Danke (15%)