Développement

Snap! Langage de programmation graphique, éducatif. Installation

Cet article a été mis à jour, vous consultez ici une archive de cet article!
Dernière mise à jour : 08/06/2026 à 15h38
Table des matières icone

Présentation


Snap! est un langage de programmation graphique inspiré de Scratch, éducatif conçu pour l'apprentissage de la programmation, notamment pour les enfants et les débutants. L'utilisateur crée des programmes en assemblant des blocs, comme dans Scratch.
Des fonctionnalités avancées (comme la gestion de listes, de fonctions personnalisées, et même la programmation orientée objet) sont cependant disponibles.

Basé sur HTML5 et JavaScript, Snap! s’exécute entièrement dans le navigateur, sans installation, via cet url.

Il est néanmoins possible de l'installer pour des ordinateurs sans accès à internet.

Installation


Les informations proviennent de la documentation Using Snap! Without an Internet Connection.

Deux possibilités pour une utilisation hors ligne.

Pour une Webapp


Saisissez https://snap.berkeley.edu/ dans la barre d'adresse de votre navigateur.
Sur la page qui s'affiche alors, cliquez sur Run Snap!
Un bouton Installer doit apparaître à droite dans la barre d'url :

image
Cliquez. Après une courte attente, un lanceur avec l'icône de Snap! apparait sur le bureau.

En éditant ce lanceur avec un éditeur de texte, vous découvrez comment il est constitué. Vous avez un fichier .desktop analogue à ceci :

Code TEXT :
#!/usr/bin/env xdg-open
[Desktop Entry]
Version=1.0
Terminal=false
Type=Application
Name=Snap!
Exec=/emplacement/de/ungoogled-chromium-145.0.7632.75-1-x86_64_linux/chrome "--profile-directory=Profile 1" --app-id=zifwbrebsfvrmennsjnwaxbaqwmwzdxu
Icon=chrome-zifwbrebsfvrmennsjnwaxbaqwmwzdxu-Profile_1
StartupWMClass=crx_zifwbrebsfvrmennsjnwaxbaqwmwzdxu


Pour un navigateur Chrome, Snap! est lié au profil sous lequel il a été téléchargé.

Et les données, c.a.d l'application elle même, sont dans le répertoire
Code TEXT :
/$HOME/.config/chromium/Profile 1/Web Applications/Manifest Resources/zifwbrebsfvrmennsjnwaxbaqwmwzdxu


Il est possible de déplacer le répertoire de l'application,
zifwbrebsfvrmennsjnwaxbaqwmwzdxu
dans le cas ci-dessus, dans un lieu qui vous conviendrait mieux, et de placer un lien symbolique vers celui ci dans
Code TEXT :
/$HOME/.config/chromium/Profile 1/Web Applications/Manifest Resources/


Vous pouvez ajouter Snap! au menu des Applications en créant une nouvelle entrée avec la commande
Exec
du lanceur.

L'apparence est un peu différente de la version en ligne.

image

En téléchargeant les sources de Snap!


  • Téléchargez les sources de la dernière version
  • Décompressez l'archive obtenue, Snap!, dans un emplacement à votre convenance
  • Créez un lanceur dans le menu des Applications avec le fichier snap.html du répertoire Snap! pour votre navigateur.

Dans ce cas de figure, Snap! s'ouvre dans votre navigateur, et l’apparence est identique à la version en ligne.

Sitographie