Corrigé du livret d’architecte de l’information · 2017. 4. 2. · Corrigé livret...

Corrigé du livret d’architecte de l’information

MOOC Architecture de l’information 18 janvier - 4 avril 2017

Christine Dufour, Université de Montréal Benoît Habert Ens de Lyon Jean-Philippe Magué Ens de Lyon Christine Michel Insa de Lyon Jean-Michel Salaün Ens de Lyon Isabelle Spérano Université de Laval (Québec)

Sommaire

Comment évaluer un livret 2 Notation 2

Séquence 1 4 Corrigé 6






Séquence 7 31

Corrigé livret d’architecte de l’information 20171

Comment évaluer un livret

Les corrigés sont présentés à titre indicatif. Ils proposent une réponse juste, accompagnée le cas échéant de quelques commentaires sur la question ou l'exercice de chacune des six séquences. Ces corrigés doivent servir de guide pour l'évaluation des réponses consignées par les apprenants dans leur livret. Mais la plupart des activités laissent la place à une interprétation et le guide n'indique par l'exemple que la direction générale à prendre et non le chemin précis à suivre. Il revient donc à l'évaluateur de vérifier, sur la base de ce guide, si la réponse proposée suit la bonne direction pour atteindre le but recherché, même si elle ne coïncide pas exactement avec le corrigé présenté.

Notation Rappel des critères d'évaluation :

● Les activités proposées dans chaque séquence ont-elles été réalisées ? Les réponses sont-elles pertinentes ? Les réponses sont-elles suffisamment explicites pour être convaincantes ?

● Le livret comprend-il d’autres éléments ? Si oui, sont-ils pertinents ? Leur présentation est-elle suffisamment explicite pour être exploitable par quelqu’un d’autre que l’auteur du livret ?

● La forme est-elle soignée ? Le livret comprend-il une couverture ? Une structure en sections ou chapitres facilitant la lecture ? Des illustrations agréables et parlantes ? La rédaction du texte est-elle claire et correcte ?

● La personnalité de l’auteur du livret ressort-elle à la lecture du livret ? Avez-vous été surpris(e) ou séduit(e) à la lecture du livret ?

C'est donc sur la base de ces critères que vous devrez noter chaque livret. Noter le travail d'un apprenant est toujours intimidant, on n'est jamais sûr d'avoir appliqué le barème le plus pertinent. Voici donc quelques conseils pour vous faciliter la mesure sans perdre trop de temps.

1. SIMPLIFIEZ L'ÉCHELLE Pour contourner les différences dans les habitudes nationales de notation, nous vous demandons une note en pourcentage, c'est-à-dire sur 100. Mais il est difficile et souvent trompeur d'entrer dans trop de précision. Une échelle de 1 à 10, éventuellement en donnant des 1/2 points si vous voulez fignoler, est raisonnable. Vous devrez in fine multiplier la note par 10 pour respecter l'échelle initialement demandée.

2. PRÉVOYEZ UN BARÈME Quatre critères ont été définis, donnez leur chacun une pondération. Prévoyez un barème de notation. Voici ci-après une suggestion, qui n'est qu'indicative.


● 5 points pour les activités ● 3 points pour les autres éléments ● 1 point pour la forme ● 1 point pour la personnalité

Vous pouvez choisir une autre répartition qui vous paraîtrait plus pertinente, mais n’oubliez pas que votre notation ne doit pas s’écarter trop de celles réalisées par vos condisciples pour que l’équité soit respectée.

3. NOTEZ DE FAÇON RELATIVE Pour chacun des critères, classez les livrets que vous avez à évaluer les uns par rapport aux autres. Les classements peuvent être très différents selon les critères. Une fois cette classification réalisée, vous pourrez distribuer les points, critère par critère, selon le barème prévu. Dans l'exemple précédent de 0 à 5 pour les activités, de 0 à 3 pour les autres éléments, 0 ou 1 pour la forme et pour la personnalité. La perfection n'est pas de ce monde. Le maximum de points sur un critère ne signifie pas que le travail réalisé est parfait, mais que, dans la limite des contraintes de temps et de moyens disponibles pour la réalisation du MOOC, le travail est optimal.

4. COMPAREZ LES RÉSULTATS Pour chaque livret, faites la somme des points acquis dans chacun des critères. Comparez les résultats globaux obtenus entre eux. Le classement général et les écarts entre livrets vous paraissent-ils équitables ? Pensez-vous que vos co-évaluateurs seraient arrivés à un classement similaire ? Si oui, vous pouvez reporter votre note dans le formulaire prévu en la multipliant pas 10, afin d'avoir un résultat sur 100. Sinon, retournez sur les éléments qui creusent les écarts pour approfondir votre jugement.

5. RÉDIGEZ UNE APPRÉCIATION Pour avoir un retour plus éclairant qu'une simple note, il est utile que l'auteur dispose d'une appréciation. En réalité, chaque auteur de livret pourra consulter quatre appréciations sur son livret, une par évaluateur. Pour chacun des livrets que vous devez évaluer, il vous faudra donc rédiger une appréciation. Il ne s'agit que de quelques lignes qui résument votre évaluation. Vous pouvez, par exemple, mettre quelques mots pour chacun des critères ainsi que votre impression globale sur le livret. Evitez les formules vagues et générales, comme "excellent livret" ou "moyen", ce genre d’appréciations n’apporte aucun complément à la note. Pour être utile, l'appréciation doit d'appuyer sur des arguments précis, elle doit justifier votre note et permettre à l'auteur de comprendre la mesure de la qualité de son travail et, le cas échéant, de repérer les éléments qui auraient mérité une révision.


Séquence 1 Pour cette séquence, nous vous proposons de réfléchir à la définition de l'architecture et l'architecte de l'information.

1. Pointez les accords et les différences entre les quatre définitions ci-dessous, deux définitions américaines du domaine et deux définitions françaises du métier. Expliquez pourquoi elles diffèrent entre elles selon vous.

2. Proposez ensuite votre propre définition, issue des apports de la séquence 1 et, le cas échéant, de votre propre expérience.

La longueur de votre apport personnel ne doit pas dépasser une page.

Définition de l’architecture de l’information par l’Information Architecture Institute en 2016 Information architecture is the practice of deciding how to arrange the parts of something to be understandable. Traduction proposée : L’architecture de l’information est le savoir-faire pour décider comment combiner les parties de quelque chose afin de la rendre compréhensible.

Définition de l’architecture de l’information dans la quatrième édition du Polar Bear Book

1. The structural design of shared information environments. 2. The synthesis of organization, labeling, search, and navigation systems within digital,

physical, and cross-channel ecosystems. 3. The art and science of shaping information products and experiences to support

usability and findability.


https://archinfo01.hypotheses.org/1811


http://www.iainstitute.org/what-is-ia



4. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.

Traduction proposée : 1. La conception structurelle des espaces d’informations partagées. 2. La synthèse des systèmes d’organisation, de catégorisation, de recherche et de

navigation dans des écosystèmes numériques, physiques et hybrides. 3. L’art et la science de configurer les produits et les expériences informationnels pour en

faciliter l’usage et le repérage. 4. Une discipline et une communauté de pratiques émergentes désirant ouvrir le

numérique aux principes du design et de l’architecture.

Définition de l’architecte de l’information de l’association des professionnels de l’information Intervenant lors des différentes phases de conduite d'un projet de site web, d'intranet ou de logiciel de grande envergure, il a pour rôle principal de proposer, et spécifier une organisation efficiente de l'information au sein du dispositif cible. Il intervient également pour vérifier l'adéquation du dispositif mis en oeuvre aux besoins spécifiés et son bon fonctionnement. Véritable chef d'orchestre il est en relation avec différents métiers, définit la typologie et la classification des contenus, optimise la navigation et la recherche d'information en fonction des objectifs et du public visé.

Définition de l’architecte de l’information de l’association des Designers interactifs Responsable de la structure et de la terminologie du contenu d’un site web ou d’une application, l’architecte de l’information oriente l’expérience utilisateur. Son activité est fondée sur la dimension interactive du projet pour permettre aux utilisateurs de combler leur besoin en information et de faciliter l’accomplissement d’activités que le service propose. De par la transversalité que son intervention implique, l’architecte de l’information collabore avec l’ensemble des intervenants : l’équipe projet du client et l’équipe design interne. L’architecte de l’information prend ainsi en compte les aspects marketing, l’identité de marque, la communication, la sémantique, le design visuel, les profils d’utilisateurs, l’ergonomie web et la technologie. Il traduit le comportement des utilisateurs en solutions de conception et formalise de manière conceptuelle et schématique des livrables tels que l’arborescence, le storyboard ou encore le scénario d’usage.


http://www.adbs.fr/architecte-de-l-information-131388.htm



http://www.designersinteractifs.org/publications/guides/guide-des-metiers-du-design-interactif



Corrigé Une bonne idée pour répondre à la question est de comparer les compétences du référentiel avec les éléments présents ou non dans les définitions. Mais d’autres types d’analyses, bien sûr, sont possibles.

Référentiel IAI Polar Bear Adbs Designers interactifs

Savoir structurer l’écosystème informationnel

L’architecture de l’information est le savoir-faire pour décider comment combiner les parties de quelque chose afin de la rendre compréhensible.

La conception structurelle des espaces d’information partagée.

il a pour rôle principal de proposer, et spécifier une organisation efficiente de l'information au sein du dispositif cible. … , définit la typologie et la classification des contenus

Responsable de la structure et de la terminologie du contenu d’un site web ou d’une application

Analyser, concevoir et évaluer l’expérience utilisateur (UX)

L’art et la science de configurer les produits et les expériences informationnels pour en faciliter l’usage et le repérage.

..., optimise la navigation et la recherche d'information en fonction des objectifs et du public visé.

l’architecte de l’information oriente l’expérience utilisateur. Son activité est fondée sur la dimension interactive du projet pour permettre aux utilisateurs de combler leur besoin en information et de faciliter l’accomplissement d’activités que le service propose. … Il traduit le comportement des utilisateurs en solutions de conception

Comprendre et expérimenter les technologies numériques

La combinaison des systèmes d’organisation, de catégorisation, de recherche et de navigation dans les sites web et les intranets.

Rien … formalise de manière conceptuelle et schématique des livrables tels que l’arborescence, le storyboard ou encore le scénario d’usage.

Maîtriser la Rien Intervenant lors des Rien


gestion dynamique des projets

différentes phases de conduite d'un projet de site web, d'intranet ou de logiciel de grande envergure,...

Savoir faire dialoguer et coopérer les métiers connexes

Rien Véritable chef d'orchestre il est en relation avec différents métiers

De part la transversalité que son intervention implique, l’architecte de l’information collabore avec l’ensemble des intervenants : l’équipe projet du client et l’équipe design interne. L’architecte de l’information prend ainsi en compte les aspects marketing, l’identité de marque, la communication, la sémantique, le design visuel, les profils d’utilisateurs, l’ergonomie web et la technologie.

Poursuivre de façon autonome et critique son développement professionnel

Une discipline et une communauté de pratiques émergentes désirant ouvrir le numérique aux principes du design et de l’architecture.

Rien Rien

Conclusion Proposition radicale mais étroite visant à identifier et différencier le domaine d’autres connexes, comme l’UX design ou la conception web.

Propositions génériques, visant à une structuration autonome de la profession. Oubli des autres professions et de la gestion de projet

Accent mis sur l’organisation de l’information (vocation de l’association). Oubli de l’autonomie et de la modélisation

Accent mis sur le design (vocation de l’association).. Oubli de l’autonomie et de la gestion de projet

Chaque entité propose une définition qui insiste sur sa vocation d'origine et laisse de côté un ou plusieurs aspects qui lui sont plus éloignés. Les Américains privilégient l’affirmation d’un domaine autonome, les Français cherchent à préciser un métier par rapport à d’autres plus anciens, question de maturités différentes sans doute.


Extrait de SALAÜN (J.-M.) et HABERT (B.) (dir.), Architecture de l’information – Méthodes, outils, enjeux, De Boeck, 2015, p. 24 : L’architecture de l’information s’est développée depuis maintenant plus de quinze ans, principalement en Amérique du Nord. Elle résulte de la rencontre de l’informatique, des sciences de l’information, du design d’interface et du marketing dont les évolutions parallèles ont convergé pour répondre aux défis de la réorganisation des systèmes d’information par le numérique. L’architecte de l’information structure les contenus et leur accès (navigation, recherche) pour qu’ils soient le mieux adaptés aux tâches des utilisateurs. Par la prise en compte fine de l’expérience de ces derniers, il intègre l’empathie indispensable au « bien-être » informationnel.


Séquence 2 L’objectif de cette activité est de reproduire le rendu visuel d’une page web en modifiant des fichiers HTML et CSS fournis (voir les figures 1 et 2).

Figure 1 : Rendu visuel du code HTML fourni


Figure 2 : Rendu visuel à reproduire

Voici les différentes étapes à suivre :

1. Téléchargez les fichiers livret.html et livret.css et placez-les dans un même répertoire/dossier.

2. Ouvrir le fichier livret.html que vous venez de télécharger dans votre navigateur. Pour cela, dans le menu de votre navigateur, choisissez Fichier, puis Ouvrir, puis parcourez votre disque dur jusqu’à l’endroit où vous avez enregistré le fichier livret.html.

3. Ouvrez ce même fichier avec un éditeur de texte. Sous Windows, vous pouvez utiliser Bloc notes. Sous Mac, textEdit. Vous pouvez également choisir d’utiliser un éditeur de texte plus évolué, comme Atom (https://atom.io/).

4. Avec le même éditeur de texte, ouvrez le fichier livret.css. 5. Modifiez les fichiers livret.html et livret.css pour reproduire le rendu de la figure

2. A tout moment, vous pouvez retourner dans votre navigateur et rafraîchir la page pour observer le résultat de vos modifications. Il s’agit notamment de retravailler le titre "Activité pour le livret de la séquence 2", les titres "La fourmi et le perdreau” et “Jules Renard", de justifier le texte et de redimensionner et replacer correctement l’image.

6. Une fois votre travail réalisé, vous devez le déposer dans votre livret. 7. Nous vous demandons une capture d’écran du rendu visuel (vous pouvez

cliquer sur les liens suivants pour des indications sur les captures d’écran sous Windows ou sous Mac). NB : Vous aurez peut-être à faire un zoom arrière avec votre navigateur pour que l’image toute entière soit capturable.


https://support.apple.com/fr-fr/HT201361

https://www.fun-mooc.fr/c4x/ENSDeLyon/14002S03/asset/livret.css

http://windows.microsoft.com/fr-fr/windows/take-screen-capture-print-screen#take-screen-capture-print-screen=windows-8

https://www.fun-mooc.fr/c4x/ENSDeLyon/14002S03/asset/livret.html

https://atom.io/

http://windows.microsoft.com/fr-fr/windows/take-screen-capture-print-screen#take-screen-capture-print-screen=windows-8

8. Nous vous demandons également des copies d’écran des fichiers HTML et CSS. Il se peut que votre éditeur de texte ne parvienne pas à afficher l’ensemble de ces fichiers dans la fenêtre. Ouvrez-les dans votre navigateur : pour le fichier HTML, affichez la page, faites un clic droit, puis Afficher le code source ; pour le fichier CSS, ouvrez-le via le menu Fichier, puis Ouvrir.

9. Placez les trois copies d’écran dans votre livret à la séquence sous l’exercice de la S2 et indiquez brièvement la manière dont vous comprenez l’interaction entre HTML et CSS dans cet exemple, ainsi que les difficultés que vous avez pu rencontrer.

Ressources complémentaires pour vous aider

1. Introduction à HTML, une très courte introduction à HTML en français proposée par la fondation Mozilla.

2. HTML(5) Tutorial, un tutoriel un peu plus long et interactif pour découvrir HTML.

3. CSS Tutorial, un tutoriel interactif sur CSS.


http://www.w3schools.com/css/default.asp

http://www.w3schools.com/html/default.asp

https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Introduction

Corrigé Fichier livret.html

<html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="livret.css"> </head> <body> <section id="entete"> <h1>Activité pour le livret de la séquence 2</h1> </section> <section id="contenu"> <header> <h2>Éclipse</h2> <h3>D'après <a href="https://fr.wikipedia.org/wiki/Éclipse">Wikipédia</a></h3> </header> <div id="image"> <img src="https://upload.wikimedia.org/wikipedia/commons/9/9f/Solar_eclips_1999_5.jpg" width=70%> </div> <div id="texte"> <p> Une éclipse correspond à l'occultation d'une source de lumière par un objet physique. </p> <p> En astronomie, une éclipse est la disparition apparente (occultation) et temporaire, pour un observateur, de tout (éclipse totale) ou partie (éclipse partielle) d'un astre (une étoile comme le Soleil, une planète ou un satellite naturel comme la Lune) résultant de l'interposition d'un autre objet céleste soit entre cet astre et la source de lumière qui l'éclaire (éclipse vraie), soit entre cet astre et l'œil de l'observateur (éclipse apparente). La disparition de l'astre éclipsé, ou occulté, est son immersion ; sa réapparition, son émersion. </p> <p> Il existe plusieurs sortes d'éclipses notamment les éclipses de Lune et celles de Soleil, mais celles du Soleil sont plus courantes. Cependant ce phénomène reste très rare. Lorsque l'objet occultant a un diamètre angulaire nettement plus petit que celui de l'autre objet (sans qu'une limite précise ne soit réellement fixée), on parle plutôt de transit. </p> </div> <section> </body> </html>


Fichier livret.css

#entete { background-image: url('http://www.france-universite-numerique-mooc.fr/c4x/ENSDeLyon/14002/asset/pano_image.jpg'); height: 180px; width: 1250px; margin: auto; padding-top: 100px; text-align: center; } h1 { font-family: "Impact"; font-size: 350%; } h2 { font-family: "Impact"; font-size: 250%; } h3 { font-family: "Impact"; font-size: 150%; color: rgb(30, 151, 255); } small { color: rgb(0, 0, 0); } #texte { float: left; width: 50%; font-family: "Lucida Grande"; text-align: justify; } #image { float: right; width: 40% } #image img { border: 5px solid black; margin: 0px 0px 0px 10px; }


Le fichier HTML décrit la structure du document, le fichier CSS son rendu visuel. Plus précisément, cette structure est indiqué entre les balises <body> du fichier HTML. Entre les balises <head>, on trouve des informations d’ordre plus générales, des métadonnées (notamment le nom et l’adresse du fichier CSS à utiliser). Le fichier HTML précise donc que la page à afficher est constituée de deux sections, une dont l’identifiant est entête (indiquée par la balise <div id=”entete”> ) et l’autre dont l’identifiant est contenu (indiquée par la balise <div id=”contenu”> ). A l’intérieur de ces sections, d’autres balises viennent décrire leur structure interne. Chacune des structures et sous-structures qui composent la page sont d’un type particulier indiqué par la balise qui les introduit (les balises <section> définissent par exemple des structures de type section). En plus de leur type, certaines sections ont également un identifiant (comme entete et contenu). Pour décrire le rendu visuel, le fichier CSS énonce des règles qui portent soit sur un type de structure, soit sur une structure particulière indiquée par son nom. On distingue ces deux types de règle par la présence, ou non, du caractère # : par exemple, la première règle #entete {...} décrit le rendu de la section dont l’identifiant est entete ; la suivante h1 {...} porte à l’inverse sur toutes structures de type h1 (c’est-à-dire tous les titres de niveau 1, dont il s’avère qu’il y en a qu’un seul dans le présent fichier HTML).


Séquence 3 L’objectif de l’exercice est d’approfondir la hiérarchisation des informations sur un site web en reconstituant son arborescence.

Figure 3 : Site Castle (déc 2016)

1. Représentez la structure du microsite Castle sur le site de France 2, chaîne publique de télévision française, à l’aide d’un schéma de type “arborescence” (ne pas schématiser l’entièreté du site de France 2). Indiquez pour chaque page son type (cf. module S3.4 Périmètre d’intervention de l’architecte de l’information web) :

● Page d'accueil ● Page de navigation ● Page terminale

2. Insérer l’ensemble ci-dessous.


http://unchefalacabane.telequebec.tv/

http://www.france2.fr/emissions/castle

3. Rédiger un court texte critique d’une page maximum présentant les avantages et inconvénients de cette organisation de l’information. ___________________________________________________

Corrigé

Vous pouvez zoomer sur l’image ou la télécharger. Réponse possible Bien entendu, cette question peut mener vers une multitude de réponses. Voici un exemple des éléments de réponse qui pourraient être apportés. Je perçois au moins trois angles possibles pour aborder cette question : 1) Avantages et inconvénients de la structure hiérarchique

Avantages La structure organisationnelle joue un rôle de premier plan dans la conception d’un site Web, notamment parce qu’elle influence grandement les chemins navigationnels de l’utilisateur à travers le site.


https://archinfocloud.ens-lyon.fr/public.php?service=files&t=61a2e0375990ce8de923bce7aa6cd259

Une majorité de sites Web sont constitués à partir de structures hiérarchiques. Selon Morville et Rosenfeld (2006), ce type de structure permet à l’utilisateur de :

● se créer un schéma mental du site Web ● se repérer sur le site ● avoir un aperçu des sujets abordés sur le site sans devoir le parcourir entièrement.

Inconvénients/difficultés Toutefois, certaines difficultés sont inhérentes à ce type de structure. D’abord, un site large et peu profond (peu de niveaux) risque de fournir trop de possibilités à l’utilisateur et ainsi lui faire subir une charge mentale trop élevée. D’un autre côté, un site très étroit et profond (beaucoup de niveaux) complexifiera la recherche d’information, en augmentant la quantité de décisions nécessaire et, de ce fait, le risque d’erreurs potentielles. De plus, créer un système hiérarchique cohérent et s’adaptant à tout type d’utilisateur n’est pas aisé. Selon ce qu’il cherche, l’utilisateur n’aura pas nécessairement en tête le même système hiérarchique, le même schéma, que celui réalisé par le concepteur (Duyne, Landay, et Hong 2003). Vers d’autres possibilités D’autres types de structures (linéaire, hypertextuelle, matricielle, etc.) s’adaptent parfois mieux aux contenus à présenter et corrélativement aux quêtes informationnelles des utilisateurs. L’utilisation simultanée de plusieurs types de structures organisationnelles est tout à fait possible et même souvent nécessaire au bon fonctionnement d’un site.

2) Le recours à PANATER pour nommer ou représenter le chemin fondamental vers une information

Avantages PANATER constitue l’une des façons de décrire un site. Il s’agit d’une façon « relative » de parler des pages, en fonction des chemins élaborés par le concepteur pour favoriser la recherche d’information. Ce mode de schématisation constitue une façon de nommer les pages en les abordant à la fois dans une perspective micro et macrostructurelle tout en tenant compte du chemin de consultation fondamental des pages (Kavanagh et coll. 2015). Inconvénients/difficultés PANATER ne permet pas, pour l’instant à tout le moins, de décrire les chemins transversaux entre les contenus d’un site. 3) Le cas du microsite “Castle”

Avantages Dans le cas précis du microsite “Castle”, la structure hiérarchique et le classement chronologique des émissions facilitent la repérabilité de l’information. Ce type de structure donne une vue


d’ensemble des contenus du site sans avoir à consulter chaque page. Je pense notamment aux pages “Épisodes” et “Personnages” où les têtes d’informations sont d’abord présentées à l’aide d’une page de navigation pour ensuite donner accès, après un “clique” sur une recette ou une émission, à de l’information plus détaillée. Inconvénients/difficultés Après huit saisons, la page “Épisodes” serait beaucoup trop longue si on y affichait tous les épisodes. L’ajout d’un système de pagination au bas de la page facilite la consultation de l’information sans surcharger la page. Par ailleurs, la page “forum” ne semble pas faire réellement partie du microsite. Il s’agit d’une page menant vers une section du forum de France 2 dédiée à la série Castle. Références KALBACH, J. (2007). Designing Web Navigation, Sebastopol, CA, O’Reilly, 416 p. KAVANAGH, É., SPERANO, I. et ROBERGE, J. (2015). « Anatomie et fonctionnement du schéma PANATER en architecture d’information Web », dans Céline Beaudet, Véronique Rey, (éds.). L’écriture experte en questions, France, Presses de l’Université de Provence, p.215 à 226. ROSENFELD, L., MORVILLE, P. et ARANGO J. (2015). Information Architecture For the Web and Beyond, 4e édition, Sebastopol, CA, O’Reilly, 486p. DUYNE, D. VAN, LANDAY, J. A. et HONG, J. I. (2006). The Design of Sites: Patterns for Creating Winning Web Sites, 2, Upper Saddle River, NJ, Prentice Hall.


Séquence 4 L'objectif de cette activité est de concevoir une petite base de données pour poser les questions d’un module de MOOC et recueillir les réponses des apprenants. Vous travaillez pour une plateforme de MOOC nommée YADLAJOIE. Votre mission est de développer la partie quiz des MOOC pour YADLAJOIE, c’est-à-dire l’outil qui va permettre de :

● poser les questions à un apprenant, ● recueillir les réponses de cet apprenant.

La plateforme est moins évoluée que la plateforme FUN que vous êtes en train d’utiliser, les fonctionnalités y sont réduites. Pour un quiz, l’apprenant n’a droit qu’à un seul essai pour répondre à une question. Les questions peuvent être de trois types :

● questions à réponse par vrai ou faux, oui ou non, ● questions à une seule réponse juste parmi plusieurs réponses proposées, ● questions à plusieurs réponses justes parmi un ensemble plus vaste de réponses

proposées. L’objectif est de trouver toutes les réponses justes. Votre mission consiste à concevoir la partie de la base de données de la plateforme YADLAJOIE consacrée à la gestion des questions/réponses. Le site web intégrera la base de données correspondante.

1. Commencez par expliquer pourquoi ce contexte est propice à l’intégration d’une base de données.

2. En vous basant sur le contexte décrit, évaluez s’il s’agit d’une base de données relationnelle ou plutôt une base de données NoSQL. Résumez, en un paragraphe, ce qui vous fait pencher vers l’une plus que l’autre.

3. En vous aidant le cas échéant des références données ci-dessous, réfléchissez à la structure des données sous-jacente en précisant succinctement :

1. les principales collections qu’on y retrouve, 2. les tables nécessaires pour représenter ces collections, 3. des exemples d’attributs que l’on pourrait retrouver pour ces tables et,

en particulier, leur clé primaire, et 4. les relations possibles entre ces tables en précisant leur cardinalité et

l’impact qu’elles auront sur la structure des tables de données.


Votre rendu pour l’ensemble de cette activité ne devrait pas dépasser une page. Un schéma de la base, avec les tables, les attributs, les clés primaires et étrangères est un plus. Ressources complémentaires pour vous aider Pour réaliser le travail demandé par le livret, le module S4.3.1 de la séquence suffit, en s’appuyant en outre sur l’exemple du module S4.3.2 et sur les notions générales des modules S4.1 et S4.2. Le mieux est de relire tranquillement les supports dans la version PDF pour bien comprendre les notions. Cependant, au cas où vous auriez besoin de ressources supplémentaires, nous vous proposons des parties spécifiques des sites suivants :

● http://cyril-gruau.developpez.com/merise/ [se limiter à I Introduction, II-A Schéma Entités-associations et III-B Modèle logique relationnel]

● http://cerig.pagora.grenoble-inp.fr/tutoriel/bases-de-donnees/sommaire.htm [Se limiter à I Introduction, II Tables, V Mécanisme relationnel, VI Schéma relationnel]

Notons qu’il est difficile de trouver de bons tutoriels sur les bases de données qui ne se centrent pas sur un système donné (Access, MySQL, etc.). __________________________________________________________

Corrigé Réponse type possible Ce contexte est propice à l’intégration d’une base de données pour plusieurs raisons. Premièrement, il suppose une certaine durée, donc des données persistantes. On entrevoit d’emblée au moins quatre collections : les questions, les réponses possibles, les apprenants, les réponses des apprenants. Des liens sont prévus entre ces collections comme, par exemple, le fait qu’un apprenant soit associé aux réponses qu'il a faites. Finalement ces collections et leurs liens permettent d’agir : calculer la note d’un étudiant à un quiz, faire la moyenne des notes obtenues par l’ensemble des étudiants. La plateforme YADLAJOIE étant relativement modeste comme elle en est à ses débuts, les volumes de données et d’accès ne seront pas très grands. La structure des collections, relativement simple, ne devrait pas changer substantiellement. Les temps de réponse ne sont pas déterminants. La plateforme YADLAJOIE n’a probablement pas les ressources pour investir dans des modèles de bases de données encore relativement exotiques et supposant un investissement en temps important pour le développement de la base de données. Une base de données relationnelle est donc le modèle permettant de répondre aux besoins simples de cette plateforme. Les questions/réponses peuvent donner naissance à deux collections, celle des questions et celle des réponses possibles. La première contient les questions qui peuvent être posées et


http://cerig.pagora.grenoble-inp.fr/tutoriel/bases-de-donnees/sommaire.htm

http://cyril-gruau.developpez.com/merise/

les explications sur ce qui constitue une bonne ou une mauvaise réponse et la seconde contient pour chaque question l’ensemble des réponses possibles. Il en découle deux tables :

1. La table question ayant les attributs suivants : identifiant de la question (clé primaire), question à poser à l’apprenant, explications sur ce qui constitue la ou les bonne(s) réponse(s) et ce qui constitue la ou les mauvais(es) réponse(s).

2. La table reponses_possibles comprenant une ligne pour chaque réponse proposée à un apprenant pour une question donnée (donc autant de lignes que de réponses). Ses attributs sont les suivants : identifiant de la réponse (clé primaire), identifiant de la question (clé étrangère la reliant avec la table question), réponse proposée à une question, réponse juste indiquant si la réponse proposée est bonne. Une réponse possible correspond à une question et une seule. Inversement, une question correspond à deux réponses possibles, au moins. On a donc une relation 1-n entre les tables question et reponses_possibles.

Le traitement des réponses des apprenants peut donner également naissance à deux collections, soit les apprenants et leurs réponses, dont on déduit deux tables :

1. La table apprenants qui fournit différents renseignements sur un apprenant (identifiant (clé primaire), nom, prénom, nom d’utilisateur, mot de passe, etc.).

2. La table reponses_faites afin de noter les réponses faites par un apprenant. Elle comprend les colonnes suivantes : identifiant de la réponse faite (clé primaire), identifiant de l’apprenant (clé étrangère vers la table apprenants), identifiant de la question, identifiant de la réponse possible (clé étrangère vers la table reponses possibles). L’attribut identifiant de la réponse possible est une clé étrangère pour la table reponses_possibles. La relation entre la table apprenants et la table réponses-faites est une relation 1-n. Une réponse faite renvoyant à un seul apprenant, mais à un apprenant correspondant plusieurs réponses faites. La relation entre la table reponses_possibles et la table reponses_faites est une relation 1-n également.

EXPLICATIONS COMPLÉMENTAIRES NB Les questions à réponse en vrai/faux sont un cas particulier d’une question avec une réponse juste au sein d’un ensemble - réduit à deux - de réponses possibles. Le schéma ci-dessous rend compte des tables décrites précédemment et des liens qu’elles entretiennent. Il n’est pas attendu qu’un tel schéma soit inclus dans le livret. Il est ici présenté afin de vous aider à vous assurer de bien comprendre le corrigé proposé. Dans ce schéma, une clé primaire est en gras, et une clé étrangère est en italiques et a le même nom que la clé primaire de la table avec laquelle elle permet d’établir une relation.


Il est possible de savoir, pour toutes les réponses possibles à une question donnée, lesquelles ont été faites par un apprenant donné et donc de comptabiliser le total de réponses justes par rapport au total attendu. On voit par exemple qu’à la question 5 (“Le web est né en”) sont proposées 4 réponses, 11 à 14, 1986, 1989, 1990 et 1992. Les 2 réponses justes sont 1989 et 1990, comme le précise l’explication (“1989 est la date de la première définition du web par Tim Berners-Lee, 1990, celle du premier serveur web”). L’apprenant 656 a choisi les réponses 13 et 14, soit 1990 et 1992. Il a donc 1 réponse juste sur les 2 réponses justes possibles. Il est à noter que l’on pourrait modéliser le problème différemment en rattachant la rétroaction non pas globalement à une question mais plus finement à chacune des réponses possibles. Certains environnements fonctionnent de cette façon. Dans ce cas, l’attribut explication ne figurerait pas dans la table question mais dans la table reponses_possibles.


Séquence 5 L’objectif de cette activité est de mettre en évidence les phases abstraites de conception à partir d’un site web existant.

Figure 4 : Site Tourisme Equestre Corse (décembre 2016) Vous devrez réalisez les étapes suivantes :

1. représentez les premières étapes, les plus abstraites, du prototypage du site http://www.tourisme-equestre-corse.com :

a. stratégie : retrouvez les objectifs visés par le site ainsi que des indicateurs permettant de les vérifier ; identifiez trois types d’utilisateurs cibles et représentez schématiquement les fiches de personas liés (il s’agit ici d’inventer des personas vraisemblables et non de les construire à partir d’une enquête ou de données collectées, comme cela devrait être le cas en situation réelle) ;


http://www.meteofrance.com/

http://www.tourisme-equestre-corse.com/

b. cadrage : listez les thèmes abordés, le type de ressources, le type de fonctions. 2. rédigez un court texte critique d’une page maximum sur la stratégie et le cadrage tels

que votre analyse les a dégagés. ___________________________________________________________

Corrigé 1- Prototypage de la stratégie et du cadrage Stratégie : objectifs visés et indicateurs permettant de les vérifier Définir la stratégie correspond dans un premier temps à définir les objectifs du site, c’est-à-dire les résultats attendus, pour la ou les structures et pour les utilisateurs touchés. Il faut ensuite prévoir les indicateurs mesurant la réalisation de ces objectifs. Dans le cas du site Tourisme équestre Corse, l’objectif visé est l’information mettant en relation centres équestres et utilisateurs. Le concepteur souhaite aider les acteurs de l’équitation en pleine nature en publiant des informations sur cette activité. Le site présente les réglementations et objectifs de ce sport et recense les centres équestres qui proposent des activités de type randonnées, balades ou hébergements sur l’île. Pour les utilisateurs, l’objectif est la découverte des activités d’équitation en pleine nature, et le choix d’un centre en fonction d’un lieu de résidence ou l’inverse. Un indicateur pour mesurer cet objectif est le nombre de visites. Cet indicateur peut être calculé en considérant le nombre d’accès aux informations via les libellés proposés (comité régional, Corse à cheval, recherche, fermes et centres équestres, etc.) et pour ces derniers les catégories de référencement (activités ou régions). Le nombre d’accès effectifs aux pages des centres et le nombre de prises de contact via le site (nombre de mails envoyés, par exemple) est un indicateur de l’efficience du site pour mettre en relation les fournisseurs de service et des consommateurs. Le site ne permet pas de faire de réservations effectives, sinon cela aurait été un bon indicateur de cette efficience opérationnelle. Le site permet aussi de partager l’information sur les centres équestre via Facebook, Twitter ou mail. Le nombre d’utilisateurs ayant créé ces partages est donc un bon indicateur de diffusion de l’information. De manière à savoir si la qualité de conception du site est adaptée, en particulier s’il est utilisable, il est important de contrôler la visibilité des différents types d’informations présentées et des moyens d’accès aux informations pour les utilisateurs. L’identification d’un centre pour la réservation d’une balade ou d’un hébergement peut modifier l’organisation des vacances ou du déplacement, les critères initiaux de choix ne restent donc pas fixes pour l’utilisateur. Des abandons peuvent résulter d’un manque de pertinence du site.


Pour la visibilité, on pourra mesurer des ratios comme le nombre d’accès aux libellés/visite, nombre d’accès aux pages des centres/visite, nombre de mails/visite, nombre de plans/visite. Pour les moyens d’accès, compter le nombre de pages vues/visite et le temps des visites en comparant les visites pour lesquelles il y a eu un contact ou pas. Stratégie : exemples de trois types d’utilisateurs cibles et personas liés Le site s’adresse à deux types d’utilisateurs : les cavaliers souhaitant exercer ce type de métier et les vacanciers, cavaliers ou non, souhaitant organiser leur déplacements en Corse autour de ce sport. Sur cette base on peut considérer que les concepteurs ont imaginé trois profils d’utilisateurs : des cavaliers ayant passé le brevet d’Etat de moniteur et cherchant à se faire employer en Corse, des parents organisant leurs vacances et cherchant des activités pour leurs enfants et des cavaliers organisant leurs vacances autour d’une activité équestre. Les âges ne sont pas discriminants, le site est néanmoins dédié à un public d’adultes ou de jeunes adultes. Le niveau de pratique numérique requis n’est pas particulièrement élevé.


Esquisses de personas

Cadrage : thèmes abordés, type de ressources, le type de fonction Les thèmes abordés sont de deux natures : des informations générales sur les sports équestres de plein air et les fermes et centres équestres proposant des services. Les fermes et centres sont classés en fonction des services proposés (la randonnée, la balade et l’hébergement) et leur localisation. Les ressources documentaires privilégiées sont les photos, les images et le texte, et de manière plus marginale les vidéos. Trois fonctions sont proposées : consulter les informations sur les centres (adresse, site web, plan), les contacter (via facetime, envoyer un mail), ou partager l’information.


Un scénario d’usage est prévu : consultation et navigation dans les informations générales puis les centres et lorsqu’un centre satisfait les critères de l’utilisateur, orientation vers le site web du centre ou contact par mail ou téléphone. 2- Analyse critique de la stratégie et du cadrage Il est fastidieux pour l’utilisateur de trouver un centre qui satisfait ses attentes car l’accès aux services proposés, la réservation d’une balade ou d’un hébergement sur un jour précis, se fait en dehors du site. Il pourrait être intéressant de fournir, aux gestionnaires de centre et aux utilisateurs, un système qui permettrait a minima de savoir, sur une période, si le centre est ouvert, les activités qu’il propose et les places disponibles, et de manière idéale pouvoir faire la réservation en ligne. Pour faciliter l’identification des centres ou régions dans le cas d’un projet pas encore complètement finalisé, il serait intéressant de pouvoir fournir des vues globales : les cartes de l’ensemble des centres, une liste de l’ensemble des centres qui respectent différents critères de choix des utilisateurs. Actuellement l’utilisateur les consulte un à un en remontant à la page d’accueil. Par ailleurs, l’auteur du site justifie la création de son site par des objectifs plus généraux que gérer l’identification de centre équestre ou la réservation de ballade (« Respecter et faire respecter les règles d’encadrement, les règles de disciplines, les règles contre le dopage humain, les règles contre le dopage animal, les règles d’hygiène, et les règles de sécurité. » , « Développer toute action en faveur de l’environnement et de sa protection. » ). La conception du site ne permet de réaliser que très indirectement ces objectifs. Des éléments d’information autour de ces questions devraient être présentés de manière plus directe et explicite pour réaliser ces objectifs.


Séquence 6 L'objectif de cette activité est d’appliquer certaines des techniques de conception UX. Vous pouvez effectuer cette activité dans la continuité de l’activité de la séquence 5 sur le site http://www.tourisme-equestre-corse.com mais si vous le préférez, vous pouvez aussi choisir des situations dans lesquelles des personnes s’intéressent à un autre sport de plein air. L’objectif est d’abord d’identifier certains problèmes rencontrés par les utilisateurs dans l’organisation d’une activité en plein air et d’explorer ensuite des pistes de solutions. La rapidité d’exécution caractérise l’agilité d’une démarche de prototypage. N’y passez donc pas trop de temps. Vous suivrez ces étapes :

1. Conduisez deux entretiens utilisateurs. Ne passez pas plus de 15 minutes par entretien. Idéalement les personnes interviewées devraient correspondre aux personas définis dans l’activité de la séquence 5. Allez à l’essentiel en vous concentrant sur la dernière fois que la personne interviewée a cherché à organiser une activité en plein air, ou à entrer en relation avec un club ou une organisation fournissant ce genre de service (ex: sport équestre, randonnée, escalade, plongée, etc.); Il est préférable de chercher des points de frictions, des problèmes dans l’expérience d’utilisation. Choisissez la même activité pour les deux entretiens pour pouvoir croiser les résultats.

2. Les entretiens seront synthétisés ci-dessous. 10 minutes maximum par entretien pour la rédaction. Vous préciserez :

1. les besoins : identifiez un besoin utilisateur par entretien (décrivez-le en 3 lignes, au maximum 1 paragraphe par entretien),

2. les pratiques : identifiez une pratique inattendue par entretien (décrivez-la en 3 lignes, au maximum 1 paragraphe par entretien).

3. En se basant sur les résultats d’entretiens, esquissez rapidement une façon radicalement différente de répondre aux besoins des utilisateurs. Ce croquis peut prendre la forme soit d’un squelette d’écran, soit d’une esquisse plus globale, mettant en scène le contexte d’utilisation (écran, lieu et utilisateurs). L’objectif de l’exercice est d’explorer une alternative possible au moyen d’une ébauche grossière et non de spécifier une interface.


http://www.tourisme-equestre-corse.com/

http://www.meteofrance.com/accueil

1. Pour l’esquisse, utilisez de préférence du papier et un crayon, les esquisses numériques prennent plus de temps. Le rendu pourra être scanné et intégré dans le livret. La précision de l’illustration et qualité “artistique” ne sont pas des critères d’évaluation.

2. Expliquez l’esquisse en une phrase. _________________________________________________________

Corrigé 1. Remarques préliminaires sur les entretiens.

Une technique assez efficace pour la conduite d’entretiens est celle de l’incident critique (wikipedia.fr). Elle est particulièrement utile pour comprendre les problèmes rencontrés par un individu depuis son point de vue.

Voici un exemple sommaire de structure d’entretien : a. Introduction : se présenter, expliquer les objectifs de l’entretien, clarifier les questions

éthiques, demander la permission d’enregistrer, présenter un formulaire de consentement.

b. Échauffement : quelques questions faciles et non menaçantes – Est ce que vous vous souvenez de vos dernières vacances ? – Et celle ou vous êtes parti en groupe, avec des amis ou de la famille ?

c. Corps de l’entretien : questions dans un développement logique – Avez vous participé à des activités de plein air à cette occasion (cheval, kayak,

escalade, etc.) ? [remonter à des vacances plus lointaines au besoin] – Vous souvenez vous de l’organisation de l’activité ? Du choix initial (ou des

hésitations), du choix de la date, des discussions au sein du groupe, ou des échanges avec la structure pouvant vous accueillir. [inviter la personne à détailler, à montrer les échanges d’emails ou le site utilisé, éventuellement placer les évènements sur une ligne de temps, si l’organisation a pris plus d’une journée].

d. Conclusion : quelques questions faciles pour diminuer la tension vers la fin e. Fin : remercier l’interviewé, signaler la fin, terminer l’enregistrement

2. Synthèse des entretiens Entretien 1:

- Besoin Trouver une activité à faire quelques heures en amont. Être confiant dans le confort de l’activité.


https://fr.wikipedia.org/wiki/M%C3%A9thode_des_incidents_critiques

- Pratiques Groupe d’amis en week-end dans une maison de campagne. Le groupe s’est divisé pour deux activité différentes : tennis et escalade. Pour le tennis le terrain était connu. Mais pour l’escalade, il a fallu trouver un lieu propice. Le groupe de 4 personnes s’est retrouvé autour d’un smartphone sur le site internet camptocamp, et a recherché un lieu d’escalade, en tapant le nom de la “ville” la plus proche. Une fois la page de résultat affichée, le périmètre de recherche a été directement agrandi pour trouver une zone où il ne ferait pas trop froid (car éclairée l’après midi). Entretien 2:

- Besoin Trouver un séjour au ski quelques jours en avance. S’assurer que le temps sera propice, la station intéressante et le prix raisonnable.

- Pratiques Un couple cherchait à partir au ski pour une journée de week-end. Ils ont regardé des offres combinant trajet de bus et forfait de ski dans le passé, sans pour autant acheter. Dans le courant de la semaine (mardi ou mercredi), le couple a recherché de nouveau les entreprises offrant un combiné bus+forfait de ski. Après avoir attendu de savoir le temps qu’il ferait pour réserver, couple s’est décidé pour le dimanche, et a comparé plusieurs sites. Le premier choix n’avait plus de tickets, alors ils ont attendu le lendemain pour acheter avec une autre entreprise proposant un forfait similaire dans une autre station de ski. Le choix et le filtrage s’est fait de manière continue sur deux jours, chacun regardant sur son ordinateur pour se décider, en partageant des offres via email ou Skype. Une fois le choix fait, l’un des deux a réservé. 3. Esquisses


Séquence 7 L'objectif de cette activité est de conclure votre apprentissage sur le Mooc #archinfo. En une page de conclusion, vous rédigerez un "billet d'étonnement" en pointant les connaissances et pratiques présentées qui vous ont paru les plus importantes, celles qui vous ont surpris(e) parce que différentes de vos connaissances ou habitudes et, le cas échéant, celles qui vous paraissent manquer ou n'avoir pas été traitées comme vous l'espériez dans le Mooc. Trouvez un titre significatif qui résume votre impression d'ensemble. Suggestion : vous pouvez profiter des retours de vos relecteurs (phase d’amélioration de la cadence 2) pour rédiger une conclusion pertinente en vue de l’évaluation par les pairs.


Corrigé du livret d’architecte de l’information · 2017. 4. 2. · Corrigé livret...

Documents

Transcript of Corrigé du livret d’architecte de l’information · 2017. 4. 2. · Corrigé livret...