Mise en place d'un site de vente en ligne

Page 1 sur 28Lecteur de document UniversityLib

Mise en place d'un site de vente en ligne

E-commerce Application Development · notes

<!-- Slide number: 1 -->

![](Picture7.jpg)

![](Picture9.jpg)

![](image2png.jpg)

![](Picture5.jpg)

![](Picture2.jpg) Mise en place d'un site de vente en ligne

![](Picture8.jpg) Encadré par : Adel Bouali Sabra Mabrouk Réalisé par : Moumni Slim Alioui Assil

<!-- Slide number: 2 -->

![](Picture6.jpg) Introduction

![](Picture5.jpg)

![](Picture12.jpg) Diffusion des produit

![](Picture9.jpg)

![](Picture10.jpg) Helpdesk

![](Picture11.jpg)

![Image associée](Picture2.jpg) Achats

<!-- Slide number: 3 -->

![](Picture81.jpg)

Présentation générale

I

Analyse et spécification des besoins

II

![](Picture80.jpg)

Plan

Etude conceptuelle III

Réalisation IV

V Test

![Image associée](Picture2.jpg) Conclusion et perspective VI

<!-- Slide number: 4 -->

![](Picture8.jpg)

![](Picture7.jpg) Presentation general

![Image associée](Picture2.jpg)

1

<!-- Slide number: 5 -->

![](Picture10.jpg) Presentation general

![](Picture9.jpg) Problématique

![Image associée](Picture2.jpg) présente une vitrine statique avec des publications anciennes à défaut d’un back office pour une mise à jour régulière.

Les ventes de la société se font généralement via des méthodes non professionnelles comme « Facebook ».

![Image associée](Picture2.jpg)

2 2

<!-- Slide number: 6 -->

![](Picture10.jpg) Presentation general

![](Picture9.jpg)

![Image associée](Picture2.jpg) Solution proposée Mettre en contact les clients avec les experts de la société à travers le service d’assistant « helpdesk ».

Permettre de gérer les produits.

Faciliter la recherche des produits et des services pour les clients.

Fidéliser les clients et leur offrir un espace abonné.

![Image associée](Picture2.jpg)

3

Publicité

<!-- Slide number: 7 -->

![](Picture10.jpg) Presentation general

![](Picture9.jpg) Objectifs

![Résultat de recherche d'images pour "problématique image ppt"](Picture2.jpg) Pour la société:

rationaliser le processus.

simplifier et réduire la charge de travail pour les employés.

Pour le client:

établir une commande sur les différents produits.

discuter avec des spécialistes.

![Image associée](Picture2.jpg)

4

<!-- Slide number: 8 -->

![](Picture8.jpg)

![](Picture7.jpg) Analyse et specification des besoins

![Image associée](Picture2.jpg)

5

<!-- Slide number: 9 -->

![](Picture10.jpg) Analyse et specification des besoins Diagramme de cas d’utilisation

![https://scontent.ftun3-1.fna.fbcdn.net/v/t1.15752-9/62449462_501401603977395_7535896295542620160_n.png?_nc_cat=105&_nc_ht=scontent.ftun3-1.fna&oh=6e998ab5b8231e614daf2cac21ea0284&oe=5D92340E](Picture2.jpg)

![](Picture9.jpg)

![Image associée](Picture2.jpg)

6

<!-- Slide number: 10 -->

![](Picture10.jpg) Analyse et specification des besoins

![https://scontent.ftun12-1.fna.fbcdn.net/v/t1.15752-9/62489711_450249112216251_6831145454223228928_n.png?_nc_cat=110&_nc_ht=scontent.ftun12-1.fna&oh=edee3e0bdffe247d64da7cd4a0220988&oe=5D7E6CC8](Picture2.jpg) Diagramme de classe d’analyse

![](Picture9.jpg)

![Image associée](Picture2.jpg)

7

<!-- Slide number: 11 -->

![](Picture10.jpg) Analyse et specification des besoins Diagramme de séquence d’analyse

![](Picture9.jpg)

![https://scontent.ftun12-1.fna.fbcdn.net/v/t1.15752-9/62522539_459082074661052_5344361646183677952_n.png?_nc_cat=104&_nc_ht=scontent.ftun12-1.fna&oh=292568214e73249f9ecd2029c689bcf3&oe=5D7A398D](Picture2.jpg)

![Image associée](Picture2.jpg)

8

<!-- Slide number: 12 -->

![](Picture41.jpg) Analyse et specification des besoins Les besoins non fonctionnel

![](Picture40.jpg)

1

4

Sécurité La rapidité de traitement

2 5

L’extensibilité

L’exactitude

3

6 La performance

L’ergonomie

![Image associée](Picture2.jpg)

7 9

Publicité

La modLa modularité ularité

<!-- Slide number: 13 -->

![](Picture8.jpg)

![](Picture7.jpg) Etude conceptuelle

![Image associée](Picture2.jpg)

10

<!-- Slide number: 14 -->

![](Picture10.jpg) Etude conceptuelle

![](Picture9.jpg) Diagramme de classe de conception

![https://scontent.ftun3-1.fna.fbcdn.net/v/t1.15752-9/62453363_2301933633358168_5927770891067850752_n.png?_nc_cat=105&_nc_ht=scontent.ftun3-1.fna&oh=31d83840737b588fa88893784d5f7139&oe=5D9A8557](Picture2.jpg)

![Image associée](Picture2.jpg) Diagramme de classe de conception « gestion des utilisateur  »

11

<!-- Slide number: 15 -->

![](Picture11.jpg) Etude conceptuelle

![](Picture10.jpg) Diagramme de classe de conception

![https://scontent.ftun3-1.fna.fbcdn.net/v/t1.15752-9/62255070_1355743414564407_6762323654186369024_n.png?_nc_cat=111&_nc_ht=scontent.ftun3-1.fna&oh=304c5c05d6b203788558311ae7fcf845&oe=5D7CF227](Picture2.jpg)

![Image associée](Picture2.jpg) Diagramme de classe de conception « gestion des tickets  »

12

<!-- Slide number: 16 -->

![](Picture10.jpg) Etude conceptuelle

![https://scontent.ftun3-1.fna.fbcdn.net/v/t1.15752-9/62641651_458249898285931_7384349950756257792_n.png?_nc_cat=100&_nc_ht=scontent.ftun3-1.fna&oh=14976b53871552a5745c923388d7b3d6&oe=5D878671](Picture2.jpg) Diagramme de séquence objet

![](Picture9.jpg) Diagramme de séquence objet « créer un ticket »

![Image associée](Picture2.jpg)

14

<!-- Slide number: 17 -->

![](Picture8.jpg)

![](Picture7.jpg) Réalisation

![Image associée](Picture2.jpg)

15

<!-- Slide number: 18 -->

![](Picture17.jpg) Réalisation

![](Picture16.jpg) Environnements logiciels Les technologies et les langages utilisés

![](Image1.jpg)

![نتيجة بحث الصور عن ‪ Wamps server logo‬‏](Image2.jpg)

![نتيجة بحث الصور عن ‪logo PHP 7.2.2‬‏](Image4.jpg)

![صورة ذات صلة](Image5.jpg)

![Image associée](Picture12.jpg)

![Boostrap logo.svg](Picture13.jpg)

![نتيجة بحث الصور عن ‪ Laravel 5.4 logo‬‏](Image3.jpg)

![نتيجة بحث الصور عن ‪Jquery logo‬‏](Image8.jpg)

![Image associée](Picture2.jpg)

16

<!-- Slide number: 19 -->

![](Picture8.jpg) Réalisation

![](Picture7.jpg) Travail réalisé

![Image associée](Picture2.jpg)

17

<!-- Slide number: 20 -->

Publicité

![](Picture8.jpg)

![](Picture7.jpg) Test

![Image associée](Picture2.jpg)

18

<!-- Slide number: 21 -->

![](Picture9.jpg) Test

![](Picture8.jpg)

![](Picture6.jpg) Exemple de distinction entre items respectée

![Image associée](Picture2.jpg)

19

<!-- Slide number: 22 -->

![](Picture10.jpg) Test

![https://scontent.ftun11-1.fna.fbcdn.net/v/t1.15752-9/61793258_2320405418223948_7120539332720459776_n.png?_nc_cat=104&_nc_ht=scontent.ftun11-1.fna&oh=0d9c7e6e88255ea2f0db3f0bfd41d969&oe=5D97EB1A](Picture7.jpg)

![](Picture9.jpg) Exemple qui montre l’action minimale respectée dans l’application

![Image associée](Picture2.jpg)

20

<!-- Slide number: 23 -->

![](Picture10.jpg) Test

![](Picture9.jpg)

![https://scontent.ftun11-1.fna.fbcdn.net/v/t1.15752-9/62218572_319996052258036_856259493472763904_n.png?_nc_cat=100&_nc_ht=scontent.ftun11-1.fna&oh=1cede5e7f9b9d431e2d336f82efb3dd2&oe=5D9876AD](Picture7.jpg) Exemple de contrôle utilisateur respectée

![Image associée](Picture2.jpg)

21

<!-- Slide number: 24 -->

![](Picture10.jpg)

![https://scontent.ftun8-1.fna.fbcdn.net/v/t1.15752-9/62244031_1283058085185727_6809025337561710592_n.png?_nc_cat=105&_nc_ht=scontent.ftun8-1.fna&oh=27ed7eb5d6ed122b28f8051102d6130a&oe=5D8CF4A1](Picture7.jpg) Test

![](Picture9.jpg)

![Image associée](Picture2.jpg)

Exemple de flexibilité respectée 22

<!-- Slide number: 25 -->

![](Picture8.jpg)

![](Picture7.jpg) Conclusion et perspective

![Image associée](Picture2.jpg)

23

<!-- Slide number: 26 -->

![](Picture9.jpg) Conclusion et perspective

![](Picture8.jpg) Conclusion L’élaboration de notre application a permis de : résoudre le problème présent au sein de la société. d’offrir des nouveaux services. les tâches manquantes : Gestion des promotions. .

![Image associée](Picture2.jpg)

24

<!-- Slide number: 27 -->

![](Picture9.jpg) Conclusion et perspective

![](Picture8.jpg) Perspective Exemple des autres modules permettant d’améliorer ce travail : un tableau de bords pour les statistiques qui facilitera aux responsables de la société les prises de décisions.. .

![Image associée](Picture2.jpg)

25

<!-- Slide number: 28 -->

![](Picture10.jpg)

![](Picture7.jpg) Merci pour votre attention

![](Image2.jpg)