Royaume du Maroc

Université Sultan Moulay Slimane

Ecole Supérieure de Technologie – Béni Mellal

Département Informatique et Techniques de Gestion

Spécialité : DUT en Génie Informatique

(GI)
Rapport du stage d'initiation
Sous le thème

Application multiplateforme de gestion pour

le projet d’eau potable

Effectué par : Encadrant industriel :

Radouane El Azzaouy Ms. Saleh Wakhir

Période du stage : du 01/07/2023 au 01/08/2023

Présenté et soutenu le 28/10/2023 devant le Jury composé de :

Pr. A.Qaffou Président

Pr. S.Bakkouri Examinateur

Lieu du stage : Commune Ait Tamlil – Ait Tamlil circle Fetouaka, Azilal

Année universitaire : 2023-2024

 Dédicaces

Ce travail est dédié

➢ Premièrement à mes parents qui ont toujours m’entourner de leur

tendresse, leurs sacrifices et leur amour.

➢ À ma petite famille.

➢ Je dédie également à mes professeurs au sein ESTBM.

➢ À ceux qui partagent nos joies et nos réussites.

➢ À le directeur des services M.Saleh Wakhir, le président OMAR EL

FATIMY et à les responsables des différents services au sein la commune

Ait Tamlil, qui n’ont ménagés aucun effort pour m’aider à élaborer ce

rapport et à me faire découvrir le monde professionnel

➢ À tous nos amies et nos collègues.

Nous vous dédions ce travail avec un immense plaisir

2
 Remerciements

Ce travail n'est pas seulement le résultat de nos propres efforts, mais aussi

des contributions collectives de nombreuses personnes à qui nous exprimons notre

profonde gratitude.

Tout d'abord, je tiens à exprimer ma sincère gratitude à Monsieur Hamid El

Mansouri, Monsieur Saleh Wakhir, Monsieur OMAR EL FATIMY et tous les

responsables des différents services dela commune Ait Tamlil, pour m'avoir donné

l'opportunité d'entreprendre ce travail, son effort, ses conseils tous au long de ce

projet.

Je suis profondément reconnaissant à tous mes professeurs pour leur

enseignement dévoué et leur mentorat. Leurs connaissances et leurs encouragements

ont joué un rôle important dans l'élaboration de ce travail.

Enfin, j'adresse mes remerciements à tous ceux qui, de près ou de loin, ont

contribué moralement ou matériellement à la réalisation de ce travail.

Merci…

3
 Table des matières
Dédicaces ................................................................................................................................... 2
Remerciements........................................................................................................................... 3
Liste des figures et des tableaux ............................................................................................. 6
Liste des abréviations............................................................................................................... 7
Introduction .............................................................................................................................. 8
Chapitre 1 : Présentation de la commune Ait Tamlil ............................................................ 9
I. Présentation générale de la commune ....................................................................... 10
II. Structure de l'Administration Communale et ses Taches .................................... 12
1. La structure de l’administration de la commune Ait Tamlil ............................... 12
2. Les Taches du chaque service de la commune Ait Tamlil .................................... 13
Chapitre 2 : Présentation du projet ...................................................................................... 17
I. Introduction ................................................................................................................... 18
II. Les tâches de projet ....................................................................................................... 18
III. Présentation du projet ................................................................................................ 18
IV. Objectifs du projet ..................................................................................................... 19
V. Méthodologies du travail ............................................................................................... 19
1. Étape d’analyse des besoins : .................................................................................... 19
2. Étape de la conception : ............................................................................................. 20
3. Étape d’implémentation et d’expérimentation des systèmes proposés : ................... 20
4. Étape de codage : ....................................................................................................... 20
VI. Conclusion ................................................................................................................. 20
Chapitre 3 : Analyse et conception ....................................................................................... 21
I. Introduction ................................................................................................................. 22
II. Présentation de la modélisation .............................................................................. 22
III. Cahier de charge ...................................................................................................... 22
1. Définition ................................................................................................................... 22
2. Cahier de charge du projet ......................................................................................... 22
IV. Diagramme de cas d’utilisation .............................................................................. 23
1. Définition ................................................................................................................... 23
2. Diagramme de cas d’utilisation de notre projet ......................................................... 23
V. Diagramme de classes ................................................................................................. 24
1. Définition ................................................................................................................... 24
2. Diagramme de classes de notre projet ....................................................................... 24

4
 VI. Conclusion ................................................................................................................ 25
Chapitre 4 : Réalisation du projet ........................................................................................ 26
I. Introduction ................................................................................................................... 27
II. Les outils utilisés ........................................................................................................... 27
III. Les interfaces graphiques .......................................................................................... 28
Page Login : ...................................................................................................................... 29
Page d’accueil : ................................................................................................................. 29
Page des Paramètres : ........................................................................................................ 30
La page des Clients : ......................................................................................................... 30
Page Compte du Client : ................................................................................................... 31
Page Compteur Détails ..................................................................................................... 31
Page Payement : ................................................................................................................ 32
IV. Les documents générer par l’application ................................................................... 32
V. Conclusion ..................................................................................................................... 34
Conclusion Générale et Perspectives ...................................................................................... 35
Références Webographies ...................................................................................................... 36

5
 Liste des figures et des tableaux

Figure 1:Localisation de la commune d'Ait Tamlil. ................................................................. 10

Figure 2:La Structure de l’Administration de la commune Ait Tamlil. ................................... 12
Figure 3:Diagramme de cas d’utilisation. ................................................................................ 24
Figure 4:Digramme de classes. ................................................................................................ 25
Figure 5 : Flutter ....................................................................................................................... 27
Figure 6 : Dart .......................................................................................................................... 27
Figure 7 : Firebase .................................................................................................................... 27
Figure 8 : SQLite ...................................................................................................................... 27
Figure 9 : Visual Studio Code .................................................................................................. 28
Figure 10 : Android Emulator .................................................................................................. 28
Figure 11 : StarUML ................................................................................................................ 28
Figure 12 : la page Login. ........................................................................................................ 29
Figure 13 : La page d’accueil. .................................................................................................. 29
Figure 14: La page des Paramètre. ........................................................................................... 30
Figure 15: La page des Clients. ................................................................................................ 30
Figure 16: La page Compte du Client. ..................................................................................... 31
Figure 17: La page Compteur Détails. ..................................................................................... 31
Figure 18: Page Payement. ...................................................................................................... 32
Figure 19: Les document du client. .......................................................................................... 33
Figure 20: Les document du compteur. .................................................................................... 33
Figure 21: Les documents généraux. ........................................................................................ 34

Tableau 1:Fiche d’identité de la commune Ait Tamlil. ---------------------------------------------- 11

Tableau 2: La durée générale du projet. --------------------------------------------------------------- 18

6
 Liste des abréviations

Abréviation Signification

ESTBM Ecole Supérieur de Technologie

SDK Software Développent Kit

UML Unified Modeling Language

PDF Portable Document Format

CNIE Carte Nationale d’Identité Electronique

OMG Object Management Groupe

SQLite Structured Query Language Lite

VS Code Visual Studio Code

7
 Introduction

Depuis la découverte de l’informatique, de nombreuses activités de la vie courante ont

été simplifiés. Actuellement les individus peuvent facilement traiter des informations en se
servant des logiciels et des réseaux informatiques. Compte tenu de son évolution, ce système
caractérise la majorité des grandes entreprises quel que soit le secteur d’activité.

Pour les étudiants, il leur est alors capital d’avoir certaines connaissances dans ce
domaine pour pouvoir réussir dans le domaine professionnel.

L’informatique est un secteur d’activité qui possède une évolution constante et de

nombreuses personnes s’interroge sur ce que cette technologie peut représenter dans l’avenir.

C'est dans ce contexte se situe notre travail qui consiste à créer une application de gestion pour
le projet d’eau potable.

Cette application devra être en mesure de résoudre les problèmes liés à la lenteur et à la
répétition de tels tâches de rédaction des factures, des reçus, des documents de l’engagement,
des rapports généraux, d’alarmes de payement, et le traitement de payement, et les calculs
attacher au système des tranches, et l'absence d'un mécanisme de gestion informatique pour ce
service rend la tâche de traitement très difficile et ennuyeuse.

Le présent rapport a pour objectif de présenter d'une façon détaillée les étapes
d'élaboration de ce projet. Il s'articule autour de quatre chapitres : le premier chapitre comprend
une présentation générale du la commune Ait Tamlil. Le second chapitre sera consacré pour la
présentation du projet. Le troisième chapitre traite l'analyse et la conception de ce projet. Le
dernier chapitre traite les étapes de la réalisation de l'application dont on exposera les outils
utilisés, ainsi qu'un aperçu sur les différentes interfaces de l'application. En fin nous clôturons
notre rapport par une conclusion générale qui résumera tout ce qui a été précédemment évoqué
et qui en dégagera des perspectives pour l'extension et la mise à niveau.

8
Chapitre 1 : Présentation de la
commune Ait Tamlil

9
 I. Présentation générale de la commune

Le chef-lieu de la commune Ait Tamlil est situé à 60 Km au sud de Demnate dans la

zone du Haut Atlas Central, crée en 1965 avec une sperficile de 546,51 km², et caractérisée par
une topographie accidentée et enclavée, la commune relève administrativement à la Cercle de
Fetouaka de la Province d’Azilal, le territoire de la commune est entourée par les communes
rurales : Ait oumdis, Tifni, Sidi Yacoub, Sidi Boulkhalf, Ait Bouali (Pr, Azilal), Immi
n’Ouallaou (Pr, Ouarzazate) ; La commune dispose d’importantes ressources hydriques
représentées par Oued Tassaout, Oued Ghazzef et une dizaine de petits Oued (à appartition
saisonnière) et sources d’eau, et d’une forêt encours de disparition (la carte ci-après présente la
situation générale et géographique de la commune Ait Tamlil).

Figure 1:Localisation de la commune d'Ait Tamlil.

10
 Tableau 1:Fiche d’identité de la commune Ait Tamlil.
Fiche d’identité de la commune Ait Tamlil
Année de Création 1965
Superficie 546,51 km²
Région Tadla-Azilal
Province Azilal
Cercle Fetouaka
Caïdat Ait Tamlil
Nombre de douars 76
Situation générale
Zone Haut Atlas central
Ville la plus proche Demnate : 60 Km
Gare routière la plus proche Demnate : 60 Km
Gare ferroviaire la plus proche Marrakech : 160 Km
Aéroport le plus proche Marrakech : 160 Km
Port le plus proche 350 Km Asfi
Routes RR 307, RP 3110 et 17 pistes communales
Population
Estimation 2014 19 930 habitants²
La langue locale TACHALHIT
Topographie
Type Zone Montagneuse
Entre 1500 et 2500 m, quelques sommets au-delà de
Altitudes
2500 m
Direction des pentes dominantes Vers le nord
Climat
Un climat de type semi-aride à hivers froids et pluvieux
Type et été frais dans les hautes altitudes à chaud dans kes
zones basses.
Moyenne 17°C avec min 3,4°C en janvier et max
Température
36,2°C en Juillet
Précipitations 400 à 500 mm selon l’altitude, répartition irrégulière
Pédologie
SAU 2 014 ha
70% SAU Lahrache, 20% SAU Biad et 10% SAU
Types de sols
Hamri
Hydrogéologie
Oued Tassaoute et Oued Ghazzef qui sont deux
Ressources en eau de surface ressources permanentes et 10 Oueds saisonnières qui
tarissent en été
La commune dispose de 56 sources dont le débit
Ressources en eau souterraines
diminue lors de la période estivale
Qualité de la nappe phréatique Moyenne

11
 II. Structure de l'Administration Communale et ses Taches

1. La structure de l’administration de la commune Ait Tamlil

Président du Conseil

Secrétariat et
Affaires du Conseil

Direction des
Services

Bureau Division des Affaires Division des Affaires

d'Enregistrement et Techniques, Administratives,
d'Orientation Économiques et Financières et
Sociales Juridiques

Service de Service des

l'Urbanisme, Ressources
Travaux et Humaines
Environnement

Service des
Ressources
Service des Biens et Financières, Budget,
des Engins Comptabilité et
Marchés

Service des Affaires Service de l'État

Économiques, Civil et
Sociales, Culturelles d'Authentification
et Sportives des Documents

Figure 2:La Structure de l’Administration de la commune Ait

Tamlil.

12
 2. Les Taches du chaque service de la commune Ait Tamlil

A. Direction des Services

• Assister le Président du Conseil dans l'exercice de ses pouvoirs et prendre en charge sa
supervision.
• Surveiller l'administration municipale.
• Coordonner le travail administratif des services municipaux et veiller à son bon
déroulement.
• Présenter des rapports à la Présidence du Conseil.
• Veiller à la mise en œuvre des décisions du Président et des résolutions du Conseil.
• Coordonner entre la commune et l'autorité dans toutes les affaires administratives.
• Exercer les compétences que le Président de la commune peut lui déléguer
conformément aux dispositions légales régissant les communes.

B. Secrétariat et Affaires du Conseil

• Prendre note des mémos du Président et préparer les ordres du jour des sessions.
• Assister le secrétaire du conseil dans la rédaction des procès-verbaux des réunions
du conseil.
• Approuver et envoyer les décisions du conseil aux autorités de tutelle.
• Suivre les activités des commissions émanant du conseil.
• Préparer les rapports des réunions du bureau.
• Préparer les rapports des commissions.

C. Bureau d'Enregistrement
• Préparer les sessions du conseil.
• Préparer la participation de la commune aux débats internationaux, aux organisations
arabes et à l'Union internationale des villes jumelées.
• Tenir un dossier du logo et des symboles de la commune.
• Enregistrer le courrier reçu par la commune dans le registre prévu à cet effet et le
distribuer aux services concernés en échange d'un accusé de réception.
• Enregistrer la correspondance émise par la commune dans un registre dédié à cet effet,
tout en conservant des copies.

D. Division des Affaires Techniques, Économiques et Sociales

a) Service de l'Urbanisme, Travaux et Environnement
i) Bureau de l'Urbanisme et de la Gestion du Territoire et de l'Environnement
• Appliquer les lois relatives à l'urbanisme, à l'aménagement du territoire
national et préserver l'environnement.
• Délivrance des permis de construire.
• Surveillance des bâtiments et rédaction des procès-verbaux d'infractions.

13
 • Coordination entre les services de l'autorité locale et les services de la
commune concernant la lutte contre les constructions illégales.
• Fournir des directives aux citoyens concernant la réalisation des bâtiments.
• Préparation et tenue des dossiers relatifs à l'embellissement et à la création
de zones vertes.
• Formation et mise à jour du programme de travail de la commune.
• Étude et élaboration de conceptions de projets d'équipement.
• Préparation des dossiers concernant les prêts accordés par le Fonds
d'Équipement Municipal.
• Préparation des registres de responsabilité concernant les contrats de
travaux.
ii) Bureau des Travaux et de la Maintenance
• Suivi de la réalisation des projets d'équipement de la commune.
• Entretien et surveillance du réseau d'éclairage public.
• Maintenance et suivi de l'état des routes de la commune.
• Suivi des projets réalisés dans le cadre de divers partenariats.
• Préparation et supervision du programme de travail de la main-d'œuvre
journalière.
• Maintenance et surveillance des points d'eau.

b) Service des Biens et des Engins

i) Gestion des propriétés.
• Tenue des registres immobiliers.
• Suivi du processus d'acquisition et de cession de biens immobiliers au profit de
la commune.
• Gestion des biens mobiliers appartenant à la commune.
• Préparation de la documentation périodique.
• Surveillance du parc de véhicules et d'équipements communaux.
• Suivi de l'état des véhicules et équipements communaux.
• Conduite.
ii) Service des Litiges Judiciaires
• Répondre aux plaintes et réclamations.
• Tenue du registre des litiges judiciaires.
• Gestion des dossiers et des affaires légales.
• Réception des convocations et citations judiciaires et affectation des fonds
nécessaires.
• Collecte des éléments de défense, des documents et des informations
nécessaires pour chaque affaire.
• Suivi des procédures judiciaires à toutes leurs étapes.
• Garder des copies des jugements rendus en temps voulu et les envoyer aux
autorités compétentes.
c) Service des Affaires Sociales, Culturelles et Sportives
• Activation économique, sociale, culturelle et sportive.
• Supervision des projets d'initiative locale pour le développement humain.

14
 • Contribution à l'élaboration du plan de développement global de la communauté.
• Gestion et administration des installations sportives et culturelles relevant de la
municipalité.
• Contribution à l'élaboration d'accords de partenariat entre la municipalité et les
acteurs économiques, sociaux, culturels et sportifs.
• Assistance au comité chargé des subventions accordées aux différentes
associations pour remplir leurs missions.
• Fourniture d'un soutien financier et logistique aux associations actives dans la
commune (transports, salles de réunion, terrains de sport, équipements, etc.).
• Organisation d'activités culturelles et sociales lors des événements nationaux et
religieux.
• Coordination avec des entités externes intéressées par le secteur culturel et les
associations de la société civile.
E. Division des Affaires Administratives, Financières et Juridiques
a) Service des Ressources Humaines
i) Gestion Administrative
• Tenue des dossiers du personnel.
• Gestion des affaires du personnel.
• Préparation des réunions des commissions paritaires.
• Évaluation et promotions.
• Nomination.
• Congés.
• Concours de recrutement.
• Procédures disciplinaires.
• Préparation des décisions concernant les employés remplissant les
conditions légales pour bénéficier d'une indemnité pour travaux pénibles et
insalubres.
• Établissement d'une liste des employés bénéficiant d'allocations
vestimentaires.
ii) Gestion Financière
• Préparation des paiements mensuels pour les employés et régularisation des
promotions de grade et de rang.
• Préparation des paiements d'indemnités pour les employés et les membres
éligibles.
• Gestion des affiliations des employés à la Caisse Nationale des Organismes
de Prévoyance Sociale et à la Caisse Marocaine de Retraite.
• Gestion des affiliations des employés aux associations d'œuvres sociales.
b) Service des Ressources Financières, Budgétaires, Comptables et des Marchés
i) Bureau des Ressources Financières
• Élaboration des estimations des recettes pour la première partie de la
trésorerie.
• Suivi des différentes étapes de collecte des frais et taxes dus à la trésorerie
de la commune.
• Préparation et suivi du programme de travail des agents chargés du
recouvrement des dettes et des taxes dues à la communauté.

15
 • Préparation des décisions collectives concernant les frais et taxes dus à la
communauté et veiller à l'application des tarifs spécifiés.
• Préparation et tenue de divers documents comptables liés aux recettes.
• Préparation de la section des recettes du compte administratif de la
communauté.
• Détermination des besoins de la communauté en matière de tickets et de
communications liées aux frais et taxes en coordination avec le trésorier
local.
• Préparation et envoi de documents périodiques relatifs aux recettes.
ii) Bureau du Budget, de la Comptabilité et des Marchés
• Élaboration des dossiers des dépenses de la commune liées à la gestion et à
l'équipement.
• Préparation des dossiers pour l'exécution des projets de la commune par
délégation directe.
• Élaboration de l'inventaire général des biens.
• Préparation des dossiers de programmation des excédents de recettes de la
première partie de la trésorerie.
• Préparation des contrats de travaux, d'approvisionnement et de services.
• Publicité des contrats et annonce des compétitions.
• Préparation des lettres de consultation pour les bons de demande et les
appels d'offres restreints.
• Préparation et envoi de documents périodiques relatifs aux dépenses de la
commune.
c) Service de l'État Civil et d'Authentification des Documents
i) Bureau de l'État Civil
• Préparation de rapports périodiques.
• Compilation de dossiers pour le changement de noms de famille.
• Dissémination du système d'état civil.
• Utilisation des rapports d'inspection liés à l'état civil.
• Réception des autorisations étrangères.
• Remise de documents d'état civil.
• Fourniture périodique de documents aux employés.
• Conservation des originaux des registres.
• Transmission de duplicatas des registres aux autorités compétentes.
• Enregistrement des incidents de naissance et de décès dans le registre
préparé avec l'établissement des registres blancs et bleus.
• Incorporation des ordres judiciaires dans le registre des jugements.
ii) Bureau d'Authentification des Documents et de Délivrance des Certificats
Administratifs
• Certification de la conformité des copies aux originaux.
• Certification des signatures fixes.
• Authentification des certificats administratifs.

16
Chapitre 2 : Présentation du projet

17
 I. Introduction

Il s'agit d'une étape déterminante. Dans la réalisation d'une application donnée. La mise
en place d’un nouvel outil, le logiciel dépend beaucoup de cette phase, il nous permet d'éviter
le développement d'une application non satisfaisante. Dans ce chapitre nous allons présenter le
contexte général du projet, premièrement nous allons déterminer le cadre général du projet, puis
nous allons décrire l’objectif de ce projet et finalement nous allons préciser la méthodologie de
travail pendant la réalisation de ce projet.

II. Les tâches de projet

Au cours du développement de ce projet, nous avons réalisé les tâches suivantes :

✓ Une étude de l’existant dans 2 jours.

✓ La récolte des informations nécessaires à partir d’une grande base de données 2
jours.
✓ La conception du projet 3 jours.
✓ Le désigne des interfaces 2 jours.
✓ Codage et Formation en Flutter et Dart dans 20 jours.
✓ Test à l’aide de la réalisation dans 2 jours.

Le tableau suivant déterminer la durée générale du projet :

Tableau 2: La durée générale du projet.

NOM DURÉE DÉBUT FIN

Une étude de l’existant 2 jours 01/07/2023 02/07/2023

La récolte des informations nécessaires 2 jours 03/07/2023 04/07/2023
La conception 3 jours 05/07/2023 07/07/2023
Le désigne 2 jours 08/07/2023 09/07/2023
Codage et Formation en Flutter et Dart 20 jours 10/07/2023 30/07/2023

III. Présentation du projet

Avec l'évolution de l'informatique et des technologies modernes, plusieurs métiers

évoluent pour devenir plus simples, plus dynamiques et plus sécurisés.

18
Dans ce projet, je vais travailler sur une application multiplateforme pour gérer le projet d'eau
potable qui était géré auparavant par la commune rurale d'Ait Tamlil. Cette application
permettra de passer d'une méthode traditionnelle (papiers, fiche Excel, etc.) à une méthode plus
facile et pratique pour gérer ce projet.

IV. Objectifs du projet

Ce travail consiste à concevoir et développer une application multiplateforme qui répond aux
besoins suivants :

➢ Une application multiplateforme.

➢ Séparer la base de données à l’application.
➢ Facilité la saisir des données évitant les erreurs.
➢ Facilité la recherche d’une donnée et la modifier.
➢ Faciliter l’opération de création et de payement des factures.
➢ Faciliter la création des rapports, des alarmes de payement, et des documents
d’engagement.
➢ Faire des calcules correctes selon le besoin de l’utilisateur.
➢ La sécurité des informations.
➢ Avoir une copie des données online d’une façon automatique et périodique.

V. Méthodologies du travail

Après avoir défini la problématique et les objectifs à atteindre, on s’intéresse

maintenant à déterminer la méthode de développement et la méthode du travail opté. La
démarche adoptée pour mon travail est reposée plus précisément sur les étapes suivantes :

1. Étape d’analyse des besoins :

La récolte des informations nécessaires sur lesquelles je vais se baser pour entamer le
projet, en réalisant des interviews avec les responsables du projet d’eau potable dans la
commune Ait Tamlil.

19
 2. Étape de la conception :
Qui permet de définir la problématique et la solution proposée en vigueur, et se baser
sur le langage UML, c’est la phase créative d’un projet et j’ai identifié les diagrammes suivant
pour faciliter le projet :

• Diagramme de cas d’utilisation

• Diagramme de classes

3. Étape d’implémentation et d’expérimentation des systèmes

proposés :
Qui met en évidence le système proposé, son fonctionnement et son intérêt,
accompagnée d’études de cas, et des désignes des interfaces pour la validation, sans oublier
l’implémentation de mon système.

4. Étape de codage :
Traduction de la conception au langage de programmation, autrement dit : Dart avec le
Framework Flutter.

VI. Conclusion

Dans ce chapitre, j'ai servi à mettre le projet dans son cadre général, j’ai présenté notre
projet et ces objectifs ainsi que la méthode de développement optée. Dans le chapitre suivant je
vais aborder l’étude d’existant et spécification des besoins en présentant la conception générale
du projet.

20
Chapitre 3 : Analyse et conception

21
 I. Introduction

Après la présentation du contexte général, dans ce chapitre je parlerai de la conception

générale du projet et les diagrammes UML (diagramme de cas d’utilisation, diagramme de
classe) après une petite présentation de la modélisation.

II. Présentation de la modélisation

La conception c’est la deuxième phase après la phase d’analyse des besoins, et c’est une
phase très importante avant la réalisation du projet. Cette phase permet de mieux comprendre
les objets complexes quel que soit le type de ce projet (logiciel, bâtiment, ...........), c’est une
représentation abstraite de la réalité. En général elle permet de réduire la complexité d’un projet
et d’organiser la réalisation du projet en définissant les modules et les étapes de la réalisation.
Dans mon projet je vais utiliser le langage "UML" comme outil de la modélisation. UML est le
langage standard pour la modélisation objet éditer par OMG (Object management groupe) tel
que la première version de UML édité en janvier 1997, c’est un langage de modélisation
utilisable à la fois par les humains et les machines, d’où UML adapte tous les méthodes objet
c’est un langage dans le domaine public. Dans ce chapitre, je vais d’abord déterminer le cahier
de charge de mon application multiplateforme et d’après le cahier de charge je vais réaliser les
diagrammes pour faciliter les tâches et pour vous donner une idée générale sur la modélisation
UML.

III. Cahier de charge

1. Définition
C’est un document écrit par l’utilisateur, il définit ses exigences et donne un aperçu
général du logiciel, permettant au développeur de convertir les besoins en un objet (logiciel).

2. Cahier de charge du projet

Après une longue analyse des exemplaires, et d’après les remarques de notre encadrant nous
avons conclu que l’application multiplateforme doit intégrer les points suivants :

• Accéder à l’application par un email et mot de passe.

• Préciser la langue de l’application (Arabe, Français, Anglais).
• Préciser le prix par tonne.
• Préciser les frais fix doit payer le client avec chaque facture.

22
 • Préciser le prix par tonne pour les associations.
• Préciser le dernier délai pour la facture.
• Préciser le dernier délai pour l’alarmes.
• Préciser le nombre des tranches, ses valeurs et le prix de chacun.
• Ajouter, modifier ou supprimer les informations d’un client (Personne ou bien
Association).
• Filtrer la liste des clients par (tout, Payé ou N’a pas payé).
• Rechercher à un client par son nom ou CNIE.
• Générer une carte (PDF) du client contient tous ses informations.
• Ajouter, modifier, supprimer, activer ou désactiver un ou plusieurs compteurs pour
chaque client.
• Générer les documents (PDF) d’engagements pour chaque client.
• Ajouter, modifier ou supprimer des lectures pour chaque compteur.
• Générer les factures de chaque compteur contient le prix total selon le type de client :
pour la personne utilisant le système des tranches et ajoutant les frais fix mais pour les
associations seulement le prix par tonne qui déjà préciser.
• Générer le reçu de payement.
• Générer un rapport contient toutes les informations de compteur.
• Générer un fichier contient toutes les factures des clients.
• Générer un fichier contient toutes les alarmes des clients qui n’a pas payé.
• Générer une liste des clients pour collecter les lectures des compteurs par la responsable.
• Générer les statistiques généraux de la consommation, des clients, des compteurs, des
factures, et de montant total collecter.
• Rechercher et payer une facture par le nombre de compteur.

IV. Diagramme de cas d’utilisation

1. Définition
Un diagramme de cas d’utilisation définit le système, les acteurs, les fonctions et les
liens entre les acteurs et leurs fonctions, donc les cas d’utilisation représentent les
fonctionnalités que le système doit savoir faire.

2. Diagramme de cas d’utilisation de notre projet

23
 Figure 3:Diagramme de cas d’utilisation.

V. Diagramme de classes
1. Définition
Une classe représente un groupe d’objets ayant la même structure, c’est à dire les
mêmes attributs et les mêmes opérations. Une classe se compose de :
1. Attributs : données dont les valeurs représentent l’état de l’objet.
2. Méthodes : les opérations applicables à l’objet.
Les diagrammes de classes permettent de spécifier la structure générale et les liens entre les
classes dont le système est composé.

2. Diagramme de classes de notre projet

24
 Figure 4:Digramme de classes.

VI. Conclusion
Dans ce chapitre j’ai essayé de faire une analyse générale utilisant UML pour générer
les deux diagrammes : Digramme de cas d’utilisation et de classes pour faciliter la création de
la base de données et de la structure générale de l’application.

25
Chapitre 4 : Réalisation du projet

26
 I. Introduction

Cette partie contient le dernier volet de ce rapport. Elle a pour objectif d’exposer le
travail achevé. Dans un premier temps, je vais déterminer les outils de travail pour développer
ce projet. Dans un second temps, j’illustrerai la réalisation de mon travail par des imprimes
d’écran qui contient des interfaces les plus importantes de notre application.

II. Les outils utilisés

Flutter est un SDK ou Framework open-source de

développement d'applications multiplateformes, créé par
Google, utilisant le langage de programmation Dart. Il
permet de construire des applications pour Android, iOS,
Web et bureau en partageant le même code source.
Figure 5 : Flutter

Dart est un langage de programmation open-

source développé par Google, principalement utilisé
avec Flutter pour créer des applications
multiplateformes.

Figure 6 : Dart

Firebase est une plateforme de développement

d'applications mobiles et web de Google, offrant des
services cloud prêts à l'emploi tels que l'authentification,
la base de données en temps réel et les notifications push.

Figure 7 : Firebase

SQLite est une base de données relationnelle

open-source, légère, rapide et autonome, utilisée pour
stocker et gérer des données localement dans les
applications mobiles, les systèmes embarqués et les
logiciels de bureau.
Figure 8 : SQLite

27
 VS Code (Visual Studio Code) est un éditeur de code léger, rapide et
multiplateforme, développé par Microsoft, utilisé par les développeurs
pour écrire du code dans différents langages de programmation grâce à ses
extensions et à son interface conviviale.

Figure 9 : Visual
Studio Code
Android Studio Emulator est un outil intégré dans Android Studio,
l'environnement de développement officiel pour les applications Android.
C'est un émulateur Android qui permet aux développeurs de tester et de
déboguer leurs applications sur différents appareils virtuels directement
depuis leur ordinateur.

Figure 10 :
Android Emulator

StarUML est un logiciel de modélisation UML utilisé pour créer des

diagrammes représentant la structure et le comportement des systèmes
logiciels.

Figure 11 :
StarUML

III. Les interfaces graphiques

Je consacre cette partie pour exposer mon projet à travers des imprimes d’écran des
interfaces les plus importantes de mon application.

28
Page Login :
Cette interface est destinée pour l’authentification, l’utilisateur choisi la langue de
l’application et saisir l’email et du mot de passe puis appuyer sur Connexion

Figure 12 : la page Login.

Page d’accueil :
La page d’accueil contient quatre catégories principales (les clients, les rapports, les
paramètres, le payement) dans cette page l’application assurer l’accès aux stockages de la
machine.

Figure 13 : La page d’accueil.

29
Page des Paramètres :
Dans cette page l’utilisateur peut préciser les différents valeur (Le prix par tonne,
Les frais fix, Le dernier délai pour la facture et pour l’alarme de payement, aussi activer
l’option qui lie l’adresse du client aux leurs compteurs), en plus que le système des tranches.

Figure 14: La page des Paramètre.

La page des Clients :
Cette page affiche tous les clients en permettant les opérations suivant (Ajouter,
Modifier, Supprimer, Rechercher un client et aussi générer la carte du client.

Figure 15: La page des Clients.

30
Page Compte du Client :
Dans cette page l’utilisateur peut générer les documents d’engagement du client et
un rapport général pour chaque compteur, il peut également effectuer ces opérations (Ajouter,
Modifier et Supprimer un compteur).

Figure 16: La page Compte du Client.

Page Compteur Détails
Dans cette page, l’utilisateur peut gérer les factures du compteur par ajouter des
lectures périodiques, les modifier, les supprimer et générer la facture et aussi la payer.

Figure 17: La page Compteur Détails.

31
Page Payement :
Cette page facilite la recherche d’un compteur par son numéro et payement de ces
factures.

Figure 18: Page Payement.

IV. Les documents générer par l’application

Dans cette figure, j’ai collecté l’ensemble des documents générer par l’application
sous le format (PDF).

32
Les documents du client : (Documents d’engagement, carte du client)

Figure 19: Les document du client.

Les documents du compteur : (La facture, l’alarme du payement, le reçu (Quittance) du

payement et un rapport général du compteur contient les détails de consommation).

Figure 20: Les document du compteur.

33
Les documents généraux : (Un seul fichier contient toutes les factures des clients, un autre
contient toutes les alarmes de payement, un autre contient la liste des clients pour avoir les
lectures de chaque compteur et le dernier agit d’un rapport général de toutes les données
enregistrer dans l’application.

Figure 21: Les documents généraux.

V. Conclusion

Dans ce dernier chapitre, j’ai décrit les différents outils de développement avec
lesquels j’ai travaillé. J’ai présenté aussi les interfaces graphiques et les documents générer par
l’application et jugés les plus résumant du fonctionnement de l’application

34
 Conclusion Générale et Perspectives
Mon projet a été réalisé dans le cadre d’un stage d’initiation, pour l’objectif,
d’implémenter une solution informatisée pour la gestion du projet d’eau potable de la commune
Ait Tamlil.

Mon travail se résume à la conception et la réalisation d’une application multiplateforme

permettant la gestion du projet d’eau potable. Dans ce contexte, j’ai cherché à développer une
application flexible, efficace et facile à exploiter, mais aussi optimisée pour la plupart des
plateformes (Android, IOS, Windows, Linux, MacOS…). Cette application a permis, en
premier lieu, de faciliter à tout point de vue la Gestion du projet d’eau potable, leurs clients,
leurs compteurs, et leurs factures. Ainsi, l’application a assuré plusieurs fonctionnalités qui
n’étaient pas disponibles avant comme la génération automatique des factures, et documents
d’engagement, des reçus (Quittances) de payement et des rapports, les statistiques sur la
consommation d’eau…

Le projet s’est déroulé selon trois axes principaux : l’analyse, la conception et la

réalisation. Pour la réalisation, j’ai utilisé Dart et Flutter comme langage de programmation.
Comme SQLite et Firebase systèmes pour la gestion de base de données. Pour la conception de
mon application, j’ai eu recours à la modélisation UML. Cette approche me permis de bien
comprendre la problématique et de bien modéliser les objectifs à atteindre. Ce qui m’a donnée
la possibilité de réaliser un système stable et puissant. En outre, ce stage était, pour mois, une
opportunité pour bien maitriser le développement Mobile et apprendre Dart, NoSQL ainsi que
les outils et Framework qui y sont liés tel que Flutter

Aussi J’ai gardé un excellent souvenir de ce stage. C’était une très bonne expérience
professionnelle valorisante et encourageante pour moi dans l’avenir.

35
Références Webographies

https://stackoverflow.com/

https://pub.dev/

https://github.com/

https://flutter.dev/

https://staruml.io/

https://firebase.google.com/

36