Dun site institutionnel à un site marchand : ladocumentationfrancaise.fr Anne Zourabichvili, chef de produit Olivier Roumieux, administrateur des sites.

Slides:



Advertisements
Présentations similaires
Portail Sdin Méthodes pour la contribution du portail SDIN Mars 2013.
Advertisements

1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne
PRESENTATION DU GUIDE La composition du guide - Le manuel descriptif - Les ressources documentaires Le plan du.
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
Référentiel Général daccessibilité pour les Administrations Choix initiaux, cadre général et déploiement Paris web 2007.
La page daccueil Analyse et principes de conception.
Utilisation de l’outil Firebug
Comprendre l’ergonomie du module STSWEB
Comprendre lergonomie du module Nomenclatures. La page daccueil de Sconet Nomenclatures Nom de létablissement Version du module Nom du module Code de.
Diffusion Nationale TOULOUSE -Mars 2006 Structure et Services « STS » Documentation et suivi.
Se former au logiciel documentaire du CDI. De lutilité dun catalogue Tous les documents présents au CDI sont enregistrés dans le logiciel documentaire.
La société MAKINA CORPUS Spécialisée dans le « libre ». Deux pôles technologiques principaux. La conjoncture.
Le site-en-kit pour les locales 0. Présentation. 1. Le principe de base : un site public + un site de gestion A partir de nimporte quel navigateur, vous.
Présentation du journal Scolaweb et de l’administration du site.
ONRN V2 Guide de contribution. Organisation des documents Listes de valeurs Ce répertoire contient les listes de valeurs qui sont utilisées pour qualifier.
Le service d’encaissement des TItres Par Internet (TIPI)
Procédure de commande des ressources
Projet Master 2 Nouvelles Technologies et Handicap
sa présentation assistée par ordinateur ?
Comment réussir son diaporama
Séminaire Normes et Standards 10 octobre 2003 L'école du futur dès aujourd'hui.
Concepts de base du commerce électronique
BASE ELEVES PREMIER DEGRE Module de formation sur les évolutions de la version 09.2 Juin 2009 Présentation sonorisée Cette présentation animée et sonorisée.
31 octobre 2012 Grégory Petit
Biologie – Biochimie - Chimie
ARMAND François – AUDRAS Jean-Baptiste – BROCHIER Mickaël
EXPLICATION GRAPHIQUE
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
L’ ACCESSIBILITE « C’est mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure.
10 nouveaux services AbeBooks Revue des principales nouveautés de l’année 2007.
Modèle de conception et de production à la SOFAD Journée d’échange du CLIFAD Trois-Rivières, le 3 décembre 2004 Jean-Simon Labrecque, Chargé de projets.
Agence fédérale pour la Sécurité de la Chaîne alimentaire Un nouveau site pour l’AFSCA ? CC du 28 mai 2008 Agence fédérale pour la Sécurité de la Chaîne.
Design Web accessible WCAG 2.0 au service du design graphique Denis Boudreau Coopérative AccessibilitéWeb Septembre 2009 – Matériel de formation Des questions?
Techniques documentaires et veille stratégique Anne Pajard, avril 2008
LOGO 2010/2011 Encadré par: Mr Chaouech Helmi Elaborée par: Galloussi Ons Université de Carthage Faculté des Sciences économique et de Gestion de Nabeul.
Administration du site
Comprendre l’ergonomie du module STSWEB. La page d’accueil de STSWEB Code et Nom de l’établissement Version du module Campagne en cours Année affichée.
Plan de la présentation
La valorisation de l’information scientifique Colloque IFAN, 27 novembre 2007.
Karine Vallin - Dorian Baysset
Présentation nouveau site marchand
Recueil d’exemples de cartographie dynamique (actualisé le 30/01/03)
Comprendre l’ergonomie du module STSWEB. La page d’accueil de STSWEB Code et Nom de l’établissement Version du module Campagne en cours Année affichée.
Contribution CMS.Eolas
Conception des pages Web avec
Accessibilité web Gérer l’accessibilité lors de la création d’un site ORT Lyon - 10/02/2014.
SSPT – CHOPIN niveau 1 Système de gestion de contenu de sites web Par : Liette Pothier, chargée de projet Nancy Dodier, technicienne en informatique.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
Dreamweaver le retour Avec Les Formulaires Les Calques
SI28 Malépart Céline Jérémy Palmier
Dreamweaver (2) ● les calques (layers) ● les comportements
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Formation.
Introduction au HTML Qu’est ce que le HTML ?
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé.
Mise en place des standards SGQRI 008 sur l’accessibilité du Web : comment désamorcer les inquiétudes ($$$) pour l’existant?
Mise en place des standards SGQRI 008 : comment désamorcer les inquiétudes ($$$) pour l’existant? Conseiller stratégique Partenaire.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Atelier n°3 : Schéma de diffusion des données sur l’eau dans les bassins 24 mars 2011.
La brique documentaire et le CDI Virtuel dans l'ENT.
Lancement du projet de refonte du portail eaufrance Groupe de coordination inter bassins 28/01/2014 – Anne Macaire.
Transcription de la présentation:

Dun site institutionnel à un site marchand : ladocumentationfrancaise.fr Anne Zourabichvili, chef de produit Olivier Roumieux, administrateur des sites

une administration centrale qui dépend des services du Premier ministre 3 activités édition et diffusion, un catalogue de titres gestion de ressources documentaires, un centre de documentation internationale information du public sur internet, 3 sites service-public.fr, vie-public.fr, ladocumentationfrancaise.fr une administration pionnière dans les nouvelles technologies la Documentation française

de à : 1996 premier site institutionnel qui présente les ressources à travers lorganisation

de à : 2000 nouvelle page daccueil, introduction du catalogue en ligne

de à : 2002 réorganisation du site : 4 pôles transversaux

de à : 2004 première enquête utilisateurs sur le site

juin 2005 : un site entièrement conçu pour linternaute de à : 2005

2 axes principaux dans le changement favoriser lappropriation immédiate du site par le public valoriser loffre commerciale, fluidifier le passage du gratuit au payant

dune page daccueil à lautre : la page actuelle une place trop importante donnée à la marque des intitulés peu compréhensibles pas de vision concrète de loffre

dune page daccueil à lautre : les solutions apportées optimiser lespace de la page faciliter lentrée dans le site clarifier les intitulés afficher loffre, pas la structure institutionnelle

un site conçu pour le public des libellés simples un moteur de recherche sur tout le site des accès thématiques transversaux une navigation clairement identifiée complémentarité des rubriques clairement exprimée un module de démonstration du fonctionnement du catalogue mise en valeur de la diversité de loffre

une offre commerciale valorisée présence du panier dans le bandeau haut de toutes les pages listes des meilleures ventes, à paraître, nouveautés dès la page daccueil présence systématique du bouton « ajouter au panier » à côté des ouvrages valorisés bandeau publicitaire en haut de page

un passage fluide du gratuit au payant des accès thématiques et des résultats de recherche qui affichent les deux aspects de loffre des contenus gratuits qui incitent à lachat créer le besoin en associant une sélection commentée à valeur ajoutée inciter à lachat en colonne droite, de façon contextuelle mettre en valeur les derniers numéros pour les revues afficher toutes les possibilités dachat (abonnement, liste des librairies, des kiosques…)

une nouvelle image pour un public plus large un graphisme moderne et dynamique un graphisme souple dans sa ligne pour une image douverture vers lextérieur des couleurs chaudes non associées à ladministration

Le concept daccessibilité comme fondement de lergonomie dun site

léquipe de ladministration des sites 3 personnes interviennent sur les 3 sites production des pages statiques création de modèles suivi de la fréquentation des sites suivi du bon fonctionnement des sites

contexte et contraintes une cinquantaine de contributeurs des contenus nombreux aux formes assez hétérogènes : environ pages (hors BDD) un outil de développement : Dreamweaver des évolutions technologiques à appréhender grâce à un effort de formation

une version de transition… la production de la majorité des pages demeure statique introduction de zones textuelles dynamiques (ex : nouveautés alimentées par le service Promotion) nous continuons à utiliser des tableaux ( ) pour poser et fixer les principaux blocs des pages le standard de développement est le HTML 4.01 Transitional

… qui prépare lavenir les gabarits développés sont typés à laide de commentaires et de DIV facilite le passage à la gestion de contenus utilisation avancée des feuilles de style (positionnement) toutes les pages du site font désormais référence au même standard HTML

quelques tableaux de mise en forme

des styles DIVers et CLASSes (1) non à la « classite » : éviter le recours systématique à lapplication dune classe dans le code découpage de la page en blocs fonctionnels en-tête navigation progression (= barre de progression) contextuel (= menu gauche récurrent) principal (= corps de page) complement (= ressources complémentaires)

des styles DIVers et CLASSes (2)

des styles DIVers et CLASSes (3) privilégier les styles contextuels pour nutiliser les classes que dans des cas ponctuels nommer les styles de manière fonctionnelle et non topographique

des styles DIVers et CLASSes (4) déplacer au maximum la mise en forme dans les feuilles de style externes optimiser la lisibilité mieux figer les gabarits dans leur forme et permettre ainsi aux contributeurs de se concentrer sur la production des textes meilleure exploitation dans Dreamweaver conserver aux classes leur fonction première de styler les contenus dans les circonstances non prédictibles

sous le signe de laccessibilité Accessiweb : grille de 92 critères établie « à partir des recommandations internationales WCAG 1.0 du W3C/WAI et sur la base de 300 évaluations de sites par BrailleNet depuis 1998 » choix du niveau Bronze dès le début du projet : 55 critères

les grands thèmes éléments graphiques cadres (frames) couleurs multimédia tableaux liens scripts éléments obligatoires (doctype, lang, title…) structuration de linformation présentation de linformation formulaires aide à la navigation contenus accessibles

quelques points délicats l'intitulé des liens fait-il moins de 80 caractères ? chaque intitulé de lien identique amène t-il vers la même destination ? y a-t-il une alternative équivalente au script qui déclenche l'ouverture de nouvelles fenêtres ? (pop- up) si un script nécessite une alternative pour être accessible, l'information donnée par cette alternative est-elle équivalente à l'information fournie par le script ? ( )

un contenu qui a du style…

… même sans aucun style …

…ou avec un autre style

calendrier du projet nov – jan : tests utilisateurs sept : conception de 12 gabarits nov : formation CSS + Accessibilité mars – mai 2005 : production de pages par une équipe de 3 personnes (dont 1 expert Accessiweb) juin 2005 : ouverture

perspectives sur nos sites diffuser les bonnes pratiques daccessibilité progressivement sur les trois sites 2005 : vie-publique.fr entièrement en CSS-P globalement conforme au niveau Bronze 2006 : service-public.fr conforme aux recommandations ADAE

merci de votre attention…