Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

PROJECT FIN D’ETUDE Développement informatique Création d’un site web de E-Comm

PROJECT FIN D’ETUDE Développement informatique Création d’un site web de E-Commerce Réalisé par : ILYASS MEDIANI Professeur Responsable : Mr Harek et Mr MAHER Encadré par : 1 REMERCIEMENT Tout d’abord, Je veux rendre un hommage particulier à mes Parents qui m’ont donné le monde et continué de le faire. J’adresse mes remerciements au corps professoral et administratif de l’Institut des Techniques Supérieures ITSUP, pour la qualité de l’enseignement offert et le soutien de l’équipe administrative. Je souhaite ensuite remercier le directeur général de ITSUP, M. Abdelkader et mon encadrant M r H a r e k e t M r . M a h e r . Ils ont su me faire confiance lors de cette aventure dans le monde professionnel et ont partagé leurs connaissances de manière très pédagogique. Je les remercie aussi pour leur disponibilité et la qualité de leur encadrement en entreprise. Je tiens également à remercier le personnel pour l'environnement chaleureux qu'ils ont fourni. Je voudrais enfin exprimer ma reconnaissance envers les amis qui m’ont apporté leur soutien moral et intellectuel tout au long de ma formation. 2 PLAN REMERCIEMENT 1 AVANT-PROPOS 3 INTRODUCTION 4 1. L’entreprise BPSMAROC 2. Les principaux services PRESENTATION DU PROJET 5 Présentation 6 Outils du travail 7 1. PHP _ 9 2. HTML _ 10 3. CSS _ 11 4. BOOTSTRAP _ 12 5. JAVASCRIPT _13 6. AJAX _14 7. SQL 15 Déroulement du stage 16 Environnement de travail _17 VISUAL STUDIO CODE 18 SQL SERVER MANAGEMENT STUDIO 19 REALISATION DU PROJET 20 Développement 20 Diagramme de cas d’utilisation 20 Tâches réalisées 21 Modèle conceptuel des données (MCD) 28 Modèle logique des données (MLD) 29 Conclusion 30 3 4 INTRODUCTION Afin de découvrir le monde du travail au sein des entreprises et dans le but de mettre en pratique les connaissances théoriques que j’ai étudié durant ma formation à l’Institut des Techniques Supérieures (ITSUP), Mon objectif principal était de concevoir un site web permettant aux utilisateurs de profiter des services de vente de la société, et puis le rendre une réalité. Grâce à cette tâche, j'ai eu l'opportunité de mettre un peu de moi dans mon projet, et aussi l'occasion d'en tirer des leçons. J'ai acquis de nouvelles connaissances, compétences de vie et une expérience mémorable. 5 6 Présentation du Projet PROBLEMATIQUE Introduction BPSMAROC propose ses services par téléphone, ce qui peut créer de la confusion ou des inconvénients pour les employés qui travaillent sur différentes tâches en même temps. C’est pourquoi l'entreprise a décidé d'informatiser leur service commercial de matériels informatiques afin de réduire le bourrage sur les appels téléphoniques, minimiser les dépenses pour les clients et offrir plus de temps et confort aux clients et aux employés. Objectifs Conception et création d’un site web de E-Commerce qui présente les différents articles disponibles à la vente, les ajouter dans votre panier puis passer des commandes. Détail Le site web doit permettre à l’utilisateur de : Consulter la page d’accueil et d’articles sans authentification. Se connecter ou créer un nouveau compte. Gérer le mot de passe. Pouvoir ajouter des articles souhaités dans le panier du compte. Supprimer les articles du panier. Afficher des messages indicatifs à l’utilisateur au cours de son expérience. Enregistrer une commande avec les détails validés du panier. Se déconnecter. 7 1ERE PARTIE LES OUTILS DU TRAVAIL 8 Qu'est-ce qu'un site web ? Un site web est l’ensemble des pages web et des ressources inter reliées entre elles par des liens hypertextes, auxquelles l’internaute peut accéder par une adresse web appelée Url, le tout enregistré sous le même nom de domaine. Un site web ou site internet englobe des textes et multimédia, il est hébergé sur un serveur web, auquel on peut accéder à travers le réseau internet ou intranet. Une page web peut être défini comme étant l’ensemble des documents html structurés, stockés sur un serveur connecté au réseau mondial qu’est internet, cette dernière contient pour son essentiel du texte, que l’on enrichit et accompagne d'images, de vidéos animation, de son parfois et de liens reliant la présente page à d'autres pages web. Quelle est l’utilité d’un site web ? Durant ces dernières années, internet est devenu l’outil le plus utilisé au monde qui relie plusieurs internautes à travers le monde dépassant de loin les médias classiques tels que la télévision. Lorsqu’un internaute atterrit sur un site web, c'est par ce qu’il cherche à assouvir un désir de partage, communication, s'amusement ou à répondre à des questions dans différents domaines. Une page web contient des informations qui permettent de communiquer et de partager des ressources avec les gens qui sont connectés sur internet et ce partout dans le monde. Les professionnels créent des sites web pour se faire connaitre du grand public et l’intégrer comme étape primordiale dans la mise en place de sa stratégie commerciale, une manière très efficace qui a pour objectif de développer leur réputation et notoriété sur le web, à travers l’utilisation du site web comme support de diffusion d'information et de publicité. Pour un professionnel, le site web est support de communication avantagé qui possède en lui-même un double intérêt, se faire connaitre auprès des clients potentiels et faire du marketing visé à moindre coût à travers la mise en place d’une stratégie de promotion de marque pour affirmer sa présence sur le réseau internet. 9 PHP PHP est un langage de programmation coté serveur. PHP s’exécute entièrement sur le serveur qui héberge le site Web. Bien que son exécution soit moins rapide que celle du Javascript en raison du temps que prend la requête pour parvenir au serveur et la réponse pour arriver jusqu'au navigateur, PHP dispose de plusieurs atouts que je vais résumer dans les points suivants : Code source confidentiel : Puisque PHP est un langage CGI qui s'exécute sur le serveur, alors son code source n'est jamais visible par le client, ce qui permet de manipuler des données confidentielles. Open source : PHP est un langage de programmation libre de droit. Multi-plateforme : PHP s’exécute sur des serveurs d'applications que l'on peut installer sur de nombreux systèmes d'exploitation (Unix/Linux, Windows, Mac OS, BSD...) Syntaxe simple et intuitive : Les personnes ayant déjà programmé en C ou en Javascript trouvent PHP facile à manipuler. Interfaçage simple avec les bases de données : Bien que PHP soit souvent associé au SGBD MySQL, il peut cependant interagir avec presque tous les SGDB connus, d'autant plus à l'aide de l'interface PDO. Richesse fonctionnelle : PHP prend en charge de nombreuses bibliothèques qui permettent de réussir des traitements de nature différente comme la manipulation du DOM, la programmation réseau ou le traitement d'images... Supports disponibles : La documentation de PHP est très abondante et diversifiée surtout grâce aux posts de la très large communauté qui s'est formée autour de lui. 1 0 HTML L'HyperText Markup Language, HTML, désigne un type de langage informatique descriptif. Il s'agit plus précisément d'un format de données utilisé dans l'univers d'Internet pour la mise en forme des pages Web. Il permet, entre autres, d'écrire de l'hypertexte, mais aussi d'introduire des ressources multimédias dans un contenu. Développé par le W3C (World Wide Web Consortium) et le WHATWG (Web Hypertext Application Technology Working Group), le format ou langage HTML est apparu dans les années 1990. Il a progressivement subi des modifications et propose depuis 2014 une version HTML5 plus aboutie. L'HTML est ce qui permet à un créateur de sites Web de gérer la manière dont le contenu de ses pages Web va s'afficher sur un écran, via le navigateur. Il repose sur un système de balises permettant de titrer, sous- titrer, mettre en gras, etc., du texte et d'introduire des éléments interactifs comme des images, des liens, des vidéos... 1 1 CSS Le CSS pour Cascading Style Sheets, est un langage informatique utilisé sur Internet pour la mise en forme de fichiers et de pages HTML. On le traduit en français par feuilles de style en cascade. Apparu dans les années 1990, le CSS se présente comme une alternative à la mise en forme via des balises, notamment HTML. Un peu plus complexe à maîtriser, il permet un gain de temps considérable dans la mise en forme d'une page web par rapport à ces balises. Grâce au CSS, vous pouvez en effet appliquer des règles de mise en forme (titrage, alignement, polices, couleurs, bordures, etc.) à plusieurs documents simultanément. Sur le plan de la conception d'une page Web, le CSS permet par ailleurs de séparer la présentation d'une page HTML et sa structure. Ses standards sont définis par le World Wide Web Consortium (W3C). 1 2 BOOTSTRAP Bootstrap est un Framework développé par l'équipe du réseau social Twitter. Proposé en open source (sous licence MIT), ce Framework utilisant les langages HTML, CSS et JavaScript fournit aux développeurs des outils pour créer un site facilement. Ce Framework est pensé pour développer des sites avec un design responsive, qui s'adapte à tout type d'écran, et en priorité pour les smartphones. Il fournit des outils avec des styles déjà en place uploads/Management/ rapport-final-developpement-informatique.pdf