Filière : Développement informatique.

Option
Web Full Stack.
Groupe :204.

Projet de Stage :
t t t

Mr. Younes BERRADA.

Abderrahmane EL JAMALI
Khadija TOURABI.

1
 Table des Matières.
Table des figures………………………………………………………………4
Dédicace…………………………………………………………………………6
Remerciement…………………………………………………………………7

Chapitre I : Introduction……………………………………………………8
1-Le Contexte de stage………………………………………………….8
2-L’entreprise…………………………………………………………………9

Chapitre II : présentation de projet…………………………………..10

I -Etude de Projet :………………………………………………………………10
1- Objectifs du Projet………………………………………………………10
2- Les acteurs………………………………………………………………….10
3- Besoin Fonctionnels……………………………………………………11
4- Besoin non Fonctionnel………………………………………………12

2
Chapitre III : Conception du projet…………………………………..16
I -Choix de langage de Modélisation:………………………………….16
1- UML……………………………………………………………………………16
II -Diagrammes UML :…………………………………………………………17
1- Diagramme de cas d’utilisation…………………………………..17
2- Diagramme de Séquence…………………………………………….22
3- Diagramme de classe………………………………………………….28

Chapitre IV : Les technologies utilisées…………………………….29

I- Les Framework :………………………………………………………………29
1- Qu’est-ce qu’un Framework ?........................................29
2- Pour quoi un Framework ?.............................................32
II- Choix du Framework et explication de ce choix :…………….32
1- Front-End……………………………………………………………………32
2- Back-End…………………………………………………………………….33
3- Organisation du Projet et division des taches :……………34

Chapitre V : Avancement des travaux du projet………………35

1- Installation Laravel………………………………………………………35
2- L’avancement du projet………………………………………………36

Chapitre VI : Conclusion
1- Conclusion générale……………………………………………………47

3
 Table des Figures.

Figure 1 : Logo de la société WEB AGENCY……………………………………..8

Figure 2 : Organigramme du projet a réalisé…………………………………14
Figure 3 : Diagramme de cas d’utilisation global…………………………..17
Figure 4 : Diagramme de cas d’utilisation Administrateur…………….18
Figure 5 : Diagramme de cas d’utilisation Employé………………………19
Figure 6 : Diagramme de cas d’utilisation Responsable…………………21
Figure 7 : Diagramme de Séquence authentification…………………….22
Figure 8 : Diagramme de Séquence Demande congé…………………….24
Figure 9 : Diagramme de Séquence Facturation……………………………26
Figure 10 : Diagramme de Classe………………………………………………….28
Figure 11 : Logo du Framework Bootstrap……………………………………32
Figure 12 : Logo du Framework Laravel………………………………………..33
Figure 13 : Logo du Git………………………………………………………………….34
Figure 14 : Les commande (installation laravel)……………………………35
Figure 15 :l’interface de site…………………………………………………………36
Figure 16 : interface Log In…………………………………………………………..37
Figure 17 : Dashbord…………………………………………………………………….38
Figure 18 : Nv client………………………………………………………………….…39
Figure 19 : Nv employé……………………………………………………………….40
Figure 20 : Nv responsable………………………………………………………..…41
Figure 21 : Nv département………………………………………………………...42
Figure 22 : Nv conge…………………………………………………………………….43

4
Figure 23 : Nv projet……………………………………………………………………43
Figure 24 : Nv Task(tache)…………………………………………………………..44
Figure 25 : Facture……………………………………………………………………….45
Figure 26 : interface messagerie…………………………………………………..46
Figure 27 : action des tables…………………………………………………………46

5
 Dédicace.

« Nous dédions ce rapport de

projet de stage à toutes les personnes
qui ont contribué à sa réussite, en
particulier à notre superviseur de
stage. Nous remercions également
nos collègues pour leur soutien et leur
collaboration durant ce mois de stage.
Ce projet nous a permis d'acquérir de
précieuses compétences
professionnelles et nous sommes
reconnaissants pour cette expérience
enrichissante ».

6
 Remerciement.

Nous tenons à exprimer notre gratitude à

toutes les personnes qui ont contribué au
succès de notre stage d'un mois. Tout
d'abord, nous remercions nos
superviseurs de stage Mr. Younes
BERRADA pour leur encadrement et leur
soutien tout au long de ce projet. Leurs
conseils et leur expertise ont été d'une
grande aide pour nous. Nous remercions
également nos collègues pour leur
collaboration et leur soutien. Enfin, nous
sommes reconnaissants envers WEB
AGENCY pour cette opportunité de stage
enrichissante. Ce stage a été une
expérience inoubliable qui nous a permis
d'acquérir de nouvelles compétences et
de progresser professionnellement. Merci
encore à tous ceux qui ont contribué à
cette expérience enrichissante.

7
Chapitre I : Introduction.

1-Le Cotexte de stage

Ce stage entre dans le cadre de l’approfondissement des apprentissages
théoriques et Amélioration des compétences techniques, professionnels et
personnels afin de se préparer pour une intégration moins difficile dans le
marché de travail.

Puisque l'évolution du monde favorise le tout digital, nous avons choisi de

faire notre stage d’un mois dans une société active dans le domaine de
l'informatique, afin de nous familiariser avec les outils et méthodes de
conception et de développement des projets informatiques.

Figure 1 : Logo de la société WEB AGENCY

8
2-L’entreprise WEB AGENCY

WEB AGENCY Agence web experte en Développement Informatique WEB AGENCY est
une agence de communication créative à la fois une agence web offshore, implantée
à Casablanca Maroc. Fondée en 2010. Et spécialisée dans la création, la maintenance
et la refonte de site Internet ainsi que la programmation des logiciels Desktop et
Mobile. N’en oublie pas les designs graphiques, les montages vidéo, référencement
naturel et campagnes publicitaire. Et aussi l'équipe de WEB AGENCY travaille avec
tout type de clients allant de sites e-commerce vendant des bijoux de luxe ou des
sites vitrine des PME à Logiciel de gestion et développement complexe des logiciel
GMAO (Logiciel de Gestion de Maintenance assistée par Ordinateur). WEB AGENCY
l’agence Web est assurer le développement des projets des clients et proposer les
solutions adéquates, dans les domaines d’interventions suivantes :

 Intégration de design et Découpe de maquettes HTML/CSS/JS (HTML5/JQUERY),

 Création site internet complet,

 Développement web spécifique : PHP/MySQL, ASP, ASP.NET, JavaScript, AJAX,

 CMS : WordPress, Drupal, Typo3, Joomla, Spip, Prestashop, Magento,

 Travaux graphiques : Conception des flyers, brochures, design web, E-book…
 Applications mobiles,
 Développement des logiciels,

 Webmaster : maintenance corrective ou évolutive,

 Et toute autre activité en relation avec leurs domaines d'expertise.

9
 Chapitre II : Présentation de projet.

I-Etude de projet :
Le système permet de rationaliser les tâches administratives et de gestion,
d'améliorer la productivité et de prendre des décisions plus éclairées grâce à
des données en temps réel.

1-Objectif du projet :
L'objectif principal d'un système de gestion d'entreprise et de facturation est
d'optimiser les opérations commerciales en rationalisant les tâches administratives et
en améliorant l'efficacité de la gestion financière. Les principaux objectifs incluent :
Faciliter la gestion des tâches administratives telles que la facturation, la
gestion des stocks et des fournisseurs, la gestion des ressources humaines, etc.
Permettre un suivi en temps réel des finances et de la performance de
l'entreprise grâce à des tableaux de bord et des rapports détaillés.
Améliorer la communication entre responsable et les employés [La présence
de l fonctionnalité da chat]
Améliorer la productivité en réduisant le temps et les coûts associés aux
tâches administratives.
Assurer la conformité aux réglementations fiscales et légales en vigueur.
Fournir une expérience client de qualité grâce à des factures et des devis
professionnels.

2-Les Acteurs :
Administrateur.
Employé.
Responsable.

10
3-Etude des besoins Fonctionnels

Les besoins fonctionnels sont les attentes spécifiques que chaque utilisateur ou
acteur a envers la future plateforme. Ces besoins sont liés aux fonctionnalités
de la plateforme et sont considérés comme essentiels pour répondre aux
objectifs

Administrateur :
S‘authentifier : L’utilisateur doit s'authentifier pour accéder à son
compte.

Gérer les comptes : L'administrateur peut ajouter, modifier ou

supprimer les Comptes employés et responsables.

Employé :
S'authentifier.

Gérer ses informations personnelles

Ajouter ses compétences et diplémes

Générer cv : L’employé peut générer son cv en format pdf.

Demande de congé : L’'employé peut demander un congé a

travers un formulaire.

Accéder a sa fiche de paie.

11
Responsable :
S'authentifier.

Gérer les comptes : Le responsable peut ajouter des

employés.

Accéder et mettre a jour les informations des employés : Le

responsable peut gérer les information des employés.

Gérer compétences / diplbmes : Le responsable peut accepter

ou refuser une compétence ou un dipléme ajouté par I'employé.

Gérer les congés : Le responsable peut gérer les demandes des

congés, il peut accepter ou refuser une demande.

Gérer les fiches de paie : Le responsable peut gérer les fiches de

paie.

4- Les besoins non Fonctionnels

Le système doit avoir une interface conviviale permettant un dialogue

simple entre l'utilisateur et 'application.

Le système doit être fiable et sécurisé : il imposer l'authentification à

chaque utilisateur.

12
Le menu doit être bien organisé.

Les informations figurant dans l'application doivent être claires et

précises.

Le logiciel doit fonctionner sur différents systèmes d’exploitation.

13
 Utilisateur

Base de Module de Module de

données Module de gestion des Module du reporting Module de
facturation fournisseurs Responsable sécurité

Figure 2 : Organigramme du projet a réalisé

Cette figure représente un schéma général.

14
Base de données : stocke les informations relatives à l'entreprise, les produits et
services proposés, les clients, les fournisseurs, les factures et les paiements.

Module de facturation : permet de générer des factures et des devis

professionnels, d'envoyer des rappels de paiement, de suivre les paiements et
de générer des rapports sur les ventes et les paiements.

Module de gestion des fournisseurs : permet de gérer les informations des

fournisseurs, les commandes et les paiements.

Module du responsable : permet de gérer les informations des employés, les

feuilles de temps, les salaires, les avantages sociaux et les congés.

Module de reporting : permet de générer des rapports personnalisés sur les

ventes, les finances, les stocks et les ressources humaines.

Module de sécurité : assure la sécurité et la confidentialité des données en

imposant une authentification à chaque utilisateur, en autorisant les accès en
fonction des rôles et en garantissant la sauvegarde régulière des données.

15
Chapitre III : Conception du projet.

I-Choix de langage de modélisation :

1-UML
UML est un langage de modélisation, très répandu et très utile pour la
conception des systèmes d'informations orientées objets.

Crest vrai que UML n'est pas choisi automatiquement pour la conception mais
il est déjà plus Connu que merise et merise n'est pas orientée objet.

Pour les applications web, je pense que UML exprime mieux la vue statique et
dynamique du système d'information : il propose je presque 13 diagrammes
qu'on peut exploiter pour définir les fonctionnalités du système (use case) et
les objets y intervenant (modèle de domaine) ... Donne une application web
nécessite vraiment une analyse très approfondie pour pouvoir dégager les
nécessités de développement ainsi que quelques scénarios d'exécution.

16
II-Diagramme UML :
1- Diagramme de cas d’utilisation.

1.1- Diagramme de cas d’utilisation global :

Figure 3 : Diagramme de cas d’utilisation global

Cette figure représente le diagramme de cas d’utilisation globale qui est
compose de trois acteurs admin, employé et responsable.

Je vais détailler les cas dans ce qui suit.

17
 1.2- Diagramme de cas d’utilisation Administrateur :

Figure 4 : Diagramme de cas d’utilisation Administrateur

Le diagramme montre que l'administrateur peut gérer les compte des
employés. Chaque tâche de gestion est divisée en plusieurs sous-tâches telles
que l'ajout, la modification, la suppression et la consultation d'employés. Ce
diagramme est une vue globale des fonctionnalités de l'application pour
l'administrateur.

18
 1.3- Diagramme de cas d’utilisation Employé :

Figure 5 : Diagramme de cas d’utilisation Employé

Le diagramme de cas d'utilisation pour l'employé montre les différentes

fonctionnalités auxquelles l'employé peut accéder dans l'application.

19
L'employé peut mettre à jour ses informations personnelles. Il peut également
gérer les messages ou conversations qu'il a avec d'autres utilisateurs de
l'application. En outre, l'employé peut ajouter des compétences ou des
diplômes à son profil, générer son CV et demander des congés. Enfin, il peut
accéder à sa fiche de paie pour consulter ses revenus et ses retenues

20
 1.4- Diagramme de cas d’utilisation Responsable :

Figure 6 : Diagramme de cas d’utilisation Responsable

Ce diagramme montre que le responsable peut accéder à différentes

fonctionnalités pour gérer les comptes des employés, les informations de
compte, les compétences et les diplômes, les fiches de paie, les congés, les
facturations et les devis, ainsi que les messages. Le responsable peut envoyer

21
et supprimer des messages et accepter ou refuser les compétences et
diplômes des employés.

2- Diagramme de séquence.
2.1- Diagramme de séquence Authentification :

Figure 7 : Diagramme de Séquence authentification

22
 Scénario de Diagramme de Séquence authentification :

1- L'utilisateur accède à l'interface de connexion du système.

2- Le système affiche un formulaire de connexion demandant un nom
d'utilisateur et un mot de passe.
3- L'utilisateur entre son nom d'utilisateur et son mot de passe et clique sur
le bouton de connexion.
4- Le système vérifie les informations d'identification et redirige l'utilisateur
vers son interface appropriée en fonction de son rôle dans le système.
5- Si l'utilisateur est un employé, il est redirigé vers l'interface employé où il
peut accéder à ses informations personnelles, aux messages, aux congés,
etc.
6- Si l'utilisateur est un administrateur, il est redirigé vers l'interface
administrateur où il peut gérer les employés, etc.
7- Si l'utilisateur est un responsable, il est redirigé vers l'interface
responsable où il peut gérer les comptes employés, les compétences et
les diplômes, les fiches de paie, etc.
8- Si les informations d'identification de l'utilisateur sont incorrectes, le
système affiche un message d'erreur et invite l'utilisateur à saisir à
nouveau ses informations d'identification. Le processus de connexion
recommence à l'étape 3.

23
2.2- Diagramme de séquence Demande conge :

Figure 8 : Diagramme de Séquence Demande congé

24
  Scénario de Diagramme de Séquence Demande congé :

1. L'employé se connecte à son compte sur l'application de gestion des

congés.

2. L'employé sélectionne la fonction "Demande de congé".

3. L'application affiche un formulaire de demande de congé.

4. L'employé remplit le formulaire avec les informations nécessaires, telles que

le type de congé demandé, la date de début et de fin.

5. L'employé soumet la demande de congé à l'application.

6. L'application vérifie si la demande de congé est valide en fonction des règles

de l'entreprise et de la disponibilité des autres employés.

7. Si la demande est valide, l'application envoie une notification au

l’administrateur de l'employé pour approbation.

8. l’administrateur reçoit la notification et peut approuver ou refuser la

demande de congé.

9. Si la demande est approuvée, l'employé reçoit une notification de

l'approbation et la demande de congé est ajoutée au calendrier de l'entreprise.

10. Si la demande est refusée, l'employé reçoit une notification de refus avec
des explications.

25
2.3 Diagramme de séquence Facturation :

Figure 9 : Diagramme de Séquence Facturation

26
 Scénario de Diagramme de Séquence Facturation :

1. L'utilisateur crée un devis en utilisant le système de facturation.

2. Le système de facturation affiche le formulaire de devis.
3. L'utilisateur remplit les détails du devis.
4. L'utilisateur valide le devis.
5. Le système de facturation enregistre le devis dans la base de données
avec le statut "En attente".
6. Le système de facturation envoie une notification avec le devis au client.
7. Le client consulte le devis.
8. Le client accepte le devis.
9. Le système de facturation met à jour le statut du devis dans la base de
données en tant qu'"Accepté".
10. Le système de facturation génère une facture à partir du devis.
11. Le système de facturation enregistre la facture dans la base de
données avec le statut "En attente de paiement".
12. Le système de facturation envoie la facture au client.
13. Le client consulte la facture.
14. Le client effectue le paiement.
15. Le système de facturation met à jour le statut de la facture dans la base
de données en tant que "Payée".
16. Le système de facturation envoie une confirmation de paiement au
client.

27
 3- Diagramme de classe

Figure 10 : Diagramme de Classe

Le diagramme de classes UML présenté représente un système de gestion

d'entreprise et de facturation. Il comprend différentes classes telles qu’User, Profil,
Client…etc.
Ce diagramme permet de visualiser les relations entre ces classes, telles que
l'association entre User et Profil, Client et Projet, Projet et Tache, et bien d'autres. Il
met en évidence les attributs et les méthodes spécifiques à chaque classe, ce qui
facilite la compréhension et la modélisation du système.

28
Chapitre IV : Les technologies utilisées.

I- Les Framework :
1- Qu’est-ce qu’un Framework ?
Un framework désigne un ensemble de composants logiciels formant le squelette
d'un programme, conçu pour aider les développeurs informatiques dans leur travail
de programmation et leur offrir une base de travail réutilisable sur plusieurs projets.

Un framework s’apparente à un véritable espace de travail modulaire, réunissant les

outils, les ressources et les conventions ou normes nécessaires la création
d’applications web sur mesure. Traduit littéralement, le mot anglais framework
signifie « cadre de travail », Cette traduction est plutôt heureuse pour comprendre le
concept qui se cache derrière le terme. Un framework de développement est donc :

 Un ensemble cohérent de composants éprouvés et réutilisables

(Bibliothèques, classes, helpers...).

 Un ensemble de préconisations pour la conception et le développement

d'applications.

Il existe un très grand nombre de frameworks et ce pour chaque technologie. Ils

sont là pour donner un cadre de travail au développeur. Grace a ces outils, le
développeur sera mieux organisé, son code sera maintenable, évolutif et clair. En
effet, deux développeurs utilisant le même framework, n'auront donc aucun mal a se
comprendre. Dans le monde du web il y’a deux types de framework principale, ceux
de la catégorie front-end, puis ceux de la catégorie back-end.

29
 1-1 Front-End Framework :

Également appelés « Framework CSS», il s'agit de packages contenant du code pré-

écrit et normalisé dans des fichiers et des dossiers. Ils vous donnent une base sur
laquelle construire tout en permettant une flexibilité dans la conception finale. En
générale les Framework front-end contiennent les composants suivants :
Une grille qui facilite l'organisation des éléments de conception de
votre site Web

Styles de police définis et taille variant en fonction de sa fonction

(typographie différente pour les titres par rapport aux paragraphes,
etc.)

Composants de site Web prédéfinis tels que les panneaux latéraux, les
boutons et les barres de navigation.

En fonction du cadre spécifique que vous choisissez, ils sont également beaucoup
plus capables de le faire. Voici quelques-uns des Framework front-end le plus connus:

 Bootstrap

 Semantic-Ul

 Foundation

 Materialize

30
 1-2 Back-End Framework (PHP) :

Un framework PHP est une plateforme de base qui nous permet de développer des
applications web. En d'autres termes, il fournit une structure. En utilisant un
framework PHP, vous gagnerez du temps, vous éviterez de produire du code répétitif
et vous pourrez créer des applications rapidement (RAD). Sans un framework PHP en
place, il est beaucoup plus difficile de créer des applications car vous devrez coder de
manière répétée beaucoup de PHP.
Vous devrez également établir la connexion entre votre base de données et
l’application que vous développez à partir de rien. Pendant ce temps, utilisation d’un
framework PHP vous permet d’assurer plus facilement cette connexion. Voici
quelques-uns des frameworks back-end le plus connus :

 Laravel

 CakePHP

 Symfony

 Zend Framework

31
 2- Pour quoi un Framework ?

Utiliser un framework comporte de nombreux avantages :

Nous sommes cadrés : Comme son nom L’indique, le framework nous permet d’être
plus disciplinés et de ne pas partir dans tous les sens

Gain de temps et d’efficacité : le framework apporte de nombreux outils qui

permettent de ne pas réinventer la roue pour toutes les fonctionnalités courantes

Meilleure structuration du code : le cadre et les directives fournies par les

frameworks permettent de donner une structure et par conséquent, d’améliorer la
qualité du code. Ils permettent de construire une unité cohérente.

Maintenance simplifiée : un projet bien structuré est infiniment plus simple à

maintenir qu’un projet fourre-tout.

II-Choix le Framework et explication de ce choix

1- Front-End

Figure 11 : Logo du Framework Bootstrap

32
 Twitter Bootstrap est un framework CSS très puissant, permettant de développer
et concevoir des frontends/backends très rapidement sans avoir à passer par de
I’intégration.
Comme les autres frameworks CSS que I’ on peut trouver sur internet, il dispose
d’une Grid qui permet de placer les éléments avec beaucoup plus de facilité.
Mais Bootstrap se démarque des autres frameworks car il a l'avantage de :

 Être “Responsive” (s’adapte la taille de I ’écran, que ce soit tablette,

ordinateur, smartphone, etc.)
 Fonctionner sur tous les navigateurs.
 Posséder deux types de layout : le premier qui est fixe (la scrollbar
s’affichera si nécessaire), le second qui s’adapte à la largeur du
navigateur.
 Embarquer un tas de composants prêts à l’usage (labels, badges,
boutons, boutons dropdown, icônes, menus, navbar, progressbar, etc.)
qui sont, qui plus est, plutôt soignés.
 Posséder également une dizaine de composants JavaScript comme des
modals, tooltip, alert, carousel, etc. permettant de donner un peu
d’interaction a votre future interface.
 D’être développé en LESS.
En bref, c’est un framework très complet, et surtout agrémenté d’une très forte
communauté car il est le projet le plus “forké” et le plus suivi sur Github pour tous
ces raisons il a été choisi.

2- Back-End

Figure 12 : Logo du Framework Laravel

33
Laravel a été choisi pour plusieurs raisons. Tout d’abord, il répondait aux critères de
la société, à savoir la mise en place de toutes les fonctionnalités désirées. Ensuite,
bien documenté qui permet de faire gagner du temps face à ces concurrents. Il
possède une communauté importante, ce qui nous donne la possibilité de trouver
rapidement une réponse en cas de doute. Laravel est un framework s’inspirant de ce
qui existe de mieux, il reprend le système de routage de Symfony en I ’étendant de
manière efficace, il utilise la bibliothèque SwiftMailer pour l’envoi de mail, et bien
d’autre encore. Tout en ajoutant ces propres composants originaux pour former au -
final Laravel.

Laravel nous offre :

 Un système d’envoi de mail.
 Un système de routage performant,
 Un moteur de Template efficace,
 Un constructeur de formulaire très pratique,
 Un système d’authentification pour les connexions,
 Un créateur de requêtes SQL et un ORM performants (éloquent).

3- Organisation du projet et division des tache :

Figure 13 : Logo du Git

Git est un système de contrôle de version distribué gratuit et open source conçu pour
gérer tout type de projet, des petits aux très grands, avec rapidité et efficacité. Git est
facile à apprendre et a une faible empreinte avec des performances ultra-rapides. Il
surclasse les outils SCM tels que Subversion, CVS, Perforce et ClearCase grâce à des
fonctionnalités telles que des branches locales peu coûteuses, des zones de transit
pratiques et des flux de travail multiples."

34
 Chapitre V : Avancement des travaux
du projet.

1- Installation Laravel

L'installation de Laravel a tout d'abord été réalisée sur un serveur local à l'aide du
logiciel Composer, qui est un gestionnaire de dépendances libre écrit en PHP. Il
permet aux utilisateurs de déclarer et d'installer les bibliothèques nécessaires au
projet principal. Avant d'installer et de configurer Laravel, il a été nécessaire de
mettre en place un serveur Web et de créer une base de données. Pour cela, Xampp
a été téléchargé et installé. Le serveur Web utilisé est Apache, et la base de données
utilisée est MySQL.

 Cette commande téléchargera et installera Laravel sur votre système.

 Une fois l'installation terminée, vous pouvez créer un nouveau projet Laravel en
utilisant la commande suivante :

 Cette commande démarrera un serveur de développement local et vous fournira

une URL pour accéder à votre application Laravel dans votre navigateur.

35
 2- Avancement du projet :

Jusqu’à ce moment-là nous n’avons pas terminer le projet parce que on a toujours
des modifications, ajouter des fonctionnalités, changer le Template …etc.
Toutefois, nous aimerions vous présenter une version actuelle du site :

Figure 15 : l’interface de site

36
 L'interface générale du site de gestion d'entreprise et de facturation est la page
principale qui offre un aperçu complet et intuitif de toutes les fonctionnalités et
sections du système. C'est la porte d'entrée où les utilisateurs peuvent accéder à
toutes les informations et actions nécessaires pour gérer efficacement l'entreprise et
le processus de facturation.

Figure 16 : interface Log in

Une fois que l'utilisateur saisit ses informations d'identification (adresse e-mail et
mot de passe) sur la page de connexion, le site vérifie ces informations pour s'assurer
de leur validité. Ensuite, en fonction du rôle de l'utilisateur, il est redirigé vers une
interface spécifique correspondant à son rôle : responsable, employé ou
administrateur

37
 Figure 17 : Le tableau de bord (Dashbord)

Le tableau de bord (Dashboard) du site "Manager" est une interface conviviale et

intuitive conçue pour offrir aux utilisateurs une vue d'ensemble et un contrôle
centralisé sur les activités et les performances clés de l’entreprise.

38
  Table client

Figure 18 : Nv client

La page "Ajouter un nouveau client" est une interface dédiée aux responsables et les
employés de l'entreprise pour faciliter l'ajout de nouveaux clients dans le système.
Elle offre une fonctionnalité centralisée et conviviale permettant de collecter et de
stocker les informations essentielles relatives aux clients.

39
  Table employe

Figure 19: Nv employer

La page "Ajouter un nouvel employé" est une interface spécialement conçue pour les
responsables d'une entreprise afin de faciliter l'ajout de nouveaux employés au sein
de l'organisation. Cette page offre un moyen centralisé et convivial de collecter et de
stocker les informations essentielles liées à l'embauche d'un nouvel employé.

40
  Table responsable

Figure 20 : Nv responsable

La page "Ajouter un nouveau responsable" pour l'administrateur est une interface

dédiée permettant à l'administrateur d'ajouter de nouveaux responsables au sein de
l'entreprise. En tant qu'administrateur, cette page vous donne la possibilité de gérer
et de contrôler les profils de responsables au sein de l'organisation.

41
  Table département

Figure 21 : Nv département

Une fois que l'administrateur a rempli les informations requises et a validé le

formulaire, le système enregistre les données du département dans la base de
données. Le département nouvellement créé est alors disponible pour être utilisé
dans d'autres parties du site, telles que l'assignation d'employés à des projets ou la
génération de rapports spécifiques au département

42
  Table conge

Figure 22 : Nv conge
La page d'ajout de nouveaux congés est une interface permettant aux employés et
aux responsables du site de gestion d'entreprise de demander et de gérer les congés

 Table projet

Figure 23 : Nv projet

43
La création de nouveaux projets pour les clients est une fonctionnalité essentielle du
système de gestion d'entreprise. Cette fonctionnalité permet aux responsables et aux
administrateurs d'ajouter de nouveaux projets et de les associer à des clients
spécifiques.
Chaque projet est identifié par un ID unique, qui permet de le différencier des autres
projets. Il possède également un nom, qui décrit brièvement le sujet ou l'objectif du
projet.
L'équipe de projet est constituée de membres qui sont responsables de la réalisation
des tâches et des activités associées. Le projet est également associé à un client
spécifique, ce qui permet de lier le projet aux besoins et aux attentes du client.

 Table task

Figure 24 : Nv Task(tache)
la fonctionnalité de gestion des tâches permet de créer, assigner, suivre et mettre à
jour les différentes activités nécessaires à la réalisation d'un projet. Les informations
clés telles que l'ID de la tâche, son statut, la personne assignée, la date de création et
la date d'échéance facilitent la coordination et la collaboration entre les membres de
l'équipe et contribuent à la réussite du projet dans les délais prévus.

44
  Table Facture

Figure 25 : Facture
La facture est un élément essentiel du processus de facturation dans le système de
gestion d'entreprise. Elle est utilisée pour documenter et formaliser une demande de
paiement pour les biens ou services fournis à un client

45
 Figure 26 : interface messagerie

L'interface de messagerie est une fonctionnalité qui permet à l'administrateur de

communiquer avec tous les utilisateurs du système. C'est un moyen efficace pour
établir une communication directe et instantanée avec les utilisateurs, que ce soit
pour diffuser des informations importantes, répondre à des questions ou gérer des
demandes.

Figure 27 : action des tables

Les actions de suppression dans les tables d'un système de gestion d'entreprise
peuvent être réalisées avec la possibilité de sauvegarde dans la corbeille, offrant ainsi
certains avantages.

46
 Chapitre VI : Conclusion

1- Conclusion générale :

Ce stage d'un mois au sein de la société WEB AGENCY nous a

apporté une expérience professionnelle enrichissante. Nous avons eu
l'opportunité d'acquérir de nouvelles connaissances tant dans le
domaine de l'entreprise que dans les langages informatiques.
Travailler avec des frameworks tels que Laravel et Bootstrap a été
particulièrement bénéfique, car cela nous a permis de développer
nos compétences en PHP, HTML, CSS et JavaScript.
Bien sûr, nous avons rencontré certains problèmes lors de la
conception du site, tels que des erreurs générées par le PHP ou des
problèmes de compatibilité. Heureusement, grâce à l'aide précieuse
de nos encadrants, Younes BERRADA, nous avons pu résoudre tous
ces problèmes et en tirer de nouveaux apprentissages.

47
48
49
50
51
52
53
54
55
56
57