RAPPORT DE STAGE

GESTION DES CONVENTIONS

• Réaliser par :
▪ ELQARCH ZAKARIA
▪ EL AZZOUZI HAMZA
▪ BOUHOUTT AYOUB
• Groupe :
▪ DD web full-stack 201
• Encadrer par:
▪ MR. TAIS ADIL
▪ MR. MOHAMMI AYOUB

De 29-01-2023
A 25-02-2023 1
Remerciement
Nos remerciements s'adressent dabord à ALLAH le tout puissant et à son prophète
MAHOMED (paix et salut sur lui) pour les chances qui nous ont été offertes pour
réaliser ce travail.
Toute œuvre qui résulte du effort humain est explicitement ou implicitement
toujours le fruit d'une vaste collaboration. Ainsi, que tous ceux qui ont pris une part
active dans la réalisation de ce projet puissent trouver dans ces lignes expression
de notre profonde gratitude. En nous exprimant de la sorte
Nous pensons tout particulièrement à notre encadreur
Mr.TAIS ADIL
Nous avons eu le privilège de travailler parmi votre équipe et dapprécier vos
qualités et vos valeurs. Votre sérieux, votre compétence et votre sens du devoir
nous ont énormément marqués.
Ce travail est pour nous loccasion de vous témoigner notre profonde gratitude, vous
nous avez toujours réservé le meilleur accueil, malgré vos obligations
professionnelles. Vos encouragements inlassables, votre amabilité, votre
gentillesse méritent toute admiration.
Veuillez trouver ici expression de notre respectueuse considération et notre
profonde admiration pour toutes vos qualités scientifiques et humaines.
A nos chers parents
Vous représentez pour nous le symbole de la bonté par excellence, la source de
tendresse et lexemple du dévouement. Vousn'avez cessé de nous encourager et de
prier pour nous.
Aucune dédicace ne saurait être assez éloquente pour exprimer
notrerespect et notre amour.

2
Sommaire
Remerciement ...............................................................................................................................................2
Introduction...................................................................................................................................................4
A propos du conseil provincial ......................................................................................................................5
Présentation du projet ..................................................................................................................................6
Technologie utiliser .......................................................................................................................................8
Conception ....................................................................................................................................................9
Cas d’utilisateur ......................................................................................................................................... 9
Diagramme de class................................................................................................................................. 10
Modèle Conceptuel des Donnes ............................................................................................................. 11
Modèle Logique des Donnes ................................................................................................................... 11
Présentation Des interfaces ........................................................................................................................12
Convention .............................................................................................................................................. 12
Projet ....................................................................................................................................................... 14
Division .................................................................................................................................................. 16
Service ..................................................................................................................................................... 18
Commune .............................................................................................................................................. 20
Partenaire ............................................................................................................................................. 22
Profile ...................................................................................................................................................... 24
Conclusion ...................................................................................................................................................25

3
 Introduction
Nous avons ravi de vous présenter notre rapport de stage qui porte sur notre
expérience professionnelle au sein du conseil provincial Ce stage s'est
déroulé du 29-01-2023 aux 25-02-2023 et nous travaillâmes en tant que
développeur web..

Au cours de cette période, nous eûmes l'opportunité de découvrir

l'environnement de travail dans lequel évoluent les professionnels
d’informatique, et de mettre en pratique les connaissances théoriques
acquises lors de mes études.

Dans cette première partie de notre rapport, nous allons vous présenter
l'entreprise dans laquelle nous avons effectué notre stage, son domaine
d'activité et ses missions principales. Nous allons également vous décrire les
missions qui nous ont été confiées et les projets sur lesquels on a travaillé.

Ensuite, dans une seconde partie, nous allons vous présenter les
compétences que nous acquises au cours de notre stage, les enseignements
que nous tirons de cette expérience, ainsi que les perspectives d'avenir que
nous envisage dans le domaine professionnel dans lequel nous évoluâmes.

Enfin,nous terminerons ce rapport par une conclusion qui synthétisera

l'ensemble de notre expérience professionnelle, ainsi que les apports qu'elle
a pu avoir sur notre formation et notre développement personnel.

4
 A propos du conseil provincial

Le Conseil Provincial de Taza est une institution administrative locale au

Maroc, qui est responsable de la gestion et de la supervision des affaires
provinciales dans la province de Taza. Il s'agit d'un organe délibérant élu
par les citoyens de la province, et qui est chargé de prendre des décisions
sur les questions liées au développement local, à l'urbanisme, à
l'éducation, à la santé, à l'agriculture, à la sécurité et à l'environnement,
entre autres.

Ce Conseil est composé de membres élus au suffrage universel direct,

ainsi que de membres nommés par le gouvernement, tels que les
représentants des services déconcentrés de l'Etat et des collectivités
territoriales. Le président du conseil est élu par les membres du conseil
parmi eux-mêmes et est chargé de présider les séances du conseil et de
superviser l'exécution des décisions prises.

5
 Présentation du projet
Ce projet est une application web qui permet au conseil provincial de gérer
toutes les informations relatives aux conventions, aux projets, aux services
et aux communes. Voici les fonctionnalités qu’on a traitées dans ce projet:
1. Gérer les conventions : Cette fonctionnalité permettra de gérer les
conventions entre les différents acteurs, tels que les partenaires, les
organismes gouvernementaux, les organisations à but non lucratif, etc.
L’administration pourront créer de nouvelle convention, suivre les
délais de paiement etc.
2. Gérer les projets : Cette fonctionnalité permettra de suivre l'état
d'avancement des projets liés aux conventions. Les utilisateurs pourront
définir les tâches, affecter des ressources et des budgets, suivre les
coûts et les dépenses, ainsi que les calendriers et les délais.
3. Gérer les divisions : Cette fonctionnalité permettra de suivre les
différents secteurs d'activité des organisations impliquées dans les
conventions. Les utilisateurs pourront créer des divisions, affecter des
employés et des ressources aux divisions, suivre les performances des
divisions, etc.
4. Gérer les services : Cette fonctionnalité permettra de suivre les
différents services offerts par les organisations impliquées dans les
conventions.
5. Gérer les communes : Cette fonctionnalité permettra de suivre les
communes où se déroulent les projets liés aux conventions.
L’administration pourront suivre les projets en cours dans chaque
commune.
6. Gérer les partenaires : Cette fonctionnalité permettra de suivre les
différents partenaires impliqués dans les conventions.

6
En combinant toutes ces fonctionnalités, l’administrations pourront avoir
une vue complète de toutes les activités liées aux conventions et aux
projets, leur permettant de gérer efficacement les contrats, les ressources,
les budgets et les calendriers.

7
 Technologie utiliser
Au sien de la réalisation de notre application on a utilisé des nombreux outils
et bibliothèque,
Voici quelque outils et bibliothèque qu’on a utilisée :
• Laravel : est un Framework de développement web open-source écrit
en PHP. Il est conçu pour faciliter le développement d'applications web
en fournissant une structure et des fonctionnalités prêtes à l'emploi.
• Auth0 : Auth0 est une plateforme d'authentification et d'autorisation
en tant que service (Identity-as-a-Service).
• GitHub : GitHub est une plateforme de développement collaboratif
pour les projets de logiciels libres et open-source.
• Wow : Wow est une bibliothèque JavaScript open-source qui permet
de créer des animations d'apparition sur les éléments HTML dans les
pages web
• Chart : Chart est une bibliothèque JavaScript open-source qui permet
de créer des graphiques interactifs dans les pages web.
• Jquery.validator : est une bibliothèque JavaScript qui permet de
valider les formulaires web du côté client, en fournissant des méthodes
de validation pour différents types de champs de formulaire.
• Datepicker : est un widget d'interface utilisateur qui permet de
sélectionner facilement une date sur un formulaire web, en affichant
un calendrier interactif.
• Mask : est une bibliothèque JavaScript qui permet de limiter la saisie
d'un utilisateur dans un champ de formulaire web.
• Toaster : Toaster est une bibliothèque JavaScript qui permet d'afficher
des notifications temporaires sur un site web.

8
 Conception
Cas d’utilisateur

Figure 1: Use Case

9
Diagramme de class

Figure 2:Diagramme de Classe

10
Modèle Conceptuel des Donnes

Modèle Logique des Donnes

11
 Présentation Des interfaces

Figure 3: Page d'accueillie

Convention

Figure 4: Page de la liste des Convention 12

 Figure 5: Page d’ajout une Convention

Figure 6: Page de mise à jour une Convention

13
 Figure 7: Page d'affichage des détails

Projet

Figure 8:Page du liste des Projets

14
 Figure 9:Page d'ajout un Projet

Figure 10:Page de mise à jour un Projet

15
 Figure 11:Page d'affichage des détails

Division

Figure 12Page de la liste des Division

16
Figure 14: Page d’ajout une Division

Figure 15 : Page de mise à jour un Projet

17
 Figure 16:Page d'affichage des détails

Service

Figure 17:Page du liste des Services

18
 Figure 18:Page d’ajout un Service

Figure 19Page de mise à jour un Service

19
 Figure 20:Page d'affichage des détails

Commune

Figure 21:Page du liste des Communes

20
Figure 22: Page d’ajout une Commune

Figure 23:Page de mise à jour une Commune

21
 Figure 24:Page d'affichage des détails

Partenaire

Figure 25:Page du liste des Partenaires

22
 Figure 26Page d’ajout un Partenaire

Figure 27: Page de mise à jour un Partenaire

23
 Figure 28: Page d'affichage des détails

Profile

Figure 29: Page du profile

24
 Conclusion
La gestion des conventions est un domaine qui demande beaucoup
d'organisation et de planification. Au cours de mon stage, on a eu
l'opportunité de travailler sur le développement d'une application web pour
la gestion des conventions, et on a pu constater l'importance d'un tel outil
pour la réussite d'un événement.

Au cours de notre travail, on a pu mettre en pratique notre compétences en

développement web et on a également appris de nouvelles technologies et
méthodologies de travail. On a participé à toutes les phases du projet, de la
conception à la mise en production de l'application.

L'application web qu’on a développé a permis de simplifier le processus de

gestion des conventions en offrant une plateforme centralisée pour
l'enregistrement des événements, la gestion des participants, la planification
de l'ordre du jour, la communication avec les participants et l'évaluation de
l'événement. L'application a également permis de gagner du temps et de
réduire les erreurs de gestion.

25