Algorithmique et développement web S2 (M2202) – TP #1

Dans cette séance de TP vous allez programmer des scripts en PHP qui doivent marcher pour de vrai.

Vous allez apprendre à utiliser un serveur web local. En même temps, vous allez continuer à travailler avec les variables, les structures de contrôle et les formulaires.

Liens utiles : CM #1 · TD #1

Dans le répertoire m2202 que vous avez déjà créé, ajoutez un répertoire nommé m2202-tp1 pour sauvegarder les exercices de cette séance (TP #1).

Dans ce répertoire m2202-tp1, créez un répertoire appelé exo1 pour le premier exercice, exo2 pour le deuxième, etc. Vos exercices ne seront pas corrigés si vous ne respectez pas ces instructions.

Vous devez rendre ces exercices. Pour cela, compressez (en format ZIP ou RAR) le répertoire m2202-tp1 et soumettez-le sur AMeTICE dans TP #1 - exercices à rendre. Les exercices marqués avec une étoile (*) sont obligatoires, mais essayez de tous les faire.

Si vous soumettez vos exercices en retard (après la date de remise), la correction sera plus exigeante. Il est impossible de rendre les exercices après la date limite.

Comment utiliser le serveur web local

Pour exécuter vos scripts en PHP, vous pouvez utiliser un serveur web virtuel : c'est un logiciel qui permet d'avoir un serveur web dans votre propre ordinateur, sans besoin de mettre votre site web en ligne.

Dans ce module on va utiliser XAMPP, qui est déjà installé sur les postes fixes. Autres logiciels connus sont WampServer (pour Windows) et MAMP (pour MAC).

Pour l'utiliser, il y a trois étapes :

  1. Démarrez le serveur. Demarrer le logiciel, puis cliquez sur les deux boutons « Start ». Ils demarrent Apache (le serveur HTTP) et MySQL (la base de données).
  2. Déposez vos fichiers. Déposez le repertoire racine de votre site web dans
    PC › Win10 (C:) › xampp › htdocs
    Pour y arriver facilement, cliquez dans le bouton « Explore », puis allez dans le dossier « htdocs ».
  3. Visitez votre site web. Sur la barre d'adresses de votre navigateur web, tappez le nombre de votre site web précedé de http://localhost:8080/ ou simplement localhost:8080/

Par exemple, pour ouvrir le fichier qui se trouve dans
PC › Win10 (C:) › xampp › htdocs › m2202 › m2202-td1 › exo3 › index.php
vous tapez l'URL localhost:8080/m2202/m2202-td1/exo3/index.php

Pour ouvrir phpMyAdmin, allez simplement sur localhost:8080/phpmyadmin ou cliquez sur bouton « Admin » de la ligne MySQL.

Exercices

Si vous avez fait les exercices du TD #1, vous devriez être capable de faire tous ces exercices vous-même.

Exercice 1

Répétez l'exercice 5 du TD #1 avec un formulaire pour que l'utilisateur puisse rentrer sa date de naissance.

Exercice 2

Dans cet exercice vous allez faire un script qui affiche le jour de la semaine en français.

Vous pouvez récupérer le jour de la semaine avec date('l') (ça donne un string, en anglais) ou avec idate('w') (ça donne un integer).

Comme toujours, votre script doit générer un document HTML valide, avec les balises <html>, <head>, etc. Pour être sûr que c'est bon, utilisez le W3C Markup Validation Service.

Exercice 3

Dans cet exercice vous allez faire un script qui transforme un prix en euros en dollars américains.

Vous devez d'abord faire un formulaire où on puisse rentrer un prix. Dans un fichier séparé, vous prenez cette quantité, calculez le prix équivalent en dollars américains, et vous l'affichez comme ceci :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>M2202</title>
</head>
<body>
  <h1>TP #1 / Exo 3</h1>
  <p>
    11.50 euros sont 13.13 dollars américains.
  </p>
</body>
</html>

Vous pouvez trouver facilement le taux de change sur Google.

Exercice 4*

Dans cet exercice vous allez calculer la somme de 1 + 1/2 + … + 1/n, où n est un nombre entier positif entré par l'utilisateur.

Votre script PHP doit générer quelque chose comme ceci (si n vaut 50) :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>M2202</title>
</head>
<body>
  <h1>TP #1 / Exo 4</h1>
  <p>
    1 + 1/2 + ... + 1/50 = 4.499205
  </p>
</body>
</html>

Faites un formulaire pour rentrer le nombre n.

S'il vous reste du temps, faites les exercices du TD #1 pour vérifier qu'ils marchent correctement.