SlideShare une entreprise Scribd logo
1  sur  26
CONCEPTION ET DÉVELOPPEMENT D’UNE APPLICATION
WEB DES SERVICES D’IMPRESSION EN LIGNE
Université de Sfax
Institut Supérieur d’Informatique et de Multimédia de Sfax
Département Génie Informatique et Multimédia
Année universitaire 2012-2013
Réalisé par:
Encadré par:
M. Sofien CHOTOROU M. Majdi ABBES
Hibatallah AOUADNI
Conception et développement d’une application web des services d’impression en ligne 2
Plan
Introduction
Etude préalable
Conception
Réalisation
Conclusion & perspective
Introduction
Conception et développement d’une application web des services d’impression en ligne 4
Introduction
Communication
Commerce
Publicité
Personne
Famille
Entreprise
Flyer Carte Visite BrochureDrapeau
Contexte | Problématique | Objectif
Conception et développement d’une application web des services d’impression en ligne 5
Introduction
Imprimerie
Contexte | Problématique | Objectif
Agence
Agence Web
Perte de temps
Perte d’efforts
Perte d’argent
Conception et développement d’une application web des services d’impression en ligne 6
Introduction Contexte | Problématique | Objectif
Application Web
administrative
Site Web des services
d’impression en ligne
Etude préalable
Conception et développement d’une application web des services d’impression en ligne 8
Etude Préalable Analyse de l’existant| Critique| Solution
• Services d’impression en ligne
• Large gamme des produits
• Assistance technique
• Suivi des commandes
• Panier sans authentification
• Caractérisation des produits
Conception et développement d’une application web des services d’impression en ligne 9
Etude préalable Analyse de l’existant| Critique| Solution
Service
Site
Proposition
des modèles
Caractérisation
des produits
Panier sans
authentification
Consultation
des prix
pixartprinting.fr - + + +
realisaprint.com - + - -
printplus-tn.com - + + +
- Tableau de comparaison des services offerts par les sites -
(+): identifier un service satisfait
( -): identifier un service pas satisfait
Conception et développement d’une application web des services d’impression en ligne 10
Etude préalable Analyse de l’existant| Critique| Solution
• Une charte graphique assez miteuse
• Une pénurie de spécification des
caractéristiques
printplus-tn.com
• Surcharge de la charte graphique
• Processus assez long pour caractériser un
produit
• Sécheresse d’interactivité et d’accessibilité
realisaprint.com
Conception et développement d’une application web des services d’impression en ligne 11
Etude préalable Analyse de l’existant| Critique| Solution
Consulter les articles / les modèles
Choisir un produit et le caractériser
Gérer son panier
Commander l’impression
SP-Admin Gérer les produits, les modèles
et les commandes
Contrôler le contenu de site web
Consulter les statistiques
Conception
Conception et développement d’une application web des services d’impression en ligne 13
ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes
- Diagramme cas d’utilisation du site -
Conception et développement d’une application web des services d’impression en ligne 14
ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes
- Diagramme cas d’utilisation de l’acteur administrateur -
Conception et développement d’une application web des services d’impression en ligne 15
ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes
- Diagramme de séquence « ajouter produit au panier » -
Conception et développement d’une application web des services d’impression en ligne 16
ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes
- Diagramme de séquence « mettre à jour l’avancement de l’impression » -
Conception et développement d’une application web des services d’impression en ligne 17
ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes
- Diagramme de classes -
Réalisation
Conception et développement d’une application web des services d’impression en ligne 19
Réalisation Technologies | Framework | Architecture
Technologie Nom Description
Serveur Web Apache Serveur http, le plus populaire du World Wide Web
Framework
Symfony2
Un Framework MVC libre écrit en PHP 5. En tant que Framework, il facilite
et accélère le développement de sites et d'applications Internet et Intranet
PHP
Un langage de programmation largement utilisé qui est particulièrement
adapté au développement web
E-Commerce
Cart
Functionality
Un panier développé spécifiquement pour satisfaire nos besoins
Bibliothèques
Twitter
Bootstrap
Une collection d'outils utile à la création de sites web et applications web
JavaScript
un langage de programmation de scripts principalement utilisé dans les
pages web interactives
- Tableau de profile des technologies utilisées -
Conception et développement d’une application web des services d’impression en ligne 20
Réalisation Technologies | Framework| Architecture
C’est quoi Symfony ?
Pourquoi Symfony ?
Il contient de nombreux outils et des classes visant à raccourcir le
temps de développement d'une application web complexe
Symfony est un Framework MVC basé sur la langage de programmation
PHP5, conçu pour optimiser le développement d'applications Web
Facile à installer
Simple à utiliser
Code très lisible
Facile à étendre
Bundle
Automatise les tâches courantes
Le développeur se concentre sur les spécificités
Conception et développement d’une application web des services d’impression en ligne 21
Réalisation Technologies | Framework| Architecture
Panier JMSPay
Conception et développement d’une application web des services d’impression en ligne 22
Réalisation Technologies | Framework | Architecture
Internet
Contrôleur Modèle
Vue
Serveur
Client
- Architecture de Symfony -
Design Pattern MVC
ContrôleurModèle
Vue
Conclusion
& perspective
Conception et développement d’une application web des services d’impression en ligne 24
Conclusion & perspective
Performant
Interactive
Notre application Responsive design
Concurrent fort par rapport aux autres solutions existant sur le marché
Sa manipulation ne nécessite pas une formation
Conception et développement d’une application web des services d’impression en ligne 25
Conclusion & perspective
Notre application
Démonstration

Contenu connexe

Tendances

Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...Elhadj Mamadou Aliou BAH
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebHarrathi Mohamed
 
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
 
Final présention [recovered]
Final présention [recovered]Final présention [recovered]
Final présention [recovered]Ahmed rebai
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Riadh K.
 
Développement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médicalDéveloppement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médicallitayem bechir
 
Presentation PFE
Presentation PFEPresentation PFE
Presentation PFEasma amri
 
Présentation finale
Présentation finalePrésentation finale
Présentation finaleheniBa
 
Conception et mise en place d'un Workflow du département VAS
Conception et mise en place d'un Workflow du département VASConception et mise en place d'un Workflow du département VAS
Conception et mise en place d'un Workflow du département VASAhmed MAALEJ
 
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
 
Rapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileRapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileNader Somrani
 
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
 
Soutenance de Mon PFE - Interaction Homme Machine par geste avec Python - Jai...
Soutenance de Mon PFE - Interaction Homme Machine par geste avec Python - Jai...Soutenance de Mon PFE - Interaction Homme Machine par geste avec Python - Jai...
Soutenance de Mon PFE - Interaction Homme Machine par geste avec Python - Jai...Mohammed JAITI
 
Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Ayoub Mkharbach
 
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...Madjid Meddah
 
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...MOHAMMED MOURADI
 
Conception et réalisation d'une plateforme social learning
Conception et réalisation d'une plateforme social learningConception et réalisation d'une plateforme social learning
Conception et réalisation d'une plateforme social learningRouâa Ben Hammouda
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Riadh K.
 

Tendances (20)

Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site Web
 
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
 
Final présention [recovered]
Final présention [recovered]Final présention [recovered]
Final présention [recovered]
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 
Développement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médicalDéveloppement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médical
 
Presentation PFE
Presentation PFEPresentation PFE
Presentation PFE
 
Offre technique
Offre techniqueOffre technique
Offre technique
 
Présentation finale
Présentation finalePrésentation finale
Présentation finale
 
Conception et mise en place d'un Workflow du département VAS
Conception et mise en place d'un Workflow du département VASConception et mise en place d'un Workflow du département VAS
Conception et mise en place d'un Workflow du département VAS
 
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.
 
Rapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileRapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire 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...
Présentation PFE (Conception et développement d'une application web && mobile...
 
Soutenance de Mon PFE - Interaction Homme Machine par geste avec Python - Jai...
Soutenance de Mon PFE - Interaction Homme Machine par geste avec Python - Jai...Soutenance de Mon PFE - Interaction Homme Machine par geste avec Python - Jai...
Soutenance de Mon PFE - Interaction Homme Machine par geste avec Python - Jai...
 
Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...
 
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
 
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
 
Conception et réalisation d'une plateforme social learning
Conception et réalisation d'une plateforme social learningConception et réalisation d'une plateforme social learning
Conception et réalisation d'une plateforme social learning
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 

En vedette

Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Ben Abdelwahed Slim
 
Réussir son orientation
Réussir son orientationRéussir son orientation
Réussir son orientationStudyWork
 
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Sofien Benrhouma
 
Réalisation d’une plateforme e-commerce de vente de prestations HTML dotée d...
Réalisation d’une plateforme e-commerce de vente de  prestations HTML dotée d...Réalisation d’une plateforme e-commerce de vente de  prestations HTML dotée d...
Réalisation d’une plateforme e-commerce de vente de prestations HTML dotée d...kadzaki
 
Chp4 - Diagramme de Séquence
Chp4 - Diagramme de SéquenceChp4 - Diagramme de Séquence
Chp4 - Diagramme de SéquenceLilia Sfaxi
 
Présentation PFE mohamed yosri yahyaoui
Présentation PFE  mohamed yosri yahyaouiPrésentation PFE  mohamed yosri yahyaoui
Présentation PFE mohamed yosri yahyaouiYahyaoui Mohamed Yosri
 
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
 
Projet intégrateur orientant
Projet intégrateur orientantProjet intégrateur orientant
Projet intégrateur orientantsebastienrioux
 
Réaliser. une veille_informationnelle-en_orientation
Réaliser. une veille_informationnelle-en_orientationRéaliser. une veille_informationnelle-en_orientation
Réaliser. une veille_informationnelle-en_orientationlendorc
 
identification tableau des acteurs
 identification tableau des acteurs identification tableau des acteurs
identification tableau des acteursJamaity
 
Publicité Montréal Conception Site Web -
Publicité Montréal Conception Site Web -Publicité Montréal Conception Site Web -
Publicité Montréal Conception Site Web -b-to-one
 
Synthese barometre metiers_communication_2015
Synthese barometre metiers_communication_2015Synthese barometre metiers_communication_2015
Synthese barometre metiers_communication_2015Amaury Laurentin
 
Animation Forum / Anne Pajard
Animation Forum / Anne PajardAnimation Forum / Anne Pajard
Animation Forum / Anne Pajardapajard
 
Théorie de graphe
Théorie de grapheThéorie de graphe
Théorie de grapheTECOS
 
Module 2 introduction à asp.net web forms
Module 2   introduction à asp.net web formsModule 2   introduction à asp.net web forms
Module 2 introduction à asp.net web formsMohammed Amine Mostefai
 
Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Nazih Heni
 

En vedette (20)

Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2
 
Réussir son orientation
Réussir son orientationRéussir son orientation
Réussir son orientation
 
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
 
Réalisation d’une plateforme e-commerce de vente de prestations HTML dotée d...
Réalisation d’une plateforme e-commerce de vente de  prestations HTML dotée d...Réalisation d’une plateforme e-commerce de vente de  prestations HTML dotée d...
Réalisation d’une plateforme e-commerce de vente de prestations HTML dotée d...
 
Chp4 - Diagramme de Séquence
Chp4 - Diagramme de SéquenceChp4 - Diagramme de Séquence
Chp4 - Diagramme de Séquence
 
Présentation PFE mohamed yosri yahyaoui
Présentation PFE  mohamed yosri yahyaouiPrésentation PFE  mohamed yosri yahyaoui
Présentation PFE mohamed yosri yahyaoui
 
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
 
Modele-elearning
Modele-elearningModele-elearning
Modele-elearning
 
Expose
ExposeExpose
Expose
 
Beamforming
BeamformingBeamforming
Beamforming
 
Projet intégrateur orientant
Projet intégrateur orientantProjet intégrateur orientant
Projet intégrateur orientant
 
Réaliser. une veille_informationnelle-en_orientation
Réaliser. une veille_informationnelle-en_orientationRéaliser. une veille_informationnelle-en_orientation
Réaliser. une veille_informationnelle-en_orientation
 
identification tableau des acteurs
 identification tableau des acteurs identification tableau des acteurs
identification tableau des acteurs
 
Publicité Montréal Conception Site Web -
Publicité Montréal Conception Site Web -Publicité Montréal Conception Site Web -
Publicité Montréal Conception Site Web -
 
Synthese barometre metiers_communication_2015
Synthese barometre metiers_communication_2015Synthese barometre metiers_communication_2015
Synthese barometre metiers_communication_2015
 
Animation Forum / Anne Pajard
Animation Forum / Anne PajardAnimation Forum / Anne Pajard
Animation Forum / Anne Pajard
 
Théorie de graphe
Théorie de grapheThéorie de graphe
Théorie de graphe
 
2 TUP
2 TUP2 TUP
2 TUP
 
Module 2 introduction à asp.net web forms
Module 2   introduction à asp.net web formsModule 2   introduction à asp.net web forms
Module 2 introduction à asp.net web forms
 
Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"
 

Similaire à Exposé 1

Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blogSéverine Alix
 
Microsoft Power Platform en Action
Microsoft Power Platform en Action Microsoft Power Platform en Action
Microsoft Power Platform en Action Denys Chamberland
 
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...Patrick Guimonet
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressJulien Dereumaux
 
Erellis- Agence en communication interactive
Erellis- Agence en communication interactiveErellis- Agence en communication interactive
Erellis- Agence en communication interactiveERELLIS
 
Programme 2017 2018
Programme 2017 2018Programme 2017 2018
Programme 2017 2018Bost Vincent
 
Formation sharepoint 2013 développement sharepoint 2013
Formation sharepoint 2013   développement sharepoint 2013Formation sharepoint 2013   développement sharepoint 2013
Formation sharepoint 2013 développement sharepoint 2013EGILIA Learning
 
Développement d'une solution web.pptx
Développement d'une solution web.pptxDéveloppement d'une solution web.pptx
Développement d'une solution web.pptxFaten98
 
Présentation stage ing_finale
Présentation stage ing_finalePrésentation stage ing_finale
Présentation stage ing_finaleAhmed Abdeljelil
 
Démarche et gestion web de l' IFSTTAR - Par Farida LAVAL
Démarche et gestion web de l' IFSTTAR - Par Farida LAVALDémarche et gestion web de l' IFSTTAR - Par Farida LAVAL
Démarche et gestion web de l' IFSTTAR - Par Farida LAVALLACT
 
Fiche-CHEF-DE-PROJET
Fiche-CHEF-DE-PROJETFiche-CHEF-DE-PROJET
Fiche-CHEF-DE-PROJETBoris Michel
 
Marketing digital.pdf
Marketing digital.pdfMarketing digital.pdf
Marketing digital.pdfssuser6041d32
 
Offre studio digital juillet 2017
Offre studio digital juillet 2017Offre studio digital juillet 2017
Offre studio digital juillet 2017Rivoli Digital
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webJulien Dereumaux
 
Journée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneJournée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneChristophe Lauer
 
Smile Suisse : Comment faire de Magento sa plateforme ecommerce
Smile Suisse : Comment faire de Magento sa plateforme ecommerceSmile Suisse : Comment faire de Magento sa plateforme ecommerce
Smile Suisse : Comment faire de Magento sa plateforme ecommerceSwissgento eCom Genève
 
Le cycle projet (support de formation)
Le cycle projet (support de formation)Le cycle projet (support de formation)
Le cycle projet (support de formation)iafactory
 
Book projets-web
Book projets-webBook projets-web
Book projets-webacoquard
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceDestination Brocéliande
 

Similaire à Exposé 1 (20)

Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blog
 
Microsoft Power Platform en Action
Microsoft Power Platform en Action Microsoft Power Platform en Action
Microsoft Power Platform en Action
 
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...Conf'SharePoint 2013 - B05   Une gouvernance orientée services pour share poi...
Conf'SharePoint 2013 - B05 Une gouvernance orientée services pour share poi...
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPress
 
Erellis- Agence en communication interactive
Erellis- Agence en communication interactiveErellis- Agence en communication interactive
Erellis- Agence en communication interactive
 
Programme 2017 2018
Programme 2017 2018Programme 2017 2018
Programme 2017 2018
 
Formation sharepoint 2013 développement sharepoint 2013
Formation sharepoint 2013   développement sharepoint 2013Formation sharepoint 2013   développement sharepoint 2013
Formation sharepoint 2013 développement sharepoint 2013
 
Développement d'une solution web.pptx
Développement d'une solution web.pptxDéveloppement d'une solution web.pptx
Développement d'une solution web.pptx
 
Présentation stage ing_finale
Présentation stage ing_finalePrésentation stage ing_finale
Présentation stage ing_finale
 
CV_MohamedHabibABIDI
CV_MohamedHabibABIDICV_MohamedHabibABIDI
CV_MohamedHabibABIDI
 
Démarche et gestion web de l' IFSTTAR - Par Farida LAVAL
Démarche et gestion web de l' IFSTTAR - Par Farida LAVALDémarche et gestion web de l' IFSTTAR - Par Farida LAVAL
Démarche et gestion web de l' IFSTTAR - Par Farida LAVAL
 
Fiche-CHEF-DE-PROJET
Fiche-CHEF-DE-PROJETFiche-CHEF-DE-PROJET
Fiche-CHEF-DE-PROJET
 
Marketing digital.pdf
Marketing digital.pdfMarketing digital.pdf
Marketing digital.pdf
 
Offre studio digital juillet 2017
Offre studio digital juillet 2017Offre studio digital juillet 2017
Offre studio digital juillet 2017
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site web
 
Journée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneJournée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligne
 
Smile Suisse : Comment faire de Magento sa plateforme ecommerce
Smile Suisse : Comment faire de Magento sa plateforme ecommerceSmile Suisse : Comment faire de Magento sa plateforme ecommerce
Smile Suisse : Comment faire de Magento sa plateforme ecommerce
 
Le cycle projet (support de formation)
Le cycle projet (support de formation)Le cycle projet (support de formation)
Le cycle projet (support de formation)
 
Book projets-web
Book projets-webBook projets-web
Book projets-web
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
 

Plus de Hibatallah Aouadni

Plus de Hibatallah Aouadni (7)

Réseaux mobiles
Réseaux mobiles Réseaux mobiles
Réseaux mobiles
 
Relation de dépendance immédiate
Relation de dépendance immédiateRelation de dépendance immédiate
Relation de dépendance immédiate
 
Patron observer
Patron observerPatron observer
Patron observer
 
Factory method
Factory method Factory method
Factory method
 
KeyWatch
KeyWatchKeyWatch
KeyWatch
 
BonitaSoft, la solution BPM
BonitaSoft, la solution BPMBonitaSoft, la solution BPM
BonitaSoft, la solution BPM
 
Mobile cloud computing
Mobile cloud computingMobile cloud computing
Mobile cloud computing
 

Exposé 1

  • 1. CONCEPTION ET DÉVELOPPEMENT D’UNE APPLICATION WEB DES SERVICES D’IMPRESSION EN LIGNE Université de Sfax Institut Supérieur d’Informatique et de Multimédia de Sfax Département Génie Informatique et Multimédia Année universitaire 2012-2013 Réalisé par: Encadré par: M. Sofien CHOTOROU M. Majdi ABBES Hibatallah AOUADNI
  • 2. Conception et développement d’une application web des services d’impression en ligne 2 Plan Introduction Etude préalable Conception Réalisation Conclusion & perspective
  • 4. Conception et développement d’une application web des services d’impression en ligne 4 Introduction Communication Commerce Publicité Personne Famille Entreprise Flyer Carte Visite BrochureDrapeau Contexte | Problématique | Objectif
  • 5. Conception et développement d’une application web des services d’impression en ligne 5 Introduction Imprimerie Contexte | Problématique | Objectif Agence Agence Web Perte de temps Perte d’efforts Perte d’argent
  • 6. Conception et développement d’une application web des services d’impression en ligne 6 Introduction Contexte | Problématique | Objectif Application Web administrative Site Web des services d’impression en ligne
  • 8. Conception et développement d’une application web des services d’impression en ligne 8 Etude Préalable Analyse de l’existant| Critique| Solution • Services d’impression en ligne • Large gamme des produits • Assistance technique • Suivi des commandes • Panier sans authentification • Caractérisation des produits
  • 9. Conception et développement d’une application web des services d’impression en ligne 9 Etude préalable Analyse de l’existant| Critique| Solution Service Site Proposition des modèles Caractérisation des produits Panier sans authentification Consultation des prix pixartprinting.fr - + + + realisaprint.com - + - - printplus-tn.com - + + + - Tableau de comparaison des services offerts par les sites - (+): identifier un service satisfait ( -): identifier un service pas satisfait
  • 10. Conception et développement d’une application web des services d’impression en ligne 10 Etude préalable Analyse de l’existant| Critique| Solution • Une charte graphique assez miteuse • Une pénurie de spécification des caractéristiques printplus-tn.com • Surcharge de la charte graphique • Processus assez long pour caractériser un produit • Sécheresse d’interactivité et d’accessibilité realisaprint.com
  • 11. Conception et développement d’une application web des services d’impression en ligne 11 Etude préalable Analyse de l’existant| Critique| Solution Consulter les articles / les modèles Choisir un produit et le caractériser Gérer son panier Commander l’impression SP-Admin Gérer les produits, les modèles et les commandes Contrôler le contenu de site web Consulter les statistiques
  • 13. Conception et développement d’une application web des services d’impression en ligne 13 ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes - Diagramme cas d’utilisation du site -
  • 14. Conception et développement d’une application web des services d’impression en ligne 14 ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes - Diagramme cas d’utilisation de l’acteur administrateur -
  • 15. Conception et développement d’une application web des services d’impression en ligne 15 ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes - Diagramme de séquence « ajouter produit au panier » -
  • 16. Conception et développement d’une application web des services d’impression en ligne 16 ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes - Diagramme de séquence « mettre à jour l’avancement de l’impression » -
  • 17. Conception et développement d’une application web des services d’impression en ligne 17 ConceptionDiagramme de cas d’utilisation | Diagramme de séquence | Diagramme de classes - Diagramme de classes -
  • 19. Conception et développement d’une application web des services d’impression en ligne 19 Réalisation Technologies | Framework | Architecture Technologie Nom Description Serveur Web Apache Serveur http, le plus populaire du World Wide Web Framework Symfony2 Un Framework MVC libre écrit en PHP 5. En tant que Framework, il facilite et accélère le développement de sites et d'applications Internet et Intranet PHP Un langage de programmation largement utilisé qui est particulièrement adapté au développement web E-Commerce Cart Functionality Un panier développé spécifiquement pour satisfaire nos besoins Bibliothèques Twitter Bootstrap Une collection d'outils utile à la création de sites web et applications web JavaScript un langage de programmation de scripts principalement utilisé dans les pages web interactives - Tableau de profile des technologies utilisées -
  • 20. Conception et développement d’une application web des services d’impression en ligne 20 Réalisation Technologies | Framework| Architecture C’est quoi Symfony ? Pourquoi Symfony ? Il contient de nombreux outils et des classes visant à raccourcir le temps de développement d'une application web complexe Symfony est un Framework MVC basé sur la langage de programmation PHP5, conçu pour optimiser le développement d'applications Web Facile à installer Simple à utiliser Code très lisible Facile à étendre Bundle Automatise les tâches courantes Le développeur se concentre sur les spécificités
  • 21. Conception et développement d’une application web des services d’impression en ligne 21 Réalisation Technologies | Framework| Architecture Panier JMSPay
  • 22. Conception et développement d’une application web des services d’impression en ligne 22 Réalisation Technologies | Framework | Architecture Internet Contrôleur Modèle Vue Serveur Client - Architecture de Symfony - Design Pattern MVC ContrôleurModèle Vue
  • 24. Conception et développement d’une application web des services d’impression en ligne 24 Conclusion & perspective Performant Interactive Notre application Responsive design Concurrent fort par rapport aux autres solutions existant sur le marché Sa manipulation ne nécessite pas une formation
  • 25. Conception et développement d’une application web des services d’impression en ligne 25 Conclusion & perspective Notre application

Notes de l'éditeur

  1. Merci Monsieur le président, Bonjour tout le monde je remercie tout les membres de jury d’avoir accepter évaluer notre travail Nous avons le plaisir de vous présenter notre projet intitulé  «  Conception et développement d’une application web des services d’impression en ligne» Cet exposé sera organisé comme suit:
  2. Cet exposé sera organisé comme suit:
  3. La publicité constitue l'un des formes les plus importants de communication et de commerce, dont le but est d'attirer l'attention d’une cible visée (que se soit une personne, une famille ou une entreprise). de ce fait, les supports de la publicité sont multiples, parmi eux nous citons: flyer, carte visite, drapeau publicitaire, brochure. Ces supports nécessitent pas justement une conception mais encore une impression.
  4. Pour que le client avoir son support de publicité, il doit aller, tout d’abord, à une agence web pour avoir la conception de son support, après, à une imprimerie pour l’imprimer. Et, par exemple, si le support de publicité est un flyer, alors, le client doit se rendre à une agence qui fournit les distributeurs, pour distribuer ses flyers. Tout ce procédure, résulter des pertes énormes pour le client, comme: perte de temps, d’efforts et le plus important d’argent.
  5. D’où vient la nécessité de la conception et le développement de notre application qu’est composé d’un: Site web des services d’impression en ligne: qui offre des conceptions (modèles) préparés et des autres services et une application web administrative: ou l’administrateur peut gérer le site et les commandes
  6. Pour aboutir à notre objectif, nous avons effectuer une étude préalable ou nous avons étudier quelques solutions qui existent sur le marché
  7. Parmi lesquelles, nous trouvons : RealisaPrint est une société Française qu’offre à ses clients des services d’impression en ligne proposant une large gamme des produits. PixartPrinting est une imprimerie en ligne situé en Italie, elle offre à ses clients des services non-dénombrables parmi lesquelles: assistance technique, suivi des commandes. Printplus est une imprimerie en ligne tunisienne qui allie (=combine) la facilité et la simplicité. Elle offre à l’internaute un panier à gérer et le permet de caractériser les produits sans accéder à l’authentification.
  8. Nous analysons maintenant ces solution par rapport à un certain nombre de conditions (ou de services) dont les principales sont : proposition des modèles, caractérisation du produit, panier sans authentification et consultation des prix. Cette comparaison nous a permis de constater que chacun de ces solutions ne propose pas des modèles aux clients.
  9. en effet, ces solutions présentent des points faibles qui nous ont mené à les écarter, Prenant l’exemple de « printplus-tn.com», ce site offre à ses clients plusieurs services mais présente les défauts suivants : … Ainsi que, « realisaprint.com » présente d’insuffisance en ses services et les défauts suivants : … - Processus assez long pour caractériser le produit ; pour chaque caractéristique, il faut que le client passe par une page.
  10. Après avoir étudié les différentes solutions disponibles soit à l’échelle nationale soit à l’échelle internationale, notre solution devra combler les lacunes constatées, nous proposons de réaliser: Un site web e-commerce d’impression en ligne « SfaxPrint » : c’est un site web destiné au public qui permet les internautes de…. Une application web administrative « SP-Admin » : une application web qui donne le privilège à l'administrateur de …
  11. A ce niveau, nous vous expliquons la partie conception dans laquelle nous révélons quelques diagrammes de la solution
  12. Le premier est celui du site. Nous identifions 2 acteurs un simple internaute et un client. L’internaute a la possibilité de s’inscrire et de consulter les articles et les modèles proposés sans aucune limite. Ainsi, il est capable de gérer son panier, choisissant un ou des produits en attribuant des caractéristiques et un modèle pour le produit choisit. Pour qu’un client puisse effectuer une commande, consulter l’historique de ses commandes, payer et imprimer son facture, il doit d’abord s’authentifier, contrairement à la gérance de son panier qui ne nécessite pas une authentification
  13. Après l’authentification, l’administrateur peur réaliser plusieurs tâches, parmi eux, nous pouvons citer: gestion des pages, des articles, des bannières, des produits et leurs caractéristiques, des modèles et leurs catégories. De plus, il peut gérer les clients et les classer. En outre, l’administrateur peut gérer les commandes et mettre à jour l’avancement de l’impression.
  14. L’internaute ou le client consulte la liste des produits présente sur le site, sélectionne un produit souhaité (décrire les flux), puis procède à l’ajout au panier.
  15. Pour que le client suivre l’avancement de son commande, l’administrateur doit mettre à jour l’avancement de l’impression
  16. cette Figure montre le diagramme de classes général que nous avons réalisé, illustrant toutes les classes utilisés lors de l’implémentation d’application. Alors, l’admin peut gérer les classes ou les catégories des client, les imprimeries, les produits, les pages et leurs articles Bien que, un client peut passer un ou plusieurs commandes qui donne lieu à un panier, ce dernier constitue de plusieurs lignes concernant les produits choisis
  17. Nous entamons (commençons) dans la partie réalisation par les technologies et le Framework utilisées pour le développement de la solution ainsi que l’architecture adopté.
  18. Dans ce tableau , nous avons présenter le profil des technologies qui vont être utilisées dans notre solution : Nous avons utilisé Apache comme étant un serveur Web, pour le Framework nous avons utilisé Symfony2 qu’est basé sur la langage de programmation PHP5 Ainsi, nous avons développer un panier spécifique pour satisfaire nos besoins Et enfin, nous avons utilisé les bibiothèques Twitter Bootstrap et JavaScript
  19. Comme Framework, nous avons utilisé Symfony Bien les questions que se pose: c’est quoi Symfony? Et pourquoi Symfony? Répondant à le 1ér question: c’est quoi Symfony? Bien Symfony ….. Passant à la 2éme question: pourquoi Symfony? pour plusieurs raisons parmi eux, nous citons: - Facile à installer et à configurer sur la plupart des plates-formes - Simple à utiliser - Code très lisible et bien classé - Facile à étendre, permettant une intégration avec d'autres bibliothèques Tous ces raisons sont justifications de choix Symfony en Générale, et pour notre application, nous avons utiliser Symfony2 (la version 2) Alors la question spécifique est « pourquoi Symfony2 pas Symfony1? » car Symfony2 nous offre un nouveau terme appelé « Bundle » C’est quoi le bundle? Bien un bundle est un ensemble de fichiers et répertoires qui automatise les tâches courantes de sorte que le développeur peut se concentrer entièrement sur les spécificités d'une application sans réinventer de toutes les fonctionnalités.
  20. prenant un exemple: voilà notre Bundle SfaxPrint, qui contient la fonctionnalité Panier, bien pour partager cette fonctionnalité avec des autres développeurs, ou de la réutiliser dans une autre application, il faut la mettre dans son propre bundle. En outre, dans notre application, nous avons besoins d’un Bundle de Payement en ligne (qu’est n’est pas implémenté pour le moment car la société ne nous donne pas l’accords de le faire) Bien, alors, voilà la composition finale de notre application.
  21. Passant à l’architecture de Symfony Symfony est basé sur le modèle de conception web classique connu comme l'architecture MVC. Cette dernière sépare la logique métier (modèle), la présentation (vue) et les traitements (contrôleur), résultant une grande maintenabilité. Nous allons présenter une animation qu’explique l’interaction entre ces composants Tt d’abord, le client va demander la page Web Le contrôleur envoie une requête demandant les données du modèle Le modèle renvoie les données demandé à le contrôleur Après le traitement de données, le contrôleur va transmettre la résultat à afficher au vue Et enfin la vue affiche la page demandé
  22. Maintenant nous clôturons notre présentation par une brève conclusion et perspectives.
  23. A la différence des solutions disponibles sur le marché, notre application est plus performant et interactive, grâce à sa conception "responsive", qu’est adaptable sur tous les supports (que se soit ordinateur, tablette ou téléphone mobile). d'ailleurs, elle peut être considéré comme un concurrent fort par rapport aux autres solutions existant sur le marché En plus sa manipulation ne nécessite pas une formation
  24. Cependant, nous pouvons dire que cette première version de notre application n’est que la première pierre et que diverses optimisations peuvent être apportées à ce niveau, nous pouvons citer par exemple des fonctionnalités visant à améliorer : la relation avec les clients CRM Le webmarketing
  25. Nous vous présentons maintenant une petite démonstration qui montre comment se servir de notre solution ainsi qu’une présentation de quelques fonctionnalités