LYCEE BOUSALEM

DEVOIR DE SYNTEHSE N°2

Matière : TECHNOLOGIES DE L’INFORMATION ET DE LA COMMUNICATION
DUREE : 120min – DATE : 19/05/2018

Remarques :
 Dans le dossier C:\wamp\www, créer un dossier de travail nommé SW_num dans lequel
vous enregistrez toutes les pages demandées.
 Créer une base de données nommée BD_num
 Toutes les fonctions en JavaScript devront être dans un fichier externe libjs.js

PARTIE I :
Dans le but de gérer un forum de discussion, on demande de créer les pages web permettant de :
 Ajouter un commentaire à un sujet existant
 Consulter la liste des commentaires pour un sujet donné
 Supprimer les commentaires relatifs à un sujet donné
Travail demandé :
1. Dans la base de données, créer les tables suivantes :
membre (pseudo, nomp,pwd, mail)
sujet(numsujet, theme, datesujet)
commentaire(numcom, contenu, datecom, pseudo#, numsujet#)

Table : membre Table : sujet Table : commentaire

Champ Type Champ Type Champ type
pseudo Texte (10) numsujet Entier(4) numcom Auto incrément
nomp Texte (40) theme Texte(50) contenu Texte(150)
pwd Texte(15) datesujet Date datecom Date
mail Texte(50) pseudo Texte(10)
numsujet Entier (4)
2. Insérer dans les tables membre et sujet les enregistrements suivants :
membre sujet
pseudo nomP pwd mail numsujet theme datesujet
issakou2 ISSAM KOUKI ******** k.issa@srv.tn 1 RESEAUX 2018-04-28
oure20 OUMEIMA REZGUI ****** ou.rez@mm.co 2 DEPANNAGE 2018-04-25
khalo KHALED OCHI ******* ochiocha@zzn.it 3 SECURITE 2018-04-24
leima18 SOULEIMA TOUNSI ******** sou.tou@netc.jp 4 ANDROID 2018-04-20
3. Exporter la base de données sous le nom BD_num.sql
4. Créer la page index.html qui contient le jeu de cadres suivant :

4SITIC Page 1 sur 4

  Le premier cadre permet d’afficher la page menu.html
Le second cadre est réservé pour afficher la page date.php et il servira aussi à
l’affichage des autres pages du site à savoir ajouter.html , consulter.html et
supprimer.html .

5. La page menu.html contient les liens hypertextes suivants :

 Ajouter : charger la page ajouter.html .
 Consulter : ouvrir la page consulter.html .
 Supprimer : afficher la page supprimer.html .

6. La page date.php contient un message suivi de la date du jour.

7. La page ajout.html contient le formulaire ci-dessous :

a. Un clic sur le bouton ANNULER permet de réinitialiser tous les champs du formulaire.
b. Un clic sur le bouton AJOUTER permet de faire appel à :
 Une fonction JavaScript qui vérifie la validité des champs en respectant les conditions
suivantes :
 Le champ pseudo contient au moins 6 caractères.
 Le champ sujet est obligatoire
 Le champ commentaire doit être non vide

 Un script PHP développé dans la page ajout.php permettant de :

 Afficher le message « Erreur: pseudo introuvable » lorsque le pseudo n’existe pas
dans la table membre
 Ou bien insérer les données du formulaire dans la table approprié et afficher le
message « Commentaire ajouté » pour la réussite de l’opération.

N.B : Le champ datecom désigne la date d’ajout du commentaire et aura comme valeur la date et
l’heure système lors de l’ajout du commentaire.

4SITIC Page 2 sur 4

 8. La page consulter.html contient le formulaire suivant :

a. Un clic sur le bouton ANNULER permet de réinitialiser tous les champs du formulaire.
b. Un clic sur le bouton CONSULTER permet de faire appel à :
 Une fonction JavaScript qui vérifie la validité des champs en respectant les conditions
suivantes :
 Le champ pseudo contient au moins 6 caractères.
 Le champ sujet est obligatoire
 Un script PHP développé dans la page consulter.php permet de :
 Afficher le message « Erreur: pseudo introuvable » lorsque le pseudo n’existe pas
dans la table membre
 Ou bien le message « Erreur: pas de commentaire pour ce sujet » si le membre n’a
pas commenté le sujet sélectionné.
 Ou afficher la liste des commentaires postés par le pseudo saisi et relatifs au sujet
sélectionné classés par ordre décroissant de leurs dates, comme suit :

Num Commentaire Date Pseudo Sujet

<contenu> <datecom> <pseudo> <theme>

N.B La colonne Num est un numéro séquentiel pour numéroter les commentaires.

9. La page supprimer.html dispose du formulaire suivant :

a. Un clic sur le bouton ANNULER permet de réinitialiser tous les champs du formulaire.
b. Un clic sur le bouton SUPPRIMER permet de faire appel à :
 Une fonction JavaScript qui vérifie la validité des champs en respectant les conditions
suivantes :
 Le champ pseudo contient au moins 6 caractères.
 Le champ sujet est obligatoire

4SITIC Page 3 sur 4

  Un script PHP développé dans la page supprimer.php permet de :
 Afficher le message « Erreur: pseudo introuvable » lorsque le pseudo n’existe pas
dans la table membre
 Ou bien le message « Erreur: pas de commentaire pour ce sujet » si le membre n’a
pas commenté le sujet sélectionné.
 Ou supprimer tous les commentaires du sujet sélectionné postés par le pseudo saisi
et afficher le message :
« Tous les commentaires postés par <pseudo> pour le sujet <theme> sont supprimés »

PARTIE II :
1. Créer une fonction en JavaScript qui permet de compter le nombre de mots dans une phrase.
La fonction prend en paramètre une chaine et renvoi son nombre de mots.
2. Avec le logiciel Macromedia Flash, créer une animation (en suivant l’exemple ci-dessous) puis
l’exporter au format html sous le nom forum.html
Au départ deux lignes (un à gauche et l’autre à droite)
sortent des cotés en même temps

Les deux lignes s’arrêtent au milieu du document (les

deux lignes ne seront plus affichées dans le reste de
l’animation).

Un rectangle apparait au milieu du document (il

restera toujours affiché pour la suite de l’animation).

Les caractères du mot FORUM sont affichés (comme

dans l’exemple) et ils seront animés pour former le mot
FORUM.

Le mot FORUM est affiché dans le rectangle.

4SITIC Page 4 sur 4