Skip to content

Latest commit

 

History

History
187 lines (140 loc) · 7.98 KB

projet.md

File metadata and controls

187 lines (140 loc) · 7.98 KB
Raw
title subtitle layout
Modalités du projet tutoré
Planning et cahier des charges
tutorial

Sujet

Vous devez réaliser le site Web d'une entreprise fictive avec un unique produit / logiciel révolutionnaire fictif. La taille des groupes est de 4 personnes au plus. Si vous êtes moins, nous attendrons la même quantité de travail. Si vous êtes plus, vous aurez une petite pénalité.

Emploi du temps prévisionnel :

  1. Semaine du 02 Novembre 2020 : TD 4 -- Les Formulaires puis lancement du projet
  2. Semaine du 09 Novembre 2020 : TD 5 -- Responsive Design (~2h) puis projet (1h)
  3. Semaine du 16 Novembre 2020 : Fin TD 5 -- Responsive Design (~2h) puis projet (1h)
  4. Semaine du 23 Novembre 2020 : Projet
  5. Semaine du 30 Novembre 2020 : Infographie
  6. Semaine du 07 Décembre 2020 : Projet
  7. Semaine du 14 Décembre 2020 : Projet

Examen & soutenances :

  1. Semaine du 04 janvier 2021 : Examen écrit (~1h30)
  2. 11 & 12 janvier 2021 : Soutenance projet (20 min / groupe)

Architecture minimum de votre site :

Il y aura un menu de navigation avec sous-menus commun à toutes vos pages. Voici une liste minimale de pages que vous devez avoir :

  1. Produit : Une page qui présente le produit avec punch line, photo, et le logo de l’entreprise (créé tel que vu dans le TD d’infographie) ;

  2. Contact : Une page formulaire ”contactez nous”, avec

    1. les informations sur le demandeur (nom, prénom, adresse email, code postal, champs de sélection du pays),
    2. une question "vous avez entendu parlé de nous via ?” avec plusieurs choix possibles
    3. un champ "date à laquelle vous souhaitez être recontacté"
    4. un champ texte libre de plusieurs lignes d'expression libre

    Pour chacun des champs, un exemple sera donné, une vérification du format sera faite à l’aide des types prédéfinis en HTML5 (l’utilisation d’expressions régulières est optionnelle) ;

  3. Équipe : Une page qui présente toute la team du directeur au développeur avec photo et courte biographie pour chacun.

  4. Presse : Une page qui donne les contacts du responsable presse ainsi qu'une liste de communiqués de presse ;

  5. Nous rejoindre : Une page qui renvoie sur différentes fiches d'offres de postes de l'entreprise. Chaque offre de poste aura sa propre page Web présentant le métier du poste. L'item "Nous Rejoindre" du menu contiendra un sous-menu déroulant du type :

    1. Métier 1
    2. Métier 2
    3. Métier 3

  6. Une foire aux questions (FAQ) : Une liste de questions en début de page qui pointe sur les différentes questions et réponses plus bas dans la page (utilisation des ancres).

Modalités de contrôle

Le projet compte pour deux modules ; en effet le projet tutoré de S1 est adossé à notre cours de "Conception documentaire". Pour information, il est prévu 60h de travail personnel sur ce projet dans les programmes officiels.

Module 1105 - Conception de documents | Module 1106 - Projet tutoré Coefficient 2,5 | Coefficient 1,5 --------------------------------------|- -------------------------- Ergonomie (30%) | Projet (100%) Examen écrit (40%) | Projet (30%) | {:.controle}

<style scoped> table.controle td, table.controle th { border:2px solid black; } table.controle th { background-color:#EEE; } table.controle { margin:auto; } </style>

Consignes générales

Le but pédagogique de ce projet est de mettre en application toutes les techniques que vous avez apprises lors des TDs. Voici donc les critères sur lesquels vous serez notés.

  1. les codes CSS et HTML seront lisibles et correctement indentés. L’utilisation de CSS de style inline est interdit.
  2. les codes CSS seront divisés entre plusieurs fichiers de style, selon ce à quoi il s'applique, si il est commun à toutes les pages...
  3. Le texte "LOREM IPSUM ..." est autorisé. Ne perdez pas trop de temps à inventer du contenu à votre site.
  4. le visuel du site (charte graphique) doit être cohérent sur toutes les pages du site.
  5. l’utilisation de framework tels que bootstrap, foundation, etc. n’est pas autorisée.
  6. l’utilisation des float ou des tableaux n’est pas autorisée pour la mise en page, c'est-à-dire par exemple pour mettre une colonne à côté d'une autre ... Par contre, on peut bien sûr se servir de float pour son usage historique : entourer une image de texte.
  7. l’utilisation des <br\> n’est pas autorisée pour la mise en page. Si vous voulez sauter à la ligne dans un texte, cela correspond sûrement à un paragraphe <p>. Si vous voulez espacer des blocs, il faut mettre des marges en bas.
  8. le site sera responsive. Au minimum le menu s'adaptera à la taille de la page. De plus la page Équipe doit être responsive : la présentation se fera en grille sur une grande page ou en liste verticale quand la page est trop petite.

Détails de la soutenance

La soutenance sera composée d'une série questions sur votre projet (Qu'est-ce qui a été implémenté ? Qui a fait quoi ? Expliquez ce qui a été codé. ) et possiblement des questions de cours à chacun des membres de votre groupe. Il n’y a pas de rapport à écrire, ni de présentation à préparer.

Le site Web devra être mis en place dans le dossier existant public_html de l'un des membres de l'équipe. Un fichier compressé sources.zip contenant les sources du site Web devra aussi être placé dans le dossier public_html. Il n'y a pas de date de rendu : votre site Web et ses sources devront juste être disponibles au moment de la soutenance.

Détails sur l'examen écrit

L'examen écrit ne demandera quasiment pas d'écrire de code HTML/CSS. L'examen sera concentré sur le contrôle de votre compréhension de codes HTML/CSS et des techniques employées dans les TDs : Pourquoi a-t-on vu telle notion ? Pour répondre à quel problème ? Comment marche la solution ? ...