Remerciez-le!

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

Table des matières Introduction générale.......................................

Table des matières Introduction générale.............................................................................................................................4 CHAPITRE 1 :...........................................................................................................................................6 CONTEXE GENERAL.................................................................................................................................6 1.1. Introduction............................................................................................................................6 1.2. Présentation de l’entreprise...................................................................................................6 1.3. Etude préalable de projet.......................................................................................................7 1.3.1. Description de l’existant.................................................................................................7 1.3.2. Solutions proposées........................................................................................................7 CHAPITRE 2 :...........................................................................................................................................8 ANALYSE ET SPECIFICATION DE BESOIN.................................................................................................8 2.1. Introduction............................................................................................................................8 2.2. Identification des acteurs.......................................................................................................8 2.3. Spécification des besoins........................................................................................................9 2.3.1. Les besoins fonctionnels.................................................................................................9 2.3.2. Les besoins non fonctionnels........................................................................................10 2.4. Méthodologie de conception :..............................................................................................10 2.5. Diagramme de Cas d’utilisation............................................................................................12 2.5.1. Définition......................................................................................................................12 2.6. Conclusion :..........................................................................................................................18 CHAPITRE 3 :.........................................................................................................................................18 CONCEPTION........................................................................................................................................18 3.1. Introduction..........................................................................................................................19 3.2. Conception de système........................................................................................................19 3.2.1. Vue statique : diagramme de classes............................................................................19 3.2.2. Vue dynamique : diagramme de séquence...................................................................20 3.3. Conclusion :..........................................................................................................................26 CHAPITRE 4 :.........................................................................................................................................27 IMPLEMENTATION...............................................................................................................................27 4.1. Introduction :........................................................................................................................27 4.2. Environnement de travail et architecture utilisé :................................................................27 4.2.1. Le logiciel de base :.......................................................................................................27 4.2.2. Choix technologique...................................................................................................29 4.2.3. Choix du langage TypeScript.....................................................................................30 1 4.2.4. Architecture utilisée.....................................................................................................30 4.2.5. Notion de service web..................................................................................................31 4.3. Quelques interfaces..............................................................................................................33 4.3.1. Partie Public..................................................................................................................33 4.4. Conclusion............................................................................................................................36 2 Liste des figures Figure 1: faculté des sciences de Monastir.............................................................................................7 Figure 2: UML.......................................................................................................................................11 Figure 3: Diagramme de cas d’utilisation générale...............................................................................14 Figure 4: Diagramme de cas d’utilisation « Gérer site ».......................................................................15 Figure 5: Diagramme de cas d’utilisation« S’authentifier admin»........................................................16 Figure 6: Diagramme de cas d’utilisation « Gérer admin »...................................................................17 Figure 7: Diagramme de cas d’utilisation « Gérer Profil »....................................................................18 Figure 8: cas d’utilisation « Gestion S-utilisateur»................................................................................19 Figure 9: Principaux diagramme étudiés..............................................................................................20 Figure 10: Diagramme de classes statique...........................................................................................21 Figure 11: Diagramme de séquence « Inscription ».............................................................................22 Figure 12: Diagramme de séquence « S'authentifier ».........................................................................23 Figure 13: Diagramme de séquence « Ajouter S-utilisateur »..............................................................25 Figure 14: Diagramme de séquence « Supprimer un S-utilisateur ».....................................................26 Figure 15: PowerAMC...........................................................................................................................28 Figure 16: WebStorm...........................................................................................................................29 Figure 17: WampServer........................................................................................................................29 Figure 18: Bootstrap 4..........................................................................................................................30 Figure 19: Angular 9.............................................................................................................................30 Figure 20: NodeJS.................................................................................................................................31 Figure 21: Notion de service web.........................................................................................................32 Figure 22: Interface « accueil »............................................................................................................34 Figure 23: : Interface « accueil »...........................................................................................................35 Figure 24: Interface « S’authentifier admin ».......................................................................................36 Figure 25: Interface « Ajouter actualité ».............................................................................................37 3 Introduction générale Au cours de ces dernières années, les nouvelles technologies de l'information et de la communication ont connu un bouleversement marqué par l'apparition de l'Internet et par sa croissance exponentielle. Face à l’évolution d’internet et ses services, l’université tunisienne fait face à de nouveaux défis auxquels il lui appartient de répondre. Le site web universitaire devient le principal canal de communication à travers lequel on pourra la juger et ceci via le contenu des sites. De nos jours, la qualité des études et les diplômes ne sont pas les seuls moyens pour bien placer l’université mais aussi le coté communication (site web, réseaux sociaux …) et surtout offrir une formation pour les étudiants qui soit bien étudiée afin de répondre aux exigences du marché de l’emploi. Vu que le coté communication est manquante, la tâche qui m’a été confiée pour le projet de mastère est la création d’un nouveau site web pour la faculté des sciences de Monastir (FSM) destinés pour ceux qui sont inscrit au Master et Les Doctorants de ce département. Outre son rôle de présentation du département, ce site offrira un ensemble de services à la communauté universitaire dont : + L'accès au différents servies de site web. + Le téléchargement des documents. + La consultation des plannings. + La consultation des nouvelles actualités. +La consultation des nouvelles manifestations. + L'accès au service de la scolarité pour consulter les notes ou demander un papier + L'accès au forum. +La communication avec les différents membres de site. Ce présent rapport sera structuré en 6 chapitres : 4 Dans le premier chapitre : Cadre Général on présente le cadre du stage de PFA à savoir l’organisme de la faculté des sciences de Monastir ainsi que le sujet sur lequel portera le PFA et la méthodologie de travail adoptée. Le seconde chapitre : Analyse et spécification des besoins sert à identifier et définir les acteurs, les besoins fonctionnels et non fonctionnels ainsi que les différents cas d'utilisations développés. Le troisième chapitre : Conception est consacré à la conception du projet du point de vue statique et dynamique permet de faire d’une maniéré détaillée des cas d’utilisation, les diagrammes de séquence, ainsi que le diagramme de classe complet. Le dernier chapitre : Réalisation décrit la mise en œuvre du site en décrivant les différents services. Ce rapport est clôturé avec une conclusion générale qui résume tout le travail effectué durant ce stage et présente les perspectives envisagées. 5 CHAPITRE 1 : CONTEXE GENERAL 1.1. Introduction Introduction Aujourd'hui, l'informatique a atteint une prodigieuse évolution technologique dans différents domaines (réseaux informatiques, bases de données, Web, etc.). Cette évolution est nécessaire pour remédier aux problèmes rencontrés dans la vie actuelle. Le but de notre projet est d’avoir passé stage de fin d’année, nous étions accueillis par la faculté des sciences des Monastir « FSM » qui nous a proposé de créer une plateforme web pour le partage des données entre les enseignants et étudiants. 1.2. Présentation de l’entreprise La faculté des sciences de Monastir ou FSM, relevant de l'Université de Monastir (Tunisie), est fondée en vertu de la loi no 77-81 du 31 décembre 1977. La FSM offre un cursus universitaire complet et de haut niveau avec un encadrement disposant d'équipements pédagogiques de pointe. Ses enseignants et chercheurs placent le développement de la recherche au cœur du processus de rénovation des enseignements et la formation des futurs universitaires. Figure 1: faculté des sciences de Monastir 6 1.3. Etude préalable de projet 1.3.1. Description de l’existant Cette partie est le socle pour bien comprendre le système actuel utilisé au sein de la faculté des sciences de Monastir et préciser ses objectifs. Cette faculté utilise actuellement un site web de gestion des étudiants inscrit au sein de cette faculté affichage de leurs notes, affichage des actualités, espace intranet dédié aux étudiants, ainsi l’affichage des manifestations, aussi des détails à propos la faculté et la formations en s’appuyant sur les différents départements. Le problème ici c’est le manque de communication entre les différents membres de site web et le manque de partage des informations entre eux. 1.3.2. Solutions proposées L’intégration d’un logiciel informatique dans la plateforme de partage des données entre les enseignants et les étudiants fut le point tournant : l’élaboration des bases de données et l’utilisation croissante des systèmes informatisés (logiciels de gestion) ont facilite le partage ou bien la communication entre les étudiants spécialement inscrit dans le département informatique et mathématique et leurs enseignants. D’où la nécessité de l’utilisation d’une application spéciale pour la gestion de ce problème permettant d’atteindre le point culminant de flexibilité de gestion idéale était souhaitée. 7 CHAPITRE 2 : ANALYSE ET SPECIFICATION DE BESOIN 2.1. Introduction Dans ce chapitre, nous nous intéressons aux fonctionnalités des utilisateurs du site web dans le but de spécifier clairement les besoins à satisfaire. Nous identifions, dans un premier temps, les acteurs de notre projet, ensuite nous présentons les besoins fonctionnels ainsi que les besoins non fonctionnels auxquels doit répondre notre projet. Nous présentons par la suite les diagrammes de cas d'utilisation nécessaires pour représenter les besoins d'une manière formelle. 2.2. Identification des acteurs Les acteurs de notre site sont classés en trois catégories principales : Admin S-utilisateur Super Admin L’admin : C'est une personne qui a un accès à toutes les fonctions de ce site web. Il a le droit d’accepter un s-utilisateur de partager une publication, accepter une publication avant qu’elle soit afficher sur le site, aussi d’ajouter des manifestations, des actualités, des mises à jour et des albums photo. Il a aussi un profil personnel, des informations, aussi il peut contacter les différents membres de site web. S-utilisateur : c'est une personne qui peut être soit un étudiant soit un enseignant. Il possède un profil d’utilisateur avec des informations personnelles, il peut gérer son profil aussi il peut consulter les manifestations les actualités, comme il peut contacter les membres et les admins et il peut partager des publications. Super Admin : c'est la personne qui a tous les privilèges il a l’autorité d’ajouter, supprimer les admins aussi les S-utilisateurs inscrits, supprimer les publications. Cette 8 gestion est assurée à l'aide d'une interface en back office, qui n'est accessible que pour le super admin. 2.3. Spécification des besoins Dans cette partie nous nous proposons de lister les différents besoins fonctionnels et non fonctionnels, auxquels doivent répondre notre application. 1.1.1. Les besoins fonctionnels Les besoins fonctionnels sont les exigences des différents acteurs et utilisateurs du système. On peut classer ces besoins fonctionnels selon les acteurs. S-utilisateur est la première catégorie d'acteurs pour notre système, cet acteur peut : S’inscrire au site. Se connecter pour accéder aux différents services via un compte utilisateur. Visualiser les différents services de site web. Compléter son profil en renseignant toutes ses informations. Afficher son profil avec toutes les informations. Modifier son profil. Partager une publication. Consulter le détail d'une annonce d’emploi. Contacter les membres et les admins. Accéder aux différents services de ces sites. L’admin est la deuxième catégorie des acteurs. Ce dernier peut : S’inscrire au site via un compte admin. Se connecter pour accéder à son profil. Compléter son profil en renseignant toutes ses informations. Gérer uploads/Ingenierie_Lourd/ gestion-des-donnees-entre-les-enseignants-et-etudiants.pdf