SlideShare une entreprise Scribd logo

JsPhDDefense

•Télécharger en tant que PPT, PDF•
•
J
Jean-Sebastien S

Slides of my PhD defence... This is not the final version but the content is slightly the same.

FormationBusinessTechnologie
1  sur  133
Mega-IHM : Malléabilité des Interfaces Homme-Machine dirigée par les Modèles Jean-Sébastien Sottet (ceci n’est pas moi) Laboratoire LIG Equipes IIHM & ADELE Thèse de Doctorat
Contexte : Informatique ambiante ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Problème traité : la complexité ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Problème traité : la complexité
Problème traité : la complexité ,[object Object]
Problème traité : la complexité ,[object Object],Migration
Problème traité : la complexité ,[object Object],Remodelage
Problème traité : la complexité Remodelage Redistribution DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie6.css.gz?v=86&quot;/> <![endif]--> <script type=&quot;text/javacript&quot; src=&quot;/js/horde.js.gz?v=28&quot;></script> </head> <body id=&quot;body&quot;> <div id=&quot;cache&quot;> <img src=&quot;http://data.hordes.fr/gfx/design/tab_hover.gif&quot; alt=&quot;&quot;/> </div> <div class=&quot;ieWarning&quot;> <img src=&quot;http://data.hordes.fr/gfx/icons/status_terror.gif&quot; alt=&quot;&quot;/> Vous utilisez une version ancienne d'Internet Explorer. Nous vous recommandons fortement de le <a href=&quot;http://www.microsoft.com/france/windows/products/winfamily/ie/default.mspx&quot; target=&quot;_blank&quot;>mettre à jour</a> ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a>. </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;></div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot; DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie6.css.gz?v=86&quot;/> <![endif]--> <script type=&quot;text/javascript&quot; src=&quot;/js/horde.js.gz?v=28&quot;></script> </head> <body id=&quot;body&quot;> <div id=&quot;cache&quot;> <img src=&quot;http://data.hordes.fr/gfx/design/tab_hover.gif&quot; alt=&quot;&quot;/> </div> <div class=&quot;ieWarning&quot;> <img src=&quot;http://data.hordes.fr/gfx/icons/status_terror.gif&quot; alt=&quot;&quot;/> &quot; target=&quot;_blank&quot;>mettre à jour</a> ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a> . </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;>< /div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot;document.getElementById('body').className=''; d ocument.getElementById('notification').className=''; js.Tutorial.showTutorialStep(); return false&quot;>Fermer</a> < /div> </div> <div id=&quot;banner&quot; onclick=&quot;js.Js.reboot(); return false;&quot;> DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a>. </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;></div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot;document.getElementById('body').className=''; d ocument.getElementById('notification').className=''; js.Tutorial.showTutorialStep(); return false&quot;>Fermer</a> < /div> </div> <div id=&quot;banner&quot; onclick=&quot;js.Js.reboot(); return false;&quot;> </div> <!-- JS TOOLTIP --> <div id=&quot;tooltip&quot; class=&quot;dynamicTipCategoryHere&quot;> <div class=&quot;content&quot;> <div class=&quot;header&quot;> <div id=&quot;tooltipContent&quot;></div> </div> </div> </div> <!-- JS TOOLTIP --> <div id=&quot;tooltip&quot; class=&quot;dynamicTipCategoryHere&quot;> <div class=&quot;content&quot;> <div class=&quot;header&quot;> <div id=&quot;tooltipContent&quot;></div> </div> </div> ,[object Object]
Problème traité : la complexité Remodelage Redistribution DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie6.css.gz?v=86&quot;/> <![endif]--> <script type=&quot;text/javacript&quot; src=&quot;/js/horde.js.gz?v=28&quot;></script> </head> <body id=&quot;body&quot;> <div id=&quot;cache&quot;> <img src=&quot;http://data.hordes.fr/gfx/design/tab_hover.gif&quot; alt=&quot;&quot;/> </div> <div class=&quot;ieWarning&quot;> <img src=&quot;http://data.hordes.fr/gfx/icons/status_terror.gif&quot; alt=&quot;&quot;/> Vous utilisez une version ancienne d'Internet Explorer. Nous vous recommandons fortement de le <a href=&quot;http://www.microsoft.com/france/windows/products/winfamily/ie/default.mspx&quot; target=&quot;_blank&quot;>mettre à jour</a> ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a>. </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;></div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot; DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie6.css.gz?v=86&quot;/> <![endif]--> <script type=&quot;text/javascript&quot; src=&quot;/js/horde.js.gz?v=28&quot;></script> </head> <body id=&quot;body&quot;> <div id=&quot;cache&quot;> <img src=&quot;http://data.hordes.fr/gfx/design/tab_hover.gif&quot; alt=&quot;&quot;/> </div> <div class=&quot;ieWarning&quot;> <img src=&quot;http://data.hordes.fr/gfx/icons/status_terror.gif&quot; alt=&quot;&quot;/> &quot; target=&quot;_blank&quot;>mettre à jour</a> ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a> . </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;>< /div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot;document.getElementById('body').className=''; d ocument.getElementById('notification').className=''; js.Tutorial.showTutorialStep(); return false&quot;>Fermer</a> < /div> </div> <div id=&quot;banner&quot; onclick=&quot;js.Js.reboot(); return false;&quot;> DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a>. </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;></div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot;document.getElementById('body').className=''; d ocument.getElementById('notification').className=''; js.Tutorial.showTutorialStep(); return false&quot;>Fermer</a> < /div> </div> <div id=&quot;banner&quot; onclick=&quot;js.Js.reboot(); return false;&quot;> </div> <!-- JS TOOLTIP --> <div id=&quot;tooltip&quot; class=&quot;dynamicTipCategoryHere&quot;> <div class=&quot;content&quot;> <div class=&quot;header&quot;> <div id=&quot;tooltipContent&quot;></div> </div> </div> </div> <!-- JS TOOLTIP --> <div id=&quot;tooltip&quot; class=&quot;dynamicTipCategoryHere&quot;> <div class=&quot;content&quot;> <div class=&quot;header&quot;> <div id=&quot;tooltipContent&quot;></div> </div> </div> ,[object Object]
Une solution ? DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie6.css.gz?v=86&quot;/> <![endif]--> <script type=&quot;text/javacript&quot; src=&quot;/js/horde.js.gz?v=28&quot;></script> </head> <body id=&quot;body&quot;> <div id=&quot;cache&quot;> <img src=&quot;http://data.hordes.fr/gfx/design/tab_hover.gif&quot; alt=&quot;&quot;/> </div> <div class=&quot;ieWarning&quot;> <img src=&quot;http://data.hordes.fr/gfx/icons/status_terror.gif&quot; alt=&quot;&quot;/> Vous utilisez une version ancienne d'Internet Explorer. Nous vous recommandons fortement de le <a href=&quot;http://www.microsoft.com/france/windows/products/winfamily/ie/default.mspx&quot; target=&quot;_blank&quot;>mettre à jour</a> ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a>. </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;></div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot; DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie6.css.gz?v=86&quot;/> <![endif]--> <script type=&quot;text/javascript&quot; src=&quot;/js/horde.js.gz?v=28&quot;></script> </head> <body id=&quot;body&quot;> <div id=&quot;cache&quot;> <img src=&quot;http://data.hordes.fr/gfx/design/tab_hover.gif&quot; alt=&quot;&quot;/> </div> <div class=&quot;ieWarning&quot;> <img src=&quot;http://data.hordes.fr/gfx/icons/status_terror.gif&quot; alt=&quot;&quot;/> &quot; target=&quot;_blank&quot;>mettre à jour</a> ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a> . </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;>< /div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot;document.getElementById('body').className=''; d ocument.getElementById('notification').className=''; js.Tutorial.showTutorialStep(); return false&quot;>Fermer</a> < /div> </div> <div id=&quot;banner&quot; onclick=&quot;js.Js.reboot(); return false;&quot;> DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a>. </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;></div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot;document.getElementById('body').className=''; d ocument.getElementById('notification').className=''; js.Tutorial.showTutorialStep(); return false&quot;>Fermer</a> < /div> </div> <div id=&quot;banner&quot; onclick=&quot;js.Js.reboot(); return false;&quot;> </div> <!-- JS TOOLTIP --> <div id=&quot;tooltip&quot; class=&quot;dynamicTipCategoryHere&quot;> <div class=&quot;content&quot;> <div class=&quot;header&quot;> <div id=&quot;tooltipContent&quot;></div> </div> </div> </div> <!-- JS TOOLTIP --> <div id=&quot;tooltip&quot; class=&quot;dynamicTipCategoryHere&quot;> <div class=&quot;content&quot;> <div class=&quot;header&quot;> <div id=&quot;tooltipContent&quot;></div> </div> </div> Générer
Solution explorée : la Malléabilité ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Approche : l’IDM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Approche : l’IDM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Savoir et Savoir faire
[object Object],[object Object],[object Object],[object Object],[object Object],Plan
[object Object],[object Object],[object Object],[object Object],[object Object],Plan
[object Object],[object Object],[object Object],[object Object],[object Object],Plan
IDM : Systèmes ,[object Object],Un système
Modèles et Systèmes ,[object Object],Un modèle 
Modèles et Systèmes  
Modèles et Systèmes   
Modèles et Systèmes    
Modèles et Acteurs    
Modèles et Métamodèles    Un metamodèle  Dimension Mur Fenêtre Porte 
Modèles et Métamodèles  Dimension Mur Fenêtre Porte    
Modèles et Métamodèles   Dimension Mur Fenêtre Porte    
Modèles et Métamodèles   Dimension Mur Fenêtre Porte      wc anti-retour eau chaude eau froide
Modèles et Métamodèles   Dimension Mur Fenêtre Porte       wc anti-retour eau chaude eau froide
Megamodèle      Dimension Mur Fenêtre Porte      wc anti-retour eau chaude eau froide
Megamodèle      Dimension Mur Fenêtre Porte      wc anti-retour eau chaude eau froide
Mégamodèle d’IHM       Une IHM *
Mégamodèle d’IHM      Une IHM  *
Mégamodèle d’IHM Une IHM        * *
Mégamodèle d’IHM       Une IHM  * *
Mégamodèle d’IHM       Une IHM * 
Mégamodèle d’IHM  Une IHM     * 
Mégamodèle d’IHM       Une IHM * 
Mégamodèle d’IHM       Une IHM  *
Mégamodèle d’IHM  Une IHM     * 
Mégamodèle d’IHM       Une IHM  *
Mégamodèle d’IHM       Une IHM  *
Mégamodèle d’IHM  Une IHM     * 
Mégamodèle d’IHM       Une IHM * 
Mégamodèle d’IHM       Une IHM  * *
Mégamodèle d’IHM  Une IHM      * *
Mégamodèle d’IHM       Une IHM   * * *
Mégamodèle d’IHM       Une IHM  *
Mégamodèle d’IHM  Une IHM      *
Mégamodèle d’IHM       Une IHM *  * 
   * 
  *  
   * 
Mégamodèle d’IHM       *  
Mégamodèle d’IHM     *    
Mégamodèles ,[object Object]
Mégamodèles ,[object Object]
Synthèse : Megamodèle ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Synthèse : Megamodèle ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],Plan
Des IHM sur mesure aux IHM malléables
Des IHM sur mesure aux IHM malléables
Des IHM sur mesures aux IHM malléables
Des IHM sur mesure aux IHM malléables
Des IHM sur mesure aux IHM malléables
Des IHM sur mesure aux IHM malléables
Des IHM sur mesure aux IHM malléables
Des IHM sur mesure aux IHM malléables
Points de malléabilité
Démonstrateur MARA
Démonstrateur MARA
Démonstrateur MARA
Démonstrateur MARA
Démonstrateur MARA
Démonstrateur MARA
Malléabilité : applications ,[object Object]
Malléabilité : applications ,[object Object],[object Object]
Malléabilité : applications ,[object Object],[object Object],Contrôle explicite Gestion des erreurs Compatibilité
Malléabilité : applications ,[object Object],[object Object],[object Object]
Malléabilité : applications ,[object Object],[object Object],[object Object],[object Object]
Synthèse : Malléabilité ,[object Object],[object Object],[object Object],[object Object]
Plan ,[object Object],[object Object],[object Object],[object Object],[object Object]
Vue versus modèle Vue Modèle Syntaxe Abstraite Syntaxe Concrète
Vue versus modèle IDM Vue Modèle Syntaxe Abstraite Syntaxe Concrète
Vue versus modèle IDM IHM Vue Modèle Syntaxe Abstraite Syntaxe Concrète
Vue versus modèle ,[object Object],IDM IHM Vue µ i Modèle Syntaxe Abstraite Syntaxe Concrète
IHM ,[object Object],Vue µ i Système
IHM orientées modèles ,[object Object],Vue µ i Modèle Système µ
IHM orientées modèles ,[object Object],<ApplicationModel> <RoomList> <rooms name=Cellar  function: =#//@ApplicationModel.0/@Function.0 /> <rooms name=Kitchen function: =#//@ApplicationModel.0/@Function.1 /> <rooms name= AlexDesk function: =#//@ApplicationModel.0/@Function.2 /> <rooms name=LivingRoom function: =#//@ApplicationModel.0/@Function.3 /> </RoomList> <Function name=SetCellar … </ApplicationModel> Vue µ i Modèle Système µ
Taxonomie d’IHM ,[object Object],[object Object],IHM µ i Système Modèle µ Extra-IHM µ i
Taxonomie d’IHM ,[object Object],[object Object],<taskModels> <tasks name=&quot;Manage Home Temperature&quot; decompositionOperator=&quot;#//@taskModels.0/@binaries.0&quot; taskType=&quot;#//@taskModels.0/@taskTypes.1&quot;/> <tasks name=&quot;Select Room&quot; taskType=&quot;#//@taskModels.0/@taskTypes.2&quot; manipulatedConcepts=&quot;#//@conceptModels.0/@concepts.0&quot; fromOperator=&quot;#//@taskModels.0/@binaries.0&quot;/> <tasks name=&quot;Set Room Temperature&quot; taskType=&quot;#//@taskModels.0/@taskTypes.0&quot; manipulatedConcepts=&quot;#//@conceptModels.0/@concepts.1&quot; fromOperator=&quot;#//@taskModels.0/@binaries.0&quot; interactor=&quot;#//@interactorModels.0/@interactors.0&quot;/> <binaries motherTask=&quot;#//@taskModels.0/@tasks.0&quot; nature=&quot;enablingWithInformationPassing&quot; subTasks=&quot;#//@taskModels.0/@tasks.1 #//@taskModels.0/@tasks.2&quot;/> <taskTypes name=&quot;Input&quot;/> <taskTypes name=&quot;Other&quot;/> <taskTypes name=&quot;Choice 1/n&quot;/> </taskModels> IHM µ i Système Modèle µ Extra-IHM µ i
Taxonomie d’IHM ,[object Object],[object Object],<taskModels> <tasks name=&quot;Manage Home Temperature&quot; decompositionOperator=&quot;#//@taskModels.0/@binaries.0&quot; taskType=&quot;#//@taskModels.0/@taskTypes.1&quot;/> <tasks name=&quot;Select Room&quot; taskType=&quot;#//@taskModels.0/@taskTypes.2&quot; manipulatedConcepts=&quot;#//@conceptModels.0/@concepts.0&quot; fromOperator=&quot;#//@taskModels.0/@binaries.0&quot;/> <tasks name=&quot;Set Room Temperature&quot; taskType=&quot;#//@taskModels.0/@taskTypes.0&quot; manipulatedConcepts=&quot;#//@conceptModels.0/@concepts.1&quot; fromOperator=&quot;#//@taskModels.0/@binaries.0&quot; interactor=&quot;#//@interactorModels.0/@interactors.0&quot;/> <binaries motherTask=&quot;#//@taskModels.0/@tasks.0&quot; nature=&quot;enablingWithInformationPassing&quot; subTasks=&quot;#//@taskModels.0/@tasks.1 #//@taskModels.0/@tasks.2&quot;/> <taskTypes name=&quot;Input&quot;/> <taskTypes name=&quot;Other&quot;/> <taskTypes name=&quot;Choice 1/n&quot;/> </taskModels> IHM µ i Système Modèle µ Extra-IHM µ i
Taxonomie d’IHM ,[object Object],IHM µ i Système Modèle µ Extra-IHM µ i
Taxonomie d’IHM ,[object Object],Metamodèle χ Meta-IHM µ i IHM µ i Système Modèle µ Extra-IHM µ i
Taxonomie d’IHM ,[object Object],Metamodèle χ Meta-IHM µ i IHM µ i Système Modèle µ Extra-IHM µ i
Taxonomie d’IHM ,[object Object],Metamodèle χ Meta-IHM µ i IHM µ i Système Modèle µ Extra-IHM µ i
Taxonomie d’IHM ,[object Object],[object Object],Metamodèle Metamodèle T µ Trans-IHM µ i Modèle Transformation
Taxonomie d’IHM ,[object Object],[object Object],Metamodèle Metamodèle T µ Trans-IHM µ i Modèle Transformation
Taxonomie d’IHM ,[object Object],[object Object],Metamodèle Metamodèle τ µ Trans-IHM µ i Modèle Transformation
Taxonomie d’IHM ,[object Object],[object Object],Metamodèle Metamodèle T µ Trans-IHM µ i Modèle Transformation
Taxonomie d’IHM ,[object Object],[object Object],Metamodèle Metamodèle τ µ Trans-IHM µ i Modèle Transformation
Megamodèle pour les IHM τ MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur T χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi
Megamodèle pour les IHM MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur τ χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi
Megamodèle pour les IHM MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur τ χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi
Megamodèle pour les IHM MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur τ χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi
Mega-IHM
Synthèse : Mega-IHM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Synthèse : Mega-IHM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Plan ,[object Object],[object Object],[object Object],[object Object],[object Object]
Ponts entre outils ?
Ponts entre outils Extra-IHM (Concepteur) µi MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur τ χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi χ i χ i MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Modèle IUA τ χ µi Modèle transformation µ MetaModèle Interacteur χ
Ponts entre outils MetaModèle Tâche MetaModèle Tâche
Ponts entre outils MetaModèle Tâche MetaModèle Tâche
Cartographie
Cartographie
Cartographie
Cartographie
Cartographie
Cartographie : Evolution Dialogue Graph DiaTask V1.0 -8 Before DiaTask 1996 2004 2005
Synthèse : cartographie ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Plan ,[object Object],[object Object],[object Object],[object Object],[object Object]
En résumé ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Contributions - Système ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Contributions– Développement ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
(Meta)contribution– Domaine ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Perspectives ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Résultats ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Questions?
Comparaison de metamodèles ,[object Object]
Comparaison de metamodèles ,[object Object]
Comparaison de metamodèles
Comparaison de metamodèles
Comparaison de metamodèles XML EMF
Démonstrateur MARA ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Recommandé

Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5
chaudavid
 
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
La Cuisine du Web
 
Digital race evolution programmation web 1.0
Digital race evolution programmation web 1.0Digital race evolution programmation web 1.0
Digital race evolution programmation web 1.0
Sequoia-ID
 
IHM et ergonomie du CMS open source Ametys LTE
IHM et ergonomie du CMS open source Ametys LTEIHM et ergonomie du CMS open source Ametys LTE
IHM et ergonomie du CMS open source Ametys LTE
Ametys
 
Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerce
Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerce Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerce
Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerce
Mohammed ALAMI ✅
 
Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...
Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...
Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...
Antidot
 
Penser l'expérience utilisateur mobile (Paris Web 2013)
Penser l'expérience utilisateur mobile (Paris Web 2013)Penser l'expérience utilisateur mobile (Paris Web 2013)
Penser l'expérience utilisateur mobile (Paris Web 2013)
Amelie Boucher
 
IHM
IHMIHM
IHM
Rémy Padilla
 

Recommandé

Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5
chaudavid
 
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
La Cuisine du Web
 
Digital race evolution programmation web 1.0
Digital race evolution programmation web 1.0Digital race evolution programmation web 1.0
Digital race evolution programmation web 1.0
Sequoia-ID
 
IHM et ergonomie du CMS open source Ametys LTE
IHM et ergonomie du CMS open source Ametys LTEIHM et ergonomie du CMS open source Ametys LTE
IHM et ergonomie du CMS open source Ametys LTE
Ametys
 
Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerce
Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerce Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerce
Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerce
Mohammed ALAMI ✅
 
Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...
Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...
Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...
Antidot
 
Penser l'expérience utilisateur mobile (Paris Web 2013)
Penser l'expérience utilisateur mobile (Paris Web 2013)Penser l'expérience utilisateur mobile (Paris Web 2013)
Penser l'expérience utilisateur mobile (Paris Web 2013)
Amelie Boucher
 
IHM
IHMIHM
IHM
Rémy Padilla
 
Paris Web
Paris WebParis Web
Paris Web
cyrildoussin
 
Presentation Spring, Spring MVC
Presentation Spring, Spring MVCPresentation Spring, Spring MVC
Presentation Spring, Spring MVC
Nathaniel Richand
 
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEIntroduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Marouan OMEZZINE
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 Performant
Hugo Hamon
 
Applets
AppletsApplets
Applets
Korteby Farouk
 
Spring 3.0
Spring 3.0Spring 3.0
Spring 3.0
Spring User Group France
 
Hibernate
HibernateHibernate
Hibernate
Ghazouani Mahdi
 
Introduction à PHP
Introduction à PHPIntroduction à PHP
Introduction à PHP
Saïd Radhouani
 
C5 Javascript
C5 JavascriptC5 Javascript
C5 Javascript
Vlad Posea
 
C5 Javascript French
C5 Javascript FrenchC5 Javascript French
C5 Javascript French
Vlad Posea
 
Rich Desktop Applications
Rich Desktop ApplicationsRich Desktop Applications
Rich Desktop Applications
goldoraf
 
Utilisation de ZK avec Java - Retour d’expérience
Utilisation de ZK avec Java - Retour d’expérienceUtilisation de ZK avec Java - Retour d’expérience
Utilisation de ZK avec Java - Retour d’expérience
louschwartz
 
iTunes Stats
iTunes StatsiTunes Stats
iTunes Stats
CocoaHeads France
 
Html5 bonnes-pratiques
Html5 bonnes-pratiquesHtml5 bonnes-pratiques
Html5 bonnes-pratiques
Jean-Pierre Vincent
 
RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?
Antidot
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
web2manouba
 
Site Web Centrale Eco
Site Web Centrale EcoSite Web Centrale Eco
Site Web Centrale Eco
m.dubucq
 
Symposium2008 Open Source 08 02 2008
Symposium2008 Open Source 08 02 2008Symposium2008 Open Source 08 02 2008
Symposium2008 Open Source 08 02 2008
juflo
 
Tester les applications Zend Framework
Tester les applications Zend FrameworkTester les applications Zend Framework
Tester les applications Zend Framework
Mickael Perraud
 
Atelier template
Atelier templateAtelier template
Atelier template
Pierre Sempé
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
abdououanighd
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Technologia Formation
 

Contenu connexe

Similaire à JsPhDDefense

Presentation Spring, Spring MVC
Presentation Spring, Spring MVCPresentation Spring, Spring MVC
Presentation Spring, Spring MVC
Nathaniel Richand
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 Performant
Hugo Hamon
 
C5 Javascript French
C5 Javascript FrenchC5 Javascript French
C5 Javascript French
Vlad Posea
 
Rich Desktop Applications
Rich Desktop ApplicationsRich Desktop Applications
Rich Desktop Applications
goldoraf
 
RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?
Antidot
 
Tester les applications Zend Framework
Tester les applications Zend FrameworkTester les applications Zend Framework
Tester les applications Zend Framework
Mickael Perraud
 

Similaire à JsPhDDefense (20)

Paris Web
Paris WebParis Web
Paris Web
 
Presentation Spring, Spring MVC
Presentation Spring, Spring MVCPresentation Spring, Spring MVC
Presentation Spring, Spring MVC
 
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEIntroduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 Performant
 
Applets
AppletsApplets
Applets
 
Spring 3.0
Spring 3.0Spring 3.0
Spring 3.0
 
Hibernate
HibernateHibernate
Hibernate
 
Introduction à PHP
Introduction à PHPIntroduction à PHP
Introduction à PHP
 
C5 Javascript
C5 JavascriptC5 Javascript
C5 Javascript
 
C5 Javascript French
C5 Javascript FrenchC5 Javascript French
C5 Javascript French
 
Rich Desktop Applications
Rich Desktop ApplicationsRich Desktop Applications
Rich Desktop Applications
 
Utilisation de ZK avec Java - Retour d’expérience
Utilisation de ZK avec Java - Retour d’expérienceUtilisation de ZK avec Java - Retour d’expérience
Utilisation de ZK avec Java - Retour d’expérience
 
iTunes Stats
iTunes StatsiTunes Stats
iTunes Stats
 
Html5 bonnes-pratiques
Html5 bonnes-pratiquesHtml5 bonnes-pratiques
Html5 bonnes-pratiques
 
RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Site Web Centrale Eco
Site Web Centrale EcoSite Web Centrale Eco
Site Web Centrale Eco
 
Symposium2008 Open Source 08 02 2008
Symposium2008 Open Source 08 02 2008Symposium2008 Open Source 08 02 2008
Symposium2008 Open Source 08 02 2008
 
Tester les applications Zend Framework
Tester les applications Zend FrameworkTester les applications Zend Framework
Tester les applications Zend Framework
 
Atelier template
Atelier templateAtelier template
Atelier template
 

Dernier

Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 

Dernier (20)

Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdfSTRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
 
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
658708519-Power-Point-Management-Interculturel.pdf
658708519-Power-Point-Management-Interculturel.pdf658708519-Power-Point-Management-Interculturel.pdf
658708519-Power-Point-Management-Interculturel.pdf
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
La nouvelle femme . pptx Film français
La nouvelle femme . pptx Film françaisLa nouvelle femme . pptx Film français
La nouvelle femme . pptx Film français
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx Film documentaireApolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLEL'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLE
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
La mondialisation avantages et inconvénients
La mondialisation avantages et inconvénientsLa mondialisation avantages et inconvénients
La mondialisation avantages et inconvénients
 

JsPhDDefense

  • 1. Mega-IHM : Malléabilité des Interfaces Homme-Machine dirigée par les Modèles Jean-Sébastien Sottet (ceci n’est pas moi) Laboratoire LIG Equipes IIHM & ADELE Thèse de Doctorat
  • 2.
  • 3.
  • 4. Problème traité : la complexité
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. Une solution ? DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie6.css.gz?v=86&quot;/> <![endif]--> <script type=&quot;text/javacript&quot; src=&quot;/js/horde.js.gz?v=28&quot;></script> </head> <body id=&quot;body&quot;> <div id=&quot;cache&quot;> <img src=&quot;http://data.hordes.fr/gfx/design/tab_hover.gif&quot; alt=&quot;&quot;/> </div> <div class=&quot;ieWarning&quot;> <img src=&quot;http://data.hordes.fr/gfx/icons/status_terror.gif&quot; alt=&quot;&quot;/> Vous utilisez une version ancienne d'Internet Explorer. Nous vous recommandons fortement de le <a href=&quot;http://www.microsoft.com/france/windows/products/winfamily/ie/default.mspx&quot; target=&quot;_blank&quot;>mettre à jour</a> ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a>. </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;></div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot; DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie6.css.gz?v=86&quot;/> <![endif]--> <script type=&quot;text/javascript&quot; src=&quot;/js/horde.js.gz?v=28&quot;></script> </head> <body id=&quot;body&quot;> <div id=&quot;cache&quot;> <img src=&quot;http://data.hordes.fr/gfx/design/tab_hover.gif&quot; alt=&quot;&quot;/> </div> <div class=&quot;ieWarning&quot;> <img src=&quot;http://data.hordes.fr/gfx/icons/status_terror.gif&quot; alt=&quot;&quot;/> &quot; target=&quot;_blank&quot;>mettre à jour</a> ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a> . </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;>< /div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot;document.getElementById('body').className=''; d ocument.getElementById('notification').className=''; js.Tutorial.showTutorialStep(); return false&quot;>Fermer</a> < /div> </div> <div id=&quot;banner&quot; onclick=&quot;js.Js.reboot(); return false;&quot;> DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/> <title id=&quot;title&quot;>&quot; type=&quot;text/css&quot; href=&quot;http://data.hordes.fr/css/ie.css.gz?v=86&quot;/> <![endif]--> <!--[if IE 6]> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; ou d'<a href=&quot;http://www.getfirefox.com&quot;>installer Firefox</a>. </div> <div id=&quot;main&quot;> <div id=&quot;contentBg&quot;> <div id=&quot;content&quot;> <div id=&quot;notification&quot;> <div class=&quot;black&quot;></div> <div class=&quot;box&quot;> <div id=&quot;notificationText&quot;>< /div> <a href=&quot;#&quot; class=&quot;button&quot; onClick=&quot;document.getElementById('body').className=''; d ocument.getElementById('notification').className=''; js.Tutorial.showTutorialStep(); return false&quot;>Fermer</a> < /div> </div> <div id=&quot;banner&quot; onclick=&quot;js.Js.reboot(); return false;&quot;> </div> <!-- JS TOOLTIP --> <div id=&quot;tooltip&quot; class=&quot;dynamicTipCategoryHere&quot;> <div class=&quot;content&quot;> <div class=&quot;header&quot;> <div id=&quot;tooltipContent&quot;></div> </div> </div> </div> <!-- JS TOOLTIP --> <div id=&quot;tooltip&quot; class=&quot;dynamicTipCategoryHere&quot;> <div class=&quot;content&quot;> <div class=&quot;header&quot;> <div id=&quot;tooltipContent&quot;></div> </div> </div> Générer
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 20. Modèles et Systèmes   
  • 21. Modèles et Systèmes    
  • 22. Modèles et Acteurs    
  • 23. Modèles et Métamodèles    Un metamodèle  Dimension Mur Fenêtre Porte 
  • 24. Modèles et Métamodèles  Dimension Mur Fenêtre Porte    
  • 25. Modèles et Métamodèles   Dimension Mur Fenêtre Porte    
  • 26. Modèles et Métamodèles   Dimension Mur Fenêtre Porte      wc anti-retour eau chaude eau froide
  • 27. Modèles et Métamodèles   Dimension Mur Fenêtre Porte       wc anti-retour eau chaude eau froide
  • 28. Megamodèle      Dimension Mur Fenêtre Porte      wc anti-retour eau chaude eau froide
  • 29. Megamodèle      Dimension Mur Fenêtre Porte      wc anti-retour eau chaude eau froide
  • 30. Mégamodèle d’IHM       Une IHM *
  • 31. Mégamodèle d’IHM      Une IHM  *
  • 32. Mégamodèle d’IHM Une IHM        * *
  • 33. Mégamodèle d’IHM       Une IHM  * *
  • 34. Mégamodèle d’IHM       Une IHM * 
  • 35. Mégamodèle d’IHM  Une IHM     * 
  • 36. Mégamodèle d’IHM       Une IHM * 
  • 37. Mégamodèle d’IHM       Une IHM  *
  • 38. Mégamodèle d’IHM  Une IHM     * 
  • 39. Mégamodèle d’IHM       Une IHM  *
  • 40. Mégamodèle d’IHM       Une IHM  *
  • 41. Mégamodèle d’IHM  Une IHM     * 
  • 42. Mégamodèle d’IHM       Une IHM * 
  • 43. Mégamodèle d’IHM       Une IHM  * *
  • 44. Mégamodèle d’IHM  Une IHM      * *
  • 45. Mégamodèle d’IHM       Une IHM   * * *
  • 46. Mégamodèle d’IHM       Une IHM  *
  • 47. Mégamodèle d’IHM  Une IHM      *
  • 48. Mégamodèle d’IHM       Une IHM *  * 
  • 49.    * 
  • 50.   *  
  • 51.    * 
  • 52. Mégamodèle d’IHM       *  
  • 53. Mégamodèle d’IHM     *    
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59. Des IHM sur mesure aux IHM malléables
  • 60. Des IHM sur mesure aux IHM malléables
  • 61. Des IHM sur mesures aux IHM malléables
  • 62. Des IHM sur mesure aux IHM malléables
  • 63. Des IHM sur mesure aux IHM malléables
  • 64. Des IHM sur mesure aux IHM malléables
  • 65. Des IHM sur mesure aux IHM malléables
  • 66. Des IHM sur mesure aux IHM malléables
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81. Vue versus modèle Vue Modèle Syntaxe Abstraite Syntaxe Concrète
  • 82. Vue versus modèle IDM Vue Modèle Syntaxe Abstraite Syntaxe Concrète
  • 83. Vue versus modèle IDM IHM Vue Modèle Syntaxe Abstraite Syntaxe Concrète
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100. Megamodèle pour les IHM τ MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur T χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi
  • 101. Megamodèle pour les IHM MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur τ χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi
  • 102. Megamodèle pour les IHM MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur τ χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi
  • 103. Megamodèle pour les IHM MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur τ χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi
  • 105.
  • 106.
  • 107.
  • 109. Ponts entre outils Extra-IHM (Concepteur) µi MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Meta-IHM (linguiste) Modèle interacteur τ χ µi µi IHM (utilisateur final) µ Modèle transformation µ Trans-IHM (Ingénieur) µi Extra-IHM (utilisateur) µi χ i χ i MetaModèle Interacteur χ Trans-IHM (Installateur) µi Meta-IHM (Etudiant) µi MetaModèle Tâche Modèle Tâche Extra-IHM (Concepteur) Modèle IUA τ χ µi Modèle transformation µ MetaModèle Interacteur χ
  • 110. Ponts entre outils MetaModèle Tâche MetaModèle Tâche
  • 111. Ponts entre outils MetaModèle Tâche MetaModèle Tâche
  • 117. Cartographie : Evolution Dialogue Graph DiaTask V1.0 -8 Before DiaTask 1996 2004 2005
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126.  
  • 128.
  • 129.
  • 133.