Embed Size (px)
Citation preview
—13
LifIHM
Interactions Homme-Machine
https://perso.liris.cnrs.fr/stephanie.jean-daubias/enseignement/IHM/
Responsables de l’UE
Stéphanie Jean-Daubias & Fabien Duchateau
L3
HELP !? ? ?
1
—13
LifIHM
Objectifs de l’enseignement
sensibilisation aux questions d’interface / d’interaction
bases, points de repères, outils pour éviter les plus grosses erreurs
Prérequis
un cerveau en état de marche
de l’ouverture d’esprit
si possible un peu d’humour ;-)
respect (politiquement correct)
ponctualité
2
—13
Compétences
Ce que vous saurez / saurez faire
évaluer l'interface d'un logiciel, d’un site web
la corriger pour qu'elle soit ergonomiquement valide
construire une application correcte ergonomiquement
compétences encore trop rares chez les informaticien·ne·s
à valoriser dans vos CV
Mais aussi…
travailler en groupe
communiquer via une vidéo (capture, montage)
communiquer via un blog
avoir une démarche rigoureuse, pré-professionnelle, en respectant les contraintes
3
—13
Déroulement• Cours Organisation de l’UE
• Cours Introduction l’IHM
Introduction
• Cours Conception
• TD en équipes
• Vidéo en équipesConception
• Cours Prog d’interfaces
• TP projet partie interface
• Cours Prog d’interactions
• TP projet partie interactions
Programmationpour l’IHM
• Cours Théories générales pour l’ergo
• TP évaluation ergo théories avec JADE
• Cours Éléments d’IHM – guides de style
• TP rapport d’évaluation ergonomique
• Cours Critères d’évaluation généraux
• TP évaluation ergo avec JADE
• Cours Critères d’évaluation Web
• TP noté évaluation ergonomique Web
• Cours Critères d’évaluation mobile
• TP évaluation ergo. mobile avec JADE
• Cours Critères d’évaluation Handicap
Ergonomie
• TP finalisation ergo projet
• TD évaluation globale JADE
• Vidéo pédagogique en équipes
• TP éval croisée projet
Préparationde l’examen
Examen+ vraie vie
4
—13
Planning détaillé + MCCdate durée type sujet rendu coef
############### 3h CM Présentation de l'UE + Introduction à l'IHM
ven. 7 févr. 2020 1h30
3h
CM
TD1
Conception
Conception (papier, crayons, règle, ciseaux, post-it) fiche + vidéo10%+
10%
ven. 14 févr. 2020 1h30
1h30
CM
TP1
Programmation pour l'IHM - interface
TP1 Interface - page web responsive avec formulaire -
ven. 21 févr. 2020 1h30
1h30
CM
TP2
Programmation pour l'IHM - interactions + prés projet
TP2 Interaction - vérification du formulaire projet
ven. 28 févr. 2020 1h30
1h30
CM
TP3
Ergonomie : théories générales pour l'ergonomie
TP évaluation ergonomique d'une application avec JADE -
ven. 13 mars 2020 1h30
1h30
CM
TP4
Ergonomie : éléments d'IHM - guides de style
TP rapport d'évaluation ergonomique d'une application rapport
ven. 20 mars 2020 1h30
1h30
CM
TP5
Ergonomie : critères d'évaluation ergo généraux
TP évaluation ergonomique d'une application avec JADE -
ven. 27 mars 2020 1h30
1h30
CM
TP6
Ergonomie : critères d’évaluation ergo Web
TP rapport d'évaluation ergonomique d'une application rapport noté 20%
ven. 3 avr. 2020 1h30
1h30
CM
TP7
Ergonomie : critères d'évaluation ergo mobile
TP évaluation ergonomique d'une appli mobile avec JADE -
ven. 10 avr. 2020 1h30
1h30
CM
TP8
Ergonomie : critères d’évaluation ergo handicap
TP finalisation ergonomique du projet (dont handicap) -
ven. 17 avr. 2020 1h30
1h30
TD2
TP9
Scénario vidéo pédagogique + JADE complet
TP évaluation croisée du projetfiche + vidéo
projet
10%
ven. 24 avr. 2020 2h exam Conception - Evaluation : rapport d'éval ergo - combinaison de critères
feuille A4 recto-verso manuscrite autorisée (stylo bleu - crayon à papier )copie 40%
implication 10%
juin/juillet 2h exam session 2 : idem copie 40%
5
—13
Répartition
Enseignant·e·s SJD : Stéphanie Jean-Daubias
FD : Fabien Duchateau
PY : Pierre Yang
Groupes (TD TP)
indiqués sur Tomuss
en fonction des contraintes
L2/L3
LifProlog, LifGraphique
TR, BDW1…
TD en équipes de 5
TP en binômes
6
—13
Groupes de TD et TP
TP Créneau Enseignant
V21 vendredi 15h45 SJD
V22 vendredi 15h45 PY
V23 vendredi 15h45 FD
V24 vendredi 17h15 SJD
TD Créneau Enseignant
V21+L11 Vendredi 16h15-18h15 SJD
V22+V23 Vendredi 16h15-18h15 FD ou PY
Avant l’affectation des groupes, vous voyez tous les groupes dans ADE.
Après l’affectation des groupes, vous verrez uniquement votre groupe.
8
—13
Consignes de rendus
Quand ?
à la fin du TP
Où ?
sur Tomuss
Qui ?
1 étudiant·e par binôme
Comment ?
1 fichier unique (pdf ou zip)
noms et n° des 2 étudiant·e·s
respecter le nombre de pages max
respecter le modèle donné
application exécutable de manière autonome
http://liris.cnrs.fr/stephanie.jean-daubias/enseignement/IHM/#consignes
http://www.luc-damas.fr/humeurs/
9
—13
Se préparer…
TD1 : concevoir une application (prochaine séance)
travail en équipes de 5
productions à rendre (pas de dev)
fiche à remplir collectivement
vidéo à filmer/capturer, monter collectivement
matériel (si possible 1 / équipe)
ordinateur portable (pour maquettage et capture vidéo / montage)
smartphone (pour filmer)
papier, crayons de plusieurs couleurs, post-it, règle (pour les maquettes)
prêt de matériel possible (stabilisateur, micro, rallonge micro)
TD2 : expliquer un concept du cours : vidéo pédagogique (à la fin du semestre)
pour les meilleures vidéos, possibilité de concourir à octet vidéo
https://www.societe-informatique-de-france.fr/2019/09/octet-video-concours-video-2019/
10
—13
S’entraîner…
Projet longitudinal
développement d’une application web avec BootStrap
modules interactifs préparatoires à faire en autonomie dès maintenant
https://perso.liris.cnrs.fr/stephanie.jean-daubias/enseignement/IHM/#Aides_techniques
Quiz / listes d’apprentissage
sur l’application mobile OPALE (Android / iOS)
associés à chaque cours
11
—13
Si l’IHM vous passionne
Pour aller plus loin
stages IHM
masters d’informatique (avec une composante / centrés IHM)
AFIHM (Association Francophone d'Interaction Homme-Machine)
Bibliographie
à la BU
Donald Norman, The Design of Everyday Things, Basic Books, 2013
Ben Shneiderman, Designing the User Interface: Strategies for Effective Human Computer Interaction, Pearson, 2009
Jean-François Nogier, Ergonomie du logiciel et design web, Dunod, 2008
Amélie Boucher, Ergonomie web, 3ème édition, Eyrolles, 2011
…
12
—13
Questions……
? ? ?
? ?
…Et c’est parti !
13
