Académique Documents
Professionnel Documents
Culture Documents
(EMSI)
Réseaux et Informatiques
Réalisé par :
Younesse el Youssoufi
Informatique et Réseau
ENCADRANT A l’ENTREPRISE :
ENCADRANT ACADEMIQUE :
Mme Ait Mansour
Durée de stage :
1mois
2
Année
Universitaire : 2023/2024
Dédicace 7
Remerciements 8
Chapitre I 9
1-Le Contexte de stage 10
2-L’entreprise w : 10
Chapitre II 12
I-Etude de projet : 13
1-Objectifs du projet 13
3-Etude des besoins fonctionnels 14
4-Etude des besoins non fonctionnels 15
Chapitre III 17
I-Choix de langage de modélisation : 18
1-UML 18
II- diagrammes UML : 18
1-Diagramme de classe 18
2-Diagramme de cas d’utilisation 21
3-Diagramme de séquence : 26
4- Diagramme d’activités : 30
Chapitre III 32
I-Les Framework 33
1-Qu’est-ce qu’un Framework ? 33
2-Pourquoi un Framework ? 36
3-Analyse de différents Framework : 36
3
II-Choix
du Framework et explication de ce choix 39
1-Front-End 39
2-Back-End 40
Chapitre V 63
Conclusion générale 64
Bibliographie 65
4
Table des figures
5
Dédicace
6
Remerciements
7
Chapitre I
Introduction
8
1-Le Contexte de stage
Ce stage entre dans le cadre de l’approfondissement des apprentissages théoriques et
l’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, j’ai choisi de faire mon stage d’initiation
d’un mois dans une société active dans le domaine de digitalisation et de l’informatique, afin
de se familiariser avec les outils et méthodes de conceptions et développement des projets
informatiques.
2-L’entreprise in4 :
"Wafa Assurance, leader de l'industrie de l'assurance au Maroc avec plus de 50 ans
d'expérience, est votre partenaire de confiance pour protéger vos biens et votre bien-être. Notre
mission est ancrée dans l'intégrité, l'excellence, l'innovation et l'engagement envers nos clients.
Nous proposons une gamme diversifiée de produits d'assurance, adaptés aux besoins
individuels, allant de l'assurance automobile et habitation à l'assurance vie et entreprise. Notre
présence nationale avec plus de 200 agences et un réseau de partenaires garantit une
accessibilité maximale, tandis que notre engagement social et environnemental renforce nos
liens avec les communautés locales. Nous investissons dans l'innovation et la technologie pour
simplifier la souscription et garantir la sécurité des données de nos clients. Récompensés pour
notre excellence, nous regardons vers l'avenir avec des objectifs de croissance continue et une
volonté constante de satisfaire les besoins changeants de nos clients. Nous sommes Wafa
Assurance, votre partenaire pour une sécurité financière durable
9
Chapitre II
Etudes de Projet
10
I-Etude de projet :
Projet vise à créer une plateforme d'assurance en ligne pour les employeurs,
simplifiant la gestion des polices et des avantages sociaux. Cette solution
innovante promet d'optimiser l'efficacité, de faciliter la communication, et de
garantir la conformité réglementaire.
1-Objectifs du projet
✔ Optimiser la gestion des polices d'assurance et des avantages sociaux pour réduire les charges
administratives.
✔ Offrir une expérience utilisateur fluide et personnalisée pour les employés, favorisant
l'accessibilité et la simplicité.
✔ Faciliter la communication entre les parties prenantes, y compris les employeurs, les employés
et les assureurs.
✔ Garantir la conformité aux réglementations de protection des données et assurer la sécurité des
informations sensibles.
11
4-Etude des besoins fonctionnels
Les besoins fonctionnels représentent les attentes de chaque acteur de la future plateforme.
Toute solution conceptuelle doit satisfaire, préalablement, à des besoins fonctionnels afin de
délimiter le périmètre fonctionnel de l‘application et surveiller la traçabilité des besoins lors de
la phase de développement.
12
5-Etude des besoins non fonctionnels
Un besoin non fonctionnel est une restriction ou une contrainte qui pèse sur un service du
système, telle les contraintes liées à l’environnement et à l’implémentation et les exigences en
matière de performances.
13
5-1 : Les acteurs système
Un acteur représente l’abstraction d’un rôle joué par des entités externes (utilisateur,
dispositif matériel ou autre système) qui interagissent directement avec le système étudié.
14
Chapitre III
Conception du projet
15
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.
C'est 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) ...
Donc 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.
1-Diagramme de classe
16
Figure 3 : Diagramme de classe
17
● Client : le rôle du client est de représenter les individus qui souscrivent à des polices d'assurance
auprès de la compagnie. Les clients peuvent ajouter, renouveler des polices, enregistrer des
paiements et consulter leur historique de paiement.
● Police d'Assurance : Le rôle de la classe Police d'Assurance est de représenter les contrats
d'assurance souscrits par les clients. Elle stocke les informations relatives aux polices, telles que
le type d'assurance, le montant de la prime, les dates de couverture, etc.
● Historique des Paiements : Cette classe conserve l'historique des paiements effectués par les
clients. Elle enregistre les paiements précédents et les associe au client correspondant pour
permettre une consultation ultérieure.
18
2-Diagramme de cas d’utilisation
Dans le but de mieux comprendre notre système et les interactions avec les utilisateurs,
dans cette partie nous allons détailler les scenarios de principaux cas d’utilisation
19
3-1 Employée :
Pour empêcher le partage d’un seul compte entre plusieurs utilisateurs, on a limité les
appareils peuvent s’authentifié depuis le même compte par les adresses mac de ses appareils
Scénario explicatif :
✔ L’utilisateur s’authentifier
✔ L'employé de l'assurance sélectionne l'option "Renouveler une police d'assurance"
dans l'interface du système.
✔ Le système affiche une liste de clients pour que l'employé puisse sélectionner le
client dont la police d'assurance doit être renouvelée.
20
3-Diagramme de séquence :
Ce diagramme Montre comment se déroule les différents processus de passer un quiz par
l’employée avec ses diffèrent interactions entre l’utilisateur et le système.
21
4- Diagramme d’activités :
22
Scenario normal
1. L’administrateur S’authentifier.
2. Le système Vérifie les informations entrées.
3. Le system ouvre le profil d’administrateur.
4. L’administrateur choisi le mode de modification.
5. L’administration entre les nouvelles informations pour l’ajoute et la modification du
badge.
Scenario exceptionnel
2. Si les informations entrées du badge ne sont pas valides, le system va demander a l’admin de
ressaisir ses information.
23
Chapitre III
24
I-Les Framework
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 signie « 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 :
Il existe un très grand nombre de Framework et ce pour chaque technologie. Ils sont là
pour donner un cadre de travail au développeur. Grâce à 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 à 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.
25
1-1 : Front-End Framework :
● Une grille qui facilite l'organisation des éléments de conception de votre site Web
● 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-UI
✔ Foundation
✔ Materialize
26
d’assurer plus facilement cette connexion. Voici quelques-uns
des Framework front-end le plus connus :
✔ Laravel
✔ Cake PHP
✔ Symphonie
✔ Zend Framework
2-Pourquoi un Framework ?
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
Meilleure structuration du code : le cadre et les directives fournies par les Framework
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.
-Bootstrap
Compte parmi les plus populaires. Open Source, il présente un nombre important de modules
et d’extensions. La documentation disponible est tout aussi impressionnante. Il fonctionne sur
27
un système de grille en douze colonnes avec un affichage adapté
pour différentes tailles d’écran et il est possible de personnaliser les fichiers CSS.
-Materialize
S’appuie sur les recommandations design de Google et est fourni avec de nombreux
Composants prêts à l’emploi.
3-2 : Back-End
28
-CakePHP, le Framework idéal pour débuter en PHP
Très facile à prendre en main, CakePHP est un Framework idéal pour les développeurs
débutants ou non-initiés au PHP. La configuration de Cake est à la fois simple et ordonnée. Elle
utilise la convention MVC et propose différents outils de sécurité et de validation de formulaire.
CakePHP intègre un ORM particulièrement fonctionnel. Les requêtes de construction sont très
simples, et le Framework est livré avec des plugins robustes permettant de réutiliser le code très
facilement. Les héritages de classe sont très compréhensibles, et la communauté suffisamment
développée pour trouver facilement réponse à ses questions. Cela est d’autant plus le cas que la
documentation est à la fois fournie et très simple à comprendre.
29
Figure 9 : Logo du Framework bootstrap.
Comme les autres Framework CSS que l’on peut trouver sur internet, il dispose d’une Grid qui
permet de placer les éléments avec beaucoup plus de facilité.
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 raison
il a été choisi.
30
2-Back-End
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 l’é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.
31
3-Organisation du projet et division des taches :
Git est un système de contrôle de version distribué gratuit et open source conçu pour tout
gérer, des petits aux très grands projets, 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 avec des
fonctionnalités telles que des branchements locaux bon marché, des zones de transit pratiques
et des flux de travail multiples.
32
Chapitre V
Bilans
33
Conclusion générale
Travaillé avec des Framework tel que Laravel et Bootstrap a été bénéfique
puisque j’ai pu développer mes connaissances des langages PHP, HTML, CSS
et JavaScript ainsi que celles des langages-objet. J’ai bien entendu rencontrer
quelques problèmes lors de la conception du site tels que les erreurs générées
par le php ou par des problèmes de compatibilités. Ces problèmes ont tous été
résolus à l’aide de mes encadrant lias et houssam et m’ont également apporté de
nouveaux savoirs.
Au cours de Ces deux mois j’ai pu maitriser l'utilisation des Framework front-end et
back-end, Et d’autres outils que je ne connaissais que de nom et que j’ai appris à les
utilisées lors de ce stage. J’ai eu aussi la chance d’assister et travailler dans une équipe de
développement
34
Bibliographie
35