SlideShare a Scribd company logo
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 Model-based Design of Interactions that can bridge Realities – The Augmented Drag-and-Drop

Designing and Executing Multimodal Interfaces for the Web based on State Char...
Designing and Executing Multimodal Interfaces for the Web based on State Char...Designing and Executing Multimodal Interfaces for the Web based on State Char...
Designing and Executing Multimodal Interfaces for the Web based on State Char...
Sebastian Feuerstack
 
Sogeti - Android tech track presentation - 24 february 2011
Sogeti - Android tech track presentation - 24 february 2011Sogeti - Android tech track presentation - 24 february 2011
Sogeti - Android tech track presentation - 24 february 2011
Kenneth van Rumste
 
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
Rasha Proctor
 
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
themix
 
OpenLayers Mobile Code Sprint, 2011
OpenLayers Mobile Code Sprint, 2011OpenLayers Mobile Code Sprint, 2011
OpenLayers Mobile Code Sprint, 2011
Moullet
 
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+
 
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
Float
 
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
Jaimi Kercher
 
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...
Sebastian Feuerstack
 
ITP / SED Day 2
ITP / SED Day 2ITP / SED Day 2
ITP / SED Day 2
Sami Niemelä
 
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
 
Is accessibility the new black?
Is accessibility the new black?Is accessibility the new black?
Is accessibility the new black?
George Otoiu
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
KevinHao14
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
Lewis Lin 🦊
 
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
 
Open Social
Open SocialOpen Social
Open Social
Danish Nadeem
 
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
Marco Brambilla
 
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?
Billy Cripe
 
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...
Jean Vanderdonckt
 
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
Cocoon Experience
 

Similar to Model-based Design of Interactions that can bridge Realities – The Augmented Drag-and-Drop (20)

Designing and Executing Multimodal Interfaces for the Web based on State Char...
Designing and Executing Multimodal Interfaces for the Web based on State Char...Designing and Executing Multimodal Interfaces for the Web based on State Char...
Designing and Executing Multimodal Interfaces for the Web based on State Char...
 
Sogeti - Android tech track presentation - 24 february 2011
Sogeti - Android tech track presentation - 24 february 2011Sogeti - Android tech track presentation - 24 february 2011
Sogeti - Android tech track presentation - 24 february 2011
 
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
 

More from Sebastian Feuerstack

Revealing Differences in Designer‘s and Users‘Perspectives
Revealing Differences in Designer‘s and Users‘PerspectivesRevealing Differences in Designer‘s and Users‘Perspectives
Revealing Differences in Designer‘s and Users‘Perspectives
Sebastian Feuerstack
 
Comparing the Multimodal Interaction Technique Design of MINT with NiMMiT
Comparing the Multimodal Interaction Technique Design of MINT with NiMMiTComparing the Multimodal Interaction Technique Design of MINT with NiMMiT
Comparing the Multimodal Interaction Technique Design of MINT with NiMMiT
Sebastian Feuerstack
 
MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...
MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...
MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...
Sebastian Feuerstack
 
Engineering Device-spanning, Multimodal Web Applications using a Model-based ...
Engineering Device-spanning, Multimodal Web Applications using a Model-based ...Engineering Device-spanning, Multimodal Web Applications using a Model-based ...
Engineering Device-spanning, Multimodal Web Applications using a Model-based ...
Sebastian Feuerstack
 
Model-based Design and Generation of a Gesture-based User Interface Navigatio...
Model-based Design and Generation of a Gesture-based User Interface Navigatio...Model-based Design and Generation of a Gesture-based User Interface Navigatio...
Model-based Design and Generation of a Gesture-based User Interface Navigatio...
Sebastian Feuerstack
 
Model Based Layouting
Model Based LayoutingModel Based Layouting
Model Based Layouting
Sebastian Feuerstack
 

More from Sebastian Feuerstack (6)

Revealing Differences in Designer‘s and Users‘Perspectives
Revealing Differences in Designer‘s and Users‘PerspectivesRevealing Differences in Designer‘s and Users‘Perspectives
Revealing Differences in Designer‘s and Users‘Perspectives
 
Comparing the Multimodal Interaction Technique Design of MINT with NiMMiT
Comparing the Multimodal Interaction Technique Design of MINT with NiMMiTComparing the Multimodal Interaction Technique Design of MINT with NiMMiT
Comparing the Multimodal Interaction Technique Design of MINT with NiMMiT
 
MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...
MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...
MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...
 
Engineering Device-spanning, Multimodal Web Applications using a Model-based ...
Engineering Device-spanning, Multimodal Web Applications using a Model-based ...Engineering Device-spanning, Multimodal Web Applications using a Model-based ...
Engineering Device-spanning, Multimodal Web Applications using a Model-based ...
 
Model-based Design and Generation of a Gesture-based User Interface Navigatio...
Model-based Design and Generation of a Gesture-based User Interface Navigatio...Model-based Design and Generation of a Gesture-based User Interface Navigatio...
Model-based Design and Generation of a Gesture-based User Interface Navigatio...
 
Model Based Layouting
Model Based LayoutingModel Based Layouting
Model Based Layouting
 

Recently uploaded

How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Alpen-Adria-Universität
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
Hiike
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
alexjohnson7307
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
Tatiana Kojar
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
GDSC PJATK
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
Intelisync
 
dbms calicut university B. sc Cs 4th sem.pdf
dbms  calicut university B. sc Cs 4th sem.pdfdbms  calicut university B. sc Cs 4th sem.pdf
dbms calicut university B. sc Cs 4th sem.pdf
Shinana2
 
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStrDeep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
saastr
 
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfNunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
flufftailshop
 

Recently uploaded (20)

How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
 
dbms calicut university B. sc Cs 4th sem.pdf
dbms  calicut university B. sc Cs 4th sem.pdfdbms  calicut university B. sc Cs 4th sem.pdf
dbms calicut university B. sc Cs 4th sem.pdf
 
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStrDeep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
 
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfNunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
 

Model-based Design of Interactions that can bridge Realities – 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)