RAPPORT DE PROJET DE FIN D’ETUDES POUR

L’OBTENTION D’UNE LICENCE PROFESSIONNELLE

LMIAGE

APPLICATION DE GESTION D’UN

CABINET D’AVOCAT

Date de la soutenance
26/06/2016

Anasse EL RHOUL Mr B. SABIRI

Zouhair FASSIH

Année universitaire : 2015/2016

 Dédicace

Tous les mots ne sauraient exprimer la gratitude, l’amour, le respect, la

reconnaissance, c’est tout simplement qu’on : on dédicace ce travail de licence à :

À tous ceux qui nous sont chers et proches,

A nos chers parents, à nos chers frères,

A tous les professeurs d’IT Learning,

A nos familles, à nos amis,

Puisse dieu, le tout puissant garder en bonne santé,

A tous nos collègues pour les bons souvenirs et le beau temps que nous avons passé
ensemble, en leur souhaitant le succès et le bonheur dans leurs vies …

On dédicace ce travail.

1
 Remerciement

Tout premièrement on remercie notre dieu pour nous donner une chance pour
présenter notre projet et continuer nos vie jusqu’à ce moment,

Avant d’entamer ce mémoire, nous tenons à adresser nos remerciements à l’ensemble

des professeurs et des intervenants professionnels responsables de notre formation. On
remercie particulièrement Mr Brahim SABIRI pour son encadrement, son soutien, ainsi que
pour ses conseils instructifs durant toute la période de ce travail.

Nos remerciements aussi à l’ensemble des professeurs d’IT-Learning pour les efforts
fournis pour notre bonne formation.

Que les membres de jury trouvent ici l’expression de nos reconnaissances pour avoir
accepté de juger notre travail. Que tous ceux et celles qui ont contribué de près ou de loin à
l’accomplissement de ce travail trouvent l’expression de nos remerciements les plus
chaleureux.

Merci à tous.

2
 Sommaire
Dédicace ........................................................................................................................................... 1

Remerciement .................................................................................................................................. 2

Sommaire ......................................................................................................................................... 3

Liste des figures : .............................................................................................................................. 5

Introduction : .................................................................................................................................... 6

Présentation du thème de projet : ................................................................................................... 7

Partie 1 : Positionnement et objectifs du projet .............................................................................. 8

1.1 Objectifs : ........................................................................................................................ 8

1.2 Contexte / Existant : ........................................................................................................ 9

a. Contexte : ................................................................................................................... 9

b. Analyse de l’existant :................................................................................................. 9

c. Critique de l’existant : .............................................................................................. 10

Partie 2 : Spécifications fonctionnelles .......................................................................................... 11

2.1 Les besoins fonctionnels ............................................................................................... 11

a. Le domaine étudié :.................................................................................................. 11

b. Les acteurs du système ............................................................................................ 12

2.2 Les besoins non fonctionnels ........................................................................................ 12

Partie 3 : Modalité de déroulement de projet ............................................................................... 13

4.1 Livrables attendus : ............................................................................................................. 13

4.2 Planification : ...................................................................................................................... 13

Planification de projet : ................................................................................................. 13

Cœur du mémoire : ........................................................................................................................ 15

Partie 1 : Conception détaillé du projet ......................................................................................... 15

4.1 La liste des Exigences : .................................................................................................. 15

4.2 Diagramme de cas d’utilisation ..................................................................................... 16

3
 4.3 Diagramme de séquence .............................................................................................. 17

a. Diagramme de séquence pour le cas utilisation « s’authentifier » ........................ 18

b. Gestion des dossiers :............................................................................................... 18

c. Consultation d’une facture : .................................................................................... 19

d. Création d’un client : ................................................................................................ 20

4.4 Diagramme de classe .................................................................................................... 21

Partie 2 : Réalisation ....................................................................................................................... 22

2.1 Réalisation des interfaces Administrateur (l’avocat) : .................................................. 23

a. Gestion des dossiers :............................................................................................... 23

b. Gestion des factures :............................................................................................... 24

c. Gestion des clients : ................................................................................................. 24

2.2 Réalisation des interfaces utilisateur (client) : .............................................................. 25

Conclusion : .................................................................................................................................... 27

Bibliographie................................................................................................................................... 28

Annexes : ........................................................................................................................................ 29

Partie 1 : Annexe A : Suite des diagrammes ........................................................................ 29

1.1 Diagrammes d’activités : ............................................................................................... 29

a. Activités du client : ................................................................................................... 29

b. Activités de l’avocat : ............................................................................................... 30

1.2 Diagrammes de séquence ............................................................................................. 36

Partie 2 : Annexe A : Technologies mise en œuvre .............................................................. 38

a. Présentation des outils utilisés : .............................................................................. 38

4
 Liste des figures :
Figure 1 : Gestion de projet - capture 1. ............................................................................................... 14
Figure 2 : Gestion de projet - capture 2. ............................................................................................... 14
Figure 3 : Diagramme de cas d’utilisations. .......................................................................................... 17
Figure 4 : Diagramme de séquence – s’authentifier. ............................................................................ 18
Figure 5 : Diagramme de séquence - Créer un dossier. ........................................................................ 19
Figure 6 : Diagramme de séquence - Consulter une facture................................................................. 20
Figure 7 : Diagramme de séquence – gérer un client............................................................................ 20
Figure 8 : Diagramme de classe - cabinet d'avocat. .............................................................................. 21
Figure 9 : Page - authentification. ......................................................................................................... 22
Figure 10 : Page - Liste des dossiers. ..................................................................................................... 23
Figure 11 : Page - Ajouter un nouveau dossier. .................................................................................... 23
Figure 12 : Page - Créer une nouvelle facture ....................................................................................... 24
Figure 13 : Page - Liste des clients. ........................................................................................................ 24
Figure 14 : Interface client - Page d'accueil........................................................................................... 25
Figure 15 : Interface client - Page listes des dossiers. ........................................................................... 25
Figure 16 : Interface client - Page liste des factures. ............................................................................ 26
Figure 17 : Diagramme d’activité – Consulter un dossier. .................................................................... 29
Figure 18 : Diagramme d’activité – Consulter une facture. .................................................................. 30
Figure 19 : Diagramme d'activité – Créer un nouveau client. ............................................................... 31
Figure 20 : Diagramme d'activité – Modifier un client. ......................................................................... 31
Figure 21 : Diagramme d'activité – Supprimer un client. ...................................................................... 32
Figure 22 : Diagramme d'activité – Consulter la liste des clients. ......................................................... 32
Figure 23 : Diagramme d’activité – Créer un dossier. ........................................................................... 33
Figure 24 : Diagramme d'activité - Modifier un dossier. ....................................................................... 33
Figure 25 : Diagremme d'activité - Supprimer un dossier. .................................................................... 34
Figure 26 : Diagramme d’activité – Créer une facture. ......................................................................... 34
Figure 27 : Diagramme d'activité - Modifier une facture. ..................................................................... 35
Figure 28 : Diagramme d'activité - Supprimer une facture. .................................................................. 35
Figure 29 : Diagramme de séquence - Modifier un dossier. ................................................................. 36
Figure 30 : Diagramme de séquence – Modifier un dossier. ................................................................ 37
Figure 31 : Diagramme de séquence – Modifier une facture. .............................................................. 37
Figure 32 : Diagramme de séquence – Supprimer une facture. ........................................................... 38

5
 Introduction :

En droit, l'avocat est un juriste dont la fonction traditionnelle est de conseiller et de défendre
ses clients, personnes physiques ou morales, en justice, en plaidant pour faire valoir leurs
intérêts et, plus généralement, pour les représenter. L'avocat s'acquitte d'une fonction de
conseil et de rédacteur d'actes. Le ministère d'avocat est parfois rendu obligatoire par le droit
national, notamment afin d'assurer les droits de la défense devant certaines juridictions.

L'activité professionnelle des avocats se divise en deux domaines : les activités pour
lesquelles les avocats ont un monopole, et celles qu'ils peuvent exercer concurremment avec
d'autres professions.

L'avocat a notamment pour fonction de défendre les droits des justiciables devant les
juridictions, ou toutes instances disciplinaires en assistant et représentant ses clients. Il dispose
du monopole de la plaidoirie et de la postulation, même si ce monopole connaît des exceptions.

En effet, devant le juge de proximité, la représentation par un avocat n'est pas obligatoire.

L'avocat a également des tâches qu'il partage avec d'autres professions juridiques, de
délivrer des avis ou des consultations, de rédiger des contrats, actes ou transactions sous seing
privé. Il peut aussi représenter les tiers et les assister devant toutes les administrations
publiques.

6
Présentation du thème de projet :

Notre Mission dans le cadre de ce projet est de créer une application permettant de gérer un
cabinet d’avocat, il s'agit de définir les responsabilités de la gestion, mettre à jour les données,
organiser des données collectées auprès du secrétariat afin de concevoir des fichiers de bases
pour l’Avocat, de renforcer le contrôle et la confrontation, assurer une meilleure gestion et une
cohérence de l'information.

Notre application aura comme principale fonctionnalités :

- Gestion et suivi des dossiers ;

- Gestion des procédures ;
- Gestion des factures ;
- Gestion de la relation clientèle.

7
Partie 1 : Positionnement et objectifs
du projet
1.1 Objectifs :

Le cabinet d'avocat est un bureau d’avocat, de conseil juridique et d’arbitrage, dirigé par
Maître Omar ESKARMI MRABET, avocat au barreau de Rabat depuis l’année 2006. Le Cabinet
veille à offrir des services de qualité, en adoptant les nouvelles technologies, permettant de
faciliter la communication avec ses clients. A travers le portail électronique du bureau « AVOCAT
MAROCAIN », notre client n’a qu’à faire entrer son nom d’utilisateur et son mot de passe, ainsi il
pourra participer au déroulement et au suivi de ses affaires.

Ce service lui permet de prendre connaissance de ses dossiers, procédures et audiences à

venir. En outre, il lui permet de prendre connaissance des documents (pièces joint), qu’ils soient
préparés par le bureau, ou encore les répliques de la partie adverse, ainsi que les jugements
prononcés.

L’application électronique « AVOCAT MAROCAIN » permet au client d’être avisé de la

nouvelle date de son dossier. En outre, le client peut directement prendre connaissance des
détails de son dossier, le numéro de l’affaire, La date de son enregistrement, la salle de son
enrôlement, le juge siégeant, l’huissier de justice choisi pour se charger de la procédure.

Dans tous les cas, dès que le client souhaite connaitre le sort de ses dossiers, cette
application détermine avec précision, les dates des dossiers, les tribunaux compétents, l’heure,
les salles de leur enrôlement et les motifs de leur report.

Afin d’assurer la transparence des opérations financières, le client peut, à tout moment,
connaitre la situation financière auprès du cabinet, et ce, via l’espace facturation du client. Dans
le souci d’offrir un service de qualité, « AVOCAT MAROCAIN » ne s’est pas contenté de la
communication, mais de contrôler un grand nombre d’affaires en peu de temps,

8
1.2 Contexte / Existant :

Avant de spécifier les besoins il est nécessaire de réaliser une étude de l’existant. L’étude de
l’existant est une étape clé dans la réalisation de n’importe quelle application informatique, quel
que soit le domaine concerné. Il s’agit d’une étude permettant de comprendre la problématique
du projet et de détecter les avantages et inconvénients des solutions proposées actuellement
sur le marché afin d’en profiter pour la réalisation de notre projet.

a. Contexte :

Conception et réalisation d’une application Web pour une Facturation, Gestion et Suivi des
dossiers.

Les activités internes d’application :

- Gestion des dossiers.

- Gestion des procédures.
- Gestion des factures.
- Gestion de la relation clientèle.

b. Analyse de l’existant :

L’entreprise repose principalement sur trois grandes parties qui assurent son
fonctionnement normal qui sont : le service de facturation, la gestion et enfin le suivis des
dossiers.

En effet, Le service de facturations, est dépend directement à des procès clientèle. Chaque
avocat à un dossier juridique enregistrée sous forme de fichiers Excel, et qui contiennent ses
procès. Ce processus demande une gestion pointue des réclamations des clients, Ensuite le suivi
de l’avancement du dossier. Cependant, la société se trouve dans la nécessité de collaborer avec
des juristes et des experts ayant une grande expérience que ce soit au niveau théorique ou
pratique

9
c. Critique de l’existant :

L’ensemble des activités du cabinet est géré par des traitements manuels ou bien des
applications diversifiées tout en utilisant des supports papiers.

Les besoins de la société s’articulent sur les modules fonctionnels suivants : la gestion des
factures, la gestion des clients, la gestion des dossiers et la gestion des procédures.

10
Partie 2 : Spécifications fonctionnelles

La spécification des besoins constitue la phase de départ de toute application à développer

dans laquelle nous allons identifier les besoins de notre application.

Cette phase consiste à comprendre le contexte du système. Il s'agit de déterminer les

fonctionnalités et les acteurs les plus pertinents, de préciser les risques les plus critiques et
d'identifier les cas d'utilisation initiaux.

2.1 Les besoins fonctionnels

Il s'agit des fonctionnalités du système. Ce sont les besoins spécifiant un comportement

d'entrée / sortie du Système. Ces besoins se regroupent dans le diagramme de cas d’utilisation.

Le but de ces analyses, est de constituer une application informatique dont les
objectifs principaux :

 Elimination de la redondance de saisie des informations dans une base de

données.
 Gestion de tous services relatifs à la gestion des dossiers.
 Espace de facturation, qui permet au client de connaitre sa situation
financière.
 Gestion d’une base de données clientèle.

a. Le domaine étudié :
Conception et réalisation d’une application Web pour une Facturation, Gestion et Suivi
des dossiers.
Les activités internes du domaine :
 Gestion des factures.
 Gestion des dossiers.
 Gestion des procédures.
 Gestion de la relation clientèle.

11
 b. Les acteurs du système

Après l’étude de l’existant, on constate que ce système est en interaction avec deux acteurs
principaux sont les suivants :

Acteur Description
L’avocat Superviseur et administrateur système.
Peut créer un dossier pour ces clients comme il
peut le mettre à jour, il a le droit de visualiser
l’ensemble des clients de la société.
Assure le suivi des dossiers.
Créer, gère, édite, consulte et imprime les
factures.
Créer des procédures pour chaque client, et
toute procédure contient un ou plusieurs
pièces joint.
Gérer comptes clients.
Le client Il a le droit de suivi l’avancement de son
dossier.
Connaitre a tout moment sa situation
financière. Ainsi d’imprimer sa facture.
Consulter la date de jugement, sa procédure,
avocat adversaire et ses pièces judiciaire.
Tableau : liste des fonctionnalités requises.

2.2 Les besoins non fonctionnels

A part les besoins fondamentaux, notre système doit répondre aux critères suivants :

La rapidité de traitement : En effet, vu le nombre important des transactions

quotidiennes, il est impérativement nécessaire que la durée d'exécution des traitements
s'approche le plus possible du temps réel.

La performance : Une application doit être avant tout performante c'est-à-dire à travers ses
fonctionnalités, répond à toutes les exigences des usagers d'une manière optimale.

12
Partie 3 : Modalité de déroulement
de projet
4.1 Livrables attendus :
Le projet est passé par différentes parties à fin d’arriver à élaborer les livrables suivants :

1. Cadre général du projet : présentation et gestion du projet.

2. Etude préalable : contexte, analyse, critique et solution.
3. Spécifications des besoins.
4. Analyse du cas d’utilisation.
5. Conception.
6. Implémentation et réalisation

4.2 Planification :
La planification consiste à prévoir le déroulement du projet tout au long des phases
constituant le cycle de vie prévu. Ainsi que :
 Description et l’analyse des besoins spécifiques
 L’étude comparative des solutions existantes sur le marché: une solution de
gestion intégrée tout en répondant au cahier de charge.
 La mise en production du progiciel de gestion intégrée : la fiabilité des différents
traitements.

Planification de projet :
Nous avons réalisé notre Gestion du projet avec Project libre qui se présente dans les
captures suivantes :

13
Figure : Gestion de projet - capture 1.

Figure : Gestion de projet - capture 2.

14
Cœur du mémoire :
Partie 1 : Conception détaillé du projet

UML :

Nous avons choisi UML (Unified Modeling Language) comme outils de modélisation. UML
étant est un langage de modélisation graphique à base de pictogrammes conçu pour fournir une
méthode normalisée pour visualiser la conception d'un système. Il est couramment utilisé
en développement logiciel et en conception orientée objet.

UML comporte 14 diagrammes sont dépendants hiérarchiquement et se complètent, de

façon à permettre la modélisation d'un projet tout au long de son cycle de vie.

Les diagrammes utilisés dans la suite du projet sont :

 Diagramme de cas d’utilisation ;
 Diagramme d’activité (dans la partie annexe);
 Diagramme de séquence ;
 Diagramme de classes.

4.1 La liste des Exigences :

Dans cette partie nous allons lister l’ensemble des fonctions qui pourront être réalisées
par l’application, ce sont les exigences fonctionnelles que nous avons découvertes à partir du
cahier de charge et de l’analyse effectuée auparavant, le tableau suivant représente l’ensemble
des exigences.

15
 Références Fonctions
R1 Ajouter un nouveau client
R2 Modifier un client existant
R3 Supprimer un client existant
R4 Consulter un client existant
R5 Ajouter une nouvelle facture
R6 Modifier une facture existant
R7 Supprimer une facture existant
R8 Consulter une facture existant
R9 Imprimer une facture existant
R10 Ajouter un nouveau dossier
R11 Consulter un dossier existant
R12 Modifier un dossier existant
R13 Supprimer un dossier existant
R14 Déterminer l’avancement d’un dossier
R15 Filtrer par type de dossier
R16 Ajouter une nouvelle procédure relative au dossier
R17 Modifier une procédure existante
R18 Supprimer une procédure existante
R19 Consulter une procédure existant
R20 Ajouter un nouvel compte relatif au dossier
R21 Modifier un compte existant
R22 Consulter un compte existant
R23 Payer les honoraires
Tableau : liste des exigences.

4.2 Diagramme de cas d’utilisation

Le diagramme de cas d’utilisation offre une meilleure visibilité du système et permet de

mieux exprimer les relations qui lient les cas d’utilisation.

Pour la compréhension du fonctionnement du système. Dans cette partie on va présenter le

diagramme de cas d’utilisation modélisé via un logiciel de conception VISUAL PARADIGM.

16
 Figure : Diagramme de cas d’utilisations.

4.3 Diagramme de séquence

Le diagramme de séquence permet de montrer les interactions d'objets dans le cadre

d'un scénario d'un Diagramme des cas d'utilisation. Le but étant de décrire comment se
déroulent les actions entre les acteurs ou objets. Dans cette partie, nous allons représenter
quatre diagrammes de séquences important. Les diagrammes restants seront joints dans la
partie Annexe.

17
 a. Diagramme de séquence pour le cas utilisation « s’authentifier »

Figure : Diagramme de séquence – s’authentifier.

b. Gestion des dossiers :

L’avocat accède au système en tant que administrateur pour gérer les dossiers. La
gestion consiste en quatre actions :
- Création d'un nouveau dossier.
- Modification d'un dossier.
- Consultation d’un dossier.
- Suppression d’un dossier
Le diagramme ci-dessous représente le diagramme de séquence "Création d’un nouveau
dossier".

18
 Figure : Diagramme de séquence - Créer un dossier.

c. Consultation d’une facture :

Après une authentification réussie. L’utilisateur de l’application peut consulter son
facture. Il est aussi la possibilité d’imprimer sa facture correspondante.

19
 Figure : Diagramme de séquence - Consulter une facture.

d. Création d’un client :

Figure : Diagramme de séquence – gérer un client.

20
4.4 Diagramme de classe

Le diagramme de classes est un schéma utilisé en génie logiciel pour présenter les classes
et les interfaces des systèmes ainsi que les différentes relations entre celles-ci.
Ce diagramme fait partie de la partie statique d'UML car il fait abstraction des aspects
temporels et dynamique.

Figure : Diagramme de classe - cabinet d'avocat.

21
Partie 2 : Réalisation

 Introduction :

La charte graphique est l'apparence de l’application, c'est la description de tous les

éléments graphiques communs à toute l’application (en tête et pied de page, organisation
et structure des menus, des onglets, couleurs utilisées, images à insérer, police des caractères…)

La description préalable de la charte graphique permet d’avoir une cohérence dans

l'ensemble de l'habillage graphique et visuel de l’application. C’est tout simplement le thème de
l’application.

Figure : Page - authentification.

Tout d’abord, avant d’utiliser l’application Avocat Marocain, vous n’avait pas le droit de faire
quoi que ce soit avant d’authentifier on saisit une adresse mail et mot de passe correcte.

22
 2.1 Réalisation des interfaces Administrateur (l’avocat) :

a. Gestion des dossiers :

La gestion des dossiers permet au l’avocat de créer un dossier, modifier un dossier, filtrer
par type de dossier et supprimer un dossier.

 Consulter la liste des dossiers :

Figure : Page - Liste des dossiers.

 Ajouter un nouveau dossier :

Figure : Page - Ajouter un nouveau dossier.

23
b. Gestion des factures :
Dans ce service l’avocat enregistre tous ses honoraires dès le début de dossier d’un client.
 Création d’une nouvelle facture :

Figure : Page - Créer une nouvelle facture

c. Gestion des clients :

 Liste des clients :

Figure : Page - Liste des clients.

24
 2.2 Réalisation des interfaces utilisateur (client) :
 Page d’accueil :
Dans cette page on trouve les coordonnées de l’avocat.

Figure : Interface client - Page d'accueil

 Page liste des dossiers :

Tout client du cabinet à un ou plusieurs dossiers. Page liste des dossiers mis à la disposition du
client une liste de ces dossiers, procédures et ces comptes.

Figure : Interface client - Page listes des dossiers.

25
 Page liste des factures :

Figure : Interface client - Page liste des factures.

26
 Conclusion :

Le but de ce travail a consisté principalement, à la réalisation d’une application web

pour une facturation, gestion et suivi des dossiers d’un cabinet d’avocat, qui faisait l’objet de
notre projet de fin d’étude pour l’obtention du titre de licence professionnel en méthode
informatique appliqué à la gestion d’entreprise.

Dans ce rapport on a essayé de vous transmettre toutes les informations qui ont
parues êtres pertinentes pour la compréhension de notre mission sans entrée dans sa
complexité et sa technicité.

Ce rapport a été difficile à établir dans la mesure où il s’agit d’un secteur d’activité
nouveau, en ce qui nous a concernés.

Enfin, cette formation nous a permis de mieux connaître nos compétences, nos
aptitudes et a renforcé notre volonté de poursuivre des études afin de devenir un jour, on
l’espère, actif dans le domaine professionnel.

27
 Bibliographie

 http://notreavocat.ma/accueil.html
 http://book.cakephp.org/3.0/en/index.html
 http://api.cakephp.org/3.2/
 http://cakephp.org/#
 https://fr.wikipedia.org/wiki/XAMPP
 https://www.visual-paradigm.com/
 https://fr.wikipedia.org/wiki/UML_(informatique)
 https://www.grafikart.fr/
 https://www.sublimetext.com/
 http://www.projectlibre.org/product/projectlibre-open-source
 https://openclassrooms.com/courses?q=&idx=prod_v1_COURSES_fr&p=0&fR[certificate
][0]=true&fR[isWeb][0]=true&hFR[category.name][0]=D%C3%A9veloppement%20web

28
Annexes :

Partie 1 : Annexe A : Suite des diagrammes

1.1 Diagrammes d’activités :

Dans cette partie on présentera les activités les plus importants pour chaque utilisateur.
Les diagrammes restants seront joints dans la partie Annexe.

a. Activités du client :

 Consulter un dossier :
L’application Avocat Marocain offre à ces clients une visibilité permanente. Ou il peut
directement prendre connaissance des détails de son dossier, le numéro de l’affaire, La date de
son enregistrement, la salle de son enrôlement, le juge siégeant, l’huissier de justice choisi pour
se charger de la procédure.

Figure : Diagramme d’activité – Consulter un dossier.

29
  Consulter une facture :
Le client peut, à tout moment, connaitre sa situation financière auprès l’application.

Figure : Diagramme d’activité – Consulter une facture.

b. Activités de l’avocat :

L’avocat, peut consulter aussi les dossiers et les factures client. Ainsi, la gestion, la
facturation et le suivi des dossiers.

Client :
L’avocat a l’habilité de gérer ses clients. La gestion des clients repose sur : la création
d'un nouveau client, la modification et la suppression d'un client.
 Créer un nouveau client :

30
 Figure : Diagramme d'activité – Créer un nouveau client.

 Modifier un client :

Figure : Diagramme d'activité – Modifier un client.

31
 Supprimer un client :

Figure : Diagramme d'activité – Supprimer un client.

 Supprimer la liste des clients :

Figure : Diagramme d'activité – Consulter la liste des clients.

32
 Les dossiers :
 Créer un nouveau dossier :

Figure : Diagramme d’activité – Créer un dossier.

 Modifier un dossier :

Figure : Diagramme d'activité - Modifier un dossier.

33
 Supprimer un dossier :

Figure : Diagremme d'activité - Supprimer un dossier.

Les factures :
 Créer une facture :

Figure : Diagramme d’activité – Créer une facture.

34
 Modifier une facture :

Figure : Diagramme d'activité - Modifier une facture.

 Supprimer une facture :

Figure : Diagramme d'activité - Supprimer une facture.

35
1.2 Diagrammes de séquence

Dossiers :
 Modifier un dossier :

Figure : Diagramme de séquence - Modifier un dossier.

 Supprimer un dossier :

36
 Figure : Diagramme de séquence – Modifier un dossier.

Facture :
 Modifier une facture :

Figure : Diagramme de séquence – Modifier une facture.

37
  Supprimer une facture :

Figure : Diagramme de séquence – Supprimer une facture.

Partie 2 : Annexe A : Technologies mise en œuvre

a. Présentation des outils utilisés :

 Framework PHP : CakePHP (v 2.3.1)

Présentation :

Pour la construction d’une application web plus

simple, rapide et nécessite moins de code. On a besoin
d’un Framework PHP qui permet un développement rapide d’application et simplifie leur
maintenance.
Pour cela, est suivant évidemment a les performances nous sommes choisis le Framework
CAKEPHP qui convient autant aux projets open source.

38
 CakePHP
CakePHP est un Framework web libre écrit en PHP distribué sous licence MIT. Il suit le motif
de conception Modèle-Vue-Contrôleur.
Le principe de CakePHP est de vous permettre d’écrire une application web rapidement et
simplement avec moins de code possible.

Avantages CakePHP :

 Développement rapide : la génération du code et le « Scaffolding » pour rapidement

construire des prototypes ;
 Pas de configuration : configurez simplement la base de données ;
 Une licence flexible : sous licence MIT, pour l’utilisation dans des applications
commerciales ;
 Piles incluses : traductions, accès à la base de données, cache, validation et
authentification ;

 Conventions MVC propres : encourage fortement l'utilisation de l'architecture Modèle-

Vue-Contrôleur

 Sécurisé : validation de champs, protection contre la falsification de formulaires,

prévention des injections SQL/XSS.

 UML:

UML (Unified Modeling Language) est un langage de

modélisation unifié permet de modéliser une application logicielle
d’une façon standard dans le cadre de conception orienté objet.

UML permet de couvrir le cycle de vie d’un logiciel depuis la spécification des besoins
jusqu’au codage en offrant plusieurs moyens de description et de modélisation des acteurs et de
utilisation système, du comportement des objets, du flot de contrôle internes aux opérations,
des composants d’implémentation et leurs relations, de la structure matérielle et de la
distribution des objets et des composants indépendamment des techniques d’implémentation et
peut être mis à jour selon les besoins.

39
 Présentation d’UML:

En regardant les objectifs fixés pour la réalisation du projet, nous remarquons que
nous sommes face à une application modulaire et qui devra rester ouverte pour les
améliorations futures.
De ce fait, il est très important d’utiliser un langage universel pour la modélisation
afin de clarifier la conception et de faciliter les échanges.
Notre choix est porté sur le langage UML puisqu’il convient pour toutes les méthodes
objet et se prête bien à la représentation de l’architecture du système.

Les avantages d’UML

 Universel.
 Adopté par les grandes entreprises.
 Notation unifié
 Facile à comprendre.
 Adopté par plusieurs processus de développement
 Limite les risques d’erreur.
 N’est pas limité au domaine informatique.

 VISUAL PARADIGM (V 13.1)

Visual Paradigm est 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.
Principales fonctionnalités :

- Offre de nombreux outils pour créer différents types de schémas comme les diagrammes
d'exigences et de cas d'utilisation. Il possède bon nombre de navigateurs permettant de
personnaliser chaque élément.
- Permet de générer des codes sources en divers langages comme le Java ou C++ à partir
du modèle créé. Inversement, il permet de produire un modèle à partir de codes sources.
- Permet d'utiliser la souris pour manipuler facilement le diagramme à créer. Tous les
types d'actions sont pris en charge dont le traçage et la commande ainsi que la
connexion des éléments.

40
  Serveur web de développement : XAMPP(V 3.2.1)

XAMPP est un produit qui s'installe très rapidement et facilement et qui fournit un
ensemble complet de services pour faire tourner un serveur Web. Cette solution est très
pratique pour créer un serveur de développement, car il permet d'avoir un serveur de test en
quelques clics, sans avoir à choisir ni à connaître les différents services à installer.

XAMPP inclut par défaut les applications suivantes :

 Apache 2 : (est le plus populaire des serveurs HTTP. C'est un logiciel libre)
 MySQL : (est un système de gestion de bases de données relationnelles : SGBDR)
 PHP 5 : ( est un langage de programmation libre, principalement utilisé pour produire
des pages Web dynamiques via un serveur HTTP)
 Perl : (Ce langage, interprété, s'inspire des structures de
contrôle et d'impression du langage C)
 ProFTPD : (serveurs FTP)
 phpMyAdmin : (est une interface d'administration pour
le SGBD MySQL. Il est écrit en langage PHP et s'appuie sur le
serveur HTTP Apache.)

 Editeur de texte : SUBLIME TEXT (V 3)

SUBLIMETEXT est un éditeur de texte générique codé en C++ et Python. C’est un logiciel
conçu pour faciliter l'écriture de documents HTML et de page web en général.

Fonctionnalités :
L'éditeur propose des fonctions plus avancées, dont :
 Prévisualisation de tout le fichier dans une barre latérale ;
 Sélection et édition dans plusieurs sections de code en parallèle ;
 Sauvegarde automatique ;
 Recherche et remplacement par expressions régulières ;
 Personnalisation des raccourcis clavier.

 HTML

41
 L’Hypertext Markup Language, généralement abrégé HTML, est le format de données
conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de
l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et de
mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images,
des formulaires de saisie, et des programmes informatiques. Il permet de créer des documents
interopérables avec des équipements très variés de manière conforme aux exigences de
l’accessibilité du web. Il est souvent utilisé conjointement avec des langages de programmation
(JavaScript) et des formats de présentation (feuilles de style en cascade).

 CSS
CSS est un langage informatique utilisé sur l'internet pour mettre en forme les
fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS, comprennent du
code qui permet de gérer le design d'une page en HTML.
L'avantage de l'utilisation d'un fichier CSS pour la mise en forme d'un site réside dans la
possibilité de modifier tous les titres du site en une seule fois en modifiants une seule partie du
fichier CSS. Sans ce fichier CSS, il serait nécessaire de modifier chaque titre de chaque page du
site

 Bootstrap
Bootstrap est une collection d'outils utile à la création 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 JavaScripten option. C'est l'un des projets les
plus populaires sur la plate-forme de gestion de développement
 Avantages
Bootstrap est compatible avec les dernières versions des navigateurs majeurs,
Bootstrap fournit une feuille de style CSS qui contient des définitions de base pour tous les
composants HTML, ce qui permet de disposer d'une apparence uniforme pour les textes, tableaux
et les éléments de formulaires.
Bootstrap fournit plusieurs composants sous forme de plugins utilisant la
bibliothèque JQuery.

42
  javascript
JavaScript est un langage de programmation de scripts principalement employé dans les
pages web interactives mais aussi pour les serveurs3. C’est un langage orienté objet à prototype,
c’est-à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui
ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant
de créer leurs propriétés, et notamment une propriété de
prototypage qui permet d’en créer des objets héritiers
personnalisés. En outre, les fonctions sont des objets de
première classe.

 Project Libre
ProjectLibre est un outil de planification de projet.
ProjectLibre s'inspire de Microsoft Project ; il permet de lire et modifier des fichiers MS
Project version 2003, 2007 et 2010.

Fonctionnalités :
Compatibilité avec Microsoft Project version 2010 ;
 Interface d'utilisation par ruban ;
 Gestion de la valeur acquise pour les coûts ;
 Diagramme de Gantt ;
 Diagramme du réseau PERT ;
 Diagramme hiérarchique des ressources (Resource Breakdown
Structure (en) (RBS) );
 Rapport d'exécution des tâches ;
 Diagramme Work Breakdown Structure (WBS).

43