4 Sti Dcn°6

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

Devoir de

C.R.E.BEN AROUS Prof  : Chebbou.A

Devoir de contrôle
L.S.ElAmalFouchena Date : 05-05-2023

Contrôle
N°1 N°6  Durée : 2 heures

Nom et prénom …………………………………………………………….4.Sc.Info…….№


………

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.

Partie A : Manipulation d’une base de données


Soit la représentation textuelle simplifiée de la base de données bdPhotographie, d’une plateforme de
photographie qui référence les professionnels de l'image.
Photographe (IdP, NomP, PrenomP, AdrP, TelP, MailP, SexeP, DateNP, PwdP )

laboratoire (IdL, NomL, AdrL, TelL, MailL, IdP#)

Description des colonnes des tables


Nom de la colonne Description
IdP Identifiant de photographe
nomP Nom de photographe
prenomP Prénom de photographe
AdrP Adresse de photographe
TelP Télephone de photographe
MailP Email de photographe
SexeP Sexe de photographe
DateNP Date de naissance de photographe
PwdP Mot de passe de photographe

1
IdL Identifiant de laboratoire
NomL Nom de laboratoire
AdrL Adresse de laboratoire
TelL Téléphone de laboratoire
MailL Email de laboratoire

1- Créer une base de données intitulée "BD< VotreNom&Prénom >".

2- Importer dans cette base de données, le fichier « bdPhotographie.sql ».situé dans votre dossier de travail.

3- Ajouter les contraintes référentielles entre les tables


4- Exporter la base de données "BD< VotreNom&Prénom >" au format SQL.

Partie B : Création des documents Web


On se propose de créer un site web de services photographie associé à la base de données bdPhotographie,
pour gérer les demandes des séances de photographies.
A l’aide du logiciel adéquat développer les pages Web décrites ci-dessous :
1- Créer la page " index.html " suivante :

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 : 

Nom&Prénom Email Téléphon Laboratoir Adresse Labo Email Labo


e e

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

Vous aimerez peut-être aussi