Vous êtes sur la page 1sur 23

SPÉCIFICATION D’UNE APPLICATION WEB

i. Les fonctionnalistes de l’application web .

 Qu'Est-ce qu’un site web (définition)


 Comment fonctionne un site Web
 Quels sont les modules constitutifs d’un site web

ii. Cahier de charges détaille.

 Qu'est-ce qu'un Cahier des charges (définition).


 Les avantages du cahier de charges.
 Les types de cahier de charges .
 Cas pratique
 Qu'Est-ce qu’un site web (définition):

est un ensemble de pages Web reliées entre elles par des liens
internes, visualisable depuis un navigateur Web.
Comment fonctionne un site Web:

le Web est un système d’échange entre un client et un serveur:

 Le client : c’est nous, c’est notre navigateur Web, c’est lui qui va nous permettre de voir le Web depuis
notre ordinateur, Smartphone ou tablette. C’est celui que vous connaissez sans doute sous le nom
de Chrome, Firefox, Safari, Internet Explorer, etc.

 le serveur : c’est en fait un ordinateur puissant qui stocke et héberge des sites Web. C’est sur cet
ordinateur que se trouvent les pages Web, c’est à dire tous les fichiers du site internet auquel on veut
accéder.

remarque:
Le but du serveur web est de servir des clients, d’où le nom « serveur ».
Comment se passe la communication entre le client et le serveur?
• Le client accède à une page Web en utilisant l’adresse d’un site web –
appelée URL – dans son navigateur. Par exemple,
l’URL http://monsite.fr/mondossier/mapage.html
• On peut décomposer l’URL en plusieurs parties :

 “http” , c’est le nom du protocole de communication entre le client et le serveur.

 “monsite.com”  , est le nom de domaine du site Web auquel on veut accéder.


 “mon dossier/mapage.html”  , est l’endroit où se trouve la page dans le site web.
La communication entre client et serveur se fait en trois étapes:
1/ Premièrement, le client commande une page Web au serveur. Il saisit l’URL
d’un site dans son navigateur. Celui-ci envoie immédiatement une requête web au
serveur.
2 / Ensuite, le serveur prépare cette commande c’est-à-dire la page Web en
question. Le serveur va se charger de traiter la requête et renvoyer les données
demandées (page web, image, vidéo…).
3 / Et enfin, le navigateur interprète les données reçues et les renvoient au client
qui va les afficher directement sur notre écran.
Quels sont les modules constitutifs d’un site web:

Un site Web est constitué de 4 éléments fondamentaux :

1. des fichiers
2. d’une base de données
3. d’un nom de domaine
4. d’un hébergement Web
• 1. Les Fichiers d’un site Web:
Définition:
Un fichier est un ensemble de données numériques réunies et enregistrées sous un
même nom.
tous les sites, quel qu’ils soient, sont constitués de fichiers regroupés en dossiers
et sous dossiers.
2.La base de données d’un Site Web :
Une base de données pour site Web, sert essentiellement à stocker des
informations, qui sont ensuite traitées, filtrées, triées, et utilisées pour composer le
contenu d’une page Web. Le contenu d’une même page Web pouvant varier selon
la demande d’un internaute par rapport à un autre, la base de données intervient,
pour stocker toutes les réponses possibles. C’est d’ailleurs en ce moment
qu’intervient la programmation Web et les langages de programmation.

Exemple : La page de résultats de Google recherche, n’est pas la même, selon les
recherches qui sont effectuées. Les différentes réponses qui s’affichent selon les
recherches des internautes, proviennent d’une base de données.
3.Le nom de domaine d’un Site Web:

est l’adresse d’un site Web. C’est le www.facebook.com par exemple. C’est le
www.google.com aussi. Le nom de domaine est également le nom d’un site Web. Il
est composé de :

 3 fois w,
 suivi d’un nom sans espace, tout en minuscule et sans caractères accentués (à á â æ ç
è é ê ë ì í î ï ñ ò ó ô œ ù ú û ü ý ÿ),
 suivi d’une extension (.com., .Fr, .net, .orge, .info, etc.).
4.L’hébergement Web d’un site Web:

L’hébergement Web, est un espace que l’on loue par abonnement annuel, sur un serveur Web, pour y
mettre les fichiers et la base de données du site qu’on a réalisé. Cela permet à tous les internautes
d’accéder à votre site.
LE CAHIER DES
CHARGES
Cahier des charges: Définition

 Document qui doit être respecté lors de la conception d’un projet


 Document contractuel décrivant ce qui est attendu du maître d’œuvre par le
maître d’ouvrage
 Document qui contient des indications pour les phases suivantes du cycle de
vie d’un logiciel
Les avantages du cahier des charges:

 Il vous permet de remettre à plat vos besoins et vos objectifs


 Il vous permet de prioriser votre travail

 Il permet à vos interlocuteurs de mieux comprendre vos attentes et de pouvoir


vous guider
 Il permet de pouvoir estimer la charge de travail réelle
Les types de cahier des charges:

Cahier de charges techniques

Cahier de charge fonctionnels


Cahier de charges techniques:

Comme son nom l’indique , C’est le détail de toutes préconisations,


demandes et contraintes technique d’un projet . Il spécifie :
l’environnement technique
Les langages et outils à utiliser , ainsi que leurs versions
respectives
Les modalités techniques sur le développement , les
procédures , les backups… etc.
Cahier des charges fonctionnels:

C’est un document qui permet de définir les besoins , les tenants et


les aboutissants d’un projet . Les parties essentielles d’un cahier de
charges fonctionnels sont :

 La présentation du projet
 La définition des objectifs
 La cible
 La responsabilité
 Les contraintes générales
 L’identité graphique
CAS PRATIQUE : CAHIER
DES CHARGE
RÉALISATION DE SITE
WEB
CAHIER DE CHARGE
1. Présentation d’ensemble du projet
• « Pano » est une entreprise de vente de parfumerie en ligne, actuellement en cours de

création. L’enregistrement des statuts pour la création d’une SAS est prévu pour début mai .

2. Les objectifs

• Nombre de bouteilles vendues : 3 000 .

• Visiteurs par jour : 1000, dont plus de 30% en référencement naturel.


• Nombre de comptes clients : 1 000.

3. Le Planning :
• Le projet sera ensuite découpé en 3 phases :
 Phase de prototypage (1 mois environ) : Construction des maquettes, validation
des choix d’architectures et de technologies.
 Phase de développement du pilote (2 mois environ) : Développement de
l’ensemble des fonctionnalités, intégration des maquettes
DÉVELOPPEMENT D’UN SITE WEB

4. Le cible
 Cible principale : ouvert au grand public.

5. Les responsabilités
 Maitrise d’œuvre : Ce rôle a été attribué à Ilham Hizoune , chef de projet .

6. L’environnement technique
Le site se décompose en 4 pages principales, toutes accessibles depuis le
header du site, lui-même présent à l’identique sur l’ensemble des pages du site.
Ces pages principales sont :
• Home : (htp://ilypano.ma)
• Nos parfums: (htp://ilypano.ma/nos-parfums)
• Nos fournisseurs : (htp://ilypano.ma/nos-fournisseurs)
• Blog : (htp://ilypano.ma/Blog)
DÉVELOPPEMENT D’UN SITE WEB

7.Contraintes techniques :
• Technologies et logiciels à utiliser : Pas de contraintes particulières. Le prestataire peut
proposer des services et logiciels externes si cela permet de réduire le coût de création et de
gestion du site.
• Le site doit être compatible avec l’ensemble des navigateurs standards : Google Chrome,
Android, Mozilla Firefox, Internet Explorer, Safari & Opera. Les versions compatibles doivent
être définies explicitement par le prestataire).
• L’hébergeur sera sélectionné et l’hébergement paramétré par le prestataire, mais directement
facturé à « Pano».
• Des systèmes tiers seront potentiellement intégrés par la suite de l’activité : réseaux sociaux,
comptabilité, facturation, emailing, marketing automation, CRM, web analyse. Le
développement du site doit en tenir compte et rendre ces intégrations futures facilement
réalisables
DÉVELOPPEMENT D’UN SITE WEB

• A) Temps de développement

• Le temps alloué pour réaliser le projet est quatre mois.


• B) Couts de développement
• Un budget de 40000dh a été alloué pour le développement du projet.
• 8. Identité graphique
 logo
 Polices et couleurs
Nous allons adopter par défaut les polices définies par chaque plateformes . Et les
couleurs choisies sont : noir , vert ,gris
8. Maintenance
Elle assure la pérennité du site.
Elle améliore le référencement et la visibilité du site.
Elle aide à la préparation du succès du site.
QUELQUES CONSEILS

• travailler par étapes.


• Formaliser la demande.
• Décrire les contraintes.
• Faire une relecture et une validation .

Vous aimerez peut-être aussi