• Support de cours 2015-2016

S2 - TP 6

Projets web

Rappels 

A ce stade : 

Objectifs des séances à venir (fin du semestre 2) : 

  • TP d'intégration  HTML CSS : 
    • achat du nom de domaine définitif 
    • création d'une page d'attente statique simple répondant aux objectifs de : 
      • présentation du concept de votre projet 
      • début de référencement naturel sur vos expressions clés stratégiques 
    • mise en place d'une présence sur les réseaux sociaux pour votre marque 
    • initiation des travaux de développement du site sur la technologie de votre choix : avec CMS (Wordpress ou autre) ou sans CMS 
  • TP wordpress (Arnaud Teyssedre) : 
    • assistance au développement de votre projet web 
  • Cours et TP ergonomie (Adrien Lainé) : 
    • conception de l'interface cible de votre futur site web 
> Les finalités sont :
  • que vous disposiez d'une version d'attente de votre site web qui soit mise en production dans le courant du mois de Mai 2018
  • que vous travaillez entre maintenant et septembre 2018 aux développements de votre site web définitif qui sera mis en production au plus tard en octobre 2018

Déroulement de la séance du 25/04/2018 

Chaque équipe dispose de 2 possibilités pour concervoir la page d'attente et réaliser son intégration HTML / CSS / JS : 
  • si vous disposez déjà d'une charte graphique, vous allez pouvoir réaliser son intégration HTML (si possible / besoin en utilisant un framework type Bootstrap)
  • si vous n'avez pas produit de charte graphique pour la page d'attente, 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  
    • 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/05/2018 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 16/05/2018, cette séance sera dédiée à la mise en production de votre site 
Séance d'échanges sur les projets web 

Je vais également vous rencontrer par équipe lors de cette séance pour vérifier votre avancement : 
  • nom de marque / nom de domaine 
  • logo 
  • accroche / baseline 
  • avancement page d'attente 
  • liste expressions clés stratégiques pour votre référencement
  • site définitif : 
    • choix de la technologie 
    • conséquences de la technologie sur l'hébergement 
    • répartition des travaux au sein de l'équipe projet 
    • plan du site web 
    • principales fonctionnalités du site web 
    • principaux risques identifiés 
Il sera nécessaire que tous ces sujets soient traités pour la prochaine séance du 2 mai 2018.