Download as PDF, PPTX
App inventorハンズオン勉強会
- 1. 2018/6/2 1.0版 有山 隆史 AppInventor/Thunkable ハンズオン勉強会 ～Androidアプリ簡単作成 【One Japan Hackathon】
- 2. 1 App Inventorって ▌ Googleが教育コンピューティング向けに先行研究 ►2010年に一般公開 ►2012年にオープンソース ▌MITに引き継ぎメンテナンス ▌ 2016年にThunkableとして、Y Combinatorの投資 を受けて商用 ► iOSを対象に追加。Cross Platform Xリリース。
- 3. ▌ Thunkableのログイン ► https://thunkable.com/ ▌AndroidにThunkableアプリをインストール ► Thunkable Live for Classic Android ▌ Android端末の準備と設定 ► 開発者向けオプション ► セキュリティ→提供元不明のアプリ（ON） 2 事前準備
- 4. ▌① カウンター ▌② GoogleMapsを使った地図表示 ▌③ 画像認識サービス ▌④ Webサービスからの天気読み上げ 3 ハンズオン
- 5. ▌ Designer ►Paletteから部品をスマートフォン画面に配置 ▌ Blocks ►Blockeditorで各部品の機能を配置 ▌ Export ►App(provide QR code from .apk)でサーバサイドでコンパイル ▌ Install ►バーコードのURLからapkをダウンロード 4 開発の流れ
- 6.
- 7. 6 H01-0 App作成 ▌「Apps」→「Create NewApp」 ▌App nameを「counter」に設定
- 8.
- 9.
- 10.
- 11. 10 H01-4 Download &Install ExportでApp(provide QR code for .apk)を選ぶ
- 12. ▌Android端末の状況によりapkがダウン ロードできない場合がある。 ▌対策 ►save .apk tomy computerでダウンロード ►Android端末へコピー ◘Dropboxなどのオンラインストレージ ◘WindowsからBluetooth転送 ◘USBメモリー 11 【TIPS】 Error 1101など
- 13.
- 14. 13 H02-1 Google Maps 【参考】ThunkableIntermediate App Tutorial #9 "Google Maps Location" ▌ Map初期設定 ▌ 加速度を振って地図を表示
- 15. ▌ Microsoft CognitiveServicesを使って 撮った写真を認識させてみよう。 ▌ Design ►Image1 ◘「Scale Picture to Fix」にチェック ►Label1 / Button1 / Button2 ►Media →Camera1 ►Image Recognizer ►Media→Text-to-Speech 14 ハンズオン③ AI機能を使う
- 16.
- 17. 16 H03-2 Block② 【参考】Thunkable IntermediateApp Tutorial #7 "Image Recognition & Artificial Intelligence"
- 18. ▌ インターネット上にあるWebサービス（天気サイ ト）をアクセスしてみよう。 ►Livedoor WeatherWeb Service / LWWS ◘http://weather.livedoor.com/weather_hacks /webservice ▌ Design ►Button ►Label ►Web ►Text-to-Speech 17 ハンズオン④ Webサービス
- 19.
- 20.
- 21.
- 22.
- 23.