1. W4 / UCL
Le MDE multi-facettes
Agilité/Mobilité
Francois.Bonnet@w4.eu
Jean-Loup.Comeliau@w4.eu
© 2011 W4 1

2. Sommaire
 W4
 Le MDE par W4
 MDE: Génération ou interprétation?
 Apports du MDE pour W4
 W4 sur Android
 Initiatives
© 2011 W4 2

3. W4
 Editeur, leader français du BPM
 Pionnier du MDE : depuis 2001
 Editeur de la suite logicielle
 Applications métier sur-mesure
 Service de composition (Composers)
 Service d’exécution
 Apports du MDE
• Simplification: modélisation/configuration (cf UCL)
• Agilité: pas de génération de code! (cf MD DAY 2010)
• Cloud: migration facilitée
• Mobilité: sans effort supplémentaire
© 2011 W4 3

4. Le MDE par W4 (1)
 Modèles agiles
 Initialement embryonnaires (AMDD de Scott W.
Ambler « models just barely good enough »)
 Itératifs, évolutifs
 WYMIWYG What You Model Is What You Get
 Approche moteur
 ~UML exécutable cf. Steve Cook, MDDAY 2010
 Le meilleur des 2 mondes:
 Industrialisation: Production automatique de
l’application (qualité, robustesse)
 Sur mesure: Configuration + Code spécifique
comportemental (« à la marge »)
© 2011 W4 4

5. Le MDE par W4 (2)
Mobile Web Cloud
Indicators
Données
Processus
Ecrans
Leverage
Web
ERP DB ECM Service XLS
Connecteurs Données Documents Connecteurs Données
dédiés métier génériques locales
© 2011 W4 5

6. Le MDE par W4 (3)
Le MDA: Le MDE par W4:
génération de code Approche moteur / interpréteur
PIM Interpréteur
de modèles
Itérations
agiles
PSM
PIM
Itérations agiles
courtes, indépendantes
© 2011 W4 6

7. MDE : Génération ou interprétation? (1)
Génération de code Interprétation Bénéficiaire
Simplification Génération, + IT
compilation, édition
Agilité, évolutivité, Itération allongées + IT, métier
pérennité
Synchro code/modèle Par méthodologie + IT
Maîtrise architecture + « Boite noire » IT
Debugging + Code interpréteur? IT
Aptitude Cloud / PaaS Portabilité, sécurité, + IT, métier
MAJ, scalabilité
Optimisation + Perfs. interpréteur métier
Résultats immédiats Modèle non exéc. + IT, métier
Autonomie métier Gestion cycle de vie + métier
© 2011 W4 7

8. MDE : Génération ou interprétation? (2)
Pas de réponse idéale! dépend:
 du scénario: performances critiques?
 du contexte: informatique ou métier? cloud?
 des compétences de l’équipe: experts techniques ou
fonctionnels?
© 2011 W4 8

9. W4 – MDE pour la simplification
 Separation of concerns
 Modèle pour la communication IT / métier
 Répartition des efforts
Métier
IT
Métier MDE IT
 Exemple: W4 en cadre académique - UCL
© 2011 W4 9

10. W4 - MDE pour l’agilité
 Adapté aux methodologies projet agiles
(XP, AMDD, Scrum)
 « Built for change » au lieu du « Built to
last » (Gartner): applications agiles,
flexibles, évolutives
 http://www.w4.eu/methode-agile.htm
© 2011 W4 10

11. W4 - MDE pour le cloud
 Portabilité : Interpréteur = cible indépendante
de la plateforme pour exécuter le modèle
 Upgrade : Plus facile d’exécuter un même
modèle avec une MAJ
 Sécurité : Seule la MAJ du modèle est utile, pas
celle du code accédant à des librairies systèmes
 Scalabilité : Montée en charge exploitant
plusieurs instances de l’interpréteur pour
exécuter un même modèle
 Optimisation : compilation du modèle
W4 fournisseur PaaS
© 2011 W4 11

12. W4 – MDE pour la mobilité (1)
 Principe: adaptation contextuelle des
applications
 Les composantes du contexte:
• Utilisateur: langue, rôle, profil, préférences…
• Technologie: navigateur, terminal,
connectivité…
• Environnement: localisation, proximité, social…
 (MD)2 :Model Driven/Mobility Development
Les applications W4 deviennent
mobiles sans effort supplémentaire !
© 2011 W4 12

13. W4 – MDE pour la mobilité (2)
Service Client
Affichage riche
Swing
Règles métier Web2.0
HTML JQuery
W4 Player
Vue Android
Abstraite
Modèle
Vue W4 Player
abstraite IOS
Données Processus adaptée
Requête
© 2011 W4 13

14. W4 – Mobilité (1)
Démonstration
Démo mobilité
© 2011 W4 14

15. W4 – Mobilité (2)
Scénario
Demande d’achats
SQL Articles/fournisseurs
1
6 Découverte
UML
5 4
Processus Découverte Découverte GED
7
Elaboration
Publication
Ecrans Application
© 2011 W4

16. W4 – Mobilité (3)
L’objet métier « demande d’achats »
29/11/2011 16

17. W4 – Mobilité (4)
Arbre de navigation / Sources de données
29/11/2011 17

18. W4 – Mobilité (5)
Exemple de processus
29/11/2011 18

19. W4 – Mobilité (6)
Protection par login/mdp (côté serveur)
© W4 19

20. W4 – Mobilité (7)
Le menu principal de l’application
© W4 20

21. W4 – Mobilité (8)
Listes
© W4 21

22. W4 – Mobilité (9)
Listes – ergonomie adaptée
© W4 22

23. W4 – Mobilité (10)
Tables complexes
© W4 23

24. W4 – Mobilité (11)
Adaptation des écrans : Web  Mobile
© W4 24

25. W4 – Mobilité (12)
Graphiques aussi disponibles
© W4 25

26. W4 – Mobilité (13)
Créez vos applications sur mesure…
 Immédiatement disponible sur mobile
• Aucun travail supplémentaire
• Application locale
 Utilisation de widgets
 Pas de vue HTML
 Dans un environnement sécurisé
• Pas de données stockées sur le terminal
 Lecture du flux XML à la volée
 Pas de logique métier dans le flux
• Protégé par mot de passe
• HTTPS ready
© W4 26

27. Initiatives
 Projet Européen SERENOA
Plateforme pour créer des SFE (Service
Front Ends) sensibles au contexte
www.serenoa-fp7.eu
 MBUI (Model-Based User Interfaces)
Groupe de travail W3C: “Develop standards
as a basis for interoperability across
authoring tools for context aware user
interfaces for Web-based interactive
applications”
© 2011 W4 27

28. Merci
www.w4.eu
© 2011 W4 28