STI
Classe : 4ème année Sciences de l’Informatique
Série : Révision N°1 (pratique)
---------------------------------
Nom du Prof : Mr. Hatem ROMDHANE
S
Important :
• Toutes les ressources à utiliser se trouvent dans l’archive « RessourcesSTI.zip ».
• Créer, dans le répertoire du serveur web local (www ou équivalent), un dossier de travail en le
nommant "SW_Seisme où seront enregistrés tous les documents à réaliser.
• Extraire le contenu du fichier « RessourcesSTI.zip » dans votre dossier de travail.
Lien pour télécharger le fichier « RessourcesSTI.zip » :
https://drive.google.com/file/d/1scczcWXbq5IAqGrZ7XO3UnSti6Vyo5xQ/view?usp
=drive_link
L’Institut National de Météorologie (INM) propose de créer un site web dynamique pour suivre les
différentes activités sismiques qui se produisent à travers le pays et offrant les services suivants :
• Enregistrement d’une nouvelle activité sismique,
• Consultation des activités sismiques d’une station,
• Edition des statistiques des activités sismiques.
Travail demandé
Partie A : Création d’une base de données
Soit la base de données "BD_Seisme" décrite par la représentation textuelle simplifiée suivante :
Region (NumReg, NomReg)
Station (CodeSta, NomSta, CordNord, CordEst, Altitude)
Seisme (CodeSta#, NumReg#, DateSeisme, Latitude, Longitude, Magnitude)
N.B. : ci-dessous la description des champs
Champ Type Description
NumReg Entier – auto incrémenté Numéro d’une région
NomReg Chaine de 30 caractères Nom d’une région
CodeSta Chaine de 5 caractères Code d’une station
NomSta Chaine de 30 caractères Nom d’une station
CordNord Decimal (9,5) Coordonnées du point Nord d’une station (en degré)
CordEst Decimal (9,5) Coordonnées du point Est d’une station (en degré)
Altitude Entier de 4 chiffres Altitude d’une station (en mètre)
DateSeisme Date et heure Date et heure d’un séisme
Latitude Decimal (5,2) Latitude d’un séisme (en degré)
Longitude Decimal (5,2) Longitude d’un séisme (en degré)
Magnitude Decimal (3,1) Magnitude d’un séisme appartenant à l’échelle de Richter
1) Créer une base de données intitulée "BD_Seisme".
1
2) Importer dans cette base de données, le fichier "GestionSeisme.sql" situé dans votre dossier de
travail.
3) Apporter à cette base de données les modifications suivantes :
a) Créer la table "Region" en se référant à la représentation textuelle de la base de données et au
tableau de description des champs ci-dessus :
b) Ajouter une contrainte de domaine au champ "Altitude" de la table "Station" qui doit être
supérieure à 0.
4) Ajouter les contraintes d’intégrité référentielles entre les différentes tables de la base de données.
5) Insérer dans la table "Region" les lignes suivantes :
Table Region
NumReg NomReg
1 Kairouan
2 Ile kuriat
3 El Fahs
4 Sidi Bousaid
6) Exporter la base de données au format SQL
Partie B : Création des documents web
Consignes :
• Toutes les fonctions JavaScript doivent être enregistrées dans le fichier "controle.js".
• Toutes les règles CSS définissant des styles de mise en forme doivent être enregistrées dans
le fichier "mesStyles.css".
• Pour tous les formulaires à créer, le clic sur le bouton "Annuler" permettra l’initialisation
de leurs champs.
1) Soit la page web « Index.html » suivante :
Zone1
Zone2
Zone3 Zone4
Sachant que :
• Zone1 : un élément <header> qui représente l’entête du site et contient le titre "Activités
sismiques en Tunisie" de niveau1 et aligné au centre.
• Zone2: un élément <nav> qui représente le volet de navigation et contient les liens hy-
pertextes suivants :
✓ Enregistrement d’une activité : servira de lien vers la page "Enregistrement.html".
✓ Consultation des activités : servira de lien vers la page "Consultation.html"
✓ Edition des statistiques : servira de lien vers la page "Statistiques.php"
2
• Zone3 : un élément <section> où se fait l’affichage des pages web. Elle contient par dé-
faut la page "Enregistrement.html" et servira aussi à l’affichage des autres pages du site.
• Zone4 : un élément <aside> qui contient l’image "Tunisie.png"
a) Créer la page web "Index.html" en respectant la disposition décrite ci-dessus.
b) Etablir une liaison entre la page "Index.html" et le fichier "mesStyles.css".
c) Ajouter au fichier "mesStyles.css" les propriétés nécessaires afin d’appliquer à la page
"Index.html" la disposition indiquée précédemment.
d) Appliquer un effet de transition au titre de la page "Index.html" qui se déclenche en survolant
la souris au-dessus, permettant d’appliquer les propriétés suivantes :
• Inclinaison horizontale de -45deg.
• Effet d’ombre : 15px 15px 5px bleu.
2) Enregistrement d’une activité sismique :
a) Créer la page "Enregistrement.html" permettant d’enregistrer une nouvelle activité sismique
via le formulaire suivant :
N.B. :
• Le champ Date Séisme est de type "date"
• Le champ Heure Séisme est de type "time"
Sachant que le clic sur le bouton "Enregistrer" fait appel à :
• Une fonction JavaScript intitulée "verif1"
• Un fichier intitulé "Enregistrement.php"
3
b) Compléter la fonction "verif1" du fichier "controle.js" afin de s’assurer de la validité des
champs du formulaire tout en respectant les contrôles suivants :
Champ Contrôle
Station La sélection d’une station est obligatoire.
Nom Région Une chaîne non vide de longueur maximale égale à 50 et peut contenir des
lettres et des espaces.
Date Séisme Doit être inférieure ou égale à la date système.
Heure Séisme Doit être inférieure ou égale à l’heure système dans le cas où la date du séisme
est égale à la date système.
Magnitude Un nombre entre 1 et 10, composé d’un seul chiffre après la virgule.
Latitude Un nombre > 0, composé de deux chiffres après la virgule.
Longitude Un nombre > 0, composé de deux chiffres après la virgule.
c) Créer le fichier "Enregistrement.php" permettant :
o d'afficher le message "Activité déjà enregistrée" dans le cas où les valeurs des champs
"CodeSta", "NumRegion" et "DateSeisme" existent dans la table "Seisme",
ou bien,
o d’insérer les données dans la table "Seisme", puis afficher le message "Activité enregis-
trée avec succès" dans le cas où le nom de la région existe dans la table "Region".
ou bien,
o d’insérer les données dans les tables correspondantes, puis afficher le message "Région et
activité enregistrées avec succès" dans le cas où le nom de la région n’existe pas dans la
table "Region".
N.B. :
• La fonction mysqli_insert_id($conn) permet de récupérer la valeur d'un champ auto incré-
menté à la suite d’une requête d'insertion.
• $conn : est la variable de ressource de connexion à la base de données
3) Consultation d’une activité sismique :
a) Créer la page "Consultation.html" permettant de consulter les différentes activités sismiques
via le formulaire suivant :
4
Sachant que le clic sur le bouton "Afficher" fait appel à :
• Une fonction JavaScript intitulée "verif2"
• Un fichier intitulé "Consultation.php"
b) Développer la fonction "verif2" du fichier "controle.js" afin de s’assurer de la validité des
champs du formulaire tout en respectant les contrôles suivants :
Champ Contrôle
Station La sélection d’une station est obligatoire.
Année Le choix d’une année est obligatoire
c) Créer le fichier "Consultation.php" permettant :
o d'afficher le message "Aucune activité sismique enregistrée" dans le cas où aucune acti-
vité n’est enregistrée pour la station et l’année déjà choisies,
ou bien,
o d’afficher les activités sismiques tout en respectant le format suivant :
Date et heure Magnitude (Deg. Richter) Nom Région
<DateSeisme> <Magnitude> <NomReg>
N.B. : Le résultat doit être trié selon l’ordre chronologique décroissant du champ DateSeisme.
4) Edition des statistiques :
Créer la page "Statistiques.php" permettant d’afficher, pour chaque station, le nombre total de
séismes ainsi que la magnitude maximale enregistrée tout en respectant le format suivant :
Nom Station Nombre de séismes Magnitude maximale
<NomSta> [NB (<Seisme>)] [Max (<Magnitude>)]
N.B. :
▪ [NB (<Seisme>)] : désigne le nombre de séismes enregistrés pour une station
▪ [Max (<Magnitude>)] : désigne la magnitude maximale enregistrée pour une station
5
Barème
Questions Points Total
A. Création de la base de données
1. Création de la base 0.25
2. Importation 0.25
3. Modification 1.5
4
4. Contraintes d’intégrité référentielle 1
5. Insertion des données 0.5
6. Exportation 0.5
B. Création des documents web
1. Création de la page index.html
a) 1.5
b) 0.25 4
c) 1.5
d) 0.75
2. Enregistrement d’une activité sismique
a) 2
6
b) 2
c) 2
3. Consultation d’une activité sismique
a) 1.5
4
b) 0.5
c) 2
4. Edition des statistiques 2 2
