Une technique bien connue des développeurs web consiste à rediriger l’affichage à l’intérieur de la page web, ce que j’ai fait sous le programme. Pour éviter d’avoir à utiliser la barre de défilement quand le texte dépasse trois lignes, j’ai ajouté un bouton « Plier / Déplier » qui masque (ou fait réapparaître) le programme.

Ce dispositif de « pliage/dépliage » se révèle également très pratique s’il y a des informations supplémentaires à afficher, ce que vous pouvez vérifier avec :

• l’extension « tortue Sofus », où la trace de la tortue et un éditeur Python peuvent être pliés ou dépliés (tester).
• l’extension « tableur Xcas », où le tableur et un éditeur Javascript peuvent être pliés ou dépliés (tester).

Pour l’extension « tableur Xcas », j’ai aussi grossi le contenu du tableur.

Même si un programme ne comporte aucune instruction de saisie, les élèves doivent quand même saisir des informations dans une boîte de dialogue : c’est notamment le cas lorsqu’ils créent des variables. Donc, il est important de trouver une alternative à la boîte de dialogue standard, ce qui est particulièrement ardu en Javascript.

La grosse difficulté est de rendre la saisie bloquante, ce qui signifie que l’exécution d’un programme Blockly est suspendue tant que l’utilisateur n’a pas validé la saisie. Compte-tenu de l’ampleur de la tâche, j’ai opté pour un compromis facile à mettre en œuvre :

• la boîte de saisie standard continue à être affichée, en raison de son comportement bloquant.
• l’utilisateur n’a plus besoin d’y lire la question posée [2], puisqu’elle est formulée vocalement (ou reproduite textuellement en bas de l’écran, avec une taille de police plus adaptée)
• l’utilisateur peut taper sa réponse sans avoir à sélectionner la zone de texte de la boîte de dialogue, puisque les caractères qu’il tapera au clavier y seront automatiquement insérés jusqu’à une validation avec la touche « entrée »

La commande « variable ... » peut-être utilisée de diverses façons :

• « variable z » déclare une nouvelle variable nommée z, ce qu’on peut vérifier en allant ensuite dans le menu « Variables » de Blockly.
• « variable z égal trois » affecte la valeur 3 à la variable z, qu’elle ait été déclarée ou non auparavant.
• « variable z moins trois » diminue la valeur de z de 3, en créant un bloc « diminuer » (spécifique à certaines extensions de Blockly).
• ...

La valeur affectée à une variable peut être :

• un nombre (« variable z égal trois » par exemple).
• un texte sans espace (« variable z égal chien » par exemple).
• une variable (« variable y égal z » par exemple), z étant interprété comme une variable et non un texte (à cause de « variable z égal trois »).
• un calcul (voir section Calculs).

Les blocs créés par une affectation sont reliés au bloc courant, s’il y en a un et si la liaison est licite :

L’affectation (« variable z égal trois ») est insérée entre le bloc courant (« afficher ici ») et son successeur (« afficher après »), et devient à son tour le bloc courant. Si le bloc courant avait été le bloc « ici », l’affectation aurait été placée dans le coin supérieur gauche de la fenêtre, sans être reliée à d’autres blocs.

Plusieurs opérateurs arithmétiques sont disponibles : + (plus), - (moins), * (fois), / (divisé). En voici quelques exemples d’utilisation :

• « variable y égal deux plus trois plus quatre plus cinq » : interprété en 2+(3+(4+5))).
• « variable z égal trois plus deux fois y » : interprété en 3+(2*y)
• « variable z égal deux fois y plus trois » : interprété en 2*(y+3), et pas en (2*y)+3 comme le veut la règle de priorité des opérateurs.

Comme il ne me semble guère raisonnable d’inclure plusieurs « parenthèse ouvrante (fermante) » dans un message vocal, j’ai cherché un moyen plus pratique pour pouvoir gérer les « calculs complexes ». Il consiste à introduire un premier calcul simple (un nombre, une variable, un calcul ne comportant qu’un seul type d’opérateur), puis à se positionner sur le bloc résultant (ou un sous-bloc) afin de lui appliquer une transformation. Voici des exemples permettant de clarifier mon discours :

• « variable y égal deux plus trois plus quatre plus cinq », qui ne comporte que l’opérateur +, est considéré comme étant un calcul simple.
• « variable z égal deux fois y » peut servir de point de départ pour obtenir (2*y)+3 ou 2*(y+3), en appliquant la transformation « plus trois » :
  • si le bloc « 2*y » est sélectionné, on obtient (2*y)+3
  • si le bloc « y » est sélectionné, on obtient 2*(y+3)

Des fonctions mathématiques peuvent être utilisées, ce qui est illustré dans l’onglet « Exemple » avec la fonction « racine carrée ».

Des conditions peuvent être introduites vocalement avec les blocs « si » et « tantque », par exemple :

• « si y égal deux »
• « répéter tantque y fois y inférieur sept »

On ne peut introduire à cette occasion que des conditions élémentaires : un calcul, suivi d’un opérateur de comparaison (égal, inférieur, supérieur) et d’un calcul. Mais ces conditions élémentaires peuvent ensuite être complétées :

• après avoir sélectionné le bloc « y=2 », la commande « ou y supérieur cinq » permet d’obtenir « si (y=2) ou (y>5) ».
• après avoir sélectionné le bloc « y>5 », la commande « et y inférieur neuf » permet d’obtenir « si (y=2) ou ((y>5) et (y<9)) ».

Outre la boucle « tantque » évoquée dans la section « Conditions », il est possible de gérer vocalement les boucles « répéter » et « pour », comme l’illustrent ces exemples :

• « répéter deux fois trois »
• « répéter pour y entre deux plus deux et cinq »

Les commandes « répéter tantque... » et « répéter pour... » peuvent être abrégées en « tantque ... » et « pour ... » en version textuelle, mais pas en version vocale : par exemple, « pour i entre un et cinq » a en effet été interprété en « vas-y entre 1 et 5 » !

Le « répéter pour » ne règle d’ailleurs pas le problème pour la variable i : « répéter pour i entre un et cinq a en effet été interprété en « répéter pourri entre 1 et 5 » ! Mais heureusement, cela marche mieux avec d’autres noms de variables.