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 votre dossier personnel (voire dans un dossier SNT ou SNT/web pour faire du tri).
  2. Ouvrir ce fichier avec le logiciel Thonny : lancez d'abord le logiciel Thonny, puis ouvrez le fichier depuis 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.