Angewandte Informatik

Im renommierten, bundesweiten CHE-Ranking der Zeit 2021 erneut mit „sehr gut“ bewertet

Modulhandbuch

 Zurück 

Grafische Benutzerschnittstellen

Empfohlene Vorkenntnisse

Keine

Lehrform Vorlesung/Labor
Lernziele / Kompetenzen
  • Die Studierenden erlangen die grundlegenden Kenntnisse zur Gestaltung grafischer Benutzeroberflächen, die sicherstellen sollen, dass der Benutzer seine Arbeitsaufgaben effektiv, effizient und zufriedenstellend erledigen kann.
  • Durch praktische Übungen mit UI-Prototyping-Werkzeugen erhalten die Studierenden einen Einblick, wie in Software-Projekten die Benutzerbedürfnisse durch spezielle Vorgehensweisen (User Centered Design Methoden) besser berücksichtigt werden können.
  • Ein besonderer Fokus wird auf webbasierte Benutzeroberflächen gelegt, da diese Stand der Technik vieler Produkte sind und für zahlreiche weiterführende Veranstaltungen Voraussetzungen sind.
  • Es werden grundlegende Kenntnisse über die Geschichte und Themen der Web-Technologien vermittelt, so dass die Studierenden Fachbegriffe und Technologien richtig einordnen und einsetzen können. Sie werden befähigt, Spezifikationen wie ISOC und W3C richtig zu recherchieren und korrekt anzuwenden.
  • Mit Hilfe eines Praktikums werden diese Kenntnisse durch Programmieraufgaben vertieft.
Dauer 1
SWS 6.0
Aufwand
Lehrveranstaltung 90
Selbststudium / Gruppenarbeit: 120
Workload 210
ECTS 7.0
Voraussetzungen für die Vergabe von LP

Gemeinsame Modulprüfung für "Web-Technologien" und "Software Ergonomie" (K90)
"Praktikum Web-Technologien" muss "m.E." attestiert sein

Modulverantwortlicher

Prof. Dr. Jan Münchenberg

Max. Teilnehmer 41
Haeufigkeit jedes Jahr (WS)
Verwendbarkeit

Angewandte Informatik (Bachelor)
Wirtschaftsinformatik plus (Bachelor)
Wirtschaftsinformatik (Bachelor)

Veranstaltungen

Web-Technologien

Art Vorlesung
Nr. EMI102
SWS 2.0
Lerninhalt

Ziel der Vorlesung ist die Vermittlung von Kenntnissen über das World Wide Web (WWW), insbesondere von Markup- und Programmiersprachen zur Erstellung von webbasierten Benutzeroberflächen.

Im Einzelnen hat die Vorlesung folgende Inhalte:

  • Die Geschichte des WWW (und Internets)
  • Die Organisation des WWW (und Internets)
  • Relevante Grundlagen: ISO/OSI-Modell, HTTP-Protokoll, URI, IPV6, Kommunikation BrowserWeb-Server u.v.m.
  • Markup Languages im Allgemeinen
  • HTML (Hypertext Markup Language): HTML5, Formulare, ...
  • CSS (Cascading Stylesheet)/Design: CSS3, MedieQueries, Barrierefreiheit, ...
  • Javascript: Syntax, Funktionen, diverse Frameworks, DOM, Debugging, ...
Literatur

http://www.w3.org/standards/webdesign/
http://www.w3schools.com/

Software Ergonomie

Art Vorlesung
Nr. EMI101
SWS 2.0
Lerninhalt
  • Interaktion zwischen Mensch und Computer 
  • Grundlagen grafischer Benutzerschnittstellen (und Historie) 
  • Ergonomische Gestaltungsprinzipien (Menschliche Informationsverarbeitung, Normen, Gesetze, Usability Principles, Guidelines zur visuellen Gestaltung, UI Design Patterns)
  • Praktisches UI Design und UI Prototyping (mit Microsoft .Net WPF, Expression Blend, Windows Phone, Anwendung von Styleguides)
  • Methoden des Usability Engineering (User Centered Design) 
Literatur

Herczeg, M., Software-Ergonomie: Theorien, Modelle und Kriterien für gebrauchstaugliche interaktive Computersysteme, 4. Auflage, München, Wien, De Gruyter Oldenbourg, 2018
Butz, A., Krüger, A., Mensch-Maschine-Interaktion, 2. Auflage, München, Wien, De Gruyter Oldenbourg, 2017
Eberhard-Yom M., Usability als Erfolgsfaktor: Grundregeln, User Centered Design, Umsetzung, Berlin, Cornelsen Scriptor, 2010
Richter M., Flückiger M., Usability und UX kompakt, Produkte für Menschen, 4. Auflage, Heidelberg, Springer Vieweg, 2016 Tidwell, J., Designing Interfaces, Boston, O`Reilly, 2019 Shneiderman, B., Plaisant, C., Designing the user interface: strategies for effective human-computer interaction, 6. Auflage, Pearson, 2017
Jacobsen, J., Mayer, L., Praxisbuch Usability & UX: was jeder wissen sollte, der Websites und Apps entwickelt, 2. Auflage, Bonn, Rheinwerk Verlag, 2019
Goldstein, E.B., Wahrnehmungspsychologie: der Grundkurs, 9. Auflage, Berlin, Heidelberg, Springer, 2015
Norman, D.A., The design of everyday things: Psychologie und Design der alltäglichen Dinge, 2. Auflage, München, Franz Vahlen, 2016

Praktikum Web-Technologien

Art Labor/Studio
Nr. EMI103
SWS 2.0
Lerninhalt

Das Praktikum wird synchron zur Vorlesung durchgeführt und vertieft die dortige Theorie durch entsprechende praktische Implementierungsaufgaben. Die Studierenden sollen dabei auch lernen, eine Aufgabenstellung korrekt umzusetzen. Deshalb wird bei den Lösungen besonders auf ein strukturiertes Vorgehen, die Benutzerfreundlichkeit, ein ansprechendes Design, Programmieralgorithmen und Wartbarkeit der Lösung geachtet. Hierzu werden die im WWW existierenden Kriterien für Standards mit Hilfe der W3C-Validatoren angesetzt.

Literatur

Siehe Vorlesung "Web-Technologien"

 Zurück