Recomendados
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (20)
UX Stammtische Franken
- 1. Multitouch Interaktionen Stefan Dinter Dinter | Multitouch Interaktionen | Überblick
- 2. Überblick • Einführung • Multitouch Interface & Experiment (DIY) • Multitouch Display (optisch) • Grenzen • Ausblick Dinter | Multitouch Interaktionen | Überblick
- 3. 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, 1972 Dinter | Multitouch Interaktionen | Überblick
- 4. Abgrenzung • Resistive Systeme • Kapazitive Systeme • Induktive Systeme • SAW (Surface Acoustic Wave – Schallwellengesteuerte Systeme) • Dispersive-Signal-Technology-Systeme Dinter | Multitouch Interaktionen | Überblick
- 5. Einführung • Jeff Han at TED 2006 • High Resolution • Geringe Kosten • Einfach zu implementieren Dinter | Multitouch Interaktionen | Überblick
- 6. 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 Daten Dinter | Multitouch Interaktionen | Überblick
- 7. Dinter | Multitouch Interaktionen | Überblick
- 8. Pre-Processing Image (QuartzCor e) Capture Image Dinter | Multitouch Interaktionen | Überblick
- 9. 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
- 10. 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
- 11. 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
- 12. Funktion Blob Tracking Dinter | Multitouch Interaktionen | Überblick
- 13. Funktion Blob Tracking Dinter | Multitouch Interaktionen | Überblick
- 14. Funktion Blob Tracking Dinter | Multitouch Interaktionen | Überblick
- 15. Beispiel Interaktion Dinter | Multitouch Interaktionen | Überblick
- 16. Beispiel Interaktion • Beispiel für die Verarbeitung mit Processing und dem Framework MSA Fluid Dinter | Multitouch Interaktionen | Überblick
- 17. Beispiel Interaktion • Beispiel für die Verarbeitung mit Processing und dem Framework MSA Fluid Dinter | Multitouch Interaktionen | Überblick
- 18. 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
- 19. 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 Scripts Dinter | Multitouch Interaktionen | Überblick
- 20. Optischer Trick • CCDs erkennen ein größeres Lichtspektrum Dinter | Multitouch Interaktionen | Überblick
- 21. Aufbau Dinter | Multitouch Interaktionen | Überblick
- 22. Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Dinter | Multitouch Interaktionen | Überblick
- 23. Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Sichtbares Licht: Mensch entspricht Dinter | Multitouch Interaktionen | Überblick
- 24. Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Sichtbares Licht: Mensch entspricht IR-Quelle Dinter | Multitouch Interaktionen | Überblick
- 25. Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Sichtbares Licht: Mensch entspricht IR-Quelle Sichtbares Licht: Webcam Dinter | Multitouch Interaktionen | Überblick
- 26. Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm 700nm Sichtbares Licht: Mensch entspricht IR-Quelle Sichtbares Licht: Webcam Schwarz-Filter Dinter | Multitouch Interaktionen | Überblick
- 27. Aufbau 0.01nm 1nm 100nm 1mm 1cm 1m 1km 400nm Anzeigen 700nm Erkennen Sichtbares Licht: Mensch entspricht IR-Quelle Sichtbares Licht: Webcam Schwarz-Filter Dinter | Multitouch Interaktionen | Überblick
- 28. 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-Filter Dinter | Multitouch Interaktionen | Überblick
- 29. 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
- 30. Schema Dinter | Multitouch Interaktionen | Überblick
- 31. Acrylglas Multitouch-Tisch|FTIR Quelle: Tim Roth LEDs LEDs Projektor Computer Spiegel Kamera Dinter | Multitouch Interaktionen | Überblick
- 32. Multitouch-Tisch|DI Quelle: Tim Roth Acrylglass PC LED Strahler Projektor Spiegel Kamera LED Strahler Dinter | Multitouch Interaktionen | Überblick
- 33. Reactable www.reactable.com Dinter | Multitouch Interaktionen | Überblick
- 34. Surface www.microsoft.com/surface Dinter | Multitouch Interaktionen | Überblick
- 35. Multitouch-Tisch|DI Quelle: Stefan Dinter Dinter | Multitouch Interaktionen | Überblick
- 36. 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 Umgebungslicht Dinter | Multitouch Interaktionen | Überblick
- 37. 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, TrackPad Dinter | Multitouch Interaktionen | Überblick
- 38. 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.org Dinter | Multitouch Interaktionen | Überblick
- 39. Danke für‘s Zuhören. Stefan Dinter Diplom-Designer Lehrauftrag «Interaktive Medien» am Lehrstuhl Kunstpädagogik, Friedrich-Alexander-Universität Erlangen-Nürnberg Adobe Certified Expert (ACE) Adobe Acrobat Professional Mitgliedschaften: 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
Notas do Editor
- 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