Installer Blockly sur son ordinateur

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.

Il est paru !

Couverture du livre Apprendre à programmer en 10 semaines chrono

Ça y est ! Il est disponible dans toutes les bonnes librairies et si ce n’est pas le cas, vous pouvez le commander (ISBN 978-2100783595) chez votre libraire ou sur le site des Éditions Dunod (https://www.dunod.com/sciences-techniques/apprendre-programmer-en-10-semaines-chrono-une-methode-visuelle-pour-tous).

Quatrième de couverture du livre Apprendre à programmer en 10 semaines chrono

Cet ouvrage est le fruit d’une expérience de deux années de cours d’algorithmique en première année de licence donné à des étudiants de sciences humaines. Il s’agit d’un public d’étudiants ayant majoritairement effectué des études littéraires (Bac L) et n’ayant jamais étudié la programmation. Tout a donc été conçu pour limiter au maximum les notions mathématiques qui se résument à la maîtrise des quatre opérations arithmétiques. Ce cours a également été testé dans une association où le public était composé principalement de retraités sans aucune expérience de la programmation. À l’issue de la dizaine de séances de cours, quand chacun est reparti avec son application créée de toutes pièces sur son mobile ou sa tablette, je ne saurais dire du formateur ou des participants qui était le plus heureux.

Depuis la rédaction de mon premier livre en 2000, je ne cesse de répéter que tout le monde peut apprendre à programmer et j’ai trouvé dans Blockly une technologie visuelle qui favorise grandement l’apprentissage du codage. Alors, je vous en conjure : prenez votre destin informatique en mains et codez !

Vous pouvez lire un extrait du livre en cliquant sur ce lien.

Table des matières du livre Apprendre à programmer en 10 semaines chrono

Si vous avez des questions, des remarques, des critiques à formuler sur cet ouvrage, n’hésitez pas à déposer un commentaire.

Dominique Maniez