4 Sti Dcn°6
4 Sti Dcn°6
4 Sti Dcn°6
Devoir de contrôle
L.S.ElAmalFouchena Date : 05-05-2023
Contrôle
N°1 N°6 Durée : 2 heures
Epreuve : STI
Note / 20
Important :
Toutes les ressources à utiliser se trouvent dans le répertoire "Ressources" situé sur la racine du
disque C.
Il est demandé au candidat :
de créer, dans le répertoire "www", un dossier de travail en le nommant
"SW<Nom&prénom>" où seront enregistrés tous les documents à réaliser.
de copier, dans son dossier de travail, le fichier "Ressources.rar" situé dans "C:\Ressources",
puis d’extraire son contenu, en utilisant le mot de passe "123456", dans ce même dossier de
travail.
de vérifier à la fin de l’épreuve que tous les fichiers créés sont dans son dossier de travail.
1
IdL Identifiant de laboratoire
NomL Nom de laboratoire
AdrL Adresse de laboratoire
TelL Téléphone de laboratoire
MailL Email de laboratoire
2- Importer dans cette base de données, le fichier « bdPhotographie.sql ».situé dans votre dossier de travail.
Zone 1
Zone 3 Zone 2
Sachant que :
Zone 1 : Représente l’entête du site. Elle contient un logo placé à gauche et un titre " Plateforme des
photographes professionnels" de niveau 1 aligné au centre.
Zone 2 : Représente la section où se fait l’affichage des pages web. Elle contient par défaut la page
"photographe.html".
Zone 3 : Représente le volet de navigation. Elle contient les liens hypertextes suivants :
Accueil :
Photographe : servira de lien vers la page "Photographe.html".
Laboratoire : servira de lien vers la page "laboratoire.html".
Contact : servira de lien vers la page "coordonneesdecontact.php".
Etablir une liaison entre la page "index.html" et le fichier "mesStyles.css".
Appliquer des effets de transitions :
au titre " Plateforme des photographes professionnels ", qui se déclenche en survolant la souris
au- dessus, permettant de modifier les valeurs de largeur et d’hauteur de 30% ainsi que de
transformer l’objet d’une rotation de 20 degrés de de durée 5 secondes.
Aux liens, qui se déclenche en survolant la souris au- dessus, permettant de modifier leurs
arrière-plans en couleur bleu clair.
2- La page " photographe.html "est comme suit :
2
L’appui sur le bouton "Enregistrer" fait appel à :
une fonction JavaScript "Verifier () "permettant de vérifier la validité des champs du formulaire :
o Tous les champs sont obligatoires.
o Les champs nom, prénom doivent être formés uniquement par des lettres alphabétiques.
o Le champ téléphone est numérique, composé de 11 chiffres et commence par le préfixe « 216 ».
o Le champ Email doit être de la forme « fouleni.foulen@gmail.com », avec interdiction des chiffres.
Un fichier intitulé "Photographe.php" permettant d' :
o Afficher le message "Photographe déjà inscrit" dans le cas où l’email existe dans la table
photographe.
o Afficher un message «Inscription Photographe : ", suivi par le nom, le prénom puis " avec succès ",
2- La page " laboratoire.html "est ci-après :
3
L’appui sur le bouton "Enregistrer" fait appel à :
une fonction JavaScript " Valider() "permettant d’assurer la validité des champs du formulaire :
o Tous les champs sont obligatoires.
o Le champ photographe doit être une chaîne de caractères respectant le format suivant :
« s1 s2 », s1 pour désigner le nom de photographe et s2 pour désigner son prénom.
o Le champ adresse se termine par un numéro associé à un code postal de ville.
Un fichier intitulé "Laboratoire.php" permettant d' :
o Afficher le message "Nom ou prénom Photographe erroné" dans le cas où le champ photographe
ne correspondant pas à un couple nom&Prénom existant.
o Afficher un message "Ajout de laboratoire photographie : ", suivi de nom de laboratoire saisi, suivi
de " de propriétaire : ", suivi par le nom, le prénom puis " avec succès ",
3- Créer la page " coordonneesdeContact.php " permettant d’afficher les coordonnées de photographes et celui de
leurs laboratoires dans un tableau sous le format suivant :
N.B :
Le clic sur le bouton "Annuler" permettra l’initialisation de valeurs des champs.
Toutes les fonctions JavaScript devront être développées dans un fichier intitulé « Controle.js »
Tous les styles CSS devront être développés dans un fichier de style intitulé « mesStyles.css »
L’annexe web référence les objets résultats de différentes pages web.
Grille d’évaluation :
Partie A /3 coordonnesdecontact.php /2
Partie B /17 Contrôle.js /5
Index /2 mesStyles.css /2
Photographe.html /1
Photographe.php /2
Laboratoire.html /1
Laboratoire.php /2