• Support de cours 2015-2016

TP3

Projet site web (4h)

Les objectifs de ce TP sont d'avancer sur le projet de réalisation de site web par équipe et de manipuler du code HTML CSS. Nous allons suivre différentes étapes : 
  • 1. mise en commun de votre avancement avec Florian Carrere  
  • 2. création de la page d'attente de votre futur site : 3 heures max (par binome mis en conccurence au sein d'un groupe)
    • nous vous fournissons un template composé de plusieurs modèles de mise en page http://adamostry.com/preview/html/aviato/, vous devez : 
      • parcourir les différents (8) modèles de mise en page proposé et choisir ce qui convient le mieux à votre projet en termes d'organisation des contenus (vous pourrez/devrez changer des polices, codes couleurs, ordonnancement des éléments,...)
        • Sur le modèle choisi déterminez sur papier comment vous pourriez utiliser les différentes zones composant la page ? Quels contenus mettre en place ? Quels changements effectuer ? 
      • une fois le modèle choisi, vous pouvez récupérer le dossier compressé contenant le design Télécharger le fichier (themeforest-18032901-aviato-multipurpose-one-page-coming-soon-html-template.zip 1,53 Mo), gardez une copie de votre dossier compressé pour conserver cet original en cas de besoin (sur le drive)
      • décompressez le dossier par binome 
      • ouvrez et consultez le fichier documentation/ReadMe.html
      • ouvrez ensuite le dossier template et ouvrez le fichier html que vous avez sélectionner 
      • modifiez ce fichier en intervenant sur le graphisme ou le contenu de la page et en vous basant sur la trame que vous aurez prédéfini. Nous vous recommandons
        • d'ouvrir le fichier html dans votre navigateur et dans votre éditeur de code
        • d'utiliser l'inspecteur html pour "localiser" les éléments que vous devez modifier 
        • de tester vos modifications en les réalisant avec l'inspecteur web 
        • de les appliquer soit dans les fichiers CSS soit dans le fichier HTML 
        • de nous demander de l'aide quand vous êtes bloqué dans votre progression 
      • vous devrez continuer ce travail avant le 02/11/2016 de manière à pouvoir présenter une page d'attente dont le contenu et le graphisme sera en phase avec votre projet et votre concept 
        • vous devrez déposer ce dossier modifié et compressé sur le drive avant le 30/10
  • 3. finalisation de la note de cadrage & avancement sur les éléments demandés par Florian Carrere en gestion de projet (1 heure)

Parrallèlement à ces travaux nous allons vous rencontrer par groupe pour :

  • répondre à vos questions 
  • vérifier si nous avons accès à votre dossier partagé par équipe 
  • déterminer votre avancement dans la prise en compte des demandes de Florian Carrere 
    • de repartir les roles po ba sm lt et dev dans les equipes
    • de constituer un backlog de user stories (US) et donc penser aux objectifs de la team
    • de rediger les US du premier sprint cote "metier" du groupe
    • de realiser les dev cote "tech"
    • de tester en mode reel "metier" / "tech"
  • vérifier votre avancement sur les sujets suivants 
    • note de cadrage 
    • nom de marque 
    • nom de domaine 

A propos de code Academy 

Compte tenu des mises à jour prévues de l'outil cf https://www.codecademy.com/blog/important-changes-to-codecademy-courses nous vous demandons de stopper votre progression sur votre parcours et de recommencer votre parcours sur la nouvelle formule https://www.codecademy.com/learn/learn-html-css
  • Vous avez jusqu'au 15 décembre pour réaliser l'ensemble des étapes de ce cours