Cette semaine, première évaluation. Mettre en œuvre l’ensemble des savoir-faire acquis jusqu’à maintenant pour produire un site internet statique.
- Maquetter une application
- Réaliser une interface utilisateur statique et adaptable
Pour cette évaluation l'objectif sera de reproduire de manière responsive une partie de la page d’accueil du célèbre site d’emploi "ChooseYouBoss". Pour cette évaluation un dossier contenant les captures d’écran du site originel faisant office de maquettes telles qu’un graphiste pourrait vous les fournir. Le dossier contient également les images à utiliser sur le site ou les liens quand il s’agit de SVG. La charte graphique vous est donnée. Le site est accessible en ligne à cette adresse: https://www.chooseyourboss.com/ L’image en page d’accueil change régulièrement, vous utiliserez celle fournie dans le dossier. Vous ne reproduirez pas toute la page, vous vous arrêtez à la partie «Mérites-tu un meilleur salaire» (incluse). Attention vous reproduisez les versions mobiles, tablettes et PC.
Spécifications fonctionnelles :
- Présence d'un "header" avec un menu burger et du nom du site.
- Présence d'un "main" avec un titre d'accroche ; un texte descriptif ; d'un bouton "Je m'inscris" ; un encart colorisé regroupant le nombre de candidats, rencontres et recruteurs ; une section avec titre et texte explicatif suivi d'images, de sous-titres et d'une courte description (personnalisation, 3 en 1, anonymat) et d'un bouton "J'accède à mes matchings" ; une seconde section avec titre, courte description, images et sous-titres (Tech, Produit, Marketing, Data, Création) et d'un bouton "Je découvre toutes les offres".
- Présence d'un footer colorisé avec titre, sous-titre et description. Un bouton "Je découvre mon salaire" est également présent.
Sécifications techniques
- Vous avez produit des maquettes de type wireframe.
- Vous avez produit une arborescence fonctionnelle de l’application reprenant les cas d’utilisation possible de la page.
- Vos maquettes ont été réalisées avec un outil de maquettage.
- Vos wireframes sont accessibles dans un dossier "Doc".
- Votre interface est une reproduction fidèle du site d’origine.
- Votre interface est responsive sur tous les supports.
- Votre HTML est validé.
- Votre CSS est validé.
- Votre HTML respecte les règles de sémantique.
- Votre CSS est organisé.
- Vous respectez le principe "DRY".
- Votre code est commenté.
- Votre code est hébergé sur GitHub.
- Vous avez fait usage d’un logiciel de versionning.
- Votre site est hébergé via une GH-page.
- Le repository contient un readme, une description et des tags.
- Vous utilisez un outil de gestion de projet de type "KANBAN".
- Idéalement pour chaque tâche vous estimez le temps et la priorité et vous vous mettez dans la peau de l’utilisateur.