Rapport de Stage d’Observation

Conception et réalisation d’une

,
application web

ELMAKHYARI Wafa

Maître de Stage : Responsable Pédagogique :

Ibella Houssein Redouane Adil

1
Remerciements :

Je tiens à saisir cette occasion pour adresser mes profonds remerciements et

mes sincères reconnaissances à mon responsable M. Adil REDOUANE pour
ses efforts toutes au long de cette année et aussi mon encadrant
M. IBELLA Houssein pour son soutien sans faille et sa disponibilité, qu’il m’a
apporté lors des différents suivis, ses corrections pour améliorer la structure
et la qualité des différentes sections dans ce stage.

Mes remerciements vont également aux personnels de Province Safi et à

toute autre personne qui m'a soutenu pendant la période de mon stage. Mes
remerciementsvont de même aux enseignants de l’Académie International
Mohamed VI de l’Aviation Civile qui ont fourni des grands efforts afin de
garantir une bonne formation.

Enfin, je tiens à exprimer mes reconnaissances à ma famille et mes parents

pour l’aide et l’encouragement qu’ils m’ont prospéré au cours de mon stage.

2
Résumé :

Mon stage a été effectué au sein de la province de Safi. Durant le mois

du stage (01 Juillet-01 Août), j’ai été encadrée par Monsieur IBELLA
Houssein un ingénieur d’état principal responsable à la SSICTD.
Durant mon stage au sein de la province Safi j’ai effectué différentes
tâches qui ont renforcé de plus mes connaissances, et qui ont enrichi
mon savoir-faire et bien évidement mon savoir être, le stage m’a donné
aussi la possibilité de développer la communication de s’intégrer dans le
monde professionnel et de s’adapter avec ses enjeux. Pendant ce stage
j’ai eu l’occasion de mettre en œuvre les compétences acquises autant
qu’une étudiante ingénieur des données et connaissances incluant la
collecte des informations, la manipulation des bases des données, et la
gestion et la classification de l’information Ce stage m’a donné
l’opportunité de confronter le monde professionnel et de comprendre
mon domaine d’étude.

3
 Table des matières :

Remerciements : ................................................................................................2
Résumé : ........................................................................................................... 3
Table de Matière : ...............................................................................................4
Liste Des Figures : .............................................................................................5
Liste Des Abréviations : .....................................................................................6
INTRODUCTION : .............................................................................................7
Présentation de la province de Safi ...................................................................8
Section 1 : Historique de la province de Safi ......................................................8
Section 2 : les missions de la province de Safi ...................................................8
Économiques : .............................................................................................8
Sécuritaire : .................................................................................................8
Administrative : ............................................................................................9
Sociale : ......................................................... ...........................................9
Section 3 : les divisions de la province de Safi ...................................................9
Section 4: l’organigramme de province de ville Safi........................................... 10
Division des systèmes d’information et de communication (DSIC).................. 11
Section 1: Organigramme de DSIC.................................................................. 11
Section 2 : présentation de DSIC……………………........................................ 12
Section3 : les activités de DSIC ...................................................................... 13
Présentation du département occupé.............................................................. 13
LES TACHES EFFECTUÉES : ....................................................................... 14
Les outils de développement : …………………………………………………… 14
Projet ...............................................................................................................16
Résultat…………………………………………………………………..…………. 17
Les Compétences Acquises : ......................................................................... 20
Niveau personnel : ....................................................................................... 20
Niveau professionnel..................................................................................... 20
CONCLUSION : ............................................................................................... 21

4
Liste des Figures :

Figures Signification

Figure 1 Photo de la province de Safi

Figure 2 L’organigramme de la province de Safi.

Figure3 La page d’accueil

Figure 5 Listes des partis politiques (page d’accueil)

Figure 6 L’inscription dans l’application

Figure 7 Modifier ou accéder au vote

Figure8 Page de modification

Figure 9 Le vote

5
Liste Des Abréviations :

Abréviations Signification
DARJ : Division des Affaires Rurales et J

DAR : Division des Affaires Rurales

DAI : Division des Affaires Intérieurs

DCL : Division des Collectivités Locales

DE : Division des Équipements

DBM : Division du Budget et des Marchés

DAS : Division de l’Action Social

DUE : Division de l’Urbanisme et de

l’Environnement

DAEC : Division des Affaires Économiques et de la

Coordination

DRHFC : Division des Ressources Humaines et de la

Formation Continue

DSIC : Division des systèmes d’information et de

communication

SSICTD : Services des systèmes d'informations de

communication et de la transformation
digitale

SI : Système information

6
INTRODUCTION :

Comme à l’accoutumée de toute formation théorique, il est toujours prévu

de passer un stage ouvrier dans le milieu professionnel pour permettre aux
stagiaires de mettre en pratique leurs connaissances théoriques et de se
familiariser avec la profession qu’ils ont choisie.

C’est ainsi que j’ai eu l’occasion d’effectuer mon stage au sein de la province
de SAFI.

Le présent rapport est la synthèse d’un ensemble de connaissances et

d’informations acquises durant ma période de stage qui s’est déroulée du
01/07/2021 au 01/08/2021.

En général, ce stage m’a permis de découvrir le monde du travail, la

confrontation des méthodes et techniques enseignées avec la pratique
effective.

7
Section 1 : Historique de la province de Safi

FIGURE1 :

La province de Safi (WILAYA DOUKKALA-ABDA) a été créé en 1965 par feu

sa majesté le roi Hassan II à l’occasion de l’inauguration de Maroc-chimie.
Après la création des régions en 1993 elle est devenue le chef-lieu de la
région DOUKKALA-ABDA qui englobe deux provinces à savoir Safi et
El-Jadida. Elle comprend une assemblée provinciale et 37 communes
urbaines et rurales.

Section 2 : les missions de la province de Safi

*Économiques :

-À travers le centre régional d’investissement et la division des affaires

économiques qui assurent l’encouragement de l’acte d’investissement et
d’approvisionnement des marchés.

*Sécuritaire :
-En supervisant l’action de tous les services de l'État chargés de la sécurité et
de l’ordre public.

8
 *Administrative :
-La bonne marche des administrations locales et la coordination de leurs
actions et l’exercice de la tutelle sur les conseils communaux. Elle supervise
l’organisation des élections communales, législatives et professionnelles.

*Sociale :
-La province exerce une mission sociale à travers l’initiative nationale du
développement humain qui vise à lutter contre la pauvreté et la précarité.

Section 3 : les divisions de la province de Safi

DARJ : Division des Affaires Rurales et J

DAR : Division des Affaires Rurales

DAI : Division des Affaires Intérieurs

DCL : Division des Collectivités Locales

DE : Division des Équipements

DBM : Division du Budget et des Marchés 10 2021-2022

DAS : Division de l’Action Sociale

DUE : Division de l’Urbanisme et de l’Environnement

DAEC : Division des Affaires Économiques et de la Coordination

DRHFC : Division des Ressources Humaines et de la Formation Continue

9
Section 4: l’organigramme de la province de Safi.

Figure 2 :

10
Division des systèmes d’information et de communication

Section 1: Organigramme de DSIC

Figure 3

Section 2 : Présentation de DSIC

DSIC a été créé au sein du secrétariat général de la province de Safi en

1990.Elle constitue l’antenne à laquelle s’adresse Monsieur le wali, le
secrétaire général et les autres divisions, pour toutes les questions
demandées soit du ministère de l’intérieur ou des services extérieurs.
Composée de deux services : -Service informatique - service de
communication

Section 3 : les activités de DSIC

Les principales activités de cette division sont :

- Élaboration des statistiques

11
 - Automatiser l’information à caractère social, économique, politique
émanant des organismes externes, du ministère de l’intérieur, des divisions
internes ou sous la demande de M. le Wali.

- Aider les organismes externes en matière conseil, service concernant le

monde informatique.

- Sensibiliser le personnel et le former à utiliser l’outil informatique.

Présentation du département occupé

J’ai réalisé mon stage dans le SSICTD (services des systèmes d'informations
de communication et de la transformation digitale) qui se compose
principalement de deux cellules :

Cellule des systèmes d’informations :

- Gestion globale des SI métiers,

-Former les utilisateurs locaux, pour l’utilisation et la manipulation des SI
-Création des comptes et gestion des autorisations d'accès pour les
utilisateurs finaux -Assurer le suivi de la saisie, gestion et correction des
erreurs
-Gestions des bases de données
-Élaborations des différentes statistiques
-Conceptions et développements des applications locales en cas de besoin
-Travailler en collaboration avec les équipes centrales dans le cadre des
grands chantiers et stratégies du ministère en matières des systèmes
d’information (comme ``ramed "qui sera prochainement remplacer par la
protection sociale" aramil, etc .....)
Cette cellule m’a permis d’utiliser mes connaissances concernant les bases
de données et les sources d’information, et de les développer ainsi que des
nouvelles 14 2021-2022 compétences et conseils qui vont m’aider dans ma
carrière, grâce aux ingénieurs qui étaient très dignes, capables et
responsables.

Cellule systèmes de communications :

-Administration des systèmes de communications

-Maintenance des serveurs et de la plateforme réseau en générale

12
-Assurer le suivi et contrôle et validation des travaux en cas d’extension du
réseau local.
-Installation et mise en service des nouveaux serveurs de données (principal
et backup), des différents postes de travail en assurant leur maintenance et la
mise en service.
- Assurer le respect de la politique de sécurité du ministère

LES TÂCHES EFFECTUÉES :

Ma période de stage a coïncidé avec la préparation des élections ce qui était

un défi car on avait beaucoup de tâches à préparer dans une période de
temps assez limitée mais c’était aussi une occasion pour me mettre en mode
professionnelle et mettre mes compétences en œuvre

Nous avons travaillé sur plusieurs systèmes d’informations :

**système des élections des chambres professionnelles :

** corrections des erreurs de la base de données des électeurs : on a
détecté les fautes présentes dans la base des données, on les a corrigés,
puis on a trié les données selon les critères demandés (date de participation,
âge, Nom, sexe) en utilisant des requêtes (Microsoft Access)
** Dernière Rectification des bulletins de votes avant leur validation avec le
personnel du service (Responsable informatique) : cette étape était une
révision globale de la base de données afin de parfaire le travail avant le jour j
** participer aux étapes de test du jour j : ces étapes demandent une
connaissance profonde des bases de données , et des types des sources de
15 2021-2022 l’information, car afin de collecter les information et les données
pour les classer et les enregistrer dans le site, il faut tester leur pertinence,
actualité (par exemple on a trouver dans la base de donnée utilisé que
beaucoup de participants ont changer leurs adresses du coup on était obligé
de les contacter afin de prendre leurs adresses actuelles), la fiabilité (parfois
on trouve que les gens utilisent des adresses, des numéro et même des Nom
inexistants alors on les supprime de la base)
** validation des taux de participation des votant (10h,12h,15h,17h)
** imprimer et afficher les Résultats finales : après avoir valider les taux de
participation des votants selon les horaires de participation on a affiché les
résultats et puis les imprimer

13
Les outils de développement :

Pourquoi utiliser un IDE ?

Un IDE est un logiciel créé spécialement pour les développeurs, pour

faciliter le développement des logiciels et des applications. C’est un
outil tout-en-un pour le développement, puisqu’il inclut :

● Un éditeur de texte avec coloration syntaxique et

autocomplétion ;
● Un débogueur, permettant de suivre pas à pas l’exécution de
votre code ;
● Un outillage de construction des sources en
fichiers exécutables, le build, qui permet de :
○ compiler : transformer un fichier source en fichier binaire
compréhensible par l'ordinateur,
○ packager : transformer un ensemble de fichiers binaires
et d'autres fichiers de ressources en un seul fichier de
bibliothèque ou d'application. Nous verrons la notion de
bibliothèque dans la prochaine partie ;
● Un outillage d’exécution, le run, pour tester le projet Java ;
● Un système de versionning standard (par exemple Git), qui
permet de sauvegarder le code en conservant l’historique des
modifications (c’est primordial pour le travail en équipe, nous
verrons cela en troisième partie) ;
● Des outils complémentaires pour optimiser et fiabiliser le code,
on parle souvent de refactoring de code.

Eclipse

Il existe beaucoup d’IDE pour coder en Java. Nous allons parler de

l’un des plus utilisés : Eclipse.

14
Eclipse est capable de gérer de nombreux types de projets, en
particulier des projets complexes avec plusieurs sous-projets
contenant de nombreux fichiers sources.

L’IDE Eclipse donne accès à des fonctionnalités avancées, comme un

éditeur de code intégré, un débogueur et un compilateur, ainsi que
le support intégré de la gestion de gros projets et le partage des
projets au sein d’une équipe ;

Eclipse fournit également la prédiction de texte et la détection

d’erreurs de syntaxe pendant que vous codez dans l’éditeur ;

Il existe d’autres IDE qui possèdent des atouts et des faiblesses

différentes. Eclipse a été choisi pour la très grande communauté qui
soutient ce produit, et sa capacité à répondre à tous les besoins, y
compris pour du développement web et d’entreprise, tout en restant
gratuit.

Serveur : Apache Tomcat 5.5

Tomcat 5.5, conçu par la fondation Apache, est un serveur d'applications, un

conteneur de servlet JEE. Tomcat inclut un serveur HTTP (Hypertext Transfert
Protocole) interne.

SGBD Postgres :

PostgreSQL est un système de gestion de base de données relationnelle et

objet (SGBDRO). C'est un outil libre disponible selon les termes d'une licence
de type BSD.Ce système est concurrent d'autres systèmes de gestion de
base de données, qu'ils soient libres (comme MySQL et Firebird), ou
propriétaires (comme Oracle, Sybase, DB2 et Microsoft SQL Server)

15
PROJET

Nous avons proposé une solution pour organiser et gérer les élections après
avoir vue la procédure pour faciliter les étapes et pour gagner le temps :

- Une application qui donne accès à chaque citoyen de voter de chez eux,
l’application te montre tous les partis politiques, leurs missions puis te permets
de voter en utilisant ton CIN

- L’application demande l’utilisation du (JAVA-HTML-CSS-JavaScript

(JQUERY)-PHP), alors mon rôle c’est de s’occuper de la partie
JAVA-HTML-CSS-JS grâce à la formation que j’ai eu à l’AIAC.

On va essayer de lier l’application avec une base de données dans laquelle

sera enregistré chaque citoyen, son CIN et son choix de vote

Je vais commencer de réaliser ce projet dès que les ingénieurs seront

disponibles afin de me surveiller et me donner les informations qu’il me faut
Mais voilà comment je prévois l’application, j’ai réalisé un petit design sur
lequel je vais m’appuyer :

les fichiers HTML, Css, PHP :

16
Les classes Java :

La table “members”:

17
DATABASE

18
 Résultat

Figure 5

Figure 6 Figure 7

19
Figure 8 Figure 9

Les Compétences Acquises :

Pendant cette durée de stage, j’ai développé beaucoup de compétences au

niveau professionnel ainsi que personnel.

Niveau personnel :

** Esprit d’équipe : J’ai toujours trouvé des difficultés pendant le travail

d’équipe, cette expérience m’a permis de les affronter, de savoir exprimer mes
points de vue et mes idées sans crainte, d’accepter les différences et de
comprendre l’autre. Car le travail d’équipe garantit une meilleure réussite.

** Adaptabilité : J’ai également appris à s'adapter en toutes circonstances,

20
le fait de s’intégrer dans un groupe malgré les différences d’âge, du domaine
et spécialité, c’était l’un des plus grands défis que j’ai pu surmonter.

Niveau professionnel :

** Polyvalences : L’une des meilleures qualités que j’ai apprises c’est d’être
une personne polyvalente et ouverte à apprendre des nouvelles compétences
et de ne pas être limités et d’une vision fermée afin d’ouvrir plus largement
mon champ des possibles, ce qui sera un atout pour mon évolution de
carrière.

**Gestion du temps : Cette expérience m’a permis de savoir gérer mon

temps, comment être organisé, et comment se sortir du stress et de la
pression. La meilleure solution c’est de réaliser un planning et d’accomplir
chaque tâche dans une période de temps minimale

21
CONCLUSION :

Ce stage a été très enrichissant pour moi car il m’a permis de découvrir la
Division des systèmes d’information et de communication de la Province de
Safi, ses acteurs et ses contraintes.
Il m’a permis d’observer concrètement le quotidien des ouvriers qui travaillent
dans cette division durant mes rencontres avec les ingénieurs et les
techniciens que j’ai particulièrement apprécié.
J’ai illustré les propriétés importantes d’analyse des données Cette période de
stage m’a permis non seulement d’approfondir mes connaissances en
analyse des données, mais aussi d’acquérir une expérience extrêmement
valorisante d’un point de vue personnel. Et surtout d’avoir une première vision
concrète de la mission d’un Ingénieur des Données dans le milieu
professionnel. Je garderais un bon souvenir de chaque personne qui m’a
accordé un peu de son temps et bien voulu me transmettre une partie de son
savoir.
Ce stage demeure une bonne expérience professionnelle.

22