Mairie de Francheville Refonte du site Internet · délais de réalisation et des coûts supplémentaires en fonction de la charge de travail qu’ils impliquent. Tout nouveau développement

Mairie de Francheville Refonte du site Internet

Cahier des Spécifications

Fonctionnelles

Préparé pour : Amandine BURRET, Virginie LAJOIE, Vincent CHAGNEAU Par : Ariane Durand

Le : 24/07/2017 Version : 3

INTUITIV SECTEUR PUBLIC - Cahier des Spécifications Fonctionnelles Page |1

Table des matières

Table des matières 2

Historique du document 5

Définition du Cahier des Spécifications Fonctionnelles 5

Présentation Générale 6

Contexte et Objectifs 6

Prestation Intuitiv 6

Wordpress 7

Arborescence du site 7

Types de publications / Gabarits / Fonctionnalités / Taxonomies 7

Liste des Types de publications : 7

Liste des Gabarits : 7

Liste des Fonctionnalités : 7

Liste des Taxonomies : 8

Header 9

Header fixe 9

Menu 9

Footer 10

Accueil 11

Slider 12

Recherche 12

Info flash 13

Accès rapides 13

Evénements 14

Carte 14

Actualités 15

Publications 16

Newsletter 16

Projets 17

Sur les réseaux sociaux 18

Contenu-type 19

Actualités 20

Actualité (détail) 20

Actualités 21

Agenda 23


Événement (détail) 23

Agenda 24

Kiosque (publications) 26

Publication 26

Publications 26

Publications (liste) 28

Annuaires 29

Fiche Annuaire 29

Import des fiches annuaires existantes 29

Annuaire 29

Espace Associations 31

Travaux 34

Fiche Travaux 34

Travaux 34

Moteur de recherche 37

Éditeur de texte 39

Bibliothèque de médias 39

Galerie d’images 40

Formulaires 41

Sondage 42

Newsletter 42

Outil 42

Inscription à la newsletter 43

Création de newsletters 43

Gestion de listes de diffusion 43

Envoi des newsletters 43

Reporting 43

Blocs statiques 43

Flux RSS 43

Fil d’Ariane 44

Retour en haut de page 44

Partage sur les réseaux sociaux 44

Partage par email 44

Impression/Téléchargement en PDF 44


Accessibilité 45

Plan du site 45

Multi-sites & Générateur de mini-sites 45

Weezevent 46

Export XML des données 46

Référencement 46

Sitemap.xml & Robots.txt 46

Balises title, description 46

Génération des URLs 46

Redirections 301 46

Analyse d’audience 47

Cookies 47

Erreur 404 47

Utilisateurs, Rôles & Droits 47

Workflow 48

Responsive Design 48

Résolution d’écran 48

Compatibilité navigateurs 48

Hébergement 49

Nom de domaine 49

Protocole HTTPS 49

Déclaration CNIL 49

Formation 49

Contenus 49


Historique du document

Version Nature des changements Rédacteur Date

1 Ariane Durand 07/07/2017

2 Modifications suite au mail de Virginie Lajoie du 13/07/2017

Ariane Durand 19/07/2017

3 Modifications suite au mail de Virginie Lajoie du 21/07/2017

Ariane Durand 24/07/2017

Définition du Cahier des Spécifications Fonctionnelles Le cahier des spécifications fonctionnelles est un outil de travail qui sert de base à l'élaboration du site. Il concerne l’organisation des contenus, le mode de navigation à l’intérieur du site et les fonctionnalités. Le travail de production est réalisé en conformité avec le cahier des spécifications fonctionnelles et commence une fois ce document complété et validé. La validation du cahier des spécifications fonctionnelles fait l’objet d’un procès verbal de recette qui doit être signé par la Mairie de Francheville et Intuitiv.

Les modifications survenant après la signature du procès verbal de recette peuvent entraîner des délais de réalisation et des coûts supplémentaires en fonction de la charge de travail qu’ils impliquent. Tout nouveau développement non prévu initialement fait également l’objet d’un devis.


Présentation Générale

Contexte et Objectifs La ville de Francheville est une commune de la Métropole de Lyon de 14 497 habitants. Elle est constituée de 3 quartiers délimités par deux cours d’eaux affluents du Rhône. Cette spécificité topographique induit l’absence d’un seul centre-ville et des quartiers avec une identité propre y compris dans le service à la population. Labellisé deux fleurs au concours national des Villes et Villages Fleuris, la commune possède 52 % de son patrimoine naturel classé. Une forte activité culturelle et associative rythme la vie de la commune. Francheville peut compter sur une vie locale animée avec ses 170 associations sans oublier des événements culturels récurrents : Les Estivales (juillet), Fort Halloween (octobre), Fort en Nature (novembre). La version actuelle du site internet a été réalisée en 2010 et ne répond plus aux exigences de la Ville en termes de communication et d’image. Le nouveau site devra répondre aux objectifs suivants :

● Moderniser et dynamiser l’image de la ville ; ● Faciliter l’accès à l’information aux usagers ; ● Promouvoir le territoire ; ● Augmenter le sentiment de proximité ; ● Valoriser les projets, les événements & la vie locale ; ● Renforcer la démocratie locale ; ● Simplifier la gestion du contenu pour les services de la mairie ; ● Soutenir la communication des acteurs associatifs et économiques.

Il s’adressera à différentes cibles :

● Citoyens ; ● Commerçants ; ● Acteurs de la vie locale et associative ; ● Entrepreneurs.

Prestation Intuitiv INTUITIV réalisera :

● Conseil et pilotage du projet ; ● Conception ergonomique & graphique ; ● Installation, paramétrage, développement & intégration ; ● Formation et transfert de compétences ; ● Intégration des contenus ; ● Tests et recettage ; ● Référencement ; ● Mesure d’audience ; ● Garantie, assistance et maintenance.


Wordpress Le site internet sera conçu sur le socle du CMS Wordpress. Un certain nombre d’extensions ont été proposées dans le mémoire technique pour couvrir tous les besoins fonctionnels. Certaines de ces extensions pourront être remplacées par d’autres si elles s’avèrent plus adaptées.

Arborescence du site L’arborescence du site est consultable à l’adresse suivante : [A compléter]

Types de publications / Gabarits / Fonctionnalités / Taxonomies

Liste des Types de publications : ● Contenu-type ; ● Actualité ; ● Événement ; ● Publication ; ● Fiche Annuaire ; ● Fiche Travaux.

La structure des types de publications est consultable à l’adresse suivante : https://docs.google.com/spreadsheets/d/1VkMDj2Aql5seLkOOuUTeXML4zw3gxyCnuqitlPx6Msw/edit?usp=sharing

Liste des Gabarits : ● Page d’accueil ; ● Contenu-type ; ● Actualité (détail) ; ● Actualités ; ● Événement (détail) ; ● Agenda ; ● Annuaire ; ● Publications ; ● Publications (liste) ; ● Travaux ; ● Recherche ; ● Formulaire ; ● Newsletter.

Liste des Fonctionnalités : ● Accueil ; ● Actualités ; ● Agenda ;


https://docs.google.com/spreadsheets/d/1VkMDj2Aql5seLkOOuUTeXML4zw3gxyCnuqitlPx6Msw/edit?usp=sharing


● Annuaires ; ● Kiosque (publications Calaméo) ; ● Info flash ; ● Accès rapides ; ● Social wall ; ● Moteur de recherche ; ● Éditeur de texte ; ● Bibliothèque de médias ; ● Galerie d’images ; ● Formulaires ; ● Sondage ; ● Newsletter ; ● Blocs statiques ; ● Flux RSS ; ● Fil d’Ariane ; ● Retour en haut de page ; ● Partage sur les réseaux sociaux ; ● Partage par email ; ● Impression / Téléchargement en PDF ; ● Accessibilité ; ● Plan du site ; ● Cookies ; ● Générateur de mini-sites ; ● Weezevent ; ● Export XML des données ; ● Référencement ; ● Analyse d’audience ; ● Erreur 404 ; ● Utilisateurs, Rôles & Droits ; ● Workflow.

Liste des Taxonomies : ● Thématique d’une actualité ; ● Type d’un événement ; ● Thématique d’un événement ; ● Catégorie d’un annuaire ; ● Thématique d’un annuaire ; ● Catégorie d’une publication.

La liste des taxonomies et les termes associés sont disponibles à l’adresse suivante : https://docs.google.com/spreadsheets/d/1dftmm9oORQY7AMZpgzONRyjBUizbUlAO83eZoJirlls/edit?usp=sharing


https://docs.google.com/spreadsheets/d/1dftmm9oORQY7AMZpgzONRyjBUizbUlAO83eZoJirlls/edit?usp=sharing

https://docs.google.com/spreadsheets/d/1dftmm9oORQY7AMZpgzONRyjBUizbUlAO83eZoJirlls/edit?usp=sharing

Header

Le header est présent sur toutes les pages du site et est composé de :

● icône “burger” : au clic sur le “burger”, l’utilisateur ouvre le menu du site ; ● icône “Recherche” : au clic sur cet icône, l’utilisateur ouvre le champ de recherche et peut

effectuer une recherche par mot-clé. Cet icône n’est pas affiché sur la page d’accueil, mais uniquement sur les pages intérieures ;

● logo “Francheville” : au clic sur le logo, l’utilisateur accède à la page d’accueil du site.

Header fixe Lorsque l’utilisateur scrolle sur dans une page, le header se fixe en haut de l’écran et suit le scroll.

Menu

Au clic sur l’icône “burger” l’utilisateur ouvre le menu du site. S’affiche alors les liens de niveau 1 de l’arborescence. Au clic d’un lien de niveau 1, s’affichent les liens de niveau 2 correspondants. Au clic d’un lien de niveau 2, s’affichent les liens de niveau 3 correspondants. Etc. Tous les liens peuvent :

● être cliquables ou non ; ● amener vers une page intérieure du site ; ● amener vers une page extérieure au site.

Le webmaster peut administrer le menu depuis le backoffice du site.


Footer

Le footer est présent sur toutes les pages du site et est composé de :

● logo “Francheville” : au clic sur le logo, l’utilisateur accède à la page d’accueil du site ; ● icônes réseaux sociaux : au clic sur l’un des icônes, l’utilisateur accède au compte social de la

Mairie de Francheville correspondant (Facebook, Twitter - Url des comptes à fournir par Francheville). Au clic sur l’icône RSS, l’utilisateur accède à la page répertoriant les flux RSS du site auxquels il peut s’abonner ;

● coordonnées de la Mairie : nom, adresse postale, téléphone, fax, lien vers le formulaire de contact ;

● 2 colonnes de liens internes ou externes avec pour chacune un titre. Le webmaster peut administrer les éléments du footer depuis le backoffice du site.


Accueil Gabarit : Accueil


Slider

Le slider est composé de remontées d’actualités ou d’événements avec pour chacun :

● Image ; ● Thématique ; ● Titre ; ● Début du résumé (X premiers mots) ; ● Date de publication pour une actualité / Date de début et date de fin pour un événement ; ● Lien vers la page détaillée de l’actualité ou de l’événement.

Les slides défilent tout seuls, mais l’utilisateur peut également utiliser les flèches gauche et droite pour naviguer entre les slides. L’utilisateur peut cliquer sur l’image ou le titre pour accéder à la page détaillée de l’actualité ou de l’événement. Le nombre de slides n’est pas limité et le webmaster peut les administrer depuis le backoffice du site : sélection des actualités ou événements à faire remonter, ordre d’affichage dans le slider.

Recherche

L’utilisateur peut effectuer une recherche par mot-clés depuis la page d’accueil du site. Au clic sur le bouton “Loupe”, il est redirigé vers la page de résultats de recherche.


L’utilisateur peut également accéder directement aux contenu-types les plus consultés grâce au nuage de tags présents en dessous du champ de recherche. Le webmaster peut créer autant de tags qu’il le souhaite depuis le backoffice du site et choisir ceux qu’il veut afficher sur la page d’accueil. Chaque tag est composé d’un (ou plusieurs) mots et d’un lien vers une page du site.

Info flash

Le webmaster peut créer une info flash à publier sur la page d’accueil du site depuis le backoffice du site. Une info flash est composés des éléments suivants :

● Titre (texte monoligne) ; ● Contenu (texte multiligne) ; ● Lien “En savoir plus” (interne ou externe) ; ● Type de message : conditionne la couleur du fond : information (bleu) ou alerte (rouge).

Le webmaster peut programmer la publication de l’info flash sur le site : date de publication / date de dépublication.

Accès rapides

Le webmaster peut créer des accès rapides à des pages du site (ou d’un autre site) depuis le backoffice et en publier 6 sur la page d’accueil du site. Un accès direct est composé de :

● Icônes ; ● Titre ; ● Lien (interne ou externe).

Un lien “Voir tous les services de la commune” permet à l’utilisateur d’accéder à une page de liens vers d’autres pages (cf. gabarit “Contenu-type”).


Evénements

Le webmaster peut choisir de faire remonter des événements en page d’accueil depuis le backoffice du site. Le nombre n’est pas limité et il peut choisir dans quel ordre il les affiche. Pour chaque événement s’affiche :

● Image ; ● Date de début et date de fin ; ● Titre ; ● Début du résumé (X premiers mots).

L’utilisateur peut accéder à la page détaillée de l’événement en cliquant sur l’image ou le titre de l’événement. Par défaut, 4 événements s’affichent. L’utilisateur peut accéder à d’autres événements en utilisant les flèches droite et gauche. Il peut également accéder à l’ensemble des événements en cliquant sur le lien “Voir tous les événements” (lien vers la page “Agenda”).

Carte

Cette zone est composée des éléments suivants :

● Image (carte) ;


● Titre du bloc (texte monoligne) ; ● Contenu (texte multiligne) ; ● Lien (interne ou externe).

Le webmaster peut administrer le titre du bloc, son contenu et son lien (intitulé + url) depuis le backoffice du site. L’image n’est pas administrable.

Actualités

Le webmaster peut choisir de faire remonter 4 actualités en page d’accueil depuis le backoffice du site. Il peut choisir dans quel ordre elles s’affichent. Les deux premières actualités sont composées de :

● Image ; ● Thématique ; ● Titre ; ● Date de publication.

L’utilisateur peut accéder à la page détaillée de l’actualité en cliquant sur l’image ou le titre de l’événement. Les deux autres actualités sont composée de :

● Thématique ; ● Titre ; ● Date de publication ; ● Lien vers la page détaillée de l’actualité.

L’utilisateur peut accéder à la page détaillée de l’actualité en cliquant sur le titre de l’événement.


L’utilisateur peut accéder à l’ensemble des actualités en cliquant sur le lien “Voir toutes les actualités” (lien vers la page “Actualités”).

Publications

Le webmaster peut choisir de faire remonter des publications en page d’accueil depuis le backoffice du site. Le nombre n’est pas limité et il peut choisir dans quel ordre il les affiche. Pour chaque publication s’affiche son image. L’utilisateur peut cliquer sur l’image pour lire la publication en plein écran (lien vers Calaméo). L’utilisateur peut accéder à d’autres publications en utilisant les flèches droite et gauche. Il peut également accéder à l’ensemble des publications en cliquant sur le lien “Voir toutes les publications” (lien vers la page “Publications (liste)”).

Newsletter

L’utilisateur peut s’inscrire à la newsletter de Francheville en cliquant sur le bouton “S’abonner”. Il est alors redirigé vers un formulaire où il doit renseigner les champs suivants :

● Prénom ;


● Nom ; ● Email.

Le webmaster peut choisir d’afficher ou de masquer ce bloc depuis le backoffice du site.

Projets

La zone projet est composée de :

● Titre : Les grands projets ; ● Contenu (texte multiligne) ; ● Projets.

Le webmaster peut choisir de faire remonter des projets depuis le backoffice du site. Le nombre de projets n’est pas limité et il peut choisir dans quel ordre ils s’affichent. Un projet est une publication de type “Contenu-type”. Pour chaque projet s’affiche :

● Image ; ● Titre ; ● Début du résumé (X premiers mots).

L’utilisateur peut accéder à la page détaillée du contenu-type en cliquant sur l’image ou le titre du contenu. Il peut accéder à d’autres projets en utilisant les flèches droite et gauche. Il peut également accéder à l’ensemble des projets en cliquant sur le lien “Voir tous les projets” (lien vers un contenu-type listant tous les projets).


Sur les réseaux sociaux

La zone “Sur les réseaux sociaux” est composée des deux derniers tweets et des deux derniers posts Facebook de la Ville. L’utilisateur peut également accéder aux pages Twitter et Facebook de la Ville en cliquant sur les icônes en haut à droite.


Contenu-type Gabarit : Contenu-type Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71819291/comment/sitemap Type de publication : Contenu-type Un Contenu-type est un type de publication dont la structure est détaillée dans le document Francheville - Types de publication disponible à l’adresse suivante : https://docs.google.com/spreadsheets/d/1VkMDj2Aql5seLkOOuUTeXML4zw3gxyCnuqitlPx6Msw/edit?usp=sharing


https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71819291/comment/sitemap




Actualités

Actualité (détail) Gabarit : Actualité (détail) Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71862445/comment/sitemap Type de publication : Actualité Une Actualité est un type de contenu dont la structure est détaillée dans le document Francheville - Types de publication disponible à l’adresse suivante : https://docs.google.com/spreadsheets/d/1VkMDj2Aql5seLkOOuUTeXML4zw3gxyCnuqitlPx6Msw/edit?usp=sharing






Actualités Gabarit : Actualités Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71819311/comment/sitemap




La page Actualités (liste) présente l’ensemble des actualités publiées sur le site de la plus récente à la plus ancienne en se basant sur la date de publication. Elle est composée de :

● Image d’en-tête ; ● Titre : Actualités ; ● Filtres ; ● Liste des actualités.

L’utilisateur peut filtrer la liste des actualités par mot-clés, thématique, ou date (entre le … et le …). Pour chaque actualité s’affichent les éléments suivants :

● Image ; ● Thématique ; ● Titre ; ● Date de publication.

L’utilisateur peut accéder au contenu détaillé d’une actualité en cliquant sur l’image ou le titre. 12 actualités s’affichent par page. L’utilisateur peut accéder aux actualités plus anciennes en utilisant la pagination en bas de page.


Agenda

Événement (détail) Gabarit : Événement (détail) Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71862979/comment/sitemap Type de publication : Événement Un Événement est un type de contenu dont la structure est détaillée dans le document Francheville - Types de publication disponible à l’adresse suivante : https://docs.google.com/spreadsheets/d/1VkMDj2Aql5seLkOOuUTeXML4zw3gxyCnuqitlPx6Msw/edit?usp=sharing

Le microformat hCalendar sera mis en place sur les événements.






Agenda Gabarit : Agenda V2 Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71862564/comment/sitemap




La page Agenda présente l’ensemble des événements publiés sur le site du plus proche au plus lointain en se basant sur la date de début de l’événement. Elle est composée de :

● Image d’en-tête ; ● Titre : Agenda ; ● Événements à ne pas manquer ; ● Filtres ; ● Liste des événements.

Le webmaster peut choisir 3 événements à afficher dans la zone “À ne pas manquer”. Il peut également choisir dans quel ordre ils s’affichent. L’utilisateur peut filtrer la liste des événements par période (Aujourd’hui, Cette semaine, Ce mois-ci, Cette année, Tout), mot-clés, thématique, ou date (du … au …). Pour chaque événement s’affichent les éléments suivants :

● Image ; ● Thématique ; ● Titre ; ● Date de début et date de fin.

L’utilisateur peut accéder au contenu détaillé de l’événement en cliquant sur l’image ou le titre. 12 événements s’affichent par page. L’utilisateur peut accéder aux événements plus lointains en utilisant la pagination en bas de page. Les événements dont la date de fin est dépassée s’affichent en fin de liste et on peut les retrouver en filtrant par date.


Kiosque (publications)

Publication Type de publication : Publication Une Publication est un type de contenu dont la structure est détaillée dans le document Francheville - Types de publication disponible à l’adresse suivante : https://docs.google.com/spreadsheets/d/1VkMDj2Aql5seLkOOuUTeXML4zw3gxyCnuqitlPx6Msw/edit?usp=sharing

Publications Gabarit : Publications Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/72021428/comment/sitemap






La page Publications présente l’ensemble des catégories de publications existantes sur le site. Elle est composée de :

● Image d’en-tête ; ● Titre : Publications ; ● Liste des catégories de publications.

Le webmaster peut créer autant Pour chaque catégorie s’affichent :

● Image ; ● Titre.

L’utilisateur peut créer autant de catégories de publications qu’il le souhaite depuis le backoffice du site et choisir dans quel ordre elle s’affiche. L’utilisateur peut accéder à la liste des publications d’une catégorie en cliquant sur l’image ou le titre.


Publications (liste) Gabarit : Publications Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/72021428/comment/sitemap




La page Publications (liste) présente l’ensemble des publications Calaméo publiées sur le site de la plus récente à la plus ancienne en se basant sur la date de publication. Elle est composée de :

● Image d’en-tête ; ● Titre : Agenda ; ● Filtres ; ● Liste des publications.

L’utilisateur peut filtrer la liste des publications par catégorie. Pour chaque publication s’affichent les éléments suivants :

● Image ; ● Titre ; ● Description ; ● Bouton “Feuilleter la publication”.

L’utilisateur peut afficher la publication en plein écran en cliquant sur l’image ou le titre (lien vers Calaméo). 10 publications s’affichent par page. L’utilisateur peut accéder aux publications plus anciennes en utilisant la pagination en bas de page.

Annuaires

Fiche Annuaire Type de publication : Fiche annuaire Une Fiche annuaire est un type de contenu dont la structure est détaillée dans le document Francheville - Types de publication disponible à l’adresse suivante : https://docs.google.com/spreadsheets/d/1VkMDj2Aql5seLkOOuUTeXML4zw3gxyCnuqitlPx6Msw/edit?usp=sharing Les microformats hCard et Geo seront mis en place sur les fiches annuaires.

Import des fiches annuaires existantes Intuitiv importera les fiches annuaires existantes sur le site actuel. Les exports seront fournis au format .csv. Voir exemple : https://drive.google.com/file/d/0B94Mmifv3MhxcWI3ZUoxUGNaMnc/view?usp=sharing

Annuaire Gabarit : Annuaire Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71863068/simulate/sitemap



https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71863068/simulate/sitemap


https://drive.google.com/file/d/0B94Mmifv3MhxcWI3ZUoxUGNaMnc/view?usp=sharing



Plusieurs annuaires seront créés sur le site :

● Annuaire des associations ; ● Annuaires des commerçants ; ● Annuaires des professionnels de santé (à confirmer).

Les pages Annuaire présentent l’ensemble des fiches annuaires publiées par ordre alphabétique en se basant sur le titre. Elles sont composées de :

● Image d’en-tête ; ● Titre : Ex. Annuaire des associations ; ● Filtres ; ● Liste des fiches annuaires.

L’utilisateur peut filtrer la liste des fiches annuaires par mot-clé ou par thématique. Pour chaque fiche annuaire s’affichent les éléments suivants :

● Image ; ● Titre ; ● Adresse ; ● Email ; ● Site web ; ● Présentation courte ; ● Boutons “+”.

L’utilisateur peut voir la présentation complète de la fiche annuaire en cliquant sur le bouton “+”. La présentation longue s’affiche alors en dessous de la présentation courte et le bouton “+” est remplacé par un bouton “-” qui permet à l’utilisateur de masquer la présentation longue. 10 fiches annuaires s’affichent par page. L’utilisateur peut accéder aux autres fiches annuaires en utilisant la pagination en bas de page.

Espace Associations Gabarits : Espace Association - Connexion, Espace Association - Création de compte, Espace Association - Connexion, Espace Association. Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/72558887/simulate/sitemap https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/72559661/simulate/sitemap https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/72562561/simulate/sitemap









Un rôle “Association” sera créé sur le site. Un utilisateur disposant de ce rôle pourra se connecter (identifiant/mot de passe) à un espace privé où il retrouvera les éléments suivants :

● Fiches annuaires créées + statut de révision/publication (Brouillon / En révision / Publié / Non publié)

● Événements créés + statut de révision/publication (Brouillon / En révision / Publié / Non publié)

Il pourra également :

● Créer un événement (de type “Association”) ; ● Modifier un événement (de type “Association”) ; ● Créer une nouvelle fiche dans l’annuaire ; ● Modifier sa/ses fiche(s) annuaires.

Chaque publication est soumise au workflow de validation.


L’utilisateur-association crée une publication et demande une révision. Il n’a pas les droits de publication. Le webmaster vérifie la publication, peut la renvoyer à l’utilisateur-association si elle nécessite des modifications, peut la modifier lui-même ou peut la publier sur le site. Cf. § Workflow. L’utilisateur qui n’a pas de compte peut en demander la création. Le webmaster peut alors lui créer un compte. L’utilisateur reçoit ses identifiants de connexion par email. L’utilisateur-association peut modifier son mot de passe depuis son compte ou demander la réinitialisation de son mot de passe s’il l’a oublié. Le webmaster peut donner des droits d’accès à un utilisateur-association à une fiche annuaire en particulier (ex. les fiches annuaires importées).

Travaux

Fiche Travaux Type de publication : Fiche Travaux Une Fiche travaux est un type de contenu dont la structure est détaillée dans le document Francheville - Types de publication disponible à l’adresse suivante : https://docs.google.com/spreadsheets/d/1VkMDj2Aql5seLkOOuUTeXML4zw3gxyCnuqitlPx6Msw/edit?usp=sharing

Travaux Gabarit : Travaux Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71864647/simulate/sitemap






La page Travaux présente l’ensemble des fiches travaux publiées sur le site en basant sur la date de publication. Elle est composée de :

● Image d’en-tête ; ● Titre : Travaux ; ● Liste des fiches travaux.


Pour chaque fiche travaux s’affichent les éléments suivants :

● Titre ; ● Dates & horaires ; ● Lieu ; ● Type(s) de perturbation ; ● Travaux prévus ; ● Boutons “+”.

L’utilisateur peut voir la présentation complète de la fiche travaux en cliquant sur le bouton “+”. La présentation longue s’affiche alors en dessous et le bouton “+” est remplacé par un bouton “-” qui permet à l’utilisateur de masquer la présentation longue.


Moteur de recherche

Gabarit : Recherche Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71864998/simulate/sitemap L’utilisateur peut effectuer une recherche par mot-clé sur l’ensemble des contenus du site grâce au moteur de recherche présent sur toutes les pages du site dans le header. Il est aidé par des suggestions qui s’affichent en cour de saisie. Les résultats de recherche sont présentés de la manière suivante : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71864998/simulate/sitemap







La page de résultats de recherche est composée de :

● Nombre de résultats trouvés ; ● Filtres ; ● Champ pour effectuer une nouvelle recherche ; ● Liste des résultats.

L’utilisateur peut affiner sa recherche grâce à un système de filtres par type de publication, par thématique (taxonomies) et par date (contenus publiés entre le JJ/MM/AAAA et le JJ/MM/AAAA). Les résultats sont triés par pertinence (le plus pertinent en premier). 10 résultats s’affichent par défaut, avec pour chacun :

● Titre de la publication ; ● Début du résumé.

L’utilisateur peut accéder au détail d’une publication en cliquant sur son titre. Il peut accéder à la suite des résultats en utilisant la pagination en bas de page. Si aucun résultat ne correspond aux mots-clés saisis par l’utilisateur, le message suivant s’affiche : Aucun résultat ne correspond à votre recherche. Ainsi que 2 liens : Revenir à l’accueil du site (lien vers la page d’accueil) / Accéder au plan du site (lien vers la page “Plan du site”).

Éditeur de texte Le webmaster dispose d’un éditeur de texte avec différents outils lui permettant de mettre en forme le contenu (dans le respect de la charte graphique définie pour le site), mais aussi d’insérer :

● une image (depuis un ordinateur ou depuis la bibliothèque Wordpress) ; Note : lors de l’insertion d’une image au sein d’un contenu, le webmaster a la possibilité de la redimensionner ou de la recadrer.

● une vidéo (depuis un ordinateur, depuis la bibliothèque Wordpress ou depuis Youtube ou Allociné) ;

● un lien vers une page du site, une url externe, ou un document ; ● un tableau ; ● un Shortcode (pour intégrer un formulaire, un sondage, une publication, ou une galerie

d’images, par exemple). L’extension TinyMCE Advanced sera mise en place sur le site.

Bibliothèque de médias Le webmaster peut gérer simplement les médias (documents, images, vidéos...) utilisés pour alimenter les pages du site. Il peut :

● Importer des fichiers depuis un ordinateur (documents, images, vidéos) ; ● Visualiser de manière claire la liste des fichiers ; ● Rechercher facilement un fichier en particulier ; ● Mettre à jour un fichier utilisé sur plusieurs pages ;


● Supprimer un fichier.

Galerie d’images Le webmaster peut créer des galeries d’images depuis le backoffice du site. Une galerie est composée des éléments suivants :

● Titre ; ● Images (depuis un ordinateur ou depuis la bibliothèque Wordpress).

Les galeries d’images peuvent être intégrer au sein des contenus sous forme de diaporama (cf. Zoning “Contenu-type” via un Shortcode : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71819291/simulate/sitemap




Formulaires Gabarit : Formulaire Zoning : https://preview.uxpin.com/421eb18b36335e2d81385ccf7c557c897e275566#/pages/71865592/simulate/sitemap

Le webmaster peut éditer (création/modification/suppression) et publier autant de formulaires que nécessaire. Il peut paramétrer le nombre et le format des champs de saisie (texte, cases à cocher, boutons radio, liste déroulante, date, etc.), ajouter des fonctions (attachement de fichiers, captcha, etc.) et des messages aux utilisateurs (aide contextuelle, contrôle et validation, signalement d’erreur, etc). Il peut également créer des champs conditionnels et des groupes de champs. Google reCAPTCHA sera mis en place sur le site afin de sécuriser les formulaires. Chaque formulaire contient le ou les destinataire(s) chargé(s) de traiter les demandes.




A chaque dépôt de demande, un accusé de réception automatique est envoyé par email au demandeur. Le ou les destinataires reçoivent également une notification par email. Le webmaster peut consulter les demandes reçues depuis le backoffice. Il peut également les exporter dans différents formats, dont CSV qui permet d’être lu dans Excel. Le webmaster peut également intégrer un formulaire au sein d’une page de contenu, via un Shortcode. L’extension Formidable Forms sera mise en place sur le site.

Sondage Le webmaster peut créer des sondages. Un sondage est composé des éléments suivants :

● Question ; ● Réponses ; ● Date de début ; ● Date de fin.

Le webmaster peut autoriser l’utilisateur à cocher plusieurs réponses ou non. Les sondages peuvent être affichés dans la colonne de droite des contenu-types et sur la page d’accueil. [Affichage à étudier] Le webmaster peut consulter les résultats de chaque sondage depuis le backoffice et les exporter pour être lus dans Excel. L’extension WP Polls sera mise en place sur le site.

Newsletter Gabarit : Newsletter [À faire] Zoning : [À faire] Type de contenu : Newsletter

Outil La solution Sendinblue a été retenue par Francheville pour gérer la newsletter. L’extension Sendinblue sera mise en place sur le site : https://help.sendinblue.com/hc/fr/articles/208849249-Installer-le-plugin-WordPress Francheville fournira les accès à son compte Sendinblue à Intuitiv.


https://help.sendinblue.com/hc/fr/articles/208849249-Installer-le-plugin-WordPress

Inscription à la newsletter L’utilisateur peut s’inscrire pour recevoir la newsletter Francheville grâce à un formulaire prévu à cet effet, avec les champs suivants : Prénom, Nom, Email, Captcha. Une fois le formulaire validé, il reçoit un mail de confirmation.

Création de newsletters Le webmaster peut créer des campagnes depuis le backoffice du site. Il peut choisir un template, éditer le contenu de la campagne (ajouter du texte, des images, des liens…), avoir un aperçu de la campagne avant envoi. Intuitiv réalisera et mettra en place un template de newsletter dont le contenu reste encore à définir, mais qui devra permettre d’appeler des publications du site : contenu-types, actualités, événements.

Gestion de listes de diffusion Le webmaster peut créer des listes de diffusion et importer des contacts au sein de ces listes. Il peut ensuite choisir à quelle(s) liste(s) de diffusion il souhaite envoyer une campagne.

Envoi des newsletters Les newsletters sont envoyées depuis le backoffice du site, mais via Sendinblue afin de garantir leur bonne délivrabilité.

Reporting Le webmaster a accès aux statistiques d’envoi des newsletters :

● délivrabilité, taux ouverture, taux de clics, etc. ● détails des ouvertures ● détails des clics ● carte de chaleur avec la mise en évidence des zones de clic ● statistiques détaillées par fournisseur : Gmail, Hotmail, etc.

Blocs statiques Le webmaster peut créer des blocs “statiques” qu’il peut activer ou non sur les contenu-types. Ces blocs s’affichent dans la colonne de droite et sont administrables en backoffice. Lorsque le webmaster modifie le contenu d’un bloc statique, le bloc est mis à jour partout où il est utilisé sur le site. Il n’a pas besoin de le mettre à jour sur chaque contenu-type où il est utilisé.

Flux RSS Les actualités et les événements du site feront chacun l’objet d’un flux RSS. Un page répertoriant les deux flux RSS sera créée sur le site afin que l’utilisateur puisse s’abonner aux flux.


Fil d’Ariane Le fil d’Ariane est présent sur toutes les pages du site. Il sert de repère de navigation et permet à l’utilisateur de revenir facilement aux pages parentes. Il est généré automatiquement.

Retour en haut de page L’utilisateur qui scrolle dans une page, peut à tout moment, remonter en haut de page en cliquant sur un icône prévu à cet effet.

Partage sur les réseaux sociaux L’utilisateur peut partager les contenus du site sur les réseaux sociaux (liste à préciser) grâce à des boutons présents sur chaque page du site.

Partage par email L’utilisateur peut partager un contenu par email. Il doit pour cela renseigner les champs suivants :

● Votre prénom* ; ● Votre nom* ; ● Votre email* ; ● Emails des destinataires* ; ● Message ; ● Captcha* ;

+ bouton “Envoyer”. *Champs obligatoires. Les destinataires reçoivent alors un email :

● Objet : [Prénom] [Nom de l’émetteur] vous recommande cette page ; ● Contenu du message par défaut (si le champ message n’est pas renseigné) :

Bonjour, [Prénom] [Nom de l’émetteur] vous conseille la page http://www.urldelapage.fr Bonne visite.

Impression/Téléchargement en PDF L’utilisateur peut imprimer les pages du site grâce à un bouton présent sur chaque page du site.

Une feuille de style adaptée à l’impression sera créée et proposera une version allégée de la page, c’est à dire sans les éléments de navigation et les images.


http://www.urldelapage.fr/

Accessibilité Le site répondra aux normes d'accessibilité énoncées dans le RGAA version 3 (Référentiel Général d'Accessibilité pour les Administrations) et visera le niveau AA. Le site respectera notamment les 75 critères prioritaires pour la qualité des sites web de la checklist Opquast : https://checklists.opquast.com/fr/opquast-website-v3/

Plan du site Le plan du site sera accessible sur toutes les pages du site, grâce à un lien “Plan du site” présent dans le footer. Il permet à l’utilisateur de repérer rapidement la partie du site la plus susceptible de contenir l’information recherchée. Le plan du site reflète l’architecture du site et contient l’ensemble des liens de menu (niveau 1, 2, 3…). Le plan du site est généré automatiquement dès qu’une nouveau lien de menu est créé et il peut être modifié par le webmaster depuis le backoffice du site.

Multi-sites & Générateur de mini-sites Le site de Francheville sera installé en multisite afin que le ou les webmasters puissent gérer plusieurs sites sur une seule installation. Le multisite sera composé du site principal, celui de la Ville et de X minisites qui pourront être créés au fur et à mesure des besoins. Chaque minisite disposera de son propre sous-domaine. Ex. culture.mairie-francheville69.fr, ainsi que de :

● son propre thème graphique ; ● sa propre arborescence ; ● ses propres types de publication (en se basant sur ceux créés pour le site principal) ; ● ses propres contenus ; ● ses propres utilisateurs ; ● ses propres extensions (activation ou non des extensions utilisées sur le site principal) ;

Certains contenus pourront être partagés entre les sites. Ex. Les événements de l’Agenda. Intuitiv réalisera le premier thème de minisite qui sera dédié à la culture. [A faire] Ce thème pourra être utilisé pour d’autres minisites et certains éléments graphiques pourront être personnalisés par le webmaster depuis le backoffice. Ces éléments devront être bien définis lors de la création du thème.


Weezevent Le service de billetterie Weezevent sera mis en place sur le site et sera utilisé notamment pour le minisite dédié à la culture. Le webmaster pourra intégrer le code iframe mis à disposition par Weezevent dans le contenu des publications. Documentation : https://aide.weezevent.com/article/55-integrer-une-billetterie-sur-un-site-wordpress

Export XML des données Les données du site pourront être exportées au format XML afin d’être utilisée sur d’autres sites. L’extension Export WordPress data to XML/CSV sera mise en place sur le site.

Référencement L’extension Yoast SEO sera mise en place sur le site.

Sitemap.xml & Robots.txt Dans le cadre du référencement du site, un fichier sitemap.xml sera généré et mis à jour quotidiennement. Un fichier robots.txt sera également accessible à la racine du site.

Balises title, description Les balises META title et description sont remplies automatiquement en utilisant le contenu de la publication, mais le webmaster peut les modifier une à une s’il le souhaite.

Génération des URLs Les URLs sur le site sont de type « url friendly », autrement dit, des urls utilisant les titres des publications.

Redirections 301 La redirection 301 ou redirection permanente indique aux navigateurs web et aux robots des moteurs de recherche que la page visitée a définitivement changé d’adresse et qu’ils doivent donc mettre à jour leur index.

Pour effectuer ces redirections, Francheville préparera un fichier avec les anciennes URLs des pages les plus consultées et les correspondances avec les URLs du nouveau site.


Intuitiv met à sa disposition un modèle à remplir disponible à cette adresse : https://docs.google.com/spreadsheets/d/1kgj80tYZMDt9AmTBrt1-JVjMERM7c8vum19Ix_ZCM1E/edit?usp=sharing Intuitiv se chargera de mettre en place les redirections sur le serveur lors de la mise en ligne du site.

Analyse d’audience L’extension Google Analytics Dashboard for WP sera mis en place sur le site. Pour pouvoir accéder aux statistiques de visite du site, Francheville doit disposer d’un compte sur Google et transmettre à Intuitiv le code de suivi à intégrer sur le site. Si Francheville préfère, il peut fournir les accès à son compte Google Analytics (adresse mail et mot de passe) à Intuitiv qui se chargera de récupérer le code. Le code de suivi sera intégré le jour de la mise en ligne du site afin de commencer à mesurer l’audience du site à partir de cette date. Important : Google Analytics n’étant pas conforme aux directives CNIL en matière de gestion des cookies, le consentement de l’utilisateur devra être recueilli et le script suivant intégré sur le site : https://www.cnil.fr/fr/solutions-pour-la-mesure-daudience

Cookies En application de la loi Informatique et Libertés, un bandeau d’information sur les cookies s’affichera à l’arrivée de l’utilisateur sur le site et ce quelque soit la page par laquelle il est entré. Le message suivant s’affichera : “En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies pour réaliser des statistiques de visites.”, avec deux boutons : OK / En savoir plus Ce bandeau permettra de recueillir le consentement de l’utilisateur à l’utilisation des cookies. L’extension EU Cookie Law Compliance sera mise en place sur le site.

Erreur 404 La page d’erreur 404 (pour les pages obsolètes ou les erreurs de saisie dans l’URL) sera personnalisée comme suit :

● Titre : Erreur 404 ● Texte : La page que vous avez demandée n’existe pas/plus. ● Liens : Revenir à l’accueil du site (lien vers la page d’accueil) / Accéder au plan du site (lien

vers la page “Plan du site”).

Utilisateurs, Rôles & Droits Le webmaster peut créer autant de comptes utilisateur qu’il le souhaite. Chaque utilisateur dispose d’un ou plusieurs rôles (ex. administrateur, webmaster, contributeur), chacun avec des droits spécifiques.


https://docs.google.com/spreadsheets/d/1kgj80tYZMDt9AmTBrt1-JVjMERM7c8vum19Ix_ZCM1E/edit?usp=sharing

https://www.cnil.fr/fr/solutions-pour-la-mesure-daudience

https://docs.google.com/spreadsheets/d/1kgj80tYZMDt9AmTBrt1-JVjMERM7c8vum19Ix_ZCM1E/edit?usp=sharing

Les droits (création, édition, publication, suppression…) pourront être donnés sur une fonctionnalité, ou un type de publication. La mairie de Francheville indiquera ce qu’elle souhaite en complétant le fichier qui sera fourni par Intuitiv. Intuitiv se chargera de configurer les rôles et les droits associés dans le backoffice du site.

Workflow Un processus de validation des publications sur le site pourra être mis en place. Le principe est le suivant :

● un utilisateur (ex. Contributeur) crée une publication. Ne possédant pas les droits pour la publier sur le site, il le soumet pour validation ;

● la demande de validation est envoyée par email à un utilisateur qui possède les droits de publication (ex. webmaster). Cet utilisateur retrouve également l’ensemble des publications à valider dans le backoffice.

● l’utilisateur-validateur peut visualiser la publication, la modifier, la renvoyer au contributeur pour modification ou la publier sur le site.

Responsive Design Le site internet de Francheville sera développé en responsive design afin que son affichage s’adapte à tous les types de terminaux : ordinateur, tablette, smartphone. Les fonctionnalités et les contenus seront ainsi déclinés dans tous les contextes. Les points de rupture, c’est à dire la taille à partir de laquelle nous changeons la manière dont vont s’afficher les éléments du site et de la carte sont les suivants :

● Largeur d’écran inférieure à 768 px ; ● Largeur d’écran égale ou supérieure à 768 px ; ● Largeur d’écran égale ou supérieure à 992 px ; ● Largeur d’écran égale ou supérieure à 1200 px.

Chaque image sera par ailleurs déclinée en fonction des différentes tailles d’écran gérées, afin d’optimiser l’affichage et le temps de chargement des pages.

Résolution d’écran Le site sera conçu pour une résolution d’écran de 1 280 px de large.

Compatibilité navigateurs Le site s’affichera de manière optimisée dans les navigateurs Chrome, Firefox, Safari (dernière version) et Internet Explorer version 10 et suivantes.


Hébergement Le site sera hébergé chez OVH. Intuitiv se chargera du déploiement du site sur les serveurs de développement, de pré-production et de production. Les serveurs de pré-production et de production seront localisés en France. Ceci devra être précisé lors de la commande chez OVH. Intuituiv se chargera également du maintien du site en conditions opérationnelles et de l’infogérance.

Nom de domaine Le nom de domaine du site est mairie-francheville69.fr. Il est déjà réservé et utilisé sur le site actuel de Francheville, mais un transfert devra être opéré vers OVH.

Protocole HTTPS Le site sera accessible en HTTPS. Intuitiv se chargera de la mise en place du protocole.

Déclaration CNIL Intuitiv transmettra à Francheville la procédure à suivre pour être en conformité avec la CNIL.

Formation 2 demi-journées de formation sont prévues afin d’assurer le transfert de compétences entre Intuitiv et Francheville :

● 1/2 journée pour les contributeurs ; ● 1/2 journée pour les administrateurs.

Intuitiv transmettra un plan de formation en amont des formations et un guide d’utilisation à l’issue des formations.

Contenus Intuitiv a prévu l’intégration de 120 contenus et fournira à Francheville les modèles de contenu nécessaires à cette intégration.


Documents

Mairie de Francheville Refonte du site Internet · délais de réalisation et des coûts supplémentaires en fonction de la charge de travail qu’ils impliquent. Tout nouveau développement