Devoir de s1 4sti 2 Partie HTML5 CSS [PDF]

Zitiervorschau

---

~~~~~~~~~~~~~~ Prof: BELHADJ Ahmed Dhia

Devoir de synthèse N° : 1 Discipline : 4 STI

Date : 14/12/22 Durée : 2 heures ~~~~~~~~~~~~~~ 4ème Sc.Inf 2

Nom : ………………….………….………… Prénom : ………………..………………………..…………. N° : ................

Les réponses à la partie I doivent être rédigées sur cette même feuille qui doit être remise à la fin de l’épreuve. -------------------------------------------------------------------------------------------------------------------------------------

Exercice 1 :

Partie 1 : (html, javascript) ……………. / 8 pts

Note :

Soit le formulaire suivant :

1- Compléter le code permettant de compléter la page html suivante :

1

Num_CIN*	…………………………………………………………………………………
Nom*	…………………………………………………………………………………………….
Prenom*	…………………………………………………………………………………………….< td>
Ville
Adresse Email*
	(*) Champs obligatoires
Modules de formation proposés ……………………………………………………………………………………………. Le Langage HTML ……………………………………………………………………………………………. Le langage Javascript ……………………………………………………………………………………………. Le langage PHP
……………………………………………………………………………………………. …………………………………………………………………………………………….

2- Ecrire les fonctions javascript nécessaires afin de faire les contôles sur le forumlaire suivant : a) La fonction alpha(ch) permettant de vérifier qu’une chaine contient uniquement des caractères alphabétiques. 2

b) La fonction existance(ch,c) permettant de vérifier la présence d’un caractère c dans une chaine ch c) La fonction choix_module(c1,c2,c3) permet de verifier que l’utilisateur a au moins choisi un module //recuperation des éléments du formulaire

//développer la fonction alpha(ch) function alpha(ch) { }

//développer la fonction existance(ch,c) function existance(ch,c) {

} //développer la fonction choix_module() function choix_module(c1,c2,c3) {

} 3- Ecrire une fonction verif() permettant d’appeler les differentes fonctions de la questions 2 : Cette fonction JavaScipt « verif() » permettant de vérifier les conditions uivantes sur les champs du formulaire de la question 1: 

NCIN doit être formé de 8 chiffres Numérique



Nom et Prénom doit être non vide et formé aux moins de 2 mots



Le choix des modules est obligatoire 3



L’email doit contenir le caractère @

4- Compléter le tableau suivant HTML

Résultat / Apparence

Description

………………………………………

permet de créer des contrôles où l'utilisateur peut saisir une heure (avec des minutes et éventuellement des secondes).

………………………………………… ………..

permet à un utilisateur de saisir des nombres dans un formulaire

………………………………………………………………… ……………….

permet à l'utilisateur d'indiquer une valeur numérique comprise entre deux bornes.

Partie 2 : (css) ……………. / 4 pts Soit une page html5 nommée Inscription.html ayant la mise en forme suivante :

Remplissez le fichier style.css relié à la page inscription.html pour avoir le style de la figure précédente : élément Style Fieldset largeur: 500;hauteur: 500;marge ineterne: 2px; coin arrondi: 15px; fond: lightblue; legend Texte en gras, de couleur #000080 et de taille 40pt Texte : Bauhaus label texte: Bodoni MT Black; taille:20pt; couleur: #800080; display: inline-block; 4

input [type=text]

Couleur de fond lightblue Bordure solide 1pixel couleur rouge Texte Georgia de ; taille 12 pixels Coins arrondis de 5 pixels Ombre: box-shadow:1px 1px 2px #C0C0C0;

table

Bordure :rouge d’epaisseur 3px

td, select Les boutons Lors du survol sur la légende Lors du survol sur les boutons

texte: Arial Black;taille:: 12pt; couleur: #660033; style: gras; bordure: bleu d’epaisseur 2px Ombre : 10px 10px 20px gris; Couleur: #4CAF50 texte: Bauhaus; taille: 20pt; coleur: #000080; Couleur : black ,  ombres au texte : #FC0 1px 0 10px Transformation de 3 secondes (translation sur X de 10px) Fond : purple, couleur : #ACF

Partie 3 : (Base de Données) ……………. / 8 pts Exercice 1 : Une grande usine de plusieurs départements a besoin d’informatiser l’affectation de ses employés dans des divers départements. Le directeur de cette usine te demande de concevoir une base de données qui organise cette tâche. Afin de faciliter ta mission, il te donne les deux tableaux suivants : Employé : NumE 1010 1012 1324 1256

Département :

NumD 1 2 3

NomE Youssef Mounir Kamel Wajdi

Proff Technicien Ingénieur Vendeur Ingénieur

NomD Commercial Développement Production

Salaire 400 1400 300 1260

NumD 3 2 1 3

Adresse Kef Bizerte Tunis

Questions : 1-

Déduire de ces deux tableaux le schéma relationnel de la base de donnée demandée.

…………………………………………………………………………………………………………………..………………………….. …………………………………………………………………………………………………………………..…………………………..

2-



Répondre aux questions suivantes, tout en justifiant votre réponse dans un contexte informatique. Un employé peut-il appartient à plusieurs départements ?

…………………………………………………………………………………………………………………..………………………….. …………………………………………………………………………………………………………………..………………………….. …………………………………………………………………………………………………………………..…………………………..



Un département peut-il accepter plusieurs employés ?

…………………………………………………………………………………………………………………..…………………………..

5

Exercice 2 : Soit « Gestion » une base de données contenant les trois tables suivantes : Client

NUM

NOMC

AGE

ADRESSE

110 112 113 115 116 120

Ahmed Fethi Mounir Bechir Salah Slah

23 41 15 35 20 18

Kef Tunis Nabeul Bizerte Tunis Bizerte

REF

NOMP

pièce MATERIAU

Ec30 Vf5 Va5 Bl7 R10 Cl9

Écrou 30 Vis55 Vis55 Boulon Roue Clou9

Acier Fer Acier Laiton Acier Fer

acheter

NUM

REF

QUANTITE

110 110 112 113 115 115 115 116 116 120

Ec30 Bl7 Ec30 Vb6 R10 Vf5 Cl9 Vf5 Vb6 R10

10 10 22 75 33 9 14 17 26 4

POIDS

VILLEF

5

Sfax Tunis Tunis Bizerte Tunis Nabeul

75 39

1- Déduire une représentation textuelle de la base « gestion ». 2- Écrire, s’il est possible, les commandes SQL permettant de : a.

Créer la table Acheter.

b.

Insérer la pièce suivante (‘Rd50’, ‘Tunis’, ‘Rondelle’, 20, ‘Bronze’).

c.

Ajouter le client suivant (115, ‘ Hatem’, 43, ‘Nabeul’).

d.

Mettre à jour le matériau de la pièce ‘Ec30’ en bronze.

3- Exprime en SQL les requêtes suivantes : a.

Donner les numéros et les noms des clients de ‘Bizerte’ qui ont un age supérieur ou égal à 20.

b.

Donner tous les pièces fabriquées à ‘Tunis’ ou à ‘Sfax’.

c.

Donner la liste des pièces dont la quantité vendue est comprise entre 10 et 50.

d.

Donner tous les clients de ‘Tunis’ dans un ordre descendant des numéros clients.

e.

Toutes les pièces pour lesquelles on a négligé de saisir le poids.

f.

Donner le nombre des fournisseurs.

g.

Donner la quantité totale des pièces achetées par le client numéro 115. 6