Mise à jour du 30 mai 2023.
Suite à la parution de la deuxième édition de l’ouvrage, la procédure d’installation de Blockly a été revue et simplifiée. Pour installer Blockly, nous vous conseillons donc de lire l’article disponible ici.
Le texte de l’article ci-dessous n’a plus vraiment de raison d’être, mais dans la mesure où il a été commenté plusieurs fois, nous en conservons une trace…
Certains lecteurs (je les en remercie) ont attiré mon attention sur le fait que des modifications dans Blockly empêchent son installation selon la procédure décrite ci-dessous. Dans ces conditions, le plus simple est de télécharger la version de Blockly qui est disponible sur la page https://www.progbloc.fr/traduction-des-blocs/. Avec cette version, la procédure décrite ci-dessous est parfaitement fonctionnelle et vous bénéficierez en outre des libellés des commandes identiques à ceux du livre.
Même si Blockly est une application en ligne qui s’exécute depuis un navigateur Internet, vous avez tout intérêt à l’installer sur votre ordinateur. Cela vous permettra ainsi de l’exécuter, même si vous n’êtes pas connecté à Internet.
Si l’on dispose du code source d’une application Internet, on peut l’installer sur son ordinateur et l’exécuter, en local (par opposition à en ligne), depuis le disque dur de son ordinateur dans un navigateur. L’URL de l’application ne commencera alors pas par http://, mais par file:/// et indiquera le chemin d’accès au fichier de démarrage de l’application sur votre disque dur.
Pour installer Blockly sur votre ordinateur, il faut au préalable télécharger les fichiers de l’application. Pour ce faire, pointez votre navigateur à : https://github.com/google/blockly/zipball/master
Vous allez ainsi télécharger un fichier ZIP (une archive de fichiers compressés) qui, au moment de la rédaction de cet ouvrage, fait une vingtaine de Mégaoctets et se nomme google-blockly-7679d22.zip. Bien entendu, la taille de ce fichier et son nom vont évoluer au gré des mises à jour de l’application et le fichier que vous allez télécharger aura sans doute un nom différent.
Créez un dossier à partir de la racine de votre disque dur, par exemple C:\Blockly et décompressez l’intégralité des fichiers de l’archive que vous venez de télécharger à l’intérieur de ce dossier. Si vous avez bien suivi, vous devez aboutir à une structure arborescente proche de celle-ci :
L’ensemble de l’archive décompressée représente près de 700 fichiers pour une soixantaine de dossiers.
Dans l’Explorateur de fichiers, ouvrez le dossier demos, puis le dossier code, et ouvrez le fichier index.html. En faisant un double-clic sur ce fichier, le fichier se charge dans votre navigateur par défaut. Si vous voulez l’ouvrir dans un autre navigateur, choisissez la commande Ouvrir avec dans le menu contextuel en faisant un clic droit sur le nom du fichier.
Si vous avez suivi correctement nos indications, votre navigateur doit contenir l’URL suivante :
file:///C:/Blockly/demos/code/index.html
et l’écran suivant doit s’afficher :
L’interface de l’application est en anglais et nous allons tout de suite la passer en français. En haut à droite de l’écran, cliquez dans la liste déroulante qui a la valeur English et choisissez Français. L’URL de votre navigateur affiche à présent :
file:///C:/Blockly/demos/code/index.html?lang=fr
C’est donc l’adresse à laquelle vous devrez vous rendre désormais pour travailler avec Blockly et le plus pratique est sans doute de créer un favori de cette URL dans votre navigateur afin de pouvoir y accéder plus rapidement.
Et si je travaille avec un Mac ou un ordinateur sous Linux ?
Les manipulations décrites ci-dessus s’appliquent aux ordinateurs tournant sous Windows, mais si vous possédez un Mac ou bien un ordinateur tournant sous une distribution Linux quelconque, les instructions sont quasiment identiques : vous devez télécharger l’archive de l’application et la décompresser dans un dossier que vous aurez créé au préalable. Ensuite à l’aide de votre navigateur Internet (nous vous recommandons d’utiliser Firefox), vous devez ouvrir le fichier index.html du sous-dossier code du dossier demos.
Peut-on aussi utiliser Blockly localement sur un terminal mobile (smartphone ou tablette ?)
Avec un smartphone ou une tablette Android, il suffit d’employer la méthode énoncée pour Windows (téléchargement et décompression de l’archive). Une application native pour Android est également en cours de développement. Sur un smartphone Android, l’utilisation de Blockly est plus agréable si vous disposez d’un grand écran et d’un stylet.
Si vous avez un terminal Apple (iPhone ou iPad) et qu’il a au moins la version 11 d’iOS, vous pouvez installer Blockly en local avec l’application Fichiers (incluse dans iOS) et en téléchargeant l’appli gratuite Documents par Readdle qui vous permettra de décompresser l’archive que vous aurez téléchargée et de lancer l’application en local en faisant afficher le fichier index.html du sous-dossier code du répertoire demos.
