présentation du l'application mobile "passion beauté 1.0"

Conception et développement d’une

Application e-commerce mobile sous android

Encadré par : M. Moez Waddey M. Ahmed Gadeur

Présenté par : Doufani Saif Allah El Heni Nazih

1

Plan

Introduction

Étude de l’existant

Spécification des besoins

Alternatives de travail

Conception

Itérations & réalisations 2

2

Introduction

 3

3• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

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

4

Cadre du projet

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

Organisme d’accueil : Société NETISSE.

Travail demandé :

Conception et réalisation d’une application e-commerce à

l’aide d’une solution de gestion de contenu e-commerce.

5

• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

Commerce électronique

Définition

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

• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

l’application «Amazon.fr »8

Critique de l’existant :

Dénotation :

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

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êchersa continuité. 9

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

• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

Complexité : La complexité réside en deux niveaux :

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

12

• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

Spécification des besoins fonctionnels

15

13• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

Acteurs

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.

Administrateur16

14

• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

Diagramme de cas d’utilisation de l’application

17

Diagramme de cas d’utilisation de back office

18

16

Spécification des besoins non fonctionnels

19

17• 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

18• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

Conception

21

19• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

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

20

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

Conception technique

Diagramme de Composant

25

23

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

Mail

24

Itérations & réalisations

27

25• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion & perspectives

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

26

Évolution des itérations29

27

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

28

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

29

Évolution des itérations(partage)32

30

1

Évolution des itérations du backoffice

Évolution des itérations(identification)

1

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

1

Évolution des itérations(page ajout produit)

1

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.233

35

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

Conclusion

34

37

• Introduction

• Étude de l’existant

• Spécification des besoins

• Alternatives de travail

• Conception

• Itérations & réalisations

• Conclusion &perspectives

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

38

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.

o Les perspectives de ce travail s’étendent à une amélioration de

l’application de telle façon à ce qu’on pourra

Perspectives

36

MERCI POUR VOTRE ATTENTION

QUESTIONS

37

40