Vous êtes sur la page 1sur 2

U.S.T.H.B.

3ème année Licence (S6) Année Universitaire 2019/2020


F.E.I. Informatique Académique Avril 2020
Dépt. Informatique Module : Programmation Web

Atelier 2
Pour réaliser cet atelier, il faut respecter les consignes suivantes :
 Assurez-vous que le serveur Web est activé.
 Utiliser le Notepad++ pour taper vos codes et scripts.
 Créer un dossier nommé « ATELIER2 » dans « WWW ».
 En cas de modifications dans le code, ne supprimez pas. Mettez le code à supprimer comme
commentaire.
 Utiliser un navigateur Web et taper l’adresse « localhost/ATELIER2 » pour faire vos tests. A la fin de
chaque étape, enregistrer puis visualiser.

Suivre les étapes données ci-dessous :


1. On veut transformer la page « index.htm » créée lors de l’atelier 1 en formulaire. Copier son contenu dans
« ATELIER2/index.htm » et modifier comme suit :
 Les données correspondantes aux : nom, prénom, date de naissance, adresse email, numéro de
téléphone, lycée et moyenne doivent être remplacées par des champs textuels simples.
 Les données correspondantes aux : lieu de naissance, commune, wilaya, année de début, année de fin,
série, mention, année de début doivent être remplacées par des listes déroulantes (boites de sélection).
 Pour le lieu de naissance mettez quelques noms de villes comme exemple. Même chose pour
commune et wilaya.
 Pour l’année de début du lycée mettez les valeurs de 2005 à 2015.
 Pour l’année de fin du lycée mettez les valeurs de 2010 à 2017.
 Pour la série du bac mettez les valeurs : Maths Technique, Maths, Sciences et Lettres.
 Pour la mention du bac mettez les valeurs : Excellent, Très Bien, Bien, Assez Bien, Passable.
 Pour l’année de début des études universitaires mettez les valeurs de 2010 à 2017.
 Les données correspondantes à l’adresse et le titre du PFE doivent être des champs textuels multi-lignes.
2. Réaliser le fichier « register.php » qui affiche les informations (saisies, sélectionnées ou cochées par
l’utilisateur) de la même manière que la page réalisée lors de l’Atelier1.
3. Modifier le fichier « register.php » de telle façon qu’il affiche en haut complètement à droite « Bienvenue
[Prénom saisi] [Nom saisi] (XX ans) » selon les choix de l’utilisateur. XX étant l’âge de la personne. Par
exemple, si la personne est née le 25/04/1999 et elle remplira le formulaire le 24/04/2020, on lui affichera (20
ans) et non pas (21 ans).
4. Rajouter des tests pour vérifier que les champs ne sont pas vides. Si l’un des champs est vide, il faut
afficher un message d’erreur en rouge avec un lien vers la page contenant le formulaire.
5. Rajouter des traitements pour valider les données du formulaire (vous pouvez utiliser les expressions
régulières) :
 Le nom et le prénom :
 Il ne doit pas contenir des caractères autres qu’alphabétiques, tiret ou espace.
 Il ne peut commencer ou se terminer par un tiret ou espace.
 Il n’est pas autorisé d’avoir des tirets et espaces qui se suivent.
 La première lettre de chaque sous-nom doit être en majuscules.
 On ne peut avoir des lettres alphabétiques majuscules au milieu des sous-mots.
 Chaque sous mot contient moins de deux caractères.
 Exemple : El-Hadj Moussa est correct.

Page1/2
Programmation Web Atelier 2 USTHB 2019/2020

 Vérifier si la date saisie est valide (après découpage : vous pouvez utiliser la fonction preg_split ou
explode).
 La date doit être sous la forme: jj-mm-aaaa ou bien jj/mm/aaaa où : j, m et a sont des caractères
numériques et l'espace avant ou après les séparateurs est toléré.
 Assurez-vous que l'utilisateur a saisi une date réelle (fonction checkdate).
 Exemple : 10/14/1997 ou 30/02/1998 sont des dates incorrectes.
 Remarque : Il faut s’assurer de ne pas utiliser un champ de type date (HTML5) dans le
formulaire.
 Il faut s’assurer que :
 L’année début du lycée + 3 est au moins égale à l’année de fin du lycée.
 Il faut aussi vérifier que l’année de début du cycle universitaire n’est pas antérieure à l’année de
fin du lycée.
 La moyenne du BAC doit être un réel avec deux chiffres après la virgule et doit nécessairement être
entre 10.00 et 19.99
En cas d’erreurs, afficher le message à chacune des erreurs en rouge avec un lien vers la page contenant le
formulaire.
6. Question Bonus : Créer un fichier « index.php » qui fait les mêmes traitements que les deux fichiers
« index.htm » et « register.php ». En cas d’erreurs, il faut réafficher le formulaire avec les données
saisies, cochées ou sélectionnées. Les messages d’erreurs doivent être affichés en rouge juste en dessous du
champ concerné par l’erreur.

Page2/2