OSC 2012 Oitaの１コマでAppInventorの簡単な紹介をした時のスライド

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

3. 日本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

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

5. App Inventor

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

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

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

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

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

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

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

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

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

15. App Inventorのはじめかた

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

17. Java実行環境

18. 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

19. 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

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

21. Hello App Inventor

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

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

24. プロジェクト名を入力

25. デザイナが開きます

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

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

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

29. ブロックエディタ

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

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

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

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

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

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