A Structured Approach to Support 3D User Interface Development

1 February 1-7, 2009 - Cancun, Mexico ACHI’09

A structured approach to support 3D User Interface Development

Juan Manuel Gonzalez-Calleros, Jean Vanderdonckt and Jaime Muñoz-ArteagaUniversité catholique de Louvain (UCL), Louvain School of Management (LSM)

Information Systems Unit (ISYS)[email protected]

[email protected]

Sistemas de Información Universidad Autónoma de Aguascalientes

[email protected]


Outline

1. Introduction2. State of the Art3. A structured approach to support 3D User

Interface Development4. Conclusion


Introduction

– Web more collaborative– Increase use of social networks– Web 2.0

It will be the future landscape of the internet places, not pages?


Introduction

– Current methods:• rarely provide the design knowledge• are more focusing on the implementation

– Available tools for 3D UIs are: Toolkits, interface builders, rendering engines


Introduction

– Our goal:“to demonstrate the feasibility of a

MDE- compliant method that is user-centered as opposed to contents-centric for developing 3D UIs”

– We propose:• a user-centered approach• model-driven architecture• separation of concerns


Outline

1. Introduction2. State of the Art3. A structured method for developing 3DUI4. Conclusion


State of the art

– Methodological diversity

– Not user centered approaches

– Single entry and single output

– Transformations are hidden


State of the art

– Lack of a methodology for developing 3D

UIs

– Lack of user task models

– Lack of models independent to the final

implementations

– Lack of a toolkit for such work

– Lack of genuine 3D UIs


Outline

1. Introduction2. State of the Art3. A structured approach to support 3D

User Interface Development4. Conclusion


Scope of the Method

– Pure Reality– Augmented reality– Augmented

Virtuality– Virtual 3D GUI– Digital 3D GUI– 3D rendering of 2D

GUI– 2D GUI


Method Outline

Task and Domain Model


Rule: A task manipulates a domain class

Task & Concepts

Abstract User Interface

Concrete User Interface

Final User Interface


Step1. Consolidation of the task Model

NAC LHS RHS

::=

NAC LHS RHS

::=

Each of the new sub-tasks will be mapped on the corresponding attribute of the class

Rule: For each task that manipulates a domain class, a new subtask is created for each attribute.

Task & Concepts




Step1. Consolidation of the task Model


Task & Concepts




Step 2: From task to Abstract User Interface Model


NAC LHS RHS

::=

NAC LHS RHS

::=

Each task is executed in an abstract container if the task is decomposed into subtasks

Task & Concepts






Task & Concepts






NAC LHS RHS

::=

NAC LHS RHS

::=

Each leaf task is executed in an abstract individual component.

Task & Concepts






Task & Concepts




Step 3: From Abstract User Interface to Concrete User Interface Model


Task & Concepts




Concrete User Interface For each

Abstract Container



That contains an abstract individual component (AIC)

And the AIC is composed of an input facet And the facet has an action type select

Task & Concepts





And the domain of the data is continuous

Then concretize the AIC into a Slider contained in a graphical container (Box)

The rule is applied to 6 AIC


Task & Concepts



Step 4: Adding behaviour


1 0 C a lc Va lue ( x ,y ) 1 0 0

< x ,y > < x ,y >

< x .y >

T r a in er s

T r a ie rS a lar y

S tu d en tS a lar y

S tu d en ts

T r a in er W o r -k in g D ay s

An n u alW o r -k in g D ay s

Upda te A n n u a lW ork in gD ays

S tu d en tsP erT r a in er

Upda te S tu de n ts Pe rTra in e r

0 C a lc Va lue ( x y ) 3 0 0

< x ,y >

0 C a lc Va lue ( x ,y ) 1 0 0

1 0 C a lc Va lue ( x ) 1 0 0

1 0 C a lc Va lue ( x ,y ) 3 0 0

< x ,y >

2 0 0 C a lc Va lue ( x ,y ) 3 0 0

< a>

< a>

< b >

< b >< c >

< c >

< d >

< e>

< d >

< e>

< f >

< f >

< g >

Upda te Tra in e rs

Upda te S tu de n tS a la ry

Upda te Tra in e rS a la ray Upda te Tra in e rW ork in gD ays

Upda te S tu de n ts

a = C a lc Va lue ( x y )

d= C a lc Va lue ( x y )

e = C a lc Va lue ( x y )

b= C a lc Va lue ( x y )

c = C a lc Va lue ( x y )

f = C a lc Va lue ( x y )

g= C a lc Va lue ( a b,c ,d,e , f )

< x ,y >


Task & Concepts



Final Result


Task & Concepts





Outline

1. Introduction2. State of the Art3. Model-based development of 3D user

interfaces4. Conclusion

Conclusion


• We introduced a 3DUI Engineering methodology articulated on three axes: models and their specification language, method, and tools that support the method based on the underlying models.

• All aspects are stored in UsiXML (www.usixml.org) files that can be exchanged, shared, and communicated between stakeholders (designers, developers, and end users).

• It has been demonstrated that the global methodology adheres to the principles of MDA and is therefore compliant, except for the standardization process which is ongoing.

Conclusion

• Advantages– Modifiability– Complexity– Rigorous.– Reasoning.– Processable.

• Model transformations of bigger systems will be more complex to discover and to apply, so it is not clear if the solution is computationally feasible considering the amount of operations needed to perform graph transformations.


For more information and downloading,http://www.isys.ucl.ac.be/bchi

http://www.usixml.orgUser Interface eXtensible Markup Language

http://www.similar.ccEuropean network on Multimodal UIs

Special thanks to all members of the team!

Thank you very much for your attention

http://www.isys.ucl.ac.be/bchi

http://www.usixml.org/

http://www.similar.cc/

A Structured Approach to Support 3D User Interface Development

Business

Transcript of A Structured Approach to Support 3D User Interface Development