Home | Lehre | Videos | Texte | Vorträge | Software | Person | Impressum, Datenschutzerklärung | Blog RSS

Stand: 2024-10-13

Mensch-Maschine-Interaktion: Themen und Termine

Die wichtigsten Videos haben ein * vor dem Namen. Diese bitte vor dem jeweiligen Termin ansehen.

Für den Programmieranteil installieren Sie bitte Python (zum Beispiel Version 3.12.7) und PyCharm (runterscrollen zur Community-Version) auf Ihrem eigenen Rechner. Die Software ist für Windows, macOS und Linux verfügbar. Ausführliche Grundlagen zu Python finden sich in den Skripten zu meinem Kurs Informatik 2.

Viele Videos beziehen sich noch auf ältere Python-Versionen und/oder auf PyQt; der jeweils verlinkte Quellcode ist aber auf Python 3.11 und PySide6 aktualisiert. Hinweis zu dem Programmen, die (noch) den QUiLoader verwenden: Derzeit (November 2024) muss der QUiLoader vor der QApplication initialisiert werden, sonst friert Qt ein. Vertauschen Sie die entsprechenden beiden Zeilen.

vor dem 7. Oktober 2024

Einführung: Anwendungen und Gebiete; erste Schritte in Python
Mensch-Maschine-Interaktion; Anknüpfungspunkte mit der Elektrotechnik 20:24
Themenideen zu Mensch-Maschine-Interaktion in diesem Semester 26:07
* Mensch-Maschine-Interaktion, Überblick 31:00

* Python 3 auf die Schnelle 23:44, erstesProgramm.zip
* Typen in Python angeben 17:56 (in jüngeren Python-Versionen ist das noch verbessert/vereinfacht)

I. DER MENSCH

vor dem 14. Oktober 2024

Wahrnehmung, Fitts und Hick; Qt-Programmierung in Python
* Menschliche Wahrnehmung 25:04
* Räumliche Tiefe, Stereoskopie, Akkommodation; Kurzsichtigkeit 10:35
* Warum ist mein Tablet neuerdings nachts gelb statt weiß 3:28
* Text: Das menschliche Ohr
* Reiz und Empfindung; Weber, Fechner, Stevens 16:26
JND, Gesetze von Weber-Fechner und Stevens, CIELAB 38:26 JND_bestimmen.zip
Gerade noch unterscheidbare Tonhöhenunterschiede mit Python finden 24:42 Tonhoehen.zip
Gesetze von Fitts und Hick 13:02
* Gesetze von Fitts und Hick 20:07
Fitts' Gesetz, Messungen, Auswertung 17:41 Fitts.zip Hick.zip
Weiteres Thema: HDR-Transferfunktionen

* Text: Grafische Oberflächen mit PySide6 Erste Schritte mit Python und Qt 27:56, 03.1_Material.zip
Dialoge mit Qt Designer erstellen und in Python nutzen 45:06 Dialog_mit_PySide6.zip
Python-Programm, das die Zeit zum Bedienen misst 33:07 Pseudo-Taschenrechner_mit_Zeitnahme.zip
Arbeit mit Qt Designer; Ereignisse; Zeitnahme; Dateien 23:57 3.2_Material.zip
GUI-Zeitmessungen an Programm mit Qt und Python 28:48 3.3_Material.zip
Nachträge zu Python und Qt 5:00 3.4_Material.zip
* Erste Schritte mit PyQt5, Teil 1; Dialogbeschreibung laden 11:09 Eisbestellung.zip
* Erste Schritte mit PyQt5, Teil 2; Radio Button, Check Box 7:06
* Erste Schritte mit PyQt5, Teil 3; Dialog-Layout; modal, nichtmodal 8:37
* Erste Schritte mit PyQt5, Teil 4; Eingabefelder, Werte auslesen 10:27
* Erste Schritte mit PyQt5, Teil 5; Menü, Tastaturkürzel, Tabulatorreihenfolge 12:20
* Erste Schritte mit PyQt5, Teil 6; Datei-Standarddialog 9:25
* Erste Schritte mit PyQt5, Teil 7; Zeichenfunktionen, Paint-Ereignis 17:10

vor dem 21. Oktober 2024

Diversity, menschliche Fehler, Aufmerksamkeit
* Diversity und Barrierefreiheit 10:34
* Menschliche Fehler, Aufmerksamkeit 31:06
* menschliche Fehler in Planung und Ausführung 6:05
Klassifikation menschlicher Fehler; Beispiele 7:04
* Handover; Computer übergibt Kontrolle an Mensch 7:01
Weiteres Thema: optische Täuschungen; Abmessungen von Crash-Test-Dummies; Diversität bei Emojis

II. TECHNIKEN

vor dem 28. Oktober 2024

GUI; ereignisbasierte Programmierung
* Elemente klassischer grafischer Oberflächen 21:23, Events.zip
* Regeln und Normen zur Gestaltung klassischer GUIs 24:36
* Kritik an Microsoft-Ribbons 3:07
Weitere Themen: PySide-Oberflächen mit KI, Mother of all Demos

vor dem 4. November 2024

Web
Das WWW. Geschichte, Funktionen, Rechtliches 31:50 06.1_Material.zip
Aktuelle Technik des Web 9:08
HTML, CSS, JavaScript, PHP, AJAX in Aktion 50:11
* Überblick HTML, CSS, JavaScript, PHP, Content-Management-Systeme 29:14
* Code: HTML_ohne_JavaScript.zip
* Code: HTML_und_PHP.zip
* Code: Webserver_in_Python.zip
* Web und Navigation 8:37
* Web; Kooperation und Dynamik 10:58
* Web; alte und neue Bedienelemente 15:43
EtherPad und draw.io als Beispiele für Web-Oberflächen 10:23
Per JavaScript mit dem Server kommunizieren: Fetch und Server-Sent Events 30:19
async und await in JavaScript 37:34
Weiteres Thema: Webentwicklung mit KI und mit Figma, Nutzung von APIs für KI

vor dem 11. November 2024

Touch
* Multitouch; Historie und Standardgesten 14:46
Multitouch mit Python und Qt; Pinch-Geste selbstgemacht 57:47 Pinch-Geste in QT zu Fuß.zip
* Code: Demo der JavaScript-Pointer-Events
* Probleme von Touch-UIs 17:12
Multitouch-Ereignisse, Grundlagen der Programmierung 10:36
Zehn-Finger-Malprogramm mit Multitouch in Python 1:00:37 Zehn-Finger-Malprogramm.zip
Pinch-Geste von Qt in Python nutzen 38:15 Pinch-Geste_in_Qt.zip
Zehn-Finger-Hockey mit Python und Qt 11:20 Zehn-Finger-Hockey
* Multitouch-Ereignisse in PyQt 10:12 Zehn-Finger-Hockey
* Perceived Affordances; Touch heißt noch nicht intuitiv 7:10

vor dem 18. November 2024

Pervasive Computing, VR, AR
* Sensoren und Aktoren für HCI 34:15
* Sensoren im Smartphone; IMU 14:24
Accelerometer und IMU; Gesten, Teil 1 52:15
Accelerometer-Gesten, Teil 2 33:30 10.1_Material.zip
* Activity-Tracker, Smart Watches und Datenbrillen 28:58
Pebble-Smartwatch online programmieren 7:09

vor dem 25. November 2024

„Intelligente“ Interfaces, Sprachsteuerung, „Assistenten“; Maschinenlernen
* Intelligente Bedieninterfaces anno 2016 20:51
* Code: Sprachsynthese/-erkennung in Javascript
Weiteres Thema: Chatbots von ELIZA bis zur Gegenwart (z. B. Xiaoice, ChatGPT, Claude)

Maschinenlernen, Gesten 1:03:12
Accelerometer-Gesten mit einfachem Maschinenlernen 0:33 10.2_Material.zip
Mausgesten aufzeichnen und erkennen, Teil 1 55:01 Mausgesten.zip (fertige Lösung vom nächsten Video)
Mausgesten aufzeichnen und erkennen, Teil 2 1:01:33 Mausgesten.zip
* Maschinenlernen anno 2015 38:08
Maschinenlernen mit Python scikit-learn 14:02 Activity_Recognition.zip
* Neuronale Netze, SVM usw. mit scikit-learn 39:37 Klassifikatoren.zip Clustering.zip

vor dem 2. Dezember 2024

Weiter: Maschinenlernen
* Neuronale Netzwerke mit Deep Playground verstehen 59:54
Bausteine neuronaler Netze am Beispiel Inception-v3 1:05:35
* Aktuelle Themen des Maschinenlernens (Dezember 2019) 49:33
GPT-2: Aufbau und Funktion 41:29
YOLOv3: Aufbau und Funktion 43:34
Weitere Themen: ROC-Kurve, AUC, Precision, Recall; Reinforcement Learning, Self-Supervised Learning; technische und wirtschaftliche Folgen der riesigen Größe der Netze

III. METHODEN

vor dem 9. Dezember 2024

Persuasive Computing; Information Visualization; Lernen
Gamification und Persuasive Computing 26:18
* Persuasive Computing und Gamification vom Activity-Tracker bis hin zu Facebook 23:21
Persuasive Technology mit und ohne Computer 19:51
* Kritik an Persuasive Technology 4:48
* Cialdinis Prinzipien der Beeinflussung angewendet in Spam 7:27
Hostile Architecture; Soft- und Hardware mit eingebauten Verboten 4:01
Weiteres Thema: Dark Patterns

Informationsvisualisierung, Prinzipien 35:36
Informationsanzeigen in Bus, Bahn und Auto 18:05
* einige Verfahren der Datenvisualisierung 29:35 matplotlib-Beispiel.zip

* Anleitungen als Teil der Mensch-Maschine-Schnittstelle 15:59
Anleitung verständlicher formulieren 17:12

vor dem 16. Dezember 2024

Prozess, Vorgehensmodelle; analytische Usability-Untersuchungen
* HCI-Entwurfsprozess, Fallstricke 33:34
* HCI-Vorgehensmodelle 9:38
Methoden, um Kontext und Anforderungen für UI-Entwicklung zu erfassen 22:28
Spiralmodell und Methoden des Rapid Prototyping für UIs 19:41
Greenberg und Buxton, Usability evaluation considered harmful (some of the time) 6:46

Typen von Usability-Untersuchungen 4:12
* Usability-Untersuchungen 3:53
Einfache GOMS-Analyse grafischer Oberflächen 34:18
Zeit für Maus- und Tastatureingaben mit GOMS schätzen 13:32
UIs prüfen mittels Cognitive Walkthrough 15:42
* Cognitive Walkthrough für einen Bildkonvertierer 28:23
* Heuristiken für einen Bildkonvertierer 20:22

vor dem 6. Januar 2025

Statistik
* Text: Signifikanztest als Gerichtsverfahren
* Hypothesentest, p-Wert und weshalb man damit vorsichtig sein muss 32:08
* Warum so viele veröffentlichte Forschungsergebnisse falsch sind; Hypothesentest und Publication Bias 16:00
p-Werte sind Zufallsgrößen; Signifikanzniveau 21:46 p-Wert-Simulation.zip
* Ideen hinter z-Test, t-Test, chi²-Test, ANOVA; Auswertung in Python 44:38 Statistik.zip
t-Test mit Tabellenkalkulation 42:52

vor dem 13. Januar 2025

Empirische Usability-Untersuchungmethoden
Nielsen und Landauer, A mathematical model of the finding of usability problems 14:05
Statistik des Fehlerfindens 15:02
Eye-Tracker für arme Leute, Teil 1 49:09 Eye-Tracker.zip
Eye-Tracker für arme Leute, Teil 2 37:25
Eye-Tracker für 100 Euro 3:02
Eye-Tracker beobachtet Textlesen 10:47

20. Januar 2025

Wiederholung