SlideShare a Scribd company logo
1 of 20
1. Juni 2011 Model-based Design of Interactions that can bridge RealitiesThe Augmented “Drag-and-Drop”Sebastian Feuerstack, Allan C. M. de Oliveira, Regina B. Araujo Universidade Federal de São CarlosDepartamento de Computacão
The Augmented “Drag-and-Drop” 2 1. Juni 2011 Basic Question How to model Interactions that span Modes and Media ?
The Augmented “Drag-and-Drop 3 1. Juni 2011 Which Media ? http://flic.kr/p/6A7D3E
The Augmented “Drag-and-Drop” 4 1. Juni 2011 Which Modes? http://flic.kr/p/7sZ6ho http://flic.kr/p/6eeLwg
The Augmented “Drag-and-Drop 5 1. Juni 2011 How ? Device ; Modality
The Augmented “Drag-and-Drop 6 1. Juni 2011 Why modeling? One specification that is declarative and exact to discuss & execute Is located  between Tool and Code can be easily adapted or enhanced to different forms of interaction
The Augmented “Drag-and-Drop 7 1. Juni 2011 Use Case:  Augmented Drag and Drop Buying Furniture  Shopping Cart Drag and Drop Into my environment
Video: Connecting the Web with AR The Augmented “Drag-and-Drop 8 1. Juni 2011 VIDEO Mouse-based Drag-and-Drop
The Augmented “Drag-and-Drop 9 1. Juni 2011 How to model? Models Interactors(Abstract & Concrete Media, Mode)  Static: class diagramm, Behavior: state-chart Mappings Mode-To-Media Synchronization Custom Notation
The Augmented “Drag-and-Drop 10 1. Juni 2011 Abstract Media Model
The Augmented “Drag-and-Drop 11 1. Juni 2011 Abstract Media Model Single Choice Aggregates a set of Entities from that only one can be chosen at a time Examples: Direction (leftorright), Shopping Cart Further Properties:   Output tothe User Container -> Aggregation, Discrete, thatare Inputs Contains Single Choice Elements
The Augmented “Drag-and-Drop 12 1. Juni 2011 Abstract Behavior Model
Design of Multimodal Interaction 13 1. Juni 2011 Mode Model (Example: Mouse)
The Augmented “Drag-and-Drop 14 1. Juni 2011 Multimodal Mapping The Drag-and-Drop
The Augmented “Drag-and-Drop 15 1. Juni 2011 Conclusions & Future Work What’s the advantage? Detailed, declarative Modeling of Interactions (Media, Mode) We can combine Modes & Media and bridge Realities What`s still missing is a tool What`s the advantage??? Lets see a demo with different Modes
Gesture-based Drag and Drop Control  The Augmented “Drag-and-Drop 16 1. Juni 2011 Cam Jessica  Pointing Cam Command Monitor
Gesture-based Drag and Drop Control  Design of Multimodal Interaction 17 1. Juni 2011 VIDEO Gesture-based Drag-and-Drop
The Augmented “Drag-and-Drop 18 1. Juni 2011 The End … Thank you for your attention! Your questions please …
The Augmented “Drag-and-Drop 19 1. Juni 2011 Abstract Model Reference – Object or Property of an Object to unambigously identify it Examples: Name, Color, Number, Shape, Coordinate Further Properties:   Discrete -> Distinguishable Input -> bythe User
The Augmented “Drag-and-Drop 20 1. Juni 2011 Multimodal Mapping (Combining Mode with Media)

More Related Content

Similar to The Augmented Drag-and-Drop

Cosimo Accoto - Auditing Innovation - 30 6-2011 - A+ Conference
Cosimo Accoto - Auditing Innovation - 30 6-2011 - A+ ConferenceCosimo Accoto - Auditing Innovation - 30 6-2011 - A+ Conference
Cosimo Accoto - Auditing Innovation - 30 6-2011 - A+ Conference
A+
 
1P A R T Introduction to Analytics and AII
1P A R T Introduction to Analytics and AII1P A R T Introduction to Analytics and AII
1P A R T Introduction to Analytics and AII
TatianaMajor22
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
Akhil Kumar
 

Similar to The Augmented Drag-and-Drop (20)

What is the big deal about HTML5
What is the big deal about HTML5What is the big deal about HTML5
What is the big deal about HTML5
 
RockYou at Girls in Tech Developer Forum
RockYou at Girls in Tech Developer ForumRockYou at Girls in Tech Developer Forum
RockYou at Girls in Tech Developer Forum
 
OpenLayers Mobile Code Sprint, 2011
OpenLayers Mobile Code Sprint, 2011OpenLayers Mobile Code Sprint, 2011
OpenLayers Mobile Code Sprint, 2011
 
Cosimo Accoto - Auditing Innovation - 30 6-2011 - A+ Conference
Cosimo Accoto - Auditing Innovation - 30 6-2011 - A+ ConferenceCosimo Accoto - Auditing Innovation - 30 6-2011 - A+ Conference
Cosimo Accoto - Auditing Innovation - 30 6-2011 - A+ Conference
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
 
Self-Organized, Autonomous UX | SoCal UX Camp | May 31, 2014
Self-Organized, Autonomous UX  |  SoCal UX Camp  |  May 31, 2014Self-Organized, Autonomous UX  |  SoCal UX Camp  |  May 31, 2014
Self-Organized, Autonomous UX | SoCal UX Camp | May 31, 2014
 
Modelling of User Interfaces based on State- Charts to Ease the Test and Eval...
Modelling of User Interfaces based on State- Charts to Ease the Test and Eval...Modelling of User Interfaces based on State- Charts to Ease the Test and Eval...
Modelling of User Interfaces based on State- Charts to Ease the Test and Eval...
 
ITP / SED Day 2
ITP / SED Day 2ITP / SED Day 2
ITP / SED Day 2
 
1P A R T Introduction to Analytics and AII
1P A R T Introduction to Analytics and AII1P A R T Introduction to Analytics and AII
1P A R T Introduction to Analytics and AII
 
Is accessibility the new black?
Is accessibility the new black?Is accessibility the new black?
Is accessibility the new black?
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
 
Open Social
Open SocialOpen Social
Open Social
 
ICWE 2010 Demonstration and Poster elevator pitch session
ICWE 2010 Demonstration and Poster elevator pitch sessionICWE 2010 Demonstration and Poster elevator pitch session
ICWE 2010 Demonstration and Poster elevator pitch session
 
Should I Go Mobile? Am I Cool Enough?
Should I Go Mobile?  Am I Cool Enough?Should I Go Mobile?  Am I Cool Enough?
Should I Go Mobile? Am I Cool Enough?
 
MODEL-DRIVEN ENGINEERING OF BEHAVIORS FOR USER INTERFACES IN MULTIPLE CONTEXT...
MODEL-DRIVEN ENGINEERING OF BEHAVIORS FOR USER INTERFACES IN MULTIPLE CONTEXT...MODEL-DRIVEN ENGINEERING OF BEHAVIORS FOR USER INTERFACES IN MULTIPLE CONTEXT...
MODEL-DRIVEN ENGINEERING OF BEHAVIORS FOR USER INTERFACES IN MULTIPLE CONTEXT...
 
Technology and UX,UI design trends for 2023
Technology and UX,UI design trends for 2023Technology and UX,UI design trends for 2023
Technology and UX,UI design trends for 2023
 
OSDC - Open and Accessible
OSDC - Open and AccessibleOSDC - Open and Accessible
OSDC - Open and Accessible
 
Application Design - Part 3
Application Design - Part 3Application Design - Part 3
Application Design - Part 3
 

Recently uploaded

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 

The Augmented Drag-and-Drop

  • 1. 1. Juni 2011 Model-based Design of Interactions that can bridge RealitiesThe Augmented “Drag-and-Drop”Sebastian Feuerstack, Allan C. M. de Oliveira, Regina B. Araujo Universidade Federal de São CarlosDepartamento de Computacão
  • 2. The Augmented “Drag-and-Drop” 2 1. Juni 2011 Basic Question How to model Interactions that span Modes and Media ?
  • 3. The Augmented “Drag-and-Drop 3 1. Juni 2011 Which Media ? http://flic.kr/p/6A7D3E
  • 4. The Augmented “Drag-and-Drop” 4 1. Juni 2011 Which Modes? http://flic.kr/p/7sZ6ho http://flic.kr/p/6eeLwg
  • 5. The Augmented “Drag-and-Drop 5 1. Juni 2011 How ? Device ; Modality
  • 6. The Augmented “Drag-and-Drop 6 1. Juni 2011 Why modeling? One specification that is declarative and exact to discuss & execute Is located between Tool and Code can be easily adapted or enhanced to different forms of interaction
  • 7. The Augmented “Drag-and-Drop 7 1. Juni 2011 Use Case: Augmented Drag and Drop Buying Furniture Shopping Cart Drag and Drop Into my environment
  • 8. Video: Connecting the Web with AR The Augmented “Drag-and-Drop 8 1. Juni 2011 VIDEO Mouse-based Drag-and-Drop
  • 9. The Augmented “Drag-and-Drop 9 1. Juni 2011 How to model? Models Interactors(Abstract & Concrete Media, Mode) Static: class diagramm, Behavior: state-chart Mappings Mode-To-Media Synchronization Custom Notation
  • 10. The Augmented “Drag-and-Drop 10 1. Juni 2011 Abstract Media Model
  • 11. The Augmented “Drag-and-Drop 11 1. Juni 2011 Abstract Media Model Single Choice Aggregates a set of Entities from that only one can be chosen at a time Examples: Direction (leftorright), Shopping Cart Further Properties: Output tothe User Container -> Aggregation, Discrete, thatare Inputs Contains Single Choice Elements
  • 12. The Augmented “Drag-and-Drop 12 1. Juni 2011 Abstract Behavior Model
  • 13. Design of Multimodal Interaction 13 1. Juni 2011 Mode Model (Example: Mouse)
  • 14. The Augmented “Drag-and-Drop 14 1. Juni 2011 Multimodal Mapping The Drag-and-Drop
  • 15. The Augmented “Drag-and-Drop 15 1. Juni 2011 Conclusions & Future Work What’s the advantage? Detailed, declarative Modeling of Interactions (Media, Mode) We can combine Modes & Media and bridge Realities What`s still missing is a tool What`s the advantage??? Lets see a demo with different Modes
  • 16. Gesture-based Drag and Drop Control The Augmented “Drag-and-Drop 16 1. Juni 2011 Cam Jessica Pointing Cam Command Monitor
  • 17. Gesture-based Drag and Drop Control Design of Multimodal Interaction 17 1. Juni 2011 VIDEO Gesture-based Drag-and-Drop
  • 18. The Augmented “Drag-and-Drop 18 1. Juni 2011 The End … Thank you for your attention! Your questions please …
  • 19. The Augmented “Drag-and-Drop 19 1. Juni 2011 Abstract Model Reference – Object or Property of an Object to unambigously identify it Examples: Name, Color, Number, Shape, Coordinate Further Properties: Discrete -> Distinguishable Input -> bythe User
  • 20. The Augmented “Drag-and-Drop 20 1. Juni 2011 Multimodal Mapping (Combining Mode with Media)