Introduction

Dans cette partie, nous prsentons larchitecture matrielle adopte pour raliser notre application, lenvironnement du travail logiciel utilis (langage, serveur web, SGBD, etc.) ainsi que la structure de notre base de donnes..

I.

Environnement de dveloppement
I.1. Environnements matriels

Notre projet est une application Web dynamique qui se droule dans lenvironnement Net. Par-l, il est ncessaire de dfinir larchitecture logique qui sert de rfrence limplmentation des diffrentes couches.

I.1.1

Larchitecture 3 niveaux :

Cette architecture, appele encore, client-serveur de deuxime gnration, ou client serveur distribu, spare lapplication en trois niveaux de services distincts :

Premier niveau : laffichage et les traitements locaux (contrles de saisie, mise en forme de
donnes...) sont pris en charge par le poste client.

Deuxime niveau : les traitements applicatifs globaux sont pris en charge par le service

applicatif.

Troisime niveau : les services de base de donnes sont pris en charge par un SGBD.
Larchitecture trois tiers applique les principes suivants : Les donnes sont toujours gres de faon centralise. La prsentation est toujours prise en charge par le poste client. La logique applicative est prise en charge par un serveur intermdiaire.

I.1.2 Diagramme de dploiement :

Un diagramme de dploiement est une vue statique qui sert reprsenter l'utilisation de l'infrastructure physique par le systme et la manire dont les composants du systme sont rpartis ainsi que leurs relations entre eux. Les lments utiliss par un diagramme de dploiement sont principalement les nuds, les composants, les associations et les artefacts. Les caractristiques des ressources matrielles physiques et des supports de communication peuvent tre prcises par strotype.

I.2.

Environnement logiciel

La mise en place dune application Web ncessite l'utilisation dune multitude de logiciel. Dans notre cas nous avons class lenvironnement logiciel utilis en deux catgories : les logiciels et les langages de programmation

I.2.1. Les Logiciels Utilis :

Les logiciels utiliss dans l'implmentation de notre projet sont:

I.2.1.1 Note Pad++

Notepad++ est un diteur de texte gnrique qui intgre la coloration syntaxique de code source pour diffrencier les langages. Etant donn que ce logiciel nest quun diteur de texte, il est impossible de compiler avec cet diteur et donc de dceler ses erreurs. Mais son utilisation reste toutefois utile en programmation web.

I.2.1.2 Le logiciel de modlisation PowerAMC

PowerAMC est un logiciel de modlisation du traitement informatique des applications et de leurs bases de donnes associes. PowerAMC a permis de gnrer lensemble des diagrammes conceptuels UML qui existent dans le rapport travers un espace de travail simple et facile utiliser.

I.2.1.3 Le Systme de Gestion de Bases de Donnes MySQL

MySQL est un vritable serveur de base de donnes SQL multiutilisateur et multithreaded. SQL est le plus populaire langage de base de donnes dans le monde. Est un langage standardis qui rend facile le stockage, la mise jour et l'accs l'information. Par exemple, vous pouvez utiliser le MySQL pour rcuprer des informations sur un produit ou stocker des informations client sur un site web. MySQL est suffisamment rapide et flexible pour grer des historiques et des images. Les principaux avantages de MySQL sont la rapidit, la robustesse et la facilit d'utilisation.

I.2.1.4 Le serveur Wamp

WAMP est un acronyme informatique signifiant :

Windows : est un systme dexploitation assure l'attribution des ressources ces trois composants.

Apache : est le serveur HTTP le plus populaire du web, il rpond directement aux requtes du client web.

MySQL : stocke toutes les donnes de l'application. PHP : le langage de script, sert la logique.

WAMP permet donc de faire tourner un serveur de dveloppement pour des applications en PHP sur votre ordinateur.

La figure suivante montre le fonctionnement de serveur WAMP :

Figure : Les fonctionnalits de serveur.

I.2.2 Les langages utiliss :

Les langages de programmation que nous avons utilise dans le dveloppement de notre application sont:

I.2.2.1 HTML HyperText Markup Language:

Le HTML ou HyperText Markup Language est un langage permettant de crer des pages web. Il utilise une forme structure forme de balises permettant la description et laffichage de diffrents objets sur un cran. Ces objets peuvent tre du texte, des tableaux, des images, des vidos et des sons.

I.2.2.2 CSS feuille de style :

Le langage CSS (Cascading Style Sheets : feuilles de style en cascade) est utilis pour dcrire la prsentation d'un document structur crit en HTML ou en XML, et c'est le World Wide Web Consortium qui en a la direction.

CSS est principalement utilis pour dfinir tous les aspects de la prsentation : les couleurs, les polices, alignement de texte, taille, position, le rendu, et d'autres caractristiques d'un document mais aussi le formatage non visuel, comme la vitesse laquelle le document doit tre lu par des lecteurs de texte.

I.2.2.3 Le langage interprt PHP

PHP est un langage interprt ou un langage de script excut du ct serveur (comme les scripts CGI, ASP, etc.) et non du ct client (comme le cas d'un script crit en JavaScript ou une applet Java). La syntaxe du langage provient de celle du langage C, du Perl et de Java. Les principaux atouts de ce langage de script sont : La simplicit d'criture de scripts, La possibilit d'inclure le script PHP au sein d'une page HTML : ceci nous a permis d'utiliser le langage de balises HTML pour concevoir les interfaces statiques. Par ailleurs, tout ce qui relve de traitement dynamique est trait par du script PHP, La richesse du code PHP en nombre de fonctions de diffrents types. C'est ainsi que PHP dispose de fonctions d'accs aux systmes de rpertoires et de fichiers du serveur web. De mme, il existe des fonctions de manipulation de chanes de caractres, de traitement de tableaux, etc., La simplicit d'interfaage avec des bases de donnes (de nombreux SGBD sont supports, MySQL, Oracle Sybase, Microsoft, Postgres, ODBC, etc.) Support de fonctions Web (cookies, authentication, sessions, redirection...) L'intgration au sein de nombreux serveurs Web (Apache, Microsoft IIS, etc.).

II.

Larchitecture de la base de donnes :

Les figures suivantes prsentent les diffrentes tables qui existent dans la base de donnes ELECTRONIX .

II.1 Table Administrateur :

II.2 Table Commande :

II.3 Table Newsletter :

II.4 Table Panier :

II.5 Table produit :

II.6 Table Publicit :

III.8 Table client :

III. Les principales interfaces graphiques :

Cette partie permet de mettre dans les conditions relles dutilisation de lapplication

III.1. Interface client :

Dans les paragraphes qui suivent, je vais exposer diffrentes situations que peut rencontrer le client. III.1 Accueil :

Dans cette page le client peut tre identifi en tapant leur identifiant et mot de passe, afficher les produits par catgorie et les ajouter dans leur panier.

III.1.2 Inscription : Cette page permet tout nouveau client de sinscrire dans cette base de donnes pour pouvoir, par la suite, effectuer un achat. La page nest valide que si tous les champs de saisie sont conformes aux exigences demandes, si un champ nest pas rempli, une alerte de couleur rouge vient interpeller linternaute de son erreur.

III.1.3 Le panier : Cette page permet galement au client de vrifier la quantit choisie et le montant total de son panier aussi bien il peut augmenter ou supprimer ou diminuer son produit, ensuit, il peut commander ses produits mais il faut absolument se connecter pour pouvoir passer sa commande.

III.2 Interface administrateur :

III.2.1 Accueil :
Ladministrateur tape son nom et mot de passe pour accder cette interface, il a le droit dadministrer les actions possibles dans le site comme (modifier, ajouter et supprimer des produits ou des catgories).

III.2.2 Ajouter produit :

Cette page permet ladministrateur de rajouter des produits dans la base actuelle. Suivant le type du produit, il devra entrer diffrents champs afin de renseigner larticle a rajout. Chaque champ de saisie est contrl lors de la validation de la page.

III.2.3 Publicit :