[{"command":"insert","method":null,"selector":".course-modal-ajax-placeholder-961822","data":"\u003Cdiv class=\u0022container content-rte\u0022\u003E\n  \u003Cdiv class=\u0022row\u0022\u003E\n    \u003Cdiv class=\u0022box col-md-6 bg-primary text-white\u0022\u003E\n      \u003Ch2 class=\u0022h1 text-left\u0022\u003E  Interaction Humain-Machine\n\u003C\/h2\u003E\n                  \u003Cdiv class=\u0022field-spacing\u0022\u003E\n        \u003Cdiv class=\u0022field__label h3 dash\u0022\u003EECTS :\n          4.5\n        \u003C\/div\u003E\n      \u003C\/div\u003E\n                  \u003Cdiv class=\u0022field-spacing\u0022\u003E\n        \u003Cdiv class=\u0022field__label h3 dash\u0022\u003ESemestre calendaire :\n          Semestre 2\n        \u003C\/div\u003E\n      \u003C\/div\u003E\n            \u003Cdiv class=\u0022field-spacing\u0022\u003E\n      \u003Cdiv class=\u0022field__label h3 dash\u0022\u003ED\u00e9tail du volume horaire\u003C\/div\u003E\n                        \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                          \u003Cspan class=\u0022field__label h4 mt-5 \u0022\u003ECours magistraux :\u003C\/span\u003E\n                                      \u003Cspan\u003E18\u003C\/span\u003E\n                      \u003C\/div\u003E\n                                \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                          \u003Cspan class=\u0022field__label h4 mt-5 \u0022\u003ETravaux pratiques :\u003C\/span\u003E\n                                      \u003Cspan\u003E12\u003C\/span\u003E\n                      \u003C\/div\u003E\n                                \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                          \u003Cspan class=\u0022field__label h4 mt-5 \u0022\u003ETravaux dirig\u00e9s :\u003C\/span\u003E\n                                      \u003Cspan\u003E12\u003C\/span\u003E\n                      \u003C\/div\u003E\n                                                            \u003C\/div\u003E\n        \u003Cdiv class=\u0022field-spacing\u0022\u003E\n      \u003Cdiv class=\u0022field__label h3 dash\u0022\u003ELangue d\u0026#039;enseignement\u003C\/div\u003E\n                        \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                                      \u003Cspan\u003EFran\u00e7ais\u003C\/span\u003E\n                      \u003C\/div\u003E\n                  \u003C\/div\u003E\n        \u003Cdiv class=\u0022field-spacing\u0022\u003E\n      \u003Cdiv class=\u0022field__label h3 dash\u0022\u003EEnseignement \u00e0 distance\u003C\/div\u003E\n                        \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                                      \u003Cspan\u003Enon\u003C\/span\u003E\n                      \u003C\/div\u003E\n                  \u003C\/div\u003E\n      \u003C\/div\u003E\n    \u003Cdiv class=\u0022box col-md-6\u0022\u003E\n            \u003Cdiv class=\u0022field-spacing\u0022\u003E\n      \u003Cdiv class=\u0022field__label h3 dash\u0022\u003EPr\u00e9requis\u003C\/div\u003E\n                        \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                                      \u003Cspan\u003E\u003Cp\u003EConnaissances de base en programmation imp\u00e9rative et par objets.\u003C\/p\u003E\u003C\/span\u003E\n                      \u003C\/div\u003E\n                  \u003C\/div\u003E\n        \u003Cdiv class=\u0022field-spacing\u0022\u003E\n      \u003Cdiv class=\u0022field__label h3 dash\u0022\u003EProgramme \/ plan \/ contenus\u003C\/div\u003E\n                        \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                                      \u003Cspan\u003E\u003Cp\u003ECe cours pr\u00e9sente le domaine de l\u0027interaction humain-machine. Il introduit les concepts de base de l\u0027interaction du point de vue de l\u0027utilisateur humain et du point de vue de l\u2019ordinateur et couvre le cycle de conception, d\u00e9veloppement et \u00e9valuation des syst\u00e8mes interactifs.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EIl pr\u00e9sente d\u2019abord un ensemble de m\u00e9thodes de conception des syst\u00e8mes interactifs allant des entretiens avec les utilisateurs et du brainstorming au prototypage rapide et \u00e0 la d\u00e9finition du mod\u00e8le conceptuel d\u2019une application interactive.\u003C\/p\u003E\n\u003Cp\u003EIl introduit ensuite les concepts et outils pour le d\u00e9veloppement logiciel d\u2019applications interactives, en pr\u00e9sentant l\u2019architecture logicielle MCV, la programmation \u00e9v\u00e9nementielle et r\u00e9active et les bo\u00eetes \u00e0 outils d\u2019interface.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EIl pr\u00e9sente enfin les techniques d\u2019\u00e9valuation des syst\u00e8mes interactifs aux diff\u00e9rents stades du cycle de conception, en distinguant les m\u00e9thodes qualitatives (\u00ab walkthroughs \u00bb, \u00e9tudes d\u2019utilisabilit\u00e9) des m\u00e9thodes quantitatives (test A\/B, exp\u00e9rimentations contr\u00f4l\u00e9es).\u003C\/p\u003E\n\u003Cp\u003ELes TDs et TPs consistent en un ensemble d\u0027exercices permettant \u00e0 l\u0027\u00e9tudiant de d\u00e9velopper son sens critique et de mettre en pratique les m\u00e9thodes et techniques du cours pour concevoir et d\u00e9velopper des interfaces plus adapt\u00e9es aux besoins et caract\u00e9ristiques des utilisateurs. Les TPs de programmation utilisent soit le langage Java avec les biblioth\u00e8ques Java\/FX ou Java\/Swing, soit le langage JavaScript ou TypeScript avec les standards du Web (HTML, CSS) pour des applications s\u2019ex\u00e9cutant localement dans le navigateur (sans serveur).\u003C\/p\u003E\n\u003Cp\u003EPlan du cours :\u003C\/p\u003E\n\u003Cp\u003E- Introduction (2 s\u00e9ances)\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;1 Qu\u2019est-ce que l\u2019Interaction Humain-Machine (IHM) ?\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 1.1 Styles d\u2019interaction\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;2 Interaction graphique\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 2.1 La manipulation directe\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 2.2 Les actions \u00e9l\u00e9mentaires\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 2.3 Les t\u00e2ches \u00e9l\u00e9mentaires de l\u2019interaction\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 2.4 Les patterns d\u2019interaction\u003C\/p\u003E\n\u003Cp\u003E- Conception (3 s\u00e9ances)\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;3 Mod\u00e9lisation conceptuelle\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 3.1 Tables d\u0027interaction\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;4 Conception participative\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 4.1 Analyse des besoins\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 4.2 Id\u00e9ation\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 4.3 Prototypage rapide\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;5 Conception visuelle\u003C\/p\u003E\n\u003Cp\u003E- D\u00e9veloppement (5 s\u00e9ances)\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;6 Architecture d\u2019une application interactive\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 6.1 Le mod\u00e8le MVC\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;7 Programmation \u00e9v\u00e9nementielle\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 7.1 Boucle d\u2019\u00e9v\u00e9nements\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 7.2 Gestionnaires d\u0027\u00e9v\u00e9nements\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 7.3 \u00c9couteurs d\u0027\u00e9v\u00e9nements\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 7.4 Machines \u00e0 \u00e9tats\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;8 Bo\u00eetes \u00e0 outils d\u0027interface\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 8.1 Interacteurs\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 8.2 Algorithmes de placement\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;9 Programmation r\u00e9active\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 9.1 Liaison de donn\u00e9es\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 9.2 Pattern \u00ab observateur \u00bb\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 9.3 Signaux\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;10 Interactions standard\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 10.1 Navigation\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 10.2 D\u00e9faire \/ refaire\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 10.3 S\u00e9lection, poign\u00e9es de manipulation\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 10.4 Copier-coller\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; 10.5 Tirer-d\u00e9placer\u003C\/p\u003E\n\u003Cp\u003E- \u00c9valuation (2 s\u00e9ances)\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;11 \u00c9valuation qualitative\u003C\/p\u003E\n\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp;12 \u00c9valuation quantitative\u003C\/p\u003E\u003C\/span\u003E\n                      \u003C\/div\u003E\n                  \u003C\/div\u003E\n        \u003Cdiv class=\u0022field-spacing\u0022\u003E\n      \u003Cdiv class=\u0022field__label h3 dash\u0022\u003EObjectifs d\u0026#039;apprentissage\u003C\/div\u003E\n                        \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                                      \u003Cspan\u003E\u003Cp\u003EComprendre et mettre en pratique\u0026nbsp;les principes, m\u00e9thodes et techniques de base permettant de concevoir, d\u00e9velopper et \u00e9valuer des applications interactives simples. Comprendre et ma\u00eetriser la programmation \u00e9v\u00e9nementielle qui est au c\u0153ur du fonctionnement des applications interactives.\u003C\/p\u003E\u003C\/span\u003E\n                      \u003C\/div\u003E\n                  \u003C\/div\u003E\n        \u003Cdiv class=\u0022field-spacing\u0022\u003E\n      \u003Cdiv class=\u0022field__label h3 dash\u0022\u003EOrganisation g\u00e9n\u00e9rale et modalit\u00e9s p\u00e9dagogiques\u003C\/div\u003E\n                        \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                                      \u003Cspan\u003E\u003Cp\u003ELe module est organis\u00e9 en 12 s\u00e9ances d\u00271h \u00bd de cours et 12 s\u00e9ances de 2h de TD\/TPs. L\u0027\u00e9valuation consiste en un contr\u00f4le continu (questionnaires en ligne, rendus de TD\/TPs) et un examen de fin de module.\u003C\/p\u003E\u003C\/span\u003E\n                      \u003C\/div\u003E\n                  \u003C\/div\u003E\n                                \u003Cdiv class=\u0022field-spacing\u0022\u003E\n      \u003Cdiv class=\u0022field__label h3 dash\u0022\u003ENature de l\u0026#039;\u00e9valuation\u003C\/div\u003E\n                        \u003Cdiv class=\u0022mt-5 text-justify\u0022\u003E\n                                      \u003Cspan\u003EEvaluation Continue non Int\u00e9grale\u003C\/span\u003E\n                      \u003C\/div\u003E\n                  \u003C\/div\u003E\n      \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E\n","settings":null}]