Dale Jones-Evans [email protected] Dale Jones-Evans Architect ...
Starting AppInventor in the Classroom Dale Jones@[email protected] CAS Conference...
-
Upload
norman-morgan -
Category
Documents
-
view
216 -
download
0
Transcript of Starting AppInventor in the Classroom Dale Jones@[email protected] CAS Conference...
![Page 1: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/1.jpg)
Starting AppInventor in the Classroom
Dale Jones @spookingdorf [email protected] Conference June 2011
![Page 2: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/2.jpg)
Scope Starting with AppInventor Create a (very) simple app Consider howthis could be developed in the
classroom
![Page 3: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/3.jpg)
Why Apps? Inspiring Computing, incorporating ICT Challenge – to analyse needs, create and refine
a solution Creating something that works Solving problems, Developing thinking
“Solving problems creatively by using ICT to explore ideas and try alternatives”“Consider systematically the information needed to solve a problem”“Solve problems…”“Use ICT to make things happen by planning, testing and modifying…”
![Page 4: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/4.jpg)
What to use? iPhone SDK
See iOS Dev Center Android SDK
Eg Eclipse AppInventor Windows Phone SDK
![Page 5: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/5.jpg)
Making it real Authentic context Technical knowledge (of the dev environment) Technical know-how (to make the dev
environment do the right things) Creative flair
Use stimulus cards?
![Page 6: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/6.jpg)
Systems Life Cycle
Check out the Ideas Cards for starting points
![Page 7: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/7.jpg)
Feasibility/Analysis
![Page 8: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/8.jpg)
DesignScreen layout
Navigation
Corporate identity
Interface
Storage
Inputs
Outputs
Assets
Appearance
Sound
Vibration
SoundMovement
TouchPosition
ButtonsImage map
Sounds
Text
Images
Movies
Splash ScreensCredits
![Page 9: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/9.jpg)
Data flow and navigation
![Page 10: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/10.jpg)
Design Tools
Storyboards Screen mock-ups
(some good iPhone templates at modoku.com)
![Page 11: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/11.jpg)
Make It!
Our brief (though curiously unreliable) market research suggests that there is an opening for an app that changes the colour of text and its background at the press of a button. Please develop an app that will do this.
![Page 12: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/12.jpg)
Using AppInventor Get a Google Account
Works on Google Apps for Education too Start AppInventor at
http://appinventor.googlelabs.com and log in. 3 parts to AppInventor:
Designer – where assets are compiled Blocks editor, where you tell things what to do Emulator, a virtual mobile device
(or connect a real one)
![Page 13: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/13.jpg)
Using Appinventor Start the designer and create a new project. Assemble assets according to your design
plan Drag and drop AppInventor components
Give them appropriate names (eg btnBlkOnRed) Upload other assets (images, sounds) and name
them Tell assets what to do in the Blocks Editor See what it looks like in the Emulator (or on
the device)
![Page 14: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/14.jpg)
Using AppInventor – Drumkit Assemble assets in the designer
Upload pictures, sounds Insert buttons in a table arrangement
Tell assets what to do in the Blocks Editor When button is clicked, play the sound
Test in the Emulator Add other buttons Use a vertical arrangement to add a splash
screen
![Page 15: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/15.jpg)
Using AppInventor – DrawKitteh
Introduces use of the Canvas element to enable on-screen drawing.
See tutorial at http://appinventor.googlelabs.com/learn/tutorials/paintpot/paintpot-part1.html
![Page 16: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/16.jpg)
Using AppInventor - sharing Download and publish elsewhere Use the barcode Download to phone
![Page 17: Starting AppInventor in the Classroom Dale Jones@spookingdorfdjones@excitingICT.co.uk CAS Conference June 2011.](https://reader035.fdocuments.in/reader035/viewer/2022062421/56649d9f5503460f94a8a3cc/html5/thumbnails/17.jpg)
Some Tutorial Sources (there are others)
http://appinventor.googlelabs.com/learn/ http://android.jwtyler.com/