Conception de sites web marchands: TD 3 Email : nassim.bahri@yahoo.fr Nassim BAHRI Site web : http://nassimbahri.ovh Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 1

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 2016/2017 2

Récapitulatif Ensemble des fonctionnalités d’un site E-commerce Etude de faisabilité Objectifs du projet Besoins et attentes Opportunités du projet Organisation du projet 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 2016/2017 3

Pourquoi? Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 4

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 2016/2017 5

Plan du cahier des charges Présentation de l’entreprise Présentation du projet 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 Prestations attendues Fonctionnalités du site Contraintes (Besoins non fonctionnelles) Maquette du site (exemple de charte graphique) Hébergement, référencement, stratégie marketing,… (facultatifs) Livrable attendu Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 6

Plan du cahier des charges L’équipe de réalisation Planning de réalisation Offre de prix Propriétés et droits Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 7

Travail à faire Contenu / Caractéristiques du site? Décrivez le contenu que vous fournissez (photos, texte, image,…) Nombre de pages estimés pour le site Nombre de photos Taille de la base de données Décrivez les différentes parties composant le site web Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 8

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 2016/2017 9

Travail à faire Rôles / Acteurs du projet / Parties prenantes Indiquez ici comment seront répartis les rôles entre votre entreprise et le prestataire. Rôle du client (maître d’ouvrage) Rôle du prestataire de service (maître d’œuvre) Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 10

Réponse Rôle du maître d’ouvrage (mentionner son nom) 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). Rôle du maître d’œuvre (prestataire de service) 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 2016/2017 11

Travail à faire Contraintes (besoins non fonctionnelles) Contraintes d’utilisation / d’interface Contraintes de sécurités Contraintes de performance,… Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 12

Réponse Contraintes de performance Contraintes d’interface : Tous les standards d’ergonomies doivent être présents : interface utilisateur bien claire et simple dans l’utilisation. Design attractif et respectant la norme W3C. Le site doit avoir une interface qui contient les couleurs du logo de la société. Contraintes de performance Le temps du chargement d’une page demandée par l’utilisateur ne doit pas prendre plus de 30 secondes au pire des cas. Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 13

Réponse Contraintes de sécurité Contraintes de disponibilité: 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. Contraintes de sécurité 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 2016/2017 14

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 2016/2017 15

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éveloppeurs 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 2016/2017 16

Planning de réalisation Etapes Intervenant Charge de travail 1- Etude préliminaire de la thématique et architecture du site. Collecte et structuration du dossier média Chef de projet X jours 2- Conception des chartes graphiques, découpages et mise en forme Infographiste Designer 3- Découpage de la maquette en format HTML Webmaster Intégrateur 4- Développement Développeurs 5- Hébergement et tests Contrôle qualité Total Ecole Supérieure d'Economie Numérique Année universitaire 2016/2017 17

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 2016/2017 18