.png){kind=small}
.png){kind=small}
MODULE 0 OVERVIEW
APERÇU DU MODULE 0
MODULE CHECK IN
Time to get students excited about coding through composing their own beats. Students will learn the connections between coding and music. They will be introduced to the EarSketch platform, create an account, and code their first lines of music.
OBJECTIVE
Students will learn how to navigate the EarSketch platform and run a basic script.
DOWNLOADABLE RESOURCES
ENREGISTREMENT DU MODULE
Il est temps de motiver les élèves à coder en composant leurs propres rythmes. Les élèves apprendront les liens entre le codage et la musique. Ils seront initiés à la plateforme EarSketch, créeront un compte et coderont leurs premières lignes de musique.
OBJECTIF DE L’ATELIER
Les élèves apprendront à naviguer au sein de la plateforme EarSketch et à exécuter un script simple.
RESSOURCES
LEARN CODE
Sections are related musical units consisting of multiple measures. Each section expresses an idea or feeling.
An algorithm is a process or set of rules to be carried out by a computer. Algorithms can be written with computer code.
DAWs (Digital Audio Workstations) are specialized computer software for recording, editing, and playing digital audio files or clips. EarSketch is a DAW that allows audio clips to be placed on a timeline using computer code.
A script is a series of instructions that is executed in a specific order by a computer. An EarSketch script consists of a comments section, setup section, music section, and a finish section.
The API is a set of tools to accomplish a specific programming task.
-
​
-
​
​
​
-
​
-
APPRENDRE À PROGRAMMER
Un algorithme est un processus ou un ensemble de règles conçu pour être exécuté par un ordinateur. Les algorithmes peuvent être écrits à l’aide de code informatique.
Les stations de travail audionumérique, ou DAW (de l’anglais Digital Audio Workstation), sont des logiciels spécialisés dans l’enregistrement, le montage et la lecture de fichiers ou d’extraits audionumériques. EarSketch est une station de travail audionumérique qui permet de placer des clips audio le long d’un plan de montage chronologique en utilisant du code informatique
Un script est une série de consignes qu’un ordinateur doit exécuter dans un ordre précis. Dans EarSketch, un script se divise en quatre parties: commentaires, réglages, musique et fin.
Une interface de programmation, ou API (de l’anglais Application Programming Interface) est un ensemble d’outils utilisé pour accomplir une tâche de programmation bien définie.
-
​
-
​
​
​
-
​
-
Use flowcharts and/or pseudocode to address complex problems as algorithms.(6-8)
Create prototypes that use algorithms to solve computational problems by leveraging prior student knowledge and personal interests. (9-10)
Use and adapt classic algorithms to solve computational problems (11-12)
Utiliser des organigrammes et/ou du pseudocode pour aborder des problèmes complexes sous forme d’algorithmes.
Créer des prototypes qui utilisent des algorithmes pour résoudre des problèmes computationnels en mettant à contribution les connaissances préalables et les centres d’intérêt des élèves. (De la 3e à la 4e année du secondaire).
Utiliser et adapter des algorithmes bien connus pour résoudre des problèmes computationnels. (5e année du secondaire).
Before beginning this lesson, make sure that each student can access the EarSketch Website from their device.
-
​
-
​
-
EarSketch will not work on a mobile device (iPad, phone), so each student will need to have access to a computer.
EarSketch will not work offline, so each student will need reliable internet access during Lesson 0 and the EarSketch sections of Modules 1-5.
The EarSketch website is : earsketch.gatech.edu.
Complete all student work as a student:
Read articles and think about connections between music and technology.
Review and Coding Cha-Cha Slide Activity (Optional)
Create an account on EarSketch (register in the right corner of the platform home page)
Watch "Producing from a Laptop"
Go through the EarSketch Quick Tour. Familiarize yourself with EarSketch Terminology.
Watch the introductory video on the EarSketch Workspace.
Review how to create a script and copy code into the script and practice printing a command.
All students will need to have access to a computer with an internet connection. EarSketch will not work on mobile devices. The site earsketch.gatech.edu will need to be whitelisted by your district IT department.
AWESOME! LOOKS LIKE YOU ARE READY TO TEACH MODULE 0!
Avant de commencer l’atelier, assurez-vous que chaque élève peut accéder au site web d’EarSketch à partir de son appareil.
-
​
-
​
​
-
EarSketch ne fonctionne pas sur les appareils mobiles (tablettes, téléphones). Chaque élève devra donc avoir accès à un ordinateur.
EarSketch ne fonctionne pas hors connexion. Chaque élève aura donc besoin d’un accès Internet stable pour toute la durée de l’Atelier 0 et pour toutes les portions des Jours 1 à 5 qui demanderont d’utiliser EarSketch.
Voici l’adresse du site web d’EarSketch: earsketch.gatech.edu
Complétez toutes les activités comme si vous étiez un élève:
Passez en revue l’activité de programmation du Cha Cha Slide.
Créez votre propre compte sur EarSketch (en utilisant le bouton situé dans le coin supérieur droit de la page d’accueil de la plateforme).
Complétez le tutoriel. Familiarisez-vous avec la terminologie utilisée par EarSketch.
Visionnez la vidéo offrant une visite guidée de l’espace de travail d’EarSketch.
Relisez la marche à suivre pour créer un script et pour copier du code à l’intérieur d’un script.
Entraînez-vous à afficher une commande à l’aide de la fonction «print».
Tous les élèves devront avoir accès à un ordinateur avec une connexion Internet. EarSketch ne fonctionne pas sur les appareils mobiles. Le site earsketch.gatech.edu devra être mis sur liste blanche par le service informatique de votre département.
FANTASTIQUE ! IL SEMBLERAIT QUE VOUS SOYEZ PRÊT À ENSEIGNER LE MODULE 0 !
RECOMMENDED PACING
0 - 10 minutes: Engage - Coding and Music: What is the Connection?
10 - 25 minutes: Explore - The EarSketch Workspace
25 - 45 minutes: Explain - Creating a Script
45 - 60 minutes: Elaborate & Evaluate - Coding in EarSketch
CADENCE RECOMMANDÉE
0 - 10 minutes: Commencer - Coder avec la Cha-Cha Slide
10 - 25 minutes: Explorer l'espace de travail EarSketch
25 - 45 minutes: Expliquer comment créer un Script
45 - 60 minutes: Élaborer et évaluer - Ressources et affichage sur la console
.png){kind=small}
.png){kind=small}
LESSON
LEÇON
WELCOME
to the "Your Voice is Power" remix competition!
Are you ready to become the next big music producer? Do you want to remix beats from Pharrell? We are going to spend the next few days exploring how music, computer science, and entrepreneurship can promote racial equity and social justice! Would you like to use your voice to inspire change and have the opportunity to win a $5000 scholarship?
​
That's right! Here is your chance- In the Your Voice is Power Competition, you will have the opportunity to remix beats from Pharrell and other recording artists to
create your own unique song. However, you won’t be creating this remix in a recording studio or your school’s band room. Instead, you’ll be composing on the computer using code. Over 200 students will win prizes and 5 students will win a $5000 scholarship or grant to start a business plus a call from Pharrell!
​
​Wait, Code? Yes, code... the music industry is infused with computer programmers, from sound engineers to streaming site developers. Combining music and computer science is the next step in recording innovation and creativity. Today, you will learn how to navigate the coding platform we will use to remix music and write a basic script.
Watch a minute of this video and check out how coding is become the new one-man band!
Coding and Music
1:00
If you just heard that song on the radio, would you believe that it was code? Musicians and coders are working together more and more to produce some of today's top hits. Don't believe me?
Read one of the articles listed in your notebook and answer the big question- 'Why is coding important to the future of the music industry?' Be sure to cite at least once piece of evidence from the articles and answer on page 2 of your notebooks.
Student Workbook page 2
MY THOUGHTS
Break up into small groups to read and discuss an article. Then, we will come together as a whole class and choose one of the articles to read and discuss.
Why is coding important in the future of the music industry?
It is possible to be both a programmer and a rock star. So, let's get started coding and composing! You will be using a platform called Earsketch to get started on this journey.
WAIT -- HAVE YOU CODED BEFORE
Do you know what it means to code? Maybe you used Scratch or Code.org before and have done some coding. If you haven’t, no worries - we are going to start with something I know you do know - dancing!
Is everyone ready to learn how learning the steps of a dance is like coding -- Get ready to Cha Cha!
Cha Cha Slide Dance
3:39
The Cha-Cha slide is just like Code! Code is a set of instructions for a computer to perform, and the Cha-Cha slide is a list of dance moves to perform! Coding is also just like a recipe! It’s just a set of directions for a computer to follow.
DANCE STEPS
RECIPE
Take It Back Now
1
Step backwards with your left foot.
2
Step backwards with your right foot.
3
Step backwards with your left foot.
4
Bring your right foot to meet your left.
One, Two, Three, Hope This Time
1
Jump forward with your feet together.
2
Repeat as many times as the caller specifies.
Irresistible Chocolate Chip Cookies
INGREDIENTS
1 c. butter
1-3/4 c. flour
3/4 tsp. salt
1-1/4 c. sugar​
3/4 tsp. baking soda
1 egg
1 c. chocolate chips
1
Heat oven to 375F
2
Cream butter and sugar.
3
Combine dry ingredients. Add to creamed mixture. Mix in chocolate chips.
4
Drop by heaping tablespoons 2 inches apart on a lined baking sheet. Bake for 7-8 minutes.
Using code or “functional notation,” you are going to code a dance, just like the Cha-Cha slide. On your paper, describe one dance move instruction on each line, using the format below. Code a dance that is at least 8 lines long!
action(body part, direction, number of times)
Student Workbook page 3
DANCE CODE EXAMPLE
YOUR DANCE
1
clap(hands, together, 8)
2
step(left foot, left, 1)
3
step(right foot, backward, 1)
4
hop(both feet, forward, 1)
5
hop(both feet, forward, 1)
6
stomp(left foot, down, 1)
7
chaCha(whole body, in place, 2)
1
2
3
4
5
6
7
8
When you are done, pass these instructions to a friend and have them follow your algorithm line by line. Does your algorithm work as expected? If not, place a “#” on the line where your program “crashes” and see if you can improve it! For example, let’s try out my dance!
​
The steps of the Cha-Cha slide are an algorithm. An algorithm is a process or set of rules to be carried out by a computer/person. Algorithms can be written with computer code. Your code will simply be a set of instructions and in EarSketch -- that set of instructions will tell the computer how to play music.
Add the following term in your Student Workbook.
Student Workbook page 4
DEFINITION
TERM
A process or set of rules to be carried out by a computer/person. Algorithms can be written with computer code
ALGORITHM
Click to reveal the term
WHAT IS EARSKETCH? WHAT IS CODE?
EarSketch is a web-based program that teaches you how to code by composing music. Last year, students remixed music artist Ciara's music. This year you will remix Pharrell and JayZ's music! To get an idea of what you'll create, let's listen to one of the songs that won!
2020 Competition Song Winner
Wasn't that song awesome? This was our grand prize winner from the 2020 EarSketch Remix Competition. The song was composed entirely through code on the EarSketch platform using audio clips from recording artist Ciara. You can check out his code on SoundCloud.
BIENVENUE
au concours de remixage “Your Voice is Power!”
Plus tard cette semaine, vous aurez l’occasion de remixer la chanson Entrepreneur de Pharrell en utilisant la plateforme EarSketch. Avant de pouvoir commencer à remixer quelques mesures, vous devez en apprendre un peu plus sur EarSketch. Aujourd’hui, vous allez apprendre à travailler avec la plateforme EarSketch et à exécuter un script simple.
QU'EST-CE QUE LA PROGRAMMATION?
EarSketch est un logiciel en ligne qui vous enseigne la programmation à travers la composition de chansons. Mais attendez une minute… Avez-vous déjà programmé? Savez-vous ce que ça implique, la programmation? Peut-être avez-vous déjà utilisé Scratch ou Code.org par le passé? Si c’est le cas, alors vous avez déjà programmé. Sinon, aucun souci. On va commencer par quelque chose que je sais que vous savez faire: danser!
Est-ce que tout le monde est prêt à découvrir la ressemblance entre des pas de danse et du code informatique? Alors, allons danser le Cha-Cha!
Cha Cha Slide Dance
3:39
Danser le Cha Cha Slide, c’est pareil comme programmer! Le code informatique, c’est une liste de 5 consignes qu’un ordinateur doit exécuter. Le Cha-Cha Slide, c’est une liste de pas de danse qu’on doit exécuter! Le code informatique ressemble aussi à une recette! C’est simplement une liste de consignes qu’un ordinateur doit ensuite suivre.
DES PAS DE DANSE
UNE RECETTE
Take It Back Now
1
Step backwards with your left foot.
2
Step backwards with your right foot.
3
Step backwards with your left foot.
4
Bring your right foot to meet your left.
One, Two, Three, Hope This Time
1
Jump forward with your feet together.
2
Repeat as many times as the caller specifies.
Irresistible Chocolate Chip Cookies
INGREDIENTS
1 c. butter
1-3/4 c. flour
3/4 tsp. salt
1-1/4 c. sugar​
3/4 tsp. baking soda
1 egg
1 c. chocolate chips
1
Heat oven to 375F
2
Cream butter and sugar.
3
Combine dry ingredients. Add to creamed mixture. Mix in chocolate chips.
4
Drop by heaping tablespoons 2 inches apart on a lined baking sheet. Bake for 7-8 minutes.
En utilisant du code informatique, appelé aussi “notation fonctionnelle”, vous 6 allez programmer une danse similaire au Cha-Cha Slide. Sur votre feuille, je veux que vous décriviez comment faire un pas de danse en utilisant cette structure. Écrivez une seule consigne par ligne. Créez une danse qui contient au moins 8 consignes!
action(partie du corps, direction, nombre de fois)
Cahier d’exercices page 2
EXEMPLE
PROGRAMME TA DANSE
1
applaudir(mains, ensemble, 8)
2
pas(pied gauche, gauche, 1)
3
pas(pied droit, en arrière, 1)
4
saut(les deux pieds, en avant, 1)
5
saut(les deux pieds, en avant, 1)
6
taper(pied gauche, bas, 1)
7
chaCha(corps entier, sur place, 2)
1
2
3
4
5
6
7
8
Lorsque vous avez fini, donnez vos consignes à un ami ou une amie et dites-lui de suivre votre 7 algorithme ligne par ligne. Est-ce que votre algorithme a fonctionné comme prévu? Non? Alors, écrivez un “#” à côté de la ligne où votre programme a “planté” et voyez si vous pouvez l’améliorer! Par exemple, essayons mes pas de danse!
​
Les pas de danse du Cha-Cha Slide forment un algorithme. Un algorithme est un processus ou un 8 ensemble de règles conçu pour être exécuté par un ordinateur ou un humain. Les algorithmes peuvent être écrits à l’aide de code informatique. Votre code sera simplement une liste de consignes. EarSketch va ensuite utiliser ces consignes pour dire à l’ordinateur comment jouer de la musique.
Inscrire le terme «algorithme» dans vous cahiers d’exercices
Cahier d’exercices page 3
DÉFINITION
TERME
Un processus ou un ensemble de règles conçu pour être exécuté par un ordinateur ou un humain.
Les algorithmes peuvent être écrits à l’aide de code informatique.
ALGORITHME
Click to reveal the term
EXPLORE THE EARSKETCH WORKSPACE
Are you ready to apply your new coding skills to compose some awesome beats?
Check out some students just like you who use EarSketch and are coding music. You will even hear from 2020 Competition Winners and listen to their music. They started off as EarSketch beginners, just like you!
Introduction to EarSketch
1:29
CREATING AN ACCOUNT
Everyone will need to create an EarSketch account. An EarSketch account allows you to log in from any computer and always access your code. With an account, all of your work is automatically saved in EarSketch. Follow the directions below to create your account. If you already have an account, go ahead and log in at this time.
Open your browser to get started! Hover over the numbers (3-6) for a step-by-step visualization of the instructions.
1
Go to earsketch.gatech.edu
2
Click the "Start Coding" button at the top right of the page.
3
Go to the top right corner of the EarSketch platform and click "Create / Reset Account"
4
Select "Register a New Account"
5
Create a username and password. Email is optional.
6
Click "Create Account" to complete the process. Write down your username and password to remember!
EARSKETCH BUBBLE TOUR
You may be asking -- Why code and music? How do they go together?
The music industry is infused with computer programmers, from sound engineers to streaming site developers, basically everywhere you look in music, you will see technology. Combining music and computer science is the next step in recording innovation and creativity.
One example of this crossover is Digital Audio Workstation, or DAW. This is often the main tool for producing music on a computer and is used in most recording studios. A DAW is specialized computer software for recording, editing, and playing digital audio files. Pharrell’s studio uses the DAW Pro Tools and you may have heard of Garage Band.
Add the following term in your Student Workbook.
Student Workbook page 4
DEFINITION
TERM
Specialized computer software for recording, editing, and playing digital audio files
DIGITAL AUDIO WORKSTATION (DAW)
Click to reveal the term
EarSketch is a Digital Audio Workstation with special tools that allows audio clips to be placed on a timeline using computer code. We are going to click through a quick tour of the EarSketch workspace. Just like a real sound engineer, you will be coding and editing music. If you have used other DAWs, you will recognize many parts of this workspace as you take this tour.
Check out the Quick Tour on EarSketch to familiarize yourself to the platform!
Learn more about the EarSketch Workspace using this curriculum, which includes a longer video tour and additional descriptions.
EXPLORER L’ESPACE DE TRAVAIL D’EARSKETCH
Êtes-vous prêts à utiliser vos nouvelles connaissances en programmation pour composer de la musique du tonnerre?
Cliquez sur la vidéo pour rencontrer des élèves comme vous qui utilisent EarSketch pour programmer de la musique. Vous allez même pouvoir rencontrer les gagnants du concours de 2020 et écouter leur musique. À leurs débuts sur EarSketch, ils étaient novices, tout comme vous.
Initiation à EarSketch
1:29
CRÉER UN COMPTE
Tous les élèves doivent se créer un compte EarSketch. Un compte EarSketch vous permettra de vous connecter à la plateforme à partir de n’importe quel ordinateur et d’avoir toujours accès à votre code. Votre travail sera toujours sauvegardé automatiquement dans EarSketch. Suivez les consignes pour créer votre compte. Les élèves doivent suivre les instructions ci-dessous pour créer un compte. Si vos élèves ont déjà un compte, ils doivent se connecter maintenant.
Ouvrez le site EarSketch dans votre navigateur web (nous recommandons Chrome ou Firefox) et suivre les instructions ci-dessous pour commencer. Survolez les chiffres (3-6) pour une visualisation étape par étape des instructions.
1
Allez sur earsketch.gatech.edu
2
Cliquez sur le bouton jaune où il est écrit “Get Started” pour accéder à la plateforme EarSketch
3
Cliquez sur le bouton «Create/Reset Account» situé dans le coin supérieur droit
4
Cliquez sur le bouton «Register a New Account»
5
Choisissez un nom d’utilisateur et un mot de passe. Les élèves ont l’option de fournir une adresse courriel.
6
Cliquez sur le bouton «CREATE ACCOUNT» pour créer votre compte. Écrivez votre nom d’utilisateur et votre mot de passe quelque part.
VISITE GUIDÉE D'EARSKETCH
Vous vous demandez peut-être: “Pourquoi la programmation et la musique?” Quel est le lien entre les deux??
L’industrie de la musique emploie un grand nombre de programmeurs informatiques, tels que les ingénieurs du son, les développeurs de sites de diffusion en continu, et bien d’autres. La technologie est présente absolument partout dans le domaine de la musique. Fusionner la musique et l’informatique est donc la prochaine étape pour donner forme à l’innovation et la créativité en musique.
Les postes de travail audionumérique, ou DAW (de l’anglais Digital Audio Workstation), sont d’excellents exemples de ce genre de fusion. Un poste de travail audionumérique est souvent le principal outil utilisé pour produire de la musique à partir d’un ordinateur. On en retrouve par conséquent dans la plupart des studios d’enregistrement. Une station audio numérique, c’est un logiciel spécialisé dans l’enregistrement, le montage et la lecture de fichiers audionumériques. Le studio de Pharrell utilise une station audio numérique nommée Pro Tools. Vous avez peut-être également entendu parler de Garage Band, une autre station audio numérique.
Inscrire le terme «algorithme» dans vous cahiers d’exercices
Student Workbook page 3
DÉFINITION
TERME
Un logiciel spécialisé dans l’enregistrement, le montage et la lecture de fichiers audionumériques.
STATION DE TRAVAIL AUDIO NUMÉRIQUE
(DAW - DIGITAL AUDIO WORKSTATION)
Click to reveal the term
EarSketch est un poste de travail audionumérique qui possède également des outils spécialement conçus pour vous permettre de placer des clips audio le long d’un plan de montage chronologique en utilisant du code informatique. Nous allons faire une visite guidée en quelques clics de l’espace de travail d’EarSketch. Tout comme de vrais ingénieurs du son, vous allez tous et toutes programmer et monter de la musique. Si vous avez utilisé d’autres stations audio numériques auparavant, vous allez reconnaître certaines zones de l’espace de travail tout au long de la visite.
Faites débuter la visite guidée en cliquant sur l’icône en forme d’engrenage puis en sélectionnant l’option “Start Quick Tour”
Ce lien menant au programme d’études une visite vidéo plus longue et des descriptions plus détaillées.
CREATING A SCRIPT
It’s time to create your script. How many of you have heard that word before?
You may have heard it used in your English-Language Arts or Theatre class. A script is a written text with instructions of what to say in a play/tv show/movie. A script in coding is similar. A script a series of instructions carried out in a specific order by a computer. Your script in EarSketch is your list of instructions for the computer to play your music, just like a script gives actors/actresses instructions on what to say when they perform.
Add the following term in your Student Workbook.
Student Workbook page 4
DEFINITION
TERM
A series of instructions carried out in a specific order by a computer.
SCRIPT
Click to reveal the term
Let’s learn how to create a script in EarSketch! Hover over the numbers (1-4) for a step-by-step visualization of the instructions.
1
Click on the blue line, "Click here to create a new script" in the middle of your screen to create a new script.
2
Name your script, Day 0 EarSketch, and select the coding language you will use in EarSketch with your class (Python or Javascript*).
3
Click the blue "Create" button.
4
View the code editor at the center of your workspace window.
TIP
Python or JavaScript? Click here to check out our recommendations.
Python is a general-purpose computer programming language that is used by many large companies, and is one of the ten most popular programming languages in the world. Python has been used for web development by companies like Yahoo and Google. In addition to web development, Python can be used for game development, science, education, and graphics. Games that have been created with Python include Civilization 4, Battlefield 2, and Crystal Space. Other well-known companies that have made extensive use of the Python programming language include The National Weather Service, NASA, IBM, Disney, and Nokia.
SECTIONS OF A SCRIPT
Let's take a quick look at our script. Every script in EarSketch will be structured in four sections. You will use comments (notes to the programmer) to show the different sections of your script.
COMMENTS SECTION
You can use comments anywhere in your code, but the top area of the code allows you to enter a short description of your code. You can add your name or the title of the code here.
SETUP SECTION
This code tells the Digital Audio Workstation (DAW) how to prepare to make music. init() initializes, or turns on, the DAW. setTempo() allows you to choose a tempo for the project which can be anywhere from 45 to 220 beats per minute.
MUSIC SECTION
The most important section. All of the details of your code and composition go here.
FINISH SECTION
The most important section. All of the details of your code and composition go here.
We will be diving into each of these sections throughout the “Your Voice is Power” remix competition. This is just an opportunity to familiarize yourself with the parts of your script.
SCRIPT BROWSER
All scripts are automatically saved in the scripts browser for you to access every time you log in. This folder is located in the second folder in the left column menu indicated by the brackets icon. If you click on the folder right now, you should see the name of today’s script at the top of the list in the scripts browser.
​
You will never lose your work in EarSketch. When you close your web browser today, you can open up EarSketch tomorrow, log into your account, and find your script in your scripts browser.
CODING AND COMPOSING
EarSketch is all about coding and composing, so let’s add a few lines of code that will insert sound files into your script. Hover over the numbers (2-3) for a step-by-step visualization of the instructions.
1
Type (or copy) the following code into your script on line 13.
2
Click "Run" in the upper right corner of the code editor.
3
If your code does not run, you may have an error. You can check the console (space below the code editor) to look for errors. If you have an error- check to make sure that you copied the code correctly. The error message in the console identifies the line of code with the error. An example of an error in the console looks like this (In this example, I left a letter out of the sound clip on line 16)
4
If your code ran successfully, you can now view your code in the Digital Audio Workstation (DAW). Your audio clips are shown in colorful rectangles along a timeline in the (DAW)
5
To listen to your music, click play. You can also use the other buttons at the top right of the DAW to control the play of your song such as reset, mute, volume, and loop. Take a few minutes to practice using these buttons.
CRÉER UN SCRIPT
Il est temps de créer votre script. Combien d’entre vous ont déjà entendu ce mot?
Vous l’avez peut-être entendu dans vos cours d’anglais, en rapport avec un film ou une pièce de théâtre. En anglais, un script est un texte écrit qui contient les répliques d’une pièce de théâtre, d’une émission de télévision ou d’un film. C’est ce qu’on appelle en français un scénario (ou parfois, même si c’est un anglicisme, un script)! En programmation, le mot script veut dire à peu près la même chose. Un script est une série de consignes qu’un ordinateur doit exécuter dans un ordre précis. Dans EarSketch, votre script consistera en une liste de consignes que l’ordinateur devra suivre pour jouer de la musique, tout comme un scénario contient la liste des répliques qu’un acteur ou qu’une actrice doit dire lors du tournage d’un film.
Inscrire le terme «algorithme» dans vous cahiers d’exercices.
Student Workbook page 3
DÉFINITION
TERME
Une série de consignes qu’un ordinateur doit exécuter dans un ordre précis.
SCRIPT
Click to reveal the term
On va maintenant apprendre à créer un script dans EarSketch! Faites-le en même temps que moi».
1
Les élèves doivent cliquer sur la ligne de texte bleue se trouvant au milieu de l’écran pour créer un nouveau script: “Cliquez ici pour créer un nouveau script.
2
Les élèves nomment ensuite leur script “Jour0 EarSketch” et choisissent le langage de programmation à utiliser dans EarSketch (Python ou JavaScript*).
3
Cliquez sur le bouton bleu pour créer le script.
4
Maintenant vous l’éditeur de code au centre de vou espace de travail.
ASTUCE
Python ou JavaScript? Cliquez ici pour consulter nos recommandations. *Note: le programme d’études et les exemples de code sont en Python.
Si vos élèves sont des novices en programmation, nous vous recommandons de commencer ce programme en choisissant Python comme langage de programmation. Python est un langage de programmation universel qui est utilisé par plusieurs grandes entreprises. Il s’agit même de l’un des dix langages de programmation les plus populaires au monde. Python est utilisé par des compagnies comme Yahoo et Google pour faire du développement web. Outre le développement web, Python peut également être utilisé dans le domaine du jeu vidéo, des sciences, de l’éducation et du graphisme. Parmi les jeux créés avec Python, on retrouve Civilization 4, Battlefield 2 et Crystal Space. D’autres entreprises bien connues utilisent abondamment le langage de programmation Python, telles que le service météorologique du gouvernement américain (le National Weather Service), la NASA, IBM, Disney et Nokia.
SECTIONS D'UN SCRIPT EARSKETCH
Jetons un bref coup d’œil à votre script. Un script pour EarSketch se divise toujours en quatre sections. Vous allez utiliser des commentaires (notes pour le programmeur) pour délimiter les différentes sections du script. Voici les quatre sections d’un script EarSketch.
SECTION COMMENTAIRES
Vous pouvez écrire des commentaires à n’importe quel endroit dans votre code, mais la zone au sommet de votre code vous permet d’écrire une courte description de celui-ci. Vous pouvez inscrire votre nom et le titre de votre code ici.
SECTION RÉGLAGES
Cette partie du code indique à la station audio numérique comment se préparer pour faire de la musique init() initialise, ou démarre, la station audio numérique, setTempo() permet de choisir le tempo du projet, qui peut aller de 45 à 220 battements par minute, et from EarSketch import* ajoute l’API Earsketch au projet. Chaque projet contenant de la musique doit obligatoirement contenir tous ces éléments dans la section Réglages.
SECTION FIN
Chaque projet doit obligatoirement avoir une fonction finish() à la fin. Cette fonction indique à la station de travail audionumérique que vous avez fini de composer et que vous êtes prêts à faire jouer votre musique.
SECTION MUSIQUE
La section la plus importante. Tous les détails de votre code et de votre composition seront placés dans cette section.
Nous allons explorer ces quatre sections tout au long du concours de remixage ‘Your Voice is Power”. La leçon d’aujourd’hui est simplement une occasion pour vous de vous familiariser avec les différentes sections de votre script.
LE NAVIGATEUR DE SCRIPTS
Tous les scripts sont automatiquement sauvegardés dans le navigateur de script, situé dans le menu de gauche de l’espace de travail d’EarSketch. Le dossier est le second dossier dans la colonne de droite; celui sur lequel on retrouve des crochets. Si vous cliquez sur le dossier maintenant, vous devriez voir le nom du script du jour au sommet de la liste du navigateur de script.
Vous ne perdrez jamais le travail que vous avez effectué dans EarSketch. Même si vous fermez votre navigateur web aujourd’hui, vous pourrez lancer EarSketch à nouveau demain, vous connecter à votre compte, et vous trouverez votre script dans le navigateur de scripts».
MUSIQUE: EXÉCUTER ET FAIRE JOUER
EarSketch est conçu pour programmer et composer, alors écrivons quelques lignes de code qui vont insérer des fichiers sonores dans votre script.
1
Tapez (ou copiez) ce code dans votre script, à la ligne 13.
2
Cliquez sur le bouton «Run» dans le coin supérieur droit de l’éditeur de code.
3
Si votre code ne s’exécute pas, c’est peut-être qu’il y a une erreur dans celui-ci. Vous pouvez vérifier s’il y a des erreurs dans le code à l’aide de la console (l’espace situé sous l’éditeur de code). S’il y a une erreur, vérifiez que vous avez copié correctement le code. Le message d’erreur dans la console indique quelle ligne de code contient une erreur. Voici à quoi ressemble une erreur dans la console. (Dans cet exemple, il manquait une lettre dans le titre de l’extrait sonore à la ligne 16.)
4
Si votre code s’est exécuté avec succès, vous pouvez maintenant voir votre code dans la station audio numérique. Vos extraits sonores sont affichés dans la station audio numérique sous la forme de rectangles de couleurs placés le long d’un plan de montage chronologique.
5
Pour écouter votre musique, appuyer sur la touche de lecture. Vous pouvez également utiliser les autres boutons en haut à droite de la station audio numérique pour réinitialiser ou faire répéter la lecture de votre chanson, pour en ajuster le volume, ou pour la mettre en sourdine. Prenez quelques minutes pour vous entraîner à utiliser ces boutons.
CURRICULUM AND REFERENCES
In your quick tour, you learned that EarSketch is a DAW with extra features. So what are those extra features? These extra features allow you to place audio clips using code. EarSketch adds extra tools within its programming languages to accomplish the goal of creating music.
The code you copied above had one of those tools: fitMedia(), which inserts audio clips into the code. This collection of tools is called an Application Programming Interface, or API. Other examples of APIs include the Google Maps API (a set of tools for embedding maps into websites or apps) and the YouTube API (tools for embedding YouTube videos in websites). Click around below to view the tools you can use to help you navigate and use EarSketch.
REWIND
PLAY
METRONOME
VOLUME
Look at the menu to the left of your code editor. The fourth folder in the column that has parentheses is the API folder. Click on this folder to view the EarSketch API. You will use this folder as reference for these tools as you code “Your Voice is Power” remix.
​​
In addition to the API folder, if you need any help coding in EarSketch, you can click on the book icon at the bottom of the left menu. The book icon will open the curriculum where you search by topic to watch videos and tutorials on EarSketch content. Try clicking on the curriculum folder and searching the term “fitMedia”.
PROGRAMME D'ÉTUDES ET RÉFÉRENCES
Dans notre visite guidée, vous avez appris qu’EarSketch est une station audio numérique dotée de fonctionnalités supplémentaires. Mais quelles sont ces fonctionnalités supplémentaires? Il s’agit de fonctionnalités vous permettant de placer des extraits sonores à l’aide de code informatique. EarSketch fournit des outils supplémentaires au sein de ses langages de programmation dans le but de créer de la musique.
Le code que vous avez copié ci-dessous contenait l’un de ces outils: fitMedia(). Celui-ci permet d’insérer des extraits sonores à l’intérieur de votre code. Cette collection d’outils porte le nome d’interface de programmation, ou API (de l’anglais Application Programming Interface). L’API Google Maps (un ensemble d’outils permettant d’insérer une carte à l’intérieur d’un site web ou d’une application) et l’API YouTube (un ensemble d’outils permettant d’incorporer des vidéos YouTube à l’intérieur d’un site web) sont d’autres exemples d’API».
REWIND
PLAY
METRONOME
VOLUME
Jetez un coup d’œil au menu à la gauche de l’éditeur de code. Le quatrième dossier dans cette colonne (sur lequel on retrouve des parenthèses) contient les API. Cliquez sur ce dossier pour voir l’API d’EarSketch. Au fur et à mesure que vous programmerez votre remix pour le concours «Your Voice is Power», vous pourrez vous consulter ce dossier pour en savoir plus sur ces outils.
​​
En plus du dossier API, si vous avez besoin d’aide pour programmer avec EarSketch, vous pouvez cliquer sur l’icône en forme de livre au bas du menu de gauche. L’icône en forme de livre vous permet d’ouvrir le programme d’études. Vous pourrez ensuite faire une recherche par sujet pour visionner des vidéos et tutoriels sur divers aspects d’EarSketch. Par exemple, cliquez sur l’icône du programme d’études et faites une recherche avec le terme «fitMedia».
PRINT TO CONSOLE
It’s time to show your new role as a coder in your final EarSketch Task to print a command. Hover over the numbers (2-3) for a step-by-step visualization of the instructions.
1
On line 17, type the following: print"[Your name] is a coder"
For example, if my name was Pharrell, I would write on line 17: "Pharrell is a coder"
2
Click "Run"
3
Check out the console -- your print command should print there.
THE WRAP UP
Congratulations, you are a coder and ready to start Module 1! You learned how to:
-
-
-
-
Create an EarSketch Account
Open a Script
Find the sections of a script
Run your code
-
-
-​
Play your music
Look at the console for errors.
Use the resources in the API and Curriculum folder
NO EXIT TICKET!
We will begin the Your Voice is Power Competition during the next module. See you there!
AFFICHER SUR LA CONSOLE
Il est maintenant temps pour vous d’annoncer votre nouveau rôle de programmeur ou programmeuse en affichant une commande. Ce sera votre dernière tâche à réaliser dans EarSketch. Survolez les nombres (2-3) pour une visualisation étape par étape des instructions.
1
Sur la ligne 17, tapez print "Prénom est un programmeur" ou print "Prénom est une programmeuse".
Par exemple, si je m’appelais Pharrell, j’écrirais à la ligne 17: print "Pharrell est un programmeur"
2
Cliquez sur «Run».
3
Votre commande «print» devrait s’afficher dans votre console. Jetez-y un coup d’œil.
CONCLUSION
Félicitations, vous êtes maintenant des programmeurs/programmeuses et prêts à aborder la Leçon 1! Aujourd’hui, nous avons appris à:
-
-
-
-
Créer un compte EarSketch
Créer un script
Reconnaître les différentes sections d’un script
Exécuter votre code
-
-
-​
Faire jouer votre musique
Examiner la console pour trouver des erreurs
Trouver des ressources pour vous aider dans
les dossiers contenant les API et le programme
d’études
PAS DE QUESTIONNAIRE AUJOUD'HUI!
Demain, nous amorcerons notre participation au concours "Your Voice is Power"! À demain!