Conception de sites web marchands: TD 2

Conception de sites
web marchands: TD 2
Email : [email protected]
Nassim BAHRI
Site web : http://nassimbahri.ovh
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Etude de cas
• Un groupe de librairies voudrait mettre en place un
site web marchand. Ce client voudrait que le site
réponde aussi aux différents problèmes causés par
sa disposition géographique : ce groupe possède
plusieurs locaux dispersés géographiquement sur
toute la Tunisie.
• La mise en place du site est assez urgente vu que
les chiffres de vente sont en baisse et que certains
locaux seront amenés à fermer.
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Récapitulatif
• Ensemble des fonctionnalités d’un site E-commerce
• Etude de faisabilité
1.
Objectifs du projet
2.
Besoins et attentes
3.
Opportunités du projet
4.
Organisation du projet
5.
Planning du projet
• Les différentes architectures (applicative, logicielle,
matérielle)
• Plan du back-office / front office
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Pourquoi?
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Cahier des charges
• Un document qui permet de cadrer le projet, de
préciser ses périmètres, d’identifier les parties
prenantes,…
• C’est un document qui formule les besoins de
l’utilisateur (fonctions détaillés), le service rendu par
le projet et les contraintes de réalisation.
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Plan du cahier des
charges
I. Présentation de l’entreprise
II. Présentation du projet
1.
2.
3.
4.
5.
Ce que vous attendez du site (besoins et attente)
Cibles du projet
Contenu / Caractéristiques du site
Rôles / Acteurs du projet / Parties prenantes
Arborescence du site
III. Prestations attendues
I.
II.
III.
IV.
Fonctionnalités du site
Contraintes (Besoins non fonctionnelles)
Maquette du site (exemple de charte graphique)
Hébergement, référencement, stratégie marketing,… (facultatifs)
IV. Livrable attendu
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Plan du cahier des
charges
V. L’équipe de réalisation
VI. Planning de réalisation
VII. Offre de prix
VIII.Propriétés et droits
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Travail à faire
1. Contenu / Caractéristiques du site?
o Décrivez le contenu que vous fournissez (photos, texte, image,…)
o Nombre de pages estimés pour le site
o Nombre de photos
o Taille de la base de données
o Décrivez les différentes parties composant le site web
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Réponse
• Un Front Office (le site tel qu’il est visualisé par les
internautes) comportant les différentes rubriques du
site, les images, les bannières, les animations,…
• Des animations en FLASH pour rendre le site attrayant,
• Un catalogue en ligne : permettant de lister
l’ensemble des livres de la société (article, image,
description, auteurs…)
• Un Back Office : partie sécurisée, consultable
seulement par l’administrateur du site
• Nombre de page illimité : la possibilité de créer une
infinité de pages, de modifier leurs contenu,…
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Travail à faire
2. Rôles / Acteurs du projet / Parties prenantes
o Indiquez ici comment seront répartis les rôles entre votre entreprise et le
prestataire.
o Rôle du client (maître d’ouvrage)
o Rôle du prestataire de service (maître d’œuvre)
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Réponse
1. Rôle du maître d’ouvrage (mentionner son nom)
o
o
o
o
valider les phases de choix (graphisme, ergonomie, contenus),
valider le respect du cahier des charges,
veiller au respect des délais,
fournir les contenus de base (textes, plaquettes, logos, images, photos).
2. Rôle du maître d’œuvre (prestataire de service)
o
o
o
o
o
o
Proposer un planning de réalisation
Proposer des solutions graphiques, ergonomiques, techniques,
La conception et le développement du site internet,
La mise en ligne du site dans le respect des délais,
Assurer la maintenance et l'évolution du site après lancement,
Assurer un support technique.
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Travail à faire
3. Contraintes (besoins non fonctionnelles)
o Contraintes d’utilisation / d’interface
o Contraintes de sécurités
o Contraintes de performance,…
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Réponse
1. Contraintes d’interface :
o Tous les standards d’ergonomies doivent être présents :
interface utilisateur bien claire et simple dans l’utilisation.
o Design attractif et respectant la norme W3C.
o Le site doit avoir une interface qui contient les couleurs du
logo de la société.
2. Contraintes de performance
o
Le temps du chargement d’une page demandée par
l’utilisateur ne doit pas prendre plus de 20 secondes en
conditions normales.
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Réponse
3. Contraintes de disponibilité:
o Possibilité d’accès à l’application et à n’importe quelle
information 24h/24 et 7j/7 y compris les weekends, sauf en
période de maintenance.
4. Contraintes de sécurité
o
o
o
L’accès au différents espaces (client, administration) doit
être sécurisé par un login et mot de passe,
Cryptage des mots de passe au niveau de la base de
données,
La longueur minimale de mot de passe est entre 15 et 35
caractères.
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Livrable attendu
• Planning de réalisation avec un engagement sur la
date de la mise en ligne du site,
• Fichiers source (pages HTML, graphismes, bases de
données, programmes…),
• Documentation technique et fonctionnelle,
• Les paramètres techniques (login, mot de passe,
URL, configuration des applications, etc.) de mise
en ligne des pages et autres éléments nécessaires à
l’administration du site web,
• Formation pour le webmaster du site
• Une période de test et de garantie
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Equipe de réalisation
Chef de projet
Etude du projet
Définition et validation du contenu
Coordination entre les membres de l’équipe
Suivi de la production
Infographiste / webdesigner
Proposition des chartes graphiques
Intégration de la maquette / contenu
X développeur
Conception de la base de données
Programmation des modules dynamiques
Contrôle qualité
Test de conformité
Validation des taches réalisées
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015
Planning de réalisation
Etapes
Intervenant
1- Etude préliminaire de la thématique et
architecture du site. Collecte et structuration du Chef de projet
dossier média
2- Conception des chartes graphiques,
Infographiste
découpages et mise en forme
Designer
Charge de
travail
X jours
X jours
3- Découpage de la maquette en format HTML
Webmaster
Intégrateur
X jours
4- Développement
Développeurs
X jours
5- Hébergement et tests
Contrôle qualité
X jours
Total
Ecole Supérieure d'Economie Numérique
X jours
Année universitaire 2014/2015
Propriétés et droits
• Précisez que vous acquérez la propriété de
l’ensemble des images, graphismes, icône et autres
contenus créés pour le site.
Ecole Supérieure d'Economie Numérique
Année universitaire 2014/2015