Introduction à Scratch

L'un des points forts de ma semaine est le Code Club que je dirige dans mon école locale. Chaque jeudi, je passe une heure avec des codeurs en herbe pour les aider à apprendre les bases du code..

Parallèlement à d'autres clubs de code et à des organisations et groupes similaires, notre groupe a commencé à programmer à l'aide de Scratch. Scratch est un outil en ligne qui aide les enfants à comprendre les principes fondamentaux du fonctionnement du code et leur permet de créer leurs propres animations, jeux et autres..

En plus d'être un outil, Scratch est une communauté: les utilisateurs peuvent partager leurs projets, faire des copies les uns des autres et les "remixer", ce qui revient un peu à forger du code dans GitHub. Il consiste à copier le projet de quelqu'un d'autre et à ajouter le vôtre. améliorations ou modifications apportées. Au lieu de s’attendre à ce que les apprenants écrivent leur code à partir de zéro, Scratch leur fournit un ensemble de blocs: des lignes de code qu’ils font glisser pour créer leur code..

Dans cette série de tutoriels, je vous donnerai une introduction détaillée à Scratch et à son utilisation. Cette première partie donnera un aperçu du fonctionnement de Scratch et de ses principaux composants et concepts. Je couvrirai:

  • commencer
  • projets
  • atouts: toiles de fond, sprites, costumes et sons
  • des scripts
  • où trouver de l'aide

Tout d'abord, voici comment commencer à utiliser Scratch.

Débuter avec Scratch

Scratch a été développé pour la première fois en 2003 au Massachusetts Institute of Technology. Il a commencé comme un logiciel téléchargeable, mais est maintenant un outil en ligne. Il est entièrement gratuit et financé par des subventions de différentes organisations, notamment la National Science Foundation, Microsoft, Google et la Fondation LEGO..

Pour commencer, il suffit de visiter le site Web Scratch et de créer un compte avec votre adresse électronique..

Dans le coin supérieur droit de l'écran, cliquez sur Rejoindre Scratch. Vous serez présenté avec l'écran de jointure:

Créez un nom d'utilisateur et un mot de passe pour vous-même, puis cliquez sur le bouton Suivant bouton pour passer à l'écran suivant:

Ici, vous êtes invité à fournir des informations sur vous-même, que Scratch utilise pour surveiller le type de personnes utilisant la plate-forme. Cliquez sur Suivant encore pour passer à autre chose:

Indiquez votre adresse e-mail et vous recevrez une confirmation par e-mail. Vous devez cliquer sur le lien dans votre email si vous souhaitez partager vos projets (si vous ne voulez pas partager, vous pouvez continuer sans le faire, mais vous aurez un rappel lancinant en haut de votre écran chaque fois que vous s'identifier).

Après avoir donné votre adresse email et cliqué sur Suivant, vous verrez un écran de bienvenue:

Maintenant, quand vous cliquez OK allons-y! ou connectez-vous à votre compte, vous verrez la page d'accueil avec des détails sur ce qui se passe dans la communauté Scratch, y compris l'activité des personnes que vous suivez. Comme vous pouvez le voir sur la capture d'écran, je suis quelques personnes qui ont été occupées!

À partir de cet écran, vous pouvez explorer les projets d'autres personnes, vous tenir au courant de ce que vos amis ont fait et accéder à vos propres projets..

Projets

Chaque fois que vous créez quelque chose dans Scratch, vous travaillez sur un projet. Vous pouvez créer autant de projets que vous le souhaitez, les partager et les copier. Chaque projet est indépendant et ne peut pas être lié à d'autres projets..

Vous pouvez accéder à vos projets de deux manières à partir de l'écran d'accueil: soit en cliquant sur le dossier en haut à droite de la barre d'administration avec l'icône «S», soit en cliquant sur votre nom d'utilisateur en haut à droite, puis en cliquant sur Mes affaires dans le menu déroulant qui apparaît.

Cela vous mènera à la Mes affaires écran:

Cet écran affiche tous les projets que vous avez créés ainsi que les studios vous êtes membre de. Vous pouvez utiliser des studios pour partager votre travail avec un groupe d'amis ou d'autres utilisateurs de Scratch. J'utilise un studio pour partager le travail entre les membres du Code Club que je gère..

Pour créer un nouveau projet, cliquez simplement sur le bouton +Nouveau bouton de projet au-dessus de vos projets. Ceci vous amène à l'écran de projet:

Si vous vous trouvez sur la page d'accueil, vous pouvez créer un nouveau projet sans passer à l'écran My Stuff. Clique le Créer élément dans le menu admin et cela ouvrira un nouveau projet pour vous.

Chaque nouveau projet ressemble à ceci, sauf si vous travaillez avec une copie d'un projet existant que vous remixez..

La fenêtre du projet comprend quelques zones clés:

  • le étape, avec un sprite de chat en place avec lequel vous pouvez travailler ou supprimer.
  • Sous la scène, le les décors et sprites vous utilisez dans votre projet.
  • À gauche de la scène, le volet des scripts. Cela contient des blocs de code (appelés scripts) que vous pouvez utiliser dans votre projet. Ce volet comporte deux autres onglets: Les costumes et Des sons. Je vais expliquer comment ceux-ci fonctionnent dans la prochaine section de ce tutoriel..
  • le Toile, qui est l'endroit où vous placez vos scripts et créez ou éditez des costumes et des sons. Vous pouvez placer plusieurs scripts sur la toile.

Une fois que vous avez travaillé sur votre projet, vous devez le sauvegarder. Donnez-lui un nom mémorable en en tapant un dans le champ au-dessus de la scène (j'ai oublié combien de fois j'ai dit à des étudiants que leurs projets avaient besoin d'un meilleur nom que Sans titre!). 

À gauche de la Mes affaires l’icône de dossier dans la barre d’administration sera un texte qui lira soit Enregistré ou Sauvegarder maintenant. Si ça se lit Enregistré, alors votre projet a été enregistré, vous n'avez donc rien à faire. Si ça se lit Sauvegarder maintenant, cliquez sur le texte et Scratch fera une sauvegarde à jour pour vous.

Atouts: Toiles de fond, Sprites, Costumes et Sons

Chaque projet que vous créez nécessitera des actifs. Il existe quatre types d’actifs: les décorssprites, les costumes et des sons. Des costumes et des sons sont attribués à des sorts, de sorte que vous commencez par créer le sprite, puis vous pouvez lui attribuer un certain nombre de costumes et de sons. Utilisez des scripts pour changer le costume du sprite quand il se passe quelque chose ou pour activer un son quand il se passe quelque chose.

Voici un exemple de projet appelé Rock Band, que j'ai créé pour mon Code Club. Il comprend quelques sprites, chacun ayant des costumes et des sons. Cliquez sur le drapeau vert pour lancer le projet, puis cliquez sur le chanteur et les instruments pour faire en sorte que leurs costumes et leurs sons changent.. 

Vous pouvez en faire une copie vous-même dans Scratch et y travailler si vous le souhaitez. C'est ce qu'on appelle le remixage. Cela signifie que vous pouvez prendre des projets existants et leur ajouter une touche personnelle. Pour ce faire, allez à la page du projet et cliquez sur le bouton Voir à l'intérieur bouton. Cela vous mènera à l’écran de projet auquel vous serez habitué dans la section précédente de ce didacticiel:

Si vous êtes connecté à Scratch, vous verrez un Remix bouton à gauche de la Voir la page du projet bouton en haut à droite de l'écran. Ce n'est pas visible dans la capture d'écran ci-dessus car le projet est le mien, je ne peux donc pas le remixer. Cela créera un nouveau projet dans votre compte que vous pourrez visualiser et modifier..

La capture d'écran montre que ce projet a deux toiles de fond: vous pouvez voir l'actif en dessous de la scène principale, à gauche. Vous pouvez utiliser des scripts pour changer de décor au fur et à mesure de l'avancement de votre projet ou de la navigation de votre utilisateur, par exemple.

Le projet comporte également quatre sprites, que vous pouvez voir sous la scène. Il y a aussi une image de fond. Vous pouvez créer vous-même des images-objets et des arrière-plans en téléchargeant des images, ou les importer à partir de la bibliothèque fournie avec Scratch, qui est un moyen beaucoup plus simple de commencer. Vous apprendrez à faire cela plus tard dans cette série de tutoriels..

Chacun des sprites de mon projet a deux costumes: dans la capture d'écran ci-dessous, vous pouvez voir les costumes du sprite Drum1:

J'ai importé ces deux costumes de la bibliothèque Scratch et j'ai ajouté un script qui modifie le costume lorsque l'utilisateur clique sur le tambour..

Si vous voulez créer vos propres sorts, vous le faites en créant des costumes ici, soit en utilisant les outils de dessin fournis, soit en important un fichier png..

Jetons un coup d'oeil au Des sons vitre. Dans la capture d'écran ci-dessous, vous pouvez voir que le sprite Singer1 est associé à deux sons:

Encore une fois, j'ai utilisé un script dans mon projet pour exécuter ces sons lorsque l'utilisateur clique sur l'image-objet Chanteur. Vous pouvez enregistrer vos propres sons depuis Scratch si vous le souhaitez ou les importer depuis la bibliothèque fournie..

Les scripts

Les scripts sont ce qui permet à vos actifs de faire des choses dans Scratch. Ils se composent de blocs de code que vous faites glisser sur la toile et appartiennent à dix catégories:

  • Mouvement: des scripts qui positionnent et font bouger vos sprites.
  • Regards: des scripts qui changent l'apparence de vos sprites, y compris changer leur costume et les cacher.
  • Du son: scripts pour jouer des sons et changer le volume.
  • Stylo: scripts permettant à l'utilisateur d'écrire ou de dessiner sur le projet.
  • Les données: scripts qui vous permettent de définir et d'utiliser des variables, par exemple pour conserver le score ou le temps d'un jeu.
  • Événements: cela fait bouger les choses et inclut le drapeau de départ sur lequel l'utilisateur a cliqué, l'utilisateur cliquant sur un sprite ou une émission que vous pouvez créer et faire réagir vos sprites.
  • Contrôle: ceux-ci incluent des boucles, des instructions conditionnelles et des pauses.
  • La détection: ces scripts détectent les événements tels que l'utilisation de la souris ou le contact des sprites. Ils incluent également des interactions telles que poser une question à l'utilisateur.
  • Les opérateurs: utilisez-les pour comparer les valeurs, peut-être en fonction de la réponse de votre utilisateur à une question ou d'une variable que vous avez définie. Par exemple, vous pouvez compter le nombre de fois où l'utilisateur clique sur une mauvaise chose et utiliser un opérateur pour vérifier quand il atteint un nombre donné afin que vous puissiez afficher un message..
  • Plus de blocs: c'est ici que vous ajoutez vos propres blocs personnalisés.

Les scripts vous offrent une grande variété et flexibilité et peuvent être combinés de manière puissante pour créer des projets avancés. Au cours de cette série de didacticiels, je vais vous montrer comment utiliser différents types de blocs pour créer des animations, des interactions et des jeux..

Chaque script que vous créez sera associé à un sprite ou à l'arrière-plan, ce qui signifie qu'il est indépendant de vos sprites. Par exemple, dans mon projet Rock Band, l'image-objet Drum1 comporte des scripts qui contrôlent ce qui se passe lorsque l'utilisateur clique sur l'image-objet:

Les autres sprites ont des scripts similaires et l’arrière-plan a aussi ses propres scripts:

Celles-ci se rapportent aux réglages de volume, qui sont indépendants des sprites individuels..

Comme vous pouvez le constater à partir de ces exemples, plusieurs images-objets peuvent être appliquées à chaque image-objet. En fait, lorsque vous commencez à travailler avec des projets plus avancés, il peut être assez déroutant de garder une trace de tous ces scripts et de ce qu'ils font, en particulier si vous devez déboguer votre projet. Voici la toile d'un autre de mes projets, Flappy Parrot, qui a plus de scripts (et de plus grande taille):

Pour aider à garder une trace de choses, vous pouvez ajouter des commentaires à vos scripts. Pour ce faire, cliquez avec le bouton droit sur le script et, dans le menu qui apparaît, cliquez sur ajouter un commentaire, et tapez votre commentaire. Vous pouvez voir ci-dessous que j'ai ajouté un commentaire à l'un de mes scripts:

Vous pouvez faire des commentaires aussi détaillés que vous le souhaitez, et ils vous aideront si vous revenez à votre projet après un certain temps et ne vous souvenez plus de tout..

Obtenir de l'aide

L’un des avantages de Scratch est qu’il contient de nombreux contenus pour vous aider à comprendre la plate-forme et à démarrer. Voici certaines des ressources disponibles:

  • Aide spécifique au contexte: cliquez avec le bouton droit de la souris sur un bloc ou un actif, puis cliquez sur l'aide dans le menu contextuel pour afficher des informations sur son fonctionnement..
  • Conseils: cliquez sur l'icône en forme de point d'interrogation à l'extrême droite de l'écran de projet (à droite du canevas) pour afficher des conseils..
  • Tutoriels: cliquez sur le conseils point d'interrogation pour accéder à des tutoriels pour vous aider à démarrer. Vous pouvez créer un nouveau projet et l'afficher à partir de l'écran de votre projet afin de pouvoir suivre le tutoriel pendant que vous travaillez..
  • Comment faire: une autre option dans la section conseils est Comment, qui vous donne des informations sur la création de types de projets spécifiques.
  • Aide écrans: cliquez sur Aidez-moi dans la barre d’administration pour accéder à divers écrans d’aide, notamment des projets de démarrage, des cartes à gratter, des didacticiels vidéo et des guides sur l’utilisation de Scratch.
  • ScratchEd: une communauté en ligne pour les éducateurs utilisant Scratch avec des étudiants.
  • Le wiki Scratch contient des informations détaillées sur les composants de Scratch..

Résumé

Scratch est un outil fantastique et gratuit qui aide les enfants (et les adultes aussi!) À apprendre à écrire du code sans avoir à le taper. Cela signifie qu'ils peuvent apprendre comment le code est structuré et ce qu'il fait sans la frustration de devoir apprendre la syntaxe et les aider à démarrer rapidement..

C'est aussi très amusant à utiliser et dispose d'une vaste communauté d'utilisateurs dont vous pouvez visualiser et copier les projets, ce qui vous aidera à apprendre de manière pratique..

Dans ce tutoriel, vous avez appris le fonctionnement de Scratch et les principaux composants d’un projet Scratch. Au fil de cette série, vous apprendrez à utiliser tous ces composants pour créer vos propres projets. Dans la partie suivante, nous commencerons par examiner la création de votre scène et de vos sprites..