SlideShare une entreprise Scribd logo
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

Contenu connexe

En vedette

Question 4: Who would be the audience for your media product?
Question 4: Who would be the audience for your media product?Question 4: Who would be the audience for your media product?
Question 4: Who would be the audience for your media product?lukeconnorsaunders
 
Mesas jornadas de orientación 2013
Mesas jornadas de orientación 2013Mesas jornadas de orientación 2013
Mesas jornadas de orientación 2013carlos64
 
2.atomic structure and bonding
2.atomic structure and bonding2.atomic structure and bonding
2.atomic structure and bondingMuhamad Ibnu
 
Navbharat Ventures Limited Investor Presentation
Navbharat Ventures Limited Investor PresentationNavbharat Ventures Limited Investor Presentation
Navbharat Ventures Limited Investor PresentationAICL Communications
 
Clase2 trabajo, energía y potencial
Clase2 trabajo, energía y potencialClase2 trabajo, energía y potencial
Clase2 trabajo, energía y potencialmatiasmf
 
Pesaj - Relato, valores y costumbres
Pesaj - Relato, valores y costumbresPesaj - Relato, valores y costumbres
Pesaj - Relato, valores y costumbresShukDelMadrij
 
Альманах "Метапарадигма", выпуск 2-3
Альманах "Метапарадигма", выпуск 2-3Альманах "Метапарадигма", выпуск 2-3
Альманах "Метапарадигма", выпуск 2-3Neapolitanskiy
 
Guide des formations de l'université Lyon 1
Guide des formations de l'université Lyon 1Guide des formations de l'université Lyon 1
Guide des formations de l'université Lyon 1Licence Pro DIST
 
Religare Broking Investor Presentation
Religare Broking Investor PresentationReligare Broking Investor Presentation
Religare Broking Investor PresentationAICL Communications
 
Programa general jornadas de orientación- 2013
Programa general   jornadas de orientación- 2013Programa general   jornadas de orientación- 2013
Programa general jornadas de orientación- 2013carlos64
 

En vedette (17)

Trading Derivados22/03/2013
Trading Derivados22/03/2013Trading Derivados22/03/2013
Trading Derivados22/03/2013
 
Question 4: Who would be the audience for your media product?
Question 4: Who would be the audience for your media product?Question 4: Who would be the audience for your media product?
Question 4: Who would be the audience for your media product?
 
Tietoturvallisuuden_kevatseminaari_2013_Antti_Laulajainen
Tietoturvallisuuden_kevatseminaari_2013_Antti_LaulajainenTietoturvallisuuden_kevatseminaari_2013_Antti_Laulajainen
Tietoturvallisuuden_kevatseminaari_2013_Antti_Laulajainen
 
Mesas jornadas de orientación 2013
Mesas jornadas de orientación 2013Mesas jornadas de orientación 2013
Mesas jornadas de orientación 2013
 
2.atomic structure and bonding
2.atomic structure and bonding2.atomic structure and bonding
2.atomic structure and bonding
 
Chandan CV
Chandan CVChandan CV
Chandan CV
 
vonglahn_Resume2015
vonglahn_Resume2015vonglahn_Resume2015
vonglahn_Resume2015
 
Navbharat Ventures Limited Investor Presentation
Navbharat Ventures Limited Investor PresentationNavbharat Ventures Limited Investor Presentation
Navbharat Ventures Limited Investor Presentation
 
Clase2 trabajo, energía y potencial
Clase2 trabajo, energía y potencialClase2 trabajo, energía y potencial
Clase2 trabajo, energía y potencial
 
Pesaj - Relato, valores y costumbres
Pesaj - Relato, valores y costumbresPesaj - Relato, valores y costumbres
Pesaj - Relato, valores y costumbres
 
Tietoturvallisuuden_kevatseminaari_2013_Anna-Maija_Karjalainen
Tietoturvallisuuden_kevatseminaari_2013_Anna-Maija_KarjalainenTietoturvallisuuden_kevatseminaari_2013_Anna-Maija_Karjalainen
Tietoturvallisuuden_kevatseminaari_2013_Anna-Maija_Karjalainen
 
Альманах "Метапарадигма", выпуск 2-3
Альманах "Метапарадигма", выпуск 2-3Альманах "Метапарадигма", выпуск 2-3
Альманах "Метапарадигма", выпуск 2-3
 
Guide des formations de l'université Lyon 1
Guide des formations de l'université Lyon 1Guide des formations de l'université Lyon 1
Guide des formations de l'université Lyon 1
 
Tietoturvallisuuden_kevatseminaari_2013_Tommi_Simula
Tietoturvallisuuden_kevatseminaari_2013_Tommi_SimulaTietoturvallisuuden_kevatseminaari_2013_Tommi_Simula
Tietoturvallisuuden_kevatseminaari_2013_Tommi_Simula
 
Religare Broking Investor Presentation
Religare Broking Investor PresentationReligare Broking Investor Presentation
Religare Broking Investor Presentation
 
Nic+38+ +intangibles
Nic+38+ +intangiblesNic+38+ +intangibles
Nic+38+ +intangibles
 
Programa general jornadas de orientación- 2013
Programa general   jornadas de orientación- 2013Programa general   jornadas de orientación- 2013
Programa general jornadas de orientación- 2013
 

Similaire à Projet1 4si-tic

Examen principal - PHP
Examen principal - PHPExamen principal - PHP
Examen principal - PHPInes Ouaz
 
cours les formulaires 2 microsoft access
cours les formulaires 2 microsoft accesscours les formulaires 2 microsoft access
cours les formulaires 2 microsoft accessYounesOuladSayad1
 
exemple Cahier de Charge Site Web
exemple Cahier de Charge Site Webexemple Cahier de Charge Site Web
exemple Cahier de Charge Site Webamine niba
 
Access requete
Access requeteAccess requete
Access requetehassan1488
 
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 ACCJulio Djomo
 
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 STEPHANEJulio Djomo
 
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 STEPHANEJulio Djomo
 
Dc3 tic
Dc3 ticDc3 tic
Dc3 ticlycee
 

Similaire à Projet1 4si-tic (15)

Projet3-4si-tic
Projet3-4si-ticProjet3-4si-tic
Projet3-4si-tic
 
Projet4-4si-tic
Projet4-4si-ticProjet4-4si-tic
Projet4-4si-tic
 
Projet4 4si-tic
Projet4 4si-ticProjet4 4si-tic
Projet4 4si-tic
 
Examen principal - PHP
Examen principal - PHPExamen principal - PHP
Examen principal - PHP
 
Projet2-4si-tic
Projet2-4si-ticProjet2-4si-tic
Projet2-4si-tic
 
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
 
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
 
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
 
Access
AccessAccess
Access
 
Dc3 tic
Dc3 ticDc3 tic
Dc3 tic
 

Dernier

Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...Technologia Formation
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024frizzole
 
Decret-n°19-10-du-23-janvier-2019-reglementant-lexportation-des-déchets-spéci...
Decret-n°19-10-du-23-janvier-2019-reglementant-lexportation-des-déchets-spéci...Decret-n°19-10-du-23-janvier-2019-reglementant-lexportation-des-déchets-spéci...
Decret-n°19-10-du-23-janvier-2019-reglementant-lexportation-des-déchets-spéci...zidani2
 
Festival de Cannes 2024.pptx
Festival    de     Cannes        2024.pptxFestival    de     Cannes        2024.pptx
Festival de Cannes 2024.pptxTxaruka
 
Comment enseigner la langue française en Colombie?
Comment enseigner la langue française en Colombie?Comment enseigner la langue française en Colombie?
Comment enseigner la langue française en Colombie?sashaflor182
 
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les ÉcolesEL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les ÉcolesSOLIANAEvelyne
 
Gestion des flux de trésorerie dans les entreprises
Gestion des flux de trésorerie dans les entreprisesGestion des flux de trésorerie dans les entreprises
Gestion des flux de trésorerie dans les entreprisesHamdConseil
 
Résultats enquête RH 2024 Fonction Publique.pdf
Résultats enquête RH 2024 Fonction Publique.pdfRésultats enquête RH 2024 Fonction Publique.pdf
Résultats enquête RH 2024 Fonction Publique.pdfGERESO
 
Webinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsWebinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsTechnologia Formation
 
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Pedago Lu
 
MARTYRS DE TURQUIE – une histoire de persécution chrétienne en Anatolie.pptx
MARTYRS DE TURQUIE – une histoire de persécution chrétienne en Anatolie.pptxMARTYRS DE TURQUIE – une histoire de persécution chrétienne en Anatolie.pptx
MARTYRS DE TURQUIE – une histoire de persécution chrétienne en Anatolie.pptxMartin M Flynn
 

Dernier (11)

Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
 
Decret-n°19-10-du-23-janvier-2019-reglementant-lexportation-des-déchets-spéci...
Decret-n°19-10-du-23-janvier-2019-reglementant-lexportation-des-déchets-spéci...Decret-n°19-10-du-23-janvier-2019-reglementant-lexportation-des-déchets-spéci...
Decret-n°19-10-du-23-janvier-2019-reglementant-lexportation-des-déchets-spéci...
 
Festival de Cannes 2024.pptx
Festival    de     Cannes        2024.pptxFestival    de     Cannes        2024.pptx
Festival de Cannes 2024.pptx
 
Comment enseigner la langue française en Colombie?
Comment enseigner la langue française en Colombie?Comment enseigner la langue française en Colombie?
Comment enseigner la langue française en Colombie?
 
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les ÉcolesEL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
 
Gestion des flux de trésorerie dans les entreprises
Gestion des flux de trésorerie dans les entreprisesGestion des flux de trésorerie dans les entreprises
Gestion des flux de trésorerie dans les entreprises
 
Résultats enquête RH 2024 Fonction Publique.pdf
Résultats enquête RH 2024 Fonction Publique.pdfRésultats enquête RH 2024 Fonction Publique.pdf
Résultats enquête RH 2024 Fonction Publique.pdf
 
Webinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsWebinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctions
 
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
 
MARTYRS DE TURQUIE – une histoire de persécution chrétienne en Anatolie.pptx
MARTYRS DE TURQUIE – une histoire de persécution chrétienne en Anatolie.pptxMARTYRS DE TURQUIE – une histoire de persécution chrétienne en Anatolie.pptx
MARTYRS DE TURQUIE – une histoire de persécution chrétienne en Anatolie.pptx
 

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