présentation du l'application mobile "passion beauté 1.0"
DESCRIPTION
Dans le cadre de notre projet de fin d’étude, nous nous intéressons à développer une application qui sert à l’achat en ligne des produits de beauté, reconnu dans le domaine informatique par le nom ” E-commerce ”, cette application peut être développer sur plusieurs plate-forme notamment : An- droïd , Mac OS et BlackBerry etc. Les supports de notre application Ecommerce sont les téléphones portable mené, d’un système d’exploitation Androïd.TRANSCRIPT
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
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