Spécifications fonctionnelles - GUAPO

 
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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Spé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 31
Vous pouvez aussi lire
DIAPOSITIVES SUIVANTES ... Annuler