8/13/2019 1_appinventor

1/14

IntroductionThomson Chan (Rosaryhill School)

Full Time Seconded Teacher

E-mail: info@chansir.net

8/13/2019 1_appinventor

2/14

Writing Android Apps (I)

Android SDK & Eclipse IDE

http://developer.android.com/sdk/index.html

Can develop professional Apps and

support latest Android versions

Time consuming / Difficult to learn.

http://developer.android.com/sdk/index.htmlhttp://developer.android.com/sdk/index.htmlhttp://developer.android.com/sdk/index.html

8/13/2019 1_appinventor

3/14

Writing Android Apps (II)

Some online / software for creating Apps

Support Multiple platform.

Usually creating content based apps. Not suitable to teach programming

e.g. http://ibuildapp.com/

http://ibuildapp.com/%20http://ibuildapp.com/%20

8/13/2019 1_appinventor

4/14

Writing Android Apps (III)

App Inventor http://appinventor.mit.edu

Originally developed by Google

Project transferred to MIT. Interface is familiar

Layout design interface is similar to VB.

Programming interface is similar toScratch

http://appinventor.mit.edu/http://scratch.mit.edu/http://scratch.mit.edu/http://appinventor.mit.edu/http://appinventor.mit.edu/

8/13/2019 1_appinventor

5/14

Resources of AppInventor (I)

Official Site http://appinventor.mit.edu

Set up

Curriculum

Tutorial

Video Tutorial

http://appinventor.mit.edu/http://appinventor.mit.edu/explore/content/setup.htmlhttp://appinventor.mit.edu/teach/curriculum.htmlhttp://appinventor.mit.edu/explore/content/tutorials.htmlhttp://appinventor.mit.edu/teach/content/app-inventor-video-tutorials-beginners.htmlhttp://testwireless.appinventor.mit.edu/http://appinventor.mit.edu/teach/content/app-inventor-video-tutorials-beginners.htmlhttp://appinventor.mit.edu/teach/content/app-inventor-video-tutorials-beginners.htmlhttp://appinventor.mit.edu/explore/content/tutorials.htmlhttp://appinventor.mit.edu/explore/content/tutorials.htmlhttp://appinventor.mit.edu/teach/curriculum.htmlhttp://appinventor.mit.edu/teach/curriculum.htmlhttp://appinventor.mit.edu/explore/content/setup.htmlhttp://appinventor.mit.edu/explore/content/setup.htmlhttp://appinventor.mit.edu/

8/13/2019 1_appinventor

6/14

Resources of AppInventor (II)

App Inventor EDU

A suggested high school curriculum

in US

AppInventor TW

https://sites.google.com/site/appinventoredu/homehttp://www.appinventor.tw/http://www.appinventor.tw/http://www.appinventor.tw/http://www.appinventor.tw/http://www.appinventor.tw/http://www.appinventor.tw/https://sites.google.com/site/appinventoredu/homehttps://sites.google.com/site/appinventoredu/home

8/13/2019 1_appinventor

7/14

Aim and Objective of teaching

AppInventor Programming is important in ICT.

Students have interests in writing apps.

Let students taste modern programmingtechniques e.g. call object, event etc.

Taste programming in a graphical

interface.

8/13/2019 1_appinventor

8/14

Curriculum of our school (I)

Tryout in Senior form ICT last year.

Teach in S3 this year

Students have no programmingexperience in junior form.

Cover 8-10 lessons in 2ndterms.

Introduce some objects and events. Introduce basic programming concepts

(up to selection)

8/13/2019 1_appinventor

9/14

Curriculum of our school (II)

Topic 1: Introduction.

Topic 2: Properties of Basic components,

simple build in blocks including simple

calculation.

Topic 3: Use of variables and component

Canvas.

8/13/2019 1_appinventor

10/14

Teaching material (I)

Worksheet

Short notes

Program requirement (Program

identification and analysis)

All Practical are divided into 5 steps Log in

Design the layout (Design)

Build the program (Implementation)

Testing (Testing)

Packaging and Submission

Extension activities

8/13/2019 1_appinventor

11/14

8/13/2019 1_appinventor

12/14

Teaching material (II)

More Practical Exercise in topic 2. Written exercise of build in block (e.g.

maths and relational operator etc)

Video of screen recording Divided into parts.

Released to student in schedule.

Sources and apk file of practical.

8/13/2019 1_appinventor

13/14

Video Page

Practical 1 Layout Design Program building

Practical 2 Layout Design Program building

Practical 3 Requirements

Layout Design

Program building 1

Program building 2

Testing

http://www.youtube.com/watch?v=A8LJi49Yun8http://www.youtube.com/watch?v=h0a0Pn9ehkMhttp://www.youtube.com/watch?v=3KO-J10l6Y8http://www.youtube.com/watch?v=XCidf5Da0oYhttp://www.youtube.com/watch?v=GtwgvgX8oichttp://www.youtube.com/watch?v=qHp5JeYYZW8http://www.youtube.com/watch?v=NJu2g2PAkJEhttp://www.youtube.com/watch?v=aUUS9tXtezghttp://www.youtube.com/watch?v=C3pOO2Qu-4khttp://www.youtube.com/watch?v=C3pOO2Qu-4khttp://www.youtube.com/watch?v=aUUS9tXtezghttp://www.youtube.com/watch?v=NJu2g2PAkJEhttp://www.youtube.com/watch?v=qHp5JeYYZW8http://www.youtube.com/watch?v=GtwgvgX8oichttp://www.youtube.com/watch?v=XCidf5Da0oYhttp://www.youtube.com/watch?v=3KO-J10l6Y8http://www.youtube.com/watch?v=h0a0Pn9ehkMhttp://www.youtube.com/watch?v=A8LJi49Yun8

8/13/2019 1_appinventor

14/14

Useful tools

TeamViewer Quick Support /

Android

Remote control your android device.

Show android apps in PC.

Screenr

A online screen recording tools

Screen recording of AppInventor and the

requirement of Practical.

http://edblog.hkedcity.net/computer_resource/2013/03/04/remote-control-your-android-apps-team-viewer-quick-support/http://www.screenr.com/http://www.screenr.com/http://edblog.hkedcity.net/computer_resource/2013/03/04/remote-control-your-android-apps-team-viewer-quick-support/