1

App Making for All

Grant Hutchison grant.hutchison@gmail.com

TDSB

WHY

HOW

NOW

2

Create and share – FAME

Solve problems - CHALLENGE

Learn at your own pace - CONTROL

Publish apps – EVEN MORE FAME !!

Google Play

App Inventor Gallery

VISUAL programming environment to

CREATE Android applications

3

App Inventor in Education Elementary / Secondary / Post-Secondary

Secondary – Scotland (national curriculum)

– TDSB Humberside CI

– and many more

Education Community is Strong and Growing

http://appinventor.mit.edu/explore/teach.html

Worldwide Community

source: MIT App Inventor Summit (July, 2013)

4

Where is App Inventor Used? ( just some examples… )

Education

• Computer Science

• Other subjects

Anywhere !!

• Disaster Relief

• Biology Research

• Teacher Education

• Fitness

Global Technology Competition

• After-school ( 12 weeks )

• Industry Mentors

• Curriculum provided

• Build App & Pitch It

http://arriveapp.mobi/

5

http://appinventor.mit.edu

6

Student Actions 1. Start the Android emulator

2. Open the browser

3. Create/Open project

4. Start the Blocks Editor (Java Application)

5. Connect to Android emulator on their computer

7

Prototype

Design UI

Code Blocks

Test / Debug

Paper / Pencil

Component Designer

Blocks Editor

Blocks Editor Phone/Emulator

• User Experience (UX)

• Input (Traditional)

• Sensors

• Gaming/Robotics

• Web, Twitter, and more

8

Device Size

Components Needed Graphical

Media

Animation

Button ListPicker

Label Clock

TextBox TinyDB

Image CheckBox

Canvas Slider

1. Colour Me

2. Talking Calculator

3. Get the Message

4. Temp Converter

5. Paint the Puppy

6. Tour Guide

7. Mole Mash Plus

8. Investments

9. Looping with Colour

10.Know Your Elements

11.How Much Do I Owe?

12.Quiz Maker

13.Music Maker

14.Andy Pong

9

Event

When Click do

• SOME ACTION

Note: The action occurs once for each button click.

Objective Create a simple calculator app that can add, subtract, multiply, and divide. The calculator speaks the answer to the user.

http://gallery.appinventor.mit.edu

10

Objective Create a program to determine the age of a person based on their year of birth and speak the answer.

http://myvoiceaac.com/

11

Objective Create a temperature converter program for Fahrenheit and Celsius.

The application should state the temperature after it has been converted and provide advice about what to wear.

(0,0)

(0,400)

(300,0)

(300,400)

• Grid for animation and graphics

• Uses (x,y) coordinates to locate objects

12

Objective Create an interactive drawing program.

Users should be able to change the size and colour of their paint brush as they paint various pictures.

13

Objective Create an interactive game where the objective is to "mash" the mole as he pops up randomly around the screen.

PLUS - Students add a challenge !!

Objective Create an investment calculator to determine the value of compound interest investments. The user will provide: Principal Interest rate Investment period The app will calculate the value of the investment after the investment period. CHALLENGE – Provide simple and compounded interest options

14

Objective Create a quiz game for students to learn more about the common element names and their symbols.

The element symbol will be provided and the user must provide the proper name. The app will keep score as the quiz continues.

15

Objective Create an application to generate student quizzes. Recommendation: Canadian Citizenship questions.

Once you have created your quiz has been created challenge others to take the quiz.

An image sprite is an animated object.

• Must stay inside the canvas

• Might be controlled by the user

• Might interact with other Sprites

• Direction and speed (VECTOR)

16

Heading - angle of direction degrees

Interval - refresh rate

Speed - # of pixels moved / interval

0 degrees

270 degrees

180 degrees

90 degrees

17

Maps

• ActivityStarter

• WebViewer

18

Exploring Computer Science The application includes information about available courses along with extra information such as competitions.

The app also includes an interactive game called "MythBusting Computer Science".

Just go to Google Play and search for:

"Explore Computer Science"

http://gallery.appinventor.mit.edu

Books

Web Resources

MIT App Inventor http://appinventor.mit.edu

App Inventor Community http://appinventor.org

19

THANK YOU AND ENJOY BEING AN …