9 ICN : Réalisation d`un site internet, gestion de données

9 ICN : Réalisation d’un site internet, gestion de données
Nom de l'élève :
Classe :
Table des matières
9 ICN : Réalisation d’un site internet, gestion de données.....................................................................................1
9.1Le stockage d’information, tables et base de données...................................................................................2
9.2Phpmyadmin et définition des tables présentes dans une base de données...................................................3
9.3Phpmyadmin et exploration d’une base de données......................................................................................4
9.4Phpmyadmin et définition des données que peut contenir une table.............................................................5
9.5Phpmyadmin et définition des données contenues dans la table...................................................................6
9.6Le langage SQL.............................................................................................................................................7
9.7SQL et PHP....................................................................................................................................................8
à savoir sans documentation
à savoir faire avec documentation
Objectif
Introduction à l’utilisation d’une base de données
Taches proposées pour atteindre l’objectif
Création de tables
Interrogation de tables
Modification de tables
Exploitation d’une base de données en php

9.1 Le stockage d’information, tables et base de données
1.1 Notion de table
En informatique, les données sont organisées en tables (tableaux), chaque table étant constitué d’un
ensemble de colonnes et lignes. Par exemple, il est possible de réaliser une table montrant l’organisation des
élèves dans l’option ICN.
Table « ICN » Colonnes
numeleve nom prénom jour groupe
Lignes
1 AUBONET Charline jeudi 5
2 BECQUE Julien jeudi 3
3 BETOUX Romain jeudi 2
4 BIANAY Sarah mardi 4
5 BOILLON Julie mardi 4
6 BOUSCAUD Thomas jeudi 9
7 DA SILVA Glebson jeudi 4
8 DESREUMAUX Pakome mardi 8
Un inconvénient de cette table est la redondance (répétition) de certaines informations. Ainsi le jour est
répété plusieurs fois (plusieurs fois mardi ou jeudi dans la colonne jour). Si l’option devait changer de jour, par
exemple passer du jeudi au vendredi pour le groupe 2, il faudrait donc modifier chaque ligne correspondant à
un élève avec un risque d’erreur ou d’oubli d’autant plus grand que le nombre de lignes est important.
1.2 Notion de base de données
Une base de données est une entité dans laquelle il est possible de stocker des données. Une base de
données bien organisée évite la redondance autant que possible limitant ainsi le risque d’erreur. Pour reprendre
l’exemple ci-dessus, il est possible d’éviter la redondance en utilisant 2 tables.
Une table stockant les jours possibles :
Table « jours » Colonnes
numjour jour
Lignes 1 mardi
2 jeudi
Une table stockant les caractéristiques des élèves mais faisant référence au numéro du jour et non au jour
directement. En cas de changement de jour, il suffit donc de remplacer jeudi par vendredi dans la table jours
pour que la base de données soit à nouveau correcte.
Table « élèves » Colonnes
numeleve nom prénom numjour groupe
Lignes
1 AUBONET Charline 2 5
2 BECQUE Julien 2 3
3 BETOUX Romain 2 2
4 BIANAY Sarah 1 4
5 BOILLON Julie 1 4
6 BOUSCAUD Thomas 2 9
7 DA SILVA Glebson 2 4
8 DESREUMAUX Pakome 1 8
Une base de données est donc l’ensemble des tables stockant les données sur un sujet particulier.
Phpmyadmin est un logiciel donnant un aperçu visuel de la base de données et facilitant ainsi grandement
son usage.

9.2 Phpmyadmin et définition des tables présentes dans une base de données
2.1 Ajouter une table à une base de données :
Cliquer sur le nom de la base de données
En dessous de la liste des tables existant déjà, saisir le nom de la table à créer et le nombre de colonnes de
la table.
Cliquer sur « Exécuter »
2.2 Définir un identifiant unique pour chaque ligne de la table
Afin d’éviter des erreurs, chaque ligne de chaque table doit se voir affecter un identifiant unique souvent
intitulé « id ». Lors de la création de la table, il faut donc prévoir une colonne contenant cet identifiant unique
pour chaque ligne. Une option simple est d’affecter un numéro à chaque ligne en interdisant les doublons.
Concrètement, il va donc falloir :
1- Ajouter une colonne qui servira d’identifiant (voir 4.1 pour l’ajout de colonne).
Nommer cette colonne (« id » par exemple)
Choisir comme type de données « INT » (nombre entier)
Définir la taille de la colonne
1 si vous prévoyez moins de 10 lignes
2 si vous prévoyez moins de 100 lignes
3 si vous prévoyez moins de 1000 lignes
...
Cliquer sur sauvegarder
2- Interdire les doublons dans une colonne
Cliquer sur le nom de la table
Cliquer sur l’onglet structure
Dans la ligne de la colonne « id » cliquer sur «Primaire » (ce qui interdit les doublons dans cette colonne)
2.3 Pour se faciliter la vie, augmenter automatiquement la valeur de «id » à chaque
insertion de ligne
Cliquer sur le nom de la table
Cliquer sur l’onglet structure
Dans la ligne « id », cliquer sur « Modifier »
Cocher la case A_I (autoincrement = augmentation automatique)
Activité possible :
élève 1 : Définit la modification à effectuer.
élève 2 : Réalise la modification demandée.

9.3 Phpmyadmin et exploration d’une base de données
3.1 Lister les bases de données disponibles
Rappel sur l’accès à Wampserveur :
Le logiciel wampserveur est installé sur un autre poste du réseau du lycée. Pour y accéder :
- ouvrir firefox
- saisir l’adresse lab02 ou 172.16.215.24
- valider
La page d’accueil de Wampserveur apparaît.
Une série d’hyperliens apparaissent à gauche dans la rubrique
«Outils». Repérer celui portant le nom de « Phpmyadmin » puis
cliquer sur ce lien.
La page principale de Phpmyadmin s’affiche dans le
navigateur. Sur cette page apparaissent l’ensemble des outils de
gestion des bases de données.
Dans la partie gauche de la fenêtre apparaît la liste des bases de données
disponibles, par exemple les bases aimti_lenid, information_schema … .
3.2 Lister les tables d’une base de données
Un clic sur le + à gauche du nom de la base fait apparaître la liste des tables de la
base. Par exemple un clic sur le + à gauche de la base aimti_lenid fait apparaître les
tables 27346, eval, evaldef, films … .
3.3 Lister les colonnes d’une table
Un clic sur le + à gauche du nom d’une table puis sur le + à gauche du mot
« colonnes » fait apparaître la liste des colonnes de la table. Par exemple pour la table
eval, ces 2 clics font apparaître les colonnes Chapitre, CleQuestion, Niveau, Question,
VraiFaux.
3.4 Lire le contenu d’une
table
Un clic sur le nom d’une table
(ou sur l’onglet « Afficher » si on est
déjà dans la table souhaitée) fait
apparaître le contenu de la table.
Ainsi pour la table eval, 5 lignes
sont définies :
Activité possible :
élève 1 : Définit le travail à effectuer.
élève 2 : Réalise le travail demandé.

9.4 Phpmyadmin et définition des données que peut contenir une table
= définir la structure d’une table
4.1 Ajouter une colonne à une table
Cliquer sur le nom de la table
Cliquer sur l’onglet « structure »
Cliquer sur « Exécuter »
Saisir le nom de colonne qui vous convient (un seul mot, représentatif du contenu).
Choisir le type de données (à priori et, dans un premier temps, « Int » pour un chiffre et « varchar » pour un
texte).
Indiquer la taille des données envisagées (nombre de caractères maximum nécessaire).
Exemple :
Minutes taille = 2 Les minutes vont de 0 à 60, 2 caractères suffisent.
Élèves du lycée taille = 4 Un peu moins de 1000 élèves au lycée
Nom des élèves taille = 30 Les noms atteignent très rarement plus de 20 caractères
Cliquer sur « Sauvegarder » (à droite de la page)
4.2 Modifier une colonne d’une table
Cliquer sur le nom de la table
Cliquer sur l’onglet « structure »
Dans la colonne nom, repérer la ligne correspondant à la colonne que vous voulez modifier
Par exemple, je souhaite modifier la colonne Chapitre
Dans la ligne « Chapitre », cliquer sur « Modifier
Modifier les éléments souhaités (nom, type de caractère, taille …)
Cliquer sur « Sauvegarder »
4.3 Supprimer une colonne d’une table
Cliquer sur le nom de la table
Cliquer sur l’onglet « structure »
Dans la colonne nom, repérer la ligne correspondant à la colonne que vous voulez supprimer
Par exemple, je souhaite supprimer la colonne Chapitre
Dans la ligne « Chapitre », cliquer sur «supprimer »
Cliquer sur « OK »
Activité possible :
élève 1 : Définit le travail à effectuer.
élève 2 : Réalise le travail demandé.