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 Élaboration d’un rapport de stage P.F.E Elaboré par :Mme

PROJET DE FIN D’ETUDES Élaboration d’un rapport de stage P.F.E Elaboré par :Mme Bourkhis Dalel Année universitaire : 2015-2016 1 PROJET DE FIN D’ETUDES Pour l’obtention du LICENCE APPLIQUEE : Technologies de l’Informatique Spécialité : Développement des Systèmes Informatiques Développement d’une Application Web pour la gestion d’un collège. Elaboré par : NOM Prénom & NOM Prénom 2 Société : ………………… Encadré par : Mr ……………. Code : TI-DSI 01/15-16 Promotion : Juin 2016 3 4 A mes adorables parents que j’aime énormément Pour tout l’amour dont vous m’avez entourée, pour tout ce que vous avez fait pour moi. Que ce modeste travail, soit l’exaucement de vos vœux tant formulées et de vos prières quotidiennes. Que dieu, le tout puissant, vous préserve et vous procure santé et longue vie afin que je puisse à mon tour vous combler. A ma très chère petite Asma et Mohamed et Ahmed Vous occupez une place particulière dans mon cœur. Je vous dédie ce travail en vous souhaitant un avenir radieux, plein de bonheur et de succès. A ma chère grande sœur Jazia son mari et sa belle famille et son merveilleux et adorable bébé. A mes parents Massouda, que dieu le garde. A la mémoire de mon père Mohammed, que 4 dieu les accueille dans son vaste paradis. A tous mes oncles et tantes et leurs familles et enfants. A mes camarade Manel Warda Imbarka Aicha pour son soutien et sa disponibilités son aide et ses conseils durant la réalisation de ce travail, sans oublié sa famille. A tous mes aimables amis et camarades. A toute la promotion d’informatique 2020 spécifiquement le groupe cours a distance départements informatique et tous ceux qui me connaissent. Je dédie ce travail premièrement a mes chères parents Pour tout l’amour dont vous m’avez entouré, pour tout ce que vous avez fait pour moi. Que ce modeste travail, soit l’exaucement de vos vœux tant formulés et de vos prières quotidiennes. Que dieu, le tout puissant, vous préserve et vous procure santé et longue vie afin que je puisse à mon tour vous combler. 5 A ma chère sœur et mes frères Vous occupez une place particulière dans mon cœur. Je vous dédie ce travail en vous souhaitant un avenir radieux, plein de bonheur et de succès. A la mémoire de mes grands parents, que dieu les accueille dans son vaste paradis. A tous mes oncles et tantes et leurs familles et enfants. Tous mes aimables amis et camarades. 6 7 REMERCIEMENTS En premier, nous aimerions remercier le bon Dieu le tout puissant de nous avoir donné le courage et la volonté de réaliser ce projet. Nous désirons remercier nos chers parents qui nous ont soutenus et encouragé durant toute notre vie et pendant notre cursus d’étude. Nos remerciements les plus chaleureux vont à Mme………….. Et Mme……………. pour leurs disponibilités et leurs très précieux conseils ainsi que leurs remarques qui nous ont permis d’améliorer la qualité de ce travail. Nous tenons `a exprimer toute notre grande gratitude aux membres de jury d’avoir accepté de juger ce travail. Nous remercions tous mes enseignants, et toutes les personnes ayant contribué de prés ou de loin à l’élaboration de ce modeste travail. 8 Nos vifs remerciements s’adressent également a tous nos enseignants de institut supérieure des études technologiques de Tataouine Pour la formation cour a distance qu’ils ont eu le soin de nous apporter le long de notre cursus universitaire. 9 Table des matiéres Introduction générale 1 CHAPITRE 1: PRESENTATION GENERALE 1 Les technologies web 3 1.1 Introduction ...................................... 3 1.2 Les technologies du web ............................... 3 1.2.1 Un site web .................................. 3 1.2.2 Une application web ............................. 3 1.2.3 L'architecture des applications web ..................... 4 1.2.4 L'application Client/serveur ......................... 5 1.2.5 Le serveur web ................................ 5 1.2.6 Le fonctionnement d'une application web .................. 5 1.2.7 L'hébergement d’une application web .................... 6 1.2.8 Les langages utilisés pour la création des applications web ........ 7 1.3 La présentation de l'organisme d’accueil ...................... 7 1.3.1 Plan et effectif de lycée cité ennour......................... 7 1.4 Conclusion ....................................... 8 10 CHAPITRE2: SPÉCIFICATION DES BESOINS ET ANALYSE 2 Étude existant 9 2.1 Introduction ...................................... 9 2.2 La description du contexte du projet ........................ 9 2.2.1 Le dossier élève .............................. 9 2.2.2 Les objectifs de la gestion des élève ................... 10 2.2.3 La problématique ............................... 10 2.3 Les méthodes d'analyse et de conception ...................... 11 2.3.1 Le 2 Track Unified Process .......................... 11 2.3.2 Le processus unifié .............................. 11 2.3.3 Le choix de la méthode ............................ 13 2.4 L’identification des besoins .............................. 13 2.4.1 Les besoins fonctionnels ........................... 13 2.4.2 Les besoins non fonctionnels ......................... 13 2.5 L'analyse des besoins ................................. 13 2.5.1 L'identification des acteurs .......................... 14 2.5.2 L'identification des cas d'utilisations de l'application ........... 14 2.5.3 Le diagramme des cas d'utilisations globale ................. 15 2.6 Le diagramme des séquences ............................. 24 2.7 Conclusion ....................................... 30 11 CHAPITRE 3:DÉMARCHE DE PROJET 3.1 Introduction 3.2 le choix de la méthode de gestion de projet 3.3 Principe de SCRUM 3.4Les roles de SCRUM 3.5 Gestion du projet 3.6 Equipe de réalisation du projet 3.7 Conlusion CHAPITRE 4:CONCEPTION 3 Conception 31 3.1 Introduction ...................................... 31 3.2 Diagramme d'interaction .............................. 31 3.2.1 Diagramme d'interaction authentification d’un utilisateur ......... 32 3.2.2 Diagramme d’interaction gérer un dossier élève ............. 33 3.3 Diagramme des classes ................................ 36 12 3.3.1 Description des classes ............................ 36 3.4 Passage au relationnel ................................ 40 3.4.1 Règles de passage du diagramme de classes au modèle relationnel .... 40 3.5 Conclusion ....................................... 41 CHAPITRE 5 : REALISATION 4 Réalisation ......................................42 4.1 Introduction ...................................... 42 4.2 Environnement et outils de développement de notre application ......... 42 4.3 Structure et maquette de l'application ....................... 44 4.3.1 Maquette de la page d’accueil après l'authentification ........... 45 4.3.2 Maquette de la page d’ajout d’un élève................. 45 4.4 Présentation de quelques interfaces de l’application ................ 46 4.4.1 Capture d'écran : s’authentifier ....................... 46 4.4.2 Capture d'écran : Page d'accueil ....................... 47 4.4.3 Capture d'écran :ajouter un dossier élève ................ 48 4.4.4 Capture d'écran : ajouter un dossier professeur avec champs vide .... 49 4.4.5 Capture d'écran : ajouter un groupe existant ................ 50 13 4.4.6 Capture d'écran : modifier un dossier élève ............... 51 4.4.7 Capture d'écran : supprimer un dossier élève .............. 52 4.4.8 Capture d'écran : confirmer la suppression ................. 53 4.5 Conclusion ....................................... 53 Conclusion générale et perspectives 54 Table des figures 1.1 Architecture 3-tiers d’une application web ..................... 4 1.2 Fonctionnement d’une application web [15]. .................... 6 2.1 Diagramme des cas d’utilisation globale ....................... 15 2.2 Diagramme de cas d’utilisation s’authentifier .................... 16 2.3 Diagramme de cas d’utilisation gérer les utilisateurs ................ 17 2.4 Diagramme de cas d’utilisation gérer les élèves ................. 18 2.5 Diagramme de cas d’utilisation gérer les enseignants ................ 19 2.6 Diagramme de cas d’utilisation gérer les groupes .................. 20 2.7 Diagramme du cas d’utilisation consulter un dossier élève ........... 21 2.8 Diagramme de cas d’utilisation gérer payement ................... 22 14 2.9 Diagramme de cas d’utilisation gérer les versements des élèves ........ 22 2.10 Diagramme de cas d’utilisation imprimer un document .............. 23 2.11 Diagramme de cas d’utilisation calculer les statistiques .............. 23 2.12 Diagramme séquence système lié au cas d’utilisation "s'authentifier" ...... 25 2.13 Diagramme séquence système lié au cas d’utilisation "ajouter un dossier élève” 26 2.14 Diagramme séquence système lié au cas d’utilisation ”modifier un dossier élève” 27 2.15 Diagramme séquence système lié au cas d’utilisation "supprimer un dossier élève" ....................................... 28 2.16 Diagramme séquence système lié au cas d'utilisation ”consulter un élève” . . 29 2.17 Diagramme séquence système lié au cas d’utilisation "imprimer un document" . 30 3.1 Diagramme d’interaction authentification d’un utilisateur ............. 32 3.2 Diagramme d’interaction ajouter un dossier élève............... 33 3.3 Diagramme d’interaction modifier un dossier élève............... 34 15 3.4 Diagramme d’interaction supprimer un dossier élève.............. 35 3.5 Diagramme des classes ................................ 37 4.1 Étapes d’une demande de page HTML doté d’un code JavaScript ........ 43 4.2 Structure de l’application ............................... 44 4.3 maquette de la page d’accueil ............................ 45 4.4 maquette d’ajout d’un élève........................... 45 4.5 Page authentification ................................. 46 4.6 Page d’accueil ..................................... 47 4.7 Page ajouter un dossier élève ........................... 48 4.8 Page ajouter un dossier professeur ......................... 49 4.9 Page ajouter un groupe ................................ 50 4.10 Page modifier un dossier élève .......................... 51 4.11 Page supprimer un dossier élève ......................... 52 4.12 Page confirmer la suppression ............................ 53 Liste des tableaux 3.1 Description des classes de l’application ....................... 36 3.2 Dictionnaire des données ............................... 39 Liste des abréviations UP unified processor ou processus unifié. 16 2TUP Two Track unified processor PHP Hypertexte PréProcesseur ou Personal Home Page. CSS Cascading Style Sheets. XML eXtensible Markup Langage. HTML Hypertext Markup Langage. XHTML eXtensible Hypertext Markup Langage. WWW Word Wide Web. UML Unified Modeling Langage. BDD Base De Données. SGBD Serveur de Gestion de Base de Données. SQL Structured Query Language MySQL My Structured Query Language JPEG Joint Photographie Expert Group PNG Protocol Network Graphics HTTP Hyper Text Transfert Protocol 17 18 19CHAPITRE 1 Présentation Générale Introduction générale Actuellement, le monde uploads/Science et Technologie/ selma-proj 2 .pdf