==== Spécifications et maquettage d'I.H.M. ==== Pour commencer, il convient de préciser {{:departement_info:personnels:pb:ihm:ihm-def.pdf|de quoi on parle}} et d'en préciser {{:departement_info:personnels:pb:ihm:ihm-generalites.pdf|l'importance, les points de vue, les objectifs et les fonctions}}. Avant de concevoir une I.H.M., il faut savoir {{:departement_info:personnels:pb:ihm:ihm-prealable.pdf|ce qu'elle permet de faire et par qui cela peut être fait}}. [[https://www.ux-republic.com/acteurs-de-lux-donald-a-norman/|Donald Norman]] préconise 3 {{:departement_info:personnels:pb:ihm:ihm-principes.pdf|principes de conception}}. La conception centrée sur l'utilisateur préconisée par Donald Norman peut amener à représenter des utilisateurs fictifs mais précis, les {{:departement_info:personnels:pb:ihm:ihm-persona.pdf|personae}}. Une fois connus les besoins et les utilisateurs, on peut {{:departement_info:personnels:pb:ihm:ihm-sketch.pdf|mettre en images l'I.H.M.}} La navigation entre fenêtres d'une application de bureau ou entre pages d'une application ou d'un site web peut être représentée par un {{:departement_info:personnels:pb:ihm:ihm-navigation.pdf|diagramme de navigation}}. //Le diagramme proposé est une version simplifiée inspirée de [[https://uwe.pst.ifi.lmu.de/|U.W.E.]].// Les situations d'interactions (fenêtres ou pages) contiennent {{:departement_info:personnels:pb:ihm:ihm-objets-visuels.pdf|différents éléments}} avec lesquels l'utilisateur peut interagir. Ces objets visuels vont être esquissés ou dessinés au cours du {{:departement_info:personnels:pb:ihm:ihm-maquettage.pdf|maquettage}}, qui se distingue du prototypage et présente de nombreux avantages. En fonction du stade d'avancement du projet, {{:departement_info:personnels:pb:ihm:ihm-différentes-maquettes.pdf|différentes maquettes}} sont réalisées, plus ou moins proches du rendu final. Le {{:departement_info:personnels:pb:ihm:ihm-cycle-conception.pdf|processus de conception d'ihm}} comprend 3 phases qui se suivent et forme un cycle qui se répète, cycle au cours duquel les utilisateurs interviennent pour évaluer le résultat. C'est cette évaluation qui amène à répéter le cycle, en prenant en compte les remarques formulées. Donald Norman a formulé {{:departement_info:personnels:pb:ihm:ihm-conseils.pdf|quelques conseils utiles}} pour la bonne conception des IHM. ---- === Travaux dirigés : === {{:departement_info:personnels:pb:ihm:TD_1_navigation.pdf|énoncé TD n°1}} {{:departement_info:personnels:pb:ihm:TD_2_navigation.pdf|énoncé TD n°2}} {{:departement_info:personnels:pb:ihm:ihm-modalités.pdf|Différentes modalités d'interaction}} peuvent être proposées aux utilisateurs. Elles mettent en oeuvre deux {{:departement_info:personnels:pb:ihm:ihm-processus.pdf|processus différents}} qui constituent des {{:departement_info:personnels:pb:ihm:ihm-approches.pdf|approches adéquates}} et guident la conception d'ihm. {{:departement_info:personnels:pb:ihm:diagNavig.pptx|un gabarit PowerPoint pour le diagramme de navigation}} Complément de cours sur les {{:departement_info:personnels:pb:ihm:personae.pdf|personae}} et sa mise en application avec l'{{:departement_info:personnels:pb:ihm:TD_personae.pdf|énoncé TD n°3}} ---- Si l'on considère le processus objet-action, l'interaction humain-machine se décline à partir du modèle entités-associations en appliquant des {{:departement_info:personnels:pb:ihm:mcd-ihm.pdf|patrons de navigation}} à des sous-ensembles d'entités et d'associations. On repère dans le modèle entités-associations les entités les plus significatives. S'il n'y en a qu'une, le point de départ de la navigation est un noeud d'index des occurrences de l'entité ciblée. S'il y en a plusieurs, le point de départ de la navigation est un menu conduisant aux index d'occurrences des entités ciblées. On applique ensuite les patrons de navigation. ---- === Projet : === Le travail à réaliser individuellement est décrit dans {{:departement_info:personnels:pb:ihm:projet_2024.pdf|ce document}}. **Ce travail est à remettre pour le samedi 26 octobre dans le dépôt prévu à cet effet [[https://ecampus.unicaen.fr/course/view.php?id=45665|sur eCampus]]**. ---- === Travaux pratiques : === Le travail à réaliser avec le logiciel {{:departement_info:personnels:pb:ihm:Pencil2.0.5.zip|Evolus Pencil}} est décrit dans {{:departement_info:personnels:pb:ihm:TP maquettage.pdf|ce document}}. **Ce travail est à remettre dans le dépôt prévu à cet effet [[https://ecampus.unicaen.fr/course/view.php?id=45665|sur eCampus]] avant la fin de la séance de travaux pratiques.**\\ /!\ Il n'est pas possible de remettre un dossier. Vous devez donc envoyer votre maquette (dossier avec son index html et ses sous-dossiers "pages" et "resources") vers un dossier compressé pour le remettre sous forme d'archive. ---- === Notes : === Les notes pour les travaux remis en 2024-2025 : {{:departement_info:personnels:pb:ihm:notes R1.02 2024.pdf|notes.pdf}}.