Rapport de PFE

Rapport de Projet de fin d’année
Plateforme de financement
participatif
Département d’Informatique
CLE Informatique
Réalisé par : Encadré par :
Mr. RAHHAB Atmane Mr. EL-MOUNADI Ali
Mr. EL MENYIY Salah Eddine
Mr. ABDELLAOUI Zakaria
Année Universitaire 2022-2023

École Normale Supérieure de Rabat,
Avenue Mohamed Bel Hassan El Ouazzani,
BP : 5118. Takaddoum - Rabat Maroc
Site web: http://www.ens.um5.ac.ma/
Remerciement
D’abord nous remercions Dieu notre créateur de nous avoir donné la santé, la force, la volonté
et le courage de pouvoir réussir et d’accomplir ce modeste projet. Nous tenons à exprimer nos
sincères remerciements et notre reconnaissance à Mr EL-MOUNADI Ali pour son encadrement
et sa précieuse disponibilité qu’il a bien voulue nous accorder. Son expérience académique, sa
rigueur intellectuelle et ses conseils dans le but de réaliser ce travail, nous ont permis de nous
développer et de réussir ce projet.
On ne saura clôturer ces remerciements sans exprimer toute notre affection pour les enseignants
de l’Ecole, qui ont bien voulu partager leurs savoirs durant nos études. Enfin, nous remercions
tous ceux qui ont contribué de prêt ou de loin à la réalisation de ce projet.
1|Page
Résumé
Ce document décrit une plateforme de financement participatif qui permet à des projets
profitable ou non profitable de collecter des fonds auprès d'un grand nombre de personnes via
internet.
Les projets sont présentés sur la plateforme avec une description détaillée, des objectifs de
financement et des avantages pour les contributeurs. Les contributeurs peuvent ensuite choisir
de soutenir les projets en faisant des dons ou en investissant de l'argent en échange de
récompenses ou de parts dans l'entreprise. Le processus est entièrement transparent et les
contributeurs sont régulièrement informés de l'avancement des projets qu'ils ont soutenus.
2|Page
Table des matières
Remerciement ........................................................................................................................ 1
Résumé ................................................................................................................................... 2
Table des matières .................................................................................................................. 3
Liste des figures ..................................................................................................................... 9
Introduction générale ........................................................................................................... 12
Chapitre1 : Cadre gnerale du projet ....................................................................................... 7
Introduction : ......................................................................................................................... 8
1. Présentation du projet :........................................................................................... 8
1.1. Les objectifs du projet : ........................................................................................... 8
1.2. Périmètre : ............................................................................................................... 9
1.3. Les Acteurs : .......................................................................................................... 10
1.4. Contraintes : .......................................................................................................... 10
2. Cahier de charge :................................................................................................. 11
2.1. Gestion des utilisateurs : ....................................................................................... 11
2.1.1. Création de comptes utilisateurs : ...................................................................... 11
2.1.2. Connexion :........................................................................................................ 11
2.1.3. Déconnexion : .................................................................................................... 12
2.1.4. Suppression de compte : .................................................................................... 12
2.2. Création de projet : ................................................................................................ 12
2.2.1. Création de projet : ............................................................................................ 12
2.2.2. Objectif de financement :................................................................................... 12
2.2.3. Délais : ............................................................................................................... 12
2.2.4. Récompenses : ................................................................................................... 13
3|Page
2.3. Présentation de projet : .......................................................................................... 13
2.3.1. Page de présentation : ........................................................................................ 13
2.3.2. Description :....................................................................................................... 13
2.3.3. Images : .............................................................................................................. 13
2.3.4. Vidéos : .............................................................................................................. 13
2.4. Recherche de projets : ........................................................................................... 13
2.4.1. Catégorie : .......................................................................................................... 14
2.4.2. Nom : ................................................................................................................. 14
2.4.3. Emplacement géographique : ............................................................................ 14
2.5. Suivi des contributions : ........................................................................................ 14
2.5.1. Montant de la contribution : .............................................................................. 14
2.5.2. Récompenses : ................................................................................................... 14
2.5.3. Paiements : ......................................................................................................... 14
2.6. Notifications : ........................................................................................................ 15
2.6.1. Notifications de contribution : ........................................................................... 15
2.6.2. Notification d'atteinte de l'objectif de financement : ......................................... 15
2.6.3. Notifications de mise à jour du projet : ............................................................. 15
2.6.4. Personnalisation des notifications : ................................................................... 15
2.7. Gestion des paiements : ......................................................................................... 15
2.7.1. Intégration du système de paiement : ................................................................ 15
2.7.2. Gestion des remboursements : ........................................................................... 16
2.7.3. Frais de traitement des paiements : .................................................................... 16
2.8. Communication : ................................................................................................... 16
2.8.1. Forum de discussion : ........................................................................................ 16
2.8.2. Communication avec les contributeurs :............................................................ 16
2.8.3. Commentaires : .................................................................................................. 16
2.8.4. Notifications de communication :...................................................................... 16
4|Page
2.9. Suivi du projet : ..................................................................................................... 17
2.9.1. Tableau de bord du projet : ................................................................................ 17
2.9.2. Notifications de mise à jour de projet : .............................................................. 17
2.9.3. Commentaires : .................................................................................................. 17
2.9.4. Transparence : .................................................................................................... 17
2.10. Statistiques : .......................................................................................................... 17
2.10.1. Statistiques de plate-forme :........................................................................ 17
2.10.2. Statistiques de projet : ................................................................................. 18
2.10.3. Graphiques et tableaux de bord : ................................................................ 18
2.11. Partage : ................................................................................................................. 18
2.11.1. Liens de partage : ........................................................................................ 18
Conclusion : ......................................................................................................................... 18
Chapitre2: Analyse et conception ........................................................................................ 19
Introduction : ....................................................................................................................... 20
1. Analyse d’existant : ............................................................................................... 20
1.1. Présentation des plateformes de financement participatif ..................................... 20
1.2. Analyse quantitative des plateformes : .................................................................. 21
1.3. Analyse qualitative des plateformes : .................................................................... 21
1.4. Analyse des inconvénients des plateformes : ........................................................ 22
2. Méthodologie de travail : ...................................................................................... 22
2.1. Méthode agile : ...................................................................................................... 22
3. Diagramme de cas d'utilisation générale : ........................................................... 23
3.1. Diagramme de cas d'utilisation pour se connecter : .............................................. 25
3.2. Diagramme de cas d'utilisation pour se déconnecter : .......................................... 26
3.3. Diagramme de cas d'utilisation pour supprimer son compte : .............................. 26
3.4. Diagramme de cas d'utilisation pour créer projet : ................................................ 27
5|Page
3.5. Diagramme de cas d'utilisation pour recherche de projets : .................................. 27
3.6. Diagramme de cas d'utilisation pour Suivi des contributions : ............................. 28
3.7. Diagramme de cas d'utilisation pour suivi du projet : ........................................... 28
3.8. Diagramme de cas d'utilisation pour recevoir les notifications : .......................... 29
3.9. Diagramme de cas d'utilisation pour la communication : ..................................... 30
3.10. Diagramme de cas d'utilisation pour les statistiques : ........................................... 31
3.11. Diagramme de cas d'utilisation pour le partage : .................................................. 32
4. Diagramme de classe : .......................................................................................... 32
4.1. Diagramme de classe pour créer projet : ............................................................... 34
4.2. Diagramme de classe pour suivre projet : ............................................................. 35
4.3. Diagramme de classe pour rechercher projet : ...................................................... 35
4.4. Diagramme de classe pour gérer les projets : ........................................................ 35
4.5. Diagramme de classe pour suivre les contributions : ............................................ 36
4.6. Diagramme de classe pour le partage des projets : ............................................... 36
4.7. Diagramme de classe pour la communication :..................................................... 37
4.8. Diagramme de classe pour les notifications : ........................................................ 37
4.9. Diagramme de classe pour les statistiques : .......................................................... 38
4.1. Diagramme de classe pour gérer les utilisateurs : ................................................. 38
5. Diagrammes de Séquence : ................................................................................... 39
5.1. Diagramme de Séquence pour l’inscription : ........................................................ 39
5.2. Diagramme de Séquence pour la connexion : ....................................................... 39
5.3. Diagramme de Séquence pour le suivi projet : ..................................................... 40
5.4. Diagramme de séquence pour la notification : ...................................................... 41
5.5. Diagramme de séquence pour Partage : ................................................................ 41
5.6. Diagramme de séquence pour Statistique : ........................................................... 42
5.7. Diagramme de séquence pour la communication : ............................................... 43
5.8. Diagramme de séquence pour Recherche projet : ................................................. 43
6|Page
5.9. Diagramme de séquence pour Suivre contribution : ............................................. 44
5.10. Diagramme de séquence pour Modification de profile : ....................................... 45
5.11. Diagramme de séquence pour suppression de compte : ........................................ 45
5.12. Diagramme de Séquence pour la création de projet :............................................ 46
Conclusion : ......................................................................................................................... 47
Chapitre 3 : Realisation du projet ........................................................................................ 48
Introduction : ....................................................................................................................... 49
1. Outils, technologies et environnement de développement : .................................. 49
1.1. Figma :................................................................................................................... 49
1.2. HTML.................................................................................................................... 50
1.3. CSS ........................................................................................................................ 50
1.4. Tailwind CSS ........................................................................................................ 51
1.5. JavaScript .............................................................................................................. 51
1.6. PHP........................................................................................................................ 52
1.1. Laravel :................................................................................................................. 52
1.1. MySQL : ................................................................................................................ 53
2. Présentation de la plateforme : ............................................................................. 53
2.1. Page d’accueil : ..................................................................................................... 53
2.2. Page des projets : ................................................................................................... 55
2.3. Page de présentation de projet :............................................................................. 55
2.4. Page de présentation de statistique : ...................................................................... 56
2.5. Page de tableau de bord : ....................................................................................... 57
2.6. Page d’inscription :................................................................................................ 57
2.7. Page d’inscription de porteur de projet : ............................................................... 58
2.8. Page d’inscription de contributeur : ...................................................................... 58
2.9. Page de connexion :............................................................................................... 59
2.10. Page de création de projets : .................................................................................. 60
7|Page
2.11. Page de suivi de projet pour le contributeur : ........................................................ 60
2.12. Page de suivi de projet pour le porteur de projet : ................................................ 61
2.13. Page de suivi de contribution : .............................................................................. 62
2.14. Page de personnalisation de notification ............................................................... 62
2.15. Page de forum de discussion : ............................................................................... 63
2.16. Page de messagerie interne : ................................................................................. 63
2.17. Page de gestion des remboursements : .................................................................. 64
2.18. Page de profil : ...................................................................................................... 64
2.19. Page de modification de profil : ............................................................................ 65
2.20. Page de récupération de mot de passe : ................................................................. 65
2.21. Page de vérification de compte : ........................................................................... 66
2.22. Page de suppression de compte : ........................................................................... 66
Conclusion : ......................................................................................................................... 67
8|Page
Liste des figures
Figure 1: Diagramme de cas d'utilisation générale .................................................................. 25
Figure 2: Diagramme de cas d'utilisation pour se connecter .................................................... 25
Figure 3: Diagramme de cas d'utilisation pour se déconnecter ................................................ 26
Figure 4: Diagramme de cas d'utilisation pour supprimer son compte .................................... 27
Figure 5: Diagramme de cas d'utilisation pour créer projet ..................................................... 27
Figure 6: Diagramme de cas d'utilisation pour recherche de projets ....................................... 28
Figure 7: Diagramme de cas d'utilisation pour Suivi des contributions ................................... 28
Figure 8: Diagramme de cas d'utilisation pour suivi du projet ................................................ 29
Figure 9: Diagramme de cas d'utilisation pour recevoir les notifications ................................ 30
Figure 10: Diagramme de cas d'utilisation pour la communication ......................................... 31
Figure 11: Diagramme de cas d'utilisation pour les statistiques .............................................. 32
Figure 12: Diagramme de cas d'utilisation pour le partage ...................................................... 32
Figure 13: Diagramme de classe générale................................................................................ 34
Figure 14 : Diagramme de classe pour créer projet ................................................................. 34
Figure 15 : Diagramme de classe pour suivre projet ................................................................ 35
Figure 16: Diagramme de classe pour rechercher projet .......................................................... 35
Figure 17: Diagramme de classe pour gérer les projets ........................................................... 36
Figure 18: Diagramme de classe pour suivre les contributions ............................................... 36
Figure 19 : Diagramme de classe pour le partage des projets .................................................. 36
Figure 20: Diagramme de classe pour la communication ........................................................ 37
Figure 21: Diagramme de classe pour les notifications ........................................................... 37
Figure 22: Diagramme de classe pour les statistiques.............................................................. 38
Figure 23: Diagramme de classe pour gérer les utilisateurs..................................................... 38
Figure 24: Diagramme de Séquence pour l’inscription ........................................................... 39
Figure 25: Diagramme de Séquence pour la connexion .......................................................... 40
Figure 26: Diagramme de Séquence pour le suivi projet ......................................................... 40
Figure 27: Diagramme de séquence pour la notification ......................................................... 41
Figure 28: Diagramme de séquence pour Partage .................................................................... 42
Figure 29: Diagramme de séquence pour Statistique ............................................................... 42
Figure 30: Diagramme de séquence pour la communication ................................................... 43
Figure 31: Diagramme de séquence pour Recherche projet .................................................... 44
Figure 32: Diagramme de séquence pour Suivre contribution ................................................. 44
Figure 33: Diagramme de séquence pour Modification de profile .......................................... 45
Figure 34: Diagramme de séquence pour suppression de compte ........................................... 46
Figure 35: Diagramme de Séquence pour la création de projet ............................................... 46
Figure 36: Page d’accueil ......................................................................................................... 54
Figure 37: Page des projets ...................................................................................................... 55
Figure 38:Page de présentation de projet ................................................................................. 56
Figure 39: Page de présentation de statistique ......................................................................... 56
Figure 40: Page de tableau de bord .......................................................................................... 57
Figure 41: Page d’inscription ................................................................................................... 57
9|Page
Figure 42: Page d’inscription de porteur de projet ................................................................... 58
Figure 43: Page d’inscription de contributeur .......................................................................... 59
Figure 44: Page de connexon ................................................................................................... 59
Figure 45: Page de création de projets ..................................................................................... 60
Figure 46: Page de suivi de projet pour le contributeur ........................................................... 61
Figure 47: Page de suivi de projet pour le porteur de projet .................................................... 61
Figure 48: Page de suivi de contribution .................................................................................. 62
Figure 49: Page de personnalisation de notification ................................................................ 62
Figure 50: Page de forum de discussion................................................................................... 63
Figure 51: Page de messagerie interne ..................................................................................... 64
Figure 52: Page de gestion des remboursements ..................................................................... 64
Figure 53: Page de profil .......................................................................................................... 65
Figure 54: Page de modification de profil ................................................................................ 65
Figure 55: Page de récupération de mot de passe .................................................................... 66
Figure 56: Page de vérification de compte ............................................................................... 66
Figure 57: Page de suppression de compte .............................................................................. 67
10 | P a g e
Liste des tableaux
Tableau 1: Présentation des plateformes de financement participatif ...................................... 20
Tableau 2: Analyse quantitative des plateformes ..................................................................... 21
Tableau 3: Analyse qualitative des plateformes ....................................................................... 21
Tableau 4: Analyse des inconvénients des plateformes ........................................................... 22
11 | P a g e
Introduction générale
Souffle est une plateforme de financement participatif marocaine qui vise à donner un
nouveau souffle aux personnes en difficulté, et à aider les entrepreneurs à concrétiser leurs
projets. Grâce à Souffle, les porteurs de projet peuvent présenter leur idée sur une page de
projet dédiée, avec une description détaillée, des objectifs de financement et des avantages
pour les contributeurs.
Les contributeurs peuvent ensuite choisir de soutenir le projet en faisant des dons ou des
investissements en échange de récompenses ou de parts dans l'entreprise. Les projets
peuvent être à but lucratif ou non lucratif, et Souffle offre un environnement de confiance
pour tous les utilisateurs de la plateforme.
En utilisant Souffle, les porteurs de projet peuvent bénéficier d'une exposition accrue pour
leur projet, ainsi que d'un financement flexible et transparent. Les contributeurs peuvent
quant à eux contribuer à des projets qui les intéressent et suivre leur avancement. De plus,
Souffle offre un accompagnement personnalisé pour aider les porteurs de projet à réussir.
Par exemple, Souffle peut aider des personnes en difficulté, comme les patients atteints de
cancer, les veuves et les orphelins, les personnes isolées dans les montagnes et les villages,
ainsi que les personnes en situation de pauvreté. La plateforme peut également aider les
entrepreneurs à lancer et à développer leur entreprise en leur offrant un financement
alternatif et un accompagnement personnalisé.
En résumé, Souffle offre une solution moderne et innovante de financement participatif

pour les projets, les entrepreneurs et les personnes en difficulté qui cherchent à financer
leurs projets de manière transparente et efficace. La plateforme est simple à utiliser et offre
une alternative accessible et pratique au financement traditionnel. En utilisant Souffle, les
porteurs de projet peuvent bénéficier d'un soutien financier et d'un accompagnement
personnalisé pour réussir leur projet, tandis que les contributeurs peuvent contribuer à des
projets qui ont un impact positif sur la société.
12 | P a g e
Cadre générale du
projet
7|Page
Chapitre 1 : Cadre générale du projet
Introduction :
Le financement participatif est devenu un moyen populaire pour les entrepreneurs, les artistes
et les organisations de collecter des fonds pour leurs projets. Compte tenu de la demande
croissante, nous devons fournir une plateforme facile à utiliser, sécurisée et adaptée aux besoins
spécifiques de nos utilisateurs.
1. Présentation du projet :
SOUFFLE est une entreprise marocaine, son objectif est de donner un nouveau souffle aux gens
qui souffre de cancer, aux veuves et orphelins, aux gens isolés dans les montagnes et villages,
aux pauvres et d'autre part d’aider les entrepreneurs qui cherchent de l'aide pour se lancer leur
projet.
Grâce à notre association et à vos dons, vous pouvez redonner espoir à de nombreuses personnes
et les aider dans leur mauvaise journée et un soutien sur les plans psychologique et physique.
D'autre part, vous pouvez bénéficier de votre investissement dans des projets qui ont besoin de
financement. Un accompagnement, aussi donner l'opportunité aux porteurs de projets de faire
exister leurs projets.
1.1. Les objectifs du projet :

• Créer une plateforme de financement participatif appelée SOUFFLE pour permettre aux
créateurs de financer leurs projets au Maroc.
• Permet aux contributeurs de découvrir facilement des projets intéressants pour y contribuer
financièrement facilement.
• Faciliter la gestion et le suivi des campagnes de financement pour les porteurs de projets.
• Collecter des fonds auprès d'individus, d'entreprises ou d'organismes désireux de soutenir
des projets innovants, créatifs et à valeur ajoutée pour la société.
• Assurer la transparence des transactions financières et Assurer la sécurité des données
personnelles des utilisateurs.
• Apporter un soutien émotionnel et psychologique aux personnes vivant avec le cancer,
ainsi qu'à leurs familles et amis.
• Fournir un soutien financier aux veuves et aux orphelins qui ont perdu le soutien de leur
famille en raison d'une maladie.
• Fournir de la nourriture, des soins de santé et d'autres ressources aux pauvres dans les zones
8|Page
reculées et défavorisées.
• Sensibiliser le peuple marocain aux enjeux liés au cancer, à l'importance de la prévention
et du dépistage précoce.
• Établir des partenariats avec des organisations nationales et internationales pour
développer les capacités et les ressources de la plateforme.
1.2. Périmètre :
• La portée du projet comprend le développement d'une plateforme complète de financement

participatif à partir de zéro, avec toutes les fonctionnalités nécessaires.
• La plate-forme doit être hébergée sur un serveur qui répond aux exigences de performance,
de capacité et de bande passante nécessaires pour garantir une expérience utilisateur fluide
et sans interruption.
• Le serveur doit être sécurisé en utilisant des protocoles de sécurité appropriés tels que SSL
/ TLS, pare-feu, protection contre les attaques DDoS, etc. pour protéger les données de la
plate-forme et empêcher toute violation de sécurité.
• Le serveur doit être conçu pour minimiser les temps d'arrêt et les perturbations, même en
cas de panne matérielle ou de coupure de courant. Des solutions telles que la redondance
des disques, des connexions Internet et des alimentations électriques peut être mises en
place pour garantir que le serveur reste opérationnel même dans des situations d'urgence.
• La plate-forme doit être visitée en permanence 24 heures par jour, afin que les utilisateurs
puissent y accéder à tout moment. Les tests de disponibilité et le contrôle doivent être
définis pour s'assurer que les utilisateurs accédaient toujours à la plate-forme.
• La sécurité de la plate-forme doit être la plus importante, avec la sécurité des mots de passe,
la gestion et l'autorisation d'accès, le journal d'activité et d'autres fonctions. Assurez-vous
que la protection des utilisateurs et des données de plate-forme n'est pas envahie ou
violations de la sécurité.
• La plate-forme utilisera le développement technologique moderne et vérifié pour garantir
que la dernière innovation et les meilleures pratiques dans le domaine seront mises en
œuvre dans le développement de la plate-forme.
• La plate-forme sera conçue de manière à ce qu'elle puisse être facilement étendue et mise
à jour au fil du temps, afin de s'adapter aux besoins changeants de l'entreprise et des
utilisateurs finaux. Cela garantira que la plate-forme restera pertinente et efficace à long
terme.
• Le site doit être compatible avec le téléphone portable et puis avec les autres appareille
9|Page
Fonctionnalités principales de la plateforme :

• Inscription et connexion des utilisateurs (porteurs de projets et investisseurs)
• Création et personnalisation de la page de présentation du projet
• Système de catégorisation et de recherche de projets
• Gestion des contributions et des contreparties
• Système de paiement sécurisé et gestion des transactions
• Suivi et communication entre porteurs de projets et investisseurs
• Tableau de bord pour le suivi et la gestion des campagnes de financement
• Modération et validation des projets par l'équipe "Souffle"
• Développer des programmes de sensibilisation pour les patients atteints de cancer,
les veuves et les orphelins, les personnes isolées dans les montagnes et les villages
et les pauvres
• Intégration de fonctionnalités sociales (partage, recommandations, etc.)
Exclusions de la plateforme :
• La plate-forme ne prendra pas en charge la collecte de fonds propres.
• Les projets illégaux, discriminatoires ou contraires aux valeurs fondamentales ne
seront pas acceptés.
1.3. Les Acteurs :

Visiteur : personnes ou organisations qui consulte la plateforme
Le Porteur de projets : personnes ou organisations qui propose un projet à financer.
Contributeurs : individus ou entreprises qu’il voudrais investir son argent dans un projet ou des
projets.
Équipe "Souffle" : responsable de la gestion, de la modération, du développement et de la
maintenance de la plateforme.
1.4. Contraintes :
Techniques :
• La plateforme doit être développée avec des technologies web modernes et adaptatives
(responsive design)
• La sécurité des données et des transactions doit être une priorité
• Le temps de chargement et la performance doivent être optimisés
10 | P a g e
Réglementaires :
La plateforme doit respecter les réglementations en vigueur concernant le financement

participatif et toutes les articles en relation avec la loi n°15-18 qui organise ‘le financement
collaboratif’, notamment en ce qui concerne les seuils de financement et les obligations
déclaratives.
Les données personnelles des utilisateurs doivent être crypté et bien protégées comme t’il dirige
sous la loi n°09-08 de ‘la protection des personnes physiques à l'égard du traitement des données
à caractère personnel’ et toutes les articles en relation avec cette loi, et qui est conformément à
la Commission Nationale de contrôle de la protection des Données à caractère Personnel
(CNDP).
2. Cahier de charge :
Voilà les fonctionnalités de la plateforme en détail :
2.1. Gestion des utilisateurs :

La plateforme doit permettre la création de comptes utilisateurs, la connexion, la déconnexion
et la suppression de comptes.
2.1.1. Création de comptes utilisateurs :

Cette fonctionnalité permet aux nouveaux utilisateurs de créer un compte sur la plate-forme, la
création d’un compte est divisée sur deux niveaux.
Dans le premier les utilisateurs doivent fournir des informations telles que le nom, l'adresse e-
mail, la date de naissance et le mot de passe. Une fois les informations fournies, le système
vérifie les informations et crée un compte utilisateur. Puis, les utilisateurs peuvent fournir des
documents est accepté quelque condition de l’utilisation de plate-forme afin de vérifier leur
compte par l’un des administrateurs pour avoir la possibilité d’être l’un des contributeurs ou
des porteurs des projets.
2.1.2. Connexion :
La fonction de connexion permet aux utilisateurs enregistrés de se connecter à leur compte en
saisissant un nom d'utilisateur et un mot de passe. Une fois que l'utilisateur s'est connecté, il a
accès à toutes les fonctions de la plate-forme, qui ne sont accessibles qu'aux utilisateurs
enregistrés.
11 | P a g e
2.1.3. Déconnexion :
La fonction de déconnexion permet aux utilisateurs de se déconnecter de leurs comptes en un
seul clic. Cette fonctionnalité est utile pour les utilisateurs qui partagent un ordinateur ou un
appareil mobile avec d'autres et souhaitent sécuriser leurs comptes.
2.1.4. Suppression de compte :

La fonctionnalité de suppression de compte permet aux utilisateurs de supprimer leurs comptes
de la plate-forme. Cette fonctionnalité est utile pour les utilisateurs qui ne souhaitent plus
utiliser la plateforme ou qui souhaitent que leurs données soient supprimées de la plateforme
pour des raisons de confidentialité.
Mais les utilisateurs doivent respecter quelques conditions avant, parmi c’est condition, les
utilisateurs ne doivent pas avoir des projets actifs.
La suppression doit accorder par l’un des administrateurs après 30 jours de la demande de
suppression.
2.2. Création de projet :

Les utilisateurs peuvent créer des projets, définir des objectifs de financement, des délais et des
récompenses pour les contributeurs.
2.2.1. Création de projet :

Cette fonctionnalité permet aux utilisateurs qui ont de déjà vérifier leur compte de créer des
projets en fournissant des informations pour là présenter telles que le nom du projet, la
description, le budget, la catégorie et les récompenses pour les contributeurs. Après avoir fourni
les informations, le projet est créé et mis à disposition des contributeurs.
2.2.2. Objectif de financement :

L'objectif de financement est le montant d'argent que le porteur du projet espère collecter auprès
des bailleurs de fonds pour financer son projet. Les porteurs de projet peuvent définir différents
objectifs de financement pour chaque projet qu'ils créent.
2.2.3. Délais :
C’est le temps pendant lesquelles les projets doivent être financés. Les porteurs de projets
peuvent définir les délais pour chaque projet.
12 | P a g e
2.2.4. Récompenses :
Les Récompenses sont des avantages tangibles ou intangibles accordés aux contributeurs avec
un soutien financier. Les porteurs de projet peuvent définir différentes récompenses pour
chaque niveau de contribution.
2.3. Présentation de projet :

Les porteurs de projets pourront créer des pages de présentation pour leurs projets, en y incluant
des descriptions, des images et des vidéos.
2.3.1. Page de présentation :

Cette fonctionnalité permet aux porteurs de projets de créer une page de présentation pour leur
projet. La page de présentation peut inclure le nom de projet, une description détaillée du projet,
le budget, des images et des vidéos pour aider les contributeurs à mieux comprendre le projet.
2.3.2. Description :
La description est une partie importante de la page de présentation du projet. Elle doit expliquer
clairement le projet et la raison pour laquelle le porteur de projet cherche à collecter des fonds.
2.3.3. Images :
Les images sont un élément important de la page de présentation du projet car elles permettent
aux contributeurs de visualiser le projet et de mieux comprendre sa nature. Les porteurs de
projets peuvent inclure des images de leur projet, des illustrations ou des graphiques pour aider
à expliquer leur projet.
2.3.4. Vidéos :
Les vidéos sont un moyen efficace de présenter un projet de manière dynamique et engageante.
Les porteurs de projets peuvent inclure des vidéos de leur projet pour aider à expliquer les
détails et les objectifs du projet.
2.4. Recherche de projets :

Les utilisateurs doivent pouvoir rechercher des projets par catégorie, mot-clé ou emplacement
géographique.
13 | P a g e
2.4.1. Catégorie :
La recherche par catégorie permet aux utilisateurs de filtrer les éléments en fonction de la
catégorie. Les catégories peuvent inclure des sujets tels que l'art, la technologie, la santé,
l'éducation, etc. Cette fonctionnalité permet aux utilisateurs de trouver des éléments qui
correspondent à leurs intérêts.
2.4.2. Nom :
La recherche par le nom de projet qui est unique permet aux utilisateurs de rechercher à un
projet spécifique.
2.4.3. Emplacement géographique :

La recherche par emplacement géographique permet aux utilisateurs de trouver des éléments à
proximité de leur emplacement géographique. Cette fonctionnalité est utile pour les utilisateurs
qui souhaitent soutenir des projets locaux ou qui souhaitent trouver des projets dans leur région.
2.5. Suivi des contributions :

Les contributeurs doivent pouvoir suivre les contributions qu'ils ont effectuées pour les projets
et les récompenses qu'ils ont sélectionnées. Cette fonctionnalité permet aux contributeurs de
surveiller leur soutien financier et de s'assurer qu'ils ont reçu les récompenses promises.
2.5.1. Montant de la contribution :

Cette fonctionnalité permet aux contributeurs de fournir un soutien financier au projet en
sélectionnant un montant de contribution. Les montants peuvent varier selon le programme et
le niveau des récompenses offertes.
2.5.2. Récompenses :
Les récompenses sont des avantages matériels ou immatériels offerts aux contributeurs pour
leur soutien financier. Les porteurs de projets peuvent offrir des récompenses différentes pour
chaque niveau de contribution. Les récompenses peuvent inclure des produits, des services, des
remerciements spéciaux, des accès exclusifs ou des avantages futurs.
2.5.3. Paiements :
Les contributeurs doivent être capable d'effectuer des paiements en ligne pour soutenir le projet
en utilisant des intermédiaires fiables tel que Binga.
14 | P a g e
2.6. Notifications :
Les contributeurs recevront des notifications par email lorsqu'ils auront contribué à un projet
ou lorsqu'un projet auquel ils ont contribué atteindra son objectif de financement.
Les porteurs de projets recevront des notifications par e-mail ou par SMS pour les informer des
mises à jour importantes concernant leurs projets.
2.6.1. Notifications de contribution :

Lorsque les utilisateurs contribuent au projet, ils reçoivent une notification par e-mail accusant
réception de leur contribution, Aussi les porteurs de projet reçoit la même notification. La
notification peut inclure des informations comme le montant de la contribution, le contributeur
et le projet contribuer.
2.6.2. Notification d'atteinte de l'objectif de financement :

Lorsqu’un projet atteint son objectif de financement, les porteurs de projet reçoivent une
notification par e-mail les informant de la réalisation.
2.6.3. Notifications de mise à jour du projet :

Les porteurs de projet peuvent envoyer des mises à jour importantes aux contributeurs pour les
informer de l'avancement du projet. Les contributeurs recevront ces notifications par e-mail ou
SMS, les tenant informés des dernières nouvelles et des développements clés du projet.
2.6.4. Personnalisation des notifications :

Les utilisateurs peuvent personnaliser les notifications qu'ils reçoivent en fonction de leurs
préférences personnelles. Ils peuvent choisir de recevoir des notifications par e-mail ou SMS,
ou se désabonner s'ils ne souhaitent pas recevoir certaines notifications.
2.7. Gestion des paiements :

La plateforme doit intégrer un système de paiement sécurisé pour traiter les transactions
financières.
2.7.1. Intégration du système de paiement :

La plate-forme doit s'intégrer à un système de paiement sécurisé et qu’il respect le contexte
marocain, tel que Binga.ma…, pour gérer les transactions financières entre les contributeurs et
les chefs de projet.
15 | P a g e
2.7.2. Gestion des remboursements :

En cas d'annulation d'un projet ou d'une contribution, la plateforme doit pouvoir gérer les
remboursements des contributeurs de manière transparente et efficace.
2.7.3. Frais de traitement des paiements :

La plateforme peut facturer des frais de traitement des paiements pour couvrir les coûts de
traitement des transactions financières. Ces frais peuvent varier en fonction des méthodes de
paiement et des taux de commission.
2.8. Communication :
Les utilisateurs doivent pouvoir communiquer avec les porteurs des projets et les autres
contributeurs.
La plateforme doit permettre aux utilisateurs de communiquer via une messagerie interne pour
poser des questions aux porteurs de projets ou discuter avec d'autres contributeurs. Cette
fonctionnalité permet aux utilisateurs de communiquer de manière sécurisée et confidentielle
sur la plateforme.
2.8.1. Forum de discussion :

La plateforme peut également inclure un forum de discussion pour les utilisateurs qui souhaitent
échanger sur des sujets liés aux projets. Cette fonctionnalité permet aux utilisateurs de partager
des idées, des commentaires et des suggestions sur les projets.
2.8.2. Communication avec les contributeurs :

Les porteurs de projets doivent pouvoir communiquer avec les contributeurs pour les informer
de l'état d'avancement du projet, des défis rencontrés et des réussites. Les outils de gestion de
projet peuvent être utilisés pour communiquer efficacement avec les contributeurs.
2.8.3. Commentaires :
Les utilisateurs doivent pouvoir laisser des commentaires sur les pages de présentation des
projets pour partager leurs réflexions et opinions sur les projets. Cela permet aux porteurs de
projets de recevoir des commentaires constructifs et d'améliorer leurs projets en conséquence.
2.8.4. Notifications de communication :

Les utilisateurs doivent pouvoir recevoir des notifications par email ou par SMS pour les
informer des nouvelles communications dans leur messagerie interne ou sur les pages de projets
qu'ils ont soutenus.
16 | P a g e
2.9. Suivi du projet :

Les porteurs de projets doivent pouvoir mettre à jour l'état de leur projet, et les contributeurs
doivent être informés de ces mises à jour.
2.9.1. Tableau de bord du projet :

La plateforme doit fournir aux porteurs de projets un tableau de bord pour mettre à jour l'état
de leur projet. Les porteurs de projets peuvent y ajouter des informations sur l'avancement du
projet, les défis rencontrés, les réussites et les prochaines étapes.
2.9.2. Notifications de mise à jour de projet :

Les contributeurs doivent pouvoir recevoir des notifications par email ou par SMS pour être
informés des mises à jour importantes concernant les projets qu'ils ont soutenus. Les
notifications peuvent inclure des informations sur l'avancement du projet, les changements de
plan, les défis rencontrés et les réussites.
2.9.3. Commentaires :
Les contributeurs doivent pouvoir laisser des commentaires sur les pages de présentation des
projets pour partager leurs réflexions et opinions sur les projets. Les porteurs de projets peuvent
y répondre pour fournir des clarifications ou pour remercier les contributeurs pour leur soutien.
2.9.4. Transparence :
La plateforme doit encourager la transparence en permettant aux porteurs de projets de partager
des informations sur les fonds collectés, les dépenses et les frais de la plateforme. Cette
fonctionnalité peut renforcer la confiance des contributeurs dans les projets qu'ils soutiennent.
2.10. Statistiques :
La plateforme doit fournir des statistiques sur un projet et sur la plate-forme il même.
2.10.1. Statistiques de plate-forme :

La plate-forme doit fournir des statistiques surs :
Le nombre de projets financés, le taux de réussite des projets, le nombre de projets en cours et
le nombre de projets abandonnés. Pour aider les porteurs de projets à comprendre les tendances
du marché et à adapter leur stratégie de financement en conséquence.
Les montants collectés, le montant moyen des contributions et le nombre de contributeurs. Afin
d’aider les porteurs de projets à comprendre la dynamique de financement et à ajuster leurs
objectifs de financement en conséquence.
17 | P a g e
Le nombre total d'utilisateurs et le nombre d’utilisateurs actifs. Ces statistiques peuvent aider la
plateforme à comprendre l'engagement des utilisateurs et à développer des stratégies pour
améliorer l'expérience utilisateur.
2.10.2. Statistiques de projet :

Après le lancement de projet la plate-forme doit fournir des statistiques surs :
Le taux de contribution, le montant collectés et le nombre des contributeurs dans ce projet. Pour
aider les porteurs de projets à bien suivre l’avancement de l’investissement dans leur projet.
Et Après la fin de délais :
La progression de projet, les chiffres d’affaires achevé, les partenariats et les réussites. Pour
donner aux contributeurs une idée sur l’avancement de projet aux qu’il ils ont investi.
2.10.3. Graphiques et tableaux de bord :

La plateforme doit fournir des graphiques et des tableaux de bord pour visualiser les statistiques.
Ces outils peuvent aider les utilisateurs à comprendre rapidement les tendances et les modèles
de financement.
2.11. Partage :
La plateforme doit permettre aux utilisateurs de partager leurs campagnes de financement sur
les réseaux sociaux et les sites web.
2.11.1. Liens de partage :

La plateforme doit fournir des liens de partage pour permettre aux utilisateurs de partager leur
campagne de financement sur les réseaux sociaux populaires tels que Facebook, Twitter,
Instagram, LinkedIn et YouTube, des sites web, des blogs et des forums pertinents. Ces liens
peuvent être utilisés pour diriger le trafic vers la page de présentation du projet.
3. Conclusion :
La plateforme de financement participatif "Souffle" a pour objectif de permettre aux porteurs
de projets et aux investisseurs de collaborer efficacement dans une relation de confiance. La
réussite du projet dépend de la conformité technique et réglementaire et d'une attention
particulière portée à l'expérience utilisateur.
18 | P a g e
Analyse et Conception
19 | P a g e
Chapitre 2 : Analyse et Conception
Introduction :
Le deuxième chapitre de ce projet est dédié à l'analyse d'existant et à la conception de la solution
proposée. Dans la première partie, une analyse approfondie de l'existant sera effectuée pour
identifier les problèmes et les lacunes du système actuel, ainsi que pour proposer des solutions
pour améliorer son efficacité et sa performance. Dans la deuxième partie de ce chapitre, nous
allons nous concentrer sur la conception de la solution proposée.
Ce chapitre est crucial pour la réussite du projet car il va définir les bases de la solution à
développer.
1. Analyse d’existant :
Dans cette partie, nous allons établir une analyse quantitative et qualitative de plusieurs
plateformes de financement participatif.
1.1. Présentation des plateformes de financement participatif
Ulule KissKissBankBank Kickstarter GoFundMe
Ulule est une KissKissBankBank Kickstarter est une GoFundMe est une
plateforme de est une plateforme plateforme de plateforme de
financement web française de financement financement
participatif avec financement participatif qui aide à participatif qui permet
contreparties en participatif où se donner vie à des aux gens de donner de
nature : il met en rencontrent des projets créatifs. l'argent aux personnes
relation des communautés Kickstarter permet qui demandent de
porteurs de projet engagées pour aux gens de l'aide. Contrairement
avec des financer ensemble promettre de l'argent aux dons à une
internautes des idées et des pour soutenir un organisation, l'argent
souhaitant soutenir projets. (2). projet, et en retour, va directement au
ces projets (1). ils reçoivent des propriétaire de la
récompenses du campagne (4).
créateur du projet
(3).
Tableau 1: Présentation des plateformes de financement participatif
20 | P a g e
1.2. Analyse quantitative des plateformes :
Ulule KissKissBankBank Kickstarter GoFundMe
Nombre de 27 000 32 000 500 000 50 000 000

Projets
Taux de
financement 71% 75% 36% 15%
moyen
Montant
moyen 8 800€ 4 950€ 8 000$ 2 800$
collecté par
projet
Tableau 2: Analyse quantitative des plateformes
1.3. Analyse qualitative des plateformes :
Ulule KissKissBankBank
La plateforme française est connue pour ses Cette plateforme française est spécialisée
projets créatifs et innovants. La qualité des dans les projets créatifs. Les projets sont de
projets est élevée, et l'accompagnement des grande qualité, mais la sélection est plutôt
entrepreneurs est excellent. limitée.
Kickstarter GoFundMe
Cette plateforme américaine est

La plateforme américaine est la plus principalement tournée vers les levées de
importante en termes de volume de projets. fonds personnelles et caritatives. C'est une
La qualité est variable, mais il y a de plateforme intéressante pour des projets
nombreux projets intéressants en cours. personnels, mais pas nécessairement pour
des projets professionnels.
Tableau 3: Analyse qualitative des plateformes
21 | P a g e
1.4. Analyse des inconvénients des plateformes :
Ulule KissKissBankBank
• Frais élevés (8% de commission • Processus de vérification des

sur les projets réussis) porteurs de projets peu strict
• Risque d'échec des projets • Risque de fraude ou d'escroquerie
financés
• Faible retour sur investissement pour
• Faible visibilité des projets les contributeurs
Kickstarter GoFundMe
• Projets majoritairement en langue

anglaise, peu accessibles aux • Plateforme généraliste peu adaptée
francophones aux projets entrepreneuriaux
• Risque d'échec et remboursement • Frais élevés (5% de commission sur
des fonds pour certains projets les dons collectés)
• Pas de possibilité de participation • Absence de vérification des projets
au capital des entreprises et de garantie de transparence
financées
Tableau 4: Analyse des inconvénients des plateformes
Alors, Cette partie d’analyse nous a permis de mieux comprendre les plateformes de
financement participatif disponibles et leurs différences. Il est conseillé de prendre le temps
d'analyser les différentes options avant de choisir la plateforme la plus appropriée pour votre
projet.
2. Méthodologie de travail :
2.1. Méthode agile :
La méthode Agile se base sur ce principe simple : planifier la totalité du projet dans les moindres
détails avant de le développer est contre-productif. En effet, organiser tous les aspects du projet
est une perte de temps car il est rare que tout se passe exactement comme prévu. Souvent, des
aléas surviennent et forcent l'équipe à revoir la planification.
22 | P a g e
La méthode Agile recommande de se fixer des objectifs à court terme. Le projet est donc divisé
en plusieurs sous-projets. Une fois l'objectif atteint, nous passons au suivant jusqu'à
l'accomplissement de l'objectif final. Cette approche est plus flexible et laisse la place aux
imprévus et aux changements puisqu'il est impossible de tout prévoir et de tout anticiper.
Cette méthode repose sur une relation privilégiée entre le client et l'équipe projet. La satisfaction
du client étant la priorité, l'implication totale de l'équipe et sa réactivité face aux changements
du client comme aux imprévus sont nécessaires. Le dialogue avec le client est privilégié, c'est
lui qui valide chaque étape du projet. L'évolution de ses besoins est prise en compte et les
ajustements sont effectués en temps réel afin de répondre à ses attentes.
Le principe de base consiste à proposer une version minimale du logiciel puis à intégrer des
fonctionnalités supplémentaires à cette base, par processus itératif qui consiste à découper le
projet en plusieurs étapes d'une durée d'une à quatre semaines (deux semaines dans notre cas ce
qui fait 10 jours); ce sont les itérations (Sprints). Au cours d'une itération, une version minimale
du produit attendu est développée puis soumise, dans sa version intermédiaire, au client pour
validation. Les fonctionnalités sont ainsi intégrées au fur et à mesure du cycle de vie sur un
mode incrémental, le système s'enrichissant progressivement pour atteindre les niveaux de
satisfaction et de qualité requis.
L'objectif est d'obtenir, au terme de chaque itération, un sous-ensemble opérationnel du système

cible et, au terme de la dernière itération, la version finale du produit.
3. Diagramme de cas d'utilisation générale :

Ce diagramme on l’utilise pour donner une vision globale du comportement fonctionnel d'un
système logiciel. Il est utile pour des présentations auprès de la direction ou des acteurs d'un
projet, mais pour le développement, les cas d'utilisation sont plus appropriés. Un cas
d'utilisation représente une unité discrète d'interaction entre un utilisateur et un système. Il est
une unité significative de travail. Dans un diagramme de cas d'utilisation, les utilisateurs sont
appelés acteurs, ils interagissent avec les cas d’utilisation.
Le diagramme de cas d'utilisation pour SOUFFLE contient 5 acteurs différents : l'utilisateur,

l'utilisateur vérifié, le visiteur, le contributeur, le porteur de projet et l'administrateur. Chacun
de ces acteurs à un rôle différent à jouer dans le système.
23 | P a g e
Visiteur : Un visiteur est une personne qui visite la plateforme SOUFFLE sans connexion. Les
visiteurs peuvent voir les projets en cours, les statistiques en cours, effectuer des recherches et
voir les projets terminés, mais ils ne peuvent pas financer de projets ni créer de projets.
Utilisateur : Un utilisateur est une personne qui peut s'inscrire sur la plateforme SOUFFLE et
qui peut se connecter ou se déconnecter. Il peut également communiquer avec d'autres
personnes et supprimer son compte. Outre les fonctions accessibles aux visiteurs.
L'utilisateur vérifié : l'utilisateur vérifié est un utilisateur qui a fourni des informations
supplémentaires à SOUFFLE pour vérifier son identité (l'utilisateur vérifié peut être un
contributeur ou un porteur de projet). Les utilisateurs vérifiés peuvent être considérés comme
plus fiables que les utilisateurs non vérifiés et peuvent ainsi accéder à des fonctionnalités
supplémentaires sur la plateforme, comme recevoir des notifications, suivre les contributions et
consulter les statistiques des contributions, Outre les fonctions accessibles aux visiteurs.
Le contributeur : le contributeur est une personne qui souhaite soutenir financièrement un

projet. Les contributeurs ont accès à des fonctionnalités qui leur permettent de suivre les projets
qu'ils ont soutenus.
Le porteur de projet : le porteur de projet est une personne qui crée un projet, qu'il soit
profitable ou non-profitable pour les représentants des associations, et le publie sur la
plateforme. Le porteur de projet peut décrire son projet, fixer un objectif de financement et
proposer des contreparties pour les contributeurs.
L'administrateur : l'administrateur est un utilisateur qui a des privilèges supplémentaires sur

la plateforme SOUFFLE. L'administrateur peut gérer les projets et les utilisateurs, les
statistiques, supprimer des comptes et résoudre les problèmes techniques qui peuvent survenir.
24 | P a g e
Voilà le diagramme :
Figure 1: Diagramme de cas d'utilisation générale
3.1. Diagramme de cas d'utilisation pour se connecter :

L'utilisateur accède à la page de connexion et saisit son nom d'utilisateur et son mot de passe,
cela signifie qu’il est déjà accédé à la page d'inscription et remplit les informations requises
pour la création de son compte. La plateforme SOUFFLE vérifie si les informations de
connexion sont valides. Si les informations sont valides, la plateforme SOUFFLE connecte
l'utilisateur et le redirige vers la page d'accueil. Sinon, la plateforme SOUFFLE affiche un
message d'erreur et invite l'utilisateur à saisir à nouveau ses informations de connexion.
Figure 2: Diagramme de cas d'utilisation pour se connecter
25 | P a g e
3.2. Diagramme de cas d'utilisation pour se déconnecter :

L'utilisateur clique sur un bouton de déconnexion. La plateforme SOUFFLE vérifie que
l'utilisateur est connecté. Si l'utilisateur est connecté, la plateforme SOUFFLE déconnecte
l'utilisateur et le redirige vers la page de connexion. Sinon, la plateforme SOUFFLE affiche un
message d'erreur.
Figure 3: Diagramme de cas d'utilisation pour se déconnecter
3.3. Diagramme de cas d'utilisation pour supprimer son compte :

L'utilisateur accède à la page de paramètres de compte et sélectionne l'option de suppression de
compte. Avant de confirmer la suppression de compte, la plateforme SOUFFLE vérifie si
l'utilisateur a des projets actifs. Si l'utilisateur a des projets actifs, la suppression de compte est
refusée et un message d'erreur est affiché. Si l'utilisateur n'a pas de projets actifs, la plateforme
SOUFFLE demande une confirmation de la suppression de compte. Si l'utilisateur confirme la
suppression de compte, la plateforme SOUFFLE envoie une demande de suppression de compte
à l'un des administrateurs de la plateforme.
Après 30 jours de la demande de suppression, un administrateur de la plateforme SOUFFLE

peut accorder ou refuser la suppression de compte. Si la suppression de compte est accordée, la
plateforme SOUFFLE supprime le compte de l'utilisateur et toutes les données associées.
26 | P a g e
Figure 4: Diagramme de cas d'utilisation pour supprimer son compte
3.4. Diagramme de cas d'utilisation pour créer projet :

Une fois que le porteur de projet a vérifié son compte, il peut accéder à la page de création de
projet. Le porteur de projet fournit des informations sur le projet, telles que le nom, la
description, la catégorie, le budget, délais et les récompenses pour les contributeurs. Une fois
que toutes les informations ont été fournies et confirmé, l'utilisateur publie le projet. Ainsi Le
projet est mis à disposition des contributeurs pour soutien financier.
Figure 5: Diagramme de cas d'utilisation pour créer projet
3.5. Diagramme de cas d'utilisation pour recherche de projets :

Le visiteur accède à la partie de recherche de projet. Le visiteur peut filtrer les projets par
catégorie en sélectionnant une ou plusieurs catégories qui correspondent à ses intérêts. Le
visiteur peut effectuer une recherche par nom de projet. Le visiteur peut effectuer une recherche
par emplacement géographique en entrant son emplacement géographique. Après avoir effectué
la recherche, la plateforme SOUFFLE affiche les projets correspondants aux critères de
recherche de le visiteur.
27 | P a g e
Figure 6: Diagramme de cas d'utilisation pour recherche de projets
3.6. Diagramme de cas d'utilisation pour Suivi des contributions :

Le contributeur sélectionne un projet qu'il souhaite soutenir. Le contributeur choisit le montant
de sa contribution et les récompenses correspondantes. Une fois la contribution effectuée, la
plateforme SOUFFLE envoie une confirmation de contribution à l'utilisateur par e-mail ou
SMS, avec des détails sur le montant de la contribution et les récompenses. L'utilisateur peut
accéder à la page de suivi des contributions pour voir les contributions qu'il a effectuées pour
les projets et les récompenses correspondantes. La plateforme SOUFFLE envoie une
notification au porteur de projet pour l'informer de la contribution et des récompenses
sélectionnées par l'utilisateur.
Figure 7: Diagramme de cas d'utilisation pour Suivi des contributions
3.7. Diagramme de cas d'utilisation pour suivi du projet :

Le porteur de projet accède à son tableau de bord de projet pour mettre à jour l'état de son projet.
Il peut y ajouter des informations sur l'avancement du projet, les défis rencontrés, les réussites
et les prochaines étapes.
La plateforme SOUFFLE envoie des notifications par e-mail ou SMS aux contributeurs pour
les informer des mises à jour importantes concernant les projets qu'ils ont soutenus.
Les contributeurs peuvent laisser des commentaires sur les pages de présentation des projets
pour partager leurs réflexions et opinions sur les projets.
28 | P a g e
Les porteurs de projets peuvent y répondre pour fournir des clarifications ou pour remercier les
contributeurs pour leur soutien.
La plateforme SOUFFLE encourage la transparence en permettant aux porteurs de projets de
partager des informations sur les fonds collectés, les dépenses et les frais de la plateforme. Cette
fonctionnalité peut renforcer la confiance des contributeurs dans les projets qu'ils soutiennent.
Figure 8: Diagramme de cas d'utilisation pour suivi du projet
3.8. Diagramme de cas d'utilisation pour recevoir les notifications :

Le contributeur d’un projet reçoit une notification par e-mail accusant réception de sa
contribution. Les porteurs de projet reçoivent également la même notification, qui peut inclure
des informations sur le montant de la contribution, le contributeur et le projet.
Lorsqu'un projet atteint son objectif de financement, les porteurs de projet reçoivent une
notification par e-mail les informant de la réalisation.
Les porteurs de projet envoient des mises à jour importantes aux contributeurs pour les informer
de l'avancement du projet. Les contributeurs reçoivent ces notifications par e-mail ou SMS, qui
les tiennent informés des dernières nouvelles et des développements clés du projet.
Les utilisateurs vérifiés peuvent personnaliser les notifications qu'ils reçoivent en fonction de
leurs préférences personnelles. Ils peuvent choisir de recevoir des notifications par e-mail ou
SMS, ou se désabonner s'ils ne souhaitent pas recevoir certaines notifications.
29 | P a g e
Figure 9: Diagramme de cas d'utilisation pour recevoir les notifications
3.9. Diagramme de cas d'utilisation pour la communication :

Les utilisateurs peuvent accéder à la messagerie interne pour discuter avec d'autres utilisateurs.
Ils peuvent poser des questions, échanger des informations ou discuter des idées en toute
sécurité et confidentialité.
La plateforme SOUFFLE inclut un forum de discussion pour les utilisateurs qui souhaitent
échanger sur des sujets liés aux projets. Les utilisateurs peuvent laisser des commentaires où
bien des suggestions sur les projets.
Les porteurs de projets communiquent avec les contributeurs pour les informer de l'état
d'avancement du projet.
Les utilisateurs laissent des commentaires sur les pages de présentation des projets pour partager
leurs réflexions et opinions sur les projets. Les porteurs de projets peuvent recevoir des
commentaires constructifs et améliorer leurs projets en conséquence.
30 | P a g e
Figure 10: Diagramme de cas d'utilisation pour la communication
3.10. Diagramme de cas d'utilisation pour les statistiques :

Les utilisateurs accèdent aux statistiques de la plateforme pour comprendre les tendances du
marché et adapter leur stratégie de financement en conséquence. Les statistiques incluent le
nombre de projets financés, le taux de réussite des projets, le nombre de projets en cours et le
nombre de projets abandonnés, ainsi que les montants collectés, le montant moyen des
contributions et le nombre de contributeurs.
Les porteurs de projets accèdent aux statistiques de leur projet pour suivre l'avancement de
l'investissement dans leur projet. Les statistiques incluent le taux de contribution, le montant
collecté et le nombre de contributeurs.
Les contributeurs accèdent aux statistiques de projet pour avoir une idée de l'avancement du
projet auquel ils ont investi. Les statistiques incluent la progression du projet, les chiffres
d'affaires achevés, les partenariats et les réussites.
La plateforme SOUFFLE fournit des graphiques et des tableaux de bord pour visualiser les
statistiques. Ces outils aident les utilisateurs à comprendre rapidement les tendances et les
modèles de financement.
31 | P a g e
Figure 11: Diagramme de cas d'utilisation pour les statistiques
3.11. Diagramme de cas d'utilisation pour le partage :

Les utilisateurs accèdent à leur campagne de financement sur la plateforme SOUFFLE et
cliquent sur le bouton de partage pour accéder aux liens de partage.
Les utilisateurs utilisent ces liens pour partager leur campagne de financement sur les réseaux
sociaux et les sites web, dirigeant ainsi le trafic vers la page de présentation du projet.
Figure 12: Diagramme de cas d'utilisation pour le partage
4. Diagramme de classe :
Le diagramme de classe est un type de diagramme UML qui permet de représenter les classes,
les interfaces, les associations et les relations entre ces éléments dans un système logiciel. Il est
utilisé pour modéliser la structure statique d'un système et pour visualiser les différentes entités
du système ainsi que leurs relations. Les classes représentent des objets du monde réel ou des
concepts abstraits, avec leurs attributs et leurs méthodes.
32 | P a g e
Les relations entre les classes sont représentées par des associations, des agrégations et des
compositions. Le diagramme de classe est un outil important pour la conception et la
planification de projets de développement de logiciels.
Le diagramme de classe générale pour cette plateforme inclure les classes suivantes :
Visiteur : cette classe représente les visiteurs de la plateforme qui peuvent consulter la
plateforme, les projets et les statistiques.
Utilisateur : cette classe hérite de la classe Visiteur, ce qui signifie que les utilisateurs ont accès
aux mêmes fonctionnalités que les visiteurs. En plus de cela, les utilisateurs peuvent se
connecter, se déconnecter, envoyer des messages, créer des forums de discussion, ajouter des
commentaires, recevoir des notifications de communication, demander la suppression de leur
compte et vérifier leur compte.
Utilisateur Vérifié : cette classe hérite de la classe Utilisateur, ce qui signifie que les utilisateurs
Vérifiés ont accès aux mêmes fonctionnalités que les visiteurs. En plus de cela, les utilisateurs
Vérifiés peuvent recevoir des notifications et suivre les projets.
Porteur de projet : cette classe hérite de la classe Utilisateur Vérifié, ce qui signifie que les
Porteurs de projet ont accès aux mêmes fonctionnalités que les Utilisateurs Vérifiés. En plus de
cela, les Porteurs de projet peuvent créer des projets.
Contributeur : cette classe hérite de la classe Utilisateur Vérifié, ce qui signifie que les
Contributeurs ont accès aux mêmes fonctionnalités que les Utilisateurs Vérifiés. En plus de
cela, les Contributeurs peuvent contribuer des projets, voir tableau de bord de projet, recevoir
notification de mise a jour de projet, retirer le montant de rembourse, voir les contributions.
Administrateur : cette classe représente les personnes qui gère les utilisateurs et la plateforme.
Les administrateurs peuvent envoyer des avertissements, annuler des projets, vérifier des
comptes, bloquer des comptes et gérer les demandes de suppression de compte.
Projet : cette classe représente les projets créés sur la plateforme. Elle peut calculer le montant
d'achèvement de financement, le taux de financement et le temps restant. Elle peut également
obtenir le lien du projet, calculer la moyenne de contribution, ajouter des images et ajouter des
vidéos pour la présentation du projet.
Plateforme : cette classe représente les différentes fonctionnalités de la plateforme. Elle peut
calculer le montant total collecté, le taux de réussite des projets, le taux de projets actifs et le
taux de projets abandonnés. Elle peut également calculer la moyenne des contributions, le taux
d'utilisateurs actifs et le taux de financement.
33 | P a g e
La figure suivante illustre ce diagramme en détail :
Figure 13: Diagramme de classe générale
4.1. Diagramme de classe pour créer projet :

Le diagramme de classe pour la créer projet inclure les deux classes suivantes :
Porteur de projet : cette classe représente les porteurs de projet qui peuvent créer des projets.
Projet : cette classe représente les éléments nécessaires pour créer un projet.
Figure 14 : Diagramme de classe pour créer projet
34 | P a g e
4.2. Diagramme de classe pour suivre projet :

Le diagramme de classe pour la suivre projet inclure les trois classes suivantes :
Contributeur : cette classe représente les contributeurs qui peuvent suivre des projets.
Projet : cette classe représente les éléments dont un contributeur a besoin pour suivre un projet.
Porteur de projet : cette classe représente les porteurs de projet qui peuvent recevoir des
notifications de contribution pour les projets.
Figure 15 : Diagramme de classe pour suivre projet
4.3. Diagramme de classe pour rechercher projet :

Le diagramme de classe pour la recherche d’un projet inclure les deux classes suivantes :
Utilisateur : cette classe représente les contributeurs qui peuvent rechercher des projets.
Projet : cette classe représente les éléments nécessaires pour créer un projet.
Figure 16: Diagramme de classe pour rechercher projet
4.4. Diagramme de classe pour gérer les projets :

Le diagramme de classe pour la recherche d’un projet inclure les deux classes suivantes :
Administrateur : cette classe représente les administrateurs qui peuvent envoyer des
avertissements à des porteurs de projet qui sont en retard sur le délai déterminé et annuler les
projets ayant des problèmes.
Projet : cette classe représente les éléments nécessaires pour la présentation d'un projet.
35 | P a g e
Figure 17: Diagramme de classe pour gérer les projets
4.5. Diagramme de classe pour suivre les contributions :

Le diagramme de classe pour le suivi des contributions inclure les deux classes suivantes :
Contributeur : cette classe représente les contributeurs qui peuvent effectuer des contributions,
suivre ces contributions et les voir.
Projet : cette classe représente le nombre de contributions et un tableau contenant tous les
paiements de chaque projet.
Figure 18: Diagramme de classe pour suivre les contributions
4.6. Diagramme de classe pour le partage des projets :

Le diagramme de classe pour le partage des projets inclure les deux classes suivantes :
Utilisateur : cette classe représente les utilisateurs qui peuvent partager des projets.
Projet : cette classe représente le lien de partage que l'utilisateur peut obtenir.
Figure 19 : Diagramme de classe pour le partage des projets
36 | P a g e
4.7. Diagramme de classe pour la communication :

Le diagramme de classe pour le suivi des contributions inclure la classe suivante :
Utilisateur : cette classe représente les utilisateurs qui peuvent communiquer entre eux.
Figure 20: Diagramme de classe pour la communication
4.8. Diagramme de classe pour les notifications :

Le diagramme de classe pour les notifications inclure les deux classes suivantes :
Notification : cette classe est représenté les types des notifications et son contenu.
Utilisateur vérifié : cette classe représente les utilisateurs, qu'ils soient contributeurs ou
porteurs de projet, qui peuvent recevoir des notifications.
Figure 21: Diagramme de classe pour les notifications
37 | P a g e
4.9. Diagramme de classe pour les statistiques :

Le diagramme de classe pour les statistiques inclure les trois classes suivantes :
Plateforme : cette classe représente les informations nécessaires pour calculer les différents
statistiques.
Utilisateur : cette classe représente les utilisateurs qui peuvent consulter les statistiques.
Projet : cette classe représente les informations nécessaires pour calculer les différents
statistiques du projet.
Figure 22: Diagramme de classe pour les statistiques
4.1. Diagramme de classe pour gérer les utilisateurs :

Le diagramme de classe pour la gestion des utilisateurs inclure les deux classes suivantes :
Administrateur : cette classe représente les administrateurs qui peuvent gérer les utilisateurs
Utilisateur : cette classe représente les utilisateurs qui peuvent demander suppression de
compte, vérification de compte.
Figure 23: Diagramme de classe pour gérer les utilisateurs
38 | P a g e
5. Diagrammes de Séquence :
Ce diagramme est une représentation graphique des interactions entre les acteurs et le système
selon un ordre chronologique. Dans ce diagramme on s’aperçoit des communications réalisées
entre un client et le serveur de notre application.
5.1. Diagramme de Séquence pour l’inscription :

Ce diagramme utilisé pour montrer le processus d'inscription des utilisateurs à la plateforme
SOUFFLE.
Figure 24: Diagramme de Séquence pour l’inscription
5.2. Diagramme de Séquence pour la connexion :

Ce diagramme utilisé pour montrer comment les utilisateurs peuvent se connecter à la
plateforme SOUFFLE.
39 | P a g e
Figure 25: Diagramme de Séquence pour la connexion
5.3. Diagramme de Séquence pour le suivi projet :

Ce diagramme utilisé pour montrer comment les utilisateurs vérifiés peuvent suivi le projet à la
plateforme SOUFFLE.
Figure 26: Diagramme de Séquence pour le suivi projet
40 | P a g e
5.4. Diagramme de séquence pour la notification :

Ce diagramme utilisé pour montrer comment les notifications sont gérées sur la plateforme
SOUFFLE, en particulier les notifications liées aux mises à jour de projet, aux contributions et
aux objectifs de financement.
Figure 27: Diagramme de séquence pour la notification
5.5. Diagramme de séquence pour Partage :

Ce diagramme utilisé pour montrer comment les utilisateurs peuvent partager des projets avec
d'autres utilisateurs sur la plateforme SOUFFLE. Il peut inclure des informations sur les étapes
à suivre pour partager un projet, les notifications associées et la gestion des autorisations
d'accès.
41 | P a g e
Figure 28: Diagramme de séquence pour Partage
5.6. Diagramme de séquence pour Statistique :

Ce diagramme utilisé pour montrer comment les statistiques relatives aux projets et aux
contributeurs sont calculées et présentées aux utilisateurs sur la plateforme SOUFFLE. Il peut
inclure des informations sur les données collectées, la façon dont elles sont analysées et
présentées aux utilisateurs.
Figure 29: Diagramme de séquence pour Statistique
42 | P a g e
5.7. Diagramme de séquence pour la communication :

Ce diagramme utilisé pour montrer comment les utilisateurs peuvent communiquer entre eux
sur la plateforme SOUFFLE en utilisant différentes fonctionnalités de communication.
Figure 30: Diagramme de séquence pour la communication
5.8. Diagramme de séquence pour Recherche projet :

Ce diagramme utilisé pour montrer comment les utilisateurs peuvent rechercher des projets sur
la plateforme SOUFFLE en utilisant différents filtres de recherche.
43 | P a g e
Figure 31: Diagramme de séquence pour Recherche projet
5.9. Diagramme de séquence pour Suivre contribution :

Ce diagramme utilisé pour montrer comment les utilisateurs peuvent suivre les contributions
qu'ils ont effectuées sur la plateforme SOUFFLE. Il peut inclure des informations sur les
notifications de remboursement et les mises à jour de projet associées à ces contributions.
Figure 32: Diagramme de séquence pour Suivre contribution
44 | P a g e
5.10. Diagramme de séquence pour Modification de profile :

Ce diagramme utilisé pour montrer comment les utilisateurs peuvent modifier leurs profils et
supprimer leur compte sur la plateforme SOUFFLE. Il peut inclure des informations sur les
étapes à suivre pour effectuer ces actions et les conséquences associées.
Figure 33: Diagramme de séquence pour Modification de profile
5.11. Diagramme de séquence pour suppression de compte :

Ce diagramme utilisé pour montrer comment les utilisateurs peuvent supprimer leur compte sur
la plateforme SOUFFLE. Il inclure des informations sur les étapes à suivre pour effectuer cette
action et les conséquences associées.
45 | P a g e
Figure 34: Diagramme de séquence pour suppression de compte
5.12. Diagramme de Séquence pour la création de projet :

Ce diagramme utilisé pour montrer comment les utilisateurs peuvent se connecter à la
plateforme SOUFFLE.
Figure 35: Diagramme de Séquence pour la création de projet
46 | P a g e
Conclusion :
Nous sommes maintenant prêts à passer à la phase de développement de la solution, en nous
basant sur les résultats et les spécifications établies dans ce chapitre. Nous sommes confiants
que la solution proposée répondra aux besoins et aux attentes des utilisateurs tout en améliorant
l'efficacité et la performance du système existant.
47 | P a g e
Chapitre 3 : Réalisation du projet
Réalisation du projet
48 | P a g e
Introduction :
Notre projet de plateforme de financement participatif est maintenant prêt à passer à la phase
de réalisation. Dans ce chapitre, nous allons décrire en détail les différentes étapes que nous
avons suivies pour créer notre plateforme, en nous concentrant sur trois aspects clés : les
technologies que nous avons utilisées, les wireframes et prototypes que nous avons créés et
l'interface que nous avons développée.
Dans un premier temps, nous allons présenter les technologies que nous avons sélectionnées
pour notre plateforme, en expliquant pourquoi nous avons choisi ces outils spécifiques et
comment ils ont été mis en œuvre dans notre projet. Ensuite, nous allons décrire les wireframes
et prototypes que nous avons créés pour aider à visualiser et à tester notre plateforme avant sa
mise en production.
Dans la dernière partie de ce chapitre, nous allons décrire en détail l'interface de notre
plateforme, en expliquant comment nous avons créé une expérience utilisateur intuitive et
conviviale pour nos utilisateurs. Enfin, nous allons expliquer comment les trois parties de ce
chapitre sont liées et comment elles ont toutes contribué à la réalisation de notre projet de
plateforme de financement participatif.
1. Outils, technologies et environnement de développement :

1.1. Figma :
Figma est une plateforme collaborative pour éditer des graphiques vectoriels et faire du
prototypage. Elle permet de concevoir des design systems pour faciliter la création de sites web
et d’applications mobiles. C’est une solution à destination des UI et UX designers et des
développeurs. L’interface propose de nombreuses fonctionnalités(1) :
De design : avec des outils de conception pour le web, des fonctions de mise en page
automatique, des plugins pour réduire les tâches répétitives(1).
De prototypage : pour tester les concepts très tôt en cours de design(1).
De design system : pour concevoir des designs cohérents avec des bibliothèques mises à jour
en permanence(1).
Collaboratives : pour travailler à plusieurs et en même temps sur un projet, revenir sur une
version antérieure si nécessaire ou encore afficher le travail d’un seul collaborateur par exemple
(5).
49 | P a g e
1.2. HTML
Le HTML ou Hypertext Mark-up Language. Il a été créé en 1989 par Tim Berners Lee, un
informaticien. Il se base sur le SGM (Standard Generalized Markup Language), un langage
universel qui utilise de nombreuses balises. Aujourd'hui, le langage HTML en est à sa
cinquième version, le HTML 5. Il fait partie des trois principales inventions du World Wide
Web avec le protocole HTTP ou les URL. Toute page html s'ouvre avec la balise « html » et se
referme avec la balise « /html ». Le langage HTML a apporté une véritable révolution sur
Internet en simplifiant le langage SGM (Standard Generalized Markup). Basé sur un système
de blocs, il permet d'agencer les informations, de les embellir et de les classer afin que la
navigation soit fluide et pertinente pour chaque internaute. Le HTML peut être consulté et
décodé via différents supports dont les ordinateurs, tablettes, montres connectées et téléphones
portables font partie(6).
1.3. CSS
Le CSS pour Cascading Style Sheets, est un langage informatique utilisé sur Internet pour la
mise en forme de fichiers et de pages HTML. On le traduit en français par feuilles de style en
cascade (7).
Apparu dans les années 1990, le CSS se présente comme une alternative à la mise en forme via
des balises, notamment HTML. Un peu plus complexe à maîtriser, il permet un gain de temps
considérable dans la mise en forme d'une page web par rapport à ces balises. Grâce au CSS,
vous pouvez en effet appliquer des règles de mise en forme (titrage, alignement, polices,
couleurs, bordures, etc.) à plusieurs documents simultanément (7).
Sur le plan de la conception d'une page Web, le CSS permet par ailleurs de séparer la
présentation d'une page HTML et sa structure. Ses standards sont définis par le World Wide
Web Consortium (W3C) (7)
50 | P a g e
1.4. Tailwind CSS

Tailwind CSS est un framework permettant aux développeurs de personnaliser totalement et
simplement le design de leur application ou de leur site web. Avec ce framework CSS, il est
possible de créer un design d’interface au sein même du fichier HTML. Cette façon de
programmer n’interfère pas avec les pratiques recommandées par le W3C comme celle de
séparer le HTML des feuilles de style CSS(4). En effet, pour utiliser Tailwind il faut prendre
les classes CSS prédéfinies par le framework en les appelant dans un fichier HTML(8).
Utilisation de tailwind css pour assurer la cohérence de la conception et une mise en page
responsive.
1.5. JavaScript
JavaScript désigne un langage de développement informatique, et plus précisément un langage
de script orienté objet. On le retrouve principalement dans les pages Internet. Il permet, entre
autres, d'introduire sur une page web ou HTML des petites animations ou des effets (9).
Créé en 1995 par Brendan Eich, en même temps que la technologie Java, le langage JavaScript
se distingue des langages serveurs par le fait que l'exécution des tâches est opérée par le
navigateur lui-même, sur l'ordinateur de l'utilisateur, et non sur le serveur web. Il s'active donc
généralement sur le poste client plutôt que côté serveur (9).
Utilisation de javascript pour les fonctionnalités de navigation et d'interaction utilisateur.
51 | P a g e
1.6. PHP
Le PHP, pour Hypertext Preprocessor, désigne un langage informatique, ou un langage de
script, utilisé principalement pour la conception de sites web dynamiques. Il s'agit d'un langage
de programmation sous licence libre qui peut donc être utilisé par n'importe qui de façon
totalement gratuite (10).
Créé au début des années 1990 par le Canadien et Groenlandais Rasmus Lerdorf, le langage
PHP est souvent associé au serveur de base de données MySQL et au serveur Apache. Avec le
système d'exploitation Linux, il fait partie intégrante de la suite de logiciels libres LAMP(10) .
Sur un plan technique, le PHP s'utilise la plupart du temps côté serveur. Il génère du code
HTML, CSS ou encore XHTML, des données (en PNG, JPG, etc.) ou encore des fichiers PDF.
Il fait, depuis de nombreuses années, l'objet d'un développement spécifique et jouit aujourd'hui
une bonne réputation en matière de fiabilité et de performances (10).
1.1. Laravel :
Laravel est un framework gratuit, open source et orienté objet qui utilise le langage de
programmation PHP. Il a été pensé pour rendre le développement d'applications web rapide et
facile. Tout comme son grand frère Symfony dont il utilise certaines briques, il applique le
pattern MVC (pour "Model View Controller") et offre nativement un ensemble de composants
et fonctionnalités qui permettent de développer une application PHP moderne et robuste (11).
Tout est pensé pour rendre le développement d'un projet plus simple. Le développeur web
utilisant Laravel est mobilisé dès le premier jour de développement sur les fonctionnalités
essentielles de votre application. Il ne perdra pas de temps sur des tâches communes à de
nombreux projets (authentification, envoi d'e-mails, mise en cache, etc...) car celles-ci sont déjà
intégrées à Laravel (11).
Utilisation de laravel pour le développement de la logique backend
52 | P a g e
1.1. MySQL :
Le terme MySQL, pour My Structured Query Language, désigne un serveur de base de données
distribué sous licence libre GNU (General Public License). Il est, la plupart du temps, intégré
dans la suite de logiciels LAMP qui comprend un système d'exploitation (Linux), un serveur
web (Apache) et un langage de script (PHP) (12).
Créé en 1995, le serveur MySQL peut être utilisé sur de nombreux systèmes d'exploitation
(Windows, Mac OS, etc.). Il supporte les langages informatiques SQL et SQL/PSM (12).
Dans la pratique, le serveur MySQL peut se résumer à un lieu de stockage et d'enregistrement
des données, que celles-ci soient ou non cryptées. Il est alors ensuite possible, via une requête
SQL, d'aller récupérer des informations sur ce serveur très rapidement. C'est le cas, par exemple,
avec les mots de passe enregistrés sur des sites web. Si le serveur détecte la présence du mot de
passe entré dans un formulaire dans ses données, il autorise la connexion. S'il ne trouve pas le
mot de passe, la connexion sera refusée (12).
Utilisation de MySQL pour la gestion de la base de données.
2. Présentation de la plateforme :
2.1. Page d’accueil :
Cette page est la première page que les utilisateurs voient lorsqu'ils accèdent à la plateforme de
financement participatif. Elle présente généralement une vue d'ensemble des projets en cours et
des dernières actualités. Cette page peut également inclure des sections telles que les projets les
plus populaires ou les projets récemment financés.
53 | P a g e
Figure 36: Page d’accueil
54 | P a g e
2.2. Page des projets :

Cette page présente une liste de tous les projets en cours sur la plateforme de financement
participatif. Les projets peuvent être triés par catégorie, par nom ou par emplacement
géographique. Cette page inclure une description de base sur chaque projet.
Figure 37: Page des projets
2.3. Page de présentation de projet :

Cette page présente des informations détaillées sur un projet spécifique. Elle peut inclure une
description et objectifs du projet, des photos, des informations sur l’équipe de projet.
55 | P a g e
Figure 38:Page de présentation de projet
2.4. Page de présentation de statistique :

Cette page présente des statistiques détaillées sur les projets en cours et la plateforme pour aider
les utilisateurs à visualiser les données
Figure 39: Page de présentation de statistique .
56 | P a g e
2.5. Page de tableau de bord :

Cette page présente un aperçu des projets soutenus ou créés par l'utilisateur, ainsi que des
statistiques et des notifications. Les utilisateurs voient également le calendrier du projet.
Figure 40: Page de tableau de bord
2.6. Page d’inscription :

Cette page permet aux utilisateurs de créer un nouveau compte en fournissant des informations
telles que leur nom, leur adresse e-mail et leur mot de passe.
Figure 41: Page d’inscription
57 | P a g e
2.7. Page d’inscription de porteur de projet :

Cette page permet aux utilisateurs de s'inscrire en tant que porteurs de projets pour créer et gérer
leurs propres projets. Les utilisateurs doivent fournir des informations telles que leur numéro
de téléphone, leur photo personnelle et leur CNIE etc….
Figure 42: Page d’inscription de porteur de projet
2.8. Page d’inscription de contributeur :

Cette page permet aux utilisateurs de s'inscrire en tant que contributeurs pour soutenir les projets
en cours. Les utilisateurs doivent fournir des informations de base telles leur numéro de
téléphone, leur photo personnelle et leur CNIE etc….
58 | P a g e
Figure 43: Page d’inscription de contributeur
2.9. Page de connexion :

Cette page permet aux utilisateurs de se connecter à leur compte en entrant leur nom d'utilisateur
ou leur adresse e-mail et leur mot de passe.
Figure 44: Page de connexon
59 | P a g e
2.10. Page de création de projets :

Cette page permet aux porteurs de projets de créer un nouveau projet en fournissant des
informations détaillées sur leur projet. Les porteurs de projets peuvent ajouter une description,
le budget, emplacement géographique, catégoriedes récompenses pour les contributeurs, et
fixer un objectif de financement. Ils peuvent également définir une date limite pour le
financement et choisir la catégorie dans laquelle leur projet sera affiché.
Figure 45: Page de création de projets
2.11. Page de suivi de projet pour le contributeur :

Cette page permet aux contributeurs de suivre les projets qu'ils ont soutenus. Ils peuvent voir
les mises à jour du porteur de projet, les récompenses offertes et l'état de financement actuel du
projet.
60 | P a g e
Figure 46: Page de suivi de projet pour le contributeur
2.12. Page de suivi de projet pour le porteur de projet :

Cette page permet aux porteurs de projets de suivre l'état de leur projet en temps réel, le montant
de financement atteint jusqu'à présent.
Figure 47: Page de suivi de projet pour le porteur de projet
61 | P a g e
2.13. Page de suivi de contribution :

Cette page permet aux contributeurs de suivre leurs contributions à des projets spécifiques. Ils
peuvent voir les projets auxquels ils ont contribué, les montants de leurs contributions et les
récompenses qu'ils ont choisies.
Figure 48: Page de suivi de contribution
2.14. Page de personnalisation de notification

Cette page permet aux contributeur ou porteur de projet de personnaliser les notifications qu'ils
reçoivent par e-mail ou par message. Ils peuvent choisir les types de notifications qu'ils
souhaitent recevoir.
Figure 49: Page de personnalisation de notification
62 | P a g e
2.15. Page de forum de discussion :

Cette page permet aux utilisateurs de discuter et de poser des questions sur les projets en cours,
ainsi que de partager des idées et des suggestions.
Figure 50: Page de forum de discussion
2.16. Page de messagerie interne :

Cette page permet aux utilisateurs de communiquer entre eux via une messagerie interne. Ils
peuvent envoyer des messages à d'autres utilisateurs pour poser des questions sur les projets en
cours ou pour discuter de nouvelles idées.
63 | P a g e
Figure 51: Page de messagerie interne
2.17. Page de gestion des remboursements :

Cette page permet aux porteurs de projets de gérer les remboursements et les paiements pour
les contributeurs. Ils peuvent voir les contributions, le montant total des remboursements et les
paiements déjà effectués.
Figure 52: Page de gestion des remboursements
2.18. Page de profil :

Cette page présente le profil de l'utilisateur, y compris des informations telles que leur nom,
leur photo de profil. Les utilisateurs peuvent également ajouter des informations
64 | P a g e
supplémentaires sur leur profil, telles que leur adresse ou leur numéro de téléphone, s'ils le
souhaitent.
Figure 53: Page de profil
2.19. Page de modification de profil :

Cette page permet aux utilisateurs de modifier leur profil personnel en mettant à jour des
informations telles que leur nom et leur adresse e-mail. Ils peuvent également changer leur mot
de passe ou supprimer leur compte.
Figure 54: Page de modification de profil
2.20. Page de récupération de mot de passe :

Cette page permet aux utilisateurs de réinitialiser leur mot de passe s'ils l'ont oublié en entrant
leur adresse e-mail.
65 | P a g e
Figure 55: Page de récupération de mot de passe
2.21. Page de vérification de compte :

Cette page permet aux utilisateurs de vérifier leur compte en choisissant le type de l’utilisateur
qu’il va être.
Figure 56: Page de vérification de compte
2.22. Page de suppression de compte :

Cette page permet aux utilisateurs de demander la suppression de leur compte s'ils ne souhaitent
plus utiliser la plateforme de financement participatif.
66 | P a g e
Figure 57: Page de suppression de compte
Conclusion :
Dans ce chapitre on a voir ne premier temps les outils et technologie utilises afin de réaliser
notre projet par la suite on a détaillé chaque interface de la plateforme de financement avec une
description de chaqu’une.
67 | P a g e
Bibliographie
1. Ulule. Ulule - Découvrez le financement participatif [Internet]. [cité 21 mai 2023].
Disponible sur: https://go.ulule.com
2. KissKissBankBank [Internet]. France Active. [cité 21 mai 2023]. Disponible sur:
https://www.franceactive.org/partenaires/kisskissbankbank/
3. Ce que vous devez savoir avant de lancer une campagne Kickstarter [Internet].
FasterCapital. [cité 21 mai 2023]. Disponible sur: https://fastercapital.com/fr/contenu/Ce-que-
vous-devez-savoir-avant-de-lancer-une-campagne-Kickstarter.html
4. Comment créer un compte Gofundme et collecter de l’argent [Internet]. Current School
News. 2023 [cité 21 mai 2023]. Disponible sur:
https://www.currentschoolnews.com/fr/tutoriels/comment-cr%C3%A9er-un-compte-
gofundme-et-collecter-de-l%27argent/
5. Figma : un outil de prototypage et de design collaboratif [Internet]. BDM | Tools. [cité 21
mai 2023]. Disponible sur: https://www.blogdumoderateur.com/tools/figma/
6. Futura la rédaction de. Définition | HTML - Code HTML | Futura Tech [Internet]. Futura.
[cité 21 mai 2023]. Disponible sur: https://www.futura-sciences.com/tech/definitions/internet-
html-480/
7. CSS (Cascading Style Sheets) : définition, traduction [Internet]. 2019 [cité 21 mai 2023].
Disponible sur: https://www.journaldunet.fr/web-tech/dictionnaire-du-webmastering/1203277-
css-cascading-style-sheets-definition-traduction/
8. Lazarus M. Tailwind CSS, le framework totalement personnalisable [Internet]. Numendo.
2021 [cité 21 mai 2023]. Disponible sur: https://www.numendo.com/blog/framework/tailwind-
css-framework-totalement-personnalisable/
9. Javascript : définition simple et applications pratiques [Internet]. 2020 [cité 21 mai 2023].
javascript/
10. PHP (Hypertext Preprocessor) : définition [Internet]. 2019 [cité 21 mai 2023]. Disponible
sur: https://www.journaldunet.fr/web-tech/dictionnaire-du-webmastering/1203597-php-
hypertext-preprocessor-definition/
11. Pourquoi utiliser le framework PHP Laravel ? [Internet]. Hexium. 2022 [cité 21 mai 2023].
Disponible sur: https://www.hexium.io/blog/pourquoi-utiliser-le-framework-PHP-laravel
12. MySQL (My Structured Query Language) : définition [Internet]. 2019 [cité 21 mai 2023].
mysql-my-structured-query-language-definition/
68 | P a g e
Bibliographie
69 | P a g e
70 | P a g e

Rapport de PFE

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Rapport de PFE

Transféré par

Droits d'auteur :

Formats disponibles

Rapport de Projet de fin d’année

Réalisé par : Encadré par :

Mr. RAHHAB Atmane Mr. EL-MOUNADI Ali

Mr. EL MENYIY Salah Eddine

Mr. ABDELLAOUI Zakaria

Année Universitaire 2022-2023

Table des matières .................................................................................................................. 3

Liste des figures ..................................................................................................................... 9

Introduction générale ........................................................................................................... 12

Chapitre1 : Cadre gnerale du projet ....................................................................................... 7

1. Présentation du projet :........................................................................................... 8

1.1. Les objectifs du projet : ........................................................................................... 8

1.2. Périmètre : ............................................................................................................... 9

1.3. Les Acteurs : .......................................................................................................... 10

1.4. Contraintes : .......................................................................................................... 10

2. Cahier de charge :................................................................................................. 11

2.1. Gestion des utilisateurs : ....................................................................................... 11

2.1.1. Création de comptes utilisateurs : ...................................................................... 11

2.1.2. Connexion :........................................................................................................ 11

2.1.3. Déconnexion : .................................................................................................... 12

2.1.4. Suppression de compte : .................................................................................... 12

2.2. Création de projet : ................................................................................................ 12

2.2.1. Création de projet : ............................................................................................ 12

2.2.2. Objectif de financement :................................................................................... 12

2.2.3. Délais : ............................................................................................................... 12

2.2.4. Récompenses : ................................................................................................... 13

2.3.1. Page de présentation : ........................................................................................ 13

2.3.2. Description :....................................................................................................... 13

2.3.3. Images : .............................................................................................................. 13

2.3.4. Vidéos : .............................................................................................................. 13

2.4. Recherche de projets : ........................................................................................... 13

2.4.1. Catégorie : .......................................................................................................... 14

2.4.2. Nom : ................................................................................................................. 14

2.4.3. Emplacement géographique : ............................................................................ 14

2.5. Suivi des contributions : ........................................................................................ 14

2.5.1. Montant de la contribution : .............................................................................. 14

2.5.2. Récompenses : ................................................................................................... 14

2.5.3. Paiements : ......................................................................................................... 14

2.6. Notifications : ........................................................................................................ 15

2.6.1. Notifications de contribution : ........................................................................... 15

2.6.2. Notification d'atteinte de l'objectif de financement : ......................................... 15

2.6.3. Notifications de mise à jour du projet : ............................................................. 15

2.6.4. Personnalisation des notifications : ................................................................... 15

2.7. Gestion des paiements : ......................................................................................... 15

2.7.1. Intégration du système de paiement : ................................................................ 15

2.7.2. Gestion des remboursements : ........................................................................... 16

2.7.3. Frais de traitement des paiements : .................................................................... 16

2.8. Communication : ................................................................................................... 16

2.8.1. Forum de discussion : ........................................................................................ 16

2.8.2. Communication avec les contributeurs :............................................................ 16

2.8.3. Commentaires : .................................................................................................. 16

2.8.4. Notifications de communication :...................................................................... 16

2.9.1. Tableau de bord du projet : ................................................................................ 17

2.9.2. Notifications de mise à jour de projet : .............................................................. 17

2.9.3. Commentaires : .................................................................................................. 17

2.9.4. Transparence : .................................................................................................... 17

2.10. Statistiques : .......................................................................................................... 17

2.10.1. Statistiques de plate-forme :........................................................................ 17

2.10.2. Statistiques de projet : ................................................................................. 18

2.10.3. Graphiques et tableaux de bord : ................................................................ 18

2.11. Partage : ................................................................................................................. 18

2.11.1. Liens de partage : ........................................................................................ 18

Chapitre2: Analyse et conception ........................................................................................ 19