SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Multi Touch & Gesture  - Event Interface and Types  June, 2010 TC Meeting in Minneapolis, MN Eunil SEO /  [email_address]   Siman KIM /  [email_address] Sangchual CHA /  [email_address]
Agenda ,[object Object],[object Object],[object Object],[object Object]
Purpose of this presentation ,[object Object],[object Object],[object Object]
Event Model in W3C ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DOM Lvl3 Event Architecture ,[object Object],[object Object],[object Object],[object Object],[object Object]
DOM Lvl3 Event Interface http://www.w3.org/TR/DOM-Level-3-Events/#dom-event-architecture
DOM Lvl3 MouseEvent Interface ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DOM Lvl3 MouseEvent Interface  Cont’d ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DOM Lvl3 Event Types ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
RIA Event Spectrum Event Interpreter Device Event Device Event Device Event Event Interpreter Event Interpreter Interpreted Event Interpreted Event * Physical device with device driver * With Application Framework * RIA Platform includes Application Framework Device O/S RIA Platform Application Device RIA Platform
RIA Event Spectrum ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
New Event Issues ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Multi-Touch Event ,[object Object],[object Object]
Gesture Event ,[object Object],[object Object],[object Object]
Sample Gestures in Touch Device Gestureworks Open Souce Gesture Library (http://gestureworks.com/about/open-source-gesture-library/ ) Tap Two finger zoom out Two finger zoom in Double Tap Touch Down Touch Up One finger drag Pinch zoom Two finger tap One finger swipe Two finger swipe Two finger double tap Two finger  horizontal scroll Two finger  vertical scroll
Gestures in iPhone O/S ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://developer.apple.com/iphone/library/documentation/General/Conceptual/iPadProgrammingGuide/GestureSupport/GestureSupport.html Gesture Recognizers http://developer.apple.com/iphone/library/documentation/General/Conceptual/Devpedia-CocoaApp/EventHandlingiPhone.html   Events (iPhone OS)
Gestures in iPhone O/S  cont’d ,[object Object],[object Object],[object Object]
Gestures in iPhone O/S  cont’d
Gestures in iPhone O/S  cont’d ,[object Object],[object Object],[object Object],[object Object]
Gestures in Android ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Gestures in Android   cont’d ,[object Object],[object Object],[object Object],[object Object],[object Object],OnGestureStarted OnGestureCancelled Ready OnGestureEnded OnGesture OnTouchDown OnTouchUp OnTouchTap Cancelling Event Ex) CallingEvent OnTouchDown OnTouchUp OnTouchMove OnTouchTap
Gestures in Android  cont’d ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Reference : How to use Multi-touch in Android 2 in ZDNET
Gestures in MS Windows 7 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
MS Windows - Panning ,[object Object],[object Object],[object Object],[object Object]
MS Windows - Zoom  ,[object Object],[object Object],[object Object],[object Object]
MS Windows - Rotate  ,[object Object],[object Object],[object Object],[object Object]
MS Windows - Two-finger tap  ,[object Object],[object Object],[object Object],[object Object]
MS Windows - Press and tap  ,[object Object],[object Object],[object Object],[object Object]
Related Issues ,[object Object],[object Object],[object Object],[object Object]
Reference ,[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Introduction to HTML5 Canvas
Introduction to HTML5 CanvasIntroduction to HTML5 Canvas
Introduction to HTML5 CanvasMindy McAdams
 
JavaScript - Chapter 6 - Basic Functions
 JavaScript - Chapter 6 - Basic Functions JavaScript - Chapter 6 - Basic Functions
JavaScript - Chapter 6 - Basic FunctionsWebStackAcademy
 
Angular 6 Form Validation with Material
Angular 6 Form Validation with MaterialAngular 6 Form Validation with Material
Angular 6 Form Validation with MaterialMalika Munaweera
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | IntroductionJohnTaieb
 
Basic calculator
Basic calculatorBasic calculator
Basic calculatorluvMahajan3
 
Android notification
Android notificationAndroid notification
Android notificationKrazy Koder
 
Introduction to Android ppt
Introduction to Android pptIntroduction to Android ppt
Introduction to Android pptTaha Malampatti
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-endMosaab Ehab
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
 
Android Architecture.pptx
Android Architecture.pptxAndroid Architecture.pptx
Android Architecture.pptxpriya Nithya
 
Job schedulers android
Job schedulers androidJob schedulers android
Job schedulers androidDeesha Vora
 

Was ist angesagt? (20)

Introduction to HTML5 Canvas
Introduction to HTML5 CanvasIntroduction to HTML5 Canvas
Introduction to HTML5 Canvas
 
Asp.net
 Asp.net Asp.net
Asp.net
 
JavaScript - Chapter 6 - Basic Functions
 JavaScript - Chapter 6 - Basic Functions JavaScript - Chapter 6 - Basic Functions
JavaScript - Chapter 6 - Basic Functions
 
Different types of mobile apps
Different types of mobile appsDifferent types of mobile apps
Different types of mobile apps
 
Introduction to Objective - C
Introduction to Objective - CIntroduction to Objective - C
Introduction to Objective - C
 
Angular 6 Form Validation with Material
Angular 6 Form Validation with MaterialAngular 6 Form Validation with Material
Angular 6 Form Validation with Material
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Basic calculator
Basic calculatorBasic calculator
Basic calculator
 
Android notification
Android notificationAndroid notification
Android notification
 
Introduction to Android ppt
Introduction to Android pptIntroduction to Android ppt
Introduction to Android ppt
 
Asp.net.
Asp.net.Asp.net.
Asp.net.
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-end
 
Backend Programming
Backend ProgrammingBackend Programming
Backend Programming
 
Js ppt
Js pptJs ppt
Js ppt
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Android Architecture.pptx
Android Architecture.pptxAndroid Architecture.pptx
Android Architecture.pptx
 
Job schedulers android
Job schedulers androidJob schedulers android
Job schedulers android
 
React Native Workshop
React Native WorkshopReact Native Workshop
React Native Workshop
 
Android studio installation
Android studio installationAndroid studio installation
Android studio installation
 
JavaScript
JavaScriptJavaScript
JavaScript
 

Andere mochten auch

Petri Niemi Qt Advanced Part 2
Petri Niemi Qt Advanced Part 2Petri Niemi Qt Advanced Part 2
Petri Niemi Qt Advanced Part 2NokiaAppForum
 
Using Multi-Touch and Gestures with Qt
Using Multi-Touch and Gestures with QtUsing Multi-Touch and Gestures with Qt
Using Multi-Touch and Gestures with Qtaccount inactive
 
RIA WG - RIA Component Interoperability RFI Draft (2010 Mar. Tc)
RIA WG - RIA Component Interoperability RFI Draft (2010 Mar. Tc)RIA WG - RIA Component Interoperability RFI Draft (2010 Mar. Tc)
RIA WG - RIA Component Interoperability RFI Draft (2010 Mar. Tc)Ethan Cha
 
Document Object Model
Document Object ModelDocument Object Model
Document Object Modelchomas kandar
 
Hand gesture recognition system(FYP REPORT)
Hand gesture recognition system(FYP REPORT)Hand gesture recognition system(FYP REPORT)
Hand gesture recognition system(FYP REPORT)Afnan Rehman
 
Gesture recognition adi
Gesture recognition adiGesture recognition adi
Gesture recognition adiaditya verma
 

Andere mochten auch (6)

Petri Niemi Qt Advanced Part 2
Petri Niemi Qt Advanced Part 2Petri Niemi Qt Advanced Part 2
Petri Niemi Qt Advanced Part 2
 
Using Multi-Touch and Gestures with Qt
Using Multi-Touch and Gestures with QtUsing Multi-Touch and Gestures with Qt
Using Multi-Touch and Gestures with Qt
 
RIA WG - RIA Component Interoperability RFI Draft (2010 Mar. Tc)
RIA WG - RIA Component Interoperability RFI Draft (2010 Mar. Tc)RIA WG - RIA Component Interoperability RFI Draft (2010 Mar. Tc)
RIA WG - RIA Component Interoperability RFI Draft (2010 Mar. Tc)
 
Document Object Model
Document Object ModelDocument Object Model
Document Object Model
 
Hand gesture recognition system(FYP REPORT)
Hand gesture recognition system(FYP REPORT)Hand gesture recognition system(FYP REPORT)
Hand gesture recognition system(FYP REPORT)
 
Gesture recognition adi
Gesture recognition adiGesture recognition adi
Gesture recognition adi
 

Ähnlich wie Multi Touch & Gesture Event Interface

Flash Lite & Touch: build an iPhone-like dynamic list
Flash Lite & Touch: build an iPhone-like dynamic listFlash Lite & Touch: build an iPhone-like dynamic list
Flash Lite & Touch: build an iPhone-like dynamic listSmall Screen Design
 
Fast multi touch enabled web sites
Fast multi touch enabled web sitesFast multi touch enabled web sites
Fast multi touch enabled web sitesAspenware
 
Tips for building fast multi touch enabled web sites
 Tips for building fast multi touch enabled web sites Tips for building fast multi touch enabled web sites
Tips for building fast multi touch enabled web sitesAspenware
 
Session 12 - Overview of taps, multitouch, and gestures
Session 12 - Overview of taps, multitouch, and gestures Session 12 - Overview of taps, multitouch, and gestures
Session 12 - Overview of taps, multitouch, and gestures Vu Tran Lam
 
Scratching the Surface with JavaFX
Scratching the Surface with JavaFXScratching the Surface with JavaFX
Scratching the Surface with JavaFXjavafxpert
 
Getting touchy - an introduction to touch and pointer events / TPAC 2016 / Li...
Getting touchy - an introduction to touch and pointer events / TPAC 2016 / Li...Getting touchy - an introduction to touch and pointer events / TPAC 2016 / Li...
Getting touchy - an introduction to touch and pointer events / TPAC 2016 / Li...Patrick Lauke
 
The touch events - WebExpo
The touch events - WebExpoThe touch events - WebExpo
The touch events - WebExpoPeter-Paul Koch
 
Developing Multi Touch Applications
Developing Multi Touch ApplicationsDeveloping Multi Touch Applications
Developing Multi Touch ApplicationsBrian Blanchard
 
Multi Touch presentation
Multi Touch presentationMulti Touch presentation
Multi Touch presentationsenthil0809
 
Scratching the Surface with JavaFX
Scratching the Surface with JavaFXScratching the Surface with JavaFX
Scratching the Surface with JavaFXNLJUG
 
Win7 Multi Touch
Win7 Multi TouchWin7 Multi Touch
Win7 Multi TouchDaniel Egan
 
Event Handling in JAVA
Event Handling in JAVAEvent Handling in JAVA
Event Handling in JAVASrajan Shukla
 
Getting touchy - an introduction to touch events / Sainté Mobile Days / Saint...
Getting touchy - an introduction to touch events / Sainté Mobile Days / Saint...Getting touchy - an introduction to touch events / Sainté Mobile Days / Saint...
Getting touchy - an introduction to touch events / Sainté Mobile Days / Saint...Patrick Lauke
 
Event Handling in Java
Event Handling in JavaEvent Handling in Java
Event Handling in JavaAyesha Kanwal
 
Prototyping GNOME UI for Gestural Input
Prototyping GNOME UI for Gestural InputPrototyping GNOME UI for Gestural Input
Prototyping GNOME UI for Gestural InputAdityo Pratomo
 
JavaScript - Chapter 11 - Events
 JavaScript - Chapter 11 - Events  JavaScript - Chapter 11 - Events
JavaScript - Chapter 11 - Events WebStackAcademy
 

Ähnlich wie Multi Touch & Gesture Event Interface (20)

Mobile Application Development class 005
Mobile Application Development class 005Mobile Application Development class 005
Mobile Application Development class 005
 
Flash Lite & Touch: build an iPhone-like dynamic list
Flash Lite & Touch: build an iPhone-like dynamic listFlash Lite & Touch: build an iPhone-like dynamic list
Flash Lite & Touch: build an iPhone-like dynamic list
 
Take a Ride on the Metro
Take a Ride on the MetroTake a Ride on the Metro
Take a Ride on the Metro
 
Fast multi touch enabled web sites
Fast multi touch enabled web sitesFast multi touch enabled web sites
Fast multi touch enabled web sites
 
Tips for building fast multi touch enabled web sites
 Tips for building fast multi touch enabled web sites Tips for building fast multi touch enabled web sites
Tips for building fast multi touch enabled web sites
 
Session 12 - Overview of taps, multitouch, and gestures
Session 12 - Overview of taps, multitouch, and gestures Session 12 - Overview of taps, multitouch, and gestures
Session 12 - Overview of taps, multitouch, and gestures
 
Event handling in Java(part 1)
Event handling in Java(part 1)Event handling in Java(part 1)
Event handling in Java(part 1)
 
Scratching the Surface with JavaFX
Scratching the Surface with JavaFXScratching the Surface with JavaFX
Scratching the Surface with JavaFX
 
Getting touchy - an introduction to touch and pointer events / TPAC 2016 / Li...
Getting touchy - an introduction to touch and pointer events / TPAC 2016 / Li...Getting touchy - an introduction to touch and pointer events / TPAC 2016 / Li...
Getting touchy - an introduction to touch and pointer events / TPAC 2016 / Li...
 
The touch events - WebExpo
The touch events - WebExpoThe touch events - WebExpo
The touch events - WebExpo
 
Developing Multi Touch Applications
Developing Multi Touch ApplicationsDeveloping Multi Touch Applications
Developing Multi Touch Applications
 
Multi Touch presentation
Multi Touch presentationMulti Touch presentation
Multi Touch presentation
 
Scratching the Surface with JavaFX
Scratching the Surface with JavaFXScratching the Surface with JavaFX
Scratching the Surface with JavaFX
 
Win7 Multi Touch
Win7 Multi TouchWin7 Multi Touch
Win7 Multi Touch
 
Event Handling in JAVA
Event Handling in JAVAEvent Handling in JAVA
Event Handling in JAVA
 
Getting touchy - an introduction to touch events / Sainté Mobile Days / Saint...
Getting touchy - an introduction to touch events / Sainté Mobile Days / Saint...Getting touchy - an introduction to touch events / Sainté Mobile Days / Saint...
Getting touchy - an introduction to touch events / Sainté Mobile Days / Saint...
 
Event Handling in Java
Event Handling in JavaEvent Handling in Java
Event Handling in Java
 
Unit 6 Java
Unit 6 JavaUnit 6 Java
Unit 6 Java
 
Prototyping GNOME UI for Gestural Input
Prototyping GNOME UI for Gestural InputPrototyping GNOME UI for Gestural Input
Prototyping GNOME UI for Gestural Input
 
JavaScript - Chapter 11 - Events
 JavaScript - Chapter 11 - Events  JavaScript - Chapter 11 - Events
JavaScript - Chapter 11 - Events
 

Multi Touch & Gesture Event Interface

  • 1. Multi Touch & Gesture - Event Interface and Types June, 2010 TC Meeting in Minneapolis, MN Eunil SEO / [email_address] Siman KIM / [email_address] Sangchual CHA / [email_address]
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. DOM Lvl3 Event Interface http://www.w3.org/TR/DOM-Level-3-Events/#dom-event-architecture
  • 7.
  • 8.
  • 9.
  • 10. RIA Event Spectrum Event Interpreter Device Event Device Event Device Event Event Interpreter Event Interpreter Interpreted Event Interpreted Event * Physical device with device driver * With Application Framework * RIA Platform includes Application Framework Device O/S RIA Platform Application Device RIA Platform
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Sample Gestures in Touch Device Gestureworks Open Souce Gesture Library (http://gestureworks.com/about/open-source-gesture-library/ ) Tap Two finger zoom out Two finger zoom in Double Tap Touch Down Touch Up One finger drag Pinch zoom Two finger tap One finger swipe Two finger swipe Two finger double tap Two finger horizontal scroll Two finger vertical scroll
  • 16.
  • 17.
  • 18. Gestures in iPhone O/S cont’d
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.

Hinweis der Redaktion

  1. Event Diagram 확인하여 다시 그려 주세요 .