Modul Verteilte Systeme 1 und Mensch-Maschine-Kommunikation, Informatik (Bachelor) (SPO 8)
Die Studierenden erwerben Wissen über Techniken und Konzepte verteilter Systeme am Beispiel von Web Anwendungen. Insbesondere erlangen sie Fähigkeiten, die allgemeine Architektur des Internets und des Web zu erklären, Anforderungen einer Web-Anwendung zu analysieren, eine interaktive Web-Anwendung mit HTML, CSS und clientseitigem JavaScript zu erstellen, Sicherheitsprobleme in einer Web-Anwendung zu identifizieren und serverseitigen Code für Anwendungsdienste mit Authentifizierung, Cookies und Sessions zu entwickeln.
Weiterhin können die Studierenden effektive, effiziente und den Endbenutzer zufriedenstellende Benutzungsoberflächen erstellen. Dazu kennen Sie die Anforderungen der Software-Ergonomie und der Gebrauchstauglichkeit (Usability in Context). Einen Entwurfsprozess, der dies sicherstellt, ist ihnen bekannt, und sie haben mit diesem Prozess im Rahmen der Hausarbeit praktische Erfahrungen gewonnen. Insbesondere sind sie in der Lage, die Gebrauchstauglichhkeit eines Produktes durch Tests und Befragungstechniken zu bewerten und Folgerungen aus den gewonnenen Erkenntnissen zu ziehen und umzusetzen. Die hohe Bedeutung und die Inhalte von Style-Guides und der Typographie sind bekannt und werden beim Entwurf beachtet. Bei der Umsetzung der Entwurfsaufgaben im Team haben die Studierenden diskursive Kompetenzen erworben.
Software Ergonomie, Regeln für benutzergerechtes Design (Style-Guides, Typographie), Methodischer Entwurf von Benutzungsschnittstellen: Analyse, Design, Implementierung, Testen der Brauchbarkeit, Befragungstechniken.
- Skript
- Style-Guides
- Übungsaufgaben
- Sammlung alter Klausuren und deren Lösungen
- Markus Dahm, "Grundlagen der Mensch-Computer-Interaktion", Pearson Studium, 2005, ISBN: 3827371759
- Ivo Wessel, "GUI- Design", Hanser Fachbuch, 2002, ISBN: 3446219617
Seminaristischer Unterricht, Übungen.
Die in der Vorlesung Mensch-Maschine-Kommunikation erlernten Kenntnisse werden in Gruppenarbeit vertieft und praktisch geübt. Insbesondere der soziale Prozess des benutzerzentrierten Entwurfes sollen erfahren und dessen Probleme verstanden werden. Die Konfliktlösungskompetenz zur Lösung sich widersprechender Meinungen und Zielvorgaben wird eingeübt.
Die hohen Qualitätsanforderungen seitens der Benutzer werden anerkannt und in der praktischen Arbeit erfolgreich umgesetzt.
Es wird eine - der Praxis entstammende - Aufgabe der MMK analysiert und bis einschließlich zum Papierprototyp auch entworfen. Dieser Prototyp wird, gegebenenfalls mehrfach, einem Test der Brauchbarkeit unterworfen bis die vorgegebenen Qualitätsziele erreicht sind.
- Skript
- JoAnn T. Hackos, Janice C. Redish, "User and Task Analysis for Interface Design", John Wiley & Sons, 1998, ISBN: 0471178314
- Jeffrey Rubin, Dana Chisnell, "Handbook of Usability Testing: Howto Plan, Design, and Conduct Effective Tests", Wiley, 2008, ISBN: 0470185481
- Susan Weinschenk, Pamela Jamar, Sarah C. Yeo, "GUI Design Essentials", Verlag John Wiley & Sons, 1997, ISBN: 0471175498
Betreute Gruppenarbeit mit Präsentation und Diskussion; Test der Gebrauchstauglichkeit des Prototyps, Aufbereiten eines Testberichts mit Verbesserungsvorschlägen.
Die Vorlesung bietet eine praktische Einführung in die Konzepte und Paradigmen verteilter Systeme am Beispiel von Web Technologien und der Anwendungsentwicklung im Web. Dies beinhaltet zunächst eine Vorstellung des World Wide Web mit Basisprotokollen wie HTTP und weiteren Standards im Kontext des Internets. Es folgt eine Einführung in den Entwurf und die Konstruktion von Web Anwendungen. Dazu gehört zum einen die Frontend-Entwicklung mit HTML5, CSS3 und clientseitigem JavaScript und zum anderen die Backend-Entwicklung mit serverseitigem JavaScript auf der Node.js Plattform. Zur Interaktion zwischen Frontend und Backend werden moderne REST/HTTP und AJAX Techniken behandelt. Zudem werden auch Mechanismen zur Personalisierung mit Cookies und Sessions sowie zur Authentifizierung von Nutzern vorgestellt. Schließlich erfolgt eine eingehende Diskussion von Sicherheitsaspekten.
In dieser Vorlesung erwerben die Studierenden praktische Fähigkeiten in der Entwicklung und Bereitstellung von Webanwendungen, die auf einem Verständnis verteilter Systeme und Webtechnologien basieren. Sie lernen den kompetenten Einsatz von HTML5, CSS3 und JavaScript für die Frontend-Entwicklung, sowie die serverseitige Entwicklung mit Node.js und verbessern so ihre Fähigkeit, dynamische Full-Stack-Webanwendungen zu erstellen. Darüber hinaus erwerben die Studierenden Kenntnisse in der Implementierung moderner REST/HTTP- und AJAX-Techniken für eine effiziente Frontend-Backend-Kommunikation sowie in der Anwendung von Cookies, Sessions und Authentifizierungsstrategien zur Personalisierung und zur Gewährleistung der Anwendungssicherheit. Diese umfassenden Fähigkeiten bereiten die Studierenden auf eine breite Palette von Aufgaben in der Webentwicklung und im Anwendungsdesign vor und rüsten sie mit den notwendigen Werkzeugen aus, um aktuelle und zukünftige Herausforderungen in diesem Bereich zu bewältigen.
- Semmy Purewal, "Learning Web App Development", O’Reilly, 1. Auflage, 2014
- David Gourley, Brian Totty, "HTTP: The Definite Guide", O’Reilly, 2002
- Mark Pilgrim, "HTML5 Up and Running", O’Reilly, 2010 (Online: http://diveintohtml5.info)
- Marijn Haverbeke, "Eloquent JavaScrip", No Starch Press, 2014 (Online: http://eloquentjavascript.net)
- Oliver Ochs, "JavaScript für Enterprise-Entwickler, Professionell programmieren im Browser und auf dem Server", dpunkt, 2012
- Peter Gasston, "The Book of CSS3 - A Developer’s Guide to the Future of Web Design", 2nd Edition, No Starch Press, 2014
- Andy Budd, Emil Björklund, "CSS Mastery", Third Edition, Apress, 2016 (Online verfügbar im Hochschulnetz)
- Ethan Brown, "Web development with Node and Express", O’Reilly, 2014
- Robert Prediger, Ralph Winzinger, "Node.js : Professionell hochperformante Software entwickeln", Hanser, 2015 (Online verfügbar im Hochschulnetz)
- Weitere Literatur wird in der Vorlesung bekanntgegeben.
Als Vorbereitung auf einzelne Vorlesungseinheiten wird das Selbststudium grundlegender Inhalte mittels der Begleitliteratur vorausgesetzt (relevante Kapitel werden in der Veranstaltung angekündigt). Weitere eigenständige Arbeitsanteile betreffen die Nachbereitung der Vorlesungsinhalte und die Klausurvorbereitung.
Im VS1-Labor erfolgt die praktische Anwendung verschiedener grundlegender Web Technologien. Die Auswahl folgt den Themen der VS1-Vorlesung. Im Labor wird in mehreren Schritten eine komplette Web Anwendung erstellt. In jedem Schritt wird jeweils ein Bereich von Web Technologien genauer betrachtet. Dadurch werden gezielt Kompetenzen bezüglich Verständnis und Anwendung von Web Technologien gefördert, u.a. in den Bereichen deklarativer Sprachen wie HTML, CSS, und JSON, der Programmierung mit JavaScript auf Client- und Serverseite sowie spezieller Technologien für Single-Page-Anwendungen und REST-Architekturen.
- Semmy Purewal, "Learning Web App Development", O’Reilly, 1. Auflage, 2014
- David Gourley, Brian Totty, "HTTP: The Definite Guide", O’Reilly, 2002
- Mark Pilgrim, "HTML5 Up and Running", O’Reilly, 2010 (Online: http://diveintohtml5.info)
- Marijn Haverbeke, "Eloquent JavaScrip", No Starch Press, 2014 (Online: http://eloquentjavascript.net)
- Oliver Ochs, "JavaScript für Enterprise-Entwickler, Professionell programmieren im Browser und auf dem Server", dpunkt, 2012
- Peter Gasston, "The Book of CSS3 - A Developer’s Guide to the Future of Web Design", 2nd Edition, No Starch Press, 2014
- Andy Budd, Emil Björklund, "CSS Mastery", Third Edition, Apress, 2016 (Online verfügbar im Hochschulnetz)
- Ethan Brown, "Web development with Node and Express", O’Reilly, 2014
- Robert Prediger ; Ralph Winzinger, "Node.js : Professionell hochperformante Software entwickeln", Hanser, 2015 (Online verfügbar im Hochschulnetz)
- Weitere Literatur wird in der Vorlesung bekanntgegeben.