Spécifications

Fonctionnelles Détaillées

Spécifications Fonctionnelles
Détaillées
Spécifications

Titre Spécifications Fonctionnelles Détaillées

Diffusion Restreinte - Projet <UTM>

Langue Français

Propriétaire <Prénom NOM>

Rédigé par <Prénom NOM> Date : 

Validé par <Prénom NOM> Date :

Etat [État ]
Nom du fichier 676593473.docx

Référence [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION]

Diffusion : Restreinte - Projet <UTM>

Référence : [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION] Page 1 | 8
 Spécifications
Fonctionnelles Détaillées

Révisions :

Date Modification Auteur Etat Version

01/01/2020 Création du document G.Pushocs Initial 0.1

10/10/2020 Refonte globlae M.LENTZ Validé 1.0

Diffusion : Restreinte - Projet <UTM>

Référence : [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION] Page 2 | 8
 Spécifications
Fonctionnelles Détaillées

Table of contents
1. Introduction..................................................................................................................................... 4
1.1. Objectives of this document.................................................................................................... 4
1.2. Recipients............................................................................................................................... 4
2. The general structure of the website components.
3. Homepage
3.1.
3.2.

Diffusion : Restreinte - Projet <UTM>

Référence : [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION] Page 3 | 8
 Spécifications
Fonctionnelles Détaillées

1. INTRODUCTION
1.1. OBJECTIVES OF THIS DOCUMENT
The Detailed Functional Specifications refer to all the documents that describe in detail the
requirements, business rules, and behaviors of the target solution, in accordance with the Client's
needs analyzed and collected upstream. Therefore, this document will translate the requirement for all
pages of the UTM website.

1.2. RECIPIENTS
This document is intended for both functional teams (Business Analysts, Product Owners, Business
Teams) to validate the business rules derived from business requirements, and for development
teams, for whom this document serves as a reference for implementing the Information System.

2. THE GENERAL STRUCTURE OF THE WEBSITE COMPONENTS

Le schéma ci-dessous représente l’architecture de la solution logicielle :

CMS Wordpress Logo next to menu

Urban Transitions
Mission
Responsive website Fixed site menu

Blocks Type of content Share bar Page template

Pop-up Page Social media Homepage

sharing
The different News /Events About Us Page
sections of the Configuration and
homepage Cities City Cohort page
setup

URL friendly UTMC page

Features Taxonomy
Sitemap News & Events
User-friendliness Cities category
page
News/Events Search engine (eco-
Maps Details news/event
category design: without
auto-completion) page
Tabs
Training Join the cohort page
Slider Custom 404 page
Cities Content
GDPR, cookie
management management

Diffusion : Restreinte - Projet <UTM>

Référence : [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION] Page 4 | 8
 Spécifications
Fonctionnelles Détaillées

3. HOMEPAGE
HEADER
Site identity (logo) - Navigation menu
Slider : Large visual (multiple editable images/videos)
The slider automatically scrolls or can be manually controlled
by clicking on the small dots at the bottom of the slider to
move to the second slide.

ABOUT US
This area highlights UTM's activity through a brief
description.You will find a "Discover More" button that
redirects to the "About Us" page.
In the same section, we will find the part that showcases
partner logos, which will be displayed in two rows and
automatically scroll.

OUR APPROACH
Block displaying two promotional boxes, one for "The
Cohort" page and the other for the "UTMC" page, each with
a redirect button.

OUR PILLARS
This area highlights 3 static blocks representing the pillars of
UTM.

WHY JOIN US?

This area consists of a stepper outlining the benefits of
joining UTM in the form of numbered frames.

GCoM and the Urban Transitions Mission

This section displays an image, a title, and a description. The
image contains a "click to play" icon and links to the video on
YouTube (due to eco-design) in a pop-up format.

NEWS & EVENTS

This section is dedicated to news and events together. To
differentiate between the two, a category tag is added to the
boxes. Each box is clickable and redirects to either the
"News Detail" or "Events Detail" page. Additionally, there is a
button that redirects to the main "News & Events" page,
listing all of them.

VIDEO SECTION
Here we have a promotional video of UTM.

Diffusion : Restreinte - Projet <UTM>

Référence : [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION] Page 5 | 8
 Spécifications
Fonctionnelles Détaillées

Diffusion : Restreinte - Projet <UTM>

Référence : [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION] Page 6 | 8
 Spécifications
Fonctionnelles Détaillées

TESTIMONIALS
This section is dedicated to news and events together. To
differentiate between the two, a category tag is added to the

FOOTER
The footer will be editable (logo, contact information, Site
Map, Privacy Policy, Cookie Management).

Diffusion : Restreinte - Projet <UTM>

Référence : [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION] Page 7 | 8
 Spécifications
Fonctionnelles Détaillées

1st area: Hero section

Diffusion : Restreinte - Projet <UTM>

Référence : [ENTITE] - [TYPE] - [CLIENT] - [SUJET_CHRONO] - [DATE] - [VERSION] Page 8 | 8