W4 / UCL
            Le MDE multi-facettes
               Agilité/Mobilité

              Francois.Bonnet@w4.eu
            Jean-Loup.Comeliau@w4.eu
© 2011 W4                              1
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
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
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
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
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
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
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
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
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
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
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
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
W4 – Mobilité (1)
Démonstration


            Démo mobilité




© 2011 W4                   14
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
W4 – Mobilité (3)
L’objet métier « demande d’achats »




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




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




29/11/2011             18
W4 – Mobilité (6)
Protection par login/mdp (côté serveur)




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




© W4                                 20
W4 – Mobilité (8)
Listes




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




© W4                         22
W4 – Mobilité (10)
Tables complexes




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




© W4                                   24
W4 – Mobilité (12)
Graphiques aussi disponibles




© W4                           25
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
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
Merci


            www.w4.eu


© 2011 W4               28

W4@md day2011

  • 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 parW4 (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 parW4 (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 parW4 (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érationou 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érationou 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 – MDEpour 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 - MDEpour 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 - MDEpour 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 – MDEpour 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 – MDEpour 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