CAHIER DES CHARGES (modifiable par l'ilot ou à compléter) Projet site internet NOM: «...» Collège: ème... Nom/prénom: Fonction: Email: 2012-201 date signature Rédacteur 1: Images / Vidéos...@laposte.net Rédacteur 2: Mise en page / Navigation...@laposte.net Rédacteur : Textes...@laposte.net. Approbation: Gestion projet...@laposte.net Rédacteur CdC: Réf: CDCV2_site_élève2010.odt version: 05/12/12 Définitive diffusable Version simplifiée. 1/10
Classe Projet: xxxxxxxxxxxxxxx 2012-201 THEMES PRINCIPAUX DU SITE OBJECTIF du site internet: Présenter : présenter ici l'objectif du projet et la justification du site. THEME1: Présenter : Présenter : THEME2 :. Présenter :. Présenter : THEME : Présenter : RESSOURCES DOCUMENTAIRES et COPYRIGHT images issues de : vidéo issue de : INTERNAUTE (utilisateurs) FE1 FAI FC1 Navigateur/écran FP1 site internet FC4 FC2 mise à jour (administration) FC charte graphique FP2 copyright 2/10
INTRODUCTION La création d un site internet s appuie sur un ensemble de technologies qui doivent être maîtrisées afin que l affichage reste cohérent et la navigation aisée quelque soit la machine utilisée ou le navigateur internet. La modification (maintenance) d un site doit être rapide et facile: savoir rapidement ajouter des contenus et des fonctionnalités. Accès au site L accès au site pour le public se fera par l intermédiaire de l URL suivante : techno.jch.free.fr/realisations2012-201/nom_projet/index.html. Les sources HTML sont sauvegardées sous mes_documents/devoirs/techno.../index.html Organisation L organisation du site doit former un tout cohérent : L organisation des fichiers se fera de manière arborescente. On distinguera deux principaux dossiers pour les fichiers du site : Les fichiers à inclusion multiple, c est-à-dire les fichiers qui sont utilisés dans des pages différentes (certaines images par ex comme le logo) dans le dossier global situé à la racine du site. Les fichiers à inclusion unique, comme les images ou certains documents qui sont inclus uniquement dans une page donnée. Les images d une page spécifique seront rangées dans le répertoire du dossier courant (le dossier ou se trouve le document HTML) ex : participants/xxx.html ou cahierdescharges/zzz.html. Arborescence des pages Pour augmenter la lisibilité et dans la mesure ou il y a moins de 10 pages, l'arborescence sera représentée: celle-ci donne tout de même une idée précise de la structure des fichiers et répertoires utilisés. Contraintes L'analyse fonctionnelle est à présenter sous forme de diagramme pieuvre. Le site de présentation devra avoir au minimum 8 pages. Charte graphique: une charte graphique devra être écrite, le logo sera fait sous photofiltre et devra être 'synthétique, dépouillé' (pixel art par exemple). Les mécanismes à maîtriser sont: Insertion/image, Insertion Tableau, Format/Propriétés Cellule, Format/Couleurs et fond de page/image de fond, création hyperliens. Utilisation au maximum du 'standard' de KOMPOZER: ainsi aucun effet ne doit être obtenu en modifiant le code HTML. /10
Conventions de nommage 0) Les noms de fichiers et dossiers seront écris en lettres minuscules sans blanc. Ces noms ne devront pas excéder une longueur supérieure à trois mots pour conserver une certaine lisibilité. Le nommage des fichiers devra être 'verbiose' (parlant). 4/10
CARACTERISTIQUES (*)Rayer les mentions inutiles TYPE DE SITE [OUI] (*)Site d'information et de présentation : documents, photos, vidéo à termes. [NON] Site d'information interactif : forum, petites annonces. [NON] Boutique en ligne : permet de commander et d'acheter des produits en ligne [NON] Réseau social : met en relations des personnes identifiées [NON] Application spécifique : un outil développé pour répondre à un besoin particulier. POINT DE DEPART [OUI] C'est la page blanche, tout est à faire. [NON.] Il existe déjà un site à améliorer. [OUI] Une maquette papier est faite, les textes de contenu sont rédigés, les images ont été choisies, il reste à tout mettre en ligne. PUBLIC [...] Uniquement des visiteurs anonymes [...] Une partie du site est réservée à des visiteurs inscrits (pseudo et mot de passe). [...] Les visiteurs inscrits interagissent entre eux : fiche d'identité, messages, forum,... ADMINISTRATION DU CONTENU [NON]Les modifications du contenu seront confiée à un webmaster prestataire externe. [OUI] Les modifications du contenu seront faites en interne par une personne habituée aux outils bureautiques. REFERENCEMENT [NON] ll faut une forte visibilité sur des mots clef précis [OUI] La visibilité n'est pas un enjeu majeur. 5/10
CARACTERISTIQUES CONTENU DU SITE Titre du site Baseline du site (L'idée forte de l'ensemble du site). Quelle est-elle? Multilangue? Quelles langues? Panneaux publicitaires : oui ou non. Page d'accueil : Titres, textes et images Toutes les autres pages : titres, sous titres, textes, illustrations MAINTENANCE: PREVOIR COMMENT FAIRE LES MISES A JOUR Formation d'une personne pour les mises a jour, tutorial? DELAI / BUDGET Délai pour la réalisation du site : 1,5 mois maximum. BUDGET: entre XXXX et HT soit entre XXXX et TTC taux de TVA à xx % conforme 6/10
ORGANISATION du PROJET Interlocuteurs Noms et responsabilités et mails des contacts durant la conception ; Coordonnées (téléphoniques, emails...)... CONTRAINTES A RESPECTER. Nom de domaine / nom potentiel en cas de publication: XXXXXXXXX. Remplir les balises <META> pour les descriptions et les mots clés de chaque page ; Préciser la date de création et celle des dernières modifications sur la page d'accueil, voir toutes les pages ; Pouvoir revenir sur l'accueil en cliquant sur le logo de n'importe quelle page du site ; Hébergement sur un serveur : oui celui de collège ds le dossier devoir/xxxx Documents sur supports informatiques (openoffice, photos numériques...) ; Documents sur supports papiers (plaquettes, journaux de la société, photos, :NON...) Choisir les tableaux ou les frames pour la présentation ; Nommer par des titres parlant chaque page dans la balise <TITLE> : contraintes de navigateurs: Tester le site sur plusieurs configurations ; Mise en page en 1200x800 s'adaptant aux autres résolutions ; Élaborer une navigation logique, simple et intuitive, l'internaute ne doit pas se perdre ; Chartes graphiques et navigation : Choisir une structure linéaire, rayonnante, arborescente... Aspect et qualité du site (rayer les termes inutiles) Vitrine ; Professionnel ; Simple ; Élaboré ; Ludique ; Accès aux informations rapidement... Présentation Claire, concise, simple ; Animation ou effets spéciaux à utiliser avec modération... Contraintes Suivre la charte graphique de l'îlot Typologie police de caractères :arial en bleu... Libertés Libre choix de la mise en page ; Choix des photos et copyright, retouches et présentation... 7/10
DOC FOURNIS/TESTS/ASPECT Documents fournis: Ressources fournies [OUI] Aucune ressource apportée [NON] Mise en page par des : frames tableaux Structure : linéaire [NON] rayonnante [OUI] arborescente [OUI] Site en animation flash [non] Référencement Aucun référencement à faire Annuaires et moteurs de recherche français Annuaires et moteurs de recherche internationaux Annuaires et moteurs de recherche par régions Annuaires et moteurs de recherche de même activité TESTS: Tester le site sur plusieurs configurations/2 navigateurs au minimum. Mise en page en 1200x800 s'adaptant aux autres résolutions Aspect et qualité du site Site prestige Site vitrine Site ludique Site simple Site élaboré Accès aux informations rapidement Exemple n 1 : mettre ici des sites qui sont dans l'esprit de votre conception. Exemple n 2 : Exemple n : Autres 8/10
DESIGN / FORME / PHOTOS Présentation: Homogène (identique sur tout le site) Claire Concise Simple Intuitive Couleurs dominantes : XXXXXXXXXXXX Présentation du Graphisme Doux Ludique Fin Flashi Normal Frais Sombre Forme du design Cellules de couleurs Coins arrondis Courbes et/ou cercles Formes carrées et/ou rectangles Lignes fines PHOTOS (sous réserve de copyright) Nombreuses photos sur chaque page Libre choix de la mise en page Choix des photos et des retouches 9/10
INDICATION sur le CONTENU: Nombre de page à prévoir : MINIMUM de 9 PAGES Titre page 1 : Résumé le contenu de la page : Titre page 2 : Résumé le contenu de la page 2 : Titre page : Résumé le contenu de la page : Titre page 4 : Résumé le contenu de la page : Titre page 5 : Résumé le contenu de la page 5 : Titre page 6 : Résumé le contenu de la page 6 : Titre page 7 : Résumé le contenu de la page 7 : Titre page 8 : Résumé le contenu de la page 8 : Titre page 9 : Résumé le contenu de la page 9 : 10/10