Évaluation¶

Rappel¶

pas de communication entre élèves

Déroulement¶

questions sur l’ENT (3 points / 5minutes)¶

Dans un premier temps, vous devrez répondre valider un premier questionnaire (1A – Accès à l’évaluation), puis accéder au questionnaire (1B – questionnaire).

Ces questions sont relatives aux sujets précisés précédemment.

Ces questions sont disponibles dans un temps très limité afin d’éviter la fraude (30 secondes par question).

Les mauvaises réponses sont pénalisées (-50%).

sujet de croquis (17 points / 25 minutes)¶

Un sujet vous sera donné sur l’ENT (1C - Rendu exercice croquis). Il s’agit d’une page web existante dont les contenus ont été changés.

Vous devez :

observez et analyser cette page web
en fournir une représentation au propre en respectant les conventions et critères donnés
réfléchir à son adaptation pour chaque format demandé en fournissant des croquis rapides qui alimentent votre réflexion
une fois ce travail de réflexion terminé, vous effectuez le dessin au propre en respectant les conventions et critères donnés d’une maquette filaire pour chaque format demandé

Idéalement, vous limitez le nombre de feuilles utilisées.

Vous devrez donc rendre :

le croquis au propre de la page web de référence
les croquis rapides démontrant votre réflexion pour chaque format d’adaptation demandé
le dessin d’une maquette filaire au propre pour chaque format d’adaptation demandé

Par format tablette et mobile sont entendus :

tablette de largeur 768 pixels CSS et hauteur 1024 pixels CSS (pas de grande tablette type surface, ipad pro, etc.)
mobile de largeur aux alentours de 400 pixels CSS et hauteur aux alentours de 700 pixels CSS (pas non plus de téléphone particulièrement grand).

Par croquis rapide il est entendu des croquis effectués rapidement qui ne correspondent pas nécessairement à tous les critères de représentation.

Par dessin au propre il est entendu des dessins plus méticuleux qui respectent les critères de représentation.

rendu¶

Vous effectuerez un rendu sur l’ENT au format image.

La ou les images consisteront en la photographie des différentes feuilles de papier utilisées.

Les photographies doivent montrer chaque feuille dans son intégralité.

Si vous n’utilisez pas de format A4, vous devez placer un objet à côté de votre feuille pour faciliter l’évaluation de sa taille (un simple crayon, ou une règle par exemple).

grille d’évaluation¶

Avertissement

Il ne suffit pas nécessairement de respecter le critère pour obtenir tous les points. Un critère validé mais médiocre vous vaudra moins de point qu’un critère où vous aurez excellé.

Par exemple pour le critère B. 2. a. si votre croquis est tout juste lisible, vous aurez moins de points que si votre croquis est parfaitement lisible.

De même, si vous êtes en dessous des attentes, mais que le critère n’est pas non plus totalement non respecté, vous pouvez obtenir une petite partie des points.

A. respect des consignes (0 points)¶

Le non respect des consignes peut engendrer un malus fort :

1. 1. non-respect des formats demandés : -4 points
1. 1. non-respect du matériel fourni : -4 points
1. 1. respect du format de rendu : -4 points
1. 1. pénalité de retard : au delà de 5 minute, 1 point puis fois 2 toutes les 5 minutes

Il vous est demandé de respecter les formats demandés (adaptations mobile vertical et tablette verticale).

Il vous est demandé de respecter le matériel fourni, c’est à dire la page web de référence et son contenu.

Il vous est demandé de respecter le format de rendu : vous devez fournir une ou plusieurs photographie de votre travail sur papier. Vous ne fournissez PAS de rendu numérique (ex. : Figma).

B. Respect des conventions et méthodes, lisibilité (7,75 points)¶

Cette partie concerne en particulier la retranscription de la page donnée comme référence sous forme de croquis et les maquettes filaires finales des formats tablette et mobile.

B. 1. méthodes de travail (2 points)¶

1. 1. 1. Les croquis sont effectués sur papier O points (malus : voir A. 3. respect du format de rendu)
1. 1. 1. Les croquis sont effectués au crayon papier et éventuellement rehaussés au feutre, stylo bille O points (malus : -1 point, non cumulable avec A. 1.)
1. 1. 1. Les croquis présentés montrent différentes étapes de réflexion et de définition : les premiers croquis sont plus petits et brouillons, les suivants sont de plus en plus précis. (les premiers croquis rapides peuvent être plus sommaires et ne pas respecter certaines demandes). (2 points)
1. 1. 1. La photographie ou le scan présente la feuille de papier dans son intégralité O points (malus : -1 point)

B. 2. lisibilité (1 point)¶

1. 1. 1. Le croquis présente une bonne lisibilité, c’est à dire que le croquis se détache visuellement du support et n’est pas gêné par celui-ci (contre-exemple : un croquis réalisé au crayon papier peu marqué sur une feuille présentant un quadrillage marqué) (1 point)

B. 3. conventions de représentation (4,75 points)¶

B. 3. a. textes (1 points)¶

1. 1. 1. 1. Les textes sont représentés par des tracés droits à la graisse plus ou moins forte selon la hiérarchie (habituellement, un titre sera représenté par un trait plus gras que du texte courant par exemple). (0,5 point)
1. 1. 1. 1. La représentation de texte sous forme écrite est exceptionnelle et réservée à des éléments pour lesquels cela se justifie. (0,5 point)

B. 3. b. images (1 points)¶

1. 1. 1. 1. Les images sont représentés par des rectangles dont les diagonales sont tracées. (0,5 point)
1. 1. 1. 1. La représentation sous la forme de dessin très sommaire est acceptable dans une certaines mesure et pour certains cas particuliers (exemple : représentation sommaire d’une silhouette pour un profil utilisateur, logo simplifié). (0,5 point)

B. 3. c. zone d’affichage (1 points)¶

1. 1. 1. 1. La zone d’affichage est représentée par un croquis dont le format est relatif au niveau de détail mais doit rester de petite taille (0,25 point)
1. 1. 1. 1. La zone d’affichage n’est pas collée au bords de la feuille (0,25 point)
1. 1. 1. 1. La zone d’affichage est représentée d’un seul tenant et n’est pas divisée en plusieurs écrans, sauf si la place disponible sur le feuille ne le permet pas (0,25 point)
1. 1. 1. 1. Les limites de la zone d’affichage sont figurées par des traits (0,25 point)

B. 3. d. zone d’affichage visible (0,75 points)¶

1. 1. 1. 1. Les limites de la zone d’affichage visible sont figurées par des traits plus marqués que la zone d’affichage visible (0,25 point)
1. 1. 1. 1. Les limites de la zone d’affichage visible ne sont jamais matérialisées par le bord de la feuille (0,25 point)
1. 1. 1. 1. Les éléments hors de la zone d’affichage visible (menus hors cadre, off canvas, par exemple) sont dessinés de manière lisible autour de la zone d’affichage (0,25 point)

B. 3. e. grille (1 points)¶

1. 1. 1. 1. les principaux traits de construction (colonnes, marges, éventuellement gouttières) de la mise en page nécessaires au dessin du croquis sont figurés de manière discrète (1 point)

C. Analyse et retranscription correcte (3,75 points)¶

Cette partie concerne la retranscription de la page donnée comme référence sous forme de croquis.

1. 1. La grille du document est correctement représentée (1,25 point)
1. 1. Les différents éléments constituant la page (zones de textes et images) sont bien présents. Vous ne devez ni retirer ni ajouter de contenu sans que cela se justifie (vous pouvez par exemple ajouter un menu sur mobile si vous pouvez le justifier). (1,25 point)
1. 1. Les différents éléments constituant la page (zones de textes et images) sont bien placés. (1,25 point)

D. pertinence de l’adaptation aux formats demandés (5,50 points)¶

1. 1. La densité d’information est pertinente (contre-exemple : trop d’éléments sur une trop petite zone, rendant le texte illisible ou les interactions inutilisables) (1,5 point)
1. 1. Le parcours de l’information proposé à l’utilisateur est cohérent (2 point)
1. 1. L’adaptation comporte une grille de mise en page pertinente (1 point)
1. 1. Les éléments du document sont organisés selon la grille de mise en page (1 point)