Création d'une calculatrice en ligne

L'objet de la séance est de réaliser une calculatrice en ligne, c'est-à-dire un site web qui effectue les calculs demandés.

Mise en place de l'environnement de travail

  1. Téléchargez le fichier calculatrice.py dans le dossier SNT/web.
  2. Ouvrir ce fichier avec le logiciel Thonny.
  3. Exécutez le programme (Run > Run current script), et connectez vous à l'adresse http://localhost:8000. Effectuez une addition, et observez que le résultat correct est calculé.
  4. Vous pouvez arrêter le programme avec le bouton 🛑 STOP.

Les autres opérations ne fonctionnent pas encore. Nous allons corriger cela.

Analyse et modification du code

Lorsque le programme calculatrice.py est exécuté, il « écoute » l'adresse http://localhost:8000, c'est-à-dire qu'il attend que quelqu'un utilise sont navigateur web pour se connecter à cette adresse. Il analyse alors les paramètres qui lui ont été passés (les deux nombres, et l'opération), et il répond en envoyant le code HTML des lignes 49 à 72, en remplaçant les chaînes de caractères {nombre1}, {nombre2}, {resultat} par les deux nombres, et le résultat calculé.

Le résultat est calculé dans la fonction calcule() (lignes 9 à 16).

  • Les premières lignes (reproduites ci-dessous) correspondent au traitement spécial si aucune opération n'a été sélectionnée (la première fois que l'on consulte la page).

      if operation is None:
          return None
    
  • Les lignes suivantes signifient que si l'opération est une addition, alors la somme des deux nombres est calculée, et renvoyée : elle sera alors affichée dans la page web renvoyée à l'utilisateur.

      if operation == "+":
          return nombre1 + nombre2
      ~
    

À vous de jouer :

  1. Complétez cette fonction (à la suite de la ligne 14) pour traiter chacune des quatre opérations possibles.
  2. Appelez le professeur pour vérifier votre travail.
  3. Renommez le fichier calculatrice-ELEVE1-ELEVE2.py, puis copiez-le dans le dossier partagé de la classe.