La programmation pour tous
Nous avons corrigé les erreurs de la première édition (en essayant de ne pas en réintroduire d’autres😉).
Nous avons complété le chapitre sur les listes
Dans le dernier chapitre, nous avons ajouté une application mobile qui exploite des listes et des coordonnées GPS.
Nous avons simplifié la procédure d’installation de Blockly ainsi que l’interface de l’application.
Bonne lecture !
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.
La procédure d’installation de Blockly était relativement simple, mais les concepteurs de Blockly ont modifié en 2022 l’architecture logicielle de l’application si bien que son installation est devenue plus complexe. Afin de permettre à chacun d’installer Blockly sur sa machine, nous avons généré une nouvelle application à partir des fichiers sources diffusés par Google et nous en avons également profité pour simplifier l’interface et revoir certaines traductions en français qui ne nous paraissaient pas adéquates.
Si vous disposez du code source d’une application Internet, vous pouvez l’installer sur votre ordinateur (ou votre smartphone ou votre tablette) et l’exécuter, en local (par opposition à en ligne), depuis le disque dur de votre 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 en cliquant sur ce lien.
Vous allez ainsi télécharger un fichier ZIP (une archive de fichiers compressés) d’une taille de 2 094 Ko dont le nom est Blockly_FR.zip.
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 à la structure de fichiers suivante :
L’ensemble de l’archive décompressée représente un peu plus de 300 fichiers pour cinq dossiers.
Dans l’Explorateur de fichiers, ouvrez le dossier qui contient les fichiers de l’archive (C:\Blockly si vous avez suivi notre recommandation) 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 nos indications, votre navigateur doit contenir l’URL suivante :
file:///C:/Blockly/index.html
et l’écran suivant doit s’afficher :
file:///C:/Blockly/index.html est 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 répertoire dans lequel vous avez décompressé les fichiers de l’archive.
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). 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.
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.
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.
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.
Ç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).
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.
Si vous avez des questions, des remarques, des critiques à formuler sur cet ouvrage, n’hésitez pas à déposer un commentaire.
Dominique Maniez