Ce document présente un projet de fin d’études sur la conception et le développement d'une application mobile e-commerce sous Android. Il aborde l'étude de l'existant, les spécifications des besoins, la conception et les itérations de développement. Le projet vise à répondre aux nouvelles tendances de m-commerce et à améliorer l'expérience utilisateur tout en intégrant des fonctionnalités avancées.

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

8. l’application «Amazon.fr »
8

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

23. 23
Conception technique
Diagramme de Composant
25

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

27. 27
Évolution des itérations
29

28. 28
Évolution des itérations (page catégories)
30

29. 29
Évolution des itérations(Détail)
31

30. 30
32
Évolution des itérations(partage)

31. Évolution des itérations du backoffice
1

32. Évolution des itérations(identification)
1

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

34. Évolution des itérations(page ajout produit)
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