WOW !! MUCH LOVE ! SO WORLD PEACE !
Fond bitcoin pour l'amélioration du site: 1memzGeKS7CB3ECNkzSn2qHwxU6NZoJ8o
Dogecoin (tips/pourboires): DCLoo9Dd4qECqpMLurdgGnaoqbftj16Nvp

Home | Publier un mémoire | Une page au hasard

Memoire Online >

Rapports de stage

Conception d'un site de vente des produits dans un établissement commercial, cas des etablissement Skycom

( Télécharger le fichier original )
par Jean Richard MUYA KABANDA
Institut supérieur de statistique - Licence 2013

précédent sommaire suivant

Bitcoin is a swarm of cyber hornets serving the goddess of wisdom, feeding on the fire of truth, exponentially growing ever smarter, faster, and stronger behind a wall of encrypted energy

III.3.3 ARCHITECTURE DE L'APPLICATION

La technologie objet requiert une architecture. C'est cette architecture qui organise les interactions entre objets. On a l'habitude de regrouper ces objets en classes, cette classe en domaines, et ces domaines en couches.

Les couches permettent de présenter l'architecture de l'application. Les équipes de réalisation s'attribuent alors des responsabilités sur le développement de chaque couche. Aussi, si modéliser et indispensable, construire une architecture à couche et un critère de qualité dans le cadre d'un développement objet. Reste donc à choisir le nombre de couches et à définir leur contenu.

Architecture 3-tiers.

Pour avoir une architecture robuste, modulable et évolutive, il nous faut utiliser le principe de « couche ». nous allons donc séparer au maximum le différents types de traitement de l'application (DAO[Data Access objets], métier et présentation).

^Presentation

^Métier

^DAO

^"usage"

Ceci correspond à une architecture 3 - tiers suivante :

^"usage"

^BDD

^"usage"

^{Architecture 3-tiers}

III.3.4 STRUCTURE GENERALE DE L'APPLICATION

L'application est découpée en 3 couches distinctes, présentation, métier et

DAO.

- La couche « présentation » est chargée de tout ce qui est affichage.

- La couche « métier » est la logique métier de l'application, elle est le coeur et c'est elle qui définit toutes les règles régissantes au fonctionnement de l'application.

- La couche « DAO » est l'intermédiaire entre les autres couches et la base de données. Ainsi donc, avant de développer les 3 couches, nous allons d'abord développer notre base de données.

CHAPITRE IV : ARCHITECTURE RESEAU ET DEPLOIEMENT

Le déploiement d'une solution client / serveur se construit sur la définition des postes de travail. Un poste de travail représente un ou plusieurs acteurs pouvant être localisé sur une machine d'un type particulier et remplissant une fonction identifiée dans l'entreprise. Le poste de travail ne représente pas forcément une machine physique, mais peut consister en plusieurs machines, à condition qu'elles donnent lieu au même type de déploiement.⁽¹⁾

La notion de poste de travail peut cependant être quelque peu bouleversée par la généralisation des déploiements en client léger. En effet, au travers de la notion de portail plusieurs applications sont potentiellement accessibles, voir atteinte de manière transparente à l'utilisateur par des techniques de syndication. Cette évolution technologique nous amène à associer la notion de poste de travail à l'ensemble des applications web que l'on désire rendre accessibles pour un acteur particulier du système. La définition des postes de travail dans le cadre que l'on doit déclarer au travers des mécanismes de « single sign - on » d'un portail.

Les modèles de déploiement et de configuration matérielle s'expriment tous deux à l'aide d'un diagramme de déploiement. Cependant, ils n'expriment pas tout à fait le même niveau de description.

Le modèle de configuration matérielle est utilisé pour exprimer les contraintes de mises en oeuvre au niveau physique. On y trouve les noeuds et le connexions physiques du système, qui sont les différents types de machines connectées par des moyens divers. Le modèle de configuration matérielle permet de spécifier, de documenter et de justifier tous les choix d'organisation physique en fonction des machines dédiées aux diverse fonctions techniques du système.

Le modèle de déploiement considère plutôt chaque noeud comme un poste de travail. Il exprime la répartition physique des fonctions métier du système et permet de justifier la localisation des base de données et des environnements de travail. Le modèle de déploiement aide à préciser la qualification des postes client, des réseaux et de leur sécurité physique par rapport à des critères fonctionnels.⁽¹⁾

Ainsi donc, le diagramme de déploiement de notre système se présente de la manière suivante :

⁽¹⁾ P. Rocques & F. Vallée, UML 2 en action, de l'analyse des besoins à la conception, éd. EYROLLES, 2007, p.236

- 239

⁽¹⁾ Ibidem

^Client

^Banque

^SRVEUR

^{Administrateur Réseau}

^{S. Vente}

^{SERVICE VENTE}

^Client

^{I HM}

^BANQUE

^{I HM}

Cette architecture comprend des noeuds correspondant aux support physiques (Serveurs, poste de travail, ...) ainsi que la répartition des artefacts logiciels (bibliothèques, exécutables, ...) sur ces noeuds. C'est un véritable réseau constitué de noeuds et de connexions entre ces noeuds qui modélise cette architecture.

Un noeud correspond à une ressource matérielle de traitement sur laquelle des artefacts seront mis en oeuvre pour l'exploitation du système. Les noeuds peuvent être interconnectés pour former un réseau d'éléments physiques.

Un artefact est la spécification d'un élément physique qui est utilisé ou produit par le processus de développement du logiciel ou par le déploiement du système. C'est donc un élément concret comme par exemple : un fichier, un exécutable ou une table d'une base de données.⁽¹⁾

Ainsi donc tout en considérant l'hypothèse précédente notre diagramme pourra donc se présente ainsi :

⁽¹⁾ J. GABAY & D. GABAY, UML2 Analyse et conception, éd. DUNOD, Paris, 2008, p69

^Client

^{I HM}

^"device"

^{Serveur web}

^"artifact"

^{Commande.html}

^{SERVICE VENTE}

^{I HM}

^"device"

^{serveur application métier}

^SWITCH

^"artifact"

^Metier.php

^BANQUE

^{I HM}

^"artifact"

^Client

^"artifact"

Contrôle

^"artifact"

^Article

^{nomey electronique}

^"Device"

^{Serveur BDD}

^"artifact"

^Scripts.SQL

4.1. PRESENTATION DE L'APPLICATION Code source

<!DOCTYPE html>

<!--[if lt IE 7]>

<![endif]-->

<!--[if IE 7]>

<![endif]-->

<!--[if IE 8]>

<![endif]-->

<!--[if IE 9]>

<![endif]-->

<!--[if gt IE 9]>

<head>

<title>Skycom shop | armoire simple | Shop | tous vos besoin a porte de main</title>

<!--[if lt IE 9]>

type="text/javascript"></script>

<![endif]-->

content/plugins/woocommerce-menu-bar-cart/css/wpmenucart-icons.css?ver=3.9.2' type='text/css' media='all' />

content/plugins/woocommerce-menu-bar-cart/css/wpmenucart-main.css?ver=3.9.2' type='text/css' media='all' />

content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=2.1.12' type='text/css'

media='all' />

href=" http://localhost/skyshop/xmlrpc.php?rsd" />

var wpversion = "3.9.2";

var agca_version = "1.3.7";

var agca_debug = false;

var jQueryScriptOutputted = false;

var agca_context = "page";

function initJQuery() {

//if the jQuery object isn't available

if (typeof(jQuery) == 'undefined') {

if (! jQueryScriptOutputted) {

//only output the script once..

jQueryScriptOutputted = true;

//output the script (load it from google api)

document.write("<scr" + "ipt type=\"text/javascript\"

src=\" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js\"></scr" + "ipt>");

}

setTimeout("initJQuery()", 50);

} else {

jQuery(function() {

try

{

jQuery('#wpadminbar').show();

if(isWPHigherOrEqualThan("3.3")){ }

if(isWPHigherOrEqualThan("3.3")){

jQuery("ul#wp-admin-bar-root-default li#wp-admin-bar-comments").css("display","none"); jQuery("ul#wp-admin-bar-root-default li#wp-admin-bar-new-content").css("display","none");

jQuery("ul#wp-admin-bar-root-default li#wp-admin-bar-new-content li#wp-admin-bar-new-

post").css("display","none");

jQuery("ul#wp-admin-bar-root-default li#wp-admin-bar-new-content li#wp-admin-bar-new-

link").css("display","none");

jQuery("ul#wp-admin-bar-root-default li#wp-admin-bar-updates").css("display","none"); }

jQuery("#wphead #header-logo").css("display","none");

jQuery("ul#wp-admin-bar-root-default li#wp-admin-bar-wp-logo").css("display","none");

jQuery("#wp-admin-bar-site-name").css("display","none");

}catch(ex){}

});

}

initJQuery();

</script>

var agca_global_plugin_url = ' http://localhost/skyshop/wp-content/plugins/ag-custom-admin/'; </script>

admin/script/ag_script.js?ver=1.3.7"></script>

jQuery(document).ready(function(){

updateTargetColor("color_header","#176b96");

});

</script>

href=" http://localhost/skyshop/boutique/feed/" /><style type="text/css">.ie8 .container {max-width: 1020px;width:auto;}</style>

body {

font-size : 14px;

font-family : Arial, Helvetica, sans-serif;

font-weight : normal;

color : #333333;

}

.container {

max-width : 1020px; }

h1, h2, h3, h4, h5, h6 {

font-family : Arial, Helvetica, sans-serif; }

</style> </head>

<! Top Header >

<div class="top-head-description"> tous vos besoin a porte de main </div> </div>

</div>

</div> </div> </div> </div> </div>

<! Header >

<h2 class="site-title"><a href=" http://localhost/skyshop/" title="Skycom shop" rel="home">Skycom shop</a></h2>

</div> </div> </header>

</div>

</div>

</div>

<! Menu >

<ul id="menu-menu" class="nav"><li><a href=" http://localhost/skyshop/">Boutique</a></li>

<li class="dropdown "data-dropdown="dropdown"><a href=" http://localhost/skyshop/mon-

compte/"dropdown-toggle>Mon Compte<b class="caret"></b></a>

<li><a href=" http://localhost/skyshop/mon-compte/commande/">Commande</a></li>

<li><a href=" http://localhost/skyshop/mon-compte/panier/">Panier</a></li>

</ul>

</li>

</ul>

<form method="get" id="searchform" class="navbar-search pull-right"

action=" http://localhost/skyshop/" role="search">

</div>

</a>

</div>

</div>

</div>

</nav>

</div>

</div>

</div>

<div id="content" class=" span9 content-sidebar-right"> <h1 class="page-title">Boutique</h1>

Afficher tous les 10 résultats</p><form class="woocommerce-ordering" method="get"> <select name="orderby" class="orderby">

<option value="menu_order" >Tri par défaut</option><option value="popularity" >Tri par popularité</option><option value="rating" >Trié par notes moyennes</option><option value="date" >Tri par nouveauté</option><option value="price" >Tri par tarif croissant</option><option value="price-desc" >Tri par tarif décroissant</option> </select>

</form>

<h3>armoire simple</h3>

<a href="/skyshop/?add-to-cart=78" rel="nofollow" data-product_id="78" data-product_sku="" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li>

<span class="onsale">Promo !</span>

<h3>équipement sale de bain</h3>

</a>

<a href="/skyshop/?add-to-cart=80" rel="nofollow" data-product_id="80" data-product_sku="" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li>

<a href=" http://localhost/skyshop/produit/flashe/"> <span class="onsale">Promo !</span>

<img width="150" height="150" src=" http://localhost/skyshop/wp-

content/uploads/2014/09/1320157468-150x150.jpg" class="attachment-shop_catalog wp-post-image" alt="1320157468" />

<h3>flashe disque</h3>

</a>

<a href="/skyshop/?add-to-cart=82" rel="nofollow" data-product_id="82" data-product_sku="" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li>

<h3>Meuble chambre</h3>

<a href="/skyshop/?add-to-cart=68" rel="nofollow" data-product_id="68" data-product_sku="" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li>

<h3>ORDINATEUR FIXE ET PORTABLE</h3>

<a href="/skyshop/?add-to-cart=58" rel="nofollow" data-product_id="58" data-product_sku="" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li>

<a href=" http://localhost/skyshop/produit/robe/"> <span class="onsale">Promo !</span>

<img width="150" height="150" src=" http://localhost/skyshop/wp-

content/uploads/2014/09/IMG_10903913926329-150x150.jpeg" class="attachment-shop_catalog wp-post-image" alt="IMG_10903913926329" />

</a>

<a href="/skyshop/?add-to-cart=25" rel="nofollow" data-product_id="25" data-product_sku="robe

soiré" class="button add_to_cart_button product_type_simple">Ajouter au panier</a> </li>

<a href=" http://localhost/skyshop/produit/64/"> <span class="onsale">Promo !</span>

<img width="150" height="150" src=" http://localhost/skyshop/wp-

content/uploads/2014/09/CityMeuble-031-150x150.jpg" class="attachment-shop_catalog wp-post-image" alt="CityMeuble-03" />

<h3>sale a manger</h3>

</a>

<a href="/skyshop/?add-to-cart=64" rel="nofollow" data-product_id="64" data-product_sku="" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li>

<span class="onsale">Promo !</span>

<img width="150" height="150" src=" http://localhost/skyshop/wp-

content/uploads/2014/09/nettoyage-materiel-informatique-150x150.jpg" class="attachment-
shop_catalog wp-post-image" alt="nettoyage-materiel-informatique" />

<h3>service nettoyage</h3>

</a>

<a href="/skyshop/?add-to-cart=70" rel="nofollow" data-product_id="70" data-product_sku="" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li>

<a href=" http://localhost/skyshop/produit/table-avec-armoire/"> <span class="onsale">Promo !</span>

<h3>table avec armoire</h3>

</a>

<a href="/skyshop/?add-to-cart=77" rel="nofollow" data-product_id="77" data-product_sku="" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li>

<a href=" http://localhost/skyshop/produit/vetements-pour-enfant/"> <span class="onsale">Promo !</span>

<img width="150" height="150" src=" http://localhost/skyshop/wp-

content/uploads/2014/09/IMG_128463380326511-150x150.jpeg" class="attachment-shop_catalog wp-post-image" alt="IMG_12846338032651" />

<h3>Vêtements pour enfant</h3>

</a>

<a href="/skyshop/?add-to-cart=35" rel="nofollow" data-product_id="35" data-product_sku="ado" class="button add_to_cart_button product_type_simple">Ajouter au panier</a>

</li> </ul>

</div>

<form method="get" id="searchform" class="navbar-search pull-right"

action=" http://localhost/skyshop/" role="search">

<div class="clear"></div></aside><aside id="woocommerce_product_categories-2" class="widget-container woocommerce widget_product_categories"><h3 class="widget-title">Catégories</h3><ul

class="product-categories"><li class="cat-item cat-item-20"><a
href=" http://localhost/skyshop/categorie-produit/logiciel/">LOGICIEL DE PROTECTION</a></li>

<li class="cat-item cat-item-23"><a href=" http://localhost/skyshop/categorie-produit/materiels-informatique/">MATERIELS INFORMATIQUE</a></li>

<li class="cat-item cat-item-24"><a href=" http://localhost/skyshop/categorie-

produit/meublement/">MEUBLEMENT</a></li>

<li class="cat-item cat-item-17"><a href=" http://localhost/skyshop/categorie-

produit/habillement/">VÊTEMENTS HAUT COUTURE</a></li>

</ul></aside> </div>

</div> </div>

</div> </div>

</div>

<aside id="woocommerce_widget_cart-2" class="widget-container span3 woocommerce

widget_shopping_cart"><h3 class="widget-title">Panier</h3><div

class="widget_shopping_cart_content"></div></aside><aside id="woocommerce_products-2"

class="widget-container span3 woocommerce widget_products"><h3 class="widget-title">Produits</h3><ul class="product_list_widget"><li>

<img width="90" height="90" src=" http://localhost/skyshop/wp-

content/uploads/2014/09/1320157468-90x90.jpg" class="attachment-shop_thumbnail wp-post-image" alt="1320157468" /> flashe disque </a>

<del><span class="amount"> 21,000.00</span></del> <ins><span

class="amount"> 19,000.00</span></ins></li><li>

<img width="90" height="90" src=" http://localhost/skyshop/wp-content/uploads/2014/09/studio-meuble-montreal-ste-jeanne-101-90x90.jpg" class="attachment-shop_thumbnail wp-post-image" alt="studio-meuble-montreal-ste-jeanne-10" /> équipement sale de bain </a>

<del><span class="amount"> 689,000.00</span></del> <ins><span

class="amount"> 650,000.00</span></ins></li><li>

<img width="90" height="90" src=" http://localhost/skyshop/wp-content/uploads/2014/09/meuble-tv-propre-90x90.jpg" class="attachment-shop_thumbnail wp-post-image" alt="meuble tv propre" /> armoire simple </a>

<img width="90" height="90" src=" http://localhost/skyshop/wp-content/uploads/2014/09/meuble-tv-agglomere-ouvert-90x90.jpg" class="attachment-shop_thumbnail wp-post-image" alt="meuble-tv-agglomere-ouvert" /> table avec armoire </a>

<del><span class="amount"> 35,000.00</span></del> <ins><span

class="amount"> 25,000.00</span></ins></li><li>

<img width="90" height="90" src=" http://localhost/skyshop/wp-content/uploads/2014/09/nettoyage-

materiel-informatique-90x90.jpg" class="attachment-shop_thumbnail wp-post-image"
alt="nettoyage-materiel-informatique" /> service nettoyage </a>

<del><span class="amount"> 25,000.00</span></del> <ins><span

class="amount"> 20,000.00</span></ins></li></ul></aside> </div>

</div>

</div>

var woocommerce_params

= {"ajax_url":"\/skyshop\/wp-admin\/admin-

</div>

</div>

</div>

<h4 class="cc-credit-text">CyberChimps WordPress Themes</h4>

</a>

</div>

</div>

</footer>

</div>

</div>

</div>

var wc_add_to_cart_params

= {"ajax_url":"\/skyshop\/wp-admin\/admin-

ajax.php","ajax_loader_url":"\/\/localhost\/skyshop\/wp-

content\/plugins\/woocommerce\/assets\/images\/ajax-loader@2x.gif","i18n_view_cart":"Voir Panier","cart_url":"http:\/\/localhost\/skyshop\/mon-compte\/panier\/","is_cart":"","cart_redirect_after_add":"no"};

/* ]]> */ </script>

content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=2.1.12'></script>

content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.60'></script>

ajax.php","ajax_loader_url":"\/\/localhost\/skyshop\/wp-content\/plugins\/woocommerce\/assets\/images\/ajax-loader@2x.gif"};

/* ]]> */ </script>

content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=2.1.12'></script>

content/plugins/woocommerce/assets/js/jquery-cookie/jquery.cookie.min.js?ver=1.3.1'></script>

var wc_cart_fragments_params

ajax.php","fragment_name":"wc_fragments"};

= {"ajax_url":"\/skyshop\/wp-admin\/admin-

/* ]]> */ </script>

content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=2.1.12'></script>

content/themes/ifeature/cyberchimps/lib/bootstrap/js/bootstrap.min.js?ver=2.0.4'></script>

content/themes/ifeature/cyberchimps/lib/js/retina-1.1.0.min.js?ver=1.1.0'></script>

</body> </html>

Aperçus du site par le client

®5~ycom

hop I Commande

f C ft [cD Iocalhos/skyshop/mon-compte/commande/

Nom de l'entreprise

Adresse'

666, lucifer road

Appartement, bureau, etc. (optionnel)

Ville*

hall

État! Comté * evil	Code Postal'

Adresse email' Téléphone*

diable@uheRcom

00666666666

Votre commande

Produit

armoire simple
· 1 Sous-total nu panier Livraison et Manutention Montant

Total

45.000.00 45,000.00 Livraison Gratuite 45,000.00

ra^-^.. O i 0

~
·
· 0 Sri +r 14:58

ze109,zm4

_ p

C^rft O localhost/skyshop/mon-compte/commande/

	Virement Bancaire

Effectuez le paiement directement depuis votre compte bancaire. Veuillez utiliser l'identi0ant de

votre commande comme référence du paiement Votre commande ne sera pas expédiée tant que les fonds ne seront pas reçus.

Paiement par Chèque

O Mpesa

O tigocash

Produits

-21,003-03 19.000.00 ⁰¹

équipement sale de bain

ftashe disque

Commander

Aperçue des commande par le serveur ou gestionnaire du site

CONCLUSION

Nous voici arrivé au terme de notre travail de fin d'étude à l'institut supérieur de statistique de Lubumbashi, dont l'objet était celui de mettre en place une application d'un site web de vente de produit en ligne de l'établissement SKYCOM de Lubumbashi

En effet, pour remédier aux différentes difficultés, nous avons procédés aux différentes démarches de l'informatisation, en ayant connaissance de l'existant du système en usage et des solutions ont étés proposées après avoir décelé toutes les anomalies constatées

Pour ce faire nous nous résumons pour dire que dans le premier chapitre, nous avions expliqués les différents concepts de base considérée dans l'élaboration de notre travail et différents travaux antérieurs en rapport avec notre sujet. Le deuxième nous a donné la possibilité de concevoir un système d'information organisé et le dernier chapitre s'achève par l'écriture des codes dans le langage que nous essayons de maitriser et l'implantation du site.

En fait, nous avons apporté nos contribution dans ce secteur d'activité dans le sens que les clients passerons leurs commandes en ligne et payerons leurs factures soit par compte bancaire soit encore par money électronique. Et cette innovation ne permettra à toute personne de passer sa commande même à distance.

En fin, nous restons ouverts à toutes les critiques objectives que tout chercheur devra bien nous adresser après la lecture de ce travail. Voilà d'une manière générale, la quintessence de l'étude que nous avons menée.

BIBLIOGRAPHIE

précédent sommaire suivant

"Nous devons apprendre à vivre ensemble comme des frères sinon nous allons mourir tous ensemble comme des idiots" Martin Luther King