Prototype 2022 Rectifié Matière : systèmes

Prof : Mme HAMMAMI Fatima & technologies

informatiques

Une agence de location de voitures se propose de développer un site web pour automatiser les taches
suivantes :

 Enregistrer un nouveau client

 Enregistrer le retour d’une voiture
 Afficher l’état des voitures disponibles dans son parc

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 :

Client(Ncin, Nom, Prenom, tel)

Voiture(Imat, Model, PrixLoc, Disponible)

Louer(Ncin#, Imat#, DateLoc, DateRetour)

1) Créer une base de données intitulée "BD<votre numéro d’inscription".

2) Importer dans cette base de données, le fichier locationVoiture.sql situé dans votre dossier de travail.

3) Apporter à cette base de données les modifications suivantes :

 Ajouter une contrainte de domaine au champ Disponible de la table Voiture, afin de limiter la
saisie aux caractères D ou N
 Ajouter les contraintes référentielles entre les tables de cette BD
 Ajouter un champ appelé « genre » à la table client qui n’accepte que la lettre M ou la lettre F
 Modifier le type des champs dateLoc (date de location de voiture) et dateRet (date de retour de
la voiture louée), pour devenir de type Date (sans « Time »)

4) Exporter cette base de données au format SQL.

1
Sachant que :
Zone 1 : Représente l’entête du site. Elle contient le titre "Location de voitures" de niveau 1 et aligné au
centre.
Zone 2 : Représente la section où se fait l’affichage des pages web. Elle contient par défaut la page
"ajout.html".
Zone 3 : Représente le volet de navigation. Elle contient les liens hypertextes suivants :
• Ajout d’un client : servira de lien vers la page "ajout.html".
• Etat des voitures : servira de lien vers la page "Lister.php".
• Retour d’une voiture : servira de lien vers la page "retour.html".

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

 Compléter la partie header en CSS
 Completer la mise en forme de la partie « iframe » pour qu’elle prend toute la surface de la
partie « section »
 Appliquer au titre "Location de voitures" :
 Une bordure de largeur 300px de couleur rouge
 un effet de transition qui se déclenche en survolant la souris audessus, permettant de
changer la largeur de bordure du titre pour devenir 600px dans 2s.

3) Ajout d’un client :

a) Créer la page "ajout.html" permettant d’ajouter un testeur à la base de données via le formulaire
suivant :

Sachant que le clic sur le bouton "Ajouter" fait appel à :

 une fonction JavaScript intitulée "verif1", permettant de vérifier les contraintes suivantes :

 Vous devez cocher le genre

2
  Ouvrir le fichier « ajout.php » déjà créé dans le dossier « StiRessources », compléter ce fichier
par les requêtes et les commandes correspondantes. Pour :
 afficher le message ‘’client existant’’ lorsque la valeur saisie du champ Ncin existe déjà
dans la base de données. Ou bien
 ajouter les données de ce nouveau client à la base, puis, afficher le message ‘’client
ajouté avec succès’’.

b) Appliquer à tous les champs de saisie de ce formulaire la mise en forme suivante :

 Arrière-plan : couleur rose,

 Taille de police : 16px.
 Style : Gras

c) ajouter l’image « image.jpg » dans cette page web après le formulaire, en la mettant à droite, avec
une bordure et un ombre

4) Lister les voitures disponibles

Créer la page "Lister.php" permettant d’afficher la liste des voitures disponibles sous le format suivant :