RAPPORT DE STAGE
Proposé à :
Madame Claire
Par
Le Groupe de :
NDAGHY PAMBO Angie Sohane
MOUPINDA Francia Justiana
KOUMBA MBA Lee Michel
NDONG MEBOUNE Claude Hairly
MBUISSY MAMBOUNDOU El-Ken Levie
NGUEMA TOMO Franck Vitalisse
NYANGONE N'NANG Alphonse Pierrant
NGONGA MAVOUNGOU Charles Didier Lens
BOUKINDA MABICKA Yesse Lié
OGNA Clack-s
ANTSIMAVA MPOGUI Serghino Darius
MBEGA MBELE Nicky Serge Dobre
Décembre 2024
Table des matières
[Link]……………………………………………………………………………………………
[Link]ésentation de l’institut et de son environnement……………………………………………………
2.1 Historique et mission de l’institut………………………………………………………………….
2.2 Organisation interne et acteurs clés……………………………………………………………….
2.3 Fonctionnement administratif actuel……………………………………………………………….
2.4 Contexte technologique et défis rencontrés…………………………………………………………
[Link] des besoins……………………………………………………………………………………
3.1 Identification des problèmes
3.2 Objectifs fonctionnels et non fonctionnels
3.3 Contraintes et opportunités
[Link] et architecture du système
4.1 Modélisation des données
4.2 Diagramme des cas d’utilisation
4.3 Choix technologiques
5.Développement de l’application
5.1 Outils et technologies utilisés
5.2 Étapes de développement
[Link] et validation
6.1 Stratégies de tests
6.2 Résultats et ajustements
7.Déploiement et mise en production
7.1 Préparation au déploiement
7.2 Procédures de mise en production
[Link]èmes rencontrés et solutions apportées
8.1 Difficultés techniques
8.2 Solutions envisagées et mises en œuvre
[Link] et perspectives
[Link]
10.1 Captures d’écran de l’application
10.2 Codes sources (extraits pertinents)
10.3 Bibliographie
1. Introduction
Dans le cadre de ma formation en Métiers du Multimédia et de l’Internet (MMI),
j’aurais l’opportunité d’effectuer un stage au sein de l’Institut National de la
Poste, des Technologies de l’Information et de la Communication (INPTIC).
Ce stage pourrait représenter une étape essentielle dans l’application des
compétences acquises durant mon cursus, en me permettant de me confronter à
des problématiques concrètes du monde professionnel.
Le projet confié consisterait à développer une application web ayant pour
objectif de centraliser et d’automatiser la gestion des inscriptions des étudiants
ainsi que la planification des emplois du temps. Ce projet s’inscrirait dans un
contexte où l’INPTIC semblerait confronté à des contraintes organisationnelles
importantes, limitant son efficacité et sa capacité à répondre aux exigences
modernes.
Ce rapport s’articulerait autour des axes suivants : une présentation de l’INPTIC
et de son environnement ; une analyse des besoins identifiés ; les étapes de
conception et de développement de l’application ; et enfin, une réflexion sur les
défis rencontrés, les solutions apportées et les perspectives d’amélioration.
2. Présentation de l’institut et de son environnement
2.1 Historique et mission de l’institut
En application de la loi N° 22/2010 du 27 juillet 2010, l’Institut National de la
Poste des Technologies de l’Information et de la Communication (INPTIC) a été
érigé en lieu et place de l’École Nationale des Postes et Télécommunications
(ENPT). Cette transformation visait à renforcer l’offre de formation dans les
domaines des technologies de l’information et de la communication, en
adéquation avec les évolutions technologiques et les besoins du marché.
Dans le cadre de la mise en œuvre de la politique de valorisation de ses
ressources humaines, le ministre de la Communication, de la Poste et de
l’Économie Numérique a mis à disposition des administrations publiques et
privées, ainsi que des opérateurs économiques du secteur des TIC et des
télécommunications, un cadre de formation répondant aux exigences des
technologies de l’information modernes. L’INPTIC s’engage ainsi à former des
professionnels compétents et à fournir des services de qualité, en contribuant au
développement de l’économie numérique du pays.
L’institut propose des formations diversifiées dans plusieurs domaines des TIC,
dont principalement le Département Management des Technologies de
l’Information et de la Communication (MTIC), le Département Génie
Informatique (G.I.) pour la formation professionnelle, le Département
Audiovisuel, et le Département Réseaux et Télécommunications. Ces
départements répondent aux besoins de formation dans des secteurs spécifiques,
en alignement avec les exigences du marché.
2.2 Organisation interne et acteurs clés
L’INPTIC dispose d’une structure organisationnelle hiérarchique claire et bien
définie pour garantir une gestion optimale de ses activités académiques et
administratives. À la tête de l’institut se trouve un directeur général, assisté par
des responsables de départements spécialisés dans des domaines clés des TIC.
Les départements principaux de l’INPTIC comprennent :
• Le Département MTIC : Ce département forme les étudiants aux
métiers du management des technologies de l’information et de la
communication, en préparant les professionnels à gérer des projets TIC
complexes, ainsi qu’à comprendre les enjeux économiques et organisationnels
liés à l’usage des technologies numériques.
• Le Département Génie Informatique (G.I.) : Ce département est axé
sur la formation professionnelle et prépare les étudiants à des carrières en
informatique, en leur fournissant des compétences avancées en développement
logiciel, systèmes d’information et gestion des technologies de l’information.
• Le Département Audiovisuel : Ce département est dédié aux métiers
de la communication visuelle et audiovisuelle, en préparant les étudiants à
travailler dans la production de contenus multimédia et à maîtriser les outils et
techniques liés à l’audiovisuel.
• Le Département Réseaux et Télécommunications : Ce département
forme des experts en infrastructures de télécommunication, en réseaux
informatiques et en gestion des systèmes numériques. Les étudiants sont formés
pour gérer les réseaux complexes et les systèmes de communication utilisés dans
les entreprises et les administrations.
Les acteurs clés de l’institut incluent également les enseignants, qui sont des
experts dans leurs domaines respectifs et jouent un rôle crucial dans la formation
des étudiants, ainsi que les responsables administratifs, qui gèrent le bon
fonctionnement des services administratifs et académiques.
2.3 Fonctionnement administratif actuel
Le fonctionnement administratif de l’INPTIC repose encore en grande partie sur
des processus manuels pour la gestion des inscriptions, des emplois du temps et
des examens. Bien que certains processus soient partiellement numérisés, une
grande partie du travail administratif se fait encore sur papier, ce qui engendre
des erreurs humaines et une gestion inefficace des ressources.
Les départements, bien que structurés, rencontrent des difficultés dans la
coordination de leurs activités, en raison de la lenteur du système actuel. Par
exemple, les emplois du temps des étudiants et des enseignants sont gérés
manuellement, ce qui entraîne des conflits d’horaire et une mauvaise allocation
des ressources. L’INPTIC utilise des outils informatiques pour les aspects
administratifs, mais ces systèmes sont vieillissants et ne sont pas interconnectés,
ce qui crée des inefficacités dans la gestion quotidienne des services.
2.4 Contexte technologique et défis rencontrés
Sur le plan technologique, l’INPTIC dispose d’une infrastructure informatique
de base mais rencontre plusieurs défis dans la gestion des systèmes et des
logiciels utilisés. Les outils actuels pour la gestion des inscriptions et des
emplois du temps sont obsolètes et manquent d’intégration. Cela génère de la
confusion et un manque de transparence dans la communication entre les
départements, rendant difficile la gestion optimale des ressources humaines et
des emplois du temps des étudiants et enseignants.
Les défis liés à la mise à jour et à la maintenance des systèmes existants sont
récurrents, ce qui freine la capacité de l’institut à répondre rapidement aux
demandes des étudiants et des administrations. De plus, l’absence de solutions
intégrées rend la gestion des inscriptions, des emplois du temps et des autres
services administratifs plus complexe et plus longue.
Le développement de l’application web pour la gestion des inscriptions et des
emplois du temps vise à résoudre ces problèmes en fournissant une solution
centralisée et automatisée. Cela permettra de réduire les erreurs administratives,
d’améliorer la communication et de rendre les processus plus efficaces,
contribuant ainsi à la transformation numérique de l’institut.
3. Analyse des besoins
3.1 Identification des problèmes
L’INPTIC rencontre plusieurs problèmes dans la gestion de ses activités
administratives, principalement liés à l’organisation manuelle des processus, ce
qui engendre inefficience et erreurs. Voici les principaux problèmes identifiés :
• Gestion des inscriptions : Le processus d’inscription des étudiants
est actuellement manuel, ce qui entraîne des erreurs dans la saisie des données et
des délais d’attente pour les étudiants. De plus, il n’y a pas de suivi automatisé
des candidatures, ce qui complique la gestion administrative.
• Gestion des emplois du temps : L’assignation des horaires de cours
et des emplois du temps pour les étudiants et enseignants est également
manuelle. Ce système engendre souvent des conflits d’horaires, une mauvaise
allocation des ressources, ainsi qu’une gestion inefficace des espaces de
formation.
• Communication inter-départements : Le manque d’intégration entre
les départements (MTIC, G.I., Audiovisuel, Réseaux et Télécommunications)
complique la coordination des activités. Les informations ne sont pas toujours
partagées en temps réel, ce qui engendre des lacunes dans la gestion des
ressources humaines et matérielles.
• Suivi administratif : Le suivi des dossiers étudiants, des notes et des
absences est manuel et dispersé, ce qui complique la gestion et peut conduire à
des erreurs dans le traitement des informations.
3.2 Objectifs fonctionnels et non fonctionnels
L’objectif de la création d’une application web pour la gestion des inscriptions et
des emplois du temps est de répondre aux défis ci-dessus, en automatisant et en
centralisant les processus administratifs de l’INPTIC. Les objectifs peuvent être
classés en deux catégories : fonctionnels et non fonctionnels.
Objectifs fonctionnels :
1. Automatisation des inscriptions : L’application permettra aux
étudiants de s’inscrire en ligne, avec un suivi automatisé des candidatures et des
confirmations d’inscription. Les données seront enregistrées de manière
sécurisée dans une base de données centralisée.
2. Gestion des emplois du temps : L’application devra permettre de
générer automatiquement les emplois du temps des étudiants et des enseignants,
en évitant les conflits d’horaires et en optimisant l’utilisation des salles de cours.
3. Suivi des absences et des notes : L’application devra intégrer un
module de gestion des absences et des notes, permettant aux enseignants et
administrateurs de suivre le progrès des étudiants et de générer des rapports.
4. Centralisation des données : L’application offrira un tableau de bord
centralisé pour les administrateurs et les responsables de chaque département
afin de suivre l’état des inscriptions, des emplois du temps, des notes, et des
absences.
Objectifs non fonctionnels :
1. Sécurité des données : L’application devra garantir la sécurité des
données personnelles des étudiants et des enseignants en respectant les normes
de confidentialité et de protection des données.
2. Accessibilité : L’application devra être accessible à partir de
n’importe quel appareil connecté à Internet, offrant ainsi une flexibilité aux
étudiants et au personnel pour accéder aux informations à tout moment.
3. Performance : L’application devra être rapide et répondre
efficacement aux requêtes, même lorsque plusieurs utilisateurs l’utilisent
simultanément.
4. Fiabilité : L’application doit être stable et disponible à tout moment,
sans interruption de service.
3.3 Contraintes et opportunités
Contraintes :
1. Budget limité : L’INPTIC pourrait disposer d’un budget limité pour
le développement de l’application, ce qui nécessite de choisir des technologies
accessibles et une planification efficace du projet.
2. Temps de développement : Étant donné les enjeux administratifs,
l’application doit être développée rapidement pour être opérationnelle avant le
début de la prochaine année académique. Cela impose une gestion efficace du
temps et des ressources.
3. Compatibilité avec les systèmes existants : L’application devra
s’intégrer de manière fluide avec les systèmes existants de l’INPTIC,
notamment pour l’importation des données historiques des étudiants et des
enseignants.
Opportunités :
1. Amélioration de l’efficacité administrative : L’automatisation des
processus administratifs permettra de réduire les erreurs humaines et de gagner
du temps, facilitant ainsi le travail des responsables administratifs et des
enseignants.
2. Centralisation de la gestion : La centralisation des données
permettra d’optimiser la gestion des inscriptions, des emplois du temps et des
notes, facilitant la prise de décision et la planification des ressources.
3. Transformation numérique de l’INPTIC : La mise en place de cette
application s’inscrit dans une dynamique de modernisation de l’INPTIC,
contribuant à l’amélioration de son image et à la satisfaction des étudiants et du
personnel.
4. Conception et architecture du système
4.1 Modélisation des données
La modélisation des données est une étape essentielle dans la conception d’une
application web. Elle permet de définir la structure des informations qui seront
manipulées et stockées par l’application. Dans le cadre de la gestion des
inscriptions et des emplois du temps à l’INPTIC, nous avons conçu un modèle
de données relationnel permettant de gérer les différentes entités et leurs
relations.
Les principales entités identifiées sont :
• Étudiants : Inclut des informations personnelles (nom, prénom,
matricule, programme de formation, etc.) et académiques (moyenne, absences,
etc.).
• Enseignants : Contient les informations relatives aux enseignants,
notamment leurs horaires de cours et les matières qu’ils enseignent.
• Cours/Modules : Comprend les informations sur les différents cours
offerts par l’INPTIC, leur description, le nombre de crédits, ainsi que les
enseignants associés.
• Emploi du temps : Stocke les horaires des cours pour chaque
programme et étudiant. Cette entité est liée aux étudiants, enseignants, et salles.
• Salles : Informations sur les salles disponibles pour les cours, leur
capacité, et les horaires d’occupation.
• Inscriptions : Lien entre les étudiants et les cours auxquels ils sont
inscrits.
Le diagramme de base de données montre les relations entre ces entités, ainsi
que les clés primaires et étrangères pour garantir l’intégrité des données.
4.2 Diagramme des cas d’utilisation
Le diagramme des cas d’utilisation permet de visualiser les différentes
interactions entre les utilisateurs (étudiants, enseignants, administrateurs) et le
système. Pour l’INPTIC, les principaux acteurs sont :
• Étudiants : Peuvent s’inscrire à des cours, consulter leur emploi du
temps, suivre leurs absences et notes.
• Enseignants : Peuvent consulter leur emploi du temps, saisir les
notes et absences des étudiants.
• Administrateurs : Gèrent les inscriptions, les emplois du temps, les
salles et les cours, et supervisent les informations liées aux étudiants et aux
enseignants.
Les cas d’utilisation incluent, par exemple :
• “S’inscrire à un cours”
• “Consulter l’emploi du temps”
• “Ajouter des notes et absences”
• “Gérer les emplois du temps et inscriptions”
4.3 Choix technologiques
Le choix des technologies pour le développement de l’application a été guidé
par les besoins spécifiques de l’INPTIC en matière de performance, de sécurité,
et de scalabilité. Les principales technologies sélectionnées sont :
• Frontend :
• HTML5, CSS3 et JavaScript pour la construction de l’interface
utilisateur.
• React ou [Link] pour une expérience utilisateur interactive et fluide,
avec des mises à jour dynamiques sans nécessiter de rechargement complet de la
page.
• Backend :
• [Link] avec Express pour le développement du serveur backend,
grâce à sa capacité à gérer de multiples connexions simultanées et à sa rapidité.
• PHP (si nécessaire) pour certaines fonctionnalités spécifiques côté
serveur, notamment pour l’intégration avec les systèmes existants.
• Base de données :
• MySQL ou PostgreSQL pour la gestion des données relationnelles,
en raison de leur robustesse et de leur compatibilité avec les besoins d’intégrité
et de sécurité des données.
• Sécurité :
• OAuth pour l’authentification sécurisée des utilisateurs (étudiants,
enseignants, administrateurs).
• SSL/TLS pour sécuriser les échanges de données entre le client et le
serveur.
• Hébergement :
• AWS ou DigitalOcean pour héberger l’application sur des serveurs
sécurisés et évolutifs.
Ces choix permettent de garantir la performance, la sécurité, et l’évolutivité du
système à long terme.
5. Développement de l’application
5.1 Outils et technologies utilisés
Le développement de l’application s’est appuyé sur plusieurs outils et
technologies :
• Frontend : HTML5, CSS3, JavaScript, React, et Bootstrap pour
l’interface utilisateur.
• Backend : [Link], [Link] et PHP pour la gestion des requêtes et
de la logique serveur.
• Base de données : MySQL et Sequelize pour gérer et interagir avec
les données.
• Sécurité : JWT pour l’authentification et SSL/TLS pour sécuriser
les échanges de données.
• Gestion de projet : Git, GitHub et Trello pour la gestion du code
source et du suivi de l’avancement du projet.
5.2 Étapes de développement
1. Analyse et conception : Recueil des besoins et création des
diagrammes de cas d’utilisation et de la base de données.
2. Développement du frontend : Conception de l’interface avec React
et Bootstrap, intégration des formulaires interactifs.
3. Développement du backend : Mise en place du serveur [Link],
développement de l’API RESTful et gestion de l’authentification avec JWT.
4. Intégration de la base de données : Création des tables MySQL et
interaction via Sequelize.
5. Tests : Tests unitaires et fonctionnels pour valider les
fonctionnalités de l’application.
6. Déploiement en environnement de test : Mise en ligne sur un
serveur de test et collecte de retours utilisateurs.
7. Ajustements et optimisations : Amélioration des performances et
corrections basées sur les retours des tests.
7. Déploiement et mise en production
7.1 Préparation au déploiement
Avant le déploiement, plusieurs étapes ont été réalisées pour assurer une
transition fluide :
• Révision du code source pour s’assurer du respect des bonnes
pratiques.
• Tests de pré-production dans un environnement similaire à la
production pour vérifier la fonctionnalité.
• Configuration des serveurs pour installer les logiciels nécessaires et
garantir la sécurité.
• Planification de la migration des données pour transférer les
informations nécessaires.
• Création des sauvegardes pour sécuriser les données en cas de
problème.
7.2 Procédures de mise en production
Une fois les préparatifs terminés, l’application a été mise en production :
• Déploiement sur le serveur de production à l’aide d’outils
automatisés comme Git ou Docker.
• Vérification de l’intégrité de l’application pour s’assurer de son bon
fonctionnement.
• Suivi en temps réel pour surveiller les performances et résoudre les
problèmes éventuels.
• Mise à jour des configurations pour ajuster les paramètres du
serveur et de la base de données.
• Communication avec les utilisateurs pour les informer de la mise en
ligne de l’application et faciliter leur prise en main.
8. Problèmes rencontrés et solutions apportées
8.1 Difficultés techniques
• Conflits d’horaires : Un algorithme a été développé pour gérer les
chevauchements dans l’emploi du temps.
• Optimisation des performances : Des requêtes SQL ont été
optimisées et un système de mise en cache a été mis en place pour améliorer les
performances sous forte charge.
• Sécurisation des données : L’authentification a été sécurisée avec
JWT et les mots de passe ont été chiffrés avec bcrypt.
• Compatibilité navigateur : Des ajustements CSS ont été faits pour
assurer une compatibilité avec divers navigateurs.
8.2 Solutions envisagées et mises en œuvre
• Révision de la base de données : La structure des données a été
améliorée pour optimiser les performances.
• Mises à jour des outils : Les bibliothèques ont été mises à jour pour
profiter des dernières fonctionnalités.
• Tests de charge : Des tests ont été réalisés pour ajuster les
ressources du serveur et améliorer la scalabilité.
• Amélioration de l’interface : L’interface utilisateur a été rendue plus
intuitive avec des éléments graphiques et des animations.
• Formation des utilisateurs : Des manuels et des tutoriels ont été
fournis aux utilisateurs pour faciliter la prise en main.
9. Conclusion et perspectives
9.1 Conclusion
Le projet d’application pour la gestion des inscriptions et des emplois du temps
a répondu aux besoins de l’INPTIC en centralisant et automatisant les processus
administratifs. Malgré les défis techniques rencontrés, l’application a été mise en
place avec succès, offrant une solution efficace, sécurisée et facile à utiliser pour
les étudiants, enseignants et administrateurs.
9.2 Perspectives
Pour l’avenir, plusieurs améliorations sont envisagées :
• Extension des fonctionnalités pour inclure la gestion des notes et
des absences.
• Optimisation de l’interface pour la rendre plus intuitive.
• Développement mobile pour faciliter l’accès via smartphones.
• Intégration avec d’autres systèmes de l’INPTIC.
• Amélioration de la sécurité avec des protocoles de cryptage
avancés.
L’application offre déjà une solution satisfaisante, mais des améliorations
peuvent la rendre encore plus performante et adaptée aux besoins futurs.
10. Annexes
10.1 Captures d’écran de l’application
Présenter ici des captures d’écran mettant en avant les fonctionnalités clés de
l’application :
• Page d’accueil : Interface principale pour l’accès des utilisateurs.
• Tableau de bord : Vue des principales actions disponibles.
• Gestion des inscriptions : Capture du formulaire d’inscription des
utilisateurs.
• Emplois du temps : Aperçu des horaires générés par l’application.
10.2 Codes sources (extraits pertinents)
Ajouter des extraits de code pour illustrer les parties essentielles du
développement :
• Configuration du serveur ([Link] avec Express) :
const express = require('express');
const app = express();
[Link]([Link]());
const PORT = 3000;
[Link](PORT, () => [Link](Server running on port ${PORT}));
• Requête SQL pour les emplois du temps :
CREATE TABLE emplois_du_temps (
id INT AUTO_INCREMENT PRIMARY KEY,
cours VARCHAR(100),
jour DATE,
heure_debut TIME,
heure_fin TIME
);
INSERT INTO emplois_du_temps (cours, jour, heure_debut, heure_fin)
VALUES ('Programmation', '2025-01-04', '08:00', '10:00');
• Chiffrement des mots de passe ([Link] avec bcrypt) :
const bcrypt = require('bcrypt');
const hashPassword = async (password) => {
const saltRounds = 10;
return await [Link](password, saltRounds);
};
• Interface utilisateur avec React :
import React, { useState } from 'react';
const Inscription = () => {
const [name, setName] = useState('');
const handleSubmit = (e) => {
[Link]();
[Link](Nom: ${name});
};
return (
<form onSubmit={handleSubmit}>
<label>Nom :</label>
<input type="text" value={name} onChange={(e) => setName([Link])} />
<button type="submit">S'inscrire</button>
</form>
);
};
export default Inscription;
10.3 Bibliographie
Documentation technique
• Documentation React (en français)
• Documentation [Link] (officielle)
• Documentation MySQL
• Documentation [Link]
Articles et tutoriels
• OpenClassrooms : Apprenez à créer votre application web avec
React
• Grafikart : Tutoriels [Link] et Express
• Le Blog du Hacker : “Introduction à la sécurisation des applications
web”
Livres en français
• “JavaScript Moderne - Les bases et plus encore” de Philippe Vion-
Dury
• “[Link] - Apprendre à développer avec JavaScript côté serveur” de
Olivier Heurtel
• “Conception et gestion des bases de données avec MySQL” de
Marie-Noëlle Horcajuelo
Cours en ligne
• OpenClassrooms : Développement web complet
• Fun Mooc : Introduction aux bases de données relationnelles
