| 
 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.  Paged'accueil
     Enregistrement d'un client
  Facturationd'un client
 Modificationd'un client
  Suppressiond'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 clients33
 
 Fig.23 Page de suppression des clients  |