Évaluations PDW

Les deux UE AC00302V et AC00303V sont évaluées de manière complémentaires. Dans la première, Narration et Écriture Numérique, vous travaillerez l’amont d’un projet de site web ; dans la seconde, Pratique du Web, vous travaillerez à la réalisation du site web conçu en amont. Pour chacune de ces UE, les modalités d’évaluation indique la réalisation d’un dossier individuel. Vous trouverez ci-dessous les éléments qui vont constituer votre dossier.

En quoi consiste votre dossier pour l’évaluation

Le site web mis en ligne et l’ensemble des éléments de sa préparation constitue votre dossier pour cette UE.

Concrètement, cela veut dire que seront pris en compte :

  • le sous dossier Pratique du Web de votre dossier hébergé dans notre dropbox PratiqueDuWeb, qui contiendrain fine tous vos travaux d’apprentissage (votre réponse aux consignes de travail données chaque semaine), et une version de travail de votre site (celle-ci ne sera pas prise en compte dans l’évaluation finale, mais nous servira tout au long du cours pour pourvoir accéder à votre code et pouvoir vous aider à l’améliorer)
  • le site mis en ligne à votre URL (sous la forme https://semiotico.fr/pratiqueduweb/votrenom).

Le sous dossier Pratique du Web

Les étapes de progression correspondent aux séances de cours et aux travaux à réaliser à l’issue de chacune des séances : la présence à une séance et la réalisation des travaux qu’elle entraîne valent deux points.

Nous avons six séances en tout d’apprentissage et de progression, mais je note sur dix : ce qui signifie que vous avez le droit de vous loupez sur une séance, sans conséquence sur votre note finale… mais seulement sur une séance.

Disons que vous avez une séance joker.

La séance de validation des projets

Notre séance 7 est LA séance clé du cours : c’est celle pendant laquelle on va évaluer les différents projets et les valider.

Cette séance est cruciale, mais elle ne donne pas lieu, en ce qui concerne ce cours, à une évaluation notée; elle est simplement le passage obligé pour la suite de l’UE. En termes vidéoludique, je dirais que c’est le boss de fin de premier niveau.

Après cette séance, nous basculerons du mode cours-TD/apprentissage au mode cours-projet/atelier, c’est-à-dire que les cours consisteront à répondre à des demandes collectives qui auront émergées de la mise en œuvre et l’évolution de vos projets.

Le site en ligne

La moitié de votre évaluation porte sur la mise en ligne de votre site, ou, plutôt, sur la consultation de votre site en ligne.

Pour qu’un site puisse être considéré comme web, il faut qu’il soit en ligne, c’est-à-dire accessible à n’importe qui via un appareil connecté à internet et doté d’un navigateur. C’est donc pour moi la condition préalable à toute évaluation : si votre site n’est pas en ligne, il n’est pas évalué.

Le fait que le site soit en ligne n’ajoute pas des points à votre note, il rend juste la note possible. L’évaluation proprement dite commence après.

Les cinq critères retenus pour l’évaluation de votre site en ligne sont les suivants :

  • un site fonctionnel,
  • un site cohérent,
  • un site responsive,
  • un site esthétique,
  • un site complet.

Chacun de ces critères sera évalué sur deux points.

On va voir ci-dessous comment chacun de ces critères est décliné mais rappelons avant d’entre dans ce détail les consignes de contenu.

Ce que le site peut et ne peut pas être

Possible, recommandé ou exigé

  • Le site doit être un site statique
    • cette consigne est essentiellement liées au fait que le site est codé en HTML et CSS.
  • Le site peut être un site vitrine, pour une association, un organisme, un artisan ou une entreprise.
  • Le site peut être un site de fans : pour un personnage, un·e comédien·ne, un·e sportif·ve, une équipe, une catégorie d’objets, un style vestimentaire, un type de musique…
  • Le site peut être un site consacré à une passion : la cuisine, l’horticulture, le cinéma, le tuning, le bricolage…

Impossible ou interdit

  • Le site ne peut pas être un site dynamique : ni un blog, ni un forum, ni une boutique en ligne, ni une web app
    • encore une fois, c’est essentiellement lié aux
    langages que nous avons choisis pour l’apprentissage
  • par conséquent, le site ne prendra aucune des formes qui utilisent des données entrées, volontairement ou non, par l’internaute.
    • Seul son formulaire de contact permettra de recueillir une adresse mail, et de manière encadrée, conforme à la RGPD.
  • Le site ne peut pas être un site de vente, même si ce site n’est pas dynamique.
  • Le site ne peut pas être un site confessionnel ou prosélyte (il ne peut être affilié à une religion ou à une idéologie politique)
  • Le site ne peut pas être publicitaire (il ne peut défendre les couleurs d’une marque)
  • Le site ne peut pas être un site autopromotionnel (au sens où il constituerait un CV en ligne, ou la promotion de la seule activité de son auteur), mais il peut promouvoir une activité collective à laquelle participe son auteur (une compagnie de danse ou de théâtre, un club de sport, une association…).

Bien évidemment, le site ne peut pas contrevenir à la loi : il ne doit pas porter préjudice à quiconque, ni enfreindre le droit d’auteur.

Les cinq critères d’évaluation du site en ligne

Un site fonctionnel

En créant un site web, vous communiquez avec vos visiteurs grâce à une interface interactive : ils vont consulter vos pages en les manipulant, en scrollant, en cliquant; les machines avec lesquelles ils vont consulter vos sites vont charger vos pages, vos images, vos médias, votre feuille de style. Tout cela n’est possible que si votre site est fonctionnel : si vos pages se chargent vite, si vos images sont suffisamment légères pour être vite affichées, si vos liens renvoient bien vers un contenu (une autre page, un autre endroit de la page, un autre document qui s’affiche en surimpresion, etc.).

Tout cela n’est possible que si votre site est fonctionnel : si vos pages se chargent vite, si vos images sont suffisamment légères pour être vite affichées, si vos liens renvoient bien vers un contenu (une autre page, un autre endroit de la page, un autre document qui s’affiche en surimpresion, etc.).

En bref, la fonctionnalité du site passe avant toute chose : un site n’est un site que s’il est fonctionnel.

On vérifiera donc que :

  • toutes les pages du site sont accessibles;
  • aucun lien ne mène nulle part;
  • tous les éléments de navigation renvoient vers une page ou une ancre (c’est-à-dire un endroit d’une page);
  • tous les médias du site se chargent rapidement;
  • le site n’a pas de défauts majeurs de présentation (pas de chevauchement, de blocage…).

On peut vérifier, tout au long de son processus de création, que le code de votre site ne contient pas d’erreurs qui empêchent sa fonctionnalité.C’est la raison pour laquelle vous passerez régulièrement votre site à la validation.

Le W3C propose en effet une interface de validation du code HTML et CSS des sites web: le W3C Unicorn.

Vous pouvez grâce à cette interface vérifier la validité d’un fichier HTML et de la feuille de style CSS qui lui est attachée. La limite est que vous ne pouvez vérifier qu’un fichier HTML à la fois (il faut donc recommencer pour chaque fichier HTML. Le W3C propose aussi des validateurs séparés pour le HTML et pour le CSS.

Un site cohérent

Lorsque vous proposez un site à vos visiteurs, vous leur proposer une expérience interactive qui doit avoir une cohérence.

Un site, c’est un discours et une mise en forme, et, ce qui est particulier aux interfaces numériques, une proposition de manipulation (au sens propre du terme: un site est manipulé par ses visiteurs).

Ces trois aspects doivent s’harmoniser pour que l’expérience du site soit réussie. Cette cohérence n’est pas technique, elle est liée au sens que vous donnez au site. On vérifiera donc l’adéquation entre

  • le contenu du site (textuel, visuel, multimédiatique),
  • l’organisation du site (la hiérarchisation des informations, leur distribution sur la page d’accueil et sur les différentes pages…),
  • l’interactivité du site (la clarté et la fluidité de la navigation sur le site).

Un site responsive

Aujourd’hui que les sites sont consultés majoritairement depuis des smartphones, il est important qu’ils puissent être adaptés au terminal qui les consultent.

On vérifiera que le site est consultable

  • depuis un téléphone portable
  • depuis une tablette
  • depuis un ordinateur portable (et depuis un grand écran),
  • avec les navigateurs majeurs du marché (au minimum: Safari sur Mac et iOS, Chrome sur PC et sur Android – ou Chromium, , ou Brave , sur PC/Mac -, Internet Explorer 10 ou Edge sur PC).

Il faudra, dès que vous aurez appris comment rendre votre site responsive, vérifier au fur et à mesure de sa finalisation qu’il continue à l’être. Cela passe nécessairement par

  • l’obligation de mettre le site en ligne (impossible sinon de savoir s’il fonctionne depuis un téléphone, par exemple)
  • la nécessité de tester votre site depuis plusieurs appareils (au moins: un PC Windows, un Mac, un iPhone, un téléphone Android)

Pour préfigurer ces tests, vous pouvez utiliser des interfaces en ligne comme le Responsinator, mais c’est seulement pour pouvoir pré-tester vos sites avant les tests matériels nécessaires.

Un site esthétique

Oui, un site, c’est mieux quand c’est beau: mais l’esthétique du site vient après sa fonctionnalité et sa cohérence. Un site, c’est avant tout un support de communication, qui vise à faire passer information et relation, et cela doit être efficace avant d’être esthétique.

Cependant, l’esthétique participe de l’agrément à visiter le site, et cet agrément contribue à son efficacité informationnelle et relationnelle.

C’est en ce sens qu’on évaluera, en relation avec la cohérence du site, son esthétique, essentiellement son harmonie :

  • proportionnelle (est-ce que l’organisation des pages propose des blocs harmonieux)
  • chromatique (est-ce que les couleurs s’harmonisent entre elles)
  • typographique (est-ce que les polices sont bien choisies, servent le propos, s’harmonisent entre elles)
  • interactive (est-ce que la navigation est agréable, élégante, voire ludique, si le propos du site l’induit).

Un site complet

Le site qu’on vous demande de réaliser doit au moins contenir

  1. quatre pages (ou quatre parties pour un site organisé en one page)
  2. un menu de navigation
  3. un formulaire de contact
  4. une galerie ou un diaporama d’images
  5. un pied de page articulé
  6. des conditions d’utilisation qui le mettent en conformité avec la RGPD

Nous vous proposerons des éléments génériques pour le 6e point, de manière à ce qu’il soit intégré sur tous les sites (qui ont vocation à demeurer en ligne au delà de l’exercice universitaire – ce sont de vrais sites); pour les autres, nous évaluerons le site en fonction de leur présence effective.