d- Mise en place du serveur WEB
Comme indiqué ci haut, nous utiliserons Xampp pour mettre
en place le serveur WEB. Xampp inclut par défaut les applications
suivantes :
26
Apache 2, MySQL, PHP 5 et PEAR, Perl, ProFTPD, phpMyAdmin,
OpenSSL, GD, libjpeg, libpng, gdbm, expat, Sablotron, libxml, Ming, Webalizer,
pdf class, ncurses, mod perl, FreeTDS, gettext, mcrypt, mhash, SQLite, IMAP
C-Client.
Sous UBUNTU nous utilisons les commandes pour l'installation :
-Télécharger Xampp
-décompresser avec la commande : sudo tar xvfz
.xampp-linux-*.tar.gz -C /opt
-Sudo tar xvfz ./xampp-linux-*.tar.gz -C /opt
-Sudo /opt/lamp/lamp start
Cette dernière commande permet de démarrer le
serveur qui est accessible en tapant
http://localhost/.
· Architecture des pages web A ce niveau nous
proposons un prototype de site web dynamique.
Page d'accueil
Enregistreme nt d'un client
Facturation d'un client
Modification d'un client
Suppression d'un client
Fig.15 Architecture des pages web
· Conception de la base de données
Il est maintenant question de créer une base de
données pour la gestion des clients.
27
> Règles de gestion
1- Un client souscrit une et une seule fois au service
2- Un client peut modifier ses données
3- Un client doit posséder un ou plusieurs numéros
de téléphone
4- Une facture est payée une et une seule fois
5-
> Modèle logique de données
- Clients (numéro
d'enregistrement, nom, prénom, date naissance, adresse, 1er N°
téléphone, 2ème N°
téléphone, région de résidence, ville de
résidence, quartier de résidence, #numéro facture)
- Société (nom
société, N° téléphone, #nom agence)
- Agence (nom agence, région
situation, ville situation, quartier situation)
- Facture (numéro facture, date
émission, date limite payement, ancien index, nouvel index, agence
émettrice, total à payer, impayées,
pénalité)
> Dictionnaire des données
ID
|
SIGNIFICATION
|
TYPE
|
TAILLE
|
OBSERVATIONS
|
Enreg
|
N° d'enregistrement
|
AN
|
300
|
|
Nom_cli
|
Noms du client
|
AN
|
300
|
|
Prén_cli
|
Prénoms du client
|
AN
|
300
|
|
Date_nais
|
Date naissance du client
|
N
|
300
|
|
Cni
|
N° CNI du client
|
N
|
300
|
|
Adresse
|
Adresse du client
|
AN
|
300
|
|
Tél1
|
1èr n° du client
|
N
|
100
|
|
Tél2
|
2ème n° du client
|
N
|
100
|
|
28
Nom_opéra
|
Nom de l'opérateur
|
AN
|
200
|
|
Nom_soc
|
Nom de la société
|
AN
|
200
|
|
TélSoc
|
N° de téléphone de la société
|
N
|
100
|
|
Nom_Agce
|
Nom de l'agence
|
AN
|
200
|
|
Ville
|
Ville du client et de
l'agence
|
AN
|
200
|
|
Région
|
Région du client et de l'agence
|
AN
|
200
|
|
Quartier
|
Quartier client et de
l'agence
|
AN
|
200
|
|
N°_fac
|
N° de la facture
|
N
|
200
|
|
dlim
|
Date limite de payement
|
N
|
200
|
|
Aindex
|
Ancien index
|
N
|
200
|
|
Nindex
|
Nouvel index
|
N
|
200
|
|
Total
|
Différence d'index
|
N
|
200
|
Total=Nindex- Aindex
|
Prix
|
Prix total à payer
|
N
|
100
|
Prix=total x prix
unitaire
|
Etat
|
Etat de payement
|
AN
|
10
|
Prend la valeur oui ou non
|
Fig.16 Dictionnaire des données
29
-nom
Opérateur
Modèle conceptuel des données : >
Entités
Client
Société
Agence
-nom -région
-ville -quartier
-numéro d'enregistrement -nom
-prénom
-date de naissance
-adresse -N° CNI -1er N°
téléphone
-1ème N° de téléphone
-région
-ville
-quartier
|
-nom
-N° de téléphone -région
-ville
-quartier
|
> Cardinalité
Client
-numéro d'enregistrement -nom
-prénom
-date de naissance
-adresse -N° CNI -1er N°
téléphone
-1ème N° de téléphone
-région
-ville
-quartier
|
30
Inscription
Abonnement
Opérateur
-nom
Société
-nom agence -N° de téléphone
-région
-ville
-quartier
Mémoire de fin de formation
Fig.17 Base de données pour la gestion des
clients
Voici quelques exemples d'interfaces web de la
société :
Fig.18 Page principale
31
Fig.19 Page de sélection d'option
Fig.20 Page d'enregistrement des clients
Fig.21 Page de facturation
Fig.22 Page de modification des clients 33
Fig.23 Page de suppression des clients
|