SlideShare une entreprise Scribd logo
1  sur  27
MINISTERE DE L’ENSEIGNEMENT SUPERIEUR ET DE LA RECHERCHE
SCIENTIFIQUE
UNIVERSITE TUNIS EL MANAR
INSTITUT SUPERIEUR D’INFORMATIQUE
Présentation du projet de fin d ’étude
2020-2021
Encadré par:
Mr. DRIDI SKANDER
Mme. KAROUI WAFA
Conception et réalisation d’une application Web et mobile
Réalisé par
AHMED BELGHITH
Plan
2
2
CONTEXTE GÉNÉRAL CONCEPTION
ANALYSE ET
SPECIFICATION DES
BESOINS
RÉALISATION
CONCLUSION ET
PERSPECTIVES
1
2
3
4
5
Contexte générale
3
L’organisme d ’accueil
Problématique
Solution
Méthodologie du projet
Problématique
4
La navigation n’est pas fluide et
l’informations n’est pas hiérarchisée
Les fonctionnalités et les
boutons ne répondent pas à
l’UX.
Les produits professionnels ne sont
pas exposés
Accès limité aux fonctions du
téléphone
Lenteur du traitement de
demandes.
Retour constant de
développeur à la bd et au
code.
Solution proposée
5
5
1 2 3 4 5
refaire l’application avec
une meilleure composition.
Développement d’un
espace client
L’implémentation d’un module
de paiement.
L’instauration d’un back end
pour l’administrateur
Parvenir à une navigation
fluide et optimisée.
6
Méthodologie du projet : Cycle en V
Détails
Temps
Analyse et spécification des besoins
7
Identification des acteurs
Identification des besoins
Modélisation du projet
Diagramme des cas d’utilisation
Identification des acteurs
8
8
Visiteur
Administrateur
Client
IDENTIFICATION DES BESOINS
9
9
Inscription et authentification
Exposition des produits
L’ajout de produit au panier
Confirmation de commande
Paiement
Authentification
Exposition des différents
éléments de boutique
Gestion de différents éléments
Visiteur et Client Administrateur
LES BESOINS FONCTIONNELS
IDENTIFICATION DES BESOINS
10
Ergonomie
Performance
Gestion des
erreurs
Sécurité
Modularité
LES BESOINS NON FONCTIONNELS
MODÉLISATION DU PROJET : UML
11
un langage visuel constitué d’un ensemble de schémas, appelés des diagrammes,
donnant chacun d’eux une différente vision du projet à traiter.
Diagrammes utilisés :
• Diagramme de déploiement
• Diagramme de classe
• Diagramme de cas d’utilisation
• Diagramme de séquence
DIAGRAMMES DES CAS D’UTILISATION : VISITEUR
12
Consulter les produits
Visteur
Client
Contacter la société
Inscription Newsletter
Créer un compte
Installer l’application
mobile
Gérer panier
DIAGRAMMES DES CAS D’UTILISATION : CLIENT
13
Consulter les produits
Client
Effectuer commande
Consulter commande
Gérer son compte
Consulter produits
professionnels
Gestion panier
Modifier Supprimer
Contacter la société
Paiement en ligne
S’authentifier
DIAGRAMMES DES CAS D’UTILISATION : ADMINISTRATEUR
14
Gérer users
Administrateur
Consulter commandes
Consulter contacts
Consulter Newsletters
Gérer catégories
Gérer produits
S’authentifier
Conception
15
Architecture logique
Architecture physique
Diagramme de classes
Diagramme de séquences
ARCHITECTURE LOGIQUE
16
ARCHITECTURE PHYSIQUE
17
Diagramme de classes
18
DIAGRAMME DE SÉQUENCE «Effectuer commande».
19
DIAGRAMME DE SÉQUENCE «Ajouter produit».
20
RÉALISATION
21
Environnement et choix technologiques
Travail réalisé
Réalisation
22
Environnement logiciel
Réalisation
23
Travail réalisé
Réalisation : Démonstration
24
CONCLUSION
25
Réalisation
L’application a été bien
réalisée elle nécessite juste
des retouches
Fin
Conception et réalisation d’une
application web et mobile de E-
commerce
Atouts
Savoir-faire et connaissances utiles
Découverte de nouvelles technologies
Difficultés
Nouvelle technologie à maitriser
Mise en évidence de notre savoir faire et
l’intégration dans le monde professionnel
PERSPECTIVES
26
26
Réaliser une version IOS
Ajouter une fonction de mailing après la confirmation de commande
Améliorer le tableau de bord administrateur
Merci de votre attention !

Contenu connexe

Tendances

Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...Ramzi Noumairi
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Ahmed Makni
 
SITE WEB DE E-COMMERCE AVEC HAUTE DISPONIBILITÉ ET PAIEMENT EN LIGNE AVEC EXP...
SITE WEB DE E-COMMERCE AVEC HAUTE DISPONIBILITÉ ET PAIEMENT EN LIGNE AVEC EXP...SITE WEB DE E-COMMERCE AVEC HAUTE DISPONIBILITÉ ET PAIEMENT EN LIGNE AVEC EXP...
SITE WEB DE E-COMMERCE AVEC HAUTE DISPONIBILITÉ ET PAIEMENT EN LIGNE AVEC EXP...Borel NZOGANG
 
Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Mohammed JAITI
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Ramzi Noumairi
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking Khaled Fayala
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRouâa Ben Hammouda
 
Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...Addi Ait-Mlouk
 
RapportPFE_IngenieurInformatique_ESPRIT
RapportPFE_IngenieurInformatique_ESPRITRapportPFE_IngenieurInformatique_ESPRIT
RapportPFE_IngenieurInformatique_ESPRITLina Meddeb
 
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
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsMohamed Ayoub OUERTATANI
 
Soutenance PFE ingénieur génie logiciel
Soutenance PFE ingénieur génie logicielSoutenance PFE ingénieur génie logiciel
Soutenance PFE ingénieur génie logicielSiwar GUEMRI
 
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
 
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
 
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
 
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
 
Conception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIRConception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIRSkander Driss
 
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...Anas Riahi
 
Ma présentation PFE
Ma présentation PFEMa présentation PFE
Ma présentation PFELouati Aicha
 
Conception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTSConception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTSFaissoilMkavavo
 

Tendances (20)

Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...
 
SITE WEB DE E-COMMERCE AVEC HAUTE DISPONIBILITÉ ET PAIEMENT EN LIGNE AVEC EXP...
SITE WEB DE E-COMMERCE AVEC HAUTE DISPONIBILITÉ ET PAIEMENT EN LIGNE AVEC EXP...SITE WEB DE E-COMMERCE AVEC HAUTE DISPONIBILITÉ ET PAIEMENT EN LIGNE AVEC EXP...
SITE WEB DE E-COMMERCE AVEC HAUTE DISPONIBILITÉ ET PAIEMENT EN LIGNE AVEC EXP...
 
Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT)
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learning
 
Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...
 
RapportPFE_IngenieurInformatique_ESPRIT
RapportPFE_IngenieurInformatique_ESPRITRapportPFE_IngenieurInformatique_ESPRIT
RapportPFE_IngenieurInformatique_ESPRIT
 
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
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clients
 
Soutenance PFE ingénieur génie logiciel
Soutenance PFE ingénieur génie logicielSoutenance PFE ingénieur génie logiciel
Soutenance PFE ingénieur génie logiciel
 
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
 
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
 
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
 
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 ...
 
Conception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIRConception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIR
 
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
 
Ma présentation PFE
Ma présentation PFEMa présentation PFE
Ma présentation PFE
 
Conception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTSConception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTS
 

Similaire à Conception et réalisation d'une application web et mobile de e-commerce

Mise à niveau d’un système de gestion de clientèle (CRM)
Mise à niveau d’un système de gestion de clientèle (CRM)Mise à niveau d’un système de gestion de clientèle (CRM)
Mise à niveau d’un système de gestion de clientèle (CRM)Nawres Farhat
 
Copie de exposã© pfe
Copie de exposã© pfeCopie de exposã© pfe
Copie de exposã© pfeRiadh K.
 
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
 
Atelier 1 gérer un projet de refonte web - décembre
Atelier 1   gérer un projet de refonte web - décembreAtelier 1   gérer un projet de refonte web - décembre
Atelier 1 gérer un projet de refonte web - décembreGetting to Global
 
App_Gestion_QR.pptx
App_Gestion_QR.pptxApp_Gestion_QR.pptx
App_Gestion_QR.pptxMinaNouhii
 
Pfe soutenance presentation aboulfadl issam
Pfe soutenance presentation aboulfadl issamPfe soutenance presentation aboulfadl issam
Pfe soutenance presentation aboulfadl issamIssamABOULFADL
 
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
 
Solutions by Visiativ pour l'Entreprise 2.0
Solutions by Visiativ pour l'Entreprise 2.0Solutions by Visiativ pour l'Entreprise 2.0
Solutions by Visiativ pour l'Entreprise 2.0Visiativ
 
Solutions By Visiativ pour l\'Entreprise 2.0
Solutions By Visiativ pour l\'Entreprise 2.0Solutions By Visiativ pour l\'Entreprise 2.0
Solutions By Visiativ pour l\'Entreprise 2.0Visiativ
 
Projet de fin d’études
Projet de fin d’études  Projet de fin d’études
Projet de fin d’études TombariAhmed
 
9 Session K2 - Des applications pour mon métier dans Office 365
9   Session K2 - Des applications pour mon métier dans Office 3659   Session K2 - Des applications pour mon métier dans Office 365
9 Session K2 - Des applications pour mon métier dans Office 365aOS Community
 
Comment sélectionner les applications de gestion de projet appropriées?
Comment sélectionner les applications de gestion de projet appropriées?Comment sélectionner les applications de gestion de projet appropriées?
Comment sélectionner les applications de gestion de projet appropriées?PMI-Montréal
 
Présentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinalePrésentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinaleMaroua Bouhachem
 
Conception et réalisation d’une application web (1).pptx
Conception et réalisation d’une application web (1).pptxConception et réalisation d’une application web (1).pptx
Conception et réalisation d’une application web (1).pptxSouadZid
 
Conception et réalisation d’une application web (1).pptx
Conception et réalisation d’une application web (1).pptxConception et réalisation d’une application web (1).pptx
Conception et réalisation d’une application web (1).pptxSouadZid
 

Similaire à Conception et réalisation d'une application web et mobile de e-commerce (20)

Mise à niveau d’un système de gestion de clientèle (CRM)
Mise à niveau d’un système de gestion de clientèle (CRM)Mise à niveau d’un système de gestion de clientèle (CRM)
Mise à niveau d’un système de gestion de clientèle (CRM)
 
Copie de exposã© pfe
Copie de exposã© pfeCopie de exposã© pfe
Copie de exposã© pfe
 
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.
 
Atelier 1 gérer un projet de refonte web - décembre
Atelier 1   gérer un projet de refonte web - décembreAtelier 1   gérer un projet de refonte web - décembre
Atelier 1 gérer un projet de refonte web - décembre
 
App_Gestion_QR.pptx
App_Gestion_QR.pptxApp_Gestion_QR.pptx
App_Gestion_QR.pptx
 
Présentation mageco
Présentation magecoPrésentation mageco
Présentation mageco
 
Pfe soutenance presentation aboulfadl issam
Pfe soutenance presentation aboulfadl issamPfe soutenance presentation aboulfadl issam
Pfe soutenance presentation aboulfadl issam
 
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
 
Solutions by Visiativ pour l'Entreprise 2.0
Solutions by Visiativ pour l'Entreprise 2.0Solutions by Visiativ pour l'Entreprise 2.0
Solutions by Visiativ pour l'Entreprise 2.0
 
Solutions By Visiativ pour l\'Entreprise 2.0
Solutions By Visiativ pour l\'Entreprise 2.0Solutions By Visiativ pour l\'Entreprise 2.0
Solutions By Visiativ pour l\'Entreprise 2.0
 
Projet de fin d’études
Projet de fin d’études  Projet de fin d’études
Projet de fin d’études
 
9 Session K2 - Des applications pour mon métier dans Office 365
9   Session K2 - Des applications pour mon métier dans Office 3659   Session K2 - Des applications pour mon métier dans Office 365
9 Session K2 - Des applications pour mon métier dans Office 365
 
13_06_2014
13_06_201413_06_2014
13_06_2014
 
Diag' Méca
Diag' MécaDiag' Méca
Diag' Méca
 
Comment sélectionner les applications de gestion de projet appropriées?
Comment sélectionner les applications de gestion de projet appropriées?Comment sélectionner les applications de gestion de projet appropriées?
Comment sélectionner les applications de gestion de projet appropriées?
 
Présentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinalePrésentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinale
 
Conception et réalisation d’une application web (1).pptx
Conception et réalisation d’une application web (1).pptxConception et réalisation d’une application web (1).pptx
Conception et réalisation d’une application web (1).pptx
 
Conception et réalisation d’une application web (1).pptx
Conception et réalisation d’une application web (1).pptxConception et réalisation d’une application web (1).pptx
Conception et réalisation d’une application web (1).pptx
 
Exposé 1
Exposé   1Exposé   1
Exposé 1
 

Conception et réalisation d'une application web et mobile de e-commerce

Notes de l'éditeur

  1. Notre application donc est basée principalement par trois acteurs.
  2. notre application web et mobile regroupe des différentes besoins fonctionnels tels que :
  3. Il a pour but de représenter le fonctionnement, la mise en route et les actions susceptibles d’être effectuées par le logiciel à développer.
  4. Le client est un visiteur ayant déjà créer un compte c’est pour ca il hérite le visiteur
  5. Juste il a d’autre action que le visiteur telles: Effectuation d’une commande Consultation des produits professionnels Consultation des commandes Gestion de compte puisque il est inscrit Effectuation d’une commande
  6. Notre administrateur est responsable de gérer tous les éléments de l'application sur son tableau de bord
  7. Pour notre architecture logique, nous avons utilisé le patron de conception MVC du Framework spring, donc notre architecture est composée principalement par trois parties, Model View et controller
  8. ce diagramme de déploiement nous donne une vision sur l’architecture physique de la solution, donc notre diagramme se décompose principalement par l’architecture 3 tiers, c’est l’architecture qui décrit le transfert des requêtes requête et réponse entre le client, le serveur d’application et le serveur base de données, le type de ces requêtes sont http,
  9. l’architecture logique est de type mvc donc notre diagramme va être composer principalement par 3 parties view, controller et model
  10. Passant maintenant à l’implémentation de projet, dans cette partie nous allons présenter Environnement et choix technologiques et le travail réalisé
  11. Notre application est realisée
  12. Voici 3 captures pour montrer les interface mobile créés a travers le capaciteur de l’ionic
  13. Démonstration Les différentes catégories avant et après l’authentification Fiche produit Remplir formulaire contact Le panier avec passation d’une commande et paiement Client profil et commande Tableau de bord supprimer ajouter modifier
  14. En perspective, on peut toujours apporter des améliorations pour rendre l’application plus performante.
  15. Nous tenons finalement à vous remercier tous sans exception pour votre attention.