« Middle School Courses
This course is included with our Coding/STEAM Curriculum - Middle School Plan

Description

Augmented Reality is a new way to extend coding beyond the screen. In this introductory course, your students will discover how to use the webcam in their computer or iPad to build interactive experiences that blend the real and virtual world. They will be able to physically stand in front of the camera and participate in the games they build by waving their hands or dancing, rather than just watching a screen. They will be able to physically stand in front of the camera and participate in their apps by waving their hands or dancing, rather than just watching a screen.

This course includes 10 lessons. Students are introduced to the new AR blocks where they learn to turn the webcam on and off, take a screenshot and mask pictures. Through the course, they learn a variety of useful concepts such as motion sensing, color calibration, gesture detection and motion direction sensing, so that they can build a wide range of AR. In the last four lessons, they apply all the concepts they have learned to build fun AR versions of classic games such as Fruit Ninja, Pong, Brick Breaker, as well as a boxing game.

Each lesson is designed for a class period of 45-60 minutes. Students will learn AR concepts on their own as they complete interactive tutorials, solve coding puzzles, build their own projects, and take quizzes. All student work is automatically tracked and assessed; and with access to Tynker's premium offerings, you'll even be able to monitor student progress and mastery charts.

Topics

  • Video control
  • Simple events
  • Basic math
  • Conditionals
  • External events
  • Simple sound playing
  • Simple physics
  • Advanced physics
  • Expert physics
  • Advanced costume handling
  • Delays
  • Simple variables
  • Simple loops
  • Simple motion
  • Simple drawing
  • Pen color
  • Color detection
  • Direction and turning
  • Simple messaging
  • Screen bounds
  • Actor properties
  • Cloning
  • Advanced motion

Technical Requirements

* Online courses require a modern desktop computer, laptop computer, Chromebook, or Netbook with Internet access and a Chrome (29+), Firefox (30+), Safari (7+), or Edge (20+) browser. No downloads required.
* Tablet courses require an iPad (iOS 10+) with Tynker or Tynker Junior app installed and Internet access

Lesson Plan

Lesson: Activating Visuals

Time: 45+ mins

Introduction

Welcome to the Augmented Reality programming course! Prepare to enter a whole new world where real and virtual elements blend together. Before starting the Tynker modules, make sure your classroom devices have a working camera. In this course, the device’s camera will capture the real-world around you, while Tynker code blocks will “augment,” or add to, the real-world by combining images with your students’ camera feed.

New Code Blocks

  • : Start program when the start button is clicked.
  • : Start program when the Actor is clicked.
  • : Turn your camera on or off.
  • : Take a photo of your screen.

Vocabulary

  • Code: The language that tells the computer what to do
  • Actor: Tynker characters and objects that can talk and interact with each other
  • Stage: The background of the project, where you can see a live feed from your camera, and where the Actors are placed
  • Command: A specific action or instruction that tells the computer to do something
  • Parameter: A value that changes the behavior of the code
  • Real-world environment: An environment that’s not created or simulated by technology (e.g., a computer), where we interact with the physical objects around us
  • Virtual-world environment: An artificial environment that is produced by technology, such as computers
  • Augmented reality: A mix of real and virtual worlds blending together
  • Screenshot: A digital photo of what is currently displayed on your screen
  • Camera: A device with a lens (typically built into cell phones, tablets, and laptops) that captures and records images, and displays it as digital images on your device’s screen

Objectives

Students will...
  • Identify differences between real and virtual worlds
  • Use the “turn video on” and “take screenshot” commands to program a photo booth
  • Program button Actors to turn their device’s camera on and off
  • Create a customized photo booth with props

Materials

  • Computers or iPads (1 per student) with a working camera and student account access to Tynker.com

Warm-Up (10 minutes)

1. Tell students that they are going to enter a whole new world where real and virtual elements blend together.
2. Say, “The real-world is what we’re experiencing right now-- an environment that’s not created or simulated by a computer, where we interact with the physical objects around us.”
3. Ask, “Who can give an example of real-world experiences?” (touching a chair that’s physically in front of you)
4. Say, “The virtual-world is the opposite of a real-world environment. Virtual worlds are artificial environments that are produced by technology (e.g., computers).”
5. Ask, “Who can give an example of a virtual-world experience?” (mining in Minecraft)
6. Ask students to raise their hand if they’ve played “Pokémon Go.”
7. Say, “In ‘Pokémon Go,’ players move within their real-world surroundings in search of wild Pokémon, which can only be seen on the player’s mobile device. This is an example of augmented reality--a mix of real and virtual worlds blending.”

Getting Started (5 minutes)

1. Use your projector to display “Module 2: Concepts.”
2. Play each concept (Activating the Camera, Taking a Screenshot) and read the captions to the class.
3. Open “Module 6: Live Stream” and model how to use the tutorial.
4. Follow each step from the tutorial and drag blocks from the tutorial tab to the center coding area. If this is your students' first time using Tynker, tell students how to…
  • Grab a code block: Select a code block and drag it to the center coding area. Release the block to drop it.
  • Remove unwanted code blocks: Select a code block from the center coding area and drag it to the far left to make it disappear.
  • Attach code blocks: Say, “Blocks are used to create code in Tynker, and they attach like a jigsaw puzzle.” For example, if you put the “turn video on” block above or to the side of the “when actor clicked” block, they will not attach

Activities (30 minutes)

Facilitate as students complete all Augmented Reality modules on their own::
1. Introduction (Video)
  • This short video introduces the Augmented Reality course.
2. Concepts (Video)
  • This video introduces two coding concepts: “Activating the Camera” and “Taking a Screenshot.”
3. Photo Booth Intro (Video)
  • This short video introduces the photo booth puzzle module.
4. Photo Booth (Puzzle)
  • In this puzzle, students need to program the stage to take a Screenshot when clicked.
  • Tell students they need to take three screenshots.
5. Live Stream Intro (Video)
  • This short video introduces the Live Stream DIY (do it yourself) activity.
6. Live Stream (DIY)
  • In this DIY, students will program the buttons on a TV screen to turn their device’s camera on and off.
  • Tell students to follow the step-by-step instructions and drag blocks from the tutorial tab to the center coding area.
7. Costume Party Intro (Video)
  • This short video introduces the Costume Party DIY activity.
8. Costume Party (DIY)
  • In this DIY, students will create a customized photo booth with props.
  • Tell students to follow the step-by-step instructions and drag blocks from the tutorial tab to the center coding area.
  • To code the other costume prop Actors, students need to choose a different costume prop Actor on the right, then repeat “Step 4” in the tutorial tab.
  • How to play: Tell students to select the costume props on the Stage, then drag the props to move it.
  • Remind students to click anywhere on the Stage to take a picture.
9. Quiz (Multiple-Choice)
  • Students will be tested on Activating Visuals concepts.

Optional Activities (20 minutes x 2)

Going to the Beach
1. Tell students to open “Module 8: Costume Party” to create a beach scene with beach-themed Actors. For example, tell students to…
  • Select the following Actors: Manatee, Worm on Hook, and Wave 1
  • Make it look like a manatee landed on their head, they’re wearing “worm on hook” earrings, and a massive wave is approaching!
2. If needed, review how to add Actors:
  • For web, click Add Actor, click "Add from Media Library," choose a category (e.g., Ocean), then select an Actor:


  • For mobile, select “+” to add an Actor, choose a category (e.g., Ocean), then select an Actor:


Review Questions
Discuss the following with students:
  • What is augmented reality? What are its two parts? (Reality/camera input and virtual visuals)
  • What is a camera, and where is it on your device? What can you use cameras for? (A device with a lens that captures or records images, and displays it as digital images)
  • What is a screenshot? Have you taken screenshots before? (a digital photo of what is currently displayed on your screen)

Standards

CCSS-Math: MP.1
CCSS-ELA: SL.3.1, SL.3.3, SL.4.1, SL.4.1.C, SL.5.1, SL.5.1.C, SL.5.1.D, SL.6.1, SL.6.1.C, SL.7.1, SL.7.1.C, SL.7.1.D, SL.8.1, SL.8.1.C, SL.8.1.D
CSTA: 1A-AP-09, 1A-AP-10, 1A-AP-11, 1A-AP-14, 1A-AP-15

Class Presentations

These student-facing slide presentations help educators seamlessly run Tynker lessons in a virtual or physical classroom setting. Each lesson has its own set of slides that introduce the big ideas, suggest unplugged activities, and include a section for each activity module. While running lesson slides, you can switch back and forth between the activity, the slides, answer keys and other lesson materials.
A sample slide presentation is available for your review. Please log in to view all the class presentations available with your plan..
Lesson 1
Activating Visuals
27 Slides
Lesson 2
Detecting Motion
27 Slides
Lesson 3
Visual Effects
25 Slides
Lesson 4
Tracking Motion
27 Slides
Lesson 5
Masking Actors
26 Slides
Lesson 6
Motion Direction
26 Slides
Lesson 7
Boxing Match
17 Slides
Lesson 8
Human Pong
18 Slides
Lesson 9
Brick Breaker
18 Slides
Lesson 10
Fruit Ninja
17 Slides