L'Office de la formation professionnelle

‫مكتب التكوين المهني و إنعاش الشغل‬

et de promotion du travail

Projet de fin d’étude :

Pour l’obtention de diplôme de technicien spécialisé .

Filière :
Développement option web full stack

Sous thème :
Création de site web

Préparer par : Sous la direction du professeur :

BAYADI Salma Mr, Hajoui Omar.

Année universitaire : 2022/2023

1
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

DEDICACE

Je dédie ce mémoire à :
Mes chers parents en témoignage de mon amour, ma considération et ma reconnaissance pour tous les
sacrifices qu’ils sont consentis pour mon éducation, mon instruction et mon bien être.
Chers amies et mes proches qui m’ont aidé et sacrifié leurs efforts et leurs temps pour me soutenir à la
réalisation de ce projet.
Et à toutes les personnes qui me sont chères et que j’ai omis de citer,

2
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

Remercîment

Je profite de cette partie pour exprimer mes infinis et sincères remerciements à tous ceux qui ont contribué
au succès de ma période de formation, et je tiens également à leurs exprimer ma gratitude pour les soins et le
soutien qu'ils m'ont apporté. En ce sens, je voudrais adressée mes sincères remerciements à Mr. Hajoui
Omar pour son efficace encadrement et ses précieux conseils dont j'ai également bénéficié pour développer
mes compétences professionnelles et personnelles. Je remercie également, bien entendu, l'ensemble du corps
professoral et administratif de l’Institut Spécialisé de Technologie Appliquée El Hank, qui ont facilité mon
intégration au cours de cette formation professionnelle en valorisant mes qualifications et en m’enrichissant
d'informations précieuses au sein de notre institution.

3
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

Introduction générale :
Dans le cadre de Ma formation à l’< ISTA El Hank > l’institut consolide les compétences et les savoirs
faire de ses étudiants par les projets de fin d’étude, pour cela j’ai réalisé mon projet sous le thème de « la
création d’un site web » vu l’importance de cette dernière dans l’images et le contenu unique qui
permettront au site de refléter les valeurs et le caractère de l’entreprise.

Présentation générale du projet réaliser :

Notre application web de tableau de bord secrétaire. Cet outil a été conçu pour simplifier et améliorer la
gestion des projets et des clients par nos secrétaires dévoués. Grâce à ce tableau de bord convivial, nos
secrétaires sont en mesure de gérer efficacement les projets et d'entretenir des relations solides avec nos
clients. Ce tableau de bord secrétaire offre une vue d'ensemble complète de tous les projets en cours, ainsi
que des informations détaillées sur chaque projet, y compris les délais, les responsables et les étapes clés.
Les secrétaires peuvent facilement mettre à jour les informations, suivre l'avancement et s'assurer que tous
les projets sont bien gérés et respectent les échéances. De plus, ce tableau de bord permet aux secrétaires
d'accéder rapidement aux informations relatives à nos clients. Ils peuvent consulter les coordonnées,
l'historique des interactions et les exigences spécifiques de chaque client, afin de fournir un service
personnalisé et de maintenir une communication fluide. Notre objectif est de fournir à nos secrétaires un
outil puissant et intuitif qui leur permette de gérer avec succès tous les aspects liés aux projets et aux clients.
Nous sommes convaincus que ce tableau de bord secrétaire augmentera leur productivité, améliorera la
qualité de leur travail et renforcera notre relation avec nos clients. Nous sommes ravis de vous présenter
cette nouvelle application web de tableau de bord secrétaire et nous sommes impatients de voir les avantages
qu'elle apportera à notre équipe et à nos clients.

1. Les interfaces du site :

4
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

a) Dasboard :

Un tableau de bord est une représentation visuelle d'informations ou de données qui fournit un résumé ou
une vue d'ensemble des principaux indicateurs, métriques ou mesures de performance. Il est généralement
présenté sous forme graphique ou tabulaire, permettant aux utilisateurs de comprendre rapidement et
facilement des informations complexes d'un seul coup d'œil.

Les tableaux de bord sont couramment utilisés dans différents domaines, tels que les affaires, la finance, la
gestion de projets et les applications logicielles. Ils peuvent consolider des données provenant de plusieurs
sources et les présenter de manière simplifiée et organisée, permettant aux utilisateurs de surveiller et
d'analyser des aspects importants de leurs opérations, de suivre les progrès vers les objectifs et de prendre
des décisions éclairées.

Les tableaux de bord incluent souvent des graphiques, des indicateurs, des tableaux et d'autres éléments
visuels pour présenter les données de manière attrayante et facilement compréhensible. Ils peuvent être
personnalisés pour répondre à des besoins spécifiques et peuvent être interactifs, permettant aux utilisateurs
d'explorer les données plus en détail, de se concentrer sur des éléments spécifiques ou d'ajuster les
paramètres pour se focaliser sur des métriques particulières.

Dans l'ensemble, un tableau de bord sert de point centralisé d'informations, fournissant aux utilisateurs une
vue d'ensemble complète des données clés et leur permettant de surveiller, d'analyser et de gérer
efficacement différents aspects de leur entreprise ou de leurs opérations.

5
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

b) Projects :

Dans le contexte d'un tableau de bord, un projet se réfère généralement à une entreprise ou à une initiative
spécifique qui est suivie ou gérée. Il représente un ensemble d'activités ou de tâches définies ayant un
objectif spécifique.

Au sein d'un tableau de bord, le terme "projet" est souvent utilisé pour catégoriser et organiser les
informations ou les données relatives à un projet particulier. Cela peut inclure des métriques clés, des
indicateurs de progression, des échéanciers, des jalons, l'état des tâches, l'allocation des ressources et
d'autres données spécifiques au projet pertinentes.

La section projet d'un tableau de bord donne un aperçu de l'état actuel, de l'avancement et des performances
du projet. Elle permet aux parties prenantes et à l'équipe de surveiller et de comprendre rapidement l'état du
projet, les réalisations accomplies et les éventuels problèmes ou retards.

6
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

c) New Project:
Dans le contexte d'un tableau de bord, un nouveau projet fait référence à une entreprise qui vient de
commencer ou qui est en phase de planification.

Lors de l'intégration d'un nouveau projet dans un tableau de bord, vous créeriez généralement une section ou
une catégorie dédiée pour suivre son avancement et les informations pertinentes. Cela peut inclure des
détails tels que les objectifs du projet, les principales étapes, les échéanciers, les membres de l'équipe
assignés et toute métrique ou indicateur spécifique qui est important pour surveiller le succès du projet.

La section nouveau projet du tableau de bord offre un aperçu de l'état du projet, permettant aux parties
prenantes et aux membres de l'équipe de suivre rapidement son évolution et de prendre des décisions en
conséquence.

7
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

e) Project List :

Une liste de projets désigne une collection ou un inventaire de tous les projets qui sont suivis ou
gérés dans un tableau de bord ou un système.

La section liste de projets dans un tableau de bord fournit généralement un aperçu de tous les
projets, incluant leurs noms, leurs statuts, leurs détails clés et éventuellement d'autres informations
pertinentes. Elle permet aux utilisateurs d'avoir une vue d'ensemble de l'ensemble des projets en
cours et de leur progression respective.

La liste de projets facilite l'organisation et la catégorisation des projets, ce qui permet de suivre et
de gérer plusieurs initiatives simultanément. Elle permet aux parties prenantes d'accéder
rapidement à des projets spécifiques, de consulter leur statut et d'accéder aux détails de chaque
projet pour obtenir des informations plus approfondies.

8
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

Dans l'ensemble, la section liste de projets dans un tableau de bord sert de référentiel centralisé de
tous les projets, permettant une gestion efficace des projets et facilitant la prise de décisions basée
sur l'aperçu global des initiatives en cours.

9
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

F) Customers :
La section "clients" ou "liste des clients" d'un tableau de bord regroupe les informations et les détails
pertinents concernant les clients de l'entreprise. Cela peut inclure les noms des clients, les coordonnées, les
informations de contact, les historiques d'interactions, les demandes spécifiques des clients, les informations
sur les contrats, etc.

Cette section permet aux utilisateurs du tableau de bord de visualiser et de gérer efficacement les relations
avec les clients. Ils peuvent accéder rapidement aux informations clients, suivre les interactions passées,
gérer les demandes en cours, surveiller les délais de livraison ou les échéances importantes, et fournir un
service personnalisé en fonction des besoins de chaque client.

La gestion des clients dans un tableau de bord permet aux équipes de vente, de service client ou de gestion
des relations clients d'organiser et de suivre les informations clés concernant les clients de l'entreprise, afin
de fournir un soutien efficace, de maintenir de bonnes relations commerciales et de répondre aux besoins des
clients de manière proactive.

10
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

G) New Client :
La section "clients" ou "liste des clients" d'un tableau de bord regroupe les informations et les détails
pertinents concernant les clients de l'entreprise. Cela peut inclure les noms des clients, les coordonnées, les
informations de contact, les historiques d'interactions, les demandes spécifiques des clients, les informations
sur les contrats, etc.

Cette section permet aux utilisateurs du tableau de bord de visualiser et de gérer efficacement les relations
avec les clients. Ils peuvent accéder rapidement aux informations clients, suivre les interactions passées,
gérer les demandes en cours, surveiller les délais de livraison ou les échéances importantes, et fournir un
service personnalisé en fonction des besoins de chaque client.

La gestion des clients dans un tableau de bord permet aux équipes de vente, de service client ou de gestion
des relations clients d'organiser et de suivre les informations clés concernant les clients de l'entreprise, afin
de fournir un soutien efficace, de maintenir de bonnes relations commerciales et de répondre aux besoins des
clients de manière proactive.

11
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

H) Action:

Edit :

Ce bouton permet de modifier ou de mettre à jour des informations spécifiques dans un tableau de bord.

Lorsque vous souhaitez donner l'option de modifier des éléments dans votre tableau de bord, vous pouvez
inclure un bouton intitulé "Modifier" ou "Éditer" à côté de chaque élément ou section. Ce bouton permettra
aux utilisateurs de sélectionner l'élément qu'ils souhaitent modifier et d'accéder à une interface où ils
pourront apporter des modifications aux données associées.

Le bouton "modifier" est souvent représenté par un symbole d'un crayon ou d'un stylo pour indiquer la
possibilité de modifier les informations. En cliquant sur ce bouton, les utilisateurs pourront accéder à un
formulaire ou à une fenêtre modale où ils pourront apporter des changements aux données existantes.

Il est important de noter que la disponibilité du bouton "modifier" peut varier en fonction du niveau
d'autorisation ou des droits d'accès de l'utilisateur dans le tableau de bord. Certains éléments peuvent être en
lecture seule pour certains utilisateurs, tandis que d'autres peuvent avoir la permission de modifier les
données.

En résumé, le bouton "modifier" permet aux utilisateurs d'apporter des modifications aux informations
spécifiques dans un tableau de bord, offrant ainsi une flexibilité et une possibilité d'actualisation des
données.

12
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

Delete :

Le bouton "delete" dans un tableau de bord permet de supprimer un élément ou une donnée spécifique.
Lorsque vous souhaitez donner la possibilité de supprimer des éléments dans votre tableau de bord, vous
pouvez inclure un bouton intitulé "Supprimer" ou "Effacer" à côté de chaque élément ou section. Ce bouton
permettra aux utilisateurs de sélectionner l'élément qu'ils souhaitent supprimer et de confirmer leur intention
de le supprimer.

Le bouton "supprimer" est souvent représenté par un symbole de corbeille ou d'une croix pour indiquer la
possibilité de supprimer les informations. En cliquant sur ce bouton, les utilisateurs peuvent être invités à
confirmer leur choix avant que l'élément soit définitivement supprimé.

Il est important de noter que la disponibilité du bouton "supprimer" peut également varier en fonction du
niveau d'autorisation ou des droits d'accès de l'utilisateur dans le tableau de bord. Certains utilisateurs
peuvent avoir la permission de supprimer des éléments, tandis que d'autres peuvent être restreints en
fonction de leurs rôles ou privilèges.

En résumé, le bouton "supprimer" permet aux utilisateurs de supprimer des éléments spécifiques dans un
tableau de bord, offrant ainsi une fonctionnalité pour gérer et contrôler les données présentes dans le
système.

13
L'Office de la formation professionnelle
‫مكتب التكوين المهني و إنعاش الشغل‬
et de promotion du travail

Conclusion

Finalement ce stage a été très enrichissant pour moi en tant qu’étudiante, car il m’a permis de découvrir le
monde professionnel, ses défis et les limites qu'il impose. Et grâce auquel, j’ai pu participer concrètement
aux défis auxquels l’entreprise est confrontée à travers ma réalisation de site web de réservation, ce qui m’as
fait l'honneur de contribuer à une solution à l'une de ses problématiques après notre rapide intégration grâce
aux collaborateurs, ce qui m’as donné la possibilité d'entreprendre plusieurs tâches et de surmonter
facilement les difficultés
De plus, cette formation a rafraîchi mes acquis académiques et m’as permis de mon engager dans des le
marché de travail et de construire une expérience pratique, ce qui a précisé nos intérêts, mes compétences et
mes domaines d'innovation pour me faire une idée du travail approprié pour chacune de nous à l'avenir. Et
pour conclure, je tiens à remercier mon institut ISTA EL HANK et M.HAJOUI OMAR.

14