AppInventorのその後
日本Androidの会 大分支部
本田 克己

日本Androidの会 大分支部
2010年2月6日に設立
2010年1月23日のOSC 2010 Oitaがキッカケ
Androidアプリ開発の勉強会などをやっています
http://goo.gl/VKyYN
http://groups.google.com/group/android-group-japan-oita
Facebookページなんかもあったりします。
http://goo.gl/vKmlc
https://www.facebook.com/android.oita

２０１２年２月１１日
OSC 2012 Oita
Androidアプリを作ってみよう
（45分で）

App Inventor

App Inventor
ブロックを組み合わせて、簡単にAndroidのア
プリが作れる
プログラムを組んで、すぐに動作を確認できる
WindowsでもMacでもLinuxでも使える

App Inventorの仕組み
デザイナ
App Inventor
サーバ
ブロック
エディタ
エミュレータ
プログラムのコンパイルやソースコード？は
クラウド上管理されています。 端末/実機

2010年7月
Googleが開発を行い、Google Labsで公開
2011年7月
Google Labs閉鎖の発表がありました
2011年12月
App Inventorサーバが閉鎖されました

ハンズオンしようと思ったら
デザイナ
App Inventor
サーバ
ブロック
エディタ
エミュレータ
端末/実機

Google Labs閉鎖に伴い、App Inventorのコード
はGoogleからマサチューセッツ工科大学
（MIT）のモバイルラーニングセンターに移管
されました

2012年1月20日ソースコードが公開
http://code.google.com/p/app-inventor-releases/

仕方がないので２月のOSCでは
オープンソース版のサーバを独自に立てて
ハンズオンを開催しました

MIT版2012年３月リリース
http://appinventor.mit.edu/

App InventorとMIT
Open Blocksというライブラリを使ってる
Open BlocksはMITが開発、公開
Open BlocksはScratchという、プログラミング
教育用のプロジェクト向けに開発されてた
http://scratch.mit.edu/

App Inventorのはじめかた

必要なもの
1. パソコン
2.Webブラウザ
3. ネットワーク接続
4.Java実行環境（Java6)
5.App Inventor Setup Sofware
6.Googleアカウント
7. （できれば）Android端末

Java実行環境

App Inventorのセットアップ
WindowsとMacは、ダウンロードしてインストー
ルするだけ
http://explore.appinventor.mit.edu/content/linux
http://explore.appinventor.mit.edu/content/windows
http://explore.appinventor.mit.edu/content/mac

App Inventorのセットアップ
WindowsとMacは、ダウンロードしてインストー
ルするだけ
http://explore.appinventor.mit.edu/content/linux
http://explore.appinventor.mit.edu/content/windows
http://explore.appinventor.mit.edu/content/mac

プログラミング始めてみよう
http://beta.appinventor.mit.edu/

Hello App Inventor

こんな感じにアプリが作れます

はじめにプロジェクトを作ります

プロジェクト名を入力

デザイナが開きます

パレット
ビューワ
コンポーネント
リスト
プロパティ
リスト

ボタンの配置
Buttonをスクリーンにドラッグ
Textに「こんにちは」と入力

ブロックエディタの起動
メニューから[Open the Blocks Editor]をクリック

ブロックエディタ

My Blocksにデザイナで置いた部品
が入っています

ボタンを押した時・・・
[My Blocks]タブを選択
Button1を選択
Button1.Clickをドラッグ

set Button1.Text toをドラッグ
Text と ドラッグ
Built-Inを選択して、Textを選択
textに文字を入力
「Hello App Inventor」
とか

エミュレータの起動
[New emulator]をクリック
起動したら、鍵マークを右にドラッグ

プログラムを実行してみる
[Connect to Device...]をクリックして
emulator-555? を選択

ご清聴ありがとうございました
ブースのApp Inventorが使えるパソコンを
置いているので試してみてください