< Unit 6 - Physical Computing ('22-'23)

Lesson 15: Mini-Project: Interactive Art

90 minutes

Overview

In this lesson, students create a piece of interactive artwork using the sensors on the Circuit Playground and physical materials. Students explore how the Circuit Playground can augment physical materials to create an interactive experience. This project does not use the App Lab screen except to help with debugging - otherwise, users only interact with the physical artwork itself.

Assessment Opportunities

Use the project rubric attached to this lesson to assess student mastery of learning goals.

CSTA K-12 Computer Science Standards (2017)
    • 2-AP-11 - Create clearly named variables that represent different data types and perform operations on their values.
    • 2-AP-13 - Decompose problems and subproblems into parts to facilitate the design, implementation, and review of programs.
    • 2-AP-14 - Create procedures with parameters to organize code and make it easier to reuse.
    • 2-AP-15 - Seek and incorporate feedback from team members and users to refine a solution that meets user needs.
    • 2-CS-01 - Recommend improvements to the design of computing devices, based on an analysis of how users interact with the devices.
    • 2-CS-02 - Design projects that combine hardware and software components to collect and exchange data.
    • 2-CS-03 - Systematically identify and fix problems with computing devices and their components.

Agenda

Objectives

Students will be able to:
  • Create a project that combines output from the circuit playground with physical materials
  • Create a project that seamlessly integrates the circuit playground with physical materials

Preparation

  • Review the Project Guide and Rubric to understand the scope of the project.
  • Review the exemplar projects as examples of what students can create.
  • (Optional) You may decide to show one of these projects to students to help spark ideas.
  • Gather prototyping materials, such as:
    • Structural material (cardboard, construction paper, etc)
    • Connective material (tape, glue, hot glue, etc)
    • Construction tools (scissors, staplers, etc)
    • Other materials (cups, binder clips, paper plates, etc)
  • Check the "Teacher's Lounge" forum for verified teachers to find additional strategies or resources shared by fellow teachers

Links

Heads Up! Please make a copy of any documents you plan to share with students.

For the teachers
For the students

Teaching Guide

Warm Up (10 minutes)

Journal

Prompt: Answer the following questions about this video:

  1. How is the user interacting with the artwork and electronic devices?
  2. How are the electronic devices improving the piece of artwork?

Video: Show the video Pu Gong Ying Tu (Dandelion Painting) by artist Jie Qi

Teaching Tip

Dive Deeper: If you would like to explore this piece of artwork and the art of Ji Qie more, click here to explore the artists website. You may decide to explore this with your students as a full class, or offer it as an independent exploration if you choose.

Share Out: Have students share their ideas with the class

Discussion Goal: Students should notice that the user interacts with the artwork by blowing on the painting. Students may describe this interaction as using a sensor to detect changes in temperature or sound. Students should also comment on how the LEDs from the devices improve the artwork by adding to the design of the flowers. Students may make connections to other artwork they have seen, especially paintings that use LEDs as part of the design.

Remarks

Today, we're going to make our own interactive art. We will use physical materials to build a piece of artwork of your choosing, and use the sensors on the circuit playground to detect input from the user and react. Your device won't use a screen at all except to help debug - the user will only interact with your physical device.

Teaching Tip

Example App: You may decide to show students the exemplar apps and their videos examples of what students can create in this project. This can help spark ideas, and give students a model of what to work towards when making their own devices.

There are also several videos student projects available for verified teachers - Student Example Projects. These videos were created during the pilot of this course by a participating teacher with her students, and are used with their permission.

Other Examples: Interactive art experiences can be found in live shows, museum exhibits, or specialized artistic displays. You may decide to show some other examples to students, such as:

  • Otherworld, an immersive art installation
  • Meow Wolf, an interactive artist community
  • iLuminate, a dance troupe that uses electronics in time with their dances

Activity (75 minutes)

Teaching Tip

Facilitating Mini-Projects: Mini-Projects act as checkpoints in the curricula and cover the subset of skills students have seen so far in the unit. They are designed for 1-2 days of implementation as a way to check-in with how well students understand the course content so far. You may decide to extend these projects as a way to support or challenge students, which could allow you to revisit difficult concepts or support students who may have missed lessons and are trying to catch up. However, we recommend deciding this ahead of time and being firm with students about how much time they have for each project - otherwise, it's easy for projects to drag-out to multiple days and for student's work to spiral beyond the scope of this project.

Distribute: (Optional) pass out copies of the project guide. Students will use this to plan their project, and includes items that can be used for assessment at the end of the project.

Teaching Tip

Facilitating Group Projects: If students are working in pairs or small teams to complete projects, consider showing these two videos to the class:

Depending on your goals with this project, consider having teams complete a Student Guide to Team Planning, which reinforces the message in the video

Slides: Present an overview of the project and the steps students will take to complete it.

Transition: Send students to Code Studio.

Teaching Tip

Scoping Student Projects: Students may ideate projects that are beyond the skills they currently have or that would take longer than the allotted time to implement. Rather than asking students to choose a different project, consider asking students to imagine a more scaled-down version of their initial idea. As an analogy, if students initial idea is the "Run" step, imagine a less intense version that represents what the "Walk" step would look like. If necessary, you can keep going back further to a "Crawl" step as well.

Digging Deeper: This is sometimes referred to as the Minimal Viable Product - you can learn more about this process and adapt it into your project strategies by reading this article: Making Sense of MVP by Henrik Kniberg

Teaching Tip

Debugging Strategies: As students design and implement their own project ideas, they may find themselves with new bugs that they need to untangle and you may find yourself looking at completely unfamiliar code as students look for help troubleshooting their errors. To help smooth out the debugging experience, consider the following strategies:

  • Review the Teacher Guide to Debugging for some common questions and strategies to help support students in debugging their code
  • Have students follow the steps in the Student Guide to Debugging and use the Bug Report Quarter-Sheets as an initial step in the debugging process. This helps students prepare and communicate their issue before asking for help.
  • If students haven't seen it yet, consider showing the Debugging Video to the class to reinforce debugging best practices.

Digging Deeper: Consider supplying students with an object to talk to as part of the debugging process. This is sometimes known as Rubber Duck Debugging - you can learn more on the website https://rubberduckdebugging.com/

(Optional) Gallery Walk

Allow students to walk around the room and interact with each other's devices. Celebrate all of the different ideas that students were able to implement with the same basic code.

Wrap Up (5 minutes)

Reflection

Prompt: What was your favorite part of the app you created? What is something you wish you had time to improve?

You may decide to have students share these with a partner, or you may decide to have students keep their responses private. Either way, the goal of the prompt is to have students reflect on the apps they've created and celebrate what went well and acknowledge what could be improved for next time.

Creative Commons License (CC BY-NC-SA 4.0).

This work is available under a Creative Commons License (CC BY-NC-SA 4.0).

If you are interested in licensing Code.org materials for commercial purposes contact us.