Rapport de Stage

Application de gestion de
scolaires
Présenté par : Lahcen Ghabaoui
Encadré par : MADAME HARMOUCHI Fatima
MONSIEUR Mustapha Jaafary

ISTA CRM RABAT 2023/2024

Développement DIGITAL
 Office de la Formation Professionnelle et de la Promotion du Travail

Table des matières

Présentation générale................................................................................................................................................
Chapitre I....................................................................................................................................................................
Introduction............................................................................................................................................................
Les tâches que nous avons réalisées......................................................................................................................
Objectif du projet...................................................................................................................................................
Chapitre II...................................................................................................................................................................
Définition du HTML..............................................................................................................................................
Définition et caractéristiques du CSS....................................................................................................................
Framework PHP laravel........................................................................................................................................
Définition du JavaScript........................................................................................................................................
StarUML................................................................................................................................................................
Xampp..................................................................................................................................................................
Visual Studio Code................................................................................................................................................
Chapitre IV................................................................................................................................................................
Ecrans de l’application..........................................................................................................................................
conclusion............................................................................................................................................................
Webographies......................................................................................................................................................

REMERCIEMENTS
Nous tenons tout d’abord à remercier tous ceux qui nous ont aidés de près ou de loin, et à
exprimer nos gratitudes et nos respects pour leur soutien durant la formation.

Nous voudrions remercier profondément Mr Mustapha Jaafary , qui nous a bien

encadré techniquement pendant toute la durée de stage, sans hésiter à aucun moment de
nous consacrer une part de son temps précieux, afin de nous aider considérablement
dans la réalisation du projet de stage, et qui nous a bien soutenu par ses conseils
constructifs tout au long du stage.

2
 Office de la Formation Professionnelle et de la Promotion du Travail

Nous adressons aussi nos cordiaux et nos sincères remerciements à toutes les
personnelles de L’Agence Web MJTECH Solution

Nous tenons à remercier notre formatrice MADAME HARMOUCHI Fatima pour ses
précieux conseils qui nous ont étaient d’une grande utilité.

Nous remercions également tous nos enseignants de l’ISTA TEMARA option

développement digital pour leurs aides précieuses et leur disponibilité constante tout au
long de notre formation.

Nous Vous remercions tous

Présentation générale
Ce stage est une étape importante pour un stagiaire, non seulement du point de vue de
la scolarité, mais aussi d’un point de vue personnel. La vie en entreprise est en effet
nécessaire à la mise en pratique de l’enseignement reçu à l’ISTA TEMARA.
Ce rapport présente le projet que j’ai effectué au cours de mon stage au Agence Web
MJTECH Solution

MJTECH Solution
MJTECH Solution est une Agence Web et Digitale basée à Rabat qui se
spécialise dans le Développement et l’intégration de solutions de Gestion sur
mesure pour entreprises, le Développement de plateformes digitales (E-
commerce, e-learning, e-services etc…), la Création de Sites Web

3
 Office de la Formation Professionnelle et de la Promotion du Travail

professionnels, le Développement d’Applications Web et Mobiles , le

Développement d’applications Métier, l’UI/UX Design , ainsi que dans la
Création Graphique et la Formation Pratique dans les différents métiers du
Numérique.

Chapitre I
Contexte général

 Les taches réalisées.

 Objectifs du projet

Les tâches que nous avons réalisées

1. Profile de l’admin

4
 Office de la Formation Professionnelle et de la Promotion du Travail

2. Manage de staff

3. role d’un management

5
 Office de la Formation Professionnelle et de la Promotion du Travail

4. Création des role

6
 Office de la Formation Professionnelle et de la Promotion du Travail

Objectif du projet

L'objectif principal d'une application web Eschool de gestion des scolaires est de fournir une
plateforme centralisée et efficace pour gérer les processus administratifs, pédagogiques et de
communication au sein d'une institution scolaire. Voici quelques objectifs spécifiques d'une telle
application :

1. Gestion des élèves et des enseignants : Permettre l'enregistrement et la gestion des informations
des élèves, des enseignants et du personnel administratif, y compris leurs données personnelles,
leurs résultats académiques, leurs absences, etc.

2. Gestion des cours et des emplois du temps : Faciliter la planification et la gestion des cours, des
horaires, des salles de classe, des enseignants assignés à chaque cours, des groupes d'élèves, etc.

3. Suivi des progrès académiques : Offrir des outils pour suivre les performances académiques des
élèves, y compris les notes, les évaluations, les commentaires des enseignants, les rapports de
progression, etc.

4. Gestion des évaluations et des examens : Permettre la création, la planification et la correction

des évaluations, des examens et des devoirs, ainsi que la génération de rapports d'évaluation pour
les élèves et les parents.

7
 Office de la Formation Professionnelle et de la Promotion du Travail

5. Communication interne et externe : Faciliter la communication entre l'école, les enseignants, les
élèves et les parents grâce à des fonctionnalités telles que les messageries internes, les annonces, les
newsletters, les forums de discussion, etc.

6. *Gestion des ressources matérielles :* Suivre et gérer les ressources matérielles de l'école, telles
que les manuels scolaires, le matériel pédagogique, les équipements informatiques, etc.

7. *Suivi de la présence et de l'absentéisme :* Permettre le suivi de la présence des élèves et du

personnel, ainsi que la gestion des absences, des retards, des congés, etc.

8. Sécurité et confidentialité des données : Garantir la sécurité et la confidentialité des données

sensibles des élèves, des enseignants et de l'école conformément aux réglementations en vigueur.

9. Personnalisation et adaptation : Offrir des fonctionnalités personnalisées et adaptées aux besoins

spécifiques de chaque école, tout en permettant une évolutivité pour s'adapter aux changements et
aux évolutions futures.

Chapitre II
Analyse et conception
 Etude fonctionnelle : cahier de charge

8
 Office de la Formation Professionnelle et de la Promotion du Travail

Etude fonctionnelle

Rédaction du cahier des charges

Le cahier des charges présente des solutions dépendant des objectifs fonctionnels
(expression des besoins du client) et des orientations techniques suivies (logiciels utilisés
et documents à fournir par le client).

Chapitre III
 HTML
 CSS
 PHP

 Laravel

 JavaScript
 XAMPP
 Visuel studio code

9
 Office de la Formation Professionnelle et de la Promotion du Travail

Définition du HTML
L'HTML est un langage informatique utilisé sur l'internet Ce
langage est utilisé pour créer des pages web. L'acronyme
signifie HyperText Markup. Language, ce qui signifie en
français "langage de balisage d'hypertexte". Cette signification
porte bien son nom puisqu'effectivement ce langage permet de
réaliser de l'hypertexte à base d'une structure de balisage.
Ce n'est pas à proprement parlé un langage de programmation
mais plutôt un langage qui permet de mettre en forme du
contenu. Les balises permettent de,
Mettre en forme le texte et de placer des éléments interactifs, tel des liens, des images ou
bien encore des animations.

Ces éléments ne sont pas dans le code source d’un page codé en HTML mais "à côté" et
la page en HTML ne fait que reprendre ces éléments Pour visualiser une page en HTML
il est nécessaire d'utiliser un navigateur web.

10
 Office de la Formation Professionnelle et de la Promotion du Travail

La plupart du temps d'autres langages informatiques sont associés à une page codé en
HTML. Par exemple le CSS, qui permet de mettre en forme le contenu d’un page codé
en HTML. Il y a également des langages informatiques qui dépendent entièrement du
HTML, tel le JavaScript.

Définition et caractéristiques du CSS

Le terme CSS est l'acronyme anglais de
Cascading Style Sheets qui peut se traduire
par "feuilles de style en cascade". Le CSS est
un langage informatique utilisé sur l'internet
pour mettre en forme les fichiers HTML ou
XML. Ainsi, les feuilles de style, aussi appelé
les fichiers CSS, comprennent du code qui
permet de gérer le design d'une page en
HTML.
Bien que l'HTML puisse être mis en forme à
l'aide de balises prévus à cet effet, de nos
jours il est plus judicieux d'utiliser le CSS et
de n'utiliser le XHTML que pour le contenu.
L'avantage de l'utilisation d'un fichier CSS pour la mise en forme d'un site réside dans
la possibilité de modifier tous les titres du site en une seule fois en modifiants une seule
partie du fichier CSS. Sans ce fichier CSS, il serait nécessaire de modifier chaque titre
de chaque page du site (difficilement envisageable pour les énormes sites de plusieurs
milliers de pages).

D'autres points forts sont perceptibles. Il est par exemple possible de créer une feuille de
style spécifique pour l'impression des documents, ce qui permet de retirer tous les effets
de style et toutes les parties inutiles lors de l'impression. De même, une feuille de style
peut être utilisée pour les utilisateurs d'un téléphone portable, ce qui permet de mieux
gérer la mise en forme particulièrement pour les petits écrans de ces appareils.

Framework PHP laravel

Laravel est présenté comme Le Framework PHP pour les artisans
du web.
Lancé en ,2011 Laravel se trouve en tête des classements grâce à ses fonctionnalités :
• Offre une solution MVC complète.
• A son propre ORM Eloquent ORM.

11
 Office de la Formation Professionnelle et de la Promotion du Travail

• Utilise le moteur de templating Blade. On peut utiliser PHP dans Blade,

contrairement aux autres.
• Packalyst, une collection de paquets Laravel, compte plus de15000 paquets
utilisable.
• Dispose de l’outil de ligne de commande Artisan Console qui permet d’automatiser
les tâches répétitives et de générer rapidement du code squelette.
• Dispose de plusieurs outils utiles tels que Mix pour la compilation des actifs CSS et
JS, et Socialite pour l’authentification OAuth.
• Bénéficie d’une large communauté de développeurs

Définition du JavaScript
Le JavaScript est un langage informatique utilisé sur les pages web. Ce langage à
la particularité de s'activer sur le poste client, en d'autres serveur. L'exécution du code
est effectuée par votre navigateur mots c'est votre ordinateur qui va recevoir le code et
qui devra l'exécuter. C'est en opposition à d'autres langages qui sont activé côté
internet tel que Firefox ou Internet Explorer.
L'une des choses primordiale à savoir est de bien se
rendre compte que le JavaScript n'a aucun rapport
avec le Java qui est un autre langage informatique.
La particularité du JavaScript consiste à créer des
petits scripts sur une page HTML dans le but d'ajouter
une petite animation ou un effet particulier sur la page.
Cela permet en général d'améliorer l'ergonomie ou
l'interface utilisateur, mais certains scripts sont peu
utiles et servent surtout à ajouter un effet esthétique à
la page. L'intérêt du JavaScript est d'exécuté un code
sans avoir à recharger une nouvelle fois la page.
La technique AJAX (Asynchrones JavaScript And
XML) utilise grandement le JavaScript dans le but
d'interagir sur la page de manière dynamique.

12
 Office de la Formation Professionnelle et de la Promotion du Travail

Xampp
XAMPP est une distribution Apache entièrement gratuite et facile à installer
contenant MySQL, PHP et Perl. Le paquetage open source XAMPP a été mis au point
pour être incroyablement facile à installer et à utiliser :

Visual Studio Code

Visual Studio Code est un éditeur de code extensible développé par Microsoft
pour Windows, Linux et MacOs.
Les fonctionnalités incluent la prise en charge du débogage, la mise en évidence de la
syntaxe, la complétion intelligente du code (IntelliSense.), les snippets, la
refactorisation du code et Git intégré. Les utilisateurs peuvent modifier le thème, les
raccourcis clavier, les préférences et installer des extensions qui ajoutent des
fonctionnalités supplémentaires.
Le code source de Visual Studio Code provient du projet logiciel libre et open source
VS Code de Microsoft publié sous la licence MIT permissive, mais les binaires compilés
constituent un freeware, c'est-à-dire un logiciel gratuit pour toute utilisation mais
privateur.

13
 Office de la Formation Professionnelle et de la Promotion du Travail

Conclusion :

En conclusion En résumé, une application web Eschool de gestion des scolaires vise à simplifier et à
améliorer les processus administratifs et pédagogiques au sein d'une école, tout en favorisant une
communication efficace et une collaboration entre toutes les parties prenantes de la communauté
scolaire

Webographies

 https://www.w3schools.com
 https://laravel.com
 www.xampp.com
 www.google.com

14