Olivier de Wasseige Owner and CEO Defimedia, rue Phocas Lejeune, 32 Parc Crealys, Gembloux

Transcription

1 Vers un seul développement de l'interface pour toutes les plateformes - Towards a unified user interface development for multiple computing platforms Olivier de Wasseige Owner and CEO Defimedia, rue Phocas Lejeune, 32 Parc Crealys, Gembloux olivier.dewasseige@defimedia.be Jean Vanderdonckt Professor Louvain Interaction Laboratory Université catholique de Louvain Place des Doyens, 1 - LLN jean.vanderdonckt@uclouvain.be

2 Agenda Introduction UsiXML project La participation de Defimedia

3 Agenda Introduction UsiXML project La participation de Defimedia

4 Contexte du projet européen UsiXML La plupart des aspects des systèmes d information a déjà fait l objet d'une standardisation (p. ex. ebxml, EDI) L' Interface Homme-Machine (IHM): jamais, à cause de la diversité des approches de développement l hétérogénéité logicielle et matérielle l'éclatement des efforts de recherche et développement dans le temps et dans l espace Le manque de consensus sur un sujet peu considéré UsiXML va, au niveau européen, définir, valider et standardiser un langage de description d interfaces utilisateur t (UIDL) améliorant ainsi la productivité et la réutilisabilité, de même que l utilisabilité et l accessibilité d applications interactives industrielles par la mise en œuvre du concept «µ7»

5 Le projet européen UsiXML Financé dans le cadre du programme ITEA2 Call 3 Labellisé # par Eurêka! 3674 Le consortium 7 pays 28 organisations Sites web:

6 Le projet européen UsiXML Consortium UsiXML : Des académiques comprenant des universités (UCL, université Joseph Fourier, LIP6, FUNDP, DAI Labor, université de Rostock, Padeborn, UPV, Castilla La Mancha, ITI et université de Madeire,) et des centres de recherche (institut télécom, Téléfonica, ICI), Des industriels comprenant des multinationales (Thales, SIV AG) et des PME (defimedia, S&T, Namahn, Gostai, Aerodrones, Ergo Sign, CSB Hanse, Prodevelop, Company for software and development, VR Sense, Outsystems et BAUM Engineering) Des institutionnels tels l AWT en Belgique Les différents pays participant au projet sont : la Belgique, la France, l Espagne, le Portugal, l Allemagne Allemagne, la Roumanieet et la Grèce.

7 Les partenaires du projet UsiXML

8 Agenda Introduction UsiXML project La participation de Defimedia

9 ebay in 1999: Visual presentation improvement

10 ebay in 2003: Personalization

11 ebay in 2008: Better User Experience

12 ebay in 2010: Web 2.0

13 ebay today: multiple platforms ne y app for iphon ebay ebay app for Wind dows Mobile 7 ebay in ipad browser ebay app for ipad ebay app for Andro oid

14 ebay tomorrow: reconfigurable

15 What is related to Web 2.0?

16 Why investing for User Interface Development?

17 Why investing for User Interface Development?

18 The offer for UI development Amou unt of UI designers Need for UI designers Hired UI designers Deviation Year

19 Four levels of abstraction FP5 Cameleon Task & Domain (T&D) AbstractIndividual Container AIC facet=control AIC facet=control AIC facet=control Abstract User Interface (AUI) Window textinput button button Concrete User Interface (CUI) Final User Interface (FUI)

20 The Cameleon Reference Framework (CRF) Context of use User Platform Environment Context of use User Platform Environment Task & Domain (T&D) Task & Domain (T&D) Abstract User Interface (AUI) Abstract User Interface (AUI) Concrete User Interface (CUI) Concrete User Interface (CUI) Final User Interface (FUI) Final User Interface (FUI) See

21 The UsiXML coverage µ7-concept new contexts and constraints imposed to use various modalities depending on context and platform µmodality µplatform This is a major breakthrough as it will no longer be users evolving over time necessary and new to develop individual unique µ7 user profiles appearing constantly interface solutions for each application µuser µorganisation µcontext µdevice µlinguality new input/output devices applications submitted to internationalisation with new languages, markets and cultures applications that need to be extended to multiple organisations

22 Goals UsiXML will define, validate, and standardise an open user interface description language g (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, multimodality 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

23 CRF in practice Context of use User Platform Environment Context of use User Platform Environment Task & Domain (T&D) Task & Domain (T&D) Abstract User Interface (AUI) Abstract User Interface (AUI) Concrete User Interface (CUI) Concrete User Interface (CUI) Final User Interface (FUI) Final User Interface (FUI)

24 CRF in practice: forward engineering Sketching the UI: SketchiXML Editing the UI: GrafiXML Rendering the UI: By interpretation: InterpiXML By code generation: HTML code generator

25 CRF in practice: forward engineering

26 CRF in practice Context of use User Platform Environment Context of use User Platform Environment Task & Domain (T&D) Task & Domain (T&D) Abstract User Interface (AUI) Abstract User Interface (AUI) Concrete User Interface (CUI) Concrete User Interface (CUI) Final User Interface (FUI) Final User Interface (FUI)

27 CRF in practice: lateral engineering Re-generating a new UI for a PocketPC: Graceful degradation Editing the UI: GrafiXML Rendering the UI: By interpretation: InterpiXML By code generation: HTML code generator

28 CRF in practice: forward engineering

29 CRF in practice: forward engineering

30 CRF in practice: forward engineering

31 CRF in practice Context of use User Platform Environment Context of use User Platform Environment Task & Domain (T&D) Task & Domain (T&D) Abstract User Interface (AUI) Abstract User Interface (AUI) Concrete User Interface (CUI) Concrete User Interface (CUI) Final User Interface (FUI) Final User Interface (FUI)

32 CRF in practice: reverse engineering Recovering an existing Web page: ReversiXML Editing the UI: GrafiXML Rendering the UI: By interpretation: InterpiXML By code generation: HTML code generator

33 CRF in practice: reverse engineering

34 Results of the Reverse Engineering Reengineered Original UI UI

35 Agenda Introduction UsiXML project La participation i de Defimedia

36 Pourquoi ce projet? Améliorer la productivité dans le développement des IHM : Améliorer la réutilisabilité des développements IHM Améliorer l utilisabilité et l accessibilité des applications interactives => Mettre en œuvre le concept d IHM «µ7»

37

38

39

40

41 Les avantages pour nos clients Intégrer le langage USIXML dans son framework AToms à base Java. => Disposer de services avancés permettant de mieux prendre en compte les besoins en termes d e-business : interfaces personnalisées, solutions mobiles, solutions multi-devices, à moindre coûts. Développement de services Saas de définition de formulaires décrits en UsiXML. => Les formulaires produits pourront être ré-exploités sur les sites web existants des clients en assurant qu ils seront disponibles sur l ensemble des plate-formes, des devices, Développement d un service web de traduction UsiXML. => Permettra à une société qui a développé une application en exploitation de UsiXML de l héberger dans notre environnement et de la déployer automatiquement dans les différentes modalités µ7. Développement d une consultance UsiXML pour le développement de toutes les applications à diffuser dans un mode multi-devices, multi-plate-formes,

42 Enjeux Plus de productivité, d ergonomie, Rétro-ingénierie de sites existants Assurer aux clients des solutions µ7, notamment multi-devices, multi-plate-formes à des coûts accessibles pour d autres PME, en assurant en interne une couverture de compétences sur les différents devices et langages associés : Java, C#, Objective C,

43 Pour une PME,,participer p à un projet européen C est possible Financement intéressant, R&D augmentée, opportunité de croissance Challenges : En amont : Temps pour le dossier versus probabilité d être subsidié Négociations / conventions / En aval : Temps pour reporting / déplacements / Gérer la croissance de R&D Anticiper l évolution des métiers Ne pas oublier les clients existants, leur en faire profiter Cela reste un pari!

44 Join the club! Le langage g UsiXML vers un standard W3C Mais l intérêt viendra aussi de son utilisation Langage open source Ouverture en 2011 d un club utilisateur

45 Thank you very much for your attention! QUESTIONS / ANSWERS

46 More info on UsiXML project Contact Tél : +32 (0) info@defimedia.be