Les langages de programmation pour le Web et les applications bureau sont très à la mode, mais nécessitent une formation avancée. Si vous vous intéressez à ce type de programmation, vous constaterez sûrement que les langages de programmation traditionnels tels que C++, C# ou Java, sont généralement réservés à celles et ceux qui ont pris le temps de les maîtriser, au prix de longues études et de nombreuses expériences. Scratch est toutefois la preuve qu’il est possible de faire plus simple ! Si l’on veut apprendre la programmation sous une forme plus simplifiée et plus abordable, on a tout intérêt à se tourner vers cette plateforme de programmation Open Source. Dans ce tutoriel Scratch, nous vous expliquons en quoi consiste ce projet de programmation, destiné avant tout aux enfants, et comment fonctionne la programmation avec Scratch.
Scratch est un projet Open Source consacré au langage de programmation du même nom. Il est développé et géré par MIT Media Laboratory de Cambridge. Le projet est en grande partie financé par la National Science Foundation (NSF) et quelques autres sponsors. La première version de ce langage de programmation visuelle orienté objet est apparue en 2007, avec son propre environnement de programmation (basé sur Squeak). La version actuelle du langage de programmation, basée sur HTML5 et JavaScript prend en compte les commandes tactiles dans les navigateurs Safari et Chrome des téléphones portables.
Afin de protéger votre vie privée, la vidéo ne se chargera qu'après votre clic.
Scratch vise à permettre aux débutants, et plus particulièrement aux jeunes et aux enfants, de mieux comprendre les principes élémentaires de la programmation. Pour ce faire, Scratch a éliminé tous les éléments qui ne favorisaient pas une approche intuitive de la programmation. En revanche, tous les élémentssuscitant de l’envie et de la motivation ont été fortement privilégiés. Une fois terminés, les projets sont publiés sur le site Scratch pour être partagés avec les autres membres de la communauté. L’apprentissage ludique, qui a toujours été une priorité pour la programmation chez les enfants, est de toute évidence le fondement sur lequel Scratch a été bâti.
Scratch est utilisé dansplus de 150 pays. Le projet, son interface et de nombreux tutoriels sont disponibles enplus de 40 langues. Que l’apprentissage Scratch se fasse dans le cadre de l’école ou à la maison, il reste entièrement gratuit.
La programmation Scratch repose sur une interface graphique qui rend inutiles toute syntaxe compliquée et tout codage. L’objectif principal reste cependant, comme nous l’avons déjà dit, d’aider les débutants qui souhaitent apprendre à programmer. C’est pourquoi Scratch mise davantage sur l’opérativité que sur un grand nombre de fonctionnalités. Malgré ces restrictions, Scratch bénéficie des principales propriétés des paradigmes de programmation, comme nous vous les présentons ci-dessous. Les caractéristiques de ce langage de programmation sont :
Comme partout ailleurs, pour la programmation Scratch, c’est en forgeant qu’on devient forgeron ! Et même si le projet de programmation comprend beaucoup moins de points d’entrée que les langages de programmation classiques, comptez sur un certain temps de familiarisation pour vous approprier l’interface de programmation et pour apprendre à utiliser les différents blocs. Dans le tutoriel Scratch ci-dessous, nous allons vous montrer comment s’inscrire sur le site, puis nous vous présenterons les principaux éléments de l’interface utilisateur. Pour finir, nous vous expliquerons la programmation Scratch au moyen d’un projet exemple concret.
Si votre but est d’initier des enfants à la programmation Scratch, il est recommandé de bien vous familiariser d’abord à cette plateforme Open Source. Mieux vous comprendrez ce langage et son interface graphique, plus vous serez capable d’accompagner de jeunes apprenants dans leur démarche.
Pour créer un projet Scratch, il n’est pas indispensable de créer un compte. Vous pouvez aussi accéder au site de Scratch directement avec le navigateur de votre choix, et cliquer sur le bouton « Commencer à créer ». Si néanmoins vous souhaitez rejoindre la grande communauté Scratch, et partager des vidéos, des jeux, etc. avec les autres, une fois qu’ils sont terminés, vous devrez créer un compte d’utilisateur. Vous devez dans ce cas vous enregistrer.
Pour créer un compte d’utilisateur, cliquez sur le bouton « Rejoindre », et dans la fenêtre suivante, entrez un nom d’utilisateur, ainsi qu’un mot de passe sécurisé :
Une fois que vous avez cliqué sur le bouton « Suivant », vous devez enregistrer quelques données personnelles, dont votre pays d’origine et votre date de naissance. Pour clore votre inscription, enregistrez une adresse mail valide, et cliquez pour finir sur « Créer votre compte ».
Vous êtes alors inscrit automatiquement. Vous trouverez dans votre messagerie un lien d’activation grâce lequel vous pourrez activer les fonctions, comme la publication de projets ou la rédaction de commentaires sur des projets Scratch.
Pour utiliser Scratch à des fins d’enseignement, vous pouvez demander un compte enseignant Scratch. Ce type de compte permet de créer des classes, d’enregistrer des comptes d’élèves et de les administrer. L’équipe Scratch valide manuellement toutes les demandes de création de compte enseignant, ce qui explique que la procédure dure généralement environ 24 heures.
Dès que vous avez créé un compte et que vous avez enregistré votre profil, vous verrez apparaître différentes options accessibles dans la barre de menu, sur la partie haute de votre écran.
Si vous cliquez par exemple sur le profil (vignette miniature et nom du compte), vous pouvez gérer votre profil, enregistrer votre domiciliation, modifier votre adresse mail et votre mot de passe, et accéder à l’aperçu des projets actifs (« Mes projets »). C’est aussi dans ce menu que vous pouvez vous déconnecter :
Derrière les menus suivants se cachent les fonctions suivantes :
L’environnement de développement de Scratch fait penser à un logiciel de création de site, ce qui est d’ailleurs assez compatible avec l’approche par bloc proposée par les scripts. En plus de ces scripts, qui constituent l’essentiel des blocs utilisables, vous pouvez ajouter à vos projets des costumes et des sons. Vous pouvez aussi les ajouter et les gérer au niveau de chaque script. Si vous cliquez sur « Ajouter une extension », vous disposerez d’un plus grand nombre de scripts, comme par exemple le crayon de couleur ou un code de détection vidéo ou de synthèse vocale.
Scratch met à votre disposition un grand nombre de costumes, de sons et de scripts que vous pourrez insérer directement dans vos projets. Vous pouvez aussi importer vos propres images et sons, voire les enregistrer si les éléments disponibles de vous suffisent pas. Il est également possible de générer ses propres scripts.
Quel que soit votre projet de programmation avec Scratch, qu’il s’agisse d’un jeu, d’une vidéo, d’une animation quelconque ou d’un petit dessin animé, les lutins et autres objets sont les blocs essentiels de votre histoire. En dessous de l’onglet « Costumes », vous pouvez choisir et insérer un certain nombre de graphiques dans votre projet. Vous pouvez choisir parmi les graphiques disponibles, dessiner manuellement ou importer des graphiques que vous avez enregistrés en local. Si votre ordinateur est équipé d’une caméra, vous pouvez aussi prendre une photo.
Si vous avez sélectionné des costumes, vous pouvez parfaitement les ajuster par la suite. Pour ce faire, sélectionnez l’objet de votre choix dans le menu latéral à gauche (sachez que vous pourrez à tout moment le glisser dans la corbeille d’un simple clic de souris), et utilisez ensuite les outils de l’éditeur, pour changer par exemple la couleur, pour supprimer des éléments avec la gomme, pour ajouter du texte, voire pour déformer l’objet. Il est également possible de convertir le graphique dans un format au mode vectoriel. Dans le champ « Costume », indiquez le nom du costume dont chaque script aura besoin ultérieurement comme base de référence.
En bas, à droite sur votre écran se trouve le bouton « Choisir arrière-plan ». Cette option permet de définir l’image d’arrière-plan pour votre projet. Une fois de plus, vous pouvez choisir un arrière-plan proposé dans la bibliothèque de Scratch, ou ajouter vos propres images. Il est même possible de cliquer sur le pinceau et de dessiner votre propre arrière-plan.
Trouver la juste sonorité dans un projet est tout aussi important que d’avoir les bons lutins et les bons objets. Quand vous programmez avec Scratch, il est possible de gérer les sons et les bruits en passant par le menu « Sons ». Comme pour les éléments graphiques, vous disposez d’une grande bibliothèque de sons scratch accessible par la fonction « Choisir son ». Il est également possible d’importer votre fichier sonore, ou de vous enregistrer si vous disposez d’un microphone.
Les sons que vous insérez se retrouvent dans le menu latéral à gauche, et vous pouvez les sélectionner par un clic de souris pour les modifier et les éditer de plusieurs manières. Vous pouvez entre autres découper des séquences sonores, ajuster le volume, accélérer ou ralentir la vitesse de lecture. Comme il est également possible d’insérer des sons dans un projet Scratch à l’aide de scripts, il est important de nommer correctement tous les sons que vous insérez dans le champ « Son ».
Pour être efficace en programmation Scratch, il est important de bien s’entraîner dans la gestion des scripts. Le véritable code derrière ces scripts est généré automatiquement, dès que vous faites glisser dans votre projet un des blocs disponibles, qu’il s’agisse d’un contrôle, d’un capteur, d’un opérateur ou d’une variable. En tant qu’utilisateur, vous pouvez vous concentrer sur le fait d’assigner des valeurs aux différents scripts, et leur attribuer des graphiques et des éléments sonores.
Tous les scripts existants sont dotés de descriptions précises, qui vous permettent de bien comprendre leur fonctionnement. Pour insérer un script dans votre projet, il suffit de cliquer sur le bloc concerné (nom donné aux scripts Scratch), et de le glisser dans la fenêtre d’édition, au centre de votre écran. Les valeurs ou options à définir sont consultables directement dans le bloc. C’est à ce niveau que vous pouvez les saisir ou les sélectionner. Si vous souhaitez associer directement un script à un script existant, il suffit de le rattacher, comme on le ferait avec une pièce de puzzle.
Quand on apprend la programmation Scratch, la difficulté n’est pas de mémoriser des règles, une syntaxe ou un format quelconque, mais plutôt de bien comprendre le fonctionnement des différents scripts pour pouvoir les utiliser correctement et bien les associer, les uns aux autres.
Maintenant que nous avons présenté les principaux éléments du site de programmation dans la première partie du tutoriel Scratch, nous allons, au moyen d’un exemple concret, vous montrer ce qu’il est possible de faire avec Scratch.
Commençons par trouver une image d’arrière-plan pour notre projet. Pour ce faire, nous cliquons sur l’icône d’image de fond, tout en bas de l’écran, et sur « Sélectionner un arrière-plan ». Nous avons fait le choix d’utiliser le motif Blue Sky, que nous avons repris tel quel.
Nous allons ensuite ajouter un lutin à notre exemple de projet. Puisque l’onglet « Images de fond » recouvre l’onglet « Costumes », nous allons cliquer sur le bouton « Sélectionner lutin » (en bas à droite). Dans la bibliothèque de Scratch, vous avez différents lutins et plusieurs costumes avec lesquels vous allez pouvoir ensuite simuler des mouvements. Le lutin « Cat » est par exemple disponible avec les déclinaisons « cat-a » et « cat-b », qui, exécutés l’un après l’autre, vous donneront l’impression que le chat se déplace.
Plus vous avez de variantes de costumes pour un lutin, plus il sera facile de programmer du mouvement avec Scratch !
Dans la dernière étape de ce petit exemple, nous allons en venir au point central de la programmation avec Scratch et contrôler le lutin. Si vous souhaitez par exemple que le chat se déplace de gauche à droite, aussi longtemps que la flèche droite est enfoncée, ajoutez le script suivant :
Pour le script événement, indiquez « la touche souhaitée ». Dans notre exemple, il s’agit de la « flèche à droite ». À l’aide du script « contrôle » suivant, vous pouvez définir le délai entre deux changements de costumes. Tapez la valeur « 0,2 ». Dans ce cas, il se passera 0,2 seconde avant que le lutin ne change d’apparence, ce qui rendra son déplacement encore plus réaliste. Le script « Apparence » assure la transition entre « cat-a » et « cat-b » aussi longtemps que la touche flèche est appuyée. Grâce au quatrième script « Mouvement », vous pouvez, en plus du changement de costume, déplacer le lutin vers la droite. Ici, nous avons fait le choix de pas réguliers de 10.
Vous pouvez voir lerésultat de ce petit code directement sur la page projet Scratch et la tester !
Si vous avez rejoint la communauté des scratchers et créé votre compte d’utilisateur, vous pourrez publier vos projets de programmation sur le site de Scratch. Pour ce faire, cliquez sur le bouton « Partager » dans la barre de menus, en haut de votre écran.
Une fois que vous cliquez sur ce bouton, vous accédez à une fenêtre dans laquelle vous pourrez modifier le titre du projet, apporter certaines précisions, inscrire des commentaires, voire des remerciements. Si vous faites glisser votre curseur « Commenting on » vers la gauche, vous désactivez la fonction commentaires pour votre projet.
JavaScript, SQL, Python : il existe un nombre incalculable de langages de programmation. Toutefois, en substance, ils dérivent tous des deux paradigmes de programmation fondamentaux que sont la programmation impérative et la programmation déclarative. Cette dernière répond à la question suivante : quel est l’objectif du programme ? Nous vous expliquons ici comment cela fonctionne, ainsi que les...
Avec ses interfaces intuitives, Blockly permet de concevoir des sites internet, de développer des applications, ou d’ajuster la domotique à ses besoins. Dans Blockly , au lieu d’utiliser un langage de programmation complexe, les utilisateurs assemblent très simplement des pièces de puzzle. Nous vous expliquons les bases et les possibilités de cette bibliothèque.
Apprendre la programmation est très divertissant pour les enfants si elle leur est enseignée d’une façon adaptée à leur âge. À travers des langages de programmation graphiques, des processus intuitifs et des projets captivants, ils en apprennent les bases et peuvent élargir ces connaissances en augmentant la difficulté. Les enfants peuvent ainsi rapidement développer des compétences en...
Comment savoir si la taille indiquée est la bonne ? Comment renvoyer un article ? Et quels sont les modes de paiement ? Les internautes ont de nombreuses questions, auxquelles les propriétaires de boutiques en ligne répondent en général sur leur propre foire aux questions ou FAQ. Comment créer une FAQ, quels exemples de FAQ et comment identifier les bonnes questions ?
Offrez un service performant et fiable à vos clients avec l'hébergement web de IONOS.
Voir les packsAvec IONOS, faites-vous accompagner pour créer votre site, vendre en ligne et être bien référencé.
Lancez-vous facilement sur Internet !
