Devoir : mini-site

Objectifs

reprendre les concepts vus au cours des différentes séances pour les agréger au sein d'un travail conséquent
avoir une réflexion sur l'adéquation entre le sujet choisi et son traitement en termes de communication (graphisme, mise en page, mise en valeur des contenus, etc.)

Sujet

Vous devez réaliser un mini-site de quelques pages (5 à 10) sur un sujet de votre choix. Préférez un sujet original, c'est-à-dire sans rapport avec l'informatique, le web, le web design, et autre chose que votre page perso ; mais vous ne serez pas jugé·e sur le choix du sujet.

Production attendue

Vous devez réaliser des pages valides HTML5, mettant en application l'architecture vue en cours. Les contenus (textes, images, etc) peuvent être pris sur diverses sources, à condition de les citer.

Vous ne devez pas utiliser de JavaScript : ce n'est pas l'objet du cours. Il est très important de savoir exploiter le CSS pour éviter au maximum le JavaScript ; ce devoir est un occasion de travailler sous cette contrainte. D'autre part, ce cours n'utilise le PHP que pour implémenter un moteur de templates simple. Vous ne devez pas l'utiliser pour faire un site dynamique ! En particulier, pas de base de données. Ce n'est pas du tout là-dessus que l'on veut vous faire travailler.

D'autre part, vous devez coder le HTML et le CSS vous-mêmes, sans utiliser de framework (Foundation, Bootstrap, etc.) ni d'outil de génération automatique. Par exemple ne nous rendez pas du code généré par Dreamweaver. (Ça ne veut pas dire qu'il est interdit de s'en servir si ça peut vous aider, mais le code résultant ne sera pas de bonne qualité.)

Votre travail devra être en ligne sur votre espace personnel à l'URL http://NUMETU.users.info.unicaen.fr/minisite/ et une archive devra être déposée sur devoirs.info.unicaen.fr.

Présentation publique

Chaque étudiant·e dispose d'entre 5 et 10 minutes pour présenter ses choix au jury et au reste de la promotion. Il ne s'agit pas de présenter le contenu du site, mais d'en faire une sorte de visite guidée en exposant ses choix en termes de composition des pages, de traitement de l'information, de graphisme, d'ergonomie, etc.

Chaque présentation est suivie d'un échange entre le jury, l'étudiant·e et l'ensemble de la promotion. La journée complète est donc obligatoire pour tout le monde.

Vous disposerez d'une machine du département avec Firefox sous Ubuntu. Vous pourrez utiliser votre propre machine si vous voulez, mais assurez-vous que votre mini-site fonctionne sur les machines du département. C'est aussi ce type de machine et navigateur qui seront utilisés pour la correction. On ne vous demande pas que votre HTML/CSS fonctionne sur d'autres navigateurs, OS, ou appareils.

Attention, la largeur de l'écran du vidéoprojecteur est 1024 pixels ! Si votre site n'est pas adapté, vous pourrez toujours dézoomer, mais il serait mieux que votre site s'adapte tout seul. Il n'est cependant pas demandé que votre site soit vraiment responsive (pas la peine de gérer des tailles d'écran inférieures à 1000 pixels), mais de façon générale essayez de maximiser son accessibilité !

Évaluation

Les points suivants seront particulièrement importants pour l'évaluation de la réalisation :

partie visible :
- traitement de l'information
- ergonomie de l'application et navigation dans le site
- cohérence graphique de l'application
partie technique :
- pages générées valides HTML5 (pas forcément valides CSS)
- architecture du site
- qualité de la réalisation (séparation du fond et de la forme, cohérence des balises choisies, styles adaptés, etc.)

Dates

Date limite de dépôt sur devoirs.info.unicaen.fr : dimanche 11 décembre 23h59 (UTC+1)
Présentation orale : jeudi 15 décembre, 9h15-12h et 13h30-16h (environ), salle S3-162