1-4 Creative Soundboard App I: Plan + Locate Media

Lesson 1-4: Creative Soundboard App: Design

Objective:

- Understand that copyright is a legal system that protects your rights to creative work.
- Design the user interface and Plan the code for your own soundboard app.
- Locate Media for your App

Engage

Watch the Video about the Creative Soundboard App you will begin designing today.

Question:
- What are 3 images and sounds you want to include in your app?

Part I: Explore Creative Soundboard Examples

- Click here to explore Creative Soundboard examples

Creative Soundboard App Minimum Requirements

- Your app has three or more pictures and related sounds.
- Sounds are played when you click the related pictures.
- Sounds don’t overlap
  - When you click a button to play a sound, the app should pause any sound that is already playing.
  - Hint: use an if/else (conditional) block.)

Mini-Lesson

1-5 Creative Soundboard App: Design

Part II: Learn about Copyrights:

Watch a video about a real girl who is a writer and shares her writing online.
Questions:

Why does Nicole want to share her writing online? What are the benefits to her?
What are the risks of Nicole sharing her writing online?

Part III: Plan Creative Soundboard

Click here to make of copy of the worksheet. Use the worksheet to plan the design of your creative soundboard app.

Soundboard Creative Project - Part 1

Part IV: Find Media for Your Soundboard App

Search for Images

Find all of the images and sounds that you will use in your soundboard app.

- Find Images and Sounds for your Soundboard App.
- Only search for open source (or Creative Commons-licensed) media.

Search for Sound

Sound Resources

Trim Sound Files

Due to their size, your sound files should be no more than 10 seconds each. Use mp3cut.net to trim your files. Then, upload your files to your App Inventor Project.

Upload Media to App Inventor

Once you have already downloaded all of the pictures and sounds you will use in your soundboard app, open a new project in App Inventor and upload your media.

In the Designer tab, click Upload File...

If you finish early:

Begin Coding in App Inventor

This lesson was created by Common Sense Education and is openly shared with a Creative Commons license.

Page updated

Report abuse