[PDF] conception uml gestion de paie
[PDF] conception uml gestion de scolarité
[PDF] conception uml gestion des congés
[PDF] conception uml+gestion de paie
[PDF] concepto de imagen fotografica
[PDF] concepto de imagen segun abraham moles
[PDF] concepto de region segun george pierre
[PDF] concepto de region y regionalidad
[PDF] concepto de region y regionalizacion
[PDF] concepto de regionalismo pdf
[PDF] concepto de valores empresariales segun autores
[PDF] concepto gestion de riesgo
[PDF] concepto sistema bancario nacional
[PDF] concepto sistema bancario nacional costa rica
[PDF] conceptos basicos de genetica pdf
Réalisé par :
CHAOUI Abdelilah
2005/2006
Réalisation d'un
site web dynamique
E-Commerce
pour la société
MANAR Technologie
Encadré par :
M.DAHMAN SAIDI
Abdarrahim
1 page texte
0.5 DH
1 page mixte
1 DH
1 page image
2 DH
1 CD vierge
2 DH
1 pochette
double
0.5 DH
1 reliure
(baguette + transparent + papier cartonné) 6 DH
3.1. Java
Java est à la fois un langage
de programmation et une plateforme d'exécution [7]. Le langage Java a la particularité principale d'être portable, puisqu'il peut tourner sur n'importe quelle machine disposant d'un interpréteur
Java. Cette portabilité est
fondamentale sur Internet,
4. Réalisation
Au lancement de
l'application, l'utilisateur a le choix entre deux menus : New
Project et Load Project.
ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 2
Remerciements
Je tiens sincèrement à remercier vivement
M.DAHMAN
SAIDI Abderrahim pour son encadrement et son assistance durant la réalisation de mon stage de fin d'année. Je remercier également le personnel de la société MANAR Technologie pour leur collaboration au long de la période de stage. En fin, veuillez accepter, mesdames et messieurs les membres du jury, toutes nos reconnaissances.
CHAOUI Abdelilah
ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 3
Liste des figures
Figure 1 : la base de données.
Figure 2 : L'environnement WebDev 9.
Figure 3 : Le code serveur et le code navigateur.
Figure 4 : L'accès aux base de données avec WebDev. Figure 5 : La distribution des pages web réalisées.
Figure 6 : La page d'accueil.
Figure 7 : La page de l'inscription.
Figure 8 : La page des produits.
Figure 9 : La page de chariot.
Figure 10 : La page de paiement.
Figure 11 : Facture générée en format PDF.
Figure 12 : La page de l'administrateur.
Figure 13 : La page des nouveaux adhérents.
Figure 14 : La page des adhérents admis.
Figure 15 : La page des nouvelles commandes.
Figure 16 : La page des commandes validées.
Figure 17 : La page des commentaires.
Figure 18 : La page de l'insertion des produits.
Figure 19 : La page des produits existants.
ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 4
Table des matières
Remerciements ....................................................................................... 2 Liste des figures
.................................................................................... 3 Table des matières
................................................................................ 4 Introduction .......................................................................................... 5 Chapitre 1 : L'organisme d'accueil .............................................. 6
1.1. l'organisme d'accueil............................................................ 6
1.2. Le service eCommerce.......................................................... 7 Chapitre 2 : Analyse et conception du projet ........................... 8
2.1. Analyse des besoins ............................................................... 8 2.2.
Conception de la base de données ........................................ 9 Chapitre 3 : Réalisation du projet............................................. 14
3.1. Les outils de travail ............................................................. 14
3.1.1. Architecture de Webdev 9 ................................................ 14
3.1.2. Le W-Language
............................................................... 14
3.1.3. L'éditeur de code ............................................................. 16
3.1.4. La base de données Hyper File
......................................... 18
3.2. Les procédures et les requêtes............................................. 19
3.1.1. Les procédures ................................................................ 19
3.1.2. Les requêtes
.................................................................... 20 3.3. Réalisation du projet ............................................................ 23
3.3.1. Les pages client ............................................................. 23
3.3.2 . Les pages administrateur ............................................. 27
Conclusion .............................................................................................31 Bibliographie
....................................................................................... 32 ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 5
Introduction
L'expansion de l'Internet provoque des changements profonds au niveau commercial, de la publicité jusqu'à la livraison, tous les détails d'une relation commerciale entre le vendeur et le client passe aujourd'hui par l'Internet, ce dernier met à la disposition de tous les partenaires, tous les outils pour finaliser l'achat et la vente en succès et en toute sécurité, ce qu'on l'appelle aujourd'hui le eCcommerce. L'Internet peut être aussi un facteur majeur pour réduire le coût de publicité, et élargir le champ de diffusion de l'information à tout le monde. Ceci en mettant à la disposition de client tout les outils d'aides à la recherche d'informations, la mise à jour des prix et de stock, et les dernières nouvelles de touts les marchés, et la disposition de vendeur tous les outils pour commercialiser leur produits. Notre stage d'été s'était dans ce sens, durant la durée de sa réalisation, nous étions chargés de réaliser un site web dynamique permet à la société
MANAR Technologie d'offrir le
service eCommerce. Le présent rapport comporte 3 chapitres. Dans le chapitre I, nous allons présenter l'organisme d'accueil et son besoin d'un site web dynamique permet de réaliser commander via web. Ensuite, dans le chapitre II, nous allons analyser le besoin et détailler notre conception du site, et dans le chapitre III, nous allons entamer la partie réalisation du site de l'organisme d'accueil. ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 6
Chapitre I
L'organisme d'accueil
Dans ce chapitre nous allons présenter l'organisme d'accueil, puis nous allons expliquer le choix de service eCommerce pour la société
MANAR Technologie.
1.1. L'organisme d'accueil
MANAR Technologie est une société multiservices, elle offre les services de l'informatique, maintenance, et la vente de matériels informatique. En général, elle est crée pour aider les entreprises, les bureaux de services privées au publics et à tirer profit des nouvelles technologies informatiques, et d'apporter aux individus, aux toutes établissements -publics ou privée- une couverture complète de besoins informatique. MANAR Technologie propose des services en informatique différents qui couvre les aspects matériel et logiciel, et les principaux volets de sa spécification sont : Matériels : dans ce domaine la société MANAR Technologie offre les services suivants : Vente de matériels informatiques pour les individus et les
établissements.
Installation, et configuration des équipement de bureautique et réseau. ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 7 Maintenance : la société MANAR Technologie offre aussi le service de réparation et maintenance de matériels informatiques, réseaux, et logiciels. Logiciel et progiciels : Le 3éme domaine de MANAR
Technologie
c'est le développement des applications sur demandes des clients.
1.2. Le service eCommerce
Le eCommerce est l'abréviation de commerce électronique, c'est un terme générique désignant aussi bien la vente par correspondance de biens physiques, via le PC, c'est-à-dire, l'utilisation de la technologie Internet à des fins
économiques
, que le téléchargement de biens numériques (logiciels, musique, vidéos, jeux, eBooks, etc...) et bien sûr l'achat de services (voyages, services financiers, matériels informatiques, etc...).
La société
MANAR Technologie a décidé de profiter ce service d'Internet, en réalisant un site web dynamique permettant la vente par correspondance, ce qui va mettre le boutique de produits de la société, avec toutes les informations possible, à la disposition de clients qui aura la possibilité d'acheter à distance tout ce qu'il veut. Dans ce chapitre nous avons présenté l'organisme d'accueil et ses domaines de travail, puis nous avons défini le service eCommerce et la motivation de la société
MANAR Technologie
par ce service. ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 8
Chapitre II
Analyse et conception du projet
Dans ce chapitre, nous essayerons d'analyser le besoin de la société, ainsi que concevoir une solution optimale pour faciliter le contact entre la société et le client.
2.1. Analyse des besoins
Aujourd'hui le eCommerce devient de plus en plus l'un des services les plus forts de l'Internet, et cela revient à la diffusion de l'information sur le web qui est rapide et pas coûteuse, ce qui permet une expansion publicitaire d'un nouveau produit, avec un coût de publicité très économique, ce qui encourage les société offrantes le service de vente, de choisir le eCommerce. Pour les même raisons qu'on a cité la société
MANAR Technologie a
décidé de réaliser un site web dynamique répond aux besoins suivants : Commercialiser les produits de la société sur le web. Permettre aux clients d'inscrire chez la société. Permettre aux clients de réaliser des commandes via web, et d'envoyer leurs remarques et leurs commentaires. Permettre aux clients de recevoir les produits achetés dans leurs maisons. Pour garantir un bon fonctionnement de site, la société MANAR
Technologie
a choisi de cibler les clients selon des critères à respecter, le premier critère c'est la ville de client, parce que le service de commander via web n'est possible que pour les clients de Tanger, le deuxième critère c'est que MANAR Technologie n'accepte que les clients qui ont envoyé des données correctes. ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 9 Pour répondre aux besoins de la société, ainsi que satisfaire aux contraintes d'admission les clients, on a décidé que la relation entre le client et la société doit partir par les étapes suivantes :
1- Le client envoie une demande d'inscription dans la page concernée.
2- L'administrateur de site a le choix, soit de valider l'inscription si elle est
satisfaite aux contraintes d'admission, soit de la rejeter sinon.
3- Le client admis choisit les produits, réalise une commande, et génère la
facture de la commande en format PDF.
4- Le client admis envoie la facture signée avec un chèque comporte le
montant de la facture.
5- La société envoie les produits commandés vers l'adresse de client et
finalise les procédures de l'achat.
2.2. Conception de la base de données:
Pour répondre aux besoins q'on a étudié dans la partie d'analyse, nous avons décidé la construction d'une base de données de 9 tables -figure 1-, ce choix garanti une couverture complète des besoins de notre site web, ainsi que la satisfaction de contraintes.
Les tables de la base de données sont :
Les tables concernant des produits :
PRODUIT, CATEGORIE, MARQUE.
Les tables traitantes les commandes :
COMMANDE, LIGNECDE
Les tables des clients :
CLIENT, DOSSIER, COMMENTAIRE.
Le suivant -figure 1- montre les tables de la base de données, la relation entre les tables, et les cardinalités. ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 1 0 0,n 1,1 0,n 1,1
0,n1,10,n1,1
0,1 1,1
0,n1,1
0,n 1,1
MARQUE
Marque
CATEGORIE
Categorie
PRODUIT
CodeProduit
Description
Prix Photo
Categorie
Marque
Designation
QteStock
DescriptionDetaille
CLIENT
CodeClient
Nom
Prenom
Adresse
CodePostal
Ville GSM
Telephone
Fax eMail
LIGNECDE
idlignecommande
CodeProduit
Idcommande
QteCommandee
Montant
COMMANDE
CodeClient
Idcommande
DateCommande
MontantTotal
bPaye facture
DOSSIER
IDDossier
CodeClient
NomComplet
Pseudo
MotPasse
Produits
commandé s
Ventes réalisées
a passé les commande s
COMMENTAIRE
IDCommentaire
CodeClient
Commentaire
Archive
Description des tables de la base de données :
Table PRODUIT :
C'est la table qui regroupe les informations de chaque produit, elle comporte 9 attributs : Codeproduit : c'est le clé de la table de type identificateur automatique, et il s'incrémente automatiquement après l'ajout d'un nouveau produit. Description : c'est phrase de forme publicitaire qui accompagne tout produit et il est de type texte mémo. DescriptionDetaille : tous les détailles et les options d'un produit, et il est de type texte mémo. Marque : c'est un clé doublons parce qu'il est clé dans la table MARQUE, il caractérise la marque d'un produit, et il est de type texte. Categorie : c'est un clé doublons aussi parce qu'il est clé dans la table CATEGORIE, il caractérise la catégorie d'un produit, et il est de type chaîne de caractère. Designation : c'est la désignation d'un produit, et il est de type texte. Prix : c'est le prix de produit, et il est de type monétaire.
Figure 1 : la base de données.
ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 11 Photo : C'est l'image de produit. Il est de type texte, car il caractérise le nom de l'image. QteStock : c'est la quantité de stock d'un produit, et il est de type numérique.
Tables
MARQUE et CATEGORIE :
Ce sont deux tables qui possèdent un seul attribut, c'est l'attribut
Marque
pour la table MARQUE, et l'attribut Categorie pour la table CATEGORIE. Ces deux tables servent pour faciliter la recherche d'un produit par la marque et par la catégorie.
Table CLIENT :
C'est la table qui regroupe les informations de chaque client, elle comporte 10 attributs : CodeClient : c'est le numéro identificateur d'un client, il est de type automatique, il incrémente après l'inscription d'un nouveau client. Nom, Prenom, Adresse, CodePostal, Ville, Telephone, GSM, Fax, eMail : sont les informations nécessaires pour faciliter le contact avec le client, il sont tous de type texte, et tous ces informations sont enregistrées après l'inscription d'un client.
Table DOSSIER :
Cette table comporte les données d'accès d'un tel client et ces données sont :
CodeClient : c'est le même de la table client.
IDDossier : c'est la clé de parcours de la table. NomComplet, Pseudo, MotPasse : sont les données qui permettent à un client d'accéder au site par ces coordonnées, et de réaliser une commande. ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 12
Table COMMENTAIRE :
C'est la table que nous avons choisi pour enregistrer les commentaires et les questions des clients, et elle possède les attributs suivants : IdCommentaire : c'est le clé de parcours de la table. CodeClient : c'est le même attribut de la table CLIENT. Commentaire : c'est le commentaire ou la question du client, c'est un attribut de type texte. Table
COMMANDE :
C'est la table qui englobe tous les informations sur une commande, et elle comporte les attributs suivants : CodeClient : c'est le même attribut le la table CLIENT, il caractérise le client propriétaire de la commande dans cette table.
Idcommande : c'est le numéro de la commande.
DateCommande : c'est un attribut de type date, il caractérise la date de réalisation de commande. MontantTotal : c'est le montant total de la facture, il est de type monétaire. bPaye : c'est indicateur booléen qui prend le 1 pour une commande finalisée et 0 pour une commande en cours de traitement. facture : c'est un attribut de type texte, il comporte le chemin de la facture en PDF. Table
LIGNECDE :
C'est la table qui possède les détails de la commande, c'est-à-dire des informations sur les produits commandés, et elle comporte les attributs suivants :
IdLignecommande : c'est la clé de la table.
CodeProduit : c'est le même attribut de la table PRODUIT, il caractérise un produit commandé. Idcommande : c'est le même attribut de la table COMMANDE, il caractérise la commande qui possède le produit indiqué. ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 13 QteCommandee : c'est la quantité commandée d'un produit. Montant : c'est le prix de produit fois la quantité commandée. D ans ce chapitre, nous avons analysé les besoins de la société d'accueil et la nécessité d'un site dynamique permet de commander à distance, puis nous avons décrit les tables et la conception de la base de données utilisée. ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 14
Chapitre III
Réalisation du projet
Dans ce chapitre, nous allons commencer par la
présentation des outils de développement de ce projet, et le SGBD utilisé, puis nous allons entamer les étapes de la réalisation et une brève manuelle d'utilisation.
3.1. Les outils de travail
3.1.1. L'environnement WebDev 9
Le WebDev 9 est un atelier de développement complet, il peut gérer toutes les phases de développement, dès la conception de site jusqu'à l'installation. Le WebDev 9 est ouvert sur tous les langages de programmation de web, il est possible de taper de code HTML, PHP, Javascript...Mais, nous avons choisi son langage intégré W-Langage comme langage de développement. Concernant la base de données, le WebDev 9 peut interroger n'importe qu'il base données, et notre choix pour ce projet s'était le SGBD intégré de
WebDev 9 : Hyper File.
3.1.2. Architecture de WebDev 9 :
WebDev 9 est architecturé autour d'éditeurs, adaptés à chacun des besoins du développeur, unifiés dans un environnement unique :
Éditeur de projet.
Éditeur d'analyses.
Éditeur de modèles UML
Éditeur de requêtes
ENSIAS 2005 Stage d'été de 1
ère
année : Réalisation d'un site web dynamique. 15
Éditeur de fenêtres
Éditeur d'états
Éditeur de code source, débogueur et compilateur
Éditeur d'aide
Éditeur de documents
Gestionnaires de versions
Ces différents éditeurs vont permettre de créer les différents objets (fenêtres, états, base de données, programmes...etc.) manipulés par l'application. Le schéma suivant présente l'environnement de travail WebDev 9 et les principaux éditeurs qui servent à la réalisation d'un site web. Les autres éditeurs qui ne paraissent pas dans ce schéma existent tous ans le volet
Webdev.
Editeur
de projet
Editeur
des re quête
Editeur
des pages
Editeur
d'analyse Volet
WebDev
Figure 2 : L'environnement WebDev 9.
ENSIAS 2005 Stage d'été de 1quotesdbs_dbs13.pdfusesText_19
[PDF] Conception, réalisation et développement de sites web à l - Enssib