Date : 14/03/2024
République Tunisienne
Devoir de Synthèse N° 2 Pratique
******
Matière : Système et Technologies de l’Informatique
Ministère de l’Education
Section : Sciences de l’Informatique
Lycée Borj Louzir Ariana
Enseignants : BAROUMI & HADHRI Durée : 2 heures
Important : Dans le répertoire "www", créer un dossier de travail en le nommant "<nom & prénom>"
où seront enregistrés tous les documents à réaliser.
Nom & Prénom : ………………………………………………………………………………………….
Afin d’automatiser la gestion des abonnements aux revues publiees par une maison d’edition, on se
propose de creer une partie simplifiee d’un site web permettant d’offrir aux abonnes les services
suivants :
• Ajout d’un abonnement,
• Mise à jour des données d’un abonné,
• Liste des revues disponibles.
Partie A : Manipulation de la base de données
Le concepteur du site utilise la base de donnees decrite par la representation textuelle suivante :
ABONNE (Cin, Nom, Adresse, Email)
REVUE (Code, Titre, PrixMens)
ABONNEMENT (Cin #, Code #, DateAbon, DateEch)
La description des differents champs est presentee dans le tableau suivant :
Champ Type Observation
Cin Chaine de 8 caracteres
Nom Chaine de 30 caracteres
Adresse Chaine de 50 caracteres
Email Chaine de 40 caracteres Par defaut "foulen@[Link]"
Code Entier Le Code de la table REVUE est AUTO_INCREMENTE
Titre Chaine de 20 caracteres
PrixMens Decimal (6,3) Le prix mensuel d’une revue strictement positif
DateAbon Date La date de l’abonnement
DateEch Date La date d’echeance de l’abonnement
1) Créer cette base de données en lui attribuant le nom "BDMAISON".
2) Créer les différentes tables en se référant à la description des champs présentée dans le tableau ci-
dessus.
3) Ajouter une contrainte de domaine au champ "PrixMens" de la table "REVUE" afin de limiter la
saisie aux valeurs strictement positifs.
4) Insérer dans la base de données les lignes suivantes :
Table ABONNE :
Cin Nom Adresse Email
05454545 Belgacem Nadia Nabeul nadia@[Link]
18686868 Channoufi Rym Sousse Rym105@[Link]
02323232 Rahmouni Bechir Tozeur bechir@[Link]
1
Table REVUE :
Code Titre PrixMens
1 Java pur débutant 12.250
2 Mots fléchés 1.250
3 Sciences et vie 8.540
4 Le meilleur du foot 5.200
5) Exporter cette base de données au format SQL.
Partie B : Création des documents Web
Consignes :
✓ Toutes les fonctions JavaScript devront être créées dans un fichier intitulé "[Link]".
✓ Toutes les règles CSS définissant des styles de mises en forme doivent être enregistrées dans le fichier
"[Link]".
✓ Pour tous les formulaires à créer, le clic sur le bouton "Annuler" permettra l’initialisation de leurs champs.
1) Créer la page "[Link]" comme illustrée ci-dessous :
Zone 1
Zone 2
Zone 3
Sachant que :
Zone 1 : Represente l’entete du site. Elle contient le titre "GESTION DES ABONNEMENTS" de niveau 1.
Elle contient aussi le volet de navigation qui compote les liens hypertextes suivants :
❖ Ajout d’un abonnement : servira de lien vers la page "[Link]".
❖ Mise à jour d’un abonné : servira de lien vers la page "[Link]".
❖ Liste des revues : servira de lien vers la page "[Link]".
Zone 2 : Represente la section ou se fait l’affichage des pages web. Elle contient par defaut la page
"[Link]".
Zone 3 : Represente le pied de page du site, dès le chargement de la page "[Link]", le pied de
page sera rempli automatiquement par le jour, le mois et l’annee systeme.
2) Appliquer à la page "[Link]" la mise en forme suivante :
• La balise header {couleur d’arrière-plan : aquamarine; texte centré ; couleur : brown;}
• La balise iframe {bordure : solid bleu ; largeur : 100% ; hauteur : 300px ;}
• La balise li {display : inline-block ; marge extérieure : 20px ;}
• La balise a {couleur : jaune ; taille du texte : 1.4em ; text-decoration: none; couleur d’arrière-
plan :bleu; Ajouter des ombres à l’élément : 8px 8px 8px rouge ; Appliquer des coins arrondis: 10px;
Marge intérieure: 10px;}
• La balise footer {position : absolute; bottom: 0px; largeur : 98%;texte centré ;couleur d’arrière-
plan : aquamarine; mettre le texte en gras;}
2
3) Appliquer un effet de transition au titre "GESTION DES ABONNEMENTS ", qui se déclenche en
survolant la souris au-dessus, permettant de changer sa couleur en bleu.
4) Appliquer un effet de transformation scale(1.2), qui se déclenche en survolant la souris au-dessus
de la liste des liens hypertextes.
5) Ajout d’un abonnement :
a) Créer la page "[Link]" contenant le formulaire suivant :
Sachant que : la liste déroulante sera remplie automatiquement en interrogeant la base de
données.
Le clic sur le bouton "Valider" fait appel a :
• Une fonction javascript intitulé "verif1()"
• Un fichier intituler "[Link]"
b) Appliquer à tous les formulaires la mise en forme suivante :
• La balise legend {couleur d’arrière-plan : black ;}
• La balise fieldset {largeur : 40% ; couleur d’arrière-plan : brown; couleur : white;}
c) Développer la fonction "verif1()" afin de s’assurer de la validité des champs du formulaire tout
en respectant les contrôles suivants :
Champ Contrôle
CIN Une chaine de 8 chiffres dont le premier caractère est "0" ou "1".
Titre La sélection d’un titre est obligatoire
Durée La sélection d’une durée est obligatoire
d) Créer le fichier "[Link]" permettant :
• D’afficher le message "Abonné inexistant" dans le cas où la valeur saisie de la CIN est inexistante
dans la base,
Ou bien,
• Afficher le message "Vous êtes déjà abonné à cet revue" dans le cas où l’abonné identifié par le
numéro de la CIN admet déjà un abonnement en cours à la revue sélectionnée (c’est-à-dire la date
d’échéance dépasse la date courante),
Ou bien,
• D’insérer les données nécessaires dans la table appropriée puis afficher le montant à payer et la date
d’échéance de l’abonnement sachant que :
o Le montant à payer = le prix mensuel * la durée
o La date de l’abonnement contiendra la date du système
o La date d’échéance sera calculée en ajoutant la durée sélectionnée à la date du système.
3
6) Mise à jour d’un abonné :
a) Créer la page "[Link]" contenant le formulaire suivant :
Le clic sur le bouton "Modifier" fait appel a :
• Une fonction javascript intitulé "verif2()"
• Un fichier intituler "[Link]"
b) Développer la fonction "verif2()" afin de s’assurer de la validité des champs du formulaire tout
en respectant les contrôles suivants :
Champ Contrôle
CIN Une chaine de 8 chiffres dont le premier caractère est "0" ou "1".
Respecte le format suivant :
[email protected] Nouvel email Avec :
• Ch1, Ch2 et Ch3 sont trois chaines non vides,
• Ch3 comporte 2 ou 3 caractères
c) Créer le fichier "[Link]" permettant :
• D’afficher le message "Abonné inexistant" dans le cas où la valeur saisie de la CIN est inexistante
dans la base,
Ou bien,
• De mettre à jour l’email de l’abonné puis afficher le message "Opération réussite"
7) Liste des revues
Creer la page "[Link]" permettant d’afficher les titres et les prix mensuels des revues, trie selon
l’ordre croissant des prix.
Le résultat souhaité est :
Barème :
A1 A2 A3 A4 A5 B1 B2 B3 B4 B5a B5b B5c B5d B6a B6b B6c B7
0,25 1,5 0,75 1 0,25 2 1 0,5 0,5 2,5 0,25 1,5 3 1 1 1,5 1,5
