Conception et deploiement d'un gestionnaire numerique de documentation de l'universite des sciences et techniques de Masuku

ABSTRACT

Our mission is to design for the administration of the University of Sciences and Techniques of Masuku (USTM) an Electronic Documentation Management (EDM) platform. This GED is a web application hosted on a KWARTZ server and accessible via the intranet. With such a tool, the USTM will now be able to better manage paper archives by saving them in digital media in a secure database. Our system will not only limit physical contact, but also make administrations more efficient, in the sense that its use makes it possible to limit research time and facilitate access to documentation for users.

In addition to management and storage, this tool regulates access rights. This makes it possible to limit or extend the possibilities of interaction between the user and the system. In fact, for each administration there are two levels of accessibility that can be described as active and passive.

The first (the active level) unlocks all the functionalities and gives the possibility to the user to add, to restrict and to authorize (documentations, users), to create (functions, documentations, users), to delete and to put up to date. The second (the passive level) offers only two possibilities: add the documentation to the system and consult the authorized documentation.

This application will have the advantage of being easy to learn because it includes simple features that meet the real needs of the USTM. In addition, it contains a forum that allows you to broadcast information messages for any purpose.

Keywords : Information System, MYSQL, BDMS, MA0, MOE, Design Pattern, AJAX, Digitization, GED.

vi

LISTE DES FIGURES

Figure 1 : Organigramme réduit de l'USTM 2

Figure 2.1 : Arborescence des rubriques des coopérations internationales (Afrique, Asie, Océanie) et

nationales. 6

Figure 2.2 : Arborescence de la rubrique administration 6

Figure 2.3 : Arborescence des rubriques relations avec les entreprises et coopérations internationales

7

Figure 5 : Illustration du fonctionnement de la méthode MERISE 11

Figure 6 : Exemple de Modèle Conceptuel de Données 12

Figure 7 : Exemple du Modèle Logique Relationnel de Données 13

Figure 8 : Exemple de table 13

Figure 9 : Illustration de clé primaire et de clé étrangère 14

Figure 10 : Traduction du MCD en MLD 15

Figure 11 : Traduction du MLD en MPD 16

Figure 12 : Type de Design Pattern 16

Figure 13 : Fonctionnement du MVC 17

Figure 14 : Nomenclature de Ia création d'une version 18

Figure 15 : Exemple de script PHP 19

Figure 16 : Fonctionnement de PHP 20

Figure 17 : Inclusion de code Javascript dans la page web 20

Figure 18 : Fonctionnement du code HTML 21

Figure 19 : Fonctionnement du code CSS 22

Figure 20 : Illustration du fonctionnement d'AJAX 23

Figure 21 : Boîte à couleurs 24

Figure 22 : Fonctionnent du serveur 25

Figure 23 : Fonctionnement de la banque documentaire 27

Figure 24 : Modèle Conceptuel de Données du GED 32

Figure 25 : Modèle Logique de Données du GED. 33

Figure 26 : Structure de la base de données. 34

Figure 27 : Arborescence de notre application 35

Figure 28 : Fichier index.php 35

Figure 29 : Fichier de configuration .HTACCESS 36

Figure 30 : Code source du fichier de configuration de l'application 37

Figure 31 : Contenu du Modèle 38

Figure 32 : Illustration de la similitude entre la classe Types.class.php et la table types 38

Figure 33 : Illustration de la liaison entre la classe TypesManager.class.php et la base de données 39

Figure 34 : Dossier contenant les vues 39

Figure 35 : Illustration source d'inclusion des vues 40

Figure 36 : Illustration du dossier du pied de page et de son code source 40

Figure 37 : Illustration du dossier contenant les fichiers du code source de navigation 40

Figure 38 : Contenu du dossier main contenant toutes les vues du corps de l'application 41

Figure 39 : Vue de l'interface document 41

Figure 40 : Vue de l'interface dossier 41

Figure 41 : Vue de l'interface gestion des employers 41

Figure 42 : Vue de l'interface du forum 41

Figure 43 : Contenu du fichier script_pdf.php 42

vii

Figure 44 : Contenu du dossier controller 42

Figure 45 : Racine de notre application web 43

Figure 46 : Console du gestionnaire de versionnage GIT 43

Figure 47 : résultat de la commande "git status" permettant d'avoir un listing des différentes versions

de l'application 44

Figure 48 : Tâches en fonction du temps 45

Figure 49 : Diagramme de GANTT 46

Figure 50 : Diagramme de PERT 47

Figure 51 : Page d'accueil 48

Figure 52 : Page d'authentification 48

Figure 53 : Choix du portail SuperUser 49

Figure 54 : Interface de gestion des employés 49

Figure 55 : Interface de choix du service 50

Figure 56 : Session Admin1 Portail Rectorat 50

Figure 57 : Tchat et Choix de service détaillé 50

Figure 58 : Interface d'exploration de Rubriques visibles ou masquées 51

Figure 59 : Interface d'exploration des dossiers 51

Figure 60 : Détail d'une Rubrique 51

Figure 61 : Restriction d'accès sur un employé 52

Figure 62 : Session Admin 2 52

Figure 63 : Illustration de l'Ajout d'un document 54

Figure 64 : Limitation des options de détails d'une rubrique 54

Figure 65 : Prévisualisation du document 55

Figure 66 : Impression d'un document 55

viii

LISTE DES TABLEAUX

Tableau 1 : Maîtrise OEuvre et Maîtrise & Maîtrise d'Ouvrage 4

Tableau 2 : Spécifications fonctionnelles pour les établissements. 8

Tableau 3 : Spécifications fonctionnelles pour les Chefs de département. 9

ix

LISTE DES ABREVIATIONS, SIGLES ET ACRONYMES

AJAX : Requête Asynchrone de Java-Script

CSS : Feuilles de Style en Cascade

CRUD : Create, Read, Update, Delete

D.A : Direction Administrative

EDSFA : Ecole Doctorale des Sciences Fondamentales Appliquées

EPM : Ecole Polytechnique de Masuku

FS : Faculté des Sciences

HTML : Hypertext Markup Language

HTTP : Hypertext Transfer Protocol

GET : Variable Super Globale Permettant de Récupérer les Données Issu d'un URL

INSAB : Institut National Supérieur d'Agronomie et de Biotechnologies

ISO : Organisation International de Normalisation

JQUERY : Bibliothèque de JavaScript Libre

JS : Javascript

MARIA DB : Système de Gestion de Base de Données

MERISE : Méthode D'analyse de Conception et de Gestion D'information

MVC : Modèle-Vue-Contrôleur

MYSQL : MY Structured Query Language

NPM : Gestionnaire de Paquets Officiel de Node.js

PHP : Hypertext Preprocessor

POO : Programmation Orienté Objet

POST : Variable Super Globale Permettant de Récupérer les Données dans un Formulaire avec la

Méthode POST

SGDB : Système de Gestion de Base de Données

SGDBR : Système de Gestion de Base de Données

SI : Système d'Informations

SVG : Scalable Vector Graphics

URL : Uniform Resource Locator

USTM : Université des Sciences et Techniques de Masuku

WEB ou WWW : World Wide Web (La toile mondial)

XML : Extensible Markup Language

XSS : Cross Side Scripting

x

FICHE TECHNIQUE

INSTITUTION

Université des Sciences et Techniques de Masuku (USTM)

LIEU DU STAGE

Pool Numérique du Rectorat

ADRESSE

4ème Arrondissement de Masuku, quartier MAKANA BP : 901 Franceville

Mail : [e-mail]

Site web : https://www.univ-masuku.org

DUREE ET DATES

Six (6) mois prolongés de six (6) mois soit du 6 janvier 2021 au 6 janvier 2022

MAITRE DE STAGE

M. Martial ASSOUME BE, Enseignant-Chercheur, Conseiller du Recteur en

Communication Chargé du Développement Numérique, Responsable du Pool
Numérique de l'USTM

ETABLISSEMENT

Ecole Polytechnique de Masuku (EPM)

MISSIONS

Conception du Gestionnaire Numérique de Documentation Administration (GED) Conception du système de publication d'actualités sur le site web de l'USTM Conception des sites web des établissements (EPM, FS, INSAB, EDSFA) Configuration du service web du serveur KWARTZ

Déploiement du GED sur le serveur KWARTZ

TABLE DES MATIÈRES

DEDICACES i

REMERCIEMENTS ii

AVANT PROPOS iii

RESUME iv

ABSTRACT v

LISTE DES FIGURES vi

LISTE DES TABLEAUX viii

LISTE DES ABREVIATIONS, SIGLES ET ACRONYMES ix

FICHE TECHNIQUE x

INTRODUCTION 1

CHAPITRE 1 : PRESENTATION DE LA STRUCTURE D'ACCUEIL 2

1.1 LOCALISATION DE L'USTM 2

1.2 ORGANISATION ADMINISTRATIVE DE L'USTM 2

CHAPITRE 2 : LES SPECIFICATIONS FONCTIONNELLES ET TECHNIQUES 3

2.1 CONSTAT 3

2.2 OBJECTIF 3

2.3 APPROCHE D'UNE GESTION DE PROJET : L'EQUIPE DU PROJET 3

2.4 PERIMETRE DU PROJET 4

2.5 FONCTIONNALITES Erreur ! Signet non défini.

2.6 GRAPHIQUE ET ERGONOMIE 9

2.7 CONTRAINTE TECHNIQUE 10

CHAPITRE 3 : DEFINITION DES METHODOLOGIES 11

3.1 LOGICIELS ET OUTILS UTILISES DANS LE PROJET 11

3.1.1 METHODES DE CONCEPTION 11

3.1.2 DESIGN PATTERN 16

3.1.3 VERSIONNAGE 18

3.1.4 LANGAGES DE DEVELOPPEMENT WEB ET TECHNOLOGIES UTILISEES 19

3.1.5 EDITEURS DE TEXTES 23

3.1.6 LOGICIELS 24

3.1.7 SERVEUR WEB 25

3.1.8 SERVEUR DE BASE DE DONNEES 25

3.1.9 FRAMEWORK 25

3.1.10 LIBRAIRIES 26

3.1.11 OUTILS DE DEPLOIEMENT 26

3.2 LES PREREQUIS 26

CHAPITRE 4 : MODELISATION ET CONCEPTION DU SYSTEME D'INFORMATION 27

4.1 ANALYSE DE L'EXISTANT 27

4.2 DICTIONNAIRE DES DONNEES 28

4.3 IDENTIFICATIONS DES ENTITES ET DE LEURS PROPRIETES 28

4.4 RECENSEMENT DES ASSOCIATIONS ENTRE ENTITES 30

4.4.1 Recensement des cardinalités 30

4.4.2 SCHEMA DU MODELE CONCEPTUELLE DE DONNEES (MCD) 32

CHAPITRE 5 : BASE DE DONNEES 33

5.1 MODELE LOGIQUE DE DONNEES 33

5.2 MODELE PHYSIQUE DE DONNEES (SCHEMA DE LA BASE DE DONNEES) 34

CHAPITRE 6 ARCHITECTURE DU PROJET 35

6.1 LE FICHIER « INDEX.PHP » 35

6.2 LE FICHIER « .HTACCESS » 36

6.3 LE FICHIER « SETTING.PHP » 37

6.4 LE FICHIER « PACKAGE-LOCK.JSON » 37

6.5 LE FICHIER « NUMERIXGAB.SQL » 37

6.6 LE MODELE « MODEL/ » 38

6.7 LES VUES « VIEW/ » 39

6.8 LES CONTROLEURS « CONTROLLER /» 42

6.9 VERSIONNAGE AVEC GIT 42

CHAPITRE 7 : GESTION DE PROJET 45

7.1 DIAGRAMME DE GANTT 45

7.2 DIAGRAMME PERT 46

CHAPITRE 8 : PRESENTATION DES RESULTATS OU GUIDE D'UTILISATION 48

8.1 INTERFACES D'ACCUEIL 48

8.2 Authentification 48

8.3 SESSION SUPERUSER 49

8.4 SESSION ADMIN1 50

8.5 SESSION ADMIN2 52

CONCLUSION 56

REFERENCES BIBLIOGRAPHIQUES 57

Page 1 sur 57