Création de sites Internet (catalogue et commerce …

Loading...

Taking too long?

Reload document

| Open in new tab

E X C L U DU F* R ET

%
e n s s i b

Ecole Nationale Superieure
des Sclences de 1’lnformation

et des BlbliothSques

Universite Claude Bernard Lyon I

DESS en Informatique Documentaire

Rapport de stage

Creation de sites Internet
(catalogue et commerce
electronique)

DELAHOULIERE Ingrid

Effectue sous la direction de M. P. Belmonte
(WEB-OFFICE ,84 000 Avignon)

j

BIBUOTHEQUt DE L’ENSSIB

r

^

1999

lll ll lll lll lll li
8127267

e n s s i b

Ecole Nationale Sup6rleure
des Sciences de l lnformatlon
et des Blblloth6ques

Universite Claude Bernard Lyon I

DESS en Informatique Documentaire

Rapport de stage

%!!#

Creation de sites Internet
(catalogue et commerce
electronique)

DELAHOULIERE Ingrid

EffectuS sous la direction de M. P. Belmorite
(WEB-OFFICE ,84 000 Avignon)

1999

I I ) 3 !

CREATION DE SITES WEB DE COMMERCE ELECTRONIQUE

Delahouliere Ingrid

Ce stage nous a permis d’etre en contact avec les NTIC qui sont promises a un
d6veloppement que les sp6cialistes de 1’information ne pourront ignorer. A partir de la
manipulation de SGBD (bases Access et SQL), nous avons abordi la gestion de bases de
donn6es sur Internet (& travers les bases Mysql) ainsi que 1’utilisation d’un langage permettant
de cr6er des pages Web dynamiques : PHP3, nouveau concurrent de PASP ou des scripts
CGI. De ce fait, ont 6t6 mis en place deux sites : l’un, de commerce electronique, presentant
des produits de beaut6, et l’autre offrant aux agences immobilieres la possibilite de
personnaliser un site standard pour presenter leurs produits.
Cette exp6rience, enrichissante quant a la programmation, nous a beaucoup appris sur le plus

fantastique moyen de diffuser l’information.

Mots cles: Internet – Php3 – Html – Mysql – Odbc – cr6ation – commerce electronique –
catalogue 6lectronique – Access – base de donnees

WEB SETTING CREATION (ELECTRONIC CATALOGUE AND TRADE)

Delahouliere Ingrid

This vocational course allowed to be in close touch with the News Information and
Communication Technics. They are set for a expansion which the information specialists won’t
know about. From the
database management system engineering (Access and SQL
databases), we started on the databases management on the Web and the use of a language
which allows to create dynamic web pages : PHP3, the new rival of ASP or CGI printings. In this
way, we created two sites : one of electronic trade which presents beauty products, and the
other which gives to estate agent’s the possibility
to personalize a standard site for the
presentation of their products.
This interesting experience about the programmation teaches a lot of things to us about the best
power to circulate informations.

Keywords : Internet – Php3 – Html – Mysql – ODBC – electronic trade – electronic catalogue
– Access – database

SOMMAIRE

INTRODUCTION

1. ENVIRONNEMENT PROFESSIONNEL ET TECHNIQUE
1.1 L’ entreprise : moyens humains et techniques
1.2 Les outils utilises

1.2.1 Le systeme d’exploitation et ODBC
1.2.2 Les langages : PHP3 et Mysql, HTML
1.2.3 Les logiciels : Home site3.0, Mysql Manager, Paint Shop Pro

2. SITE DE COMMERCE ELECTRONIQUE DE PRODUITS DE BEAUTE

2.1 Cahier des charges

2.1.1 La pr6sentation et finalite du projet
2.1.2 L’ organisation du travail
2.1.3 La description de 1’existant
2.1.4 Les 6tapes du travail
2.1.5 Llmplementation
2.1.6 La base de donn6es
2.1.7 La creation du site Internet
2.1.8 La creation de formulaires de gestions des illustrations
2.1.9 Les mises a jour automatiques

2.2 Mise en place du projet

2.2.1 La base de donn6es client

2.2.1.1

L’adaptation a 1’existant

p.16

2.2.1.2

La mise en place d’une base ACCESS

3. SITE STANDARD DE PRODUITS IMMOBILIERS A PERSONNALISER

3.1 Cahier des charges

2.2.1.3
2.2.1.4
2.2.1.5
2.2.1.6

La creation d’un site
L’organisation du site
La presentation du site
La structure du site

3.1.1 La pr6sentation et finalite du projet
3.1.2 L’organisation du travail
3.1.3 La description de Texistant
3.1.4 Les etapes du travail
3.1.5 L’implementation
3.1.6 La base de donnees produits/clients
3.1.7 La cr6ation d’un site Internet

3.2 Mise en place du projet

3.2.1 La base de donn§es client

3.2.1.1
3.2.1.2
3.2.1.3
3.2.1.4
3.2.1.5
3.2.1.6

La structure de la base
Les tables
Les requetes
Les formulaires
Les macros
Lesetats

3.2.2 La cr6ation du site Internet

3.2.2.1

L’organisation du site

p. 1

p. 2
p. 2
p. 2
p. 2
p. 3
p. 7

p. 9
p. 9
p. 9
p.10
p. 10
p. 10
p.11
p.13

p.14
p. 15
p.15
p.16

p.18
p.21
p.21
p.23
p.24

p.26
P-26
p.26
p.27
p.27
p.28
p.28
p.29
p.31
p.32
p.32
p.32
p.34
p.36
p.37
p.40
P-41
p.41
p.41

4. PRINCIPAUX PROBLEMES RENCONTRES ET SOLUTIONS APPORTEES

3.2.2.2
3.2.2.3

La prdsentation du site
La structure du site

4.1 Les limites du kit ODBC
4.2 Transfert de Mysql a Access
4.2.1 Les controles
4.2.2 Les formats

4.3 HTML ET PHP3, les contraintes d’un mariage

4.3.1 Le renvoi de variables
4.3.2 Linsertion de resultats dans un tableau

CONCLUSION

ANNEXES

SITE DE COMMERCE ELECTRONIQUE DE PRODUITS DE BEAUTE

Extrait du catalogue papier
Copies d’6cran (pr6sentation du site)
Pages de programmation en PHP3 et HTML

Pr6sentation du produit
Entree des coordonn6es d’un nouveau client

SITE STANDARD DE PRODUITS IMMOBILIERS A PERSONNALISER

Copies d’6cran (pr6sentation du site)
Pages de programmation en PHP3 et HTML

Pr6sentation de la page ‘consultation de tous les produits’
Enregistrement des modifications des 6l6ments de pr6sentation
Page d6finitive du site d’un client
Cr6ation de la base de donnees de presentation du site

BIBLIOGRAPHIE

p.44
p.45

p.48
p.48
p.48
p.49
p.49
p.50
p.51
p.51

p.54

p.55
p.55
p.56
p.59
p.59
p.63

p.66
p.66
p.69
p.69
p.71
p.73
p.75

p.78

INTRODUCTION

Au vu de tous les aspects de la gestion de 1’information
qu’il etait possible de choisir au terme de la formation du DESS Informatique
Documentaire, nous avons opte pour un domaine qui, a la fois nous interessait le
plus (Internet), et a la fois nous etait le plus etranger (la programmation). II semblait
en effet opportun, pour travailler au mieux en collaboration avec les informaticiens,
d’essayer de toucher au plus pres leur domaine. Ce qui explique le choix de ce stage
principalement technique.

Nous sommes donc entree en contact avec Web-Office, entreprise
d’hebergement et de creation de sites Internet. Au cours de ce stage, nous avons
mis en place en premier lieu, avec un stagiaire ingenieur informaticien, un site de
commerce electronique, puis en second lieu un site/catalogue de produits
immobiliers pouvant etre personnalise.

A 1’arrivee, il a fallu se baigner dans 1’environnement professionnel et
technique du stage. Nous avons decouvert les moyens mis en ceuvre dans la societe
et les outils que nous serions amenee a utiliser, moyens et outils presentes dans un
premier temps
Un premier projet a ete rapidement entame. Nous en presenterons le cahier des
charges mis en place avec l’accord du client (objectifs du projet, etude de 1’existant,
missions a effectuer) avant de decrire le travail effectue (adaptation a une base de
donnees existante, pages de programmation du site).
Un deuxieme projet a ete aborde. Sans client potentiel, un cahier des charges a ete
fait a partir de l’existant observe sur d’autres sites Internet (existence de systemes de
sites standards, sites de produits immobiliers) pour aboutir a la creation d’une base
Access liee a une base Mysql, elle-meme geree par PHP3. Les etapes de ce projet
structureront la troisieme partie de ce rapport.
Au terme de ces travaux, differents problemes sont ressortis et seront presentes
dans un quatrieme point.
Enfin, des annexes, pr6sentant les sites realises et des pages de programmation,
seront suivies d’une bibliographie regroupant les ouvrages et references utilises pour
mener a bien nos objectifs.

1

1. ENVIRONNEMENT PROFESSIONNEL ET

TECHNIQUE

rapidement en efficacite et permettre une
adaptation optimum, la premiere etape, a Farrivee dans une entreprise, est de bien
connaltre ses moyens humains et techniques et de faire le point sur les outils qui
seront utilises.

Pour gagner

1.1 L’entreprise : moyens humains et techniques

WEB-OFFICE est une societe d’hebergement et de creation de sites Internet
situee a Avignon ( 170 Chemin de Ramatuel -Zl Courtine – BP 907 – 84090
Avignon Cedex 9 – 04.90.16.66.66 – http://www.web-office.fr)

Elle offre differents services : conseil en strategie Internet, connexion a Internet,
referencement, reservation et depot de noms de domaines, formation, hebergement
et conception de sites web (definition Tarchitecture du site, charte graphique,
navigation) et relookage de site web existants.

Differents serveurs sont en fonctionnement: un serveur Web (Apache), un serveur
de mails, un serveur NT (acces distant), un serveur DNS (concernant les noms de
domaines) et un serveur SQL.

M. P. Belmonte gere toutes ces missions.

1.2 Les outils utilises

1.1.1 Le systeme d’exploitation et ODBC

Le systeme d’exploitation est un systeme LINUX.
Avant que ne soient installes les serveurs Web et SQL sur notre poste, nous
avons travaille en reseau et avons utilise les protocoles FTP (transferts de fichiers)
et TELNET (connexion a distance, comme un terminal d’ordinateur utilise pour
executer des programmes sur Tordinateur a distance). Nous avons eu l’occasion de
manipuler quelques commandes UNIX (changement des droits d’acces, changement
de proprietaire, creation de fichiers, connexion a Mysql pour visualiser, creer,
supprimer, vider des tables …).

2

Une interface Windows 98 etait installee sur les postes. Le fait de travailler a
deux sur le meme projet (rappelons qu’un stagiaire ingenieur informaticien a ete
present les deux premiers mois de notre stage) nous a oblige a manipuler plus en
avant Windows 98 (partage de repertoires, FTP, utilisation du voisinage reseau …).

Sur le serveur linux, trois elements doivent etre installes pour creer des sites

Internet utilisant des bases de donnees (si la solution Microsoft/ASP n’a pas ete
choisie):
– Apache (serveur web).
– PHP 3 (le langage incorpore dans le HTML)
– MySQL (la base de donn6e SQL)

Pour mener a bien nos projets, le pilot ODBC a ete utilise pour pouvoir
travailler avec des bases Access. ODBC (Open Database Connectivity) est une
interface de programmation d’application standardisee pour acceder a des donnees
provenant de systeme de gestion de base de donnees, qu’ils soient relationnels ou
non. ODBC est base sur les specifications CLI (Call level interface) du X/Open SQL
Access Group (consortium industriel de distributeurs de SGBD), qui devient un
standard ANSI et ISO a la fin de 1995.
L’architecture ODBC, cote client, s’articule essentiellement autour du pilote (driver).
C est lui qui va permettre telle ou telle fonctionnalite et va supporter tel ou tel niveau
dlnterrogation de la source de donnees.
Les pilotes (drivers) ODBC ont deux caracteristiques principales : leur “API
conformance level” et leur “SQL conformance level”.

Leur “API conformance level” permet: la connexion/deconnexion, Texecution
des requetes SQL, 1’execution directe de SQL en un appel, la lecture des donnees
d’un select, les commit et rollback des transactions, la gestion d’erreurs.

Leur “SQL conformance level” permet les : create, drop table, select, insert,
update, delete, expressions simples, type de donnees (char, varchar, et long
varchar), etc …(cf. http://www.aci.fr/fr/ACI/Communiques/20-09-96.htm).

1.1.2 Les langages : Mysql, PHP3, HTML

Pour utiliser une base de donnees sur un site internet, il existe la
solution Mysql geree par PHP3 et qui peut-etre liee a une base Access par le pilote
ODBC presente ci-dessus.
MySQL est un serveur de base de donnees SQL (Structured Query Language)
disponible sur de nombreuses plate-formes, dont Linux. . II s agit d’une application
client-serveur composee d’un serveur et d’un certain nombre de clients.
En bon SGBD, il propose un LDD (Langage de Description des Donnees)
permettant Padministration des donnees (creation, suppression de bases ou de
tables, modification de tables, visualisation de la structure d’une base, d’une table) ,
un LMD (Langage de Manipulation des Donnees) permettant les mises a jour des
tables et un Langage dlnterrogation.
Cf. http://www.support.rapidsite.fr/frameset/frameset base mvsal lanaaae sql.html

3