646625a35afb0 - Énoncé - Epreuve Pratique STI (2018)

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 5

STI

Class : 4ème info


Correction Epreuve Pratique STI
(2018)
_________________
Nom du prof :Mr Ladhari Tijani
Important :

✓ Créer dans le répertoire "www" , un dossier de travail en le nommant "SW<votre numero>" ou


seront enregistrés tous les documents à réaliser.
✓ Télécharger le dossier "StiRessourcesBac2018" puis copier son contenu dans le répertoire de travail :
https://drive.google.com/drive/folders/12G9WGrPgEKE_6iiWXnxd3yN93S0zBRrN?usp=sharing

Travail demandé
Partie A : Manipulation d’une Base de données

Soit la base de données décrite par la représentation textuelle suivante :

1. Créer une base de données intitulée "BD<votre numero>"


2. Importer dans cette base de données, le fichier "TestDrive2018.sql" situé dans votre dossier de travail
3. Insérer dans la table Hotel les lignes suivantes :

1
4. Apporter à cette BD les modifications suivantes :
a) Ajouter une contrainte de domaine sur les champs NoteAcceuil, NoteRest et NoteExtra
de la table « evaluation » affin que la note attribué doit être compris entre 0 et 10
b) Ajouter une contrainte référentielle entre la table evaluation et les tables hotel
5. Exporter la base au format SQL
Partie B : Création des documents Web
Recommandations :
✓ Toutes les fonctions JavaScript devront être développées dans un fichier intitulé "Con-
trole.js".
✓ Le clic sur le bouton "Annuler" permet d’initialiser les champs du formulaire.
1. Créer la page index.html en respectant la disposition suivante :
Zone 1

Zone 2

Sachant que :
Zone 1 : représente l’entête du site. Elle contient l’image « logo.jpg »
Zone 3 : représente la section où se fait l’affichage de la page web "evaluation.html"

2. Etablir une liaison entre la page index.html et le fichier mesStyles.css


3. Ajouter une règle css pour centrer l’image et arrondir ces coints de 10px
4. Appliquer un effet de transition a l’image , qui se déclenche en survolant la souris au-dessus,
permettant d’agrandir 4 fois sa taille selon l’axe x et ajouter une bordure Noir de taille 2px

2
5. Evaluation
1) Créer la page "Evaluation.html" contenant le formulaire ci-dessous qui permet de
soumettre l’évaluation d’un hôtel à travers les critères "Accueil", "Restauration" et
"Extra"

3
La zone "Captcha" est utilisée pour sécuriser le site web contre les robots. Elle sera remplie auto-
matiquement, dès le chargement de la page, par une chaîne retournée suite à l'appel d'une fonction
JavaScript intitulée "GenererCaptcha".
➢ Le clic sur le bouton "Actualiser" permet d’appeler la fonction "GenererCaptcha" afin de régénérer
une nouvelle valeur de la zone "Captcha".
➢ Le clic sur le bouton "Annuler" permet d’initialiser les champs du formulaire.
➢ Le clic sur le bouton "Valider" fait appel à :
❖ Une fonction JavaScript intitulée "Verif"
❖ Un fichier "Evaluation.Php"
2) Développer la fonction "GenererCaptcha" permettant de générer une chaîne de 5 chiffres aléa-
toires

3) Développer la fonction "Verif" permettant de vérifier la validité des champs du formulaire en


respectant les contrôles ci-dessous :
➢ La sélection d’un hôtel est obligatoire.
➢ L’évaluation des critères "Accueil" et "Restauration" est obligatoire.
➢ La valeur saisie dans la zone "Réponse" doit être égale au nombre de lettres ma-
juscules qui figurent dans la zone "Captcha".
4) Créer le fichier "Evaluation.php" permettant de réaliser les tâches suivantes :
Tâche 1 :
➢ Afficher le message "Cet hôtel est déjà évalué !" lorsque l’hôtel sélectionné admet déjà une
évaluation à la date actuelle ou bien,
➢ Ajouter l'évaluation de cet hôtel à la base puis afficher le message "Evaluation enregistrée
avec succès ". Sachant que :
❖ Le champ "DateEval" aura comme valeur la date système.
❖ Le champ "NoteExtra" aura comme valeur zéro ou bien la somme des valeurs des
cases cochées du critère "Extra"
Tâche 2 :
Afficher, pour chaque hôtel, son nom ainsi que la moyenne des notes de chaque critère en res-
pectant le format suivant

Vous aimerez peut-être aussi