Remerciez-le!

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

HAL Id: dumas-01868108 https://dumas.ccsd.cnrs.fr/dumas-01868108 Submitted on 5

HAL Id: dumas-01868108 https://dumas.ccsd.cnrs.fr/dumas-01868108 Submitted on 5 Sep 2018 HAL is a multi-disciplinary open access archive for the deposit and dissemination of sci- entific research documents, whether they are pub- lished or not. The documents may come from teaching and research institutions in France or abroad, or from public or private research centers. L’archive ouverte pluridisciplinaire HAL, est destinée au dépôt et à la diffusion de documents scientifiques de niveau recherche, publiés ou non, émanant des établissements d’enseignement et de recherche français ou étrangers, des laboratoires publics ou privés. Méthode d’analyse et conception d’une application Web Rajnish Bhoyrub To cite this version: Rajnish Bhoyrub. Méthode d’analyse et conception d’une application Web. Web. 2015. dumas- 01868108 CONSERVATOIRE NATIONAL DES ARTS ET METIERS CENTRE REGIONAL DE CLICHY MEMOIRE Présenté en vue d’obtenir le DIPLOME d’INGÉNIEUR CNAM En INFORMATIQUE Par Monsieur BHOYRUB Rajnish ______ Intitulé Méthode d’analyse et conception d’une application Web ______ Soutenu le 8 avril 2015 ____ JURY PRESIDENT : Monsieur Michel CRUCIANU, Professeur du CNAM de Paris MEMBRES : Monsieur Hassan EL GOHARY, Professeur responsable de la filière IMO au CNAM de Clichy Monsieur Jean-Paul JASMIN, Vice-président de l’Association Philotechnique de Bois-Colombes Monsieur Dominique LORTET, Ingénieur CNAM spécialité informatique Monsieur Daniel DREAN, Directeur de la Direction Développement et Relations client de la GMF Vie Monsieur Stéphane LALAIRE, Directeur de la Direction Système Vie de la GMF Vie ___________________________________________________Page 2/118__________________________________________________ TABLE DES MATIERES Table des matieres ........................................................................................................................................................................................................2 Table des illustrations ........................................................................................................................................................................................................5 Liste des tableaux ........................................................................................................................................................................................................8 Liste des abréviations ........................................................................................................................................................................................................9 Remerciements ..................................................................................................................................................................................................... 10 Résumé ..................................................................................................................................................................................................... 11 Summary ..................................................................................................................................................................................................... 11 Introduction Générale ..................................................................................................................................................................................................... 12 Introduction ..................................................................................................................................................................................................... 14 Chapitre 1 Présentation .......................................................................................................................................................................... 15 Chapitre 2 Le cas d’étude professionnel ......................................................................................................................................... 18 2.1. Présentation du projet .......................................................................................................................................................................................................... 18 2.2. Déroulement du projet ......................................................................................................................................................................................................... 19 2.3. Méthodologie ............................................................................................................................................................................................................................. 19 2.4. Organisation du projet .......................................................................................................................................................................................................... 21 2.5. Budget ........................................................................................................................................................................................................................................... 23 Chapitre 3 Conception fonctionnelle du projet ............................................................................................................................ 24 3.1. Analyse du besoin ................................................................................................................................................................................................................... 24 3.1.1. Contexte et Objectifs ......................................................................................................................................................... 24 3.1.2. L’analyse de l’existant ....................................................................................................................................................... 25 3.1.3. Fonctionnement de l’application ................................................................................................................................. 27 3.1.4. Connexion .............................................................................................................................................................................. 29 3.1.5. Fiche de Demande .............................................................................................................................................................. 29 3.1.6. Plan Budget DI ..................................................................................................................................................................... 30 3.1.7. Fiche DSV ................................................................................................................................................................................ 30 3.1.8. Fiche Besoin Utilisateur ................................................................................................................................................... 31 3.1.9. Cas Particulier ...................................................................................................................................................................... 32 3.1.10. Base de données .................................................................................................................................................................. 32 3.2. Spécification des besoins fonctionnels ......................................................................................................................................................................... 32 ___________________________________________________Page 3/118__________________________________________________ 3.2.1. Cas d’Utilisation (Use Case) ........................................................................................................................................... 32 3.2.2. Analyse détaillée des cas d’utilisation : Connecter .............................................................................................. 35 3.2.3. Analyse détaillée des cas d’utilisation : Rechercher une fiche ....................................................................... 38 3.2.4. Analyse détaillée des cas d’utilisation : Gérer une fiche ................................................................................... 41 3.2.5. Analyse détaillée des cas d’utilisation : Rattacher une fiche ........................................................................... 44 3.2.6. Analyse détaillée des cas d’utilisation : Créer une fiche de demande ......................................................... 47 3.2.7. Analyse détaillée des cas d’utilisation : Créer une fiche DSV .......................................................................... 50 3.2.8. Analyse détaillée des cas d’utilisation : Créer une fiche de besoin utilisateur ........................................ 53 3.2.9. Analyse détaillée des cas d’utilisation : Rechercher les fichiers du Plan Budget DI ............................. 56 3.2.10. Analyse détaillée des cas d’utilisation : Gérer les fichiers du Plan Budget DI ......................................... 59 3.2.11. Analyse détaillée des cas d’utilisation : Gérer les cas particuliers ................................................................ 62 3.2.12. Analyse détaillée des cas d’utilisation : Modifier les fiches ............................................................................. 65 3.2.13. Maquettes des interfaces................................................................................................................................................. 67 Chapitre 4 Conception technique du projet ................................................................................................................................... 71 4.1. L’architecture du projet........................................................................................................................................................................................................ 71 4.1.1. L’architecture JEE (Java Entreprise Edition) .......................................................................................................... 71 4.1.2. L’architecture 3-Tiers ....................................................................................................................................................... 71 4.1.3. Modèle-Vue-Contrôleur (MVC) .................................................................................................................................... 73 4.2. Spécification Technique ....................................................................................................................................................................................................... 73 4.2.1. Diagramme de classe de conception .......................................................................................................................... 74 4.2.2. Diagramme de classe participative ............................................................................................................................. 76 4.2.3. Diagramme de séquence interaction ......................................................................................................................... 81 4.2.4. Schéma de la base de données ...................................................................................................................................... 93 Chapitre 5 La réalisation du projet .................................................................................................................................................... 94 5.1. Module 1 : Page de connexion ........................................................................................................................................................................................... 94 5.2. Module 2 : Page d’accueil ..................................................................................................................................................................................................... 95 5.3. Module 3 : Page rechercher fiche de demande ......................................................................................................................................................... 97 5.4. Module 4 : Page detail d’une fiche de demande ........................................................................................................................................................ 98 5.4.1. Statut information complémentaire et Transmettre DSV ................................................................................ 98 5.4.2. Statut réjeté ........................................................................................................................................................................... 99 5.4.3. Statut Validé .......................................................................................................................................................................... 99 ___________________________________________________Page 4/118__________________________________________________ 5.5. Module 5 : Page de création fiche de demande ...................................................................................................................................................... 101 5.6. Module 6 : Page rechercher fiche DSV ........................................................................................................................................................................ 102 5.7. Module 7 : Page detail d’une fiche DSV ...................................................................................................................................................................... 103 5.7.1. Statut information complémentaire, validé et BU Non ................................................................................... 103 5.7.2. Statut BU Oui ..................................................................................................................................................................... 105 5.8. Module 8 : Page détail d’une fiche DSV ...................................................................................................................................................................... 107 5.9. Module 9 : Page rechercher fiche BU .......................................................................................................................................................................... 108 5.10. Module 10 : Page détail d’une fiche BU ...................................................................................................................................................................... 109 5.10.1. Statut ..................................................................................................................................................................................... 109 5.11. Module 11 : Création de la fiche BU ............................................................................................................................................................................. 110 5.12. Module 12 : Page Liste Fichier Excel ........................................................................................................................................................................... 111 5.13. Module 13 : Page Modifier ............................................................................................................................................................................................... 112 Retour d’expérience .................................................................................................................................................................................................. 114 Conclusion Générale .................................................................................................................................................................................................. 115 General Conclusion .................................................................................................................................................................................................. 116 Bibliographie .................................................................................................................................................................................................. 117 Webographie .................................................................................................................................................................................................. 118 ___________________________________________________Page 5/118__________________________________________________ TABLE DES ILLUSTRATIONS Figure 1: Organigramme de la GMF Vie (Source : GMF Vie) ................................................................................................................................................ 16 Figure 2: Processus de développement (Source : Travail personnel) ............................................................................................................................ 20 Figure 3 : Liste des tâches (Source : Travail Personnel) ....................................................................................................................................................... 22 Figure 4 : Planning (Source : Travail Personnel) ...................................................................................................................................................................... 22 Figure 5 : Cartographie applicative du système d’information de la GMF Vie (Source : GMF Vie) ................................................................. 26 Figure 6 : Fonctionnement de l’application Plan Budget DI (Source : Travail personnel) .................................................................................. 28 Figure 7 : Diagramme des cas d’utilisation Plan Budget DI (Source : Travail personnel). ................................................................................... 34 Figure 8 : Diagramme d’activité : Connecter (Source : Travail personnel). ................................................................................................................. 36 Figure 9 : Diagramme de séquence : Connecter (Source : Travail personnel). .......................................................................................................... 37 Figure 10 : Diagramme d’activité : Rechercher une fiche (Source : Travail personnel). ....................................................................................... 39 Figure 11 : Diagramme de séquence : Rechercher une fiche demande (Source : Travail personnel). ........................................................... 40 Figure 12 : Diagramme d’activité : Gérer une fiche demande (Source : Travail personnel). .............................................................................. 42 Figure 13 : Diagramme de séquence : Gérer une fiche (Source : Travail personnel). ............................................................................................. 43 Figure 14 : Diagramme d’activité : Rattacher une fiche (Source : Travail personnel). ........................................................................................... 45 Figure 15 : Diagramme de séquence : Rattacher une fiche (Source : Travail personnel). .................................................................................... 46 Figure 16 : Diagramme d’activité : Créer une fiche de demande (Source : Travail personnel). ........................................................................ 48 Figure 17 : Diagramme de séquence : Créer une fiche de demande (Source : Travail personnel). .................................................................. 49 Figure 18 : Diagramme d’activité : Créer une fiche DSV (Source : Travail personnel). .......................................................................................... 51 Figure 19 : Diagramme de séquence : Créer une fiche DSV (Source : Travail personnel). ................................................................................... 52 Figure 20 : Diagramme d’activité : Créer une fiche de besoin utilisateur (Source : Travail personnel). ....................................................... 54 Figure 21 : Diagramme de séquence : Créer une fiche de besoin utilisateur (Source : Travail personnel). ................................................ 55 Figure 22 : Diagramme d’activité : Rechercher les fichiers du Plan Budget DI (Source : Travail personnel). ............................................ 57 Figure 23 : Diagramme de séquence : Rechercher les fichiers du Plan Budget DI (Source : Travail personnel). ..................................... 58 Figure 24 : Diagramme d’activité : Gérer les fichiers du Plan Budget DI (Source : Travail personnel). ...................................................... 60 Figure 25 : Diagramme de séquence : Gérer les fichiers du Plan Budget DI (Source : Travail personnel).................................................. 61 Figure 26 : Diagramme d’activité : Gérer les cas particuliers (Source : Travail personnel). .............................................................................. 63 Figure 27 : Diagramme de séquence : Gérer les cas particuliers (Source : Travail personnel). ....................................................................... 64 Figure 28 : Diagramme d’activité : Modifier les fiches (Source : Travail personnel). ............................................................................................. 66 Figure 29 : Diagramme de séquence : Modifier les fiches (Source : Travail personnel). ...................................................................................... 67 Figure 30 : Maquette : Ecran d’identification (Source : Travail personnel). ............................................................................................................... 67 ___________________________________________________Page 6/118__________________________________________________ Figure 31 : Maquette : Ecran d’accueil (Source : Travail personnel). ............................................................................................................................. 68 Figure 32 : Maquette : Ecran recherche des fiches (Source : Travail personnel). .................................................................................................... 68 Figure 33 : Maquette : Ecran gestion d’une fiche (Source : Travail personnel). ........................................................................................................ 69 Figure 34 : Maquette : Ecran liste des fichiers (Source : Travail personnel). ............................................................................................................. 69 Figure 35 : Maquette : Ecran cas particulier (Source : Travail personnel). ................................................................................................................. 70 Figure 36 : Exemple application 3-Tiers (Source : Travail personnel) .......................................................................................................................... 72 Figure 37 : Exemple MCV (Source : axoloth.com) .................................................................................................................................................................... 73 Figure 38 : Diagramme de classe participative Rechercher une fiche (Source : Travail personnel) ............................................................... 75 Figure 39 : Diagramme de classe participative ........................................................................................................................................................................ 76 Figure 40 : Diagramme de classe participative Rechercher une fiche (Source : Travail personnel) ............................................................... 76 Figure 41 : Diagramme de classe participative Gérer une fiche (Source : Travail personnel) ........................................................................... 77 Figure 42 : Diagramme de classe participative Rattacher une fiche (Source : Travail personnel) .................................................................. 77 Figure 43 : Diagramme de classe participative Créer une fiche de demande (Source : Travail personnel) ................................................ 78 Figure 44 : Diagramme de classe participative Créer une fiche DSV (Source : Travail personnel) ................................................................. 78 Figure 45 : Diagramme de classe participative Créer uploads/Management/ 2015-th-bhoyrub-rajnish.pdf