EXAMEN

Semestre : 1 2

Session : Principale Rattrapage

Module : Technologies web

Enseignants : Equipe WEB
Classes :3A
Documents autorisés : OUI NON Nombre de pages : 03
Date : 12/03/2018 Heure : 13h15 Durée : 1h.30

Problème
Une agence de location de voiture désire automatiser son travail via une application web. De ce
fait vous êtes demandé de réaliser cette application en utilisant le framework symfony 3.3.

Voiture Chauffeur

immatricule cin
marque * 1
nom
date_debut prenom
date_fin

Figure 1 : Diagramme de classe

1. Créer les deux entités Voiture et Chauffeur. (1.5pts)

NB :

 L’entité Voiture correspond à la voiture qui sera loué par un client.

 L’entité Chauffeur correspond au chauffeur qui sera affecté par l’agence à la

voiture louée.

2. Créer la base de données location et générer sont schéma correspondant. (1pt)

3. Créer le formulaire d’ajout d’un chauffeur (voir figure2) (3pts)

En utilisant jQuery (3pts):

3.1. Si la longueur du champ cin saisi est égale à 8 alors la couleur de l’arrière plan de
l’input sera verte. (1.5pt)

3.2. Sinon la couleur de l’arrière de l’input plan sera rouge. (1.5pt)

1
 Figure 2 : Formulaire d’ajout Chauffeur

4. Alimenter manuellement la table Voiture. (0.5pt)

5. Afficher la liste des voitures (voir figure 3) (3pts)

6. Ajouter un lien « Louer » dans la page d’affichage (voir figure 3). Ce lien permet au
client de louer une voiture. Donc une redirection vers la page de location d’une voiture
dans laquelle un formulaire de réservation sera affiché (voir figure 3). (1pt)

7. Le formulaire de location doit respecter les contraintes suivantes (voir figure 4): (6pts)

a-

 Le champ immatricule et marque sont récupérés dynamiquement et ils

doivent être désactivé. (1 .5pts)

 le message « réserver la voiture x » : x est récupérés

dynamiquement(0.5pt)

Remarque: Pour désactiver un champ via FormBuilder il faut procéder comme suit:

->add('nom',TextType::class,array('disabled' => true))

b- Le champ « chauffeur Inclus » permet de choisir si la voiture sera accompagnée

par un chauffeur ou non (voir figure 4). (0.5pt)

c- Si NON est sélectionné, la réservation de la voiture sans chauffeur sera effectuée

entre les dates sélectionnées par l’utilisateur. Le message suivant sera ensuite
affiché « Réservation effectuée » (voir figure 5) (2pts)

d- Ajax

Si OUI est sélectionné (la voiture est accompagnée par un chauffeur) une liste
déroulante contenant les prenoms des chauffeurs sera affichée en utilisant Ajax.
(Voir figure 6). (2pts)
2
e- Après la soumission du formulaire, la réservation de la voiture avec chauffeur sera
effectuée entre les dates sélectionnées par l’utilisateur et le message « Réservation
effectuée » sera affiché (voir figure 5) (1pt)

Figure 3 : Liste des voitures

Figure 5: Confirmation de la réservation

Figure 4: Ajout d’une réservation

Figure 6: réservation avec chauffeur