A Presentation for Teachers Studied Computer Science Completed MA in ICT in Education Taught abroad and in the UK Currently Head of ICT, Computing.
Download ReportTranscript A Presentation for Teachers Studied Computer Science Completed MA in ICT in Education Taught abroad and in the UK Currently Head of ICT, Computing.
Slide 1
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 2
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 3
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 4
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 5
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 6
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 7
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 8
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 9
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 10
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 11
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 12
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 13
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 14
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 15
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 16
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 17
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 18
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 19
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 20
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 21
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 22
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 23
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 24
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 25
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 26
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 27
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 28
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 29
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 30
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 31
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 32
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 2
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 3
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 4
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 5
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 6
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 7
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 8
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 9
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 10
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 11
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 12
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 13
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 14
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 15
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 16
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 17
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 18
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 19
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 20
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 21
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 22
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 23
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 24
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 25
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 26
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 27
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 28
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 29
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 30
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 31
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today
Slide 32
A Presentation for Teachers
Studied Computer Science
Completed MA in ICT in Education
Taught abroad and in the UK
Currently Head of ICT, Computing & Business
Studies at a grammar school, Wiltshire
There are
approximately
350,000 apps in
iTunes, 65,000 in the
Android marketplace
http://www.youtube.com/watch?
v=CjUcq_E4I-s
The UK's video games sector is bigger than both the film and
music industries with over £2bn in global sales.
With games becoming increasingly complicated to make,
the programmers used to make the games are in high
demand.
There are concerns about where the talent of the future is
going to come from.
"The narrowness of how we teach children about computers
risks creating a generation of digital illiterates.“
Ian Livingstone,
life president of Eidos and government skills champion
Source: http://news.bbc.co.uk/1/hi/programmes/click_online/9503255.stm
Potential to
generate
revenue
Rate of apps being
made available each
day is growing
rapidly.
Expand to
tablets, TV and
beyond!
Can replace Flowol and LOGO
“Sequencing Information”
Level 5
They create sequences of instructions and understand
the need to be precise when framing and sequencing instructions.
Level 6
They develop, try out and refine sequences of instructions and
show efficiency in framing these instructions, using sub-routines where
appropriate.
Level 7
They develop, test and refine sequences of instructions as part of an ICT
system to solve problems. They design ICT-based models and
procedures with variables to meet particular needs.
Level 8
They design and implement systems for others to use.
“The goal is to enable people to become
creators, not just consumers, in this mobile
world”
Harold Abelson (MIT), Google App Inventor Project
https://www.nytimes.com/2010/07/12/technology/12google.html?_r=1
No Programming
Drag & Drop (Visual) Programming
Language Specific Coded Programming
BUT need to be over
13 to register!
• You can create a fully functioning App that can be
shared with the world, or just your users…
• You can send push notifications to users You can
create Forms
• Menu based interface
• Basic interactions
• Easy to use – no programming required
• FREE!!
• Similar to appsbar, but a cost involved!
• More complicated/corporate feel
• Just for iPhones
Starting with the basics…….from scratch
App Inventor shares many similarities with Scratch
Scratch
Freely available for Windows, Linux or Mac, Scratch provides an
approachable way to build interactive games and works of art.
The language is similar to Basic… only instead of typing out the
“code”, you place bits of the code in place via dragging-anddropping with the mouse.
The resulting applications are not “stand alone executables”
App Inventor
Allows people with very little programming experience to build
their own applications for their Android phone.
The language and user interface itself is actually based on Scratch
(with a much more “grown up” look and feel).
App Inventor also contains an excellent User Interface Layout tool
to design the look and feel of your Android app.
“When I first heard about Scratch, I hated it...I
didn't like the idea of teaching kids how to
program. But this isn't a programming
language. It's an environment where people
can become creators of content for the
internet. It's like crayons for the web.”
Seth Raphael, MIT
http://www.theregister.co.uk/2010/07/12/google_app_inventor_for_android/
Xcode (Mac SDK)
Mac Only
Only possible to code in Objective C
DragonFire SDK
Windows based
Code in C/C++
Both complicated (this video illustrates this well
http://www.dragonfiresdk.com/video/index.htm)
Don’t need to
attach your mobile
phone – can use the
Android Emulator
to test your apps.
Simple really……(??!!)
5 mins to….
▪ Ensure Java installed on computer
10 mins to….
▪ Download setup software to your PC (87MB)
Up to 30 mins to…..
▪ Obtain and install driver for phone – this is a bit trickier….and
not necessary if you want to use the Android emulator
Simple to install onto RM network at school
Instructions are all online
http://appinventor.googlelabs.com/learn/setup/index.html
Installation
Need a package to install .exe on each
machine
Students need Google accounts
Running
Interface can be awkward and unintuitive
Emulator can be slow to load, and for apps to
run
Any components
you add on the
screen are listed
here.
You can drag
and drop the
items from
here onto
the screen.
This is the
design
screen.
The properties of
each component
can be set or
changed here.
Once the interface is designed, you can add the
code by opening the blocks editor.
This is a Java
pop-up
window.
The building
blocks are
similar to
those in
Scratch.
The built in blocks are in the
categories shown.
The components that you place on the
screen design can all be manipulated
from the “My Blocks” list.
Source:
http://www.youtube.com/watch?v=8AD
wPLSFeY8&feature=player_embedded
Behaves like
an Android
phone.
Can fully
navigate the
interface.
Good quality tutorials are available on the
App Developer website:
http://appinventor.googlelabs.com/learn/tutorials/index.html
Basic
Advanced
PicCall
Quiz Me
Text Group
MakeQuiz and TakeQuiz
Map Tour
Text Group Part 2
Broadcaster Hub
No Text While Driving
No Text While Driving Part 2
Android, Where’s My Car?
This application lets you select people from
your contact list and display their pictures.
When you press a picture picture, the phone
calls that person.
PaintPot
PaintPot lets you scribble in different colors by
touching the screen to draw dots and lines.
MoleMash
Version of Arcade game Whack-A-Mole
Development time:
1 hour
Difficulty:
Simple if you
understand
variables,
assignments and
objects.
Pros
Cons
• Real-time compiling
• Live feed to android devices
• Emulator if no android device
available
• Intuitive controls
• Free
• Cross-platform
• Uploading files requires a web
page refresh
• Emulator was unreliable and slow
at times
• Moving the “blocks” was slow and
sluggish
• Incomplete interface feel
• Collision detections was unreliable
and the code was difficult to
implement
• Accelerometer was complex and
didn’t work as desired
OVERALL:
“Good but needs work. Definitely
a beta. But do enjoy the visual
element of programming using it.
Great for learning to program.”
Initially a 6 week scheme of work in
summer term (target audience Year 10)
Students design mobile phone app
Students set price of app and identify target
market (enterprise)
Students start to develop basic functionality
Will lead to App development club for those who
wish to develop their skills further
Prizes awarded to best ideas
Using Google App Inventor students
will work to create the first
prototype app to be deployed onto
Android Market. They will then work
to test and refine their design and
get real-life testing feedback from
the public.
Once solution design is
complete, students
focus on perfecting
their product design,
testing and improving
the feature sets and
user interactions in
dialogue with
potential users. This is
done through paper
wireframes as well as
interactive tools to
allow for click through
animations.
By sharing and discussing their
experiences, and those of the people
they know, the teams identify a whole
range of areas where every-day, reallife problems occur for further
exploration.
Students
investigate the
various
opportunities by
discussing with
their peers, and
looking at similar
products in app
stores. By the end
of this stage
students will have
much clearer, more
defined knowledge
of who and where
(physically) their
users are.
Students learn about how best to
plan and organise the development
of their application, considering for
marketing and distribution.
Problem
Definition
Build
Following this model, if working
independently students are able to
achieve level 7/8
Promote
“Pupils independently select appropriate
information sources and ICT tools for specific
tasks, taking into account ease of use and
suitability. They design and implement
systems for others to use. “
Prototype
Design
Feasibility
Study
Planning
6 weeks (approx 10 hours)
Week
Outline
1
2
3
4
Overview of app development, development lifecycle
Market research and detailed planning
Design
Prototype
5
6
Promote
Present
Squish!
DinoDash
Keen2Clean
Teaching Tots
Ducky Day Care
Students who want to develop full app to join
App Developer club
1 hour a week
Supported by 6th form computing students
Launch primary outreach programme for app
design in Scratch
(later Mobile Scratch project http://llk.media.mit.edu/projects.php?id=1974 )
http://creativityincomputing.wordpress.com
All material from the presentation today can
be found at this site from the end of today