Spécifications fonctionnelles - GUAPO
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
Spécifications fonctionnelles
GUAPO
(site internet)
Spécifications fonctionnelles
GUAPO
Date 26 Septembre 2018
Destinataire(s) / Validateur(s) Elsa Martayan / Juliette Laurent
Auteur(s) du document Adeline Beaulieu
Statut Version 1
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 1 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Table des matières
1. Objectif du document 5
2. Pré requis 6
2.1. Accès au site et environnements 6
2.2. Certificat HTTPS 6
2.3. Taggage 6
2.4. CMS 6
2.5.Affichage du site en fonction de la langue 7
2.6.Règle d’affichage générale 7
2.7.Rétina 7
2.8. Administration du site 7
2.9. Référencement naturel 7
2.9.1. Réécriture d’URL 7
2.9.2. Balises Meta 8
2.9.3. Balises Hn 8
2.9.4. Sitemap.xml 8
2.9.5. Robot.txt 8
2.10. Version responsive 8
2.11. Saisie des contenus 8
2.12.Accessibilité 8
2.13. Les Taxonomies 8
2.13.1.Thématiques principales 8
2.13.2. Sous thématiques 9
2.13.3. Catégorie d’actualité 9
2.13.4. Catégorie centre de ressources 9
2.13.5. Régions 9
2.13.6. Type de partenaires 10
3. Eléments permanents 11
3.1. Favicon 11
3.2. Bandeau cookies 11
3.3.Header 11
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 2 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
3.4.Footer et pré footer 12
3.4.1. Pré footer 12
3.4.2. Footer 12
4. Home page 13
4.1.Présentation de GUAPO (ZONE 1) 13
4.2.Villes membres (ZONE 2) 13
4.3.Slider de contenus - A la une (ZONE 3) 14
4.4.Chiffre clés (ZONE 4) 15
4.5.Se documenter - Ressources documentaires (ZONE 5) 15
4.6.Se tenir informé - Qualité de l’air (ZONE 6) 15
4.7.Les actions de GUAPO (ZONE 7) 16
4.8.Fil Twitter (ZONE 8) 17
4.9.Sticky actualités (ZONE 9) 17
5. Gabarit filtre et recherche avancée 18
5.1.Recherche et filtres 18
5.1.1. Recherche 18
5.1.2. Filtres 19
5.2.Centre de ressource 19
5.3.Page de listing des Actualités 20
6. Gabarit Edito 21
6.1.Edito 21
6.1.1. Cross content 22
6.2.Actualités 22
6.3.Articles pour le centre de ressource 23
6.4.Détail partenaire 24
7. Les paragraphs du Gabarit Edito 26
7.1.Wysiwyg 26
7.2.Image / texte 26
7.3.Lien 26
7.4.Slider de photo 27
7.5.Liste de liens 27
7.6.Vidéo 27
7.7.Partenaire 28
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 3 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
7.8.Téléchargement de document 28
8. Gabarit Liste partenaire / expert 29
9. Gabarit Formulaires 30
9.1.Formulaire de contact 30
9.2.Formulaire abonnement à la newsletter 31
9.3.Formulaire demande d’identifiants espace membre ( POUR SITE V2) 31
10. Page 404 31
11. Sitemap xml 31
12. Robots txt 31
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 4 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
1. Objectif du document
Ce document présente la liste des fonctionnalités du site ainsi que les écrans clés.
Il s’agit d’un document de conception qui permet de valider l’aspect fonctionnel du site.
C’est un support pour l’équipe projet et notamment pour les développeurs.
NOTE : Les spécifications présentées dans ce document ont été élaborées sur la
base des documents proposés et validés par le client. Une actualisation du
document est donc à prévoir pour chaque nouveau lot validé.
DOMAINE D’APPLICATION : Ce document de spécifications fonctionnelles
détaillées est applicable pendant les phases de développement et de recette finale
du site internet de GUAPO.
Tout ce qui n'est pas décrit dans ce document de spécifications fera l'objet d'un
autre lot et donc d’un nouvel estimatif.
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 5 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
2. Pré requis
2.1. Accès au site et environnements
STRUCTURE DU TYPE DE CONTENUS
Pré-production portailguapo.preprod-wsb.com
Production https://guapo-air.org/
2.2. Certificat HTTPS
Le site sera développé pour être compatible avec le HTTPS.
2.3. Taggage
L’outil de suivi des statistiques de fréquentation du site sera Google Analytics.
Code d’intégration :
CODE A VENIR
Un marqueur Analytics (tag) sera placé sur chacune des pages publiques afin de connaître les données
de fréquentation du site :
• Nombre de visites
• Nombre de visiteurs uniques
• Nombre de pages vues
• Durée de visite
• Origine géographique
• Site de provenance (moteur, site affilié, etc.)
• Taux de rebond
Le suivi d’événements particuliers dans les pages nécessitera l’intégration de marqueurs spécifiques,
non-prévus à date.
NB : Il n’y aura pas de suivi statistique sur l’espace membre.
2.4. CMS
Le sitede GUAPO sera administré via le CMS DRUPAL.
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 6 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
De par la nature évolutive des modules de l’outil, certaines fonctionnalités décrites ici peuvent être
amenées à changer.
Ces changements pourront être à l’origine d’écarts constatés entre le périmètre fonctionnel strict décrit
dans ce document, et celui en vigueur lors de la livraison du site.
La plupart du temps, ces changements seront de nature à améliorer le périmètre fonctionnel du site.
FICHE TECHNIQUE
Outil de gestion des contenus (CMS) DRUPAL version 8
Language de programmation PHP 5.6
SGBD MySQL 5.5
Version HTML HTML 5 / CSS 3 / Jquery
Javascript OUI
Flash NON
Hébergement OVH
Contraintes OS/Navigateur Navigateurs récent + Edge (minimum).
Accessibilité NON
Multilingue OUI (anglais).
2.5. Affichage du site en fonction de la langue
Si le user agent du navigateur est en Fr alors affichage du site en Français par défaut. Sinon affichage
du site dans sa version anglaise.
2.6. Règle d’affichage générale
Si des champs ne sont pas saisies en BO alors les bloc et libellés correspondants ne s’affichent pas en
front.
Les contenus seront dynamiques pour ne pas présenter de zone vierge d’informations.
2.7. Rétina
Le site sera développé pour que les images s’affichent en qualité rétina sur les écrans correspondants.
2.8. Administration du site
De manière générale, les contenus du site seront administrables via l’outil de gestion Drupal.
Pour des raisons de cohésion graphique, certains éléments qui peuvent être considérés comme «
permanents »ne seront pas administrables.
S’ils doivent être modifiés, les éléments du site qui ne sont pas administrables pourront faire l’objet de
demandes qui seront traitées dans le cadre d’un contrat de Tierce Maintenance Evolutive (TME).
2.9. Référencement naturel
2.9.1. Réécriture d’URL
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 7 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Génération d’URL automatiquement en fonction des rubriques / sous rubriques / titres des pages.
L’environnement de pré-production sera verrouillé de manière à ne pas permettre leur indexation par les
moteurs de recherche.
2.9.2. Balises Meta
Autogénération des balises Meta Title à partir du libellé du contenu créé, et possibilité de les modifier
manuellement.
Administrabilité des balises Meta Description, et Alt pour les images.
2.9.3. Balises Hn
Autogénération des balises Hn selon hiérarchisation des contenus qui sera définie.
2.9.4. Sitemap.xml
Un fichier sitemap.xml sera généré automatiquement et placé à la racine du site pour permettre une
meilleure indexation par les moteurs de recherche.
2.9.5. Robot.txt
Le fichier robots.txt est un fichier texte utilisé pour le référencement naturel des sites web, contenant des
commandes à destination des robots d'indexation des moteurs de recherche afin de leur préciser les
pages qui peuvent ou ne peuvent pas être indexées.
Dans notre cas, toutes les pages du site seront indexées.
2.10. Version responsive
Le site UGCB a été conçu pour pouvoir s’adapter sur différentes tailles d’écran (tablette/mobile) sur la
base des points de rupture suivants :
• 1440 px
• 1024 px
• 768 px
• 375 px
2.11. Saisie des contenus
Afin de faciliter la saisie des contenus, lors de la traduction d’une page tous les média (photos / vidéos /
document) seront dupliqués du français vers l’anglais.
2.12.Accessibilité
Afin de répondre aux standards de l’accessibilité web, le site devra prendre en compte un certains
nombres de points du référentiel Opquast (VOIR ANNEXE SUR LE DRIVE)
2.13. Les Taxonomies
2.13.1.Thématiques principales
Chaque taxonomie thématique sera associée à un pictogramme qui sera administrable.
Polluants atmosphériques
Mesure de la qualité de l’air
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 8 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Impacts sanitaires
Impacts économiques
Exposition
Réglementation
Mobilité
Habitat & tertiaire
Cuisson
Industrie manufacturière
Production d’énergie
Gestion des déchets
Agriculture
Chantiers, travaux publics, carrières
Urbanisme
TRADUCTIONS
2.13.2. Sous thématiques
Liste à définir + TRADUCTIONS
Une sous thématique sera rattachée à une thématique principale.
2.13.3. Catégorie d’actualité
Communiqués de GUAPO
Evénements
Mentions dans les médias
TRADUCTIONS
2.13.4. Catégorie centre de ressources
Publications et ressources scientifiques
Rapports et études de cas
Législations et plans d’action
Supports de communication et de sensibilisation
Supports de formation et boîte à outils
Posts de blogs
Articles de presse et multimédias
Déclarations officielles
TRADUCTIONS
2.13.5. Régions
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 9 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Global
Afrique subsaharienne
Amérique du Nord
Amérique latine et Caraïbes
Asie centrale
Asie de l’Est et Pacifique
Asie du Sud
Europe
Moyen-Orient et Maghreb
TRADUCTIONS
2.13.6. Type de partenaires
Organisations internationales
Organisations non-gouvernementales
Réseaux de villes
Centres de recherche
Secteur privé
TRADUCTIONS
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 10 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
3. Eléments permanents
3.1. Favicon
Un favicon représentant le logo de la marque l’UGCB sera déposé à la racine du site afin qu’il
apparaisse dans la barre d’adresse des navigateurs internet.
3.2. Bandeau cookies
A l’arrivée sur le site (quelle que soit la page consultée), s’affichera le bandeau d’acceptation des
cookies.
Le texte de ce bandeau ne sera pas administrable et positionné en haut de l’écran.
Voici le texte à afficher en français :
Nous utilisons des cookies afin de personnaliser le contenu du site internet et de réaliser des statistiques
d'audience.
En poursuivant la navigation sur le site, vous acceptez l'utilisation des cookies.
+ BOUTON J’ACCEPTE
Le texte à afficher en anglais sera :
TRADUCTION A ME TRANSMETTRE
3.3.Header
Le header sera visible sur toutes les pages du site. Il sera constitué des éléments suivants :
• Un logo
• Un menu de navigation
• Un picto espace membre (visible sur la V2 uniquement)
• Le switch de langue FR / EN
ACTIONS
Action Description Cible / Clic Administrable
Accès à la page
Clic sur le logo HOME PAGE NON
d’accueil du site
Ouverture du sous- OUI. Il sera possible de mettre
menu si existant. maximum 5 entrées de rubrique.
Clic sur un des liens du
Attention à ce que le wording
menu Sinon accès à la page des entrées ne soit pas trop long
correspondante sinon cela ne passera pas.
Accès à la page en
cours de consultation
Clic sur une langue (FR/EN) NON
dans sa version
demandée
Il sera possible de modifier et d’ajouter des sous rubriques du menu de navigation.
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 11 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
REGLES D’AFFICHAGE
Elément Description
Un liseré viendra se positionner sous le nom de la rubrique au roll de la
MENU DE NAVIGATION souris mais également lorsque l’internaute consulte une page lié à cette
rubrique.
3.4.Footer et pré footer
3.4.1. Pré footer
Le footer sera composé des éléments suivants :
• Logo
• Adresse : 1, rue Miollis, Bâtiment UNESCO, 75015 Paris, FRANCE
• Copyright : 2018 GUAPO - Observatoire mondial des villes pour la qualité de l’air
Ces éléments ne seront pas administrables.
3.4.2. Footer
Le footer sera composé de plusieurs liens :
ACTIONS
Elément Description Cible / Clic Administrable
Clic sur « contact » Accès à la page correspondante CONTACT OUI
Clic sur « mentions
Accès à la page correspondante MENTIONS OUI
légales »
Accès à l’url suivante. Ouverture URL à me
Clic sur le picto Linkedin NON
dans un nouvel onglet transmettre
Accès à l’url suivante. Ouverture URL à me
Clic sur le picto Twitter NON
dans un nouvel onglet transmettre
Clic sur « s’abonner à la Accès au formulaire
NEWSLETTER NON
newsletter » correspondant
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 12 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
4. Home page
La home page sera un type de contenu à part entière. Le nom de ce type de contenu sur Drupal sera :
Page d’accueil
Les champs composants ce type de contenu ne seront pas modulables.
Pour faciliter l’administration de la home page, elle sera découpée en plusieurs bloc (voir ci-dessous).
A chaque bloc correspond une « étiquette » qui sera non administrable et qui s’affichera
automatiquement.
Zone 1 : Présentation de GUAPO (TRAD)
Zone 2 : Villes membres (TRAD)
Zone 3 : A la une (TRAD)
Zone 4 : Chiffres clés (TRAD)
Zone 5 : Ressources documentaires (TRAD)
Zone 6 : Qualité de l’air (TRAD)
Zone 7 : Les actions (TRAD)
Zone 8 : Twitter (TRAD)
4.1. Présentation de GUAPO (ZONE 1)
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Présentation GUAPO Texte O OUI
Libellé bouton Texte O OUI
Lien URL O OUI
4.2. Villes membres (ZONE 2)
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Villes membres Texte O OUI
Ce champ pourra être dupliqué autant de fois que désiré pour permettra la saisie des toutes les villes
membres.
Description Texte O OUI
Libellé bouton 1 Texte O OUI
Lien bouton 1 Url O OUI
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 13 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Libellé bouton 2 Texte O OUI
Lien bouton 2 Url O OUI
REGLES D’AFFICHAGE
Elément Description
Villes membres Il sera affiché sur la home page 8 villes membres
REGLES DE GESTION
Elément Description
Un affichage aléatoire sera fait sur toutes les villes saisies pour en afficher 8.
8 villes Après ces 8 villes membres seront toujours présents « … » montrant que ce
listing ce n’est exhaustif.
4.3. Slider de contenus - A la une (ZONE 3)
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Entity-ref basée sur tous les contenus du site
de type EDITO.
Remontée des contenus O OUI
Il sera possible de choisir l’ordonnancement
des slides
REGLES D’AFFICHAGE
Elément Description
Au clic, affichage de la slide correspondante. Il y aura autant de points que
de slide.
Chaque slide s’affiche durant 3 secondes puis passe à la slide suivante via
Bullet point slider
une animation de glissement de la droite vers la gauche.
Lorsque le slider arrive à la dernière slide, système de boucle repassant sur
la 1ère.
REGLES DE GESTION
Elément Description
Chaque slide de contenu, sera composée de :
- Le titre de la page
Slide de contenus - La description courte
- Le visuel principal de la page
- Un bouton « lire la suite » - Non administrable (TRAD)
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 14 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
4.4. Chiffre clés (ZONE 4)
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Chiffre Texte O OUI
Description Texte O OUI
Picto Champs image O OUI
Ce champs pourra être dupliqué maximum 4 fois. Il pourra y avoir au minimum 2 chiffres clés.
Il devra être possible de choisir l’ordonnancement des chiffres clés.
Si aucun chiffres clés n’est saisi, alors tout le bloc ne s’affichera pas.
4.5. Se documenter - Ressources documentaires (ZONE 5)
ZONE NON ADMINISTRABLE
Ce bloc sera précédé d’un titre non administrable « Se documenter » (TRAD)
REGLES DE GESTION
Elément Description
Remontée automatique des 5 derniers articles publiés sur le centre de
ressources.
Chaque article sera constitué de :
La catégorie de l’article
3 articles
Le titre
La description courte
L’année de publication et la thématique principale
Un lien « Consulter » (TRAD) - Non administrable
Au clic sur un bullet du spider les articles se décale de 1 article par 1 article
Slider
de la droite vers la gauche
REGLES D’AFFICHAGE
Elément Description
Au roll de la souris sur un article, s’affiche un encadré autour du contenu
Roll sur article
ainsi que la description courte.
En dessous des 5 articles sera positionné un lien permettant d’accéder au
Lien en dessous des centre de ressources.
articles Ce lien sera non administrable « Parcourir toutes les ressources
documentaires » (TRAD)
4.6. Se tenir informé - Qualité de l’air (ZONE 6)
ZONE NON ADMINISTRABLE
Ce bloc sera précédé d’un titre non administrable « Se tenir informé » (TRAD)
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 15 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
REGLES DE GESTION
Elément Description
Remontée automatique des 3 derniers articles publiés sur le centre de
ressources ayant comme catégorie « Article de presse et multimédias »
Chaque article sera constitué de :
3 articles
La catégorie de l’article
Le titre
Un lien « Lire » (TRAD) - Non administrable
Au clic sur un bullet du spider les articles se décale de 1 article par 1 article
Slider
de la gauche vers la droite
REGLES D’AFFICHAGE
Elément Description
En dessous des 3 articles sera positionné un lien permettant d’accéder au
centre de ressources. Cette page sera filtrée pour n’afficher que les articles
Lien en dessous des
ayant la catégorie « article de presse et multimédia »
articles
Ce lien sera non administrable « Parcourir toutes les actualités sur la qualité
de l'air » (TRAD)
4.7. Les actions de GUAPO (ZONE 7)
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre Texte O OUI
Description Texte O OUI
Picto Champs image O OUI
Sous titre Texte O OUI
Libellé bouton 1 Texte O OUI
URL Lien O OUI
Picto Champs image O OUI
Sous titre Texte O OUI
Libellé bouton 1 Texte O OUI
URL Lien O OUI
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 16 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
4.8. Fil Twitter (ZONE 8)
ZONE NON ADMINISTRABLE
REGLES DE GESTION
Elément Description
Le bloc sera précédé d’un titre « nous suivre » - Non administrable (TRAD)
Post Twitter Ce bloc affichera les 3 derniers posts publiés sur le compte twitter de GUAPO
sur l’adresse suivante :
Merci de me transmettre l’url
4.9. Sticky actualités (ZONE 9)
Le sticky menu sera visible sur la home page. Il sera positionné en bas de l’écran.
ZONE NON ADMINISTRABLE
REGLES DE GESTION
Elément Description
Remontée automatique des actualités ayant la case « visible en home page
Sticky menu
de cochée »
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 17 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
5. Gabarit filtre et recherche avancée
Ce gabarit de page sera utilisé à 2 reprises sur le site.
Sur la droite de l’écran sera positionné un sticky permettant la recherche et les filtres. Ce sticky suivra la
navigation (voir vidéo correspondante).
REGLES DE GESTION
Elément Description
A la une TRAD Remontée des articles ayant été tagués comme étant « à la une «
Les plus récents TRAD Remontée automatiques des derniers articles publiés.
Affichage des autres articles publiés du plus récents au plus anciens après
Autres résultats
les 3 plus récents qui sera situés dans le bloc « les plus récents »
Pagger Si plus de 10 résultats, affichage d’un pagger.
Chaque article sera composé de :
- Catégorie (centre de ressource ou actualité)
- Année de publication (sur la base de la date de publication)
- Thématique principale
- Titre
- Description courte (uniquement pour les articles « à la une »)
- Un bouton « consulter » TRAD
5.1. Recherche et filtres
Le moteur de recherche et les filtres ne pourront être croisés.
Voir la vidéo pour comprendre le fonctionnement de cette rubrique.
5.1.1. Recherche
Au clic sur le picto loupe, ouverture sur la droite de l’écran du volet de recherche. Ce bloc est composé
d’un champ de recherche et des recherches récentes :
Champ de recherche :
- Libellé par défaut du champ « Rechercher » TRAD
Recherches récentes :
- Libellé « Recherches Récentes » TRAD
- Ce bloc ne remonte pas de façon automatique les libellés les plus recherchés. En effet avec ce type
de fonctionnalité il y a toujours un risque de voir remonter des thermes non appropriés. C’est pour
cela que les recherches récentes seront listées au nombre de 3 :
Emissions d’oxydes de soufre / Sulfur oxyde emissions
Exposition des enfants à la pollution de l’air / Children’s exposure to air pollution
Zones à basse émission / Low emission zone
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 18 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
REGLES DE GESTION
Elément Description
Au clic sur une recherche
Le champ de recherche se vide pour être remplacé par le therme sélectionné.
récente
Actualisation de la page et fermeture du volet pour afficher les résultats
correspondants à la recherche.
Le terme recherché sera rappelé dans le bloc « résultats de recherche
Au clic sur le pico loupe pour : » TRAD avec affichage en dessous des résultats correspondants
classés par date de publication (du plus récent au plus ancien).
Si aucun résultat, le texte suivant sera positionné à la place des résultats
« Aucun résultat ne correspond à votre recherche » TRAD
5.1.2. Filtres
Au clic sur le picto filtre, ouverture sur la droite de l’écran du volet de filtre. Ce bloc est composé de
plusieurs filtres :
- Libellé « Filtrer les résultats» TRAD
Recherches récentes :
- Libellé « Recherches Récentes » TRAD
- Voir les filtres correspondants ci-dessous.
REGLES DE GESTION
Elément Description
Actualisation de la page et fermeture du volet pour afficher les résultats
correspondants à la recherche.
Les filtres recherchés seront rappelés dans le bloc « Filtres sélectionnés »
Au clic sur bouton
TRAD avec affichage en dessous des résultats correspondants classés par
« valider » TRAD
date de publication (du plus récent au plus ancien).
Si aucun résultat, le texte suivant sera positionné à la place des résultats
« Aucun résultat ne correspond à votre recherche » TRAD
Une pastille s’affiche sur le picto de filtre pour montrer le nombre de filtres
Sticky filtres
actifs.
5.2. Centre de ressource
Remontée automatique des articles décrits dans ce document sur le point 6.3
La cartouche présente au dessus du titre de chaque article sera la « catégorie centre de ressource »
Les filtres qui seront possibles via le centre de ressource sont les suivants :
• Thématiques principale (taxonomie)
• Sous thématique (taxonomie)
• Catégorie centre de ressource (taxonomie)
• Date (année automatique en fonction de l’année de publication des articles)
• Région (taxonomie)
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 19 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
5.3. Page de listing des Actualités
Remontée automatique des articles décrits dans ce document sur le point 6.2
La cartouche présente au dessus du titre de chaque article sera la « catégorie actualité »
Les filtres qui seront possibles sur la page de listing des actualités sont les suivants :
• Thématiques principale (taxonomie)
• Sous thématique (taxonomie)
• Catégorie actualités (taxonomie)
• Date (année automatique en fonction de l’année de publication des articles)
• Région (taxonomie)
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 20 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
6. Gabarit Edito
Cette maquette sera utilisée sur plusieurs rubrique sur le site. Il y aura donc des types de contenus
différent mais qui reprendront la même maquette.
Sur ce gabarit de page sera présent des fonctionnalités de partage sur les réseaux sociaux suivants :
- Facebook
- Twitter
- Mail
Le mail permet de partager via le système mail par défaut de l’ordinateur une url.
6.1. Edito
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre Texte O OUI
Visuel Image F OUI
Description courte Texte F OUI
Chapô Texte F OUI
Taxonomie thématique
Thématique principale F OUI
=> Possibilité de choisir 1 seule thématique
Taxonomie thématique :
Thématiques
F OUI
secondaires
=> Possibilité de choisir plusieurs thématiques
Cross content centre Bouton radio permettant de dire si le cross
O NON
de ressource content est activé ou non sur cette page
Cross content Ville Bouton radio permettant de dire si le cross
O NON
membre V2 content est activé ou non sur cette page
Bouton radio permettant de dire si le cross
Partenaires O NON
content est activé ou non sur cette page
+ paragraphs
REGLES DE GESTION
Elément Description
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 21 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Sur ce type de contenu, les informations suivantes ne seront pas visibles en
front :
- Thématique principale
Affichage des éléments en - Thématiques secondaires
front - Date de publication
- Catégorie
La description courte est le champ qui sera utilisé pour les remontées (ex
Description courte
spider home page)
6.1.1. Cross content
Sur chaque page utilisant le gabarit de page Edito, possibilité d’activer ou non le cross content.
Il y aura 3 types de Cross content :
Centre de ressource :
- remontée de 3 articles les plus récents ayant comme thématique principale celle utilisée sur la page en
cours de consultation
Villes membres (dans le site V2) :
- Affichage aléatoire de X villes ayant comme thématique celle utilisée sur la page en cours de
consultation
Partenaires :
Affichage aléatoire de 3 partenaires ayant comme thématique celle utilisée sur la page en cours de
consultation (pas à faire pour la livraison du 30 octobre mais pour la mi novembre)
6.2. Actualités
Les contenus qui seront saisis dans ce type de contenus remonteront automatiquement sur la rubrique
actualités.
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre Texte O OUI
Description courte Texte F OUI
Chapô Texte F OUI
Visuel Image F OUI
Taxonomie thématique
Thématique principale F OUI
=> Possibilité de choisir 1 seule thématique
Taxonomie thématique :
Thématiques
F OUI
secondaires
=> Possibilité de choisir plusieurs thématiques
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 22 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Taxonomie actualité :
Catégorie d’actualités O OUI
=> 1 seul choix possible
Taxonomie région :
Régions F OUI
=> 1 seul choix possible
Case à cocher permettant de sélectionner 2
A la une articles qui seront mis "à la une » sur le gabarit de F OUI
page recherche + filtres
Case à cocher permettant de sélectionner 4
Visible en Home page actualités qui seront mis à la une sur le sticky des F OUI
actualités visible sur la home page.
Bouton radio permettant de dire si le cross
Cross content O NON
content est activé ou non sur cette page
Cross content Ville Bouton radio permettant de dire si le cross
O NON
membre V2 content est activé ou non sur cette page
Bouton radio permettant de dire si le cross
Partenaires O NON
content est activé ou non sur cette page
+ paragraphs
REGLES DE GESTION
Elément Description
Dans chaque langue, il sera possible de sélectionner uniquement 2 articles
Articles « à la une »
qui remonteront à la une sur la page de recherche.
La date qui s’affiche en front sera la date de publication. Il devra être possible
Date
de la modifier.
La description courte est le champ qui sera utilisé pour les remontées (ex
Description courte
spider home page / Gabarit de listing des actualités ect)
6.3. Articles pour le centre de ressource
Les contenus qui seront saisis dans ce type de contenus remonteront automatiquement sur la rubrique
centre de ressource.
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre Texte O OUI
Description courte Texte F OUI
Chapô Texte F OUI
Visuel Image F OUI
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 23 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Taxonomie thématique
Thématique principale F OUI
=> Possibilité de choisir 1 seule thématique
Taxonomie Sous thématiques
Thématiques
F OUI
secondaires
=> Possibilité d’en choisir plusieurs.
Taxonomie catégorie centre de ressource.
Catégorie centre de
O OUI
ressource
=> 1 seul choix possible
Case à cocher permettant de sélectionner 2
A la une articles qui seront mis "à la une » sur le gabarit F OUI
de page recherche + filtres
Bouton radio permettant de dire si le cross
Cross content O NON
content est activé ou non sur cette page
Cross content Ville Bouton radio permettant de dire si le cross
O NON
membre V2 content est activé ou non sur cette page
Bouton radio permettant de dire si le cross
Partenaires O NON
content est activé ou non sur cette page
+ paragraphs
REGLES DE GESTION
Elément Description
Dans chaque langue, il sera possible de sélectionner uniquement 2 articles
Articles « à la une »
qui remonteront à la une sur la page de recherche.
La date qui s’affiche en front sera la date de publication. Il devra être possible
Date
de la modifier.
La description courte est le champ qui sera utilisé pour les remontées (ex
Description courte
spider home page / Gabarit de listing centre de ressources ect)
6.4. Détail partenaire
Les contenus qui seront saisis dans ce type de contenus remonteront automatiquement sur la rubrique
liste partenaire.
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre Texte O OUI
Description courte Texte F OUI
Chapô Texte F OUI
Visuel Image O OUI
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 24 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Taxonomie thématique
Thématique principale F OUI
=> Possibilité de choisir 1 seule thématique
Taxonomie thématique :
Thématiques
F OUI
secondaires
=> Possibilité de choisir plusieurs thématiques
Taxonomie Sous thématiques
Sous-thématiques F OUI
=> Possibilité d’en choisir plusieurs.
Taxonomie type de partenaire
Type de partenaire O OUI
=> 1 seul choix possible
Bouton radio permettant de dire si le cross
Cross content O NON
content est activé ou non sur cette page
+ paragraphs
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 25 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
7. Les paragraphs du Gabarit Edito
Afin de pouvoir utiliser le gabarit de page Edito de façon modulable, le site utilisera le module
« paragraphs ».
7.1. Wysiwyg
L’éditeur wysiwyg doit permettre l’ajout des éléments suivants :
• Titre h2 à h4
• Gras
• Italique
• Liste à puces
• Liste à puces numérotée
• Liens (interne ou externe)
Le wysiwyg ne permet pas :
• L’insertion de média
7.2. Image / texte
STRUCTURE DU PARAGRAPHS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Visuel Image O OUI
Texte Texte simple O OUI
Légende Texte simple F OUI
REGLES DE GESTION
Elément Description
Liseré séparateur Ce paragraph est précédé et suivi d’un liseré séparateur.
7.3. Lien
STRUCTURE DU PARAGRAPHS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Libellé bouton Texte simple O OUI
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 26 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Url avec possibilité de choisir si interne ou
Lien externe. Si lien externe alors ouverture de la O OUI
page dans un nouvel onglet.
7.4. Slider de photo
STRUCTURE DU PARAGRAPHS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Visuel Image O OUI
Légende Texte simple F OUI
Possibilité de dupliquer ce bloc jusqu’à 6 fois.
Il sera possible de choisir l’ordonnancement des images sur le slider.
REGLES D’AFFICHAGE
Elément Description
Au clic, affichage de la slide correspondante. Il y aura autant de points que
de slide.
Chaque slide s’affiche durant 3 secondes puis passe à la slide suivante via
Bullet point slider une animation de glissement de la droite vers la gauche.
Lorsque le slider arrive à la dernière slide, système de boucle repassant sur
la 1ère.
La légende sera automatiquement précédée du libellé « Légende » TRAD
7.5. Liste de liens
STRUCTURE DU PARAGRAPHS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Libellé du lien Texte simple O OUI
Url avec possibilité de choisir si interne ou
Lien externe. Si lien externe alors ouverture de la O OUI
page dans un nouvel onglet.
Possibilité de dupliquer ce bloc jusqu’à 6 fois.
Il sera possible de choisir l’ordonnancement des liens.
7.6. Vidéo
STRUCTURE DU PARAGRAPHS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre de la vidéo Texte simple F OUI
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 27 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
Lien de la vidéo Lien Youtube de la vidéo O OUI
Miniature Image F OUI
REGLES D’AFFICHAGE
Elément Description
Si le champ miniature n’est pas rempli alors s’affichera la miniature par défaut
de Youtube.
Player vidéo
Si le champ « titre de la vidéo » est rempli alors il viendra se positionner en
superposition de la vidéo.
7.7. Partenaire
STRUCTURE DU PARAGRAPHS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre du bloc Texte simple O OUI
Description Texte simple O OUI
Visuel Image O OUI
Possibilité de dupliquer ce bloc jusqu’à 6 fois.
Il sera possible de choisir l’ordonnancement des blocs.
7.8. Téléchargement de document
Ce bloc sera toujours précédé d’un titre non administrante « Documents à télécharger » TRAD
STRUCTURE DU PARAGRAPHS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Nom du fichier Texte simple O OUI
Format Texte simple O OUI
Upload Document (word / pdf / excel / jpeg / png) O OUI
Possibilité de dupliquer ce bloc jusqu’à 6 fois.
Il sera possible de choisir l’ordonnancement des documents
Chaque document sera précédé d’un picot non administrable.
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 28 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
8. Gabarit Liste partenaire / expert
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre Texte simple O OUI
Description Texte simple F OUI
REGLES DE GESTION
Elément Description
Ce gabarit permettra de remonter les contenus de types « partenaires » via
une entité ref.
Il sera possible de choisir l’ordonnancement des partenaires.
Affichage listing des Chaque partenaire sera composée de :
partenaires
- Nom du partenaire
- Logo
- Catégorie du partenaire
Les filtres seront précédés d’un libellé non administrable : Type de partenaire
TRAD
Filtrer les partenaires Il sera possible d’affiner cette page via un filtre basé sur la taxonomie
catégorie de partenaire.
A la sélection d’une catégorie, les résultats s’actualisent.
Pagger Si plus de 25 résultats, s’affiche un slider.
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 29 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
9. Gabarit Formulaires
Il sera installé sur le site le module webform permettant de créer de façon autonome un formulaire sur
une page.
Ce gabarit de page sera composé des champs suivants :
STRUCTURE DU TYPE DE CONTENUS
Facultatif /
Elément Type de champs Administrable
Obligatoire
Titre Texte O OUI
Description courte Texte F OUI
+ WEBFORM
+ RECAPTCHA
LISTE DE RÉFÉRENCES DES MESSAGES UTILISATEURS
CLIC SUR … CONDITIONS MESSAGE
Le message suivant s’affiche : « Votre message a
Envoyer Format valide
bien été envoyé » TRAD
Les champs non validés se surlignent en rouge.
Format des champs Le message suivant d’affiche : « Le formulaire
Envoyer
non valide contient une ou plusieurs erreur(s). Merci de vérifier
les informations surlignées. » TRAD
Champs Les champs non validés se surlignent en rouge.
Envoyer obligatoires non Le message suivant s’affiche : « champs
remplis obligatoires » TRAD
9.1. Formulaire de contact
Les champs qui composeront ce formulaire sont :
Nom (obligatoire)
Prénom (obligatoire)
Organisation (optionnel)
Email (obligatoire)
Objet du message (obligatoire)
Message (obligatoire)
Optin RGPD
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 30 sur 31Spécifications fonctionnelles
GUAPO
(site internet)
9.2. Formulaire abonnement à la newsletter
Nom (obligatoire)
Prénom (obligatoire)
Organisation (optionnel)
Email (obligatoire)
Optin RGPD
9.3. Formulaire demande d’identifiants espace membre ( POUR SITE V2)
Nom (obligatoire)
Prénom (obligatoire)
Organisation (obligatoire)
Poste (obligatoire)
Domaine(s) d’expertise (obligatoire)
Email (obligatoire)
10. Page 404
Il devra être possible de rendre une page Edito comme étant une page 404.
11. Sitemap xml
Mise en place à la racine du site d’un fichier sitemap permettant le listing des pages d'un site web qui
doivent être explorées par les robots des moteurs de recherche.
Ce listing de page devra être mis à jour de façon automatique.
12. Robots txt
Tout le site sera indexé.
© WSB Agency 2018. Document confidentiel. 15 janvier 2018 / 31 sur 31Vous pouvez aussi lire
