• Save
Cahier des charges pour sites web par Elisabeth de Pablo
Upcoming SlideShare
Loading in...5
×
 

Cahier des charges pour sites web par Elisabeth de Pablo

on

  • 2,565 views

Support de cours pour Communication et Patrimoine Numériques, Coopération et développment, M2 CFI, Inalco.

Support de cours pour Communication et Patrimoine Numériques, Coopération et développment, M2 CFI, Inalco.

Statistics

Views

Total Views
2,565
Views on SlideShare
2,084
Embed Views
481

Actions

Likes
3
Downloads
0
Comments
0

3 Embeds 481

http://webculturecommunication.wordpress.com 331
http://www.scoop.it 148
https://twitter.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Cahier des charges pour sites web par Elisabeth de Pablo Cahier des charges pour sites web par Elisabeth de Pablo Presentation Transcript

  • COMMUNICATION PATRIMOINE NUMÉRIQUES 1 ER FEVRIER 2013 CAHIER DES CHARGES POUR SITE WEB Rappel Cahier des charges 12012-2013 - Elisabeth de Pablo
  • Rappel Documents préalablement réalisés et finalisés : • Brief ou note de cadrage • Audit/ note d’opportunité / benchmarking Pour toutes informations complémentaires concernant ces deux documents, merci de consulter les cours précédents http://bit.ly/11qB9mN ainsi que le ppt en ligne de P. Stockinger : http://bit.ly/YnzFtM 22012-2013 - Elisabeth de Pablo
  • Rappel Ces études préalables vous ont permis de : - définir vos objectifs, les résultats attendus, - définir et analyser la ou les cibles (internautes), - déterminer les contraintes, l’impact, les délais, les types de contenu, les responsables des différentes tâches, les technologies à mettre en œuvre pour la réalisation, - esquisser les chartes graphiques et éditoriales, - penser aux aspects juridiques et aux problèmes liés au suivi, à la maintenance, à la diffusion, aux budgets, … 32012-2013 - Elisabeth de Pablo View slide
  • Qu’est-ce qu’un cahier des charges ? Cahier des charges Document écrit définissant les objectifs et la faisabilité d’un produit (également appelé livrable) – dans notre cas d’un site web. Ce document doit mettre en relief de la façon la plus détaillée possible les spécifications tant techniques qu’organisationnelles du site web. Il formalise les idées, les moyens, etc. C’est un document contractuel, il engage le demandeur (ou le client) et le réalisateur (ou le fournisseur, le maître d’œuvre). 42012-2013 - Elisabeth de Pablo View slide
  • Organisation du cahier des charges Cahier des charges I. Introduction : Définition du projet - Présentation générale - Mise en contexte du projet - Définition des ambitions - Expression des objectifs - Définition de la cible - Expression des contraintes techniques 52012-2013 - Elisabeth de Pablo
  • Organisation du cahier des charges Cahier des charges II. Définition structurelle du projet - Schéma organisationnelle (squelette) et - Schéma navigationelle > modélisation de ces schémas - Modélisation de l’arborescence - Modélisation de la page d’accueil - Type de contenu attendu (quel média, quel type de discours, …) (voir le développement dans les chartes) - Etude de l’ergonomie (voir cours Me Papino) 62012-2013 - Elisabeth de Pablo
  • Organisation du cahier des charges Cahier des charges II. Définition structurelle du projet (suite) - Charte éditoriale - Charte graphique - Spécifications techniques (introduire les standards utilisés, les logiciels nécessaires, le type d’hébergement choisi, …) - Attribution des tâches / personnes engagées - Planning de réalisation / publication [GANTT] - Mise à jour et suivi du site / indexation / référencement / RS - Budget (dans le cas d’une commande) 72012-2013 - Elisabeth de Pablo
  • Qualités et défauts de ce type de Cahier des charges document ? Attention Qualités Essayez d’être précis, d’aller à l’essentiel, d’être pertinent dans vos explications, d’argumentez, de réfléchir, d’être exhaustif dans la présentation de vos schémas. Défauts Attention ! souvent les besoins ne sont pas exprimés clairement ; les fonctionnalités du site sont décrites très succinctement, aucune logique n’en ressort ; les fonctions et les besoins sont incompatibles. 82012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges I. Introduction : Définition du projet II. Définition structurelle du projet 92012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Schéma organisationnelle (squelette) et navigationelle > modélisation de ces schémas Définir les aspects fonctionnels, l’architecture des contenus informationnels, l’ergonomie du site. Modéliser = faire une arborescence 102012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Avec quels outils ? Utilisation des diagrammes de vos traitements de texte ou utilisation d’un logiciel de mind mapping : freemind (à télécharger), mindmeister (en ligne) , … 112012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Soyez efficace dès le début, pensez le site web comme un gros dossier qui contient plusieurs sous-dossiers. - Il faut donc regrouper les rubriques par thèmes et sub-diviser ensuite éventuellement ces thèmes en sous-thèmes. - Ne pas oublier que vous travaillez avec plusieurs types de contenu : textes, images, vidéos, sons ; prévoyez des dossiers annexes pour organiser ces contenus par thèmes. 122012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - N’oubliez pas de développer un système de navigation à définir dans votre modélisation >> Il permet de réfléchir au mode de circulation à l’intérieur de l’arborescence d’un site… Plusieurs invariants doivent être respectés… 132012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges … pour ne pas que l’internaute se perdre - Identité visuelle toujours présente (si possible en haut de page) - Accès rapide aux rubriques peu importe l’endroit où l’on se trouve (voire aux sous- rubriques) - Fonctions d’information immédiatement repérables - Bas de page (accès direct aux invariants obligatoires) 142012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges Les informations obligées Ce sont des éléments que tout internaute entend trouver lors de la consultation d’un site - Qui sommes nous (à propos, about, …) - Contact (mail, adresse, …) - Mentions légales (aspects juridiques, droits, …) - Recherche (moteur inclus pour recherche interne) - Plan du site, Charte (éthique), FAQ, modules d’accessibilité, … 152012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Modélisation de la page d’accueil C’est la page la plus importante du site ! Essayez de dessiner cette page (papier et crayon bienvenus …) Il faudra ensuite essayer de trouver un modèle adéquat dans les templates proposés par wordpress. 162012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Charte éditoriale Permet d’assurer une homogénéité de traitement et de présentation du contenu, sorte de code bonne conduite comprenant des indications claires, des exemples, … Consignes d’écriture, d’organisation des informations, validation des articles, organisation des fichiers, contrôle des copyrights liés aux contenus diffusés, … 172012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Charte éditoriale Consignes de niveaux de lecture Etablir des chartes (caractères, couleur, …) en fonction du niveau de lecture Prévoir un schéma de page (maquette) 182012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Charte éditoriale Prendre en compte également les techniques rédactionnelles du web : - phrases courtes permettant une lecture rapide - mots simples (ou définis par contexte) - mise en page visuelle du texte, aérer… N’oubliez pas l’internaute, visualise la page web sans la lire dans un premier temps, il faut donc attirer son regard !! 192012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Charte éditoriale Gestion de l’interactivité Les liens hypertextes permettent de circuler dans le site et en dehors du site Attention, il existe une typologie de liens (à connaître) : - liens navigationnels (rubriques) - liens explicatifs : sémantiques ou contextuels (sens, explicatifs, …) - liens extérieurs (ressources ou références, …) 202012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Charte graphique Permet d’assurer l’identité visuelle du site, définit l’utilisation des typographies, des visuels, des couleurs, fixe l’organisation visuelle des pages, l’utilisation des éléments multimédias, donne des exemples, … Permet de mettre en valeur le contenu et la navigation entre ce contenu. 212012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Charte graphique ATTENTION : dans notre cas, la charte graphique est lié au modèle que vous allez choisir via votre CMS. Ce modèle ensuite sera plus ou moins personnalisable. - Organisation de la page (à reprendre de la charte éditoriale) - Choix de la typographie (police de caractères), de la taille (selon sa fonction), de sa couleur, … 222012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Charte graphique - Création de la feuille de style (CSS) en fonction de ces choix, à l’intérieur de laquelle on pourra également préciser des indications de blocs, d’alignements, … (voir cours CSS) - choix des couleurs dominantes - choix des logos, des illustrations, des photos et autres contenus multimédias Attention aux formats d’images, de vidéos, … 232012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Le planning Adopter un rétro planning de réalisation, utilisez un diagramme de GANTT 242012-2013 - Elisabeth de Pablo
  • Revenons sur quelques points Cahier des charges - Le planning , quels outils ? Utiliser excell ou un logiciel en ligne : - comment ça marche ? (à télécharger sur son ordinateur, logiciel libre) - Smart sheet (création en ligne) 252012-2013 - Elisabeth de Pablo