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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Agenda
• The UsiXML Project• 7 Standardisation actions
- Contents- Output- Comparison
• What's next?
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 4
Project Presentation
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
Project Presentation
Co-summit 2013, Scandic - Stockholm
μ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
Project Presentation
Co-summit 2013, Scandic - StockholmThe UsiXML Project Project members
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 7
Project Presentation
Co-summit 2013, Scandic - Stockholm
Task & Domain (T&D)
Final User Interface (FUI)
WindowWindowConcrete User Interface
(CUI)
Abs. Int. Unitfacet=control
AbstractContainer
Abstract User Interface (AUI)
textInputtextInput buttonbutton buttonbutton
Abs. Int. Unitfacet=control
Abs. Int. Unitfacet=control
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
Project Presentation
Co-summit 2013, Scandic - Stockholm
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)
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 9
Project Presentation
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
Project Presentation
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
Project Presentation
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
Project Presentation
Co-summit 2013, Scandic - StockholmThe UsiXML Project End User Club
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 13
Project Presentation
Co-summit 2013, Scandic - StockholmThe UsiXML Project Observers
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 14
Project Presentation
Co-summit 2013, Scandic - StockholmThe UsiXML Project Supporters
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 15
Project Presentation
Co-summit 2013, Scandic - StockholmThe UsiXML Project Promoters
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 16
Project Presentation
Co-summit 2013, Scandic - Stockholm
Agenda
• The UsiXML Project• 7 Standardisation actions
- Contents- Output- Comparison
• What's next?
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 17
Project Presentation
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
Project Presentation
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
Project Presentation
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
Project Presentation
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
https://www.oasis-open.org/committees/tc_home.php?wg_abbrev=uiml
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
Project Presentation
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
Project Presentation
Co-summit 2013, Scandic - Stockholm7 Standardisation actions NESSI
2000 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
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
Project Presentation
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
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 24
Project Presentation
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
Project Presentation
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
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 26
Project Presentation
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
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 27
Project Presentation
Co-summit 2013, Scandic - Stockholm
Agenda
• The UsiXML Project• Standardisation actions
– Contents– Output– Comparison
• What's next?
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 28
Project Presentation
Co-summit 2013, Scandic - Stockholm
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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Textual
Graphical
What's next?
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 30
Project Presentation
Co-summit 2013, Scandic - Stockholm
• Touch phones
Night version, 2 days Day version, 2 days
What's next?
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 31
Project Presentation
Co-summit 2013, Scandic - Stockholm
What's next?• Tablets
Night version, 4 days Day version, 4 days
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 32
Project Presentation
Co-summit 2013, Scandic - Stockholm
What's next?• Desktop version
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 33
Project Presentation
Co-summit 2013, Scandic - Stockholm
What's next?• Walkaware
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 34
Project Presentation
Co-summit 2013, Scandic - Stockholm
What's next?• Weather + Walkaware = Weathaware
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 35
Project Presentation
Co-summit 2013, Scandic - Stockholm
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/
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 36
Project Presentation
Co-summit 2013, Scandic - Stockholm
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
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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Slides for reference purpose
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 39
Project Presentation
Co-summit 2013, Scandic - Stockholm
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/
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 40
Project Presentation
Co-summit 2013, Scandic - Stockholm
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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• UsiKiosk: Distributed User Interfaces across devices (by See & Touch)
Developed by Eric Delvaux (See & Touch)
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 46
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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)
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 47
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 48
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• Meaningful Object Manager (MOM): accessibility analysis by Baum Engineering– MOSpy: GUI visual detection– MOInspector: GUI Analysis
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 50
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• UsiCentral & DefBox: Web Authoring environment (by www.defimedia.be)
UsiCentral is developed by Benoît Hambucken, Luc Ponsard, and others (Defimedia)
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 52
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• UsiCentral & DefBox: workflow integration (by www.defimedia.be)
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 53
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• UsiPatterns: A library for Multi-device User Interface Patterns (by www.namahn.be)
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
ITEA 2 - 55
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• 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
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• UsiDomain: domain model editor as an Eclipse plug-in (by UCL/UCLM)
UsiDomain 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 - 58
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• UsiContext: context of use model editor as an Eclipse plug-in (by UCL/UCLM)
UsiContext 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 - 59
Project Presentation
Co-summit 2013, Scandic - Stockholm
Some UsiXML software
• ReTaskXML: reverse engineering of UIs (by UCLM)
ReTaskXML is developed by Francisco Montero (UCLM)
reTaskXML