Conception et implémentation d'un site web pour l'archivage et la commande en ligne des journaux dans une maison de presse écrite.

CHAPITRE 3. IMPLEMENTATION DE L'APPLICATION

Dans cette section, nous abordons les étapes et techniques suivies pour l'implémentation de l'application web. Nous allons tout d'abord traiter de la base de données puis de l'interface web.

3.1. La base des données :

3.1.1. Modèle physique des données :

Le modèle physique est le modela qui montre l'implanation pratique de notre MCD.

Contacts : stephensalama2@ gmail.com, Watsapp : [phone], Tel:

[phone]

#IdConsultation #IdJournal DateConsult #IdAbonnements

Consultations

#IdCommande #IdJournal #IdMembre Quantite DateCommande VilleLivraison CommuneLivraison QuartierLivraison Cellule/AvenueLivraison NumeroResidance AutresDetails

Abonnements #IdAbonnement DateAbonnement #IdMembre TypeAbonnement MontantPaye

Commandes

52

Catégories

#IdCatégorie

DesignationCategorie IsFree

Journaux

#IdJournal TitreJournal

SyntheseJournal Url

# IdCatégorie

Groupe

#IdGroupe

DesignationGroupe

Logins

#IdLogin Pseudo MotDePasse #IdMembre #IdGroupe

Membres

#IdMembre Nom Post-Nom Prénom Sexe Pays Ville Email Téléphone

Fig.10 : MPD

Contacts : stephensalama2@ gmail.com, Watsapp : [phone], Tel: [phone]

53

3.1.2. Implémentation dans MySQL

Tel que dit dans les sections précédentes, le SGBD utilise dans notre application est bel et bien MySQL. Pour monter notre base de données, nous nous sommes servis du paquet logiciel qui est WAMP Server qui nous fournit une combinaison de logiciels qui sont le service phpMyAdmin, un logiciel de gestion de serveur ou serveur web qui est Apache. Dans le nom WAMP, la lettre A désigne tout simplement Apache, la lettre M désigne MySQL et la lettre P désigne PHP.

PhpMyAdmin est un outil qui nous a servi comme interface graphique dans la mise en place de la base de données.

Voici donc comment se présente la page d'accueil phpMyAdmin :

Fig.11 : page d'accueil phpMyAdmin dans Wamp Server.

Contacts : stephensalama2@ gmail.com, Watsapp : [phone], Tel:

[phone]

54

Création de la base :

Tel que nous le voyons sur la figure ci- dessus, pour créer la base de données il nous suffit d'écrire le nom de la base dans le champ qui porte l'étiquette «créer une base de données », puis de cliquer sur le bouton « créer ». Ici le nom de notre base est `Coulisses' :

Fig.12 : Formulaire de création de la base dans phpMyAdmin.

Apres avoir cliqué sur le bouton « créer », la base est créée mais elle ne contient aucune table jusqu'ici. Pour la créer, il faut sélectionner la base vide c.-à-d. en cliquant dessus puis se présentera l'interface ci-dessous :

Fig.13 : interface pour la création d'une table dans phpMyAdmin.

Et là il se présente des champs qui nous permettent de créer des colonnes dans notre

table :

Fig.14 : interface pour la création des colonnes dans une table dans phpMyAdmin.

Dans la colonne nommée « colonne », on écrit le nom du champ, dans la colonne nommée « type » on définit le type de données que va recevoir le champ (Ex : varchar, int, text, date, blob, etc.).

Contacts : stephensalama2@ gmail.com, Watsapp : [phone], Tel:

[phone]

55

Voici quelques types de données dans MySQL :

- INT : nombre entier.

- VARCHAR : court texte (entre 1 et 255 caractères).

- TEXT : long texte (on peut y stocker un roman sans problème).

- DATE : date (jour, mois, année).

- NUMERIC : ce sont les nombres. On y trouve des types dédiés aux petits nombres

entiers (TINYINT), aux gros nombres entiers (BIGINT), aux nombres décimaux, etc. - DATE and TIME : ce sont les dates et les heures. De nombreux types différents

permettent de stocker une date, une heure, ou les deux à la fois.

Contacts : stephensalama2@ gmail.com, Watsapp : [phone], Tel:

[phone]

56

- STRING : ce sont les chaînes de caractères. Ici, il y a des types adaptés à toutes les tailles. - SPATIAL : cela concerne les bases de données spatiales, utile pour ceux qui font de la cartographie (Mathieu Nebra 2011).

Dans la colonne « Taille » on écrit la taille c.-à-d. le nombre de caractères qui peuvent y être stockés, dans la colonne « Défaut » on peut y introduire une valeur par défaut si le champ n'est pas renseigné, la colonne « interclassement » c'est pour les différentes encodages mais celle-ci nous l'avons laissé vide car elle ne nous est pas très utile, dans la colonne « Index» nous spécifions s'il s'agit bien d'une clé primaire ou d'une ou d'une valeur unique ou alors elle reste vide dans d'autres cas, la colonne « Commentaires» nous pouvons ajouter des commentaires qui concernent le champ. Les deux boutons radio nous permet de spécifier que le champ peut rester vide ou qu'il s'agit d'une valeur qui s'auto incrémente.

Voici par exemple la structure de notre table « Membres » :

Fig.15 : structure de la table abonnes dans phpMyAdmin.

Contacts : stephensalama2@ gmail.com, Watsapp : [phone], Tel:

[phone]

57