Les portes de l Essonne Réalisation du site Internet. Spécifications fonctionnelles



Documents pareils
Le front office (utilisateur client):

Soyez accessible. Manuel d utilisation du CMS

Publication dans le Back Office

LISTE DES FONCTIONNALITES - TINY v1.5 -

ASTER et ses modules

Website Express Créer un site professionnel avec Orange

GROUPE CAHORS EXTRANET

Administration du site (Back Office)

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

Les logiciels gratuits en ligne

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants

ENVOYER DES NEWSLETTER (POM0580) (/PORTAIL/SERVICES-AU-PUBLIC/1262- ENVOYER-DES-NEWSLETTER-POM0580)

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5

GUIDE D UTILISATION PORTAIL INTERNET

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x

Créer un sondage sous Magento

Créer et gérer des catégories sur votre site Magento

Tutoriel d utilisation du Back-Office du site de la ligue

Manuel d utilisation du site web de l ONRN

Manuel d utilisation de mon.vie-publique.fr

Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur

SERVICE CERTIFICATION DES ÉTABLISSEMENTS DE SANTÉ. Guide utilisateur Compte Qualité dans SARA

LIMESURVEY. LimeSurvey est une application permettant de créer des questionnaires d enquête en ligne et d en suivre le dépouillement.

CREG : versailles.fr/spip.php?article803

Guide d utilisation 2012

Manuel d utilisation de la plate-forme de gestion de parc UCOPIA. La mobilité à la hauteur des exigences professionnelles

SFEA. Ce document peut être imprimé au format livret. Guide utilisateurs du site "Se Former en Alsace"

Content Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube

SOMMAIRE. Comment se connecter?

Documentation RBS Change E-Commerce Core

Edition de sites Jahia 6.6

Manuel d utilisation du web mail Zimbra 7.1

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

Algoba Systems valoriser et partager leur patrimoine numérique Orphea Studio

PRISE EN MAIN RAPIDE

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais :

Cahier des charges site internet. Le 31/07/14

Utiliser le service de messagerie électronique de Google : gmail (1)

Drupal Contributeur. Maitrisez la publication sous Drupal. Une formation Formateur : Fabien Crépin. Drupal Contributeur.

pas à pas prise en main du service sur le web Le Cloud

TUTORIEL Pearltrees 26/02/2015

DU Endoscopie. Guide d utilisation. chirurgicale. Diplôme Universitaire d Endoscopie Chirurgicale

Manuel utilisateur du CMS Anan6

GESTION DE L'ORDINATEUR

Site web établissement sous Drupal

Manuel d utilisation du module GiftList Pro par Alize Web

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

Exposer ses photos sur Internet

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

SUGARCRM MODULE RAPPORTS

Access 2007 FF Access FR FR Base

GUIDE ÉDITORIAL SITES INTERNET. Auteur Version Motif de mise à jour A. Aubry 1.0 Création

SVP j ai besoin d aide!

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB"

Création d'un site neutre et présentation des éléments de la page d'accueil

Logiciel SuiviProspect Version Utilisateur

PLATEFORME DE GESTION DE CONGRÈS SCIENTIFIQUES. 12 mars 2015

Le réseau et les tables virtuelles Synapse

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:

DÉBUTER AVEC LES RÉSEAUX SOCIAUX

Formation. Module WEB 4.1. Support de cours

Cahier des charges - Refonte des sites internet (français & anglais) MINALOGIC 2014

Sommaire. 2. L accès aux modules. 1. Aspects techniques. 1.1 Le matériel requis 2

CAHIER DES CHARGES Refonte du site Internet & newsletter de la filière Normandie AeroEspace. Site Internet actuel :

SOMMAIRE... 1 ESPACE DU CLUB...

Baccalauréat professionnel GESTION ADMINISTRATION

Formation Administrateur de Données Localisées (Prodige V3.2) Recherche et consultation des métadonnées

FICHIERS ET DOSSIERS

Bureautique Initiation Excel-Powerpoint

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION

Service de dématérialisation du BOAMP

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Maîtrisez votre Navigateur

Guide d utilisation IPAB-ASSOCIATION v5.0 GUIDE D UTILISATION. à destination des associations et organismes sans but lucratif.

SCM Fournisseurs de services et délégués Matériel de formation à l intention des utilisateurs Nouveau-Brunswick, Canada

Fiche technique Mailpro

Manuel d utilisation de l outil collaboratif

La messagerie électronique

Table des matières ENVIRONNEMENT

Assistante plus. Pages gabarits :

Configuration du nouveau Bureau Virtuel (BV) collaboratif de Lyon I

Climat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte»

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5

Création de sites internet : Grille des prestations et tarifs

Guide d utilisation des services My Office

Guide de démarrage Tradedoubler. Manuel éditeur / affilié

Manuel d utilisation Mailchimp

Savoir utiliser les services de l ENT Outils personnels SOMMAIRE

hager Logiciel PC pour configurateur Radio Tebis TX 100 Manuel d utilisation 6T7266

Landesk Service Desk

+33 (0) Sarl ISB Altipolis2 av. Du Général Barbot Briancon - France

GUIDE D UTILISATION. Gestion de compte. à destination des entreprises (Employeurs et Organismes de Formation)

Le CMS Content Manager

Guide de prise en main de la solution NetExplorer

Guide utilisateur i-milo >> Décisionnel

Prise en main rapide utilisateur

Chapitre 2 Créer son site et ses pages avec Google Site

Transcription:

PE_specifications_fonctionnelles Version : 1 Les portes de l Essonne Réalisation du site Internet Spécifications fonctionnelles Version 1 Date de création 05/07/11 Nombre de pages 28 05/07/2011 1 Reproduction et utilisation interdite en dehors d un cadre contractuel

Fiche signalétique du document Titre du document Nom du projet Version 1 Date de modification 05/07/11 Nbre de pages (Hors Annexes) Nbre d annexes 2 Nbre de pièces jointes 2 IDENTIFICATION Spécifications fonctionnelles Réalisation du site Internet Les Portes de l Essonne 28 Nom fichier informatique COMMUNAUTÉ D AGGLOMÉRATION PORTES DE NOM FONCTION DATE VISA Rédigé par : DZON OKO FERE Assistant Chef de projet 05/07/11 Vérifié par : Anselme Clavier Chef de projet 05/07/11 DIFFUSION NOM SOCIETE FONCTION DATE Cyril BOITEL Les Portes de l Essonne Directeur de la 05/07/11 communication Laurent TOUCHET Les portes de l Essonne Webmaster 05/07/11 HISTORIQUE DES MODIFICATIONS DATE AUTEUR VERSION OBJET CHAPITRE 05/07/2011 DZON OKO FERE 1 Création du document Tous

Sommaire 1. Contexte... 4 1.1. Objectif du projet... 4 1.2. Contraintes techniques... 4 2. Architecture générale... 4 2.1. Langues... 4 2.2. Arborescence du site... 4 2.3. Groupes d utilisateurs... 5 3. Structure graphique des pages du site... 5 4. Description des fonctionnalités... 6 4.1. En tête... 6 4.2. Pied de page... 7 4.3. Gestion de la page d'accueil... 8 4.4. Page de transition ou de catégorie... 9 4.5. Page article... 13 4.6. Gestion des actualités... 15 4.6.1. Visibilité des actualités... 15 4.6.2. Page de liste des actualités... 15 4.7. Page liste des publications... 18 4.8. Page Agenda... 19 4.9. Formulaires... 21 4.10. Résultat de recherche : moteur de recherche avancée... 22 4.11. Page d'erreur 404... 24 4.12. Plan du site... 24 4.13. Page trombinoscope... 24 4.14. Page offre d emploi... 24 4.15. Newsletter... 24 4.16. Téléservices... 25 4.17. Annuaire... 25 5. Flux de données... 26 5.1. Flux RSS des dernières publications... 26 6. Administration : profils et droits... 27 6.1. Profils des utilisateurs... 27 6.1.1. Administrateur... 27 6.1.2. Contributeur... 27 6.2. Workflows... 27 7. Affichage et performances... 27 7.1. Compatibilité des navigateurs Front Office... 27 7.2. Compatibilité des navigateurs Back Office... 27 7.3. Résolution d'écran... 27 7.4. Accessibilité... 28

1. Contexte 1.1. Objectif du projet Le nouveau site internet devra être un «site plus qualitatif» en termes de navigation, d organisation, d interactivité et de services rendus aux usagers de la Communauté d agglomération Portes de l Essonne. Il devra ainsi - offrir une information utile, fiable, exhaustive et facilement accessible sur la Communauté et ses services publics - être une vitrine de l institution sur Internet et permettre à la Communauté d agglomération de renforcer sa notoriété. - faciliter l expression des internautes, usagers, habitants et partenaires et leur participation à la vie locale. Ce site sera avant tout ergonomique, informatif, convivial et l internaute devra trouver rapidement les informations qu il recherche. 1.2. Contraintes techniques Ce site Internet sera réalisé sous la plateforme de développement Ez Publish V4.5 ou la dernière version stable, qui est un outil de gestion de contenu dynamique Open Source. Le site devra respecter les normes Accessiweb niveau Bronze et RGAA, et être compatible, pour la partie front office, avec les navigateurs Internet Explorer 7 et 8, Firefox 3+, Safari 4+. Cette solution permettra à la COMMUNAUTÉ D AGGLOMÉRATION PORTES DE L ESSONE de gérer le contenu de son site de manière totalement autonome, sans nécessiter de connaissances en programmation informatique. 2. Architecture générale 2.1. Langues Le CMS proposé supporte le multilinguisme, mais le site proposera des contenus uniquement en langue Française. 2.2. Arborescence du site Voir document joint: arborescence-details.xlsx 4

2.3. Groupes d utilisateurs L accès à l interface d administration (back office) sera réservé aux administrateurs et contributeurs du site. La partie «6 Administration : profils et droits» reprendra en détail les droits attribués aux différents utilisateurs du site. 3. Structure graphique des pages du site D un point de vue global, les pages du site s articuleront toutes autour d une même structure, qui comporte les zones suivantes : - En-tête du site, également appelée «header». Elle regroupe : o Le logo du site o Barre de menu principal, pour un accès aux rubriques principales du site o Le moteur de recherche o Barre d outils : abonnement à la lettre d info, liens vers les réseaux sociaux - Menu de gauche. Elle contient la navigation de second niveau (varie selon l emplacement) - Zone de contenu. Elle contient les détails de la page demandée. - Colonne de droite. Elle contient plusieurs blocs optionnels : o Mise en avant des actualités o un bloc de contenu libre o un sondage Si les blocs situés dans la colonne de droite n ont pas de contenu, la zone de contenu est étendue. - Un accès permanent aux informations de contact - Pied de page. présentant quelques liens images fixes vers les sites périphériques de l agglomération et des rubriques transversales. - Il comportera une série de liens fixes textuels : o Fil RSS o Mentions légales o Nous contacter o Le lien vers la page «plan du site» et un aperçu du plan du site qui reprend toutes les rubriques de niveau 1 et 2 du menu principal. 5

4. Description des fonctionnalités 4.1. En tête Voici les fonctionnalités proposées en entête de page : 1. Logo du site, un clic sur celui ci redirige l'internaute vers la page d'accueil du site. 2. Menu principal proposant un accès direct à la liste des rubriques principales du site (rubriques de 1er niveau) : a. Nous connaitre b. Vivre et entreprendre c. Sortir et découvrir Ce menu permet de naviguer dans les pages internes. Il sera composé d'un menu déroulant affichant les rubriques de niveau 2 lors du survol de la souris. Les différents états du menu en fonction du niveau sélectionné seront déclinés dans la créa. 3. Moteur de recherche du site : Si l'internaute saisit un ou plusieurs mots clés et clique sur le bouton «OK» il est dirigé vers la page de résultats de recherche. 4. Une barre d outils avec les liens suivants : a. Abonnez-vous à la lettre d info : lien vers la page d abonnement / désabonnement à la lettre d information. b. Les boutons «A+» et «A-» permettent d agrandir et réduire le texte dans la zone de contenu (pas le menu de navigation). c. Bouton d'impression de la page : la page est affichée dans une nouvelle fenêtre dans un format adapté à l'impression. d. Bouton permettant de télécharger la page en format PDF. e. Bouton permettant de transférer l adresse de cette page à une tierce personne par email. Au clic sur ce bouton, une fenêtre pop up s ouvre et permet à l internaute de saisir : o son adresse email o son nom o le sujet o le contenu de son message o l adresse email de la personne o le nom de son ami Tous les champs sont obligatoires. En cas d erreur, le message suivant est affiché : «Veuillez remplir les champs dont la saisie est obligatoire.» Si tous les champs sont renseignés, le formulaire sera validé et le message de confirmation est affiché : «Votre message a bien été transmis». Un bouton ou un lien permet la fermeture de la fenêtre popup. Contenu de l email envoyé à l ami : Sujet : [nom de l internaute] vous a envoyé une information Contenu : Bonjour, [nom de l internaute] a souhaité vous faire part d une information. Vous pourrez la consulter à l adresse : [adresse de la page] COMMUNAUTÉ D AGGLOMÉRATION PORTES DE L ESSONE 6

5. Fil d Ariane : le chemin d accès à la page est affiché et cliquable 6. Liste des icônes présentant les outils de partage vers les réseaux sociaux : Facebook et Twitter (et potentiellement d autres à ajouter ultérieurement). 4.2. Pied de page Le pied de page présente les liens suivants : 1. Fil RSS : lien d abonnement au flux RSS des actualités publiées sur le site 2. Mentions légales et Crédits : pages de contenu de type Article ou Rubrique. 3. Plan du site : affichage du plan du site dynamique représentant les rubriques de niveau 1, niveau 2 et 3. 4. Nous contacter : pointe vers le formulaire de contact. Ces pages sont modifiables dans le Back Office. Il sera également possible d'ajouter d'autres pages de contenu simple dans le pied de page. 7

4.3. Gestion de la page d'accueil La page d accueil sera composée de différents blocs, paramétrables ou non par les administrateurs du site. Dans la partie centrale, trois zones principales de remontée des actualités : 1. Une zone «A la une» : une mise en avant des pages (articles, actualités, etc.) du site sous forme de slider permettant de faire tourner plusieurs contenus mis en une. Les informations défileront dans un sens «de la gauche vers la droite» avec un rythme de changement automatique toutes les 10 secondes ou manuel en cliquant sur les flèches. 2. Une zone «actualités culture & loisirs» : Remontée de trois actualités mises en avant pour cette catégorie. 3. Une zone «+ d actus» : Autres actualités remontées en page d accueil. Toutes ces actualités affichées en page d'accueil sont définies dans le BO (en éditant la page d'accueil et en sélectionnant les actualités à afficher en page d'accueil). Pour chaque item remonté, les informations affichées sont : - Le visuel - La date de début ou la période (optionnelle) - Le titre - Le descriptif Différents blocs dans la partie de droite : 1. Un bloc «Contact» : bloc de texte modifiable dans le BO. 2. Un bloc «Services & raccourcis» : Liste de liens ou accès directs vers les différentes pages du site. Le contenu de cette liste est administrable depuis le Back Office. 3. Un bloc «Agenda» : permettant de mettre en avant certains évènements sélectionnés dans le BO. Dans le BO, les informations à renseigner sont : a. La période b. Le titre cliquable et renvoie vers la page de l agenda concerné. c. Le descriptif 4. Un bloc optionnel «Diaporama» : au clic s ouvre un diaporama d'une ou plusieurs photos sur un fond foncé sur un affichage de type lightbox ou highslide permettant ainsi de passer d'une photo à l'autre tout en restant sur la même page. 8

4.4. Page de transition ou de catégorie Après sélection d une rubrique principale de niveau 1 ou catégorie, l internaute accède à cette page de transition qui présente une mise en avant des actualités et une liste des sous éléments (rubriques / articles) de la thématique. Ce gabarit pourra utiliser les autres rubriques N-1 à N-4 avec la possibilité d activer/désactiver la liste des sous éléments de la dite rubrique. Cette page présentera les fonctionnalités suivantes : 9

A gauche 1. Menu de gauche : le menu de navigation secondaire permet de naviguer dans les pages internes du niveau N à N-3. Les différents états du menu en fonction du niveau sélectionné sont présentés les créations graphiques. Les items du menu seront ordonnés par nom par défaut (l ordre pourra être modifié dans le back office). La profondeur de l arborescence des rubriques pourra atteindre au total jusqu à 4 niveaux. Au milieu 1. Bannière d illustration de la catégorie définie dans le BO. 2. Titre de la catégorie et description (optionnelle) modifiable dans le BO. 3. Navigation dans les pages intérieures de la catégorie : liste des pages ou rubriques intérieures. Dans le BO, il sera possible, de renseigner les informations suivantes : - Le visuel (optionnel) - Le titre cliquable et permet d accéder à la dite page - Le chapo - Le lien associé (pointant vers un contenu du site) 4. Les commentaires : ils pourront être postés par les anonymes (internaute ou utilisateur non connecté). Par défaut, les cinq derniers commentaires sont affichés. Un bouton «voir tous les commentaires» permet de lister tous les commentaires classés dans un ordre chronologique. Pour chaque commentaire, les informations suivantes sont affichées : Le nom/pseudo La date et l heure de publication Le commentaire saisi Pour déposer un commentaire, l internaute devra renseigner : - Son nom / pseudo - Son adresse mail - Son commentaire - Le captcha En cliquant sur le bouton «Valider», l internaute valide sa saisie. Si un des champs est manquant, un message d erreur est affiché avec le message suivant : «veuillez remplir les champs obligatoires» et le champ concerné est mis en avant. La publication définitive du commentaire est soumise à validation de l administrateur qui est notifié par mail après chaque dépôt. Cette fonction pourra activer/désactiver sur les différentes pages du site. A droite 1. Liste des actualités de la catégorie. Les actualités affichées sont affectées à un ou plusieurs fils d actualités définies dans le BO. Les actualités sont affichées dans un ordre chronologique. Les éléments affichés sont : a. La date de publication b. Le titre de l actualité permet d accéder au détail de l actualité. 10

c. Le résumé complet de l actualité d. Le nombre d actualités affichées n est pas limité, cependant il est conseillé ne pas en afficher plus de 5 ou 6. 2. D autres blocs optionnels peuvent être ajoutés : a. Sondage : Il sera possible de créer des sondages et de les publier sur des pages ou événements du site. Dans le BO, l administrateur pourra définir les attributs suivants : - Le titre du sondage - La description - La question du sondage avec les différentes options de réponse. Une seule question sera définie par sondage. En cliquant sur le bouton «Voter», l internaute valide sa réponse et les résultats s affichent sous cette forme : La page de résultats est également accessible via le lien «Voir les résultats» Un message d erreur avec le texte suivant : «veuillez sélectionner une réponse» pourra s afficher au dessus du bouton «Voter», si l internaute clique sur le bouton sans sélectionner une réponse. Un seul vote sera autorisé par internaute. 11

b. Bloc de saisie libre : Il sera possible de définir un bloc de saisie libre qui pourra être affiché dans la colonne de droite. Ce bloc contiendra un titre et un texte formaté avec l éditeur qui peut contenir des images notamment. c. Bloc présentant la liste des autres pages en relation avec la page consultée. Ces pages seront sélectionnées manuellement par relation d objet dans le BO. Le titre de chaque page est cliquable et renvoie vers le contenu de la page concerné. 12

4.5. Page article Les articles sont des pages contenus par un type d objet particulier «Article» dont les principales sont listées ci-dessous : A gauche Le fonctionnement du menu de gauche reste inchangé Au milieu 1. Titre de l article modifiable dans le BO. 13

2. Contenu de l article saisi avec l éditeur de texte : Cette zone permet d ajouter des vidéos, des images, des puces, des tableaux ou des liens permettant de télécharger des documents ou pointer vers une page interne ou un site externe. Il doit être également possible d ajouter du code HTML ou une carte google map via l utilisation d une balise personnalisée. A droite Tous les blocs proposés dans la colonne de droite. Si aucun bloc n est défini, le contenu s entend et occupe cet espace. 14

4.6. Gestion des actualités 4.6.1. Visibilité des actualités Les actualités sont visibles en front office si «Date de publication» est atteinte. Lorsque la date dé-publication est dépassé, cette actualité est déplacé dans le dossier «Archives» et après 3 mois, elle ne sera plus visible sur le site. 4.6.2. Page de liste des actualités Cette page affiche la liste des actualités du site classées dans un ordre chronologique avec la possibilité d épingler deux actualités en haut de liste. Jusqu'à 10 actualités sont affichées par page, un système de pagination est automatiquement affiché si les actualités dépassent ce nombre. A gauche 1. Deux liens fixes : Toutes les actualités : listant toutes les actualités en cours Archives : Liste des actualités dont la date de dé-publication est dépassée. Après sélection d un des liens, la page est rafraîchie pour afficher que les actualités. 15

2. Un accès à l agenda : le bloc liste les 5 prochains événements (non pas choisi par l utilisateur). Les événements de cette liste seront ordonnés par date croissante afin d afficher en premier les événements les plus proches. Au milieu Liste des actualités Pour chaque bloc d'une actualité, les attributs affichés sont les suivants : Logo de l'actualité, si elle n'est pas définie le texte est étendu sur cette zone. Titre de l'actualité cliquable permettant d'accéder au détail de l'actualité Date de publication Chapeau de l'actualité Un système de pagination affiché lorsque plus de 10 actualités sont visibles. Les boutons «page précédente» et «page suivante» sont affichés uniquement si nécessaire. Les pages disponibles sont également affichées (5 maximum) pour accéder directement à l'une d'entre elles. La page de détail d une actualité se présentera donc comme ci-dessous : 16

Zone de détail de l actualité dans la partie centrale : Titre de l actualité Texte de l'actualité : Cette zone permet d'ajouter des vidéos, des tableaux, des images ou des liens permettant de télécharger des documents ou pointer vers une page interne ou un site externe. 17

4.7. Page liste des publications Cette page va afficher la liste des revues ou publications du site classées selon l'ordre d'affichage défini en back office (date, nom, priorité,...). Cette page fonctionne comme la page «Liste d actualités», toutefois les éléments suivants sont affichés : Image de la revue Titre de la revue Date de parution (définie manuellement) Description Lien «Voir» qui pointe vers la revue, c est un lien externe qui pointe vers la revue électronique sous Calaméo par exemple (ouverture du lien dans une nouvelle page). Il sera également possible de faire pointer ce lien vers la revue PDF directement sur le site de la COMMUNAUTÉ D AGGLOMÉRATION PORTES DE L ESSONE. 18

4.8. Page Agenda Un agenda permettra de visualiser les événements proposés par la COMMUNAUTÉ D AGGLOMÉRATION PORTES DE L ESSONE. Cette page Agenda sera accessible en permanence à partir de l en-tête du site, via les liens rapides. La page Agenda est composée de quatre blocs : Un filtre par thèmes pour trier les événements et par commune Un calendrier, avec vue sur le mois en cours et possibilité de naviguer d un mois à l autre. Une colonne listant les événements du mois courant - avec pagination et la possibilité de naviguer d un mois à l autre mois via les boutons «Mois précédent» et «Mois suivant» Pour chaque bloc événement. Les attributs affichés sont : Illustration (optionnel) Catégorie ou thème de l évènement Nom de l évènement (avec un lien vers la page de l évènement) Sa date de début Sa date de fin (optionnelle) Son chapeau 19

La page de détail d un événement se présentera donc comme ci-dessous : Zone de détail de l'évènement : Titre de l'évènement Les dates de début et fin (optionnelle) Texte de l'évènement : Cette zone permet d'ajouter des vidéos, des images ou des liens permettant de télécharger des documents ou pointer vers une page interne ou un site externe. Il sera possible de s inscrire à certains événements en remplissant un formulaire d inscription (champs proposés à définir). Le lien vers ce formulaire sera visible si l événement est ouvert aux inscriptions ( option à définir dans le BO ). 20

4.9. Formulaires Il est possible de créer des formulaires dans n'importe quelle rubrique du site. Les formulaires suivront la même présentation : - Titre et descriptif du formulaire - Champs du formulaire Les formulaires pourront être créés à partir de champs pré-existants : Champ texte / ligne de texte Champ nombre Champ email Choix simples / choix multiples (liste déroulante, boutons radio, case à cocher) Il sera possible de préciser si un champ est obligatoire ou non et éventuellement proposer une réponse par défaut. Après validation du formulaire (clic sur «Envoyer») une page de confirmation (basée sur la même page) est affichée avec un message paramétrable (modifiable en back office). Un email de notification est envoyé à l'administrateur du formulaire (modifiable en back office) et un email de confirmation est envoyé à l'internaute qui a validé le formulaire. Message de confirmation internaute : Objet : Confirmation de votre demande Destinataire : @ mail de l'internaute qui a validé le formulaire De : @ mail de l'administrateur du site Message : Bonjour, Nous avons bien reçu votre demande. Elle sera traitée dans les plus brefs délais. Message de notification gestionnaire du formulaire Objet : Contact via le formulaire <NOM_DU_FORMULAIRE> Destinataire : @ mail de l'administrateur du site De : @ mail de l'administrateur du site Message : Bonjour, Vous avez reçu un message de la part de : <EMAIL_INTERNAUTE> Sujet : XXX Message : XXX <tous attributs du formulaire> Ce message est consultable à cette adresse : <LIEN_VERS_INFORMATIONS_COLLECTEES dans le BO> Les informations collectées seront exportables au format Excel. 21

4.10. Résultat de recherche : moteur de recherche avancée La page des résultats de recherche s affiche après la saisie et validation d un mot-clé dans la zone de recherche présente dans l entête du site. Le moteur de recherche utilisera l extension ez Find basé sur Solr avec la possibilité d auto complétion dans la zone de saisie de mots clés. Moteur de recherche avancée permettant de filtrer les résultats sur les critères suivants: - La rubrique : les rubriques principales du site (sélection multiple via les cases à cocher) - La thématique de recherche : une sélection multiple par des cases à cocher des types de contenus du site (actualité, article, etc.) 22

La recherche porte sur toutes les pages du site et les documents. Les résultats correspondants à la recherche seront triés par pertinence. Les informations affichées sont : - le titre de la page - le chapeau de la page s il est défini ou le contenu de la page coupée au bout de quatre lignes. (environ 400 caractères) - le lien «lire la suite» pointant vers la page correspondante. 23

4.11. Page d'erreur 404 Si pour une raison ou pour une autre une page n'est pas trouvée, la page d'erreur 404 est affichée avec le message «Page non trouvée» et un lien «Retour à l'accueil» permettant de retourner à la page d'accueil du site. 4.12. Plan du site Le plan du site sera généré dynamiquement à partir de l'arborescence mise en place. Un niveau de rubriques avec les sous rubriques regroupées par catégorie sera affiché sur le plan du site. Les titres des rubriques sont cliquables et permettent d'accéder à la page concernée. 4.13. Page trombinoscope A définir 4.14. Page offre d emploi A définir 4.15. Newsletter Une newsletter, lettre d information au format électronique sera mise en place afin de permettre à la communauté d agglo de communiquer sur son site et ses services. Elle sera envoyée à tous les utilisateurs ayant demandé à la recevoir. Le module de newsletter permettra de sélectionner des actualités du site à faire figurer dans le modèle de la newsletter, puis d envoyer celle-ci à tous ses abonnés. Modèle de la newsletter Le modèle de la newsletter proposera différents blocs : - Un bloc focus - Un bloc agenda - Une remontée des actualités par catégorie. Utilisation d Ez Newsletter L extension ez Newsletter sera installée afin de pouvoir gérer les listes de diffusion de la Newsletter et envoyer sa lettre d information. Il sera ainsi possible d avoir des listes d abonnés à la newsletter, et d envoyer la newsletter à partir du BackOffice. Il sera également possible d exporter la liste des abonnés afin de l utiliser sur une autre application par exemple. Cet export se fera dans un fichier structuré de type CSV et comportera toutes les adresses email des abonnés. S inscrire à la newsletter Les internautes pourront à tout moment, s ils le désirent, s inscrire à la newsletter, par le biais du lien «Abonnez vous à la lettre d info», figurant sur toutes les pages du site. En cliquant sur ce lien, ils arriveront sur un formulaire simple contenant uniquement un champ destiné à récolter leur adresse email. En remplissant et validant ce formulaire, ils seront inscrits à la newsletter. Un message de confirmation leur expliquera que leur inscription à la newsletter a bien été prise en compte. 24

Se désabonner de la newsletter De la même manière, tout utilisateur pourra demander à se désinscrire de la liste de diffusion de la newsletter. Pour cela, une page de désinscription existera sur le site, afin de permettre à chacun de ne plus recevoir la newsletter. D autre part, un lien qui mènera vers cette page sera également intégré directement à la newsletter, en bas de page, afin de permettre à tout abonné de se désinscrire de la newsletter. Visualiser l historique des newsletters L historique des newsletters sera également disponible sur le site dans la page du formulaire d inscription. Cela permettra aux internautes de visualiser les newsletters de leur choix directement sur le site. 4.16. Téléservices Attente d informations sur les formulaires. 4.17. Annuaire La section «Annuaire des contacts (services / équipements / personnes)» permettra de lister des contacts classés par catégories. Les internautes pourront effectuer des recherches au sein de cet annuaire, et retrouver ainsi les coordonnées des professionnels, des services implantés sur le territoire de la communauté d agglo avec si renseignée, une carte Google localisant chaque contact. Rechercher un contact La section «Annuaire des contacts» permettra aux internautes de trouver des professionnels de la communauté d agglo par le biais d un formulaire de recherche dédié à cette section. Le formulaire de recherche comportera un champ texte pour une saisie libre avec auto complétion ainsi qu une liste déroulante permettant de filtrer par domaine d activité par exemple. Il sera possible de trier les résultats de la recherche par pertinence (par défaut), par ville ou par nom d entreprise. Le clic sur chacun des items listés dans la zone de résultats renverra vers la fiche contact correspondante. Cette fiche résumera l ensemble des informations disponibles pour ce contact. Dans le cas où une recherche ne donnerait lieu à aucun résultat, le message suivant serait affiché sous le formulaire de recherche : «Aucune contact trouvé pour ces critères.» 25

5. Flux de données 5.1. Flux RSS des dernières publications La page du flux RSS sera standard et permettra de s abonner au flux via des outils externes existants (comme Google, Yahoo, ou Netvibes). La copie d écran suivante est un exemple de page de flux RSS : Flux RSS Un flux RSS sur les actualités et les évènements de l agenda sera mis en place initialement. Ces flux seront accessibles directement depuis le navigateur (voir exemple ci dessous avec Firefox) et le header/footer de la page. 26

6. Administration : profils et droits 6.1. Profils des utilisateurs 6.1.1. Administrateur Afin de gérer le site à la fois dans son contenu et d un coté technique, un profil d administrateur sera créé. Il aura tous les droits sur le site et validera la publication des différents contenus. 6.1.2. Contributeur Les contributeurs pourront : Ajouter / modifier /publier/dé-publier/ supprimer tous les types de contenus (articles, rubriques, évènements,...) 6.2. Workflows La mise en ligne des contenus des «Contributeurs» et le dépôt des commentaires par les internautes sont soumis à validation des «Administrateurs». 7. Affichage et performances 7.1. Compatibilité des navigateurs Front Office Navigateur Système d'exploitation Versions IE Windows 2000, XP, Vista IE7, IE8 Firefox Windows 2000, XP, Vista OS X Linux Safari OS X 4+ 3+ 7.2. Compatibilité des navigateurs Back Office Navigateur Système d'exploitation Versions IE XP, Vista IE8 Firefox XP, OS X.5+ 3.0+ Firefox XP, Vista, OS X.5+, Linux 3.5+ Safari OS X.5+ 4.0+ La version 4.4 d'ezpublish sera utilisée. 7.3. Résolution d'écran Le site est optimisé pour fonctionner dans une résolution de 1024*768 ou supérieur. Le design de la page est fixe, il ne varie pas en fonction de la taille de l'écran. 27

RGAA 7.4. Accessibilité 28