1 of 14

App in Code.org

2 of 14

Design

3 of 14

Criteria and Constraints

4 of 14

Research & Brainstorming

Investigate

​

Learn what others have done

​

​

What does this look like?

  • Check out examples from previous classes
  • What are things that you liked?
  • What would you like to apply to your design.

5 of 14

Research & Brainstorming

​

​

Imagine

Come up with different ways to solve the problem.

​

Use your creativity to think of lots of ideas that could work.

​

Thumbnail sketches - usually small, simple, and with just enough detail to convey a concept.

​

What does this look like?

  • Think of things that you know a lot about.
  • Write down things you like.

​

  • My dog Enzo
  • Trees
  • Crystals
  • Swimming

​

Document in App Design Summative

​

6 of 14

I can make a plan.

​

You will need

  • Sharp pencil
    • Required for class
  • A sheet of paper (choose your house color)
  • A good idea what you want your app to be about.

Document in App Design Summative

​

7 of 14

Plan

​

We will all start with an outline.

​

8 of 14

Complete Design Summative

In Google Classroom

​

We will all start with an outline.

​

9 of 14

Build

​

Go to code.org

And sign in with Google

​

​

​

​

​

Helpful hints:

  • Use text area or label
  • It is possible to duplicate a screen

​

​

Design all your screens first…

10 of 14

Build

​

Go to code.org

And sign in with Google

​

​

​

​

Helpful hints:

  • Mark your plan when you have completed programming a button.

​

​

…then code!

11 of 14

Check your work

​

​

​

​

​

​

​

​

Do you have at least 4 screens with 2 buttons?

No “dead ends”

Proper grammar

​

Now you can…

Add pictures

Add sound

​

12 of 14

Share

​

Go to code.org

And sign in with Google

​

​

​

​

​

​

On the sheet

13 of 14

Build Summative

​

​

​

​

​

​

​

​

14 of 14

Test Summative

​

​

​

​

​

​

​

​