Remerciez-le!

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

Projet de Fin d’Etudes Licence Sciences et Techniques Génie Informatique Applic

Projet de Fin d’Etudes Licence Sciences et Techniques Génie Informatique Application web pour la gestion des factures et devis Lieu de stage : Agence Web Marko FES Réalisé par : Encadrant pédagogiques : Ikram MASSAOUDI Pr. Mohammed Chaouki ABOUNAIMA Pr.Mohammed TALIBI ALAOUI Encadrant de stage : Mohamed RACHIDI Soutenu le 11 /06/2019 devant le jury composé de : Pr M. C. ABOUNAIMA Pr J. KHARROUBI Pr. M. OUZARF Année Universitaire 2018-2019 LST Génie Informatique FST-FES 2018 /2019 2 Dédicace Je dédie ce modeste travail comme signe de reconnaissance, de respect et d’admiration : A mes chers parents Pour tout ce que vous avez fait pour moi, pour les efforts que vous avez sacrifiés pour mon éducation et ma formation. Je ne cesse jamais de faire mon mieux pour rester un sujet de fierté à vos yeux avec l’espoir de ne jamais vous décevoir. A mes chers frères - Sœurs Pour votre précieux soutien moral et matériel, pour vos conseils continus, votre affection et vos soutiens m’ont été d’un grand secours au long de ma vie. A mes chers Amis (es) Pour votre présence dans ma vie, pour les meilleurs souvenirs qu’on a partagé, pour l’encouragement et le soutien. A mes professeurs Pour votre aide tout au long de mon cursus académique, je serai toujours reconnaissante. LST Génie Informatique FST-FES 2018 /2019 3 Remerciements Au nom d’Allah le tout miséricordieux, ce travail, ainsi accompli, n’aurait point pu arriver à terme, sans le guidage d’Allah. J’adresse mes plus vifs remerciements à l’ensemble du corps professoral du département génie informatique de la Faculté Des Sciences et Techniques de FES et spécialement Messieurs Mohammed Chaouki ABOUNAIMA et Mohammed TALIBI ALAOUI, pour avoir accepté de m’encadrer, pour l’intérêt qu’ils ont porté à mon sujet, pour leur encadrement, pour leurs remarques pertinentes ainsi que pour leur patience. Leur suivi, leur encadrement et leurs conseils ont été un soutien considérable. Mes remerciements s'adressent aussi à mon encadrant de stage, Monsieur RACHIDI Mohamed, gérant de l’agence, pour m’avoir accordé sa confiance dans ce projet. Mes vifs remerciements s’adressent également aux professeurs Jamal KHARROUBI et Mohamed OUZARF qui ont accepté de juger mon modeste travail. J’exprime enfin ma profonde gratitude à tous ceux qui ont participé de près ou de loin au bon déroulement de ce travail. LST Génie Informatique FST-FES 2018 /2019 4 Résumé Le projet réalisé dans ce stage vise à concevoir et à développer une application web de gestion des factures et devis pour l’agence webmarko. Cette application permettra l’automatisation de certains processus, la gestion des profils des agents, des informations clientèles, des fiches de projet, ainsi que les documents commerciaux: devis et factures. En vue d’appliquer les acquis du cours Modélisation en UML, nous avons fait tout d’abord une étude conceptuelle de l’application. Cette dernière nous a facilité la réalisation de l’application en organisant les idées et en structurant l’implémentation suivant des diagrammes. L’application a été implémentée par diverses technologies en se basant sur l’étude conceptuelle, parmi eux, nous citons Laravel 5, qui est un framework permettant de créer efficacement des applications web complexes et flexibles. LST Génie Informatique FST-FES 2018 /2019 5 Sommaire REMERCIEMENTS .......................................................................................................................................3 RESUME .........................................................................................................................................................4 SOMMAIRE ...................................................................................................................................................5 LISTE DES FIGURES ....................................................................................................................................7 ABREVIATIONS ...........................................................................................................................................9 INTRODUCTION GENERALE .................................................................................................................. 10 CHAPITRE I : CONTEXTE GENERAL DU PROJET .............................................................................. 11 1.1 PRESENTATION DU LIEU DE STAGE ......................................................................................................................... 11 1.1.1 L’agence WebMarko ..................................................................................................................................... 11 1.1.2 Ses activités ...................................................................................................................................................... 11 1.2 DESCRIPTION DU CAHIER DES CHARGES ................................................................................................................ 12 1.2.1 Problématique................................................................................................................................................. 12 1.2.2 Solution proposée .......................................................................................................................................... 13 1.3 DEROULEMENT DE STAGE : DIAGRAMME DE GANTT .......................................................................................... 14 CHAPITRE II : ANALYSE ET CONCEPTION ......................................................................................... 15 2.1 . OUTILS D’ANALYSE ET DE CONCEPTION ............................................................................................................... 15 2.1.1 Langage uml .................................................................................................................................................... 15 2.1.2 Modèle en cascade ......................................................................................................................................... 15 2.1.3 Modèle MVC ...................................................................................................................................................... 16 2.1.4 Enterprise Architect ..................................................................................................................................... 17 2.2 MODELE FONCTIONNEL DU SYSTEME ..................................................................................................................... 17 2.2.1 Les acteurs de système ................................................................................................................................ 17 2.2.2 Diagrammes de cas d’utilisation ............................................................................................................ 17 2.2.3 Description des cas d’utilisation ............................................................................................................. 20 2.2.4 Diagramme de classes : vue statique du système : ......................................................................... 29 2.2.5 Modélisation logique des données : ....................................................................................................... 31 2.3 OUTILS TECHNIQUES DE DEVELOPPEMENT : ........................................................................................................ 31 2.3.1 Langage web choisis : [1] .......................................................................................................................... 31 2.3.2 Présentation du framework Laravel [7], [8] ..................................................................................... 33 CHAPITRE III : RÉALISATION ............................................................................................................... 35 LST Génie Informatique FST-FES 2018 /2019 6 3.1 UTILISATEURS DE L’APPLICATION ........................................................................................................................... 35 3.2 PRESENTATION DES INTERFACES ............................................................................................................................ 36 3.2.1 Interface d’accueil de l’application ....................................................................................................... 36 3.2.2 Espace Administrateur................................................................................................................................ 37 3.2.3 Espace Agent .................................................................................................................................................... 48 3.2.4 Espace client .................................................................................................................................................... 49 CONCLUSION ET PERSECTIVES ............................................................................................................ 55 WEBOGRAPHIE ........................................................................................................................................ 56 LST Génie Informatique FST-FES 2018 /2019 7 Liste des figures FIGURE 1 : DIAGRAMME DE GANTT ......................................................................................................................................... 14 FIGURE 2 : MODELE EN CASCADE ............................................................................................................................................. 15 FIGURE 3: MODELE MVC ........................................................................................................................................................... 16 FIGURE 4: LOGO ENTERPRISE ARCHITECT ............................................................................................................................ 17 FIGURE 5 : DIAGRAMME DE CAS D’UTILISATION POUR L’AGENT ...................................................................................... 18 FIGURE 6 : DIAGRAMME DE CAS D’UTILISATION POUR L'ADMINISTRATEUR ................................................................ 19 FIGURE 7 : DIAGRAMME DE CAS D’UTILISATION POUR LE CLIENT ................................................................................... 20 FIGURE 8 : DIAGRAMME DE SEQUENCE POUR LA GENERATION DE FACTURE ............................................................... 25 FIGURE 9 : DIAGRAMME DE SEQUENCE POUR LA DEMANDE DU DEVIS ........................................................................... 27 FIGURE 10 : DIAGRAMME DE SEQUENCE POUR L’AUTHENTIFICATION DES TROIS ACTEURS ................................... 29 FIGURE 11 : DIAGRAMME DE CLASSES.................................................................................................................................... 30 FIGURE 12 : MODELE LOGIQUE DES DONNEES ..................................................................................................................... 31 FIGURE 13 : LOGO LARAVEL ...................................................................................................................................................... 33 FIGURE 14 : INTERFACE D’ACCUEIL DE L’APPLICATION ..................................................................................................... 36 FIGURE 15 : EXEMPLE AUTHENTIFICATION DE L’ADMINISTRATEUR ............................................................................. 36 FIGURE 16 : PAGE D’ACCUEIL ADMINISTRATEUR ................................................................................................................ 37 FIGURE 17 : LISTES DES DEMANDES DE DEVIS ..................................................................................................................... 38 FIGURE 18 : CREER DEVIS .......................................................................................................................................................... 39 FIGURE 19 : CONSULTER LISTE DES DEVIS ............................................................................................................................ 40 FIGURE 20 : MODIFIER DEVIS ................................................................................................................................................... 41 FIGURE 21: IMPRESSION DU DEVIS .......................................................................................................................................... 42 FIGURE 22 : LISTE DES DEVIS VALIDES................................................................................................................................... 42 FIGURE 23 :GENERER FACTURE ............................................................................................................................................... 43 FIGURE 24 : CONSULTER LISTE DES FACTURES .................................................................................................................... 44 FIGURE 25:MODIFIER FACTURE ............................................................................................................................................... 45 FIGURE 26 : FACTURE GENERER EN FORMAT PDF .............................................................................................................. 46 FIGURE 27 : LISTE DES AGENTS................................................................................................................................................ 47 FIGURE 28 : LISTE DES PROJETS............................................................................................................................................... 47 FIGURE 29 : AJOUTER CLIENT ................................................................................................................................................... 48 FIGURE 30 : LISTE DES CLIENTS ............................................................................................................................................... 48 FIGURE 31 : TRANSFERT DES DEMANDES DE DEVIS ........................................................................................................... 49 FIGURE 32 : VUE AUTHENTIFICATION CLIENT ..................................................................................................................... 49 FIGURE 33 : INTERFACE D’INSCRIPTION DU CLIENT ........................................................................................................... 50 LST Génie Informatique FST-FES 2018 /2019 8 FIGURE 34 : DEMANDER UN DEVIS .......................................................................................................................................... 51 FIGURE 35 : CONSULTER DEVIS PAR CLIENT ......................................................................................................................... 52 FIGURE 36 : CONSULTER DEVIS VALIDES PAR CLIENT ....................................................................................................... 52 FIGURE 37 : CONSULTER FACTURES PAR CLIENT ................................................................................................................ 53 FIGURE 38 : VALIDER LIVRAISON DU PROJET ....................................................................................................................... 53 FIGURE 39 : LISTE DES PROJETS REÇUS.................................................................................................................................. 54 LST Génie Informatique FST-FES 2018 /2019 9 Abréviations MVC Model View Controller HTML Hypertext Markup Language CSS Cascading Style Sheets PHP Hypertext Preprocessor SQL Structured Query Language UML Unified Modeling Language IT Information Technology ICE Identifiant Commun de l’Entreprise ORM Object-Relational Mapping LST Génie Informatique FST-FES 2018 /2019 10 Introduction générale La gestion commerciale occupe une place très importante dans le fonctionnement et le développement de l’activité des entreprises. L’automatisation des tâches est une phase à une grande priorité dans le processus de modernisation de n’importe quelle entreprise de nos jours. D’une part elle permettra de simplifier les tâches internes de ses agents et de ses administrateurs. D’autre part, elle permettra à l’entreprise de s’ouvrir sur le monde extérieur en mettant à dispositions de ses clients toute une plateforme web garantissant une communication fluide et disponible en permanence. Dans le cadre de stage de fin d’études, j’ai été accueilli par l’agence WebMarko et la tâche qui m’a été confié c’est la réalisation d’une application web qui doit gérer les clients, les agents, les projets offerts, les devis, ainsi que les factures. Certes, le bon fonctionnement de l’application et le respect du cahier de charges sont très importants. La sécurisation de cette dernière est d’une importance majeure. Cela nous a incités à penser à ce point important tout au long de la réalisation de cette application. Le présent mémoire est organisé comme suite : Dans le premier chapitre, nous présentons l’entreprise d’accueil, puis le cahier de charge de la réalisation de l’application de gestion commerciale. Dans le deuxième chapitre, nous verrons les différentes étapes de la conception de cette application. Ensuite, nous présentons les choix de réalisations et les outils utilisés. Finalement, nous concluons par la présentation de l’application. LST Génie Informatique FST-FES 2018 /2019 11 1 Chapitre I : Contexte général du projet 1.1 Présentation du lieu de stage Dans cette partie, nous présentons le contexte général du projet : nous commençons par une présentation de l’organisme d’accueil WebMarko, ses clients ainsi que sa structure et ses domaines d’ac vités, ensuite je donne une brève présenta on du projet de ce stage, à savoir l’applica on réalisée durant cette période. 1.1.1 L’agence WebMarko WebMarko est une agence de communication digitale qui est située à la ville de Fès, l’agence webmarketing est spécialisée dans la création et le développement de sites web, ainsi uploads/Science et Technologie/ rapport-final-applicationgestioncomerciale.pdf