Tag Archives: algorithms

Programmation glisser-poser : Scratch

What is it

Scratch est un langage de programmation glisser-poser pour les enfants de tous âges pour apprendre les bases du codage. C’est gratuit et disponible comme application de web ou de bureau. ScratchJr pour les enfants de 5 à 7 ans est disponible sur les tablettes Android et iOS. Scratch vous permet de créer tout ce que vous voulez : des animations, des narrations et des jeux sur lesquels des matériaux informatiques (comme MakeyMakey) peuvent être branchés.

Fonctionnalités du dernier logiciel Scratch 2.0 2.0 Scratch version:

  • Comptes pour les profs et pour les élèves
  • Données dans le cloud
  • Blocs de codage glisser-poser
  • Télécharger des fichiers de votre propre ordinateur
  • Dessiner vos propres éléments
  • Blocs customisés
  • Programmes d’éditeur – Vector, Bitmap, Paint
  • Éditeur de son
  • Enregistrement des vidéos pour les projets
  • Partage de projets

Why is it relevant
Scratch est une façon simple et amusante pour aider les enfants à apprendre les bases de la programmation et du codage. On peut créer une suite d’événements en utilisant des blocs customisés qu’on peut glisser et poser – on code les actions qu’un certain élément réalisera. On peut ajouter des éléments du base de données de Scratch, télécharger des éléments de son propre ordinateur ou dessiner ses propres. ScratchJr permet aux enfants dès 5 ans d’apprendre à coder ! La programmation visuelle qu’emploie Scratch est pertinente par rapport au programme d’études de la C.-B. revisé – en particulier le programme de CCPT.

ScratchEd fournit aux profs un endroit en ligne où ils.elles peuvent voir des ressources pédagogiques pour Scratch, collaborer avec des autres éducateurs.trices et partager leurs propres histoires. Les profs peuvent y trouver des exemples de comment ils.elles peuvent employer Scratch pour engager un sujet avec leurs élèves, et de comment s’inspirer.

Regardez ce guide Co-Creative Activities for the 21st Century Kids (disponible en anglais seulement) pour explorer des idées de comment les activités de codage (avec et sans Scratch) peuvent s’intégrer dans un cours.

Regardez aussi le guide Creative Computing (disponible en anglais seulement), créé par un membre de l’équipe de recherche ScratchEd à Harvard.

 


How to get started

1. Allez au site Scratch, ou téléchargez le programme de bureau.

  • Si vous allez au site web, vous pouvez l’essayer (mais rien de ce que vous faites ne sera sauvegardé) ou vous pouvez vous inscrire sur le site et puis créer quelque chose (il sera possible donc de sauvegarder et partager vos projets).

Pour vous inscrire, cliquez sur le bouton « Rejoindre Scratch » (en haut de la page) et remplir les infos requises. Vous devrez aussi confirmer votre adresse e-mail.

Après vous êtes connecté.e, cliquez sur « Créer » (dans la barre d’outils en haut de la page) pour commencer un nouveau projet ou « Explorer » si vous voulez d’abord trouver de l’inspiration.

  • Si vous décidez de télécharger le logiciel sur votre ordinateur, cliquez ici et puis choisissez votre plateforme.

Ouvrez le fichier que vous venez de télécharger et installez-le.

 

2. Les interfaces de l’appli web et de celle de bureau sont pareilles.

  • Glissez des blocs de codage du menu « Code » (entouré en rouge) et posez-les sur l’espace à la droite. Faites se toucher les blocs pour définir une série d’actions.
  • Ajoutez un arrière-plan et des nouveaux personnages/objets (appelés « sprites », entourés en orange) du base donnée Scratch, téléchargez-en de votre propre ordinateur ou dessinez vos propres.
  • En créent des nouveaux sprites, cliquez-les pour programmer leurs actions.
  • Regardez votre projet sur l’écran d’affiche (entouré en bleu). Cliquez sur le drapeau vert pour activer votre projet et le signe rouge pour l’arrêter.

Leave a Comment

Filed under AppliedDesignSkillsTechnologies, Blog Posts, Curriculum, en francais, Resources, STEAM

Unplugged Coding : integrating coding activities in your classroom


cc Kathy Cassidy

whatisit.png

Unplugged Coding is a collection of learning activities that introduce coding and programming through engaging games that only use cards, crayons, markers, etc. For younger students, teachers can skip the detailed concepts of computer coding and give them a better understanding of basic computer science knowledge and inspire them for future exploration. For all learners, unplugged activities can help build computational thinking without the need for digital devices. For more in this blog about coding (both plugged and unplugged) and links to BC curriculum, please visit the ‘Coding in your Classrooms’ post.


Why-is-it-relevant-360x82.png

Through Unplugged Coding activities, students will be able to develop computational thinking through concepts such as binary numbers and algorithms without using computers or other devices.

Unplugged coding meets Plugged coding: Scratch is a visual programming language. For a brief introduction to Scratch, have a look at Drag and Drop Programming: Scratch. In There are also some unplugged scratch coding cards you can use in the classroom for an analog approach. You can find a teacher’s guide for using Scratch cards in your classroom on 8 ways to use Scratch Coding Cards in Your Classroom.


how-to-get-started-360x80.png

Interested in integrating Unplugged Coding into your classroom? Interested in moving from unplugged to plugged (via visual programming)? Here are two websites that might be useful in developing your lesson plans:

https://code.org/curriculum/unplugged

https://www.csunplugged.org/en/topics/

http://scratched.gse.harvard.edu/stories 

You might also try these printable ‘scratch’/visual block coding cards. They can be used to introduce visual programming and build algorithmic and computational thinking skills during morning messages, transition or sponge activities or when introducing a lesson. English from ‘ScratchEd‘ or French from Code BC

Or this kinesthetic activity, The Thirsty Robot, where students act as robots and programmers, give and receive commands, encode and decode programs (can be adapted to multiple levels).

For grades 6-9 learners, this series of resources (student and teacher resources) from the Victoria School District helps to build computational thinking and computer programming through unplugged activities.


videopng-360x61.png

Leave a Comment

Filed under AppliedDesignSkillsTechnologies, Resources

Code.org: unplugged and plugged activities

stockvault-random-numbers136890

whatisit.png

Code.org aims to increase access to computer science in schools. It contains a large collection of activities, lesson plans, and tutorials that encourage school-age learners to explore the basics of computer programming. Topics include computational thinking, algorithms, abstractions, and even digital citizenship.


Why-is-it-relevant-360x82.png

With the onset of the Digital Revolution, computer skills, even at a basic level, are fundamental, especially when considering digital inclusion, literacy, and access. Contrary to what many believe, coding activities are not always performed in front of a screen. There are a host of unplugged activities that teach real-life problem solving skills and digital representation. Some of these can even be used in makerspaces to create digital-like but tangible gadgets.


how-to-get-started-360x80.png

Check out these examples of different types of activities:

  • Hour of Code: In this Classic Maze lesson, learners give instructions to Angry Birds characters, just like line-by-line programming. The instructions are dragged and dropped on the screen, and a Test run performs the instructions in animation format. The lessons are sequential and learners explore game programming.
  • Unplugged lessons: In this Binary Bracelets example, students make a bracelet representing the first letter of their name, learning about basic data storage and digital literacy.
  • App Lab: For more advanced students, these activities teach app making and coding with JavaScript.

videopng-360x61.png

Leave a Comment

Filed under AppliedDesignSkillsTechnologies, Resources

Drag and Drop Programming: Scratch

whatisit.png
scratch


Scratch Logo by MIT Media Lab, modified (CC BY-SA)

Scratch is a simple drag and drop programming language for kids of all ages to learn the basics of coding. It is free and available both as a web and desktop application. ScratchJr for ages 5-7 is available on Android and iOS tablets. With Scratch you can create anything: animations, stories, narratives and games to which hardware such as the MakeyMakey can then be connected.

Features of the latest 2.0 Scratch version:

  • Student and teacher accounts
  • Cloud data
  • Drag and drop coding blocks
  • Upload files from computer
  • Draw your own elements
  • Custom blocks
  • Video sensing
  • Vector, Bitmap and Paint editors
  • Sound editor
  • Record project video
  • Project sharing

Why-is-it-relevant-360x82.png

Scratch is a simple and fun way for kids to learn about the basics of programming/coding and to practice computational participation. Using custom blocks that one can drag and drop, you can build a sequence of events and essentially code the actions to be performed by a certain element. You can add elements from the Scratch library, upload from your computer or draw your own. With ScratchJr kids even as young as 5 years old can learn to code! Visual programming, like that used in Scratch is relevant to the BC revised curriculum, in particular, the ADST curriculum.

ScratchEd provides teachers with an online space where they can view teaching resources for Scratch, engage with other educators and share their own stories. There, teachers can find examples of how they can apply Scratch to engage students in their subject matter and get inspired.

Check out this Co-Creative Activities for the 21st Century Kids guide to explore some ideas on how coding activities, both unplugged and plugged (using Scratch) can be integrated into the classroom.

Also take a look at the Creative Computing guide created by member of the ScratchEd research team at Harvard.


how-to-get-started-360x80.png

1. Go to the Scratch website or download the desktop program.

  • If you go to the website, you can either just try it out  (which won’t save any of your work) or first join Scratch and then create (this way you can save and share your work).

To join, click on the blue “Join Scratch” button and fill out all the required information. You will also have to confirm your email.

After signing in, from the toolbar on the top of the page click “Create” start a new project or “Explore” if you first want to look for some inspiration.

  • If you decide to download the software to your computer, click here and then choose for which platform you are downloading.

Open the file that you downloaded and install it.

2. The interface of the web based and desktop application are the same.

  • Drag and drop code blocks from the “Scripts” menu (outlined red) to the building space on the right. Connect blocks to define a series of actions.
  • Add a stage backdrop and new characters/objects called sprites (outlined orange) from the Scratch library, upload from computer or draw your own.
  • As you create new sprites click on them to program their actions.
  • View you final project on the project display screen (outlined blue). Click on the green flag to activate your project and the red stop sign to stop it.

 


videopng-360x61.png

Curious about creating a simple animation from scratch (no pun intended)? Below is a video demonstration using Scratch to build a solar system. The “remix” template is provided by the UBC Physics and Astronomy Outreach team. For detailed instructions, please check out their physics-at-home activity, with new challenges introduced throughout the summer. From adding comets to altering the Sun’s mass, there are many opportunities to unleash your creativity and make the project customized.

Leave a Comment

Filed under AppliedDesignSkillsTechnologies, Resources

Hour of Code by Code.org

JOIN UBC in an Hour of Code (2018)

Nov. 27 & 28 | drop in between 12-2 | Scarfe 1006


barack

whatisit.png

Hour of Code is a global movement that was started by the Computer Science Education Week and Code.org as a “one-hour introduction to computer science, designed to demystify “code”, to show that anybody can learn the basics, and to broaden participation in the field of computer science”. It has now grown big and encompasses the whole world aiming to bring an hour of programming/coding to every student worldwide.

Anyone anywhere can register and host an Hour of Code event no matter how little or how much they know about coding and whether or not they have access to internet or devices.


Why-is-it-relevant-360x82.png

An Hour of Code aims to educate students about computer science and make learning coding and programming more accessible. Engaging with computer science is much more than just learning to code, it also helps students develop computational thinking, logical reasoning and troubleshooting skills. It provides a better understanding of the world as computers have become such a common thing in our everyday lives.

For infographics and statistics about the usefulness of learning and teaching computer science click here.

social-1


how-to-get-started-360x80.png

The Hour of Code website has lots of information on how to promote and host an hour.

1. Register to host an Hour of Code.

2. Check out this How-to guide if you don’t know where to begin.

3. Learn how to get involved here an find promotional materials and various media here.

5. Plan your your session by choosing:

– Student guided tutorials and activities here, you can search by experience level grade and type of activity;

– Or teacher led lesson plans here.

6. You can print certificates for your students to celebrate their completion of the session.


videopng-360x61.png

Leave a Comment

Filed under AppliedDesignSkillsTechnologies, Resources