App Making for All - hutchison-teach.ca

19
1 App Making for All Grant Hutchison [email protected] TDSB WHY HOW NOW

Transcript of App Making for All - hutchison-teach.ca

Page 1: App Making for All - hutchison-teach.ca

1

App Making for All

Grant Hutchison [email protected]

TDSB

WHY

HOW

NOW

Page 2: App Making for All - hutchison-teach.ca

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

Page 3: App Making for All - hutchison-teach.ca

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)

Page 4: App Making for All - hutchison-teach.ca

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/

Page 5: App Making for All - hutchison-teach.ca

5

http://appinventor.mit.edu

Page 6: App Making for All - hutchison-teach.ca

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

Page 7: App Making for All - hutchison-teach.ca

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

Page 8: App Making for All - hutchison-teach.ca

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

Page 9: App Making for All - hutchison-teach.ca

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

Page 10: App Making for All - hutchison-teach.ca

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/

Page 11: App Making for All - hutchison-teach.ca

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

Page 12: App Making for All - hutchison-teach.ca

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.

Page 13: App Making for All - hutchison-teach.ca

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

Page 14: App Making for All - hutchison-teach.ca

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.

Page 15: App Making for All - hutchison-teach.ca

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)

Page 16: App Making for All - hutchison-teach.ca

16

Heading - angle of direction degrees

Interval - refresh rate

Speed - # of pixels moved / interval

0 degrees

270 degrees

180 degrees

90 degrees

Page 17: App Making for All - hutchison-teach.ca

17

Maps

• ActivityStarter

• WebViewer

Page 18: App Making for All - hutchison-teach.ca

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

Page 19: App Making for All - hutchison-teach.ca

19

THANK YOU AND ENJOY BEING AN …