LYCÉE BILINGUE DE MBOUDA GBHS OF MBOUDA

DÉPARTEMENT D’INFORMATIQUE DEPARTMENT OF COMPUTER SCIENCE

CLASSE : Tle TI

ENSEIGNANT : ING. AXEL DOMINIQUE MOUAFO, PLETP-Génie Informatique

FICHE DE TRAVAUX DIRIGÉS

PROGRAMMATION
ACTIVITÉ 1
Soit le formulaire ci-dessous présent sur la page d’inscription d’un site web.

1- Écrire le code HTML de ce formulaire.

© La connaissance est une véritable force 1 Ing. AXEL DOMINIQUE MOUAFO

 2- Écrire le code JavaScript qui lancera la vérification du formulaire lorsqu’on cliquera sur le
bouton « Vérifier vos informations avant de s’inscrire ».
3- Écrire le code Javascript qui activera le bouton « S’inscrire » lorsqu’on cochera la case
« J’ai fait la vérification ».
NB : - Le bouton « S’inscrire » doit être désactivé
- L’envoie sera bloqué si les champs sont incorrects.

ACTIVITÉ 2
Votre cousin qui vient de s’inscrire dans une école privée d’informatique vous demande de
l’aider à apprendre les bases de la programmation web. En effet, les cours ont débuté depuis un
long moment et il malheureusement n’a pas pu y assister ce qui lui a occasionné un retard à
rattraper. Pour s’entrainer à la programmation web, Il a téléchargé le logiciel WAMP server mais
ne sait pas comment il fonctionne. Aidez-le en répondant aux questions suivantes :
1) Définir le sigle WAMP
2) Donner les noms de deux applications indispensables au bon fonctionnement de WAMP
server.
Pendant qu’il suit la procédure d’installation, on lui demande de choisir le port d’écoute de
WAMP server.
3) Définir port et donner la liste des différents ports utilisés par WAMP server.
Une fois l’installation terminée, il vous pose encore quelques questions sur les conditions
d’hébergement local d’un site web.
4) Définir hébergement
5) Donner le nom du fichier de configuration d’Apache.
6) Écrire la modification à effectuer dans le fichier de configuration d’apache pour permettre
aux utilisateurs d’un réseau local d’accéder au contenu de WAMP server.
7) Écrire la procédure de création d’un réseau local en utilisant la carte Wi-Fi.
8) Donner la procédure pour héberger un site en local

ACTIVITÉ 3
Le papa de votre camarade MATCHIO, qui est un agriculteur souhaite concevoir une application
web de e-commerce, afin de faciliter la vente de ses produits à travers internet. On lui fait savoir
qu’il doit :
• Réaliser un site web dynamique compte tenu de la quantité d’informations (commande des
produits, liste des produits,…) qui sera gérée sur le site en utilisant le principe de back-
office et front-office,
• Choisir un hébergeur web qui met à la disposition de ses clients un environnement intégré
de développement web intégrant un serveur http, un interpréteur PHP et un serveur de
données.

© La connaissance est une véritable force 2 Ing. AXEL DOMINIQUE MOUAFO

 • Faire appel à un webmaster.
Il fait appel à vous en tant qu’expert. Mais, avant de signer le contrat avec vous, Vous
deviez passer le test d’entretien d’embauche en répondant correctement aux questions
suivantes :
1) Définir : e-commerce, Webmaster, page d’accueil d’un site web
2) Donner le rôle, le port d’écoute et un (01) exemple de :
a) Serveur http
b) Serveur de données
3) Dire en quoi consiste un environnement intégré de développement web et énumérer
deux (02) exemples.
4) Définir hébergeur web et proposer (02) types d’hébergement web.
5) Expliquer de manière comparative l’avantage d’un site web dynamique par rapport à un
site web statique.
6) Donner une explication des expressions suivantes : back-office et front-office.
7) Ayant terminé les conceptions des différentes pages web du site, donner une procédure
permettant de les :
a) Héberger localement sur votre ordinateur
b) Héberger sur un ordinateur connecté à internet.
8) Cite un exemple d’entreprise d’hébergeur des sites web au Cameroun

ACTIVITÉ 4
Soit le tableau ci-dessous représentant les notes associées aux coefficients des matières
pour un élève d’une classe de Terminale.
Coeff 3 5 2 1 4
Note 15 14 10 16,5 07,75
Écrire instructions PHP permettant de :
1- Créer le tableau nommé « tab_note » contenant les notes associées aux coefficients.
2- Calculer et afficher la moyenne et le total des coefficients de ces notes.
3- Vérifier si la note 10 et le coefficient 6 existe dans le tableau et d’afficher le message
correspondant.
4- Trier et afficher ce tableau dans l’ordre croissant en conservant les clés et les valeurs.

ACTIVITÉ 5
On désir réaliser une simple application qui demande deux nombres entiers positifs (dans des
champs de saisies) à l’utilisateur, calcul et affiche le PGCD et le PPCM dans une balise <div>
créer automatiquement.

© La connaissance est une véritable force 3 Ing. AXEL DOMINIQUE MOUAFO

 1- Écrire le code HTML correspondant avec un bouton nommé « Calculer ».
2- Écrire une fonction récursive nommée pgcd() qui retourne le PGCD deux nombres pris en
paramètre.
3- Écrire les instructions php pour afficher le PGCD et le PPCM des deux nombres fournis
par l’utilisateur.

ACTIVITÉ 6
Écrire un script php qui récupère la date de naissance d’un utilisateur dans un formulaire,
calcul et affiche son age à la seconde près.

ACTIVITÉ 7
Écrire un script php qui vérifie la connexion au serveur en utilisant un try pour afficher le message
d’erreur correspondant en cas d’échec. Les paramètres du serveur sont les suivants : serveur :
loclhost; utilisateur : lybimbo; mot de passe : root.

ACTIVITÉ 8
Écrire le script php et les requêtes SQL permettant de :
1- Établir la connection avec le serveur
2- Créer et de sélectionner la base de données « bd_1 »
3- Créer dans la base de données « bd_1 » la table nommée « eleve » avec les champs :
matricule, nom, date_de_naissance, sexe, classe et email

ACTIVITÉ 9
On désire écrire un programme PHP qui va gérer les notes des élèves du LYBIMBO grâce aux
tableaux. Pour cela, on se propose de gérer tout d’abord les notes d’un seul élève du nom d’Axel.
Les notes de l’élève Axel sont les suivantes :

1- Écrire le code HTML permettant de créer le formulaire pour entrer les notes de l’élève
Aziza.

© La connaissance est une véritable force 4 Ing. AXEL DOMINIQUE MOUAFO

 2- Écrire un code JavaScript qui va afficher à l’utilisateur dans une boite de dialogue un
message d’erreur lorsqu’il passe à un nouveau champ et que la valeur du champ
précédemment saisi est incorrecte
3- Donner les lignes de codes pour créer le tableau notesAxel
4- Écrire une fonction PHP qui affiche l’appréciation d’une note donnée. NB : Note<10 Non
Acquis ; 10=<Note<15 En Cours d’Acquisition ; 15=<Note<=20 Acquis ;
5- Écrire un programme PHP qui calcule la moyenne de l’élève Axel et affiche le résultat
comme suit.

ACTIVITÉ 10
Vous avez été recruté en tant que Webmaster d’une entreprise de production agricole de la place.
Le directeur de l’entreprise souhaite que :

• La page d’accueil soit faite selon le modèle de la maquette ci-dessous :

© La connaissance est une véritable force 5 Ing. AXEL DOMINIQUE MOUAFO

 • Lorsqu’un internaute pointe le curseur de la souris sur le lien « s’inscrire », le message
suivant « Soit membre du site et profite des remises » s’affiche dans une boîte de
dialogue.

• Toutes les pages gardent une même homogénéité. Voici un extrait du code proposé:

1) Proposer le code HTML permettant de réaliser la page d’accueil de ce site web en :

• Utilisant la technique des tableaux, des listes non-ordonnées et des formulaires
• Appliquant les feuilles de style sur les différents textes et sur l’image du logo
nommée « agriculture.jpeg »
2) Indiquer la méthode à utiliser pour que toutes les pages gardent la même structure et que
seule partie présentation change en fonction du contenu de la page.
3) Lorsque l’internaute clique sur le lien « s’inscrire », le formulaire ci-dessous apparaît dans
la case de présentation des produits.

© La connaissance est une véritable force 6 Ing. AXEL DOMINIQUE MOUAFO

 a) Proposer le code html permettant d’afficher ce formulaire.
b) Proposer un script JavaScript permettant de vérifier que toutes les informations du
formulaire sont remplies lors de la validation de l’inscription.
4) Proposer les instructions php permettant de :
a) Récupérer et vérifier les informations du formulaire.
b) Créer la base de données « agriculture » pour contenir les informations.
c) Créer la table « utilisateur » pour stocker les informations d’un internaute
d) Insérer les informations de l’internaute venant du formulaire.
e) Afficher la liste des internautes de la base de données.

BONNE ET HEUREUSE ANNÉES 2022

© La connaissance est une véritable force 7 Ing. AXEL DOMINIQUE MOUAFO