République Algérienne Democtarique et populaire

ministère de l’Enseignement Supérieur et de la Recherche

Scientifique
École supérieure en Sciences et Technologies de l'Informatique
et du Numérique

RAPPORT DU PROJET :

DZ-MOHAMI

La Conception et la Réalisation d’une annuaire Web dédié aux

services juridiques .

Réalisé par:
⦁ MAMERI Moundhir
⦁ BEKKOUCHE Fares
⦁ BOUZIRA Mohamed
⦁ BOUHENNI Nour-El Houda
⦁ BENAKSAS Rayane

Encadré par:
⦁ Pr. Azouaou

Année universitaire:
⦁ 2023/2024

1
 Remerciements
Nous débutons nos remerciements en exprimant notre profonde reconnaissance
envers Monsieur Azouaou. Son expertise pédagogique et son dévouement exceptionnel
ont été la pierre angulaire de notre réussite dans la conception du site web DZ
Mouhami. Grâce à ses explications perspicaces et à son soutien constant, nous avons
pu naviguer avec assurance dans les intrications du développement, érigeant ainsi un
projet solide et fonctionnel.

La valeur inestimable de l'expérience de Monsieur Azouaou a transcendé notre

parcours. Ses conseils avisés, fruits d'une connaissance approfondie, ont non
seulement illuminé notre compréhension technique, mais ont également créé une
atmosphère d'apprentissage collaborative au sein de notre équipe. Sa patience
infatigable et son engagement envers notre réussite ont favorisé un environnement
propice à la créativité et à l'innovation.

En conclusion, le site web DZ Mouhami témoigne du leadership exceptionnel de

Monsieur Azouaou. Nous lui exprimons notre plus profonde gratitude pour avoir été le
catalyseur de notre succès. Son enthousiasme pour l'instruction et son soutien
indéfectible ont été les éléments unificateurs qui ont lié notre équipe et permis la
concrétisation de ce projet. Nous sommes honorés d'avoir eu l'opportunité de
bénéficier de son enseignement remarquable et de contribuer, grâce à ses
enseignements, à la création d'une solution significative.

2
 TABLE DES MATIÈRES

● Introduction 4

● Conception 5

1. Diagramme de cas d’utilisation 5

2. Diagramme de séquence des uses case : rechercher un avocat 6

3. Diagramme de séquence des uses case : Consulter la fiche d’un avocat 7

4.Diagramme de séquence des uses case : Inscription d’un avocat 8

5. Diagramme de classes 9

6. Diagramme de composants 9-10

7. Le schéma de la base de données 10

● Les outils de développement 11

1. Les choix technologiques retenus 11-12

2. L’environnement de développement 13

3. L’environnement de collaboration 13-14

● Conclusion 14-15

● Bibliographie 16

3
 ● Introduction
Au cœur du secteur juridique, les avocats font face à divers défis lorsqu'il s'agit de

fournir des services efficaces tout en répondant aux besoins variés de leurs clients. Les

complications liées à la recherche d'un avocat qualifié, la planification de rendez-vous,

et l'évaluation de compétences et d'expériences peuvent souvent rendre l'accès à des

conseils juridiques précis et opportuns complexes pour le public.

Le site web "DZ Mohami" émerge comme une réponse innovante à ces défis

persistants, visant à simplifier et à rationaliser l'interaction entre les avocats et leurs

clients potentiels en Algérie. En offrant une plateforme centralisée permettant

l'inscription et la création de profils détaillés pour les avocats, "DZ-Mohami" s'efforce de

fournir aux utilisateurs un accès transparent aux informations essentielles telles que les

spécialités, les expériences et les coordonnées des avocats.

Au-delà de la simplification de la recherche d'avocats, le site intègre une fonctionnalité

de recherche avancée qui permet aux utilisateurs de filtrer les avocats en fonction de

critères spécifiques, offrant ainsi une personnalisation accrue pour répondre aux

besoins juridiques uniques de chacun.

La gestion des rendez-vous en ligne représente une avancée significative pour

surmonter les obstacles liés à la coordination des horaires. En permettant aux clients de

planifier des consultations à des créneaux horaires qui leur conviennent, "DZ-Mohami"

améliore considérablement l'accessibilité des services juridiques.

Enfin, en intégrant un système d'évaluation et de commentaires, le site cherche à créer

une communauté d'utilisateurs partageant des expériences authentiques. Cela offre

aux clients la possibilité d'évaluer les avocats et de guider d'autres utilisateurs dans

leurs choix, renforçant ainsi la confiance et la transparence au sein de la communauté

juridique.

4
 ● Conception

1.Diagramme de cas d’utilisation

5
2.Diagramme de séquence des uses case :
recherche un avocat

6
3.Diagramme de séquence des uses case :
Consulter la fiche d’un avocat

7
4.Diagramme de séquence des uses case :
Inscription d’un avocat

8
5.Diagramme de classes

6.Diagramme de composants
● Base de données : stockera les informations sur les utilisateurs, les avocats,
les rendez-vous , etc.
● Serveur web : exécutera l'application web et gérera les requêtes HTTP des
utilisateurs.
● Application web : interagit avec l'application via les navigateurs web pour
afficher l'interface utilisateur aux utilisateurs.

9
7.Le schéma de la base de données

10
 ● Les outils de développement

1.Les choix technologiques retenus

Les choix technologiques retenus pour la création de ce site web de publication
et de consultation d'annonces de cours de soutien scolaire ont été
soigneusement sélectionnés pour répondre aux exigences fonctionnelles et
techniques du projet.

● FastAPI est un framework web Python axé sur la création rapide et

performante d'API. Sa force réside dans sa vitesse d'exécution
exceptionnelle, surpassant souvent d'autres
frameworks. Grâce à l'utilisation de Pedantic
pour la validation des données et à la
génération automatique de documentation,
FastAPI offre une approche efficace et
moderne pour le développement d'API. Il tire
parti du typage fort de Python, garantissant
une vérification statique des types durant le développement. Les
annotations de type simplifient la définition des modèles de données et
des paramètres d'API, contribuant ainsi à la lisibilité et à la clarté du code.

● Le frontend de notre application repose sur les technologies Next.js et

React, offrant une combinaison puissante pour le développement
d'interfaces utilisateur dynamiques et
réactives. React, en tant que bibliothèque
JavaScript, facilite la création de
composants réutilisables, favorisant la
modularité du code et une maintenance
simplifiée. Next.js, quant à lui, apporte des
fonctionnalités supplémentaires,
notamment le rendu côté serveur (SSR) et
la génération de pages statiques,
améliorant la performance globale de l'application. Cette combinaison
permet une expérience utilisateur fluide tout en offrant une gestion
efficace de la navigation et de l'état de l'application. En résumé,

11
 l'utilisation de Next.js et React garantit un frontend réactif, performant et
facile à maintenir.

● Nous avons opté pour MySQL en tant que système de

gestion de base de données relationnelle en raison de
sa capacité à traiter efficacement des données
structurées, telles que les informations relatives aux
utilisateurs et aux annonces. Le choix d'éviter un
système NoSQL découle de la nature structurée des
données que notre application doit stocker et
interroger.

● Figma a été l'outil central pour le design de DZ-MOUHAMI, offrant une

plateforme collaborative et efficace. En utilisant Figma, notre équipe a pu
créer, partager et itérer sur les maquettes d'interface utilisateur de
manière synchronisée, quel que soit l'emplacement géographique des
membres. Cette approche collaborative en temps réel a
grandement simplifié le processus de conception, permettant
des commentaires instantanés, des ajustements rapides et
une visualisation immédiate des changements apportés.
Grâce à ses fonctionnalités puissantes et son accessibilité,
Figma a joué un rôle essentiel dans la création d'une interface
utilisateur cohérente .

Docker is a platform that allows you to package and run

applications in a consistent and portable way. It uses
containers, which are lightweight, standalone, and
executable packages that contain everything needed to
run an application, including code, dependencies,
libraries, and settings. Docker makes it easy to develop,
deploy, and scale applications across different
environments

En conclusion, nous avons retenu ces choix technologiques en fonction

de leur popularité, de leur flexibilité et de leur capacité à répondre aux

12
 exigences du projet. Nous sommes convaincus que ces choix garantissent
une mise en œuvre réussie de l'application

2.L’environnement de développement
L'environnement de développement pour DZ-Mohami a été choisi pour fournir un
environnement de travail stable et efficace pour les développeurs.

● Les développeurs ont utilisé le système d'exploitation Windows

11 pour développer le site web. Windows est un système
d'exploitation populaire et bien connu pour ses fonctionnalités
étendues et sa stabilité. Il fournit un environnement de
développement facile à utiliser pour les applications Web.

● Le développement du site web s'est effectué en utilisant l'éditeur

de code Visual Studio Code. Visual Studio Code est un éditeur de
code open source qui est populaire pour sa simplicité d'utilisation
et ses fonctionnalités avancées. Il offre une expérience de
développement agréable pour les développeurs.

● Les développeurs ont également utilisé Git pour gérer les

différentes versions du code source. Git est un outil de gestion de
version populaire pour les développeurs qui permet de travailler en
collaboration sur des projets tout en conservant une trace des
modifications apportées au code.

En résumé, l'environnement de développement pour ce site web a été choisi pour

fournir un environnement de travail stable et efficace pour les développeurs. Les outils
et technologies utilisés garantissent la qualité et la stabilité du site web pour les
utilisateurs finaux.

3.L’environnement de collaboration
L'environnement de collaboration de ce projet a été construit autour de Github
et de Google Meet. Ces outils ont permis à l'équipe de travailler ensemble de

13
manière efficace, malgré la distance et les contraintes liées à la pandémie.

● Github a été utilisé pour la gestion du code source et la collaboration

sur les tâches de développement. Cet outil a permis à l'équipe de
travailler sur le même code source, de suivre les progrès et de
résoudre les problèmes de manière efficace.

● Nous avons intégré des fonctionnalités de visioconférence sur Discord

pour faciliter les rencontres au sein de notre communauté.
Discord, initialement conçu comme une plateforme de
communication pour les joueurs, offre désormais des
fonctionnalités audio et vidéo de haute qualité. En ajoutant des
"meetings" sur Discord, nous avons créé un espace interactif où
les membres peuvent se réunir virtuellement, échanger des
idées, discuter de projets, et renforcer les liens au-delà des
simples échanges textuels. Cette intégration sur Discord facilite
ainsi la collaboration et la communication au sein de notre communauté.

L'utilisation de ces outils a permis à l'équipe de travailler ensemble de manière

efficace et de livrer un produit de qualité dans les délais impartis. Nous sommes
convaincus que l'utilisation de ces outils a été un facteur clé de la réussite de ce
projet.

● Conclusion
En conclusion, le projet DZ-MOHAMI représente une convergence réussie
de technologies modernes et de pratiques de développement innovantes.
Le choix des frameworks Django et FastAPI pour le backend, associé à
l'utilisation de MySQL comme système de gestion de base de données, a
assuré la robustesse, la performance et la sécurité de notre application.

14
Du côté du frontend, l'association de React et Next.js a permis de créer
une interface utilisateur réactive, modulaire et efficace.

La collaboration sur le design a été optimisée grâce à l'utilisation de

Figma, qui a joué un rôle central dans la création d'une expérience
utilisateur visuellement cohérente et attrayante. L'intégration de
fonctionnalités de visioconférence sur Discord a renforcé la
communication au sein de notre communauté, offrant un espace virtuel
pour des réunions et des échanges interactifs.

Le développement de DZ-MOHAMI n'a pas seulement été axé sur la

technologie, mais également sur la création d'une plateforme pratique et
utile pour la recherche et la collaboration avec des avocats en Algérie. En
fournissant des fonctionnalités telles que l'inscription d'avocats, la
recherche avancée, la gestion de rendez-vous, et l'évaluation des avocats,
l'application vise à simplifier l'accès à des conseils juridiques de qualité.

Dans l'ensemble, DZ-MOHAMI reflète l'engagement envers l'innovation, la

collaboration et la fourniture de solutions pratiques dans le domaine
juridique en Algérie. Ce projet marque une étape importante dans notre
parcours de développement, démontrant notre capacité à intégrer des
technologies de pointe pour répondre aux besoins spécifiques de notre
communauté.

15
Bibliographie
1. React Documentation. (n.d.). React - A JavaScript library for building user
interfaces. [online] Disponible à :
https://nextjs.org/docs

2. MySQL Documentation. (n.d.). MySQL :: MySQL 8.0 Reference Manual.

[online] Disponible à : https://dev.mysql.com/doc/refman/8.0/en/

3. GitHub Documentation. (n.d.). GitHub Documentation. [online] Disponible

à : https://docs.github.com/en/github

4. Agile Manifesto. (2001). Agile Manifesto. [online] Disponible à :

https://agilemanifesto.org/

5. Martin, R. C. (2007). Clean code: a handbook of agile software

craftsmanship. Upper Saddle River, NJ: Prentice Hall.
https://ptgmedia.pearsoncmg.com/images/9780132350884/samplepages/
9780132350884.pdf

16