|
5. Okt. 16
|
|
Muss verlegt werden.
|
|
12. Okt. 16
|
Einführung
|
Überblick
Themenideen
zu Mensch-Maschine-Interaktion in diesem Semester
Links:
Video:
Erste
Schritte mit Python und Qt
Programm:
03.1_Material.zip
(noch Python 2.x)
Python
3 auf die Schnelle
Programm:
erstesProgramm.zip
|
|
|
Mensch
Was
Menschen können und was nicht
|
|
|
|
Menschliche
Wahrnehmung
|
Video:
Menschliche
Wahrnehmung
Video:
JND,
Gesetze von Weber-Fechner und Stevens,
CIELAB
Programm:
JND_bestimmen.zip
Video:
Gerade
noch unterscheidbare Tonhöhenunterschiede mit Python
finden
Programm
dazu:
Tonhoehen.zip
|
|
19. Okt. 16
|
Gesetze von Fitts und Hick
|
Video:
Gesetze
von Fitts und Hick
Video:
Gesetze
von Fitts und Hick (nochmals)
Fitts'
Gesetz, Messungen, Auswertung
Programme:
Fitts.zip
Hick.zip
|
|
|
Diversity und Barrierefreiheit
|
Video:
Diversity
und Barrierefreiheit
Material:
|
|
|
Menschliche Fehler,
Aufmerksamkeit
|
Video:
Menschliche
Fehler, Aufmerksamkeit
Material zu Change Blindness:
Video:
menschliche
Fehler in Planung und Ausführung
Video:
Klassifikation
menschlicher Fehler: Beispiele
Material zu menschlichen Fehlern:
Material zu Aufmerksamkeit:
Video:
Handover;
Computer übergibt Kontrolle an Mensch
Material zu Handover:
|
|
26. Okt. 16
|
Techniken
Grafische
Oberflächen, ereignisbasierte Programmierung
|
|
|
|
Elemente klassischer grafischer
Oberflächen
|
Video:
Elemente
klassischer grafischer Oberflächen
Video:
Kritik
an Microsoft-Ribbons
Material:
|
|
|
Regeln und Normen zur Gestaltung
klassischer GUIs
|
Video:
Regeln
und Normen zur Gestaltung klassischer GUIs
Material:
|
|
|
Erste Schritte mit PyQt
|
Videos:
Erste
Schritte mit PyQt5, Teil 1; Dialogbeschreibung laden
Erste
Schritte mit PyQt5, Teil 2; Radio Button, Check Box
Erste
Schritte mit PyQt5, Teil 3; Dialog-Layout; modal,
nichtmodal
Erste
Schritte mit PyQt5, Teil 4; Eingabefelder, Werte auslesen
Erste
Schritte mit PyQt5, Teil 5; Menü, Tastaturkürzel,
Tabulatorreihenfolge
Erste
Schritte mit PyQt5, Teil 6; Datei-Standarddialog
Erste
Schritte mit PyQt5, Teil 7; Zeichenfunktionen,
Paint-Ereignis
Programm:
Eisbestellung.zip
|
|
|
Arbeit
mit Qt Designer; Ereignisse; Zeitnahme, Dateien
|
Video:
Arbeit
mit Qt Designer; Ereignisse; Zeitnahme;
Dateien
Programm:
3.2_Material.zip
(noch Python 2.x)
Video:
Dialoge
mit Qt Designer erstellen und in Python
nutzen
Programm:
Dialog_mit_PyQt.zip
(noch Python 2.x)
Dialog_mit_PyQt.zip
(Python
3.x)
Video:
Python-Programm,
das die Zeit zum Bedienen
misst
Programm:
Pseudo-Taschenrechner_mit_Zeitnahme.zip
(noch Python 2.x)
Pseudo-Taschenrechner_mit_Zeitnahme.zip
(Python
3.x)
|
|
|
GUI-Zeitmessungen
an Programm mit Qt und Python
|
Video:
GUI-Zeitmessungen
an Programm mit Qt und Python
modaler Dialog, Radiobuttons
abfragen, Focus für Tastatureingabe, Export in
Tabellenkalkulation, t-Test, Nullhypothese
Verwendete
Dateien:
3.3_Material.zip
(noch Python 2.x)
|
|
|
Nachträge
zu Python und Qt
|
Video:
Nachträge
zu Python und Qt
Ausgabe mit Dezimalkomma statt
Dezimalpunkt, Programm kurz unterbrechen
Verwendete
Dateien:
3.4_Material.zip
(noch Python 2.x)
3.4_Material.zip
(Python
3.x)
|
|
|
Das WWW. Geschichte, Funktionen,
Rechtliches
|
Video:
Das
WWW. Geschichte, Funktionen, Rechtliches
Links:
Verwendete
Dateien:
06.1_Material.zip
|
|
|
Aktuelle Technik des Web
|
Video:
Aktuelle
Technik des Web
Video:
HTML,
CSS, JavaScript, PHP, AJAX in Aktion
Material
dazu:
JavaScript,_CSS,_PHP,_AJAX.zip
Video:
EtherPad
und draw.io als Beispiele für Web-Oberflächen
Video:
Überblick
HTML, CSS, JavaScript, PHP, Content-Management-Systeme
Quellcode:
HTML,_JavaScript,_PHP
Link:
UwAmp
Web Server
|
|
|
Web: Navigation, Kooperation,
Dynamik
|
Video:
Web
und Navigation
Video:
Web;
Kooperation und Dynamik
Links:
|
|
|
Web: alte und neue Bedienelemente
|
Video:
Web;
alte und neue Bedienelemente
Links:
|
|
2. Nov. 16
|
Von Touch über Pervasive
bis AR
|
|
|
|
Multitouch; Historie und
Standardgesten
|
Video:
Multitouch;
Historie und Standardgesten
Link:
Bill Buxtons
Geschichtssammlung
http://www.billbuxton.com/multitouchOverview.html
|
|
|
Multitouch mit Python und Qt;
Pinch-Geste selbstgemacht
|
Video:
Multitouch
mit Python und Qt; Pinch-Geste
selbstgemacht
Programm:
Pinch-Geste
in QT zu Fuß
Video:
Multitouch-Ereignisse,
Grundlagen der Programmierung
Video:
Zehn-Finger-Malprogramm
mit Multitouch in Python
Programm:
Zehn-Finger-Malprogramm.zip
Video:
Pinch-Geste
von Qt in Python nutzen
Programm:
Pinch-Geste_in_Qt.zip
Video:
Zehn-Finger-Hockey
mit Python und Qt
Programm:
Zehn-Finger-Hockey
Multitouch-Ereignisse
in PyQt
Programm:
Zehn-Finger-Hockey
|
|
|
Probleme von Touch-UIs
|
Video:
Probleme
von Touch-UIs
Material:
D. Norman: Natural
user interfaces are not
natural
http://www.jnd.org/dn.mss/natural_user_interfa.html
Video:
Perceived
Affordances; Touch heißt noch nicht intuitiv
Video:
Hostile
Architecture; Soft- und Hardware mit eingebauten Verboten
Links:
|
|
|
Sensoren und Aktoren für HCI
|
Video:
Sensoren
und Aktoren für HCI
Video:
Sensoren
im Smartphone; IMU
Link:
Physics
Toolbox Suite
Weitere Links:
|
|
|
Virtual
und Mixed Reality,
Smart Watches
|
Video:
Activity-Tracker,
Smart Watches und Datenbrillen
Beispiele
für VR und AR:
Video:
Pebble-Smartwatch
online programmieren
|
|
9. Nov. 16
|
„Intelligente“
Interfaces
|
|
|
|
Maschinenlernen
|
Video:
Maschinenlernen
anno 2015
Video:
Maschinenlernen
mit Python scikit-learn
Programm:
Activity_Recognition.zip
Video:
Intelligente
Bedieninterfaces anno 2016
Links:
Video:
Neuronale
Netze, SVM usw. mit
scikit-learn
Programme:
Klassifikation.zip
Clustering.zip
Link:
scikit-learn
|
|
|
Gestenerkennung
|
Video:
Maschinenlernen,
Gesten
Video:
Accelerometer-Gesten
mit einfachem Maschinenlernen
Verwendete
Dateien:
10.2_Material.zip
(noch Python 2.x)
Videos:
Mausgesten
aufzeichnen und erkennen, Teil 1
Mausgesten
aufzeichnen und erkennen, Teil 2
Verwendete
Dateien:
Mausgesten_Teil_1.zip
Mausgesten_Teil_2.zip
|
|
|
Accelerometer, Gestenerkennung
|
Video:
Accelerometer
und IMU; Gesten, Teil 1
Accelerometer-Gesten,
Teil 2
Link:
Programmierbare Uhr von
Texas
Instruments
http://processors.wiki.ti.com/index.php/EZ430-Chronos
Benutzte
Dateien:
10.1_Material.zip
(noch Python 2.x)
|
|
16. Nov. 16
|
Muss verlegt werden.
|
|
|
23. Nov. 16
|
Methoden
Persuasion,
Gamification
|
|
|
|
Gamification und Persuasive
Computing
|
Videos:
Gamification
und Persuasive Computing
Persuasive
Computing und Gamification vom Activity-Tracker bis hin zu
Facebook
Persuasive
Technology mit und ohne Computer
Kritik
an Persuasive Technology
Cialdinis
Prinzipien der Beeinflussung angewendet in Spam
Material:
|
|
30. Nov. 16
|
Infovis, Lernen
|
|
|
|
Informationsvisualisierung
|
Videos:
Informationsvisualisierung,
Prinzipien
Informationsanzeigen
in Bus, Bahn und Auto
einige
Verfahren der Datenvisualisierung
Verwendete
Dateien:
matplotlib-Beispiel.zip
Beispiele:
Beispiele
von mir:
|
|
|
Anleitungen
und Lernen
|
Videos:
Anleitungen
als Teil der Mensch-Maschine-Schnittstelle
Anleitung
verständlicher formulieren
Material:
|
|
7. Dez. 16
|
Prozess
|
|
|
|
HCI-Entwurfsprozess, Fallstricke
|
Video:
HCI-Entwurfsprozess,
Fallstricke
Links:
|
|
|
HCI-Vorgehensmodelle
|
Video:
HCI-Vorgehensmodelle
Methoden,
um Kontext und Anforderungen für UI-Entwicklung zu erfassen
Spiralmodell
und Methoden des Rapid Prototyping für UIs
Essentielle Literatur:
DIN EN
ISO
9241-210
http://www.beuth.de/de/norm/din-en-iso-9241-210/135399380
(freier
Zugriff über die elektronische Bibliothek aus dem
Hochschulnetz)
Material:
|
|
|
Einfache GOMS-Analyse grafischer
Oberflächen
|
Videos:
Einfache
GOMS-Analyse grafischer Oberflächen
GOMS
Keystroke-Level Model, Maus versus Tastatur, übliche Zeiten
für Benutzeraktionen
Zeit
für Maus- und Tastatureingaben mit GOMS schätzen
Essentielle Literatur:
Card,
S.K., Moran, W.P., und Newell, A. The keystroke-level model of
user performance time with interactive
systems
http://dx.doi.org/10.1145/358886.358895
Literatur:
Jef Raskin. The
Humane
Interface
http://books.google.de/books/about/The_Humane_Interface.html?id=D39vjmLfO3kC
|
|
|
UIs prüfen mittels Cognitive
Walkthrough
|
Video:
UIs
prüfen mittels Cognitive Walkthrough
Essentielle Literatur:
Clayton
Lewis et al.: CHI-Paper von
1990
http://dx.doi.org/10.1145/97243.97279
Video:
Cognitive
Walkthrough für einen Bildkonvertierer
|
|
|
Eye-Tracker
|
Videos:
Eye-Tracker
für arme Leute, Teil 1
Eye-Tracker
für arme Leute, Teil 2
Funktionsprinzip und Anwendung
von Eye-Tracking; Maus statt Eye-Tracker; Implementation mit Qt
in Python
Material:
Programme:
Eye-Tracker.zip
Videos:
Eye-Tracker
für 100 Euro
Eye-Tracker
beobachtet Textlesen
|
|
|
Typen von Usability-Untersuchungen
|
Video:
Typen
von Usability-Untersuchungen
Video:
Usability-Untersuchungen
Material:
|
|
|
Heuristiken
|
Video:
Heuristiken
für einen Bildkonvertierer
|
|
|
Nielsen und Landauer: A
mathematical model of the finding of usability problems
|
Video:
Nielsen
und Landauer, A mathematical model of the finding of usability
problems
Video:
Statistik
des Fehlerfindens
Essentielle Literatur:
A
mathematical model of the finding of usability
problems
http://dx.doi.org/10.1145/169059.169166
|
|
|
Greenberg und Buxton: Usability
evaluation considered harmful (some of the time)
|
Video:
Greenberg
und Buxton, Usability evaluation considered harmful (some of the
time)
Essentielle Literatur:
Usability
evaluation considered harmful (some of the
time)
http://dx.doi.org/10.1145/1357054.1357074
|
|
|
Statistischer Test; Nullhypothese;
Irrtumswahrscheinlichkeit
|
Video:
Statistischer
Test; Nullhypothese; Irrtumswahrscheinlichkeit
Video:
Statistischer
Test; ein- und zweiseitig; Fehler 1. und 2. Art
Video:
Hypothesentest,
p-Wert und weshalb man damit vorsichtig sein muss
Video:
Ideen
hinter z-Test, t-Test, chi²-Test, ANOVA; Auswertung in
Python
Programm:
Statistik.zip
Video:
Warum
so viele veröffentlichte Forschungsergebnisse falsch sind;
Hypothesentest und Publication Bias
Video:
p-Werte
sind Zufallsgrößen;
Signifikanzniveau
Programm:
p-Wert-Simulation.zip
|
|
|
Student’s t-Test,
Teststatistik
|
Video:
Student's
t-Test; Teststatistik
Material:
4.2_Material.zip
Video:
t-Test
mit Tabellenkalkulation
|
|
14. Dez. 16
|
konkrete Projekte
|
|
|
21. Dez. 16
|
konkrete Projekte
|
|
|
4. Jan. 17
|
konkrete Projekte
|
|
|
11. Jan. 17
|
konkrete Projekte
|
|
|
18. Jan. 17
|
konkrete Projekte
|
|
