SlideShare a Scribd company logo
Comparing the Multimodal
Interaction Technique Design of
MINT with NiMMiT
Sebastian Feuerstack and Ednaldo B. Pizzolato
Dr.-Ing. Sebastian Feuerstack
OFFIS – Institute for Information Technology
Oldenburg, Germany
21. Dezember 2013

Sebastian Feuerstack I Sebastian@Feuerstack.org
Outline
1.
2.
3.
4.

Introduction / Use Case
Related Work
NiMMiT vs. MINT
Results of Comparison

21. Dezember 2013

2
Post-WIMP Interfaces

Non-Traditional UIs
Specifically designed, High degree of freedom
Modes: Speech, Gestures Media: Augmented Reality
21. Dezember 2013

3
Basic Question

How to model
multimodal interaction
techniques?

21. Dezember 2013

4
Object-In-Hand-Metaphor

Utilized in 3D worlds
– Navigation, object
selection and object
manipulation.
21. Dezember 2013

Images taken from Boeck et al. 2007

5
Why modeling?
Design, prototype, communicate and store
interaction techniques to be re-usable.
• High-level visual language
– Incorporated in a tool
– Abstracts source code
– Declarative and precise to be executed
21. Dezember 2013

6
What is State of the Art ?
State-driven
Object Graphs [Carr97]
ICOs [Navarre05]

Dataflow-driven:
InTml [Figueroa02]

Icon [Dragicevic04]

NiMMiT [Boeck06]
State + Data + Event +
Hierarchy
21. Dezember 2013

7
21. Dezember 2013

The Augmented “Drag-and-Drop

8
What are the Problems ?
State Explosion
Missing Undo Steps

Incorporation of Output Modalities
How do we model ?
CUI

Behavior

Mapping

B

Structure

• Models

S

Resource
Interactor

– Interactors (Abstract & Concrete Media, Mode)
• Static: class diagram, Behavior: state-chart

– Mappings (Data Flow)
• Custom Notation
21. Dezember 2013

10
UI Model
3DObject:CUI

hidden
hide

initialized

position

position

displaying

selected

deselect
displayed

positioned
unhighlight

highlight

highlighted

select

select_
texture
face

select_
face

display

Class1::3DObject

stopped
rotate

stop

rotating

drag
/parent.remove(self)
dropped

21. Dezember 2013

texture

H

drop

dragging

+origin_x : int
+origin_y : int
+x,y,z : int
+face : string
+texture : string
+rotation : int
+move()
+rotate()

11
Resource Interactor

GestureInteractor
DominantHand.PointingDevice
stopped
stopped

Non-DominantHand

stopped

move

move

grab
released
grab
open
grabbing

stopped

moving
move

moving

move_away
move_away

move
waiting

click

21. Dezember 2013

clicked

translating

rotating
rotate

12
Selection Technique
Highlighting Mapping
Highlighting
x,y = PointingDevice.stopped

S

obj=FC.collision(x,y)

obj.highlight

Selection Mapping
Selection
PointingDevice.clicked
obj=3DObject.highlighted

21. Dezember 2013

C

obj.select

13
Object-In-Hand-Metaphor
Grap and Move Mapping
Object in Hand and Moving while grabbing
Non-DominantHand.grabbing
obj = 3DObject.selected

Tw<0,3s

C

n_x,n_y,offset=FC.calculateOffset(x1,y1,obj)
obj.move(n_x,n_y)

x1,y1 = PointingDevice.moving
x2,y2=Non-DominantHand
FC.proximity(x1,x2,y1,y2)

Withdrawal Mapping
Object Withdrawal
Non-DominantHand.move_away
objs = 3DObject.selected

21. Dezember 2013

S

obj.deselect
obj.move(obj.origin_x,obj.origin_y)

14
Results of Comparison
1. State Explosion
–

Data-flow separated from state-driven behavior model

2. Recovery Options, e.g. Drag-and-Drop
c ) Drag-and-Drop
Non-DominantHand.grabbing

S

Non-DominantHand.released

Item= 3DObject.selected

C

dst.drop(item)

dst=Box.highlighted
item.drag

src=item.parent

src.drop(item)

fail

3. Multimodal Output
b ) Assignment of Output
3DObject.highlighted

A

Sound.click

a ) Redundant Output

x,y = PointingDevice.stopped
obj=FC.colision(x,y)
21. Dezember 2013

S

R

obj.highlight
Sound.click
15
Results of Comparison 2
4. Design Process
NiMMiT: Sequential and iterative,
Execution of XML-based
Model, Model observation
MINT: Initial Deployment, Model
observation, Model
manipulation at runtime

5. Tools Support
NiMMiT: One Tool, one Model
MINT: Two Tools, two (three)
different Models
21. Dezember 2013

16
Questions or Comments?

21. Dezember 2013

17
Bio Sebastian Feuerstack
Master in Information Systems and Artificial
Intelligence, Technical University Berlin
PhD about Modal-based Design of Interactive
Systems, TU-Berlin & Researcher, DAI-Labor
Post-Doc about Design of Multimodal Interaction,
UFSCar & German Research Foundation
Project Manager & Senior Researcher of the
European Research Project: Holistic Human Factors
and System Design of Adaptive Cooperative HumanMachine Systems, OFFIS, Oldenburg, Germany

Research Interests: Engineering Interactive Systems,
Models, Methods and Tools Application: Assistance

Systems
Publications, Slides, Videos and Projects:
http://www.multi-access.de & http://www.feuerstack.org
21. Dezember 2013

18

More Related Content

Viewers also liked (20)

PPT
Lca seminar modified
Inbok Lee
 
PDF
Integrating Lucene into a Transactional XML Database
lucenerevolution
 
PDF
Gesture-aware remote controls: guidelines and interaction techniques
Dong-Bach Vo
 
PDF
Xml databases
Srinivasan R
 
DOCX
Algorithms and Data Structures~hmftj
LGS, GBHS&IC, University Of South-Asia, TARA-Technologies
 
PDF
XML In My Database!
Denise McInerney
 
PPTX
[DL Hacks輪読] Semi-Supervised Learning with Ladder Networks (NIPS2015)
Yusuke Iwasawa
 
PDF
Singletons in PHP - Why they are bad and how you can eliminate them from your...
go_oh
 
PPT
XML Databases
Jussi Pohjolainen
 
PDF
Masterizing php data structure 102
Patrick Allaert
 
PDF
Building and deploying PHP applications with Phing
Michiel Rook
 
PPTX
Semi supervised learning
Ahmed Taha
 
PDF
Extending Word2Vec for Performance and Semi-Supervised Learning-(Michael Mala...
Spark Summit
 
PDF
PHP 7 – What changed internally? (PHP Barcelona 2015)
Nikita Popov
 
PPSX
Biomolecular interaction analysis (BIA) techniques
N Poorin
 
PDF
HTTP cookie hijacking in the wild: security and privacy implications
Priyanka Aash
 
PDF
LCA and RMQ ~簡潔もあるよ!~
Yuma Inoue
 
PDF
Cookies and browser exploits
Iftach Ian Amit
 
PPTX
Semi-Supervised Learning
Lukas Tencer
 
PDF
What is Agile Software Development?
Blossom IO Inc.
 
Lca seminar modified
Inbok Lee
 
Integrating Lucene into a Transactional XML Database
lucenerevolution
 
Gesture-aware remote controls: guidelines and interaction techniques
Dong-Bach Vo
 
Xml databases
Srinivasan R
 
Algorithms and Data Structures~hmftj
LGS, GBHS&IC, University Of South-Asia, TARA-Technologies
 
XML In My Database!
Denise McInerney
 
[DL Hacks輪読] Semi-Supervised Learning with Ladder Networks (NIPS2015)
Yusuke Iwasawa
 
Singletons in PHP - Why they are bad and how you can eliminate them from your...
go_oh
 
XML Databases
Jussi Pohjolainen
 
Masterizing php data structure 102
Patrick Allaert
 
Building and deploying PHP applications with Phing
Michiel Rook
 
Semi supervised learning
Ahmed Taha
 
Extending Word2Vec for Performance and Semi-Supervised Learning-(Michael Mala...
Spark Summit
 
PHP 7 – What changed internally? (PHP Barcelona 2015)
Nikita Popov
 
Biomolecular interaction analysis (BIA) techniques
N Poorin
 
HTTP cookie hijacking in the wild: security and privacy implications
Priyanka Aash
 
LCA and RMQ ~簡潔もあるよ!~
Yuma Inoue
 
Cookies and browser exploits
Iftach Ian Amit
 
Semi-Supervised Learning
Lukas Tencer
 
What is Agile Software Development?
Blossom IO Inc.
 

Similar to Comparing the Multimodal Interaction Technique Design of MINT with NiMMiT (20)

PDF
COMP 4010: Lecture 4 - 3D User Interfaces for VR
Mark Billinghurst
 
PPTX
Modelling of User Interfaces based on State- Charts to Ease the Test and Eval...
Sebastian Feuerstack
 
PDF
Lecture 5: 3D User Interfaces for Virtual Reality
Mark Billinghurst
 
PDF
Comp4010 Lecture10 VR Interface Design
Mark Billinghurst
 
PDF
COMP 4010 - Lecture 4: 3D User Interfaces
Mark Billinghurst
 
PPT
Designing and Executing Multimodal Interfaces for the Web based on State Char...
Sebastian Feuerstack
 
PDF
Ay4103315317
IJERA Editor
 
PPT
Model Based Development For 3 D User Interfaces
Juan Manuel Gonzalez Calleros
 
PDF
Video Browsing By Direct Manipulation - Draft 1
Vashira Ravipanich
 
PDF
Investigating Perceptible Affordances of Natural User Interfaces - Jacques Ch...
City University London
 
PDF
IRJET- A Vision based Hand Gesture Recognition System using Convolutional...
IRJET Journal
 
PDF
A Structured Approach for Conducting a Series of Controlled Experiments in So...
Richard Müller
 
PDF
COMP 4010 Lecture7 3D User Interfaces for Virtual Reality
Mark Billinghurst
 
PDF
Natural Interaction for Augmented Reality Applications
Mark Billinghurst
 
PDF
426 Lecture 9: Research Directions in AR
Mark Billinghurst
 
PDF
IRJET- Survey Paper on Vision based Hand Gesture Recognition
IRJET Journal
 
PDF
A Generic Framework for Executable Gestural Interaction Models
Tom Mens
 
PDF
A Uniform Specification Of Mixed Reality Interface Components
Nicole Heredia
 
PDF
Kilix: Heterogeneous Modeling of Gesture-Based 3D Applications
Tom Mens
 
PPTX
Gesture recognition systems
Mãrwã MãrwØùt'ã
 
COMP 4010: Lecture 4 - 3D User Interfaces for VR
Mark Billinghurst
 
Modelling of User Interfaces based on State- Charts to Ease the Test and Eval...
Sebastian Feuerstack
 
Lecture 5: 3D User Interfaces for Virtual Reality
Mark Billinghurst
 
Comp4010 Lecture10 VR Interface Design
Mark Billinghurst
 
COMP 4010 - Lecture 4: 3D User Interfaces
Mark Billinghurst
 
Designing and Executing Multimodal Interfaces for the Web based on State Char...
Sebastian Feuerstack
 
Ay4103315317
IJERA Editor
 
Model Based Development For 3 D User Interfaces
Juan Manuel Gonzalez Calleros
 
Video Browsing By Direct Manipulation - Draft 1
Vashira Ravipanich
 
Investigating Perceptible Affordances of Natural User Interfaces - Jacques Ch...
City University London
 
IRJET- A Vision based Hand Gesture Recognition System using Convolutional...
IRJET Journal
 
A Structured Approach for Conducting a Series of Controlled Experiments in So...
Richard Müller
 
COMP 4010 Lecture7 3D User Interfaces for Virtual Reality
Mark Billinghurst
 
Natural Interaction for Augmented Reality Applications
Mark Billinghurst
 
426 Lecture 9: Research Directions in AR
Mark Billinghurst
 
IRJET- Survey Paper on Vision based Hand Gesture Recognition
IRJET Journal
 
A Generic Framework for Executable Gestural Interaction Models
Tom Mens
 
A Uniform Specification Of Mixed Reality Interface Components
Nicole Heredia
 
Kilix: Heterogeneous Modeling of Gesture-Based 3D Applications
Tom Mens
 
Gesture recognition systems
Mãrwã MãrwØùt'ã
 
Ad

More from Sebastian Feuerstack (6)

PPTX
Revealing Differences in Designer‘s and Users‘Perspectives
Sebastian Feuerstack
 
PPTX
MINT-Composer – A Toolchain for the Model-based Specification of Post-WIMP In...
Sebastian Feuerstack
 
PPTX
Engineering Device-spanning, Multimodal Web Applications using a Model-based ...
Sebastian Feuerstack
 
PPTX
Model-based Design and Generation of a Gesture-based User Interface Navigatio...
Sebastian Feuerstack
 
PPTX
Model-based Design of Interactions that can bridge Realities – The Augmented...
Sebastian Feuerstack
 
PPT
Model Based Layouting
Sebastian Feuerstack
 
Revealing Differences in Designer‘s and Users‘Perspectives
Sebastian Feuerstack
 
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 ...
Sebastian Feuerstack
 
Model-based Design and Generation of a Gesture-based User Interface Navigatio...
Sebastian Feuerstack
 
Model-based Design of Interactions that can bridge Realities – The Augmented...
Sebastian Feuerstack
 
Model Based Layouting
Sebastian Feuerstack
 
Ad

Recently uploaded (20)

PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
PPTX
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
PDF
Impact of IEEE Computer Society in Advancing Emerging Technologies including ...
Hironori Washizaki
 
PDF
Empowering Cloud Providers with Apache CloudStack and Stackbill
ShapeBlue
 
PPT
Interview paper part 3, It is based on Interview Prep
SoumyadeepGhosh39
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PDF
Persuasive AI: risks and opportunities in the age of digital debate
Speck&Tech
 
PPTX
Darren Mills The Migration Modernization Balancing Act: Navigating Risks and...
AWS Chicago
 
PPTX
Top Managed Service Providers in Los Angeles
Captain IT
 
PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
PDF
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PDF
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
PDF
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
PDF
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
PDF
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PPTX
Building a Production-Ready Barts Health Secure Data Environment Tooling, Acc...
Barts Health
 
PDF
CloudStack GPU Integration - Rohit Yadav
ShapeBlue
 
PDF
Français Patch Tuesday - Juillet
Ivanti
 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
Impact of IEEE Computer Society in Advancing Emerging Technologies including ...
Hironori Washizaki
 
Empowering Cloud Providers with Apache CloudStack and Stackbill
ShapeBlue
 
Interview paper part 3, It is based on Interview Prep
SoumyadeepGhosh39
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
Persuasive AI: risks and opportunities in the age of digital debate
Speck&Tech
 
Darren Mills The Migration Modernization Balancing Act: Navigating Risks and...
AWS Chicago
 
Top Managed Service Providers in Los Angeles
Captain IT
 
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
Building a Production-Ready Barts Health Secure Data Environment Tooling, Acc...
Barts Health
 
CloudStack GPU Integration - Rohit Yadav
ShapeBlue
 
Français Patch Tuesday - Juillet
Ivanti
 

Comparing the Multimodal Interaction Technique Design of MINT with NiMMiT

Editor's Notes

  • #4: The Post-WIMP term sums up the trend to design interaction techniques specifically to a certain combination of an application and one or more interaction devices and their control modes. Non-traditional interfaces that consider modes like speech or gestures and media such as augmented and hyper-reality offer a high degree of freedom in interaction design but make the design process cumbersome since extensive user testing is usually required to figure out an efficient and accessible way of interaction.
  • #7: is
  • #10: Transformationalapproach Not targetedtomultmodalinterfaces, Models areinspectable but transformationsarecomplexAssembly Approach: Black-boxedcomponents, extensibilityproblem