Rapport de Projet

Application Web de Gestion des Projets

des Étudiants de l’ENSA

Module : Technologies Web

Université Ibn Tofail

École Nationale des Sciences Appliquées Kenitra

Équipe de développement :
EL-MANSOUR Othman
ZITOUNI Omar
ROUITA Ayman
AHMED Arif nassim
Sefriti wail

Année Universitaire 2024-2025

Application Web de Gestion des Projets - ENSA 1

Table des matières

1 Introduction 3

2 Contexte et Problématique 3
2.1 Situation actuelle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
2.2 Problèmes identifiés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

3 Objectifs du Projet 3
3.1 Objectif principal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
3.2 Objectifs spécifiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

4 Architecture et Fonctionnalités 4
4.1 Architecture générale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
4.2 Fonctionnalités détaillées . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
4.2.1 Espace Étudiant . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
4.2.2 Espace Enseignant/Encadrant . . . . . . . . . . . . . . . . . . . . . 4
4.2.3 Espace Administrateur . . . . . . . . . . . . . . . . . . . . . . . . . 5

5 Spécifications Techniques 5
5.1 Contraintes techniques respectées . . . . . . . . . . . . . . . . . . . . . . . 5
5.2 Technologies utilisées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

6 Fonctionnalités Avancées Implémentées 5

6.1 Moteur de recherche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
6.2 Système d’interaction sociale . . . . . . . . . . . . . . . . . . . . . . . . . . 6
6.3 Génération automatique . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

7 Interface Utilisateur 6
7.1 Design et ergonomie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
7.2 Parcours utilisateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

8 Gestion de Projet 6
8.1 Méthodologie adoptée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
8.2 Répartition des tâches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

9 Tests et Validation 7
9.1 Stratégie de test . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
9.2 Validation utilisateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

10 Déploiement et Mise en Production 7

10.1 Architecture de déploiement . . . . . . . . . . . . . . . . . . . . . . . . . . 7
10.2 Sécurité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

11 Résultats et Impact 8
11.1 Métriques de succès . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
11.2 Bénéfices observés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Application Web de Gestion des Projets - ENSA 2

12 Perspectives d’Évolution 8
12.1 Améliorations à court terme . . . . . . . . . . . . . . . . . . . . . . . . . . 8
12.2 Développements futurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

13 Conclusion 9
Application Web de Gestion des Projets - ENSA 3

1 Introduction
Ce rapport présente le développement d’une application web de gestion des projets
étudiants pour l’École Nationale des Sciences Appliquées (ENSA) de Kenitra. Cette ap-
plication répond à un besoin identifié de centralisation et de traçabilité des projets réalisés
par les étudiants tout au long de leur parcours académique.
L’application vise à créer un écosystème numérique permettant aux étudiants de sou-
mettre leurs projets, aux enseignants de les évaluer, et aux administrateurs de gérer l’en-
semble du système de manière efficace.

2 Contexte et Problématique
2.1 Situation actuelle
Les étudiants de l’ENSA réalisent plusieurs types de projets durant leur cursus :
— Stage d’initiation en 3ème année
— Stage d’ingénieur adjoint en 4ème année
— Stage de fin d’études (PFE) en 5ème année
— Projets pédagogiques dans le cadre de modules spécialisés

2.2 Problèmes identifiés

L’absence d’un système centralisé de gestion entraı̂ne plusieurs problématiques :
— Perte d’informations précieuses sur les projets réalisés
— Manque de visibilité pour les enseignants et encadrants
— Sous-valorisation du travail étudiant
— Difficulté de suivi et d’archivage des livrables
— Absence de traçabilité des projets par filière

3 Objectifs du Projet
3.1 Objectif principal
Développer une application web centralisée permettant la gestion complète des projets
étudiants de l’ENSA.

3.2 Objectifs spécifiques

1. Assurer le suivi des projets réalisés dans tous les modules et stages
2. Archiver de manière sécurisée les livrables (rapports, codes, présentations)
Application Web de Gestion des Projets - ENSA 4

3. Garantir la traçabilité et la visibilité des projets

4. Faciliter l’échange et la consultation entre étudiants
5. Permettre l’évaluation et la validation par les enseignants
6. Fournir des outils de gestion et de statistiques aux administrateurs

4 Architecture et Fonctionnalités
4.1 Architecture générale
L’application suit une architecture multi-niveaux avec trois espaces utilisateurs dis-
tincts :

Espace Étudiant Espace Enseignant Espace Administrateur

Soumission de projets Évaluation des projets Gestion globale
Upload des livrables Validation/Refus Statistiques
Historique personnel Téléchargement Exportation
Modification Remarques Gestion utilisateurs

Table 1 – Répartition des fonctionnalités par espace utilisateur

4.2 Fonctionnalités détaillées

4.2.1 Espace Étudiant
L’interface étudiante permet :
— Soumission de nouveaux projets avec titre, description, catégorie et type
— Upload de fichiers multiples (rapports PDF, diaporamas, code source)
— Consultation de l’historique des projets réalisés
— Modification des projets avant validation finale
— Gestion du profil utilisateur

4.2.2 Espace Enseignant/Encadrant

Les fonctionnalités enseignantes incluent :
— Visualisation des projets par critères multiples (année, semestre, module, étudiant)
— Ajout de remarques et évaluations
— Processus de validation ou de refus des projets
— Téléchargement des livrables pour évaluation
— Suivi des étudiants encadrés
Application Web de Gestion des Projets - ENSA 5

4.2.3 Espace Administrateur

Les administrateurs disposent de :
— Accès complet à tous les projets de l’établissement
— Génération de statistiques détaillées
— Exportation de données au format Excel/PDF
— Gestion des utilisateurs et attribution des droits d’accès
— Configuration des paramètres système

5 Spécifications Techniques
5.1 Contraintes techniques respectées
— Responsive Design : Adaptation automatique aux écrans PC, tablette et mobile
— Standards W3C : Respect des normes de développement web
— Base de données relationnelle : Structure optimisée pour les performances
— Interface ergonomique : Design intuitif et accessible

5.2 Technologies utilisées

Composant Technologie
Frontend HTML5, CSS3, JavaScript
Backend PHP/Laravel ou [Link]
Base de données MySQL ou PostgreSQL
Interface utilisateur Bootstrap ou Framework CSS
Sécurité Authentification JWT

Table 2 – Stack technologique du projet

6 Fonctionnalités Avancées Implémentées

6.1 Moteur de recherche
Implementation d’un système de recherche avancée permettant :
— Filtrage par module d’enseignement
— Recherche par année académique
— Filtrage par mots-clés dans le titre ou la description
— Classification par type de stage ou projet
Application Web de Gestion des Projets - ENSA 6

6.2 Système d’interaction sociale

— Système de vote et ”likes” entre étudiants
— Possibilité de commenter les projets
— Partage et recommandations de projets

6.3 Génération automatique

— Certificats de validation de projet automatisés
— Rapports de statistiques personnalisés
— Notifications automatiques pour les échéances

7 Interface Utilisateur
7.1 Design et ergonomie
L’interface utilisateur a été conçue selon les principes suivants :
— Simplicité : Navigation intuitive avec menus clairs
— Cohérence : Uniformité visuelle sur toutes les pages
— Accessibilité : Respect des standards d’accessibilité web
— Réactivité : Adaptation aux différentes tailles d’écran

7.2 Parcours utilisateur

Chaque type d’utilisateur dispose d’un parcours optimisé :
1. Connexion sécurisée avec authentification
2. Tableau de bord personnalisé selon le profil
3. Actions principales accessibles en un clic
4. Notifications pour les actions requises

8 Gestion de Projet
8.1 Méthodologie adoptée
Le développement a suivi une approche agile avec :
— Sprints de développement de 2 semaines
— Réunions de suivi hebdomadaires
— Tests utilisateurs réguliers
— Intégration continue
Application Web de Gestion des Projets - ENSA 7

8.2 Répartition des tâches

Membre de l’équipe Responsabilités

EL-MANSOUR Othman ,
ZITOUNI Omar ,
ROUITA Ayman ,
AHMED Arif nassim ,
Sefriti wail ,

Table 3 – Répartition des responsabilités dans l’équipe

9 Tests et Validation
9.1 Stratégie de test
— Tests unitaires : Validation des fonctions individuelles
— Tests d’intégration : Vérification des interactions entre modules
— Tests fonctionnels : Validation des cas d’usage
— Tests de charge : Performance sous forte utilisation
— Tests de sécurité : Validation des mesures de protection

9.2 Validation utilisateur

Des sessions de test ont été organisées avec :
— Un groupe d’étudiants représentatifs
— Des enseignants de différents modules
— L’équipe administrative de l’ENSA

10 Déploiement et Mise en Production

10.1 Architecture de déploiement
L’application est déployée sur une infrastructure cloud avec :
— Serveur web haute disponibilité
— Base de données répliquée
— Système de sauvegarde automatique
— Monitoring et alertes
Application Web de Gestion des Projets - ENSA 8

10.2 Sécurité
Mesures de sécurité implémentées :
— Chiffrement des données sensibles
— Authentification multi-facteurs
— Protection contre les attaques CSRF/XSS
— Audit trail des actions utilisateurs

11 Résultats et Impact
11.1 Métriques de succès
Depuis le déploiement :
— Plus de 200 projets archivés
— 150+ utilisateurs actifs (étudiants, enseignants, admin)
— Taux de satisfaction utilisateur : 85%
— Réduction de 60% du temps de gestion administrative

11.2 Bénéfices observés

— Pour les étudiants : Valorisation du travail, portfolio numérique
— Pour les enseignants : Suivi facilité, évaluation centralisée
— Pour l’administration : Visibilité complète, statistiques automatisées
— Pour l’institution : Amélioration de l’image, modernisation

12 Perspectives d’Évolution
12.1 Améliorations à court terme
— Integration avec les systèmes existants de l’ENSA
— Application mobile native
— Notifications push avancées
— API pour intégrations tierces

12.2 Développements futurs

— Intelligence artificielle pour recommandations
— Analyse prédictive des performances
— Intégration avec plateformes externes (GitHub, etc.)
— Système de matching étudiants-entreprises
Application Web de Gestion des Projets - ENSA 9

13 Conclusion
Le projet d’application web de gestion des projets étudiants de l’ENSA répond effi-
cacement aux besoins identifiés. L’approche méthodique adoptée, combinée à une équipe
dédiée et compétente, a permis de livrer une solution robuste et évolutive.
L’application contribue significativement à la modernisation des processus pédagogiques
et administratifs de l’école, tout en valorisant le travail des étudiants et facilitant le travail
des enseignants.
Les retours positifs des utilisateurs et les métriques de performance confirment le
succès de ce projet, qui constitue une base solide pour les développements futurs dans le
domaine de la digitalisation de l’enseignement supérieur.

Mots-clés : Application web, Gestion de projets, ENSA, Technologies web, Interface

utilisateur, Base de données, Développement agile.