Projet de Find’Etudes
Développement d’une application Web/mobile
pour la gestion de la création et du financement
des projets startups
Présenté par :
Manel Ben Rached
Donia Belhaj Ali
Encadré par:
Mme.Kalthoum Rezgui
Université de Sfax
Institut Supérieur d’Informatique et de
Multimédia de Sfax
République Tunisienne
Ministère de l’Enseignement
Supérieur et de la Recherche
Scientifique
Mercredi 06 Juin 2018
2.
I n tr o d u c t i o n
P r o b l é m a t i q u e e t s o l u t i o n p r o p o s é e
A n a l y s e d e s b e s o i n s
C o n c e p t i o n
R é a l i s a t i o n
2
Plan
C o n c l u s i o n e t p e r s p e c t i v e s
3.
Domaine:Dévéloppement web &mobile
Date de Création: : fondée en Mars 2015
Lieu : : Mon plaisir Tunis
création de solutions sous forme de plateformes
informatiques
3
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
conclusion et
perspectives
I n t r o d u c t i o n
3
4.
I n tr o d u c t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
conclusion et
perspectives
4
5.
Conception
Analyse
des besoins
Problématique et
Solutionproposée
Introduction
Réalisation
conclusion et
perspectives
Dans ce cadre, nous proposons une application avec
version Web et mobile pour la gestion de la création
et du financement des projets startups .
Présentation
du projet
I n t r o d u c t i o n
5
Notre application permet de gérer d’une manière
optimale la création et la recherche de financement
des projets <<startups>>.
Conception
Analyse
des besoins
Problématique et
Solutionproposée
Introduction
Réalisation
Conclusion et
perspectives
Problématique et solution proposée
Le chômage est un phénomène
récurent dans notre société qui
s’aggravé par des problèmes
économiques et financières.
Le défi rencontré par les
entrepreneurs est le manque des
financement.
7
Rareté de grands réseaux
nationaux des pépinières
d’entreprises
Conception
Analyse
des besoins
Problématique et
Solutionproposée
Introduction
Réalisation
Conclusion et
perspectives
9
Problématique et solution proposée
Les objectifs
Etude de marché
Améliorer les services.
Avoir un solution
informatisée aidant les
chomeurs pour créer leur
propres projets.
Intégrer les nouvelles
technologies
Chercher des sponsors
Cible pour toute
personne.
10.
Conclusion et
perspectives
Conception
Analyse
des besoins
Problématiqueet
Solution proposée
Introduction
Réalisation
La méthode SCRUM est une méthode agile
créée en 2002, dont le nom est un terme emprunté au
rugby qui signifie « la mêlée » .
Elle s’appuie sur le découpage des projets en itérations
dont chaque itération nommé « sprint ».
Méthodologie utilisée «
Scrum»
C o n c e p t i o n
10
Conception
Analyse
des besoins
Problématique et
Solutionproposée
Introduction
Réalisation
•.
Conclusion et
perspectives
A n a l y s e d e s b e s o i n s
Besoins fonctionnels
Besoins non fonctionnels
12
Identification des
acteurs
13.
Conception
Analyse
des besoins
Problématique et
Solutionproposée
Introduction
Réalisation
Conclusion et
perspectives
Permet de créer un compte.
Gestion de comptes
Gestion des projets
Gestion de
financements.
Paramétrage
Permet de poster ,supprimer, modifier un projet.
Permet de financer ou voter un projet.
Permet de gérer les utilisateurs et la liste des
projets .
Besoins fonctionnels
13
Contact Assurer la communication entre l’utilisateur et le
société.
A n a l y s e d e s b e s o i n s
14.
Conception
Analyse
des besoins
Problématique et
Solutionproposée
Introduction
Réalisation
•.
Conclusion et
perspectives
Besoins non
fonctionnels
14
A n a l y s e d e s b e s o i n s
La sécurité:
Authentification
Cryptage mot de passe
Exploitation des ressources
Cohérence des données
Efficacité et performance Ergonomie des interfaces
Simplicité d’interaction
Souplesse de communication
15.
Conception
Analyse
des besoins
Problématique et
Solutionproposée
Introduction
Réalisation
Administrateur
Conclusion et
perspectives
Responsable de gestion des comptes
utilisateurs et paramétrage de l ’application.
Identification des
acteurs
15
A n a l y s e d e s b e s o i n s
Utilisateur
Responsable de la gestion de son profil, la
gestion des projets.
16.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Planification des sprints
Release 16
17.
C o nc e p t i o n
17
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Diagramme de cas d’utilisation
initial: application back office
systeme
de banque
<<include>>
<<include>>
utilisateur
S'inscrire
voter un projet
authentification
consulter liste de
projet
financer un projet
entrepreneur investisseur
authentification
bancaire
gerrer un projet
admin
visiteur
traiter les projets
proposees
consulter le site
envoyer un feed
back
gerrer les
utilisateurs
<<include>>
<<include>>
<<include>>
<<include>>
18.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Diagramme de classe initial:
application back office
1..*
1..1
1..*
0..*
1..*
1..1
0..*
1..*
1..1
1..*
a pour
catégorie
gérer
a pour
investisseur
a pour
entrepreneur
projet
-
-
-
-
-
-
-
-
id_projet
etat
titre
logo
nb_j aime
date_creation
date_modification
description
: int
: String
: String
: String
: int
: Date
: Date
: String
investisseur
-
-
num_compt
pass_payement
: int
: String
admin
entrepreneur
comite
- nom : String
categorie
-
-
id_categ
nom_categ
: int
: String
utilisateur
-
-
-
-
-
-
-
-
-
id_utilisateur
prenom
nom
mot_passe
adresse_mail
cin
adresse
telephone
login
: int
: String
: String
: String
: String
: int
: String
: String
: String
investissement
-
-
montant
date_invest
: double
: Date
18
19.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Sprint 1 :Administration
1/03–
29/03
Sprint 1 :
Administration
19
20.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Diagramme de cas d’utilisation du
première sprint:
utilisateur
investisseur enterpreneur
S'inscrire
s'authentifier
mettre à jour
compte
<<include>>
20
21.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Diagramme de séquence système du cas
« S’authentifier :
authentification
afficher(interface utilisateur approprieé)
afficher(login/mot de passe incorrect)
verifier
cliquer sur le boutton connecter
saisir le login et mot de passe
utilisateur
système online bank
[login ou mot de passe incorrect]
[login et mot de passe correct]
alt
afficher(interface utilisateur approprieé)
afficher(login/mot de passe incorrect)
verifier
cliquer sur le boutton connecter
saisir le login et mot de passe
21
22.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
22
Sprint 2 : Gestion de projets
30/03 –
26/04
Sprint 2 :
Gestion de
projets
23.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
23
Diagramme de cas d’utilisation pour
la deuxième sprint:
<<include>>
utilisateur
entrepreneur
admin
s'authetifier
gérer un projet
consulter la liste des
projets
traiter les projets
proposées
<<include>>
<<include>>
24.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
24
Diagramme de séquence système «
Traiter les projets proposées :
accepter/refuser projet
modifier l'etat et cliquer sur enregistrer
le systéme affiche la liste des projets
afficher(project changed successfully)
cliquer sur le lien mon projet
admin
système online bank
ref
s'authentifier()
modifier l'etat et cliquer sur enregistrer
le systéme affiche la liste des projets
afficher(project changed successfully)
cliquer sur le lien mon projet
25.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
25
Sprint 3 :Soutien projet
27/04 –
17/05
Sprint 3 :
Soutien
projet
26.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
26
Diagramme de cas d’utilisation du
troisième sprint:
<<include>>
systéme de
banque
utilisateur
investisseur
financer un projet
consulter les tops
projets
voter un projet
consulter les tops
investisseurs
s'authetifier
<<include>>
<<include>>
authentification
bancaire
<<include>>
27.
C o nc e p t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
27
Diagramme de séquence système du
cas « Financer projet »:
financer projet
afficher(succesful inv
es)
afficher(message d'erreur)
v
erifiaction
saisir le montant
le systéme demande le montant
cliquer sur inv
est
le systeme affiche le projet
choisir le projet
le systéme affiche la liste des projets
cliquer sur le lien mon projet
inv
estisseur
système online bank
ref
s'authentifier()
<<montant inv
alide>>
<<montant v
alide>>
alt
afficher(succesful inv
es)
afficher(message d'erreur)
v
erifiaction
saisir le montant
le systéme demande le montant
cliquer sur inv
est
le systeme affiche le projet
choisir le projet
le systéme affiche la liste des projets
cliquer sur le lien mon projet
28.
C o nc e p t i o n
28
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Architecture Physique
MVC(MVT)
29.
R é al i s a t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
29
Processeur: core i3
Système d’exploitation Microsoft Windows
10 professionnel
6 GØ de mémoire vive
500 GØ d’espace disque
Choix technologiques
Environnement matériel
30.
R é al i s a t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Environnement logiciel
Conclusion et
perspectives
: Use Bitnami Django
: Pycharm
: git
: Pencil
: Google chrome
: SQLite
30
31.
R é al i s a t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Technologies et Langage
de programmation utilisées
Conclusion et
perspectives
31
32.
R é al i s a t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Démonstration
32
33.
R é al i s a t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Interface d’ authentification
Conclusion et
perspectives
33
34.
R é al i s a t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Interface d’authentification
Conclusion et
perspectives
34
35.
R é al i s a t i o n
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conclusion et
perspectives
Interface Ajout Projet
35
36.
Conclusion et
perspectives
C on c l u s i o n e t p e r s p e c t i v e s
36
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Conception et réalisation d’une application
qui :
permet de financer et trouver des sponsors
pour les nouveaux projets.
Respecte l’architecture MVT.
Utilise python et Django
Conclusion
Ce projet a été une occasion pour :
Enrichir nos connaissances théoriques et
pratiques sur tout ce qui est
développement d’application.
Evaluer nos aptitudes à surmonter les
difficultés rencontrées.
37.
Conclusion et
perspectives
C on c l u s i o n e t p e r s p e c t i v e s
37
Conception
Analyse
des besoins
Problématique et
Solution proposée
Introduction
Réalisation
Perspectives
L’utilisateur peut
recevoir les
notifications de
nouveauté « like »
ou « invest ».
Les utilisateurs peut
communiquée entre
eux donc notre site
web sera similaire aux
autre réseaux sociaux.
Augmenter le niveau de sécurité de
l'application en utilisant le principe
de Code QR.
#2 Au cours de cette présentation, nous allons suivre le plan suivant : tout d’abord on va introduire le cadre général de notre projet et l’organisme Vayetek
. Ensuite, nous présentons la problématique, la solution proposée et les principaux objectives envisagés. Par la suite, nous présentons la démarche de travail utilisée et la modélisation conceptuelle de notre application suivi des interfaces utilisateurs implémentées dans la partie réalisation avant de conclure par présenter les principaux apports et les futurs perspectives .
#4 On commence par l’introduction ,qui nous allons indiquer que de nos jours un progrès technologie a dominé le monde entier ,
ce progrès a touché plusieurs secteurs telques :
#5 Dans ce cadre, nous proposons une application Web et mobile ..
Passant maintenant à la partie d’étude de l’existant dans la quelle on va présenter
#6 Pour ces raisons, on a proposer une application qui nous aide à éviter ces problèmes
#7 Pour ces raisons, on a proposer une application qui nous aide à éviter ces problèmes
#9 les objectifs visés par notre projet sont de développer une Applic web mobile de…
#11 Donc, après le choix de la méthodologie, on a opté uml (unified modeling language) comme un La langage de modélisation qui est utilisé dans tout les projets logiciels comporte un ensemble des diagrammes
Et pour ce langage on utilise powerAMC comme un logiciel de modélisation de Sysbase
#13 Les besoins fonctionnels sont les différentes fonctionnalités offertes par le système pour tous ses utilisateurs. La solution que nous proposons doit permettre la :
#14 pour bénéficier d’une application fiable et efficace il faut qu’elle réponde à un certain nombre de contraintes telles que:
#15 Les acteurs qui interagissent avec notre système sont :
#18
Le diagramme de classes général de notre système est illustré par la figure suivante. Ce diagramme représente la structure statique du système, en termes de classes et de relations entre ces classes.
#28 L'application que nous avons conçu sera déployée sur une architecture 3-Tiers. Cette architecture peut être décrite par la figure ci-dessous :
Le navigateur envoie l'adresse que l'utilisateur a tapée ;
Apache (le serveur web) cherche dans son arborescence si le fichier existe, et si celui-ci porte une extension reconnue comme une application PHP (.PHP, .PHP3, .PHP4, .PHP5,6,7par exemple). Apache transmet ce fichier au parseur PHP ;
PHP parse le fichier, c'est-à-dire qu'il va analyser et exécuter le code PHP qui se trouve entre les balises <? PHP et ?>. Si ce code contient des requêtes vers une base de données MySQL, PHP envoie la requête SQL. La base de données renvoie les informations voulues au script qui peut les exploiter (pour les afficher par exemple). PHP continue de parser la page, puis retourne le fichier dépourvu du code PHP au serveur web ;
Le serveur web renvoie donc un fichier ne contenant plus de PHP, donc seulement du HTML au navigateur qui l'interprète et l'affiche
#29 Pour la réalisation de notre application, nous avons utilisé un ordinateur portable dont les caractéristiques sont les suivantes :
#33 Nous passons maintenant à démontrer le validité du travail réalisé à travers la présentation de quelques interfaces de notre application.
Chaque utilisateur doit saisir son mail et son mot de passe, une fois ces paramètres sont vérifiés, l’application ouvre le menu principal. Sinon, un message d’erreur sera affiché.
#36 Ce travail nous a été bénéfique sur plusieurs plans : il nous a permis de perfectionner nos connaissances acquises en programmation et en conception.
Du point de vue technique, ce projet nous a permis de maitriser l’architecture MVT .
Du point de conceptuel et opérationnel, il nous a permis de s’adapter avec l’environnement du développement informatique et de maîtriser la métodologie Scrum