Template Rapport ISTIC
Template Rapport ISTIC
Template Rapport ISTIC
Je dédie ce projet :
*)A mes chers parents :
pour tous leurs sacrifices, leurs amours, leurs tendresses, leurs soutiens et
leurs prières tout au long de mes études.
*)A toute ma famille :
pour leurs encouragements permanents, leurs soutiens morals,leurs appuis
et leurs encouragements.
Bersellou Oussema
i
Remerciement
*) Mes remerciements vont également à Mr. Mohammed CHEBIL pour ses conseils et
son encadrement durant la période de réalisation de ce stage.
*)Et je n’oublie pas d’exprimer ma profonde gratitude à mes professeurs pour les efforts
fournis affin de nous assurez une formation consistante.
ii
Table des matières
Introduction générale 1
1 Contexte du projet 2
0.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
0.2 Présentation de l’organisme d’accueil . . . . . . . . . . . . . . . . . . . . . 2
0.2.1 Organisme d’accueil : . . . . . . . . . . . . . . . . . . . . . . . . . 2
0.2.2 Domaines d’activités . . . . . . . . . . . . . . . . . . . . . . . . . . 2
0.3 Présentation du projet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.3.1 Cadre de projet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.3.2 Problématique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.3.3 Solution proposée . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.4 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
3 Modélisation 10
3.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
3.2 Diagramme de classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
3.3 Diagramme de séquences du système . . . . . . . . . . . . . . . . . . . . . 11
3.3.1 Diagramme de séquence d’Inscription . . . . . . . . . . . . . . . . . 11
3.3.2 Diagramme de séquence d’Authentification . . . . . . . . . . . . . . 12
3.3.3 Diagramme de séquence de zonage . . . . . . . . . . . . . . . . . . 12
3.3.4 Diagramme de séquence d’ajout d’une réclamation . . . . . . . . . . 13
3.3.5 Diagramme de séquence d’ajout d’un conteneur . . . . . . . . . . . 14
3.3.6 Diagramme de séquence d’ajout d’un point de collecte . . . . . . . . 15
3.3.7 Diagramme de séquence d’ajout d’un circuit de collecte . . . . . . . 16
3.3.8 Diagramme de séquence de remplissage d’un quiz . . . . . . . . . . 17
3.4 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
iii
Table des matières Table des matières
4 Réalisation 19
4.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.2 Environnement de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.2.1 Environnement matériel . . . . . . . . . . . . . . . . . . . . . . . . 19
4.2.2 Environnement logiciel . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.3 Technologies utilisées : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
4.3.1 HTML5 : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
4.3.2 CSS3 : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
4.3.3 Bootstrap4 : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
4.3.4 JavaScript : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
4.3.5 Python : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
4.3.6 Django : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
4.3.7 PostgreSQL : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
4.4 Tâches Réalisées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
4.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Conclusion Générale 32
Bibliographie 33
Bibliographie 34
iv
Table des figures
v
Liste des tableaux
vi
Introduction générale
Du 15 juin 2021 au 15 juillet 2021,j’ai effectué mon stage au sein de l’association. Mon
stage consiste à développer une application web qui vise la gestion de l’interaction entre
le citoyen et la municipalité de Marsa.
Pour mettre en valeur mon expérience il apparaît pertinent d’envisager le cadre de projet,
l’organisme d’acceuil, un exposé de la problématique et une proposition de la solution
adaptée dans le premier chapitre.
Le deuxiéme chapitre présentera une analyse des besoins fonctionnels et non fonctionnels.
Ainsi qu’une étude conceptuelle des différentes fonctionnalités de notre application qu’on
va mettre en oeuvre dans le troisième chapitre.
Dans le dernier chapitre nous décrirons l’environnement matériel et logiciel de l’applica-
tion , les technologies adaptées , et les outils de développement utilisés.
Et finalement , nous clôturerons ce rapport par une conclusion générale.
1
chapitre 1
Contexte du projet
0.1 Introduction
Ce chapitre comprend la démarche suivi tout le long de ce projet, la présentation de
l’organisme d’acceuil au sein du quel nous avons effectué le stage et fixe les objectifs à
atteindre.
2
Chapitre 1 0.3. Présentation du projet
0.3.2 Problématique
Compte tenu des responsabilités nombreuses et diversifiées assumées par les munici-
palités qui doivent effectuer des taches lourdes pour collecter , filtrer et gérer les déchets.
Ce contexte oblige les décideurs à trouver des moyens permettant de moderniser ce travail.
0.4 Conclusion
Tout au long de ce chapitre, nous avons présenté l’organisme d’accceuil et ses domaines
d’activités ainsi que la solution adéquate adapté. Le chapitre suivant va être dédier à
l’étude des besoins fonctionnels et non fonctionnels de notre application.
3
chapitre 2
4
Chapitre 2 2.2. Analyse des besoins
B)La facilité d’utilisation :L’ensemble des pages du site doit être accessible en 3 clics
maximum depuis la page d’accueil et le site doit donner une image moderne de la muni-
cipalité : Les caractéristiques étudiées :
1)Facilité de compréhension.
2)Facilité d’apprentissage.
3)Facilité d’exploitation/d’utilisation.
4)Attractivité.
C) Rapidité : L’application doit optimiser les traitements pour avoir un temps de gé-
nération de schéma raisonnable.
5
Chapitre 2 2.3. Architecture
2.3 Architecture
2.3.1 Diagramme de cas d’utilisation
6
Chapitre 2 2.3. Architecture
7
Chapitre 2 2.3. Architecture
8
Chapitre 2 2.4. Conclusion
2.4 Conclusion
conclusion Dans ce chapitre, nous avons précisé les besoins fonctionnels et non fonc-
tionnels de notre système , le chapitre suivant sera consacré à la modélisation.
9
chapitre 3
Modélisation
3.1 Introduction
Dans ce chapitre, je m’intéresse à la conception des cas d’utilisation qu’on a définit
dans le chapitre précédent.
10
Chapitre 3 3.3. Diagramme de séquences du système
11
Chapitre 3 3.3. Diagramme de séquences du système
12
Chapitre 3 3.3. Diagramme de séquences du système
13
Chapitre 3 3.3. Diagramme de séquences du système
14
Chapitre 3 3.3. Diagramme de séquences du système
15
Chapitre 3 3.3. Diagramme de séquences du système
16
Chapitre 3 3.3. Diagramme de séquences du système
17
Chapitre 3 3.4. Conclusion
3.4 Conclusion
Dans ce chapitre, nous avons exposé les principaux diagrammes UML ‘diagramme de
classe’ et ‘diagramme de séquences’ qui nous aident à présenter l’architecture de notre
projet. Dans ce qui suit, on donnera dans le dernier chapitre une vision globale de la réa-
lisation de l’application,en présentant l’environnement de développement et les interfaces
graphiques.
18
chapitre 4
Réalisation
4.1 Introduction
Le but de ce chapitre est de montrer Le travail effectué.Tout d’abord, nous pré-
sentons l’environnement matériel, logiciel et les différents outils de développement utili-
sés.Deuxièmement, nous illustrons la réalisation de notre travail par des imprimes d’écran
des interfaces les plus importantes de notre application.
PyCharm :
un environnement de développement intégré utilisé pour programmer en Python.Il
permet l’analyse de code et contient un débogueur graphique. Il permet également la
gestion des tests unitaires, l’intégration de logiciel de gestion de versions, et supporte le
développement web avec Django.
19
Chapitre 4 4.3. Technologies utilisées :
Visual Paradigm :
un logiciel de création de diagrammes dans le cadre d’une programmation. Tout en
un, il possède plusieurs options permettant une large possibilité de modélisation en ULM.
4.3.1 HTML5 :
HTML5 (HyperText Markup Language 5) est la dernière révision majeure du HTML.C’est
le langage de balisage conçu pour représenter les pages web.
4.3.2 CSS3 :
Les feuilles de style en cascade1, généralement appelées CSS de l’anglais Cascading
Style Sheets, forment un langage informatique qui décrit la présentation des documents
HTML et XML.
4.3.3 Bootstrap4 :
Bootstrap est une collection d’outils utiles à la création du design (graphisme, ani-
mation et interactions avec la page dans le navigateur, etc.) de sites et d’applications
web.C’est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons,
outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en
option.
20
Chapitre 4 4.3. Technologies utilisées :
4.3.4 JavaScript :
un langage de programmation de scripts principalement employé dans les pages web
interactives et à ce titre est une partie essentielle des applications web.
–> En Backend
4.3.5 Python :
est un langage de programmation qui peut s’utiliser dans de nombreux contextes et
s’adapter à tout type d’utilisation grâce à des bibliothèques spécialisées.
4.3.6 Django :
est un cadre de développement web open source en Python. Il a pour but de rendre le
développement web simple et rapide.
4.3.7 PostgreSQL :
est un système de gestion de base de données relationnelle et objet.
21
Chapitre 4 4.4. Tâches Réalisées
22
Chapitre 4 4.4. Tâches Réalisées
23
Chapitre 4 4.4. Tâches Réalisées
24
Chapitre 4 4.4. Tâches Réalisées
pour la tache de quiz, j’ai crée une table dans la base de donnée PostgreSQL à l’aide
de l’interface django qui est un frame work de la langage python .
Dans cette table, j’ai ajouté les questions destinés aux citoyens pour les sensibiliser,le
niveau de difficulté et le score minimum pour le dépasser.
Chaque citoyen a une seule tentative pour passer une quiz.
25
Chapitre 4 4.4. Tâches Réalisées
26
Chapitre 4 4.4. Tâches Réalisées
27
Chapitre 4 4.4. Tâches Réalisées
28
Chapitre 4 4.4. Tâches Réalisées
29
Chapitre 4 4.4. Tâches Réalisées
30
Chapitre 4 4.5. Conclusion
4.5 Conclusion
Pour conclure, nous pouvons distinguer à partir de ce chapitre l’environnement ma-
tériel et logiciel que nous avons utilisé pour réaliser notre application.En plus,nous avons
clarifié les technologies utilisées pour mener à bien notre travail.
31
Conclusion Générale
Pour conclure, j’ai effectué mon stage de fin d’année de Licence en Ingénierie des
systèmes informatiques en tant que stagiaire en développement au sein de l’Association
Tunisienne de Géomatique « ATG ».
Lors de ce stage d’un mois, j’ai pu mettre en pratique mes connaissances théoriques
acquises durant ma formation.
Ce stage été une occasion pour découvrir une solution full-stack qui utilise un framework
django, il m’a permis de répondre aux questions que j’avais concernant les moyens utilisés
par l’association pour élaborer une idée.
Fort de cette expérience et en réponse à ses enjeux, j’aimerai beaucoup par la suite essayer
de m’orienter vers l’embarquée pour mieux développer ce projet.
32
Bibliographie
https ://www.postgresql.org/
https ://www.w3schools.com/
https ://www.djangoproject.com/
https ://www.w3schools.com/
https ://en.wikipedia.org/wiki/CSS
33
Bibliographie
34