SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
4éme
SI (TIC) Lycée Secondaire Mhamdia
Mr Bassem Guetif page1
Projet1 – 4SI – TIC :
1- Créer un répertoire de travail "mon site" sous le répertoire racine du serveur web local
(www)
2- En utilisant le SGBD disponible, créer la base de données "Formation" qui comportera la
table "candidat" dont la structure est la suivante:
Candidat (numero, nom_prenom, age, email, module, competance, langue)
Champ Type
numero NumeroAuto (clé primaire)
nom_prenom Texte
age Réel
email Texte
module Texte
competance Texte
langue Texte
3- Créer une page web nommée formulaire.html et enregistrer la dans votre dossier de
travail, le formulaire à créer aura l'aspect suivant:
NB1:
• La liste déroulante
langue contient les
valeurs Français,
Anglais et Arabe
• La case à cocher du
module HTML ainsi
que le bouton radio
Débutant sont cochés
par défaut.
4éme
SI (TIC) Lycée Secondaire Mhamdia
Mr Bassem Guetif page2
NB2:
Le clic sur le bouton fait appel à une fonction "Verif1()" écrite en javascript et
qui permet de vérifier le remplissage du formulaire d'inscription en respectant les conditions
suivantes:
- Les champs Nom et prenom. Age et E_mail doivent être non vide.
- Le champ Age doit contenir une valeur numérique
- Le champ E_mail doit contenir obligatoirement le caractère @ et le caractére (.) .
- Le candidat doit choisir au moins un module en cochant la case correspondante.
NB3:
Si les conditions cités ci-dessus sont satisfaites, un script PHP coté serveur nommé
"ajouter.php" sera appelé pour ajouter l'inscrit dans la base de données "formation_net" et le
message suivant "Inscription acceptée nom et prenom vous êtes numero " sera envoyé au
candidat.
NB4:
Le bouton permet de mettre à vide tous les champs du formulaire.
4- Dans la même page "formulaire.html" ajouter le formulaire ayant les formes et
description suivantes
NB1:
Le clic sur le bouton fait appel à une fonction "Verif2()" écrite en javascript et
qui permet de vérifier que l'utilisateur a saisit le nom et le prénom du candidat qu'il veut
supprimer (c'est-à-dire que le champ du saisie du nom et prénom du candidat à supprimer
ne doit pas être vide)
4éme
SI (TIC) Lycée Secondaire Mhamdia
Mr Bassem Guetif page3
NB2:
Si les conditions citées ci-dessus, un script PHP coté serveur nommé "supprimer.php" sera
appelé pour supprimer le candidat de la base de données "formation" et le message suivant
"Le candidat nom et prenom est supprimé " sera envoyé au candidat.
NB3:
Le bouton permet de mettre à vide le champ du formulaire de la suppression.
5- Dans la même page "formulaire.html" ajouter le formulaire ayant les formes et
description suivantes
NB1:
Le clic sur le bouton fait appel à une fonction "Verif3()" écrite en javascript et
qui permet de vérifier que l'utilisateur a saisit le nom et le prénom du candidat qu'il veut
chercher (c'est-à-dire que le champ du saisie du nom et prénom du candidat à chercher ne
doit pas être vide)
NB2:
Si les conditions citées ci-dessus, un script PHP coté serveur nommé "chercher.php" sera
appelé pour chercher le candidat dans la base de données "formation_net" et le message
suivant "Le candidat nom et prenom est trouvé " sera envoyé au candidat.
Puis on affiche tous les renseignements sur le candidat dans un tableau comme suit.
4éme
SI (TIC) Lycée Secondaire Mhamdia
Mr Bassem Guetif page4
Si le candidat n'existe pas dans la base de données le message suivant "Le candidat nom et
prenom n'existe pas " sera affiché.
NB3:
Le bouton permet de mettre à vide le champ du formulaire de recherche.
6- Dans la même page "formulaire.html" ajouter le formulaire ayant les formes et
description suivantes
NB1:
Le clic sur le bouton fait appel à une fonction "Verif4()" écrite en javascript et
qui permet de vérifier que l'utilisateur a saisit le numéro du candidat qu'il veut modifier
(c'est-à-dire que le champ du saisie du numéro du candidat à modifier ne doit pas être vide)
et la nouvelle valeur du champ qu'il veut modifier (les champs sont le nom et prénom ou
l'adresse email qui doivent figurer dans la liste de sélection).
NB2:
Si les conditions citées ci-dessus, un script PHP coté serveur nommé "modifier.php" sera
appelé pour modifier le nom et le prénom ou l'adresse mail du candidat desire et le message
suivant "le champ ... est remplacé par …" sera envoyé au candidat.
NB3:
Le bouton permet de mettre à vide le champ du formulaire de modification.
Bon Travail

Más contenido relacionado

Destacado (11)

Résumé javascript
Résumé javascriptRésumé javascript
Résumé javascript
 
TP 2 ACCESS
TP 2 ACCESSTP 2 ACCESS
TP 2 ACCESS
 
Cours PHP avancé
Cours PHP avancéCours PHP avancé
Cours PHP avancé
 
Mysql
MysqlMysql
Mysql
 
TP 1 ACCESS
TP 1 ACCESSTP 1 ACCESS
TP 1 ACCESS
 
Php & My Sql
Php & My SqlPhp & My Sql
Php & My Sql
 
TP 3 ACCESS
TP 3 ACCESSTP 3 ACCESS
TP 3 ACCESS
 
Cours php bac info
Cours php bac infoCours php bac info
Cours php bac info
 
Php & My Sql
Php & My SqlPhp & My Sql
Php & My Sql
 
Polycop td access 2007 facturation
Polycop td access 2007  facturationPolycop td access 2007  facturation
Polycop td access 2007 facturation
 
Cours tic complet
Cours tic completCours tic complet
Cours tic complet
 

Similar a Projet1-4si-tic (12)

Projet4 4si-tic
Projet4 4si-ticProjet4 4si-tic
Projet4 4si-tic
 
Examen principal - PHP
Examen principal - PHPExamen principal - PHP
Examen principal - PHP
 
Dc2 4 si-tic
Dc2 4 si-ticDc2 4 si-tic
Dc2 4 si-tic
 
cours les formulaires 2 microsoft access
cours les formulaires 2 microsoft accesscours les formulaires 2 microsoft access
cours les formulaires 2 microsoft access
 
Tp1 html
Tp1 htmlTp1 html
Tp1 html
 
exemple Cahier de Charge Site Web
exemple Cahier de Charge Site Webexemple Cahier de Charge Site Web
exemple Cahier de Charge Site Web
 
Access requete
Access requeteAccess requete
Access requete
 
Pratique professionnelle TCG KOUAMI DJOMO JULIO STEPHANE
Pratique professionnelle TCG  KOUAMI DJOMO JULIO STEPHANEPratique professionnelle TCG  KOUAMI DJOMO JULIO STEPHANE
Pratique professionnelle TCG KOUAMI DJOMO JULIO STEPHANE
 
Totu access sphinx_epruves_excel Tle ACC
Totu access sphinx_epruves_excel Tle ACCTotu access sphinx_epruves_excel Tle ACC
Totu access sphinx_epruves_excel Tle ACC
 
pratique proessionnelle PCG/ACC KOUAMI DJOMO JULIO STEPHANE
pratique proessionnelle PCG/ACC  KOUAMI DJOMO JULIO STEPHANEpratique proessionnelle PCG/ACC  KOUAMI DJOMO JULIO STEPHANE
pratique proessionnelle PCG/ACC KOUAMI DJOMO JULIO STEPHANE
 
Access
AccessAccess
Access
 
Dc3 tic
Dc3 ticDc3 tic
Dc3 tic
 

Último

Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
Faga1939
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 

Último (18)

Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptx
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
 
Chapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon CoursChapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon Cours
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 

Projet1-4si-tic

  • 1. 4éme SI (TIC) Lycée Secondaire Mhamdia Mr Bassem Guetif page1 Projet1 – 4SI – TIC : 1- Créer un répertoire de travail "mon site" sous le répertoire racine du serveur web local (www) 2- En utilisant le SGBD disponible, créer la base de données "Formation" qui comportera la table "candidat" dont la structure est la suivante: Candidat (numero, nom_prenom, age, email, module, competance, langue) Champ Type numero NumeroAuto (clé primaire) nom_prenom Texte age Réel email Texte module Texte competance Texte langue Texte 3- Créer une page web nommée formulaire.html et enregistrer la dans votre dossier de travail, le formulaire à créer aura l'aspect suivant: NB1: • La liste déroulante langue contient les valeurs Français, Anglais et Arabe • La case à cocher du module HTML ainsi que le bouton radio Débutant sont cochés par défaut.
  • 2. 4éme SI (TIC) Lycée Secondaire Mhamdia Mr Bassem Guetif page2 NB2: Le clic sur le bouton fait appel à une fonction "Verif1()" écrite en javascript et qui permet de vérifier le remplissage du formulaire d'inscription en respectant les conditions suivantes: - Les champs Nom et prenom. Age et E_mail doivent être non vide. - Le champ Age doit contenir une valeur numérique - Le champ E_mail doit contenir obligatoirement le caractère @ et le caractére (.) . - Le candidat doit choisir au moins un module en cochant la case correspondante. NB3: Si les conditions cités ci-dessus sont satisfaites, un script PHP coté serveur nommé "ajouter.php" sera appelé pour ajouter l'inscrit dans la base de données "formation_net" et le message suivant "Inscription acceptée nom et prenom vous êtes numero " sera envoyé au candidat. NB4: Le bouton permet de mettre à vide tous les champs du formulaire. 4- Dans la même page "formulaire.html" ajouter le formulaire ayant les formes et description suivantes NB1: Le clic sur le bouton fait appel à une fonction "Verif2()" écrite en javascript et qui permet de vérifier que l'utilisateur a saisit le nom et le prénom du candidat qu'il veut supprimer (c'est-à-dire que le champ du saisie du nom et prénom du candidat à supprimer ne doit pas être vide)
  • 3. 4éme SI (TIC) Lycée Secondaire Mhamdia Mr Bassem Guetif page3 NB2: Si les conditions citées ci-dessus, un script PHP coté serveur nommé "supprimer.php" sera appelé pour supprimer le candidat de la base de données "formation" et le message suivant "Le candidat nom et prenom est supprimé " sera envoyé au candidat. NB3: Le bouton permet de mettre à vide le champ du formulaire de la suppression. 5- Dans la même page "formulaire.html" ajouter le formulaire ayant les formes et description suivantes NB1: Le clic sur le bouton fait appel à une fonction "Verif3()" écrite en javascript et qui permet de vérifier que l'utilisateur a saisit le nom et le prénom du candidat qu'il veut chercher (c'est-à-dire que le champ du saisie du nom et prénom du candidat à chercher ne doit pas être vide) NB2: Si les conditions citées ci-dessus, un script PHP coté serveur nommé "chercher.php" sera appelé pour chercher le candidat dans la base de données "formation_net" et le message suivant "Le candidat nom et prenom est trouvé " sera envoyé au candidat. Puis on affiche tous les renseignements sur le candidat dans un tableau comme suit.
  • 4. 4éme SI (TIC) Lycée Secondaire Mhamdia Mr Bassem Guetif page4 Si le candidat n'existe pas dans la base de données le message suivant "Le candidat nom et prenom n'existe pas " sera affiché. NB3: Le bouton permet de mettre à vide le champ du formulaire de recherche. 6- Dans la même page "formulaire.html" ajouter le formulaire ayant les formes et description suivantes NB1: Le clic sur le bouton fait appel à une fonction "Verif4()" écrite en javascript et qui permet de vérifier que l'utilisateur a saisit le numéro du candidat qu'il veut modifier (c'est-à-dire que le champ du saisie du numéro du candidat à modifier ne doit pas être vide) et la nouvelle valeur du champ qu'il veut modifier (les champs sont le nom et prénom ou l'adresse email qui doivent figurer dans la liste de sélection). NB2: Si les conditions citées ci-dessus, un script PHP coté serveur nommé "modifier.php" sera appelé pour modifier le nom et le prénom ou l'adresse mail du candidat desire et le message suivant "le champ ... est remplacé par …" sera envoyé au candidat. NB3: Le bouton permet de mettre à vide le champ du formulaire de modification. Bon Travail