Wiki Campus 3

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
==== 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_diagr_navigation.pdf|énoncé TD n°1}}

{{:departement_info:personnels:pb:ihm:TD_2_diagr_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}}\\
**Ce travail est à remettre dans le dépôt prévu à cet effet [[https://ecampus.unicaen.fr/mod/assign/view.php?id=??????|sur eCampus]]**.\\
/!\ Les personae d'un groupe respecteront le même gabarit afin de faciliter leur exploitation (la même information au même endroit dans tous les personae).


----

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_2025.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 de maquettage.pdf|ce sujet}}.

**Ce travail est à remettre dans le dépôt prévu à cet effet [[https://ecampus.unicaen.fr/mod/assign/view.php?id=??????|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.