Rapport de stage concernant la gestion des étudiants de ENS Rabat

1. Rapport du projet
Réalisé par :
BAHI Salma
BERRHAZI Mohammed
Encadré par :
Pr. MAHMOUDI

2. Remerciements
On tient tout d’abord à remercier notre encadrant M. Le professeur
MAHMOUDI pour avoir bien voulu encadrer ce travail ainsi que pour
sa riche contribution et ses précieux conseils.
Introduction
La réalisation d’un projet permet de bien maitrisé les techniques
étudiées, apprendre des nouvelles techniques, se situé dans un cadre
professionnel de travail et le point le plus important c’est
d’apprendre les méthodes pour gérer un projet entre équipe. Notre
Projet est basé sur une problématique bien connue qui est :
LA GESTION DES ETUDIANTS DE L’ECOLE NORMALE
SUPERIEURE DE RABAT
Problématique
La gestion des données est un critère essentiel pour toute entreprise
ou établissement, il se peut que ça soit une gestion de stock, gestion
des ressources humaines… Pour ce projet on a opté pour le cas de
l’Ecole Normale Supérieure de Rabat, qui aura besoin de gérer
l’ensemble de ces étudiants et qu’ils peuvent visualiser leurs
informations personnels (Nom, Prénom, Filière, et son propre
portfolio), à travers une interface simple et pratique. Cette gestion
sera bien sûr traitée à travers une base de données stockée sur le
local ou sur un serveur privé de l’établissement.
Vous verrez dans ce projet l’importance du langages PHP pour mettre
un site web dynamique. Le site est basé notamment sur 3 langages
principales sont le PHP, CSS/HTML et JS avec des ajouts de
framework (Bootstrap) pour donner une beauté au site web et
enrichir la partie design. Donc vous allez voir dans ce rapport le

3. déroulement de la création de ce projet selon les étapes et les outils
que nous avons utilisé.
Étude de marché
Étude de marché est une activité d'exploitation marketing destinée à
analyser, comprendre et mesurer le fonctionnement réel de notre
projet.
Après avoir des données sur le marché en général, et l’analyse des
dernières tendances, voici quelques applications qui adoptent les
mêmes principes que notre site en termes de connexion, inscription
et le fonctionnement de la base de données.
• Les sites des grands établissements scolaires.
• Le site de CIMR (Caisse Interprofessionnelle Marocaine de
Retraites).
• Les sites de vente en ligne (SHEIN, TRENDYOL, GUESS…).
Partie de design
Pour la partie design nous avons utilisé l’outil Figma pour mettre nos
idées.

5. Si vous êtes admines :
Un admine peut ajouter, modifier
ou supprimer un utilisateur.

6. Partie de developpement
Nous avons utilisé PHP comme langage de programmation
constituant notre projet.
Connect.php :
validerlogin.php :

7. cv.php :
Nunito.css :

8. Profile.php
changeInfo.php :

9. Class.php :
Registre.php :

10. RegistreComplete.php :
sendPasswd.php :

11. Le résultat du code
Home :
Log in :
Sign up :

12. Sign up completation :

13. Les cartes des étudiants :
Si on souhaite supprimer un portfolio, un message de
confirmation va s’afficher :

14. Si on souhaite modifier le profile d’un étudiant :

15. Si vous avez connecté avec un compte admine :

16. Conclusion
Le projet de site de gestion des étudiants de l’Ecole Normale
Supérieure, avait pour but de créer un site qui permet de gérer
l’ensemble des étudiants, et leurs propres portfolios. Ce projet nous a
été bénéfique d’un point de vue conception et design, puisque c’est
notre tout premier site avec interface graphique, développant ainsi
notre côté artistique et créatif.