Grundlagen User Interface Entwicklung

Ingenieurwissenschaften und Informatik

Version 20.0 vom 12.10.2020

11B1350

Basics User Interface Development

Informatik - Medieninformatik (B.Sc.)

1

Im Entwicklungsprozess interaktiver Anwendungen sind Medieninformatikerinnen und Medieninformatiker in erster Linie für die Programmierung bzw. für die technischen Aspekte der Medien- bzw. Interfacegestaltungzust?ndig. Um im Team mit UX-Designern professionell arbeiten zu k?nnen müssen sie au?erdem die Themen und Tools des Interface-Designs kennen. Weiterhin müssen Studierende der Medieninformatik lernen, die gestalterische Qualit?t von Benutzeroberfl?chen und Medien objektiv zu bewerten. Sie werden somit bef?higt,vorgegebene Design-Templates mit Blick auf moderne Gestaltungsregeln zu modifizieren.

• (Hinweis: Inhaltliches Verh?ltnis Gestaltung:Technik entspricht ca. 1:2 )
• 1. Teamstrukturen und Arbeitsprozesse zwischen Programmierung und UI-Design
• 2. Grundlagen Layout, Typographie und Farbe für User Interfaces
• 3. Grundlagen von Responsiver Entwicklung
• 4. Unterschiede Prototyping vs Programmierung
• 5. Grundlagen HTML, CSS und JavaScript
• 6. ?berblick über aktuelle Frameworks
• 7. Analyse und Modifikation von Templates

Wissensverbreiterung
Die Studierenden, die dieses Modul erfolgreich studiert haben, beherrschen die Grundtechniken der Webprogrammierung und der Gestaltung digitaler Benutzeroberfl?chen. Sie kennen die g?ngigen Produktionsprozesse für digitale interaktive Anwendungen. Sie kennen zudem die Abh?ngigkeiten zwischen Design und technischer Umsetzung.
Wissensvertiefung
Die Studierenden wenden das erworbene Grundwissen in praktischen, individuellen Arbeiten an und lernen dabei, technische und gestalterische Detailprobleme zu l?sen.
K?nnen - instrumentale Kompetenz
Die Studierenden, die dieses Modul erfolgreich studiert haben, wenden grundlegende technische und gestalterische Methoden praktisch an und eignen sich dafür geeignete Tools im erforderlichen Umfang selbstst?ndig an.
K?nnen - kommunikative Kompetenz
Im Rahmen von Gruppenarbeiten entwickeln die Studierenden erste Projekte. Technische und gestalterische Probleme müssen gemeinsam diskutiert und gel?st werden. Entwürfe, Brainstormings und Konzepte werden regelm??ig pr?sentiert.
K?nnen - systemische Kompetenz

Vorlesung und Praktikum

keine

Sch?ning, Julius

• Plutka, Bj?rn
• Sch?ning, Julius
• Ramm, Michaela

5

Lidwell, Holden, Butler: Design, die 100 Prinzipien für erfolgreiche Gestaltung/ Stiebner Verlag 2004B?hringer, Bühler, Schlaich: Kompendium Mediengestaltung/ Springer Verlag 2014Runk: Grundkurs Typografie und Layout/ Galileo Design 2006Wolf: HTML5 und CSS3: Das umfassende Handbuch zum Lernen und Nachschlagen. Inkl. JavaScript, Bootstrap, Responsive Webdesign u. v. m., Rheinwerk Computing 2016Laborenz, Ertel: Responsive Webdesign: Anpassungsf?hige Websites programmieren und gestalten, Galileo Computing 2014

• Projektbericht, schriftlich
• Mündliche Prüfung
• Pr?sentation

Experimentelle Arbeit

Kenntniss der Grundtechniken der Webprogrammierung und der Gestaltung digitaler Benutzeroberfl?chen

1 Semester

Wintersemester und Sommersemester

Deutsch