Construction d'une bibliothèque virtuelle: cas de la bibliothèque de la faculté des sciences

c. Conception et réalisation de base de données

Nous appelons bibliosciences la base de données de l'application, constituée de cinq tables selon les spécifications ci-dessous.

Structure de la base de données bibliosciences

> Table articles - regroupe les champs caractérisant les différents paramètres des articles de la bibliothèque (référence, auteur, description,...).

> Table rubriques - définit le nom des thèmes dans lesquels sont classés les articles.

> Table Téléchargement - regroupe les champs caractérisant une commande (date, identifiant du client, état du téléchargement...).

> Table listes - regroupe les champs caractérisant chaque article commandé (référence de l'article, quantité commandée...).

> Table clients - regroupe les champs caractérisant chaque
client (nom, prénom, adresse, e-mail, mot de passe...).

Ces cinq tables sont organisées selon les relations décrites dans le modèle conceptuel des données. Dans ce schéma, les clés primaires sont représentées en gras, les clés étrangères sont soulignées et les noms des champs facultatifs sont en italique.

d. Modèle Conceptuel des Données (MCD)

Téléchargement

Id_tél Date Etat Total

Listes

Id_liste Quantité Totalart

Rubriques

ID_rubrique Theme

1, n

1,1

Stocker

1,1

1 ,1 1, n

1,n 1,1

1 ,1 1,n

Effectuer

Concerner

Appartenir

Contenir

Id_client Nom prenom adresse ville

cp

tel

email

mp

Client

1, n

Articles Reference Titre

Auteur Description Photo

Modèle Conceptuel des Données (MCD)

e. Modèle Logique des Données (MLD)

Téléchargement

1
n

Id_tél Id_client Date

Etat Total

Listes

Id_liste Reference Quantité Totalart

n

n 1

n 1

1

1 n

Rubriques

ID_rubrique Theme

Client

Id_client Nom

Prenom

Adresse Ville

Cp

Tel

Email

Mp

Articles

Reference ID_rubrique Titre

Auteur Description Photo

Modèle Logique des Données (MLD)

f. Modèle Physique des Données

·
· Table Articles

Nom du Champ	Type	Taille	Description
Reference	VARCHAR	10	Référence codée sur 10 caractères maximum : Clé primaire de la table.
Titre	VARCHAR	50	Titre de l'ouvrage avec un maximum de 50 caractères.
Auteur	VARCHAR	50	Auteur de l'ouvrage avec un maximum de 50 caractères.
Description	TEXT		Description de l'article au format texte.
Id_rubrique	TINYINT	4	Identifiant de la rubrique (clé étrangère) dans laquelle est classé l'article.
Photo	VARCHAR	50	Nom facultatif (si le fichier n'est pas précisé, le nom photo0.jpg est enregistré par défaut) du fichier de la photo illustrant la couverture de l'ouvrage.

·
· Table Rubriques

Nom du champ	Type	Taille	Description
Id_rubrique	TINYINT	4	Identifiant auto-incrémenté du thème : clé primaire de la table.
Theme	VARCHAR	50	Nom du thème sur 20 caractères maximum.

·
· Table Téléchargement

Nom du champ	Type	Taille	Description
Id_tél	SMALLINT	6	Identifiant autoincrémenté de la commande : ^cléprimaire de la table.
Date	SMALLINT		Date du téléchargement
Id_client	VARCHAR	6	Identifiant du client (clé étrangère) qui a validé la commande
Etat	ENUM	`attente', 'livré'	État du téléchargement pouvant prendre deux valeurs : Attente ou Livré.
Total	DECIMAL	5,2	Téléchargement total sur 5 chiffres et 2 décimales

·
· Table Listes

Nom du Champ		Type		Taille		Description
Id_listes		SMALLINT		6		Identifiant autoincrémenté de chaque enregistrement d'article commandé : ^cléprimaire de la table
Id_tél		SMALLINT		6		Identifiant de la commande (clé étrangère ) qui permet de lier l'enregistrement de l'article à une commande spécifique.
Reference		VARCHAR		10		Référence de l'article (Clé étrangère)

6

Quantité

	TINYINT	4	Nombre d'articles téléchargés
Totalart	SMALLINT		Nombre total d'articles téléchargés.

·
· Table Clients

Nom du champ		Type		Taille		Description
Id_clients		SMALLINT		6		Identifiant autoincrémenté du client : clé primaire de la table.
Nom		VARCHAR		50		Nom du client sur 50 caractères maximum.
Prenom		VARCHAR		50		Prénom du client sur 50 caractères maximum.
Adresse		VARCHAR		100		Adresse du client sur 100 caractères maximum.
Ville		VARCHAR		50		Ville du client sur 50 caractères maximum.
Cp		VARCHAR		5		Code postal du client sur 5 caractères.
Tel		VARCHAR		20		Numéro de téléphone du client sur 20 caractères maximum.
Email		VARCHAR		50		E-mail du client sur 50 caractères maximum. Cet e-mail est utilisé par le client
					pour s'identifier lors de chaque visite.
Mp	VARCHAR				Mot de passe du client sur 20 caractères maximum.
Statut	VARCHAR		10		Statut de l'utilisateur avec client pour valeur par défaut.

CHAPITRE IV. REALISATION DE L'APPLICATION IV.1 Création de la base de données

Partant de la modélisation effectué au chapitre précédent, nous avons désormais les informations pour créer la base de données et définir les différents champs de ses tables.

Nous utilisons le Wamp5 pour créer notre base de données.Nous commençons par ouvrir le gestionnaire de bases phpMyAdmin : en cliquant sur l'icône Wamp5 dans la zone d'état et en sélectionnanr phpMyAdmin.

Dans le champ du centre, nous saisissons le nom de la nouvelle base, bibliosciences, puis cliquons sur le bouton Créer.

Fig.10 Création de la base de données avec phpmyadmin de Wamp5

Le nom de la nouvelle base s'affiche dans le cadre de gauche avec la mention Aucune table n'a été trouvée dans cette base.

Fig.11 Confirmation de la création de la base bibliosciences

En bas du cadre de droite, nous tapons le nom de la table à créer (articles pour notre cas), nous renseignons le nombre de champs (7 pour la table articles), puis cliquons sur le bouton Exécuter.

Fig.12 Ecran après la création de nos cinq tables IV.2. Aperçu du site web

Figure 13 : Ecran d'accueil du site

44

Figure 14 : Espace personnel

Figure 15 : page d'inscription

Codes sources de l'application

Content-Type: multipart/related; start=<op.mhtml.1324464540179.af974e6747722728@192.168.0.11>; boundary=---------- 2NtkhGHfst2R3UcpGFR0OQ

Content-Location: http://bibliosciences.cd/

Subject: =?utf-8?Q?Gallica,=20biblioth=C3=A8que=20num=C3=A9rique=20- =20Plus=20d'un=20million=20de=20livres=20et=20de=20documents=20gratuits?=

MIME-Version: 1.0

------------2NtkhGHfst2R3UcpGFR0OQ

Content-Disposition: inline; filename=default.htm

Content-Type: text/html; charset=UTF-8; name=default.htm

Content-ID: <op.mhtml.1324464540179.af974e6747722728@192.168.0.11> Content-Location: http://bibliosciences.cd//

Content-Transfer-Encoding: 8bit

<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=" http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

<!-- Appel de la css globale -->

<link rel="stylesheet" type="text/css" href="/styles/screen.css" media="screen" /> <link rel="stylesheet" type="text/css" href="/styles/datePicker.css" media="screen" /> <link rel="stylesheet" type="text/css" href="/styles/tdm.css" media="screen" />

<link rel="stylesheet" type="text/css" href="/styles/suggestExalead.css" media="screen" />

<!-- Appel de la css IE6 -->

<!--[if lt IE 7]>

<link rel="stylesheet" type="text/css" href="/styles/screen_ie6.css" media="screen" />

<![endif]--> <!--[if gte IE 7]>

<link rel="stylesheet" type="text/css" href="/styles/screen_ie7.css" media="screen" />

<![endif]-->

<script language="javascript" type="text/javascript" src="/js/jquery_min.js"></script>

<script language="javascript" type="text/javascript" src="/js/jScrollPane_min.js"></script>

<script language="javascript" type="text/javascript" src="/js/jquery.scrollTo-1.4.2-min.js"></script>

<script language="javascript" type="text/javascript" src="/js/jquery_event_drag_min.js"></script>

<script language="javascript" type="text/javascript" src="/js/jquery.cookie.js"></script>

<script language="javascript" type="text/javascript" src="/js/scripts.js"></script>

<script language="javascript" type="text/javascript" src="/js/jquery_popin_pack.js"></script>

<script language="javascript" type="text/javascript" src="/js/jquery_datepicker.js" ></script>

<script language="javascript" type="text/javascript" src="/js/date_fr.js" ></script>

<script language="javascript" type="text/javascript" src="/js/tdm/tdm.js" ></script>

<script language="javascript" type="text/javascript" src="/js/jquery.tinysort.js" ></script>

<script language="javascript" type="text/javascript" src="/js/suggestExalead.js" ></script>

<link rel="shortcut icon" href="/favicon.ico" />

<link type="application/opensearchdescription+xml" rel="search" title="Gallica BnF" href="/opensearchdescription.xml"/>

<title>Sciences, bibliothèque numérique </title>

<meta name="title" content="Sciences, bibliothèque numérique - Plus d'un million de livres et de documents gratuits" /> <meta name="description" content="Plus d'un million de documents consultable gratuitement : livres, manuscrits, cartes, plans, images, presses, revues, journaux, musiques, partitions, e-books" xml:lang="FR" />

<link rel="image_src" href="/images/entete/logo_gallica.png"/>

<meta name="google-site-verification" content="zdPbrqh_XyIoc-CywxWEXgWyWK_VgqT_vEpOCChvYQw" /> <meta name="msvalidate.01" content="48283DA06E77B25E33769E52CB5BD8B6" />

<meta http-equiv="Content-Style-Type" content="text/css" />

<meta name="keywords" content="gratuit - livres, manuscrits, cartes, plans, images, presses, revues, journaux, musiques, partitions, e-books" xml:lang="FR" />

<meta name="DC.Title" content="Gallica, bibliothèque numérique - Plus d'un million de livres et de documents gratuits" /> <meta name="DC.Creator" content="Gallica, Bibliothèque nationale de France" />

<meta name="DC.Description" content="Plus d'un million de documents consultable gratuitement : livres, manuscrits, cartes, plans, images, presses, revues, journaux, musiques, partitions, e-books" />

<meta name="DC.Publisher" content="Gallica, Bibliothèque nationale de France" />

<meta name="DC.Rights" content="Gallica, Bibliothèque nationale de France" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Appel de la css propre ÉÂ la page d'accueil -->

<link rel="stylesheet" type="text/css" href="/styles/accueil.css" media="screen" />

<script language="javascript">

document.write('<style>#corps .volet .contenu {display:none;} #corps .volet1 .contenu {display:block;}</style>'); </script>

</head>

<body>

<!-- questionnaire actualit(c) -->

<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <link rel="stylesheet" type="text/css" href="/styles/bandeau_questionnaire.css" media="screen" />

<!-- Debut du bandeau questions-->

<!-- Fin du bandeau questions -->

<!-- Debut du site -->

<div id="site">

<!-- Debut de l'entete --> <div id="entete">

<div id="liensrapides">

<a href="#recherche"><img src="/images/entete/item_menu_rapide.png" alt="Accéder à la recherche (ALT+1)" title="Accéder à la recherche (ALT+1)" /></a>

<a href="#recherche-avancee"><img src="/images/entete/item_menu_rapide.png" alt="Accéder à la recherche avancée (ALT+2)" title="Accéder à la recherche avancée (ALT+2)" /></a>

<a href="#volets"><img src="/images/entete/item_menu_rapide.png" alt="Aller au contenu (ALT+3)" title="Aller au contenu (ALT+3)" /></a>

<a href="#documents"><img src="/images/entete/item_menu_rapide.png" alt="Informations de bas de page" title="Informations de bas de page" /></a>

<a href="#retourAccueil"><img src="/images/entete/item_menu_rapide.png" alt="Retour a la page d'accueil (ALT+0)" title="Retour a la page d'accueil (ALT+0)" /></a>

</div>

<div id="lienstransverses">

<a href="/html/editorial/laccessibilite-numerique-sur-Sciences" target="_blank"> accessibilité</a> <a href="?&amp;lang=EN" lang="EN" xml:lang="EN">English</a>

<a href="?&amp;lang=ES" lang="ES" xml:lang="ES">Español</a>

<a href="?&amp;lang=PT" lang="PT" xml:lang="PT">Português</a>

<a href="/html/editorial/provenance-des-documents-de-Sciences" target="_blank" lang="FR" xml:lang="FR">aide</a>

<a href=" mailto:[e-mail]?subject=Assistance Sciences">contact</a>

</div>

<div id="espaceperso">

<div class="int"><a onclick="if(typeof xt_click == 'function') { return xt_click(this,'C','15','connexion_authentification','S');}" href="Espace personnelc.mht">Espace personnel</a></div> </div>