Faure vanderdonckt co-summit2013-final

Towards Standardisation in User Interface Development: the UsiXML ContributionCo-summit 2013, 4-5 December 2013, Stockholm - SwedenDavid Faure - Thales Research & Technology, France - [email protected] Vanderdonckt - Université catholique de Louvain - [email protected]

http://fr.slideshare.net/jeanvdd/faure-vanderdonckt-cosummit2013-final

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 2

Project Presentation

Co-summit 2013, Scandic - Stockholm

Agenda

• The UsiXML Project• 7 Standardisation actions

- Contents- Output- Comparison

• What's next?

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 3



Agenda



• What's next?

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 4


Co-summit 2013, Scandic - StockholmThe UsiXML Project Goals

UsiXML defines, validates, and standardises an open user interface description language (UIDL), increasing productivity and reusability, and improving usability and accessibility of industrial interactive applications using the μ7 concept.

Goal 1: The UsiXML “µ7” concept elicitation and promotion• Multi-device, multi-platform, multi-user, multi-linguality / culturality, multi-

organisation, multi-context, multi-modality

Goal 2: Development of the UsiXML language and the model-driven method• Standard User Interface Description Language• New models to capture µ7 aspects • UI development methodology

Goal 3: Set up development tools and demonstration of the validity on applications• Tools development• Usability support• Validation through demonstrators

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 5



μ7

μ Modality

• New contexts and constraints imposed to use various modalities

μ Platform

• Cross Platform consumer & user behaviour

μ Device

• Any Device (input/output)• Mobile Devices• M2M• Internet of things

μ Context

• Pattern recognition• Contextual analysis• Anytime, anywhere• Big Data, In-memory computing• Digital Asset Management• Analytics

μ User

• Users evolving over time and new user profiles appearing constantly

• Pattern recognition• Natural user interfaces (voice,

gesture...)• User experience

μ Organization

• Applications that need to be extended to multiple organizations

• Cloud collaborative processes• Integrated ecosystems

μ Linguality

• Applications submitted to internationalisation with new languages, markets, cultures

The UsiXML Project Market Positioning

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 6


Co-summit 2013, Scandic - StockholmThe UsiXML Project Project members

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 7



Task & Domain (T&D)

Final User Interface (FUI)

WindowWindowConcrete User Interface

(CUI)

Abs. Int. Unitfacet=control

AbstractContainer

Abstract User Interface (AUI)

textInputtextInput buttonbutton buttonbutton



Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., Vanderdonckt, J., A Unifying Reference Framework for Multi-Target User Interfaces, Interacting with Computers, Vol. 15, No. 3, June 2003, pp. 289-308

The UsiXML Project Cameleon Reference Framework (CRF)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 8



Adopted by

The UsiXML Project Cameleon Reference Framework (CRF)

http://www.w3.org/2005/Incubator/model-based-ui/XGR-mbui-20100504/

in W3C (4 May 2010)

http://www.w3.org/2005/Incubator/model-based-ui/XGR-mbui-20100504/

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 9


Co-summit 2013, Scandic - StockholmThe UsiXML Project How is UsiXML?

• Is open• Is multi-model• Is multi-level of abstraction: first in history (2003) to support all

CRF levels• Supports model-based or model-driven UI• Is multi-usage• Is multi-path

– Forward engineering– Reverse engineering– Lateral engineering– Cross-cutting

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 10


Co-summit 2013, Scandic - StockholmThe UsiXML ProjectForward Development Method

UsiTask editor UsiDomain editor

UsiContext editorTask & Domain (T&D)

Abstract User Interface (AUI)

UsiAbstract generator/editorDeveloped by Ricardo Tesoriero (UCL & UCLM)

Ricardo Tesoriero, Jean Vanderdonckt, ExtendingUsiXML to Support User-Aware Interfaces, HCSE'2010, pp. 95-110

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 11


Co-summit 2013, Scandic - StockholmThe UsiXML ProjectForward Development Method

Concrete User Interface (CUI)

Final User Interface (FUI)

UsiConcrete gen./editor

Developed with MT4j widgets integrated in WindowBuilder

Developed by Thales Group ©

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 12


Co-summit 2013, Scandic - StockholmThe UsiXML Project End User Club

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 13


Co-summit 2013, Scandic - StockholmThe UsiXML Project Observers

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 14


Co-summit 2013, Scandic - StockholmThe UsiXML Project Supporters

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 15


Co-summit 2013, Scandic - StockholmThe UsiXML Project Promoters

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 16



Agenda



• What's next?

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 17


Co-summit 2013, Scandic - Stockholm7 Standardisation actions The situation before

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

First attempts to introduce a XML User Interface Description Language

Organisation #1 UIDL #1 ?

Organisation #2 UIDL #2 ?

Organisation #n UIDL #n ?

UsiXML Del 1.1, V2 – State of the art in User Interface Description Languages, ITEA2, 55 p. (nominated excellent ITEA SotA)Accessible at: http://www.itea2.org/project/workpackage-document/download?document=468&file=08026_UsiXML_WP1_D1_1_v2_State_of_the_Art_of_UIDL.doc

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 18


Co-summit 2013, Scandic - Stockholm7 Standardisation actions The UsiXML Strategic plan

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

Organisation #1

Organisation #2

Organisation #n

UsiXML

UsiXML Del 1.1, V2 – State of the art in User Interface Description Languages, ITEA2, 55 p. (nominated excellent ITEA SotA)Accessible at: http://www.itea2.org/project/workpackage-document/download?document=468&file=08026_UsiXML_WP1_D1_1_v2_State_of_the_Art_of_UIDL.doc

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 19


Co-summit 2013, Scandic - Stockholm7 Standardisation actions The UsiXML Strategic plan

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

https://www.oasis-open.org/committees/tc_home.php?wg_abbrev=uiml

UsiXML labelled ITEA2 (3008086)

Sept. 15, 2008

Helms, J., Schaefer, R., Luyten, K., Vermeulen, J., Abrams, M., Coyette, A., Vanderdonckt, J., Human-Centered Engineering with the User Interface Markup Language, in Seffah, A., Vanderdonckt, J., Desmarais, M. (eds.), “Human-Centered Software Engineering”, Chapter 7, HCI Series, Springer, London, 2009, pp. 141-173

UI Desc. Language

Software toolssupport

Step-wise methodinvolves

Modelsdescribed in

Starting the ITEA2 UsiXML project

Jan., 2009


• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 20


Co-summit 2013, Scandic - Stockholm7 Standardisation actions OASIS UIML

2000

Technical Committee on User Interface Modelling Language

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013


User Interface Markup Language (UIML) V4.0Committee Draft

Jan. 23, 2008

User Interface Markup Language (UIML) V1.0

Input: CUI & AUI (but not task!), SketchiXML, validators Process: by progressive incorporation (monthly telco) and validation

Jan. 15, 2000

Helms, J., Schaefer, R., Luyten, K., Vermeulen, J., Abrams, M., Coyette, A., Vanderdonckt, J., Human-Centered Engineering with the User Interface Markup Language, in Seffah, A., Vanderdonckt, J., Desmarais, M. (eds.), “Human-Centered Software Engineering”, Chapter 7, HCI Series, Springer, London, 2009, pp. 141-173

UIML Reference chapter

Sept., 2009


• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 21


Co-summit 2013, Scandic - Stockholm7 Standardisation actions FP7 NEXOF-RA

2000

Reference architecture for NESSI European Platform

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

http://ec.europa.eu/information_society/apps/projects/logos/6/216446/080/deliverables/001_D11cAdvancedUserServiceInteractionscontribution.pdf

Advanced User-Service Interactions (Del. 1.1)

June 15, 2010

Initiating calls for inputs

Input: AUI, CUI, context of use (user+platform+environment)Process: by workshops, report, and proof-of-concept

2008

Limbourg, Q., Vanderdonckt, J., Multi-Path Transformational Development of User Interfaces with Graph Transformations, in Seffah, A., Vanderdonckt, J., Desmarais, M. (eds.), “Human-Centered Software Engineering”, Chapter 6, HCI Series, Springer, London, 2009, pp. 109-140


• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 22


Co-summit 2013, Scandic - Stockholm7 Standardisation actions NESSI

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013


Submission to NESSI

Sept., 2010

Input: AUI, CUI, context of use (user+platform+environment)Process: by workshops, report, and proof-of-concept

Limbourg, Q., Vanderdonckt, J., Multi-Path Transformational Development of User Interfaces with Graph Transformations, in Seffah, A., Vanderdonckt, J., Desmarais, M. (eds.), “Human-Centered Software Engineering”, Chapter 6, HCI Series, Springer, London, 2009, pp. 109-140

Networked European Software and Services Initiative


• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 23


Co-summit 2013, Scandic - Stockholm7 Standardisation actions COST N°294 Mause

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

http://www.cost294.org/

Workshop on User InterfaceWeb Quality Models

Sept. 12-14, 2005

Input: CUI, context of use, usability, qualityProcess: by F2F meetings, workshops, and deliverables

Abrahão, S., Iborra, E., Vanderdonckt, J., Usability Evaluation of User Interfaces Generated with a Model-Driven Architecture Tool, in Law, E., Hvannberg, E., and Cockton, G. (eds.), “Maturing Usability: Quality in Software, Interaction and Value”, Chapter 1, HCI Series, Vol. 10, Springer, London, 2008, pp. 3-32.

Towards the MAturation of Information Technology USability Evaluation

COST294-MAUSE ClosingConference ProceedingsAugust, 2009

User Experience Manifesto

Sept. 3, 2007

http://www.cost294.org/

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 24


Co-summit 2013, Scandic - Stockholm7 Standardisation actions ISO/IEC JTC 1/SC 7

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

http://www.iso.org/iso/catalogue_detail.htm?csnumber=38854

Input: task, usability, ergonomics of notation, methodProcess: by progressive incorporation(telco and F2F meetings)

Sousa, K., Vanderdonckt, J., Henderson-Sellers, B., Gonzalez-Perez, C., Evaluating a graphical notation for modelling software development methodologies, Journal of Visual Languages and Computation, Vol. 23, No. 4, 2012, pp. 195-212.

ISO/IEC 24744:2007 - Software Engineering -- Metamodel for Development Methodologies

Initial standard version

2007

August 9, 2009

Last stage



• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 25


Co-summit 2013, Scandic - Stockholm7 Standardisation actions W3C Charter Group

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

http://www.w3.org/2011/01/mbui-wg-charter, http://www.w3.org/wiki/Model-Based_User_Interfaces

Input: CRF, task, AUI (editor), CUI, case studies, software Process: by submission and consensus (weekly telco, F2F meetings, technical plenaries)

Tran, V., Tesoriero, R., Vanderdonckt, J., Systematic Generation of Abstract User Interfaces, Proc. of 4th ACM Int. Symposium on Engineering Interactive Computing Systems EICS’2012 (Copenhagen, June 25-28, 2012), ACM Press, New York, 2012, pp. 101-110.

Model-based User Interface Design (MBUI)

Opening Charter GroupFev., 2011

Nov. 30, 2013Closing Charter Group

First workshop Incubator groupAugust 13, 2008

Second workshop Incubator group (organized by us)June 11-12, 2009

XG Final report

May 4, 2010

Public Draft PublishedNov. 8, 2013

http://www.w3.org/2011/01/mbui-wg-charter

http://www.w3.org/2011/01/mbui-wg-charter

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 26


Co-summit 2013, Scandic - Stockholm7 Standardisation actions OMG IFML

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

http://www.ifml.org

Initial submission

2010

Input: CUIProcess: by submission and voting (F2F meetings)

Marco Brambilla, Jordi Cabot and Manuel Wimmer, Model-Driven Software Engineering in Practice (Synthesis Lectures on Software Engineering), Sept. 26, 2012.

Object Management Group – Interaction Flow Modeling Language

March, 2013

Adoption as OMG Standard

http://www.ifml.org/

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 27



Agenda

• The UsiXML Project• Standardisation actions

– Contents– Output– Comparison

• What's next?

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 28



What's next?

• UsiXML language is available• UsiXML-based software

– Commercial (trial version)– Free-to-use

• Applications– Telecommunications– Hospital– Example of a Multi-device application (developed by

www.defimedia.be)• Weather forecasts• Walkaware (Trip Planner)• => Weathaware

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 29



Textual

Graphical

What's next?

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 30



• Touch phones

Night version, 2 days Day version, 2 days

What's next?

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 31



What's next?• Tablets

Night version, 4 days Day version, 4 days

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 32



What's next?• Desktop version

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 33



What's next?• Walkaware

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 34



What's next?• Weather + Walkaware = Weathaware

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 35



What's next?

• ITEA2 UsiXML project is finished, but UsiXML continues– As a language: towards UsiXML 2.2 stable version– As a consortium: you can join– As a series of product & services: through companies– As a consulting agency: through spin-offs (e.g., MiLab, Mexico)

• W3C Ubiquitous Application Design Community Group continues– More meta-models to be discussed: concrete UI, user model,

modalities, etc.– Need for more

• company involvement and adoption• software support• use cases

Join now the Ubiquitous Application Design Community Group at: http://www.w3.org/community/uad/

Also see: http://www.w3.org/2013/Talks/quill/ http://www.w3.org/2013/Talks/Serenoa/

http://www.w3.org/community/uad/

http://www.w3.org/community/uad/

http://www.w3.org/2013/Talks/quill/

http://www.w3.org/2013/Talks/Serenoa/

http://www.w3.org/2013/Talks/Serenoa/

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 36



More information

• The ITEA2 UsiXML profile: http://www.itea2.org/project/index/view/?project=1127

• The UsiXML project web site:www.usixml.eu

• The UsiXML language web site:www.usixml.org

• UsiXML FaceBook page:https://www.facebook.com/UsiXML

• UsiXML SlideShare:http://www.slideshare.net/search/slideshow?q=usixml

• UsiXML PlayList: http://www.youtube.com/playlist?list=PLn_SfKW8yXZAVuESKWEKUqwRQa16ORCi6

• UsiXML Twitter:https://twitter.com/usixml

3689 visitors in 2012

http://www.itea2.org/project/index/view/?project=1127

http://www.itea2.org/project/index/view/?project=1127

http://www.usixml.eu/

http://www.usixml.org/

https://www.facebook.com/UsiXML



http://www.slideshare.net/search/slideshow?q=usixml



http://www.youtube.com/playlist?list=PLn_SfKW8yXZAVuESKWEKUqwRQa16ORCi6



https://twitter.com/usixml

https://twitter.com/usixml

Thank you very much for your attention!http://fr.slideshare.net/jeanvdd/faure-vanderdonckt-cosummit2013-final

If you have any user interface development, please consider UsiXML

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 38



Slides for reference purpose

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 39



Acknowledgements for Support

Avec le soutien de la DGO6Département des Programmes de Recherche

FP7 Nexof-RA: http://cordis.europa.eu/fp7/ict/ssai/docs/fp7call1achievements/nexof-ra.pdfFP7 Human: http://www.human.aero/FP7 Selfman: http://www.ist-selfman.org FP7 Serenoa: http://www.serenoa-fp7.eu/

http://cordis.europa.eu/fp7/ict/ssai/docs/fp7call1achievements/nexof-ra.pdf

http://www.human.aero/

http://www.ist-selfman.org/

http://www.serenoa-fp7.eu/

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 40



Some UsiXML software

• UsiDashBoard: support for method engineering

Cano, F.J., Vanderdonckt, J., Towards Methodological Guidance for User Interface Development Life Cycle, Proc. of 2nd Int. Workshop on User Interface Extensible Markup Language UsiXML’2011 (Lisbon, 6 September 2011), Thales Research and Technology France, Paris, 2011, pp. 35-45.

Developed by Javier Cano, Javier Munoz (Prodevelop)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 41




• UsiComp: Composition ofuser interfaces (by UJF)

Alfonso García Frey, Eric Ceret, Sophie Dupuy-Chessa, Gaëlle Calvary, Yoann Gabillon, UsiComp: an extensible model-driven composer, Proc of ACM EICS 2012, pp. 263-268

Developed by Alfonso García Frey (UJF, LIG)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 42




• UsiWSC: Usable User Interface for Interactive Web Service Composition

Mohamed Boukhebouze, Waldemar Pires Ferreira Neto, Lim Erbin, Philippe Thiran, UsiWSC: Framework for Supporting an Interactive Web Service Composition, in Proceeding of the 12th International Conference on Web Engineering ICWE'2012, Springer, Berlin, 2012.

http://webapps.fundp.ac.be/usiwsc/

Developed by Mohamed Boukhebouze & Waldemar Pires Ferreira Neto (UNamur)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 43




• UsiGesture: incorporating gestures in GUIs

Beuvens, F., Vanderdonckt, J., Designing Graphical User Interfaces Integrating Gestures in the UsiGesture environment, Proc. of 30th ACM International Conference on Design of Communication SIGDOC’2012 (Seattle, October 5-8, 2012), ACM Press, New York, 2012, pp. 313-322.

Developed by François Beuvens (UCL)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 44




• UsiDistrib: Distributed User Interfaces across devices

Melchior, J., Grolaux, D., Vanderdonckt, J., Van Roy, P., A Toolkit for Peer-to-Peer Distributed User Interfaces: Concepts, Implementation, and Applications, Proc. of 1st ACM SIGCHI Symposium on Engineering Interactive Computing Systems EICS’2009 (Pittsburgh, July 15-17, 2009), ACM Press, New York, 2009, pp. 69-78.

Developed by Jérémie Melchior (UCL)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 45




• UsiKiosk: Distributed User Interfaces across devices (by See & Touch)

Developed by Eric Delvaux (See & Touch)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 46




• UsiExplain: Self-explanatory user interfaces by model-driven engineering (by UJF)

http://iihm.imag.fr/publs/2013/PhD_Alfonso-Garcia-Frey.pdfAlfonso García Frey, Gaëlle Calvary, Sophie Dupuy-Chessa, Nadine Mandran, Model-Based Self-explanatory UIs for Free, but Are They Valuable?, Proc. of IFIP INTERACT (3) 2013: 144-161

Developed by Alfonso García Frey (UJF/LIG)

http://iihm.imag.fr/publs/2013/PhD_Alfonso-Garcia-Frey.pdf

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 47




• SECRET: reverse engineering of GUIs (by UCLM)

Montero, F., López-Jaquero, V., González, P. (2013). User-Centered Reverse Engineering. Computing Systems Department, University of Castilla-La Mancha, Albacete, Spain. Available at: https://www.dsi.uclm.es/trep.php?codtrep=DIAB-13-04-1

https://www.dsi.uclm.es/trep.php?codtrep=DIAB-13-04-1

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 48




• UsiResourcer: reverse engineering of GUIs from their resource file

Sanchez, O., Vanderdonckt, J., Molina, J., Re-Engineering Graphical User Interfaces from their Resource Files with UsiResourcer, Proc. of 7th Int. Conf. on Research Challenges in Information Science RCIS’2013 (Paris, 29-31 May 2013), IEEE Computer Society, Los Angeles, 2013.

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 49




• Meaningful Object Manager (MOM): accessibility analysis by Baum Engineering– MOSpy: GUI visual detection– MOInspector: GUI Analysis

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 50




• UsiView: animated transition between UsiXML and codeConceptual

view

a

Internalview

b

Externalview

c

Animated transition between conceptual and external views

Animated transition between internal and external views

Dessart, Ch.-E., Genaro Motti, V., and Vanderdonckt, J., Animated Transitions between User Interface Views, Proc. of Int. Working Conf. on Advanced Visual Interfaces AVI’2012 (Capri, May 21-25th, 2012), ACM Press, New York, 2012, pp. 341-348.

UsiXML editor developed by Benoît Hambucken (Defimedia), animated transitions by Ch.-E. Dessart (UCL)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 51




• UsiCentral & DefBox: Web Authoring environment (by www.defimedia.be)

UsiCentral is developed by Benoît Hambucken, Luc Ponsard, and others (Defimedia)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 52




• UsiCentral & DefBox: workflow integration (by www.defimedia.be)

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 53




• D2Flex: A tool for Designing Flexible process models (by UJF/LIG)

Eric Ceret, Sophie Dupuy-Chessa, Gaelle Calvary, M2FLEX: A process metamodel for flexibility at runtime, Proc. of IEEE RCIS'2013, pp. 1-12

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 54




• UsiPatterns: A library for Multi-device User Interface Patterns (by www.namahn.be)

http://blog.namahn.com/?pattern=off-canvas-flyout

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 55




• Transformation Templates: by UPV

CPM tree editorCPM tree editor

FontType

FontdefaultTooltip

defaultIcon

defaultHelp

defaultContent

SemanticName

Id

Identification

fgColor

bgColor

ColorFontSize

#00000

#FFFFF

12

Arial

Activate player

thisIcon.png

But1help.rtf

Press Here

MyButton

67555447

Indivudual PropertiesConcrete Presentation Tree

Save Menu NameApply new profile Launch template, mapping or profile editor

HatWindow1

Menu_comp4

Menu_barMenu_comp1Menu_comp2Menu_comp3

IUBookWindow2

Box2.1DisplaySet1

Box2.1.1BoxBox

Alignment Alignment1 Alignment2

IUAuthorIULoan

Widgets olny

Mapping editorMapping editor

Source Element Corresponding Concrete Presentation

Load Save Mapping Save Profile

hBoxLabeltextInput

HATService IU

GroupingInput Argument

PopulationIUInstance IUMaster DetailActionNavigation

BooleanStringInteger

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 56




• UsiTask: task model editor as an Eclipse plug-in (by UCL/UCLM)

UsiTask is developed by Ricardo Tesoriero (UCL & UCLM)

Ricardo Tesoriero, Jean Vanderdonckt, Extending UsiXML to Support User-Aware Interfaces, Proc. of HCSE'2010, pp. 95-110

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 57




• UsiDomain: domain model editor as an Eclipse plug-in (by UCL/UCLM)

UsiDomain is developed by Ricardo Tesoriero (UCL & UCLM)


• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 58




• UsiContext: context of use model editor as an Eclipse plug-in (by UCL/UCLM)

UsiContext is developed by Ricardo Tesoriero (UCL & UCLM)


• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

ITEA 2 - 59




• ReTaskXML: reverse engineering of UIs (by UCLM)

ReTaskXML is developed by Francisco Montero (UCLM)

reTaskXML

Faure vanderdonckt co-summit2013-final

Technology

alfonso garca

path transformational

concrete user

usixml strategic

distributed

abstract user

user interface

workshop incubator