LESSONS
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10

Augmented Reality

Students learn augmented reality coding concepts such as motion sensing, color calibration and gesture detection to build interactive experiences.

  • GRADES 5-7
  • INTERMEDIATE
  • WEB IPAD
Request Quote

Answer Key

Module 4: Photo Booth

Module 6: Live Stream

Open Sample Project

Module 8: Costume Party

Open Sample Project

Module 9: Quiz

1.

2.

3.

4.

5.

6.

7.

8.

Lesson 1: Activating Visuals

Course: | iPad Web

  • Introduction
  • Concepts
  • Photo Booth Intro
  • Photo Booth
  • Live Stream Intro
  • Live Stream
  • Costume Party Intro
  • Costume Party
  • Quiz

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