• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
UX Stammtische Franken
 

UX Stammtische Franken

on

  • 1,027 views

Vortrage über die Funktionsweise von Multitouch-Tischen und -Interaktionen beim UX Stammtisch Franken

Vortrage über die Funktionsweise von Multitouch-Tischen und -Interaktionen beim UX Stammtisch Franken

Statistics

Views

Total Views
1,027
Views on SlideShare
1,024
Embed Views
3

Actions

Likes
0
Downloads
57
Comments
1

2 Embeds 3

https://www.linkedin.com 2
http://paper.li 1

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • tanx is very small word for your information
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Eadweard Muybridge, 1887: Animal Locomotion\n
  • \n
  • Light pen: Luftüberwachung, 1987 für C64 nachgebaut\n30 Jahre zwischen Vorstellung der Maus bis zur universellen Verfügbarkeit\nHeute gibt es für Multitouch unzählige Anwendungen: Kunst im öffentlichen Raum, Diskotheken (VJ) Weitere: interaktives Whiteboard, \n
  • Als nächstes kommt verry Lowcost\n\n
  • \n
  • \n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Keine Grenzen bei der Interaktion: Processing, Falsh, PureData, Quartz, V4...\nDas Resultat kann manigfaltig sein: Video, Audio, Robotik ....\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment bauen (Karton auf den Tisch,...\n
  • Experiment bauen (Karton auf den Tisch,...\n
  • Experiment bauen (Karton auf den Tisch,...\n
  • Materialeinsatz: unter 20 EUR\n.... Webcam anschließen, Touché starten und zeigen....\n
  • \n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • Experiment mit Arduino Board zeigen\nWer kann die LED mit seiner Kamera sehen?\nZusätzlich zu dem Experiment wird eine Beamer, eine IR-Lichtquelle und ein Schwarz-FIlter benötigt\n
  • \n
  • \n
  • \n
  • \n
  • Fertige Produkte: Reactable\n
  • Microsoft Surface\n
  • Beim Bau kein Kit oder exakte Anleitungen im Netz --> Check www.idwerk.de\nFehler: Keine Mattscheibe, Reflexionen, Ungenügende (IR)-Lichtausbeute\n
  • \n
  • Bildschirme sind ein sehr kleines „Fenster“ in die Welt des Rechners (kein direktes arbeiten möglich)\nWIN 7 integriert, Frameworks nutzen\nJe nach Anforderung, POS, Museen, Kollaboratives Arbeiten\n
  • \n
  • Bau des Multitouch zeigen (Diashow)\n

UX Stammtische Franken UX Stammtische Franken Presentation Transcript

  • MultitouchInteraktionenStefan DinterDinter | Multitouch Interaktionen | Überblick
  • Überblick • Einführung • Multitouch Interface & Experiment (DIY) • Multitouch Display (optisch) • Grenzen • AusblickDinter | Multitouch Interaktionen | Überblick
  • Einführung • First Touch: Light pen (Lincoln Laboratory (MIT), 1949) Erste CAD-Anwendung Sketchpad, 1963 • Computermäuse (Engelbart & English, 1963/64) brauchten gebrauchstaugliche Interfaces: Xerox Star und PERQ, 1982 • Touch Displays wurden bereits Mitte der 60er Jahre entwickelt Erstes gebrauchstaugliches Gerät: IBM PLATO IV, 1972Dinter | Multitouch Interaktionen | Überblick
  • Abgrenzung • Resistive Systeme • Kapazitive Systeme • Induktive Systeme • SAW (Surface Acoustic Wave – Schallwellengesteuerte Systeme) • Dispersive-Signal-Technology-SystemeDinter | Multitouch Interaktionen | Überblick
  • Einführung • Jeff Han at TED 2006 • High Resolution • Geringe Kosten • Einfach zu implementierenDinter | Multitouch Interaktionen | Überblick
  • Multitouch Interface (DIY) • Erkennen von Lichtspitzen, sogenannten „Blobs“ mittels Kamera • Zuordnen der „Blobs“ in ein Koordinatensystem (2D) • Universelles Protokoll für Datenversand (MIDI/OSC/ TUIO) • Interaktionsapplikation empfängt und verarbeitet diese DatenDinter | Multitouch Interaktionen | Überblick
  • Dinter | Multitouch Interaktionen | Überblick
  • Pre-Processing Image(QuartzCor e) Capture Image Dinter | Multitouch Interaktionen | Überblick
  • Pre-Processing Blob Tracking Image Framework(QuartzCor (Touchlib) e) Capture Image Point Detection Blob Tracking Gesture Recordination Send Pack (e.g. TUIO) Dinter | Multitouch Interaktionen | Überblick
  • Pre-Processing Blob Tracking Interaction Image Framework Processing(QuartzCor (Touchlib) (Processing e) ) Capture Image Point Detection Recive Pack Protocol Blob Tracking Process Events Gesture Recordination Send Pack (e.g. TUIO) Dinter | Multitouch Interaktionen | Überblick
  • Pre-Processing Blob Tracking Interaction Result Image Framework Processing Output(QuartzCor (Touchlib) (Processing e) ) Video/ Capture Image Point Detection Recive Pack Protocol Audio Blob Tracking Process Events Gesture Recordination Send Pack (e.g. TUIO) Dinter | Multitouch Interaktionen | Überblick
  • Funktion Blob TrackingDinter | Multitouch Interaktionen | Überblick
  • Funktion Blob TrackingDinter | Multitouch Interaktionen | Überblick
  • Funktion Blob TrackingDinter | Multitouch Interaktionen | Überblick
  • Beispiel InteraktionDinter | Multitouch Interaktionen | Überblick
  • Beispiel Interaktion • Beispiel für die Verarbeitung mit Processing und dem Framework MSA FluidDinter | Multitouch Interaktionen | Überblick
  • Beispiel Interaktion • Beispiel für die Verarbeitung mit Processing und dem Framework MSA FluidDinter | Multitouch Interaktionen | Überblick
  • Kosten & Aufwand • Schnell Gegenstand EUR • Einfach Webcam 13.95 € • Günstig Karton 0.00 € Glasscheibe 5.00 € 0.02 € Butterbrotp. Gesamt 18.97 €Dinter | Multitouch Interaktionen | Überblick
  • Multitouch Display(optisch) • Bilderkennung, wie bei Experiment, besondere Lichtverhältnisse • Direktes Arbeiten (Eingabegerät = Ausgabegerät) • ohne Hilfsmittel auf dem Screen • Vielzahl an Frameworks und ScriptsDinter | Multitouch Interaktionen | Überblick
  • Optischer Trick • CCDs erkennen ein größeres LichtspektrumDinter | Multitouch Interaktionen | Überblick
  • AufbauDinter | Multitouch Interaktionen | Überblick
  • Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nmDinter | Multitouch Interaktionen | Überblick
  • Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Sichtbares Licht: Mensch entsprichtDinter | Multitouch Interaktionen | Überblick
  • Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Sichtbares Licht: Mensch entspricht IR-QuelleDinter | Multitouch Interaktionen | Überblick
  • Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Sichtbares Licht: Mensch entspricht IR-Quelle Sichtbares Licht: WebcamDinter | Multitouch Interaktionen | Überblick
  • Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Sichtbares Licht: Mensch entspricht IR-Quelle Sichtbares Licht: Webcam Schwarz-FilterDinter | Multitouch Interaktionen | Überblick
  • Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm Anzeigen 700nm Erkennen Sichtbares Licht: Mensch entspricht IR-Quelle Sichtbares Licht: Webcam Schwarz-FilterDinter | Multitouch Interaktionen | Überblick
  • Aufbau 850 nm + 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm Anzeigen 700nm Erkennen Sichtbares Licht: Mensch entspricht IR-Quelle Sichtbares Licht: Webcam Schwarz-FilterDinter | Multitouch Interaktionen | Überblick
  • Optische Bauformen • Frustrated Total Internal Reflection (FTIR) Totalreflektion • Diffused Illumination (DI) • Diffused Surface Illumination (DSI) • Laser Light Plane (LLP) • LED Light Plane (LED-LP)Dinter | Multitouch Interaktionen | Überblick
  • SchemaDinter | Multitouch Interaktionen | Überblick
  • AcrylglasMultitouch-Tisch|FTIRQuelle: Tim Roth LEDsLEDs ProjektorComputerSpiegel KameraDinter | Multitouch Interaktionen | Überblick
  • Multitouch-Tisch|DIQuelle: Tim Roth Acrylglass PC LED Strahler Projektor Spiegel Kamera LED StrahlerDinter | Multitouch Interaktionen | Überblick
  • Reactablewww.reactable.comDinter | Multitouch Interaktionen | Überblick
  • Surfacewww.microsoft.com/surfaceDinter | Multitouch Interaktionen | Überblick
  • Multitouch-Tisch|DIQuelle: Stefan DinterDinter | Multitouch Interaktionen | Überblick
  • Grenzen • Sehr wenige Informationen über Multitouch- Interaktionen, obwohl bereits seit über 25 Jahren Geräte zur Verfügung stehen • Rechenintensive Erkennung der Gesten oder Fiducials • Keine standarisierten Gesten • Zum Teil Abhängig vom UmgebungslichtDinter | Multitouch Interaktionen | Überblick
  • Ausblick • Überwindung der herkömmlichen Interaktionsschnittstelle Screen • In Systemen integriert oder leicht nachzuinstallieren • Nicht für jeden Bereich ist Multitouch optimal – Maus/Tastatur werden auch in Zukunft bleiben • Weitere Devices für Multitouch: mehrere Displays kombinieren, SmartPhone, SmartPad, TrackPadDinter | Multitouch Interaktionen | Überblick
  • Quellen• Theorie http://www.billbuxton.com/multitouchOverview.html• Bilderkennung (Frameworks) reacTIVision > http://reactivision.sourceforge.net Touché > http://gkaindl.com/software/touche• Protokoll/Experiment (Sourcecode/Binary) TUIO > http://www.tuio.org XTUIO > http://www.xtuio.com• Entwicklungsumgebung (IDE) Processing > http://processing.orgDinter | Multitouch Interaktionen | Überblick
  • Danke für‘s Zuhören.Stefan DinterDiplom-DesignerLehrauftrag «Interaktive Medien» am Lehrstuhl Kunstpädagogik, Friedrich-Alexander-Universität Erlangen-NürnbergAdobe Certified Expert (ACE) Adobe Acrobat ProfessionalMitgliedschaften:Deutsche Gesellschaft für Designtheorie und -forschung e.V. (DGTF), Alliance of German Designers e.V. (AGD),Usability Professionals‘ Association (G|UPA), Interaction Design Association (IxDA)Dinter | Multitouch Interaktionen | Überblick