11
October 20, 2010

Phoenix GTUG - App Inventor

Embed Size (px)

DESCRIPTION

App Inventor presentation for Phoenix Google Technology Users Group (Phx GTUG)

Citation preview

Page 1: Phoenix GTUG - App Inventor

October 20, 2010

Page 2: Phoenix GTUG - App Inventor

 

 Door Prizes   

Follow:http://twitter.com/phoenixgtug

 tweet something with #phxgtug

Page 3: Phoenix GTUG - App Inventor

What is App Inventor?

An easy to use, interactive, lolcat automation tool.  Amongst other things...

Page 4: Phoenix GTUG - App Inventor

Other Things

• Google's new tool for easily building Android Apps.

• Based on Open Blocks library and Kawa Language Framework

• Build the user interface and program visually

• Cross platform development environment via HTML and Java WebStart application

• Powerful, but easy to use.

• Currently limited Beta

Page 5: Phoenix GTUG - App Inventor

Required Software Development Expertise

 

Page 6: Phoenix GTUG - App Inventor

Components

• Designero Browser-based WYSIWYG visual editor for the user

interface.

• Blocks Editoro Java-based editor for building program logic.

• Connectoro locally installed sdk extras for connection to phone,

emulating, etc.

Page 7: Phoenix GTUG - App Inventor

Designer

• Viewer

• Palette

• Component list

• Media

• Properties

demo...

Page 8: Phoenix GTUG - App Inventor

Blocks Editor

• Built-in blocks - Common data structures, controls, etc.

• "MyBlocks" - Components added in the Designer to my application.

• Buttons to connect to and restart app on phone or emulator

• Workspace - Where the fun happens.  The place where you connect your blocks to add program logic.

demo...

Page 9: Phoenix GTUG - App Inventor

Limitations

• No File I/O

• No custom components... yet

• No access to bluetooth

• No way to check phone's capabilities

• Can't place applications into market (easily).

• Single screen only.

Page 10: Phoenix GTUG - App Inventor

Bonus Slide: TinyWebDb Component!

What a custom webservice for TinyWebDb needs:

Getting a value:HTTP POST to /getvalue :  tag=abcreturns (application/jsonrequest):["VALUE","abc","123"]

Setting a value:HTTP POST to /storeavalue : tag=abc&value=%22def%22returns (application/jsonrequest):["STORED", "abc", "\"def\""] My server-side Javascript implementation:   http://github.com/monteslu/tinywebdbjs

Page 11: Phoenix GTUG - App Inventor

Enough Talk...

More Beer!