Utiliser Scratch 3.0 en ligne

Il existe une version « de développement » en ligne qui peut être utilisée ici :

Attention, comme le nom “développement” l’indique, cette version est en constante évolution et des fonctions peuvent apparaitre comme disparaitre.

Par exemple, quand on sélectionne la traduction Française, ben             ça ne fonctionne pas

Si vous désirez installer cette version en local, c’est possible. Il vous faudra suivre le tutoriel suivant fait par Sarah Lacaze et mettre un peu les mains dans le cambouis.

” Je profite donc de cet article pour partager mon cheminement d’installation sur WINDOWS :

Le répertoire du projet permettant d’afficher l’interface se situe à l’adresse https://github.com/LLK/scratch-gui, la procédure d’installation décrite dans le README.md (et reprise en bas de la page) indique 2 prérequis à savoir GIT et Node.js

1. Installation de GIT

L’installation est vraiment très simple, il suffit de se rendre à l’adresse : https://git-for-windows.github.io/ pour y télécharger la dernière version en cliquant sur le bouton DOWNLOAD

Dans mon cas, la version de l’outil téléchargé est : Git-2.14.1-64-bit.exe
Dans le répertoire de téléchargement, je lance l’exécutable :

Sélectionnez Next

Sélectionnez Next

Sélectionnez Next

Sélectionnez Next

Sélectionnez Next

Sélectionnez Next

Sélectionnez Next

Sélectionnez enfin Install !!! et attendez quelques minutes.

 

Fermez la fenêtre d’installation avec Finish.

 

  1. Installation de Node.js

On se rend à l’adresse https://nodejs.org/en/download/ pour télécharger la version correspondant à son système d’exploitation, dans mon cas l’installeur Windows 64 bits (node-v6.11.2-x64.msi):

Une fois téléchargé, le fichier d’installation devra être lancé :

Sélectionnez Next

On doit accepter les termes de la licence avant de pouvoir faire Next

Sélectionnez Next

Sélectionnez Next

Sélectionnez Install et patientez.

Une fois terminé, on quitte l’outil d’installation avec Finish.

A présent, il est important de démarrer au moins une fois Node.js. Pour ce faire, allez dans le menu démarrer de Windows puis cliquez sur « Node.js command prompt ».

En utilisant la touche Enter, vous lancez l’environnement Node.js et pouvez fermer la fenêtre :

  1. Installation de Scratch 3 Gui

La procédure du github indique pour les utilisateurs Windows d’utiliser l’invite de commande cmd.exe plutôt que l’invite de commande Bash de Git

Un clique droit sur le bouton démarrer suivi de « Exécuter » nous amène à la fenêtre désirée :

Ensuite, on installe une copie des sources du github scratch 3 gui à l’aide de la commande :

npm install https://github.com/LLK/scratch-gui.git

NB : Quelques alertes sont remontées lors de la copie des fichiers mais elles ne sont pas problématiques.

Ensuite, tapez :

« cd node_modules », valider.

« cd scratch-gui », valider.

« npm install », valider. Patience, la procédure d’installation se termine au bout de quelques minutes !

  1. Lancer Scratch 3

On tape « npm start » et on valide

 

Quand la compilation est terminée, la ligne suivante s’affiche : « Webpack : Compiled successfully »

Il est alors temps de lancer votre explorateur favori et de taper http://localhost:8601/ dans la barre d’adresse pour voir votre version locale de Scratch 3 !

Conclusion :

Au final, les trois éléments d’attention étaient : penser à démarrer Node.js en le lançant au

moins une fois, identifier où se trouve le répertoire node_modules\scratch-gui pour lancer

l’installation (si on lance l’installation ailleurs, elle tombe en échec) et patienter lors de la

compilation finale sous peine de voir son explorateur ne pas trouver la page 😉

 

Bonne découverte de la version test de Scratch 3 qui devrait être finalisée dans un an. “

Print Friendly, PDF & Email