SlideShare une entreprise Scribd logo
1  sur  40
Présenté par :

Doufani Saif Allah
El Heni Nazih

Encadré par :
M. Moez Waddey

M. Ahmed Gadeur

Conception et
développement
d’une
Application ecommerce
mobile sous android
1
2

Plan
Introduction

Étude de l’existant

Spécification des besoins
Alternatives de travail
Conception

Itérations & réalisations

2
3

•Introduction
• Étude de l’existant
•Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives

Introduction

3
4

Problématique


72% des consommateurs utilisent leur téléphone mobile pour
recevoir des coupons, offres de produits et alertes de prix.



Le m-commerce convient particulièrement à certains types
d’achat basés sur la simplicité des produits et l’urgence de la
demande .



Une entreprise concurrentielle doit nécessairement recourir à
ces nouvelles formes de commerce d’avenir.



La survie des entreprises dépend de l’utilisation des nouvelles
technologies électroniques .

La création d’une application e-commerce mobile
4
•Introduction

Cadre du projet

• Étude de l’existant
•Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations



Cadre général : Projet de fin d’études.



Organisme d’accueil : Société NETISSE.



Travail demandé :

•Conclusion & perspectives

Conception et réalisation d’une application e-commerce à
l’aide d’une solution de gestion de contenu e-commerce.
5
•Introduction

Commerce électronique

• Étude de l’existant
•Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations

Définition


•Conclusion & perspectives

Le commerce électronique est un domaine qui
couvre fondamentalement tout ce qui permet

d’effectuer des opérations commerciales en ligne.



Le commerce électronique est l'utilisation d'un
média électronique pour la réalisation des transactions

commerciales.
6
•Introduction
• Étude de l’existant
•Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives

Étude de l’existant

7
l’application «Amazon.fr »

8
9
• Introduction

Critique de l’existant :

• Étude de l’existant
•Spécification des besoins
• Alternatives de travail



Dénotation :

La page d’accueil est disposée en deux parties horizontales.

• Conception
• Itérations & réalisations
•Conclusion & perspectives

Les formes utilisées sont des formes rectangulaires avec des coins arrondis.
La gamme des couleurs utilisées sont les tons du bleu, l’orangé et noir.


Connotation :

Cette disposition donne un sens précis de lecture qui rend la page plus
large.
Les formes rectangulaires donnent de la stabilité à l’interface et les coins
arrondis ajoutent du dynamisme.
L’utilisation du contraste entre le bleu, le noir et l’orangé ravive l’interface.
L’utilisation du noir et de l’orangé pour réveiller le bleu et empêcher
sa continuité.

9
•Introduction
• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives

Spécification des
besoins client
Cahier des Charges

10
•Introduction
• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives

Alternatives de travail

11
12
•Introduction

Complexité :

• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception



La complexité réside en deux niveaux :


• Itérations & réalisations
•Conclusion & perspectives

Catalogue classique :
- Un nombre de produits assez important.
- Un temps important de pagination.
- Un risque de mauvaises combinaisons des articles.



Catalogue virtuel (site vitrine « www.passion- beaute.com »):
- Un temps important de navigation : recherche des articles.

- Un risque de mauvaises combinaisons.
Une application e-commerce qui résout tous ces
problèmes.

12
•Introduction

13

• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives

Spécification des besoins
fonctionnels

15
14
•Introduction
• Étude de l’existant
• Spécification des besoins

Acteurs

• Alternatives de travail
• Conception
• Itérations & réalisations



•Conclusion & perspectives
Le client qui utilise l’application et procède à
l’achat d’un article.

 L’administrateur qui doit gérer le bon

fonctionnement de l’application.

16

Administrateur
Diagramme de cas d’utilisation de l’application

17
16

Diagramme de cas d’utilisation de back office

18
•Introduction

17

• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives

Spécification des besoins
non fonctionnels

19
18

•Introduction
• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives



Toutes les contraintes qui ne traitent ni de la
description métier des utilisateurs, ni de la
description applicative :





Exigence de qualité.
Modularité et flexibilité.
Sécurité.
Exigences esthétiques.

20
19

•Introduction
• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives

Conception

21
20

Conception
graphique
Suite à une première réunion
le client nous a proposé un
modèle basique d’interface du
l’application sur le quel le
travail va commencer.

22
Synopsis
Sujet :
Conception et Réalisation d'une application e-commerce mobile sur
Android .




Support :
Cette application e-commerce est destiné à être sur les
Smartphone donc elle utilise l’internet.



Type :
Application e-commerce.



Objectifs :
- Faire une bonne présentation de la société.
- Présenter les services en ligne possibles.



Public :
-Espace client.
-Espace administratif.
23
21
Diagramme de séquence pour afficher le fiche détail du produit

24
23

Conception technique
Diagramme de Composant

25
Diagramme de
séquence de partage de
l’application sur
FaceBook,Twiter et Mail

24
•Introduction

25

• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations
•Conclusion & perspectives

Itérations & réalisations

27
26

Évolution des itérations (page d’accueil)

28
27

Évolution des itérations

29
28

Évolution des itérations (page catégories)

30
29

Évolution des itérations(Détail)

31
30
32

Évolution des itérations(partage)
Évolution des itérations du backoffice

1
Évolution des itérations(identification)

1
Évolution des itérations(page catégorie)

1
Évolution des itérations(page ajout produit)

1
35

Outils de travail


Langage de script : PHP 5.3.6 (coté serveur) et Java Script (coté
client).



Serveur Web : Apache 2.2.14

Système de la gestion de base de données (SGBD) :
MySQL.





Traitement d’images : Adobe Photoshop CS



Modélisation : Open ModelSphere .



Développement : Eclipse SDK Version: 3.6.2
33
Choix de l’environnement


Suite à une étude comparative, nous avons décidé
que la plateforme la plus adéquate au besoins du
projet est Eclipse-android vu ses plusieurs avantages:





Installation simple et une configuration minimale.
Inclusion des fonctions primordiales de notre
projet.
Documentation et échange de données
important .
Communauté qui est la plus importante à
l’échelle internationale.
1
37

•Introduction
• Étude de l’existant
• Spécification des besoins
• Alternatives de travail
• Conception
• Itérations & réalisations

• Conclusion &perspectives

Conclusion

34
38

Ce projet de fin d’études nous a permis de:


Mettre en pratique nos connaissances théoriques et
techniques : conception et développement d’une
application basé sur la technologie java .



Enrichir nos connaissances, en travaillant sur des
différents applications .



Nous avons pu aussi maîtriser Eclipse Sdk android.
35
Perspectives
o Les perspectives de ce travail s’étendent à une amélioration de
l’application de telle façon à ce qu’on pourra


Ajouter un module de paiement depuis l’application mobile.



Développer un web service (côté serveur) pour rendre, la
tâche de la mise à jour (côté mobile), possible l’accès à
l’application indépendamment du plateforme.

Publier l’application Passion Beauté 1.0 sur Androïd marquet et
capter les améliorations possible à partir des réclamations clients.


36
40

37

Contenu connexe

Tendances

Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceAHMEDBELGHITH4
 
Etude d'une application de gestion d'une bibliothèque numérique
Etude d'une application de gestion d'une bibliothèque numérique Etude d'une application de gestion d'une bibliothèque numérique
Etude d'une application de gestion d'une bibliothèque numérique Georges Amichia
 
Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...Mohamed Boubaya
 
Présentation pfe Développement d'une application bancaire mobile
Présentation pfe Développement d'une application bancaire mobilePrésentation pfe Développement d'une application bancaire mobile
Présentation pfe Développement d'une application bancaire mobileNader Somrani
 
Présentation du pfe - Master spécialisé en ingénierie informatique
Présentation du pfe - Master spécialisé en ingénierie informatiquePrésentation du pfe - Master spécialisé en ingénierie informatique
Présentation du pfe - Master spécialisé en ingénierie informatiqueIsmail BAKKALI
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Riadh K.
 
Présentation de mon PFE
Présentation de mon PFEPrésentation de mon PFE
Présentation de mon PFENadir Haouari
 
rapport PFE ingénieur génie logiciel INSAT
rapport PFE ingénieur génie logiciel INSATrapport PFE ingénieur génie logiciel INSAT
rapport PFE ingénieur génie logiciel INSATSiwar GUEMRI
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Riadh K.
 
PFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementPFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementNassim Bahri
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique ayoub daoudi
 
Projet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileProjet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileRim ENNOUR
 
Application de gestion, suivi,et de sécurité des chantiers en temps réels.
Application  de gestion, suivi,et de sécurité des chantiers en temps réels.Application  de gestion, suivi,et de sécurité des chantiers en temps réels.
Application de gestion, suivi,et de sécurité des chantiers en temps réels.Sabri El gharbi El yahmadi
 
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...Yasmine Lachheb
 
Présentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinalePrésentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinaleMaroua Bouhachem
 
Rapport projet conception et la réalisation d'une application web gestion des...
Rapport projet conception et la réalisation d'une application web gestion des...Rapport projet conception et la réalisation d'une application web gestion des...
Rapport projet conception et la réalisation d'une application web gestion des...SAAD SARHANI
 
Présentation PFE Mastère PRO
Présentation PFE Mastère PROPrésentation PFE Mastère PRO
Présentation PFE Mastère PROahmedmiha
 
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...Madjid Meddah
 

Tendances (20)

Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerce
 
Etude d'une application de gestion d'une bibliothèque numérique
Etude d'une application de gestion d'une bibliothèque numérique Etude d'une application de gestion d'une bibliothèque numérique
Etude d'une application de gestion d'une bibliothèque numérique
 
Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...
 
Présentation pfe Développement d'une application bancaire mobile
Présentation pfe Développement d'une application bancaire mobilePrésentation pfe Développement d'une application bancaire mobile
Présentation pfe Développement d'une application bancaire mobile
 
Présentation du pfe - Master spécialisé en ingénierie informatique
Présentation du pfe - Master spécialisé en ingénierie informatiquePrésentation du pfe - Master spécialisé en ingénierie informatique
Présentation du pfe - Master spécialisé en ingénierie informatique
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 
Présentation de mon PFE
Présentation de mon PFEPrésentation de mon PFE
Présentation de mon PFE
 
rapport PFE ingénieur génie logiciel INSAT
rapport PFE ingénieur génie logiciel INSATrapport PFE ingénieur génie logiciel INSAT
rapport PFE ingénieur génie logiciel INSAT
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 
PFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementPFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignement
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique
 
Projet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileProjet Fin D'étude Application Mobile
Projet Fin D'étude Application Mobile
 
software engineering
software engineeringsoftware engineering
software engineering
 
Application de gestion, suivi,et de sécurité des chantiers en temps réels.
Application  de gestion, suivi,et de sécurité des chantiers en temps réels.Application  de gestion, suivi,et de sécurité des chantiers en temps réels.
Application de gestion, suivi,et de sécurité des chantiers en temps réels.
 
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
 
Présentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinalePrésentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinale
 
Rapport projet conception et la réalisation d'une application web gestion des...
Rapport projet conception et la réalisation d'une application web gestion des...Rapport projet conception et la réalisation d'une application web gestion des...
Rapport projet conception et la réalisation d'une application web gestion des...
 
Présentation PFE Mastère PRO
Présentation PFE Mastère PROPrésentation PFE Mastère PRO
Présentation PFE Mastère PRO
 
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
 

Similaire à Présentation du l'application Mobile "Passion Beauté 1.0"

Final présention [recovered]
Final présention [recovered]Final présention [recovered]
Final présention [recovered]Ahmed rebai
 
Présentation staged'été
Présentation staged'étéPrésentation staged'été
Présentation staged'étéKhaled Rihane
 
Copie de exposã© pfe
Copie de exposã© pfeCopie de exposã© pfe
Copie de exposã© pfeRiadh K.
 
Presentation pfe 2012
Presentation pfe 2012Presentation pfe 2012
Presentation pfe 2012Sellami Ahmed
 
Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Catherine Verfaillie
 
Eclipse Day Paris 2010 - ProxiAD - Cedric Vidal - 1.0
Eclipse Day Paris 2010 - ProxiAD - Cedric Vidal - 1.0Eclipse Day Paris 2010 - ProxiAD - Cedric Vidal - 1.0
Eclipse Day Paris 2010 - ProxiAD - Cedric Vidal - 1.0Cedric Vidal
 
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfqnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfAlbertbenBarry1
 
Présentation finale
Présentation finalePrésentation finale
Présentation finaleheniBa
 
Chp2 - Cahier des Charges
Chp2 - Cahier des ChargesChp2 - Cahier des Charges
Chp2 - Cahier des ChargesLilia Sfaxi
 
Customer Show case : Mise en place d’une solution de gestion de projet avec l...
Customer Show case : Mise en place d’une solution de gestion de projet avec l...Customer Show case : Mise en place d’une solution de gestion de projet avec l...
Customer Show case : Mise en place d’une solution de gestion de projet avec l...Microsoft Ideas
 
Exemple de mise en place d'une solution EPM 2013
Exemple de mise en place d'une solution EPM 2013Exemple de mise en place d'une solution EPM 2013
Exemple de mise en place d'une solution EPM 2013Charbel Abdo
 
Nouvelles opportunités pour les données fortement interconnectées : La base d...
Nouvelles opportunités pour les données fortement interconnectées : La base d...Nouvelles opportunités pour les données fortement interconnectées : La base d...
Nouvelles opportunités pour les données fortement interconnectées : La base d...Cédric Fauvet
 
Drupal un projet comme les autres ? Drupalcamp Paris 2013
Drupal un projet comme les autres ? Drupalcamp Paris 2013Drupal un projet comme les autres ? Drupalcamp Paris 2013
Drupal un projet comme les autres ? Drupalcamp Paris 2013Artusamak
 
Projet PFE corrigé latest
Projet PFE corrigé latestProjet PFE corrigé latest
Projet PFE corrigé latestahed bf
 
Mia software@md day2011
Mia software@md day2011Mia software@md day2011
Mia software@md day2011MDDAY11
 
Presentation PFE sur le PIM (Product Information Management)
Presentation PFE sur le PIM (Product Information Management)Presentation PFE sur le PIM (Product Information Management)
Presentation PFE sur le PIM (Product Information Management)younes elmorabit
 

Similaire à Présentation du l'application Mobile "Passion Beauté 1.0" (20)

Final présention [recovered]
Final présention [recovered]Final présention [recovered]
Final présention [recovered]
 
Présentation staged'été
Présentation staged'étéPrésentation staged'été
Présentation staged'été
 
Copie de exposã© pfe
Copie de exposã© pfeCopie de exposã© pfe
Copie de exposã© pfe
 
Diapo PFE
Diapo PFEDiapo PFE
Diapo PFE
 
Presentation pfe 2012
Presentation pfe 2012Presentation pfe 2012
Presentation pfe 2012
 
Mobilité && SAP
Mobilité && SAPMobilité && SAP
Mobilité && SAP
 
Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !
 
Formation Agile Scrum
Formation Agile ScrumFormation Agile Scrum
Formation Agile Scrum
 
13_06_2014
13_06_201413_06_2014
13_06_2014
 
Eclipse Day Paris 2010 - ProxiAD - Cedric Vidal - 1.0
Eclipse Day Paris 2010 - ProxiAD - Cedric Vidal - 1.0Eclipse Day Paris 2010 - ProxiAD - Cedric Vidal - 1.0
Eclipse Day Paris 2010 - ProxiAD - Cedric Vidal - 1.0
 
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfqnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
 
Présentation finale
Présentation finalePrésentation finale
Présentation finale
 
Chp2 - Cahier des Charges
Chp2 - Cahier des ChargesChp2 - Cahier des Charges
Chp2 - Cahier des Charges
 
Customer Show case : Mise en place d’une solution de gestion de projet avec l...
Customer Show case : Mise en place d’une solution de gestion de projet avec l...Customer Show case : Mise en place d’une solution de gestion de projet avec l...
Customer Show case : Mise en place d’une solution de gestion de projet avec l...
 
Exemple de mise en place d'une solution EPM 2013
Exemple de mise en place d'une solution EPM 2013Exemple de mise en place d'une solution EPM 2013
Exemple de mise en place d'une solution EPM 2013
 
Nouvelles opportunités pour les données fortement interconnectées : La base d...
Nouvelles opportunités pour les données fortement interconnectées : La base d...Nouvelles opportunités pour les données fortement interconnectées : La base d...
Nouvelles opportunités pour les données fortement interconnectées : La base d...
 
Drupal un projet comme les autres ? Drupalcamp Paris 2013
Drupal un projet comme les autres ? Drupalcamp Paris 2013Drupal un projet comme les autres ? Drupalcamp Paris 2013
Drupal un projet comme les autres ? Drupalcamp Paris 2013
 
Projet PFE corrigé latest
Projet PFE corrigé latestProjet PFE corrigé latest
Projet PFE corrigé latest
 
Mia software@md day2011
Mia software@md day2011Mia software@md day2011
Mia software@md day2011
 
Presentation PFE sur le PIM (Product Information Management)
Presentation PFE sur le PIM (Product Information Management)Presentation PFE sur le PIM (Product Information Management)
Presentation PFE sur le PIM (Product Information Management)
 

Plus de Nazih Heni

International Institute of technology (android)
International Institute of technology (android)International Institute of technology (android)
International Institute of technology (android)Nazih Heni
 
Rapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaRapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaNazih Heni
 
Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"Nazih Heni
 
Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Nazih Heni
 
Cahier de charges Projet CRM "Buisness Team" J2EE
Cahier de charges Projet CRM "Buisness Team" J2EECahier de charges Projet CRM "Buisness Team" J2EE
Cahier de charges Projet CRM "Buisness Team" J2EENazih Heni
 
Application Mobile "Livre des histoires " avec Corona sdk
Application Mobile "Livre des histoires " avec Corona sdkApplication Mobile "Livre des histoires " avec Corona sdk
Application Mobile "Livre des histoires " avec Corona sdkNazih Heni
 
comment realiser un Service Web
comment realiser un Service Web comment realiser un Service Web
comment realiser un Service Web Nazih Heni
 

Plus de Nazih Heni (7)

International Institute of technology (android)
International Institute of technology (android)International Institute of technology (android)
International Institute of technology (android)
 
Rapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaRapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédia
 
Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"
 
Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"
 
Cahier de charges Projet CRM "Buisness Team" J2EE
Cahier de charges Projet CRM "Buisness Team" J2EECahier de charges Projet CRM "Buisness Team" J2EE
Cahier de charges Projet CRM "Buisness Team" J2EE
 
Application Mobile "Livre des histoires " avec Corona sdk
Application Mobile "Livre des histoires " avec Corona sdkApplication Mobile "Livre des histoires " avec Corona sdk
Application Mobile "Livre des histoires " avec Corona sdk
 
comment realiser un Service Web
comment realiser un Service Web comment realiser un Service Web
comment realiser un Service Web
 

Dernier

Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbainesSocratis Vasiopoulos
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesLeBaobabBleu1
 
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptxSaint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptxMartin M Flynn
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en FranceTxaruka
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024IEN_Jonzac
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"ArchivesdeLyon
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxAbderrahim GHASSOUB
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationLeBaobabBleu1
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseTxaruka
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxAbderrahim GHASSOUB
 
complement de agri cours irrigation.pptx
complement de agri cours irrigation.pptxcomplement de agri cours irrigation.pptx
complement de agri cours irrigation.pptxIbrahimBasallam
 
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
Chapitre3-Classififcation des structures de  chaussu00E9e.pptxChapitre3-Classififcation des structures de  chaussu00E9e.pptx
Chapitre3-Classififcation des structures de chaussu00E9e.pptxModesteTiemele
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONfrizzole
 

Dernier (13)

Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptxSaint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
complement de agri cours irrigation.pptx
complement de agri cours irrigation.pptxcomplement de agri cours irrigation.pptx
complement de agri cours irrigation.pptx
 
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
Chapitre3-Classififcation des structures de  chaussu00E9e.pptxChapitre3-Classififcation des structures de  chaussu00E9e.pptx
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
 

Présentation du l'application Mobile "Passion Beauté 1.0"

  • 1. Présenté par : Doufani Saif Allah El Heni Nazih Encadré par : M. Moez Waddey M. Ahmed Gadeur Conception et développement d’une Application ecommerce mobile sous android 1
  • 2. 2 Plan Introduction Étude de l’existant Spécification des besoins Alternatives de travail Conception Itérations & réalisations 2
  • 3. 3 •Introduction • Étude de l’existant •Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives Introduction 3
  • 4. 4 Problématique  72% des consommateurs utilisent leur téléphone mobile pour recevoir des coupons, offres de produits et alertes de prix.  Le m-commerce convient particulièrement à certains types d’achat basés sur la simplicité des produits et l’urgence de la demande .  Une entreprise concurrentielle doit nécessairement recourir à ces nouvelles formes de commerce d’avenir.  La survie des entreprises dépend de l’utilisation des nouvelles technologies électroniques . La création d’une application e-commerce mobile 4
  • 5. •Introduction Cadre du projet • Étude de l’existant •Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations  Cadre général : Projet de fin d’études.  Organisme d’accueil : Société NETISSE.  Travail demandé : •Conclusion & perspectives Conception et réalisation d’une application e-commerce à l’aide d’une solution de gestion de contenu e-commerce. 5
  • 6. •Introduction Commerce électronique • Étude de l’existant •Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations Définition  •Conclusion & perspectives Le commerce électronique est un domaine qui couvre fondamentalement tout ce qui permet d’effectuer des opérations commerciales en ligne.  Le commerce électronique est l'utilisation d'un média électronique pour la réalisation des transactions commerciales. 6
  • 7. •Introduction • Étude de l’existant •Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives Étude de l’existant 7
  • 9. 9 • Introduction Critique de l’existant : • Étude de l’existant •Spécification des besoins • Alternatives de travail  Dénotation : La page d’accueil est disposée en deux parties horizontales. • Conception • Itérations & réalisations •Conclusion & perspectives Les formes utilisées sont des formes rectangulaires avec des coins arrondis. La gamme des couleurs utilisées sont les tons du bleu, l’orangé et noir.  Connotation : Cette disposition donne un sens précis de lecture qui rend la page plus large. Les formes rectangulaires donnent de la stabilité à l’interface et les coins arrondis ajoutent du dynamisme. L’utilisation du contraste entre le bleu, le noir et l’orangé ravive l’interface. L’utilisation du noir et de l’orangé pour réveiller le bleu et empêcher sa continuité. 9
  • 10. •Introduction • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives Spécification des besoins client Cahier des Charges 10
  • 11. •Introduction • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives Alternatives de travail 11
  • 12. 12 •Introduction Complexité : • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception  La complexité réside en deux niveaux :  • Itérations & réalisations •Conclusion & perspectives Catalogue classique : - Un nombre de produits assez important. - Un temps important de pagination. - Un risque de mauvaises combinaisons des articles.  Catalogue virtuel (site vitrine « www.passion- beaute.com »): - Un temps important de navigation : recherche des articles. - Un risque de mauvaises combinaisons. Une application e-commerce qui résout tous ces problèmes. 12
  • 13. •Introduction 13 • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives Spécification des besoins fonctionnels 15
  • 14. 14 •Introduction • Étude de l’existant • Spécification des besoins Acteurs • Alternatives de travail • Conception • Itérations & réalisations  •Conclusion & perspectives Le client qui utilise l’application et procède à l’achat d’un article.  L’administrateur qui doit gérer le bon fonctionnement de l’application. 16 Administrateur
  • 15. Diagramme de cas d’utilisation de l’application 17
  • 16. 16 Diagramme de cas d’utilisation de back office 18
  • 17. •Introduction 17 • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives Spécification des besoins non fonctionnels 19
  • 18. 18 •Introduction • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives  Toutes les contraintes qui ne traitent ni de la description métier des utilisateurs, ni de la description applicative :     Exigence de qualité. Modularité et flexibilité. Sécurité. Exigences esthétiques. 20
  • 19. 19 •Introduction • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives Conception 21
  • 20. 20 Conception graphique Suite à une première réunion le client nous a proposé un modèle basique d’interface du l’application sur le quel le travail va commencer. 22
  • 21. Synopsis Sujet : Conception et Réalisation d'une application e-commerce mobile sur Android .   Support : Cette application e-commerce est destiné à être sur les Smartphone donc elle utilise l’internet.  Type : Application e-commerce.  Objectifs : - Faire une bonne présentation de la société. - Présenter les services en ligne possibles.  Public : -Espace client. -Espace administratif. 23 21
  • 22. Diagramme de séquence pour afficher le fiche détail du produit 24
  • 24. Diagramme de séquence de partage de l’application sur FaceBook,Twiter et Mail 24
  • 25. •Introduction 25 • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations •Conclusion & perspectives Itérations & réalisations 27
  • 26. 26 Évolution des itérations (page d’accueil) 28
  • 28. 28 Évolution des itérations (page catégories) 30
  • 31. Évolution des itérations du backoffice 1
  • 35. 35 Outils de travail  Langage de script : PHP 5.3.6 (coté serveur) et Java Script (coté client).  Serveur Web : Apache 2.2.14 Système de la gestion de base de données (SGBD) : MySQL.   Traitement d’images : Adobe Photoshop CS  Modélisation : Open ModelSphere .  Développement : Eclipse SDK Version: 3.6.2 33
  • 36. Choix de l’environnement  Suite à une étude comparative, nous avons décidé que la plateforme la plus adéquate au besoins du projet est Eclipse-android vu ses plusieurs avantages:     Installation simple et une configuration minimale. Inclusion des fonctions primordiales de notre projet. Documentation et échange de données important . Communauté qui est la plus importante à l’échelle internationale. 1
  • 37. 37 •Introduction • Étude de l’existant • Spécification des besoins • Alternatives de travail • Conception • Itérations & réalisations • Conclusion &perspectives Conclusion 34
  • 38. 38 Ce projet de fin d’études nous a permis de:  Mettre en pratique nos connaissances théoriques et techniques : conception et développement d’une application basé sur la technologie java .  Enrichir nos connaissances, en travaillant sur des différents applications .  Nous avons pu aussi maîtriser Eclipse Sdk android. 35
  • 39. Perspectives o Les perspectives de ce travail s’étendent à une amélioration de l’application de telle façon à ce qu’on pourra  Ajouter un module de paiement depuis l’application mobile.  Développer un web service (côté serveur) pour rendre, la tâche de la mise à jour (côté mobile), possible l’accès à l’application indépendamment du plateforme. Publier l’application Passion Beauté 1.0 sur Androïd marquet et capter les améliorations possible à partir des réclamations clients.  36
  • 40. 40 37