Mobile Computing (1) Introduction

MIT App Inventorを使ったスマホ・アプリの作成

スマホ・アプリ開発

世界の携帯電話契約数は世界の人口を上回った。携帯電話中スマホの普及率は67.4%、スマホの販売数はパソコンを超えた、動画視聴ネットショッピングに使用する機器は、スマホがパソコンを超えた!! スマホ・アプリ開発人材不足のため、求人が増えた。スマホOSのシェアは、主にAndroidとiOSであり。日本にはほぼ半々だが、全世界の場合Androidは78%。スマホ・アプリ開発は、従来のプログラミングとビジュアルプログラミングがある。

MIT App Inventorとは

• Android用ビジュアル プログラミング

– コーディングなし、プログラムの部品をドラッグ&ドロップで組み合わせるだけでできる。

• 使ってみたいアプリを自分で作る

– ひらめいたアイデアから簡単にアプリが作ることができる、プロトタイプにも適する

• 実用のアプリ開発も可能

– Java プログラマー向けの Android アプリ開発の解説書の例題10戦全勝

MIT App Inventorできること

Googleはコンピュータ科学専攻ではない大学生、看護学生、女子高生、小学生などを対象にApp Inventorのテストを行ってきた。サンフランシスコ大学の学生は車の運転中に送られてきたテキストメッセージに自動返信するアプリを作成。看護学生は加速度センサーを用いて患者が倒れたときに、患者の携帯電話から救急メッセージが送信されるようにした。レゴマインドストームというロボットもMIT App Inventorのプログラムで動かすことができる。

clip_image002

準備するもの

• PC

– Webブラウザ (ChromeかFirefoxを推薦。IEはサポート外)

– MIT Appinventor Tools (~80 MB) http://appinv.us/aisetup_windows

• Google アカウント

• Androidマシン(スマホ or タブレット)

– 「MIT Ai2 Companion」

– QRコードスキャナー

• 無線LAN(WiFi) あると便利

開発環境

下記何れの開発環境を用意

  1. Androidデバイス+WiFiがある => Androidデバイス+WiFiで実行
  2. Androidデバイスがない => エミュレータで実行
  3. AndroidデバイスはあるがWiFiがない => Androidデバイス+USBケーブルで実行

 

App Inventor のチュートリアル

画像をクリックすると、「ニャー」と猫の鳴き声がする

https://www.youtube.com/watch?v=8ADwPLSFeY8#t=11

素材の準備

チュートリアルページよりダウンロード (http://appinventor.mit.edu/explore/ai2/hellopurr.html )

1. Kitty picture: kitty.png

2. Meow sound: meow.mp3

MIT App Inventorのプログラミング環境

1. http://ai2.appinventor.mit.edu/

2. Google アカウントでログイン

3. Hellopurr という Project を作る

メニューから「Project」→「Start new project」を開き、「Project nameを入れ」→「OK」順に操作。Project name はhellopurrとする。

 

アプリの作成は3ステップで完了

• デザイン( Design )

– デザイン画面にボタンのブロックを置いてボタンに猫の写真を配置

clip_image004

– メディア・コンポーネントのサウンド・ブロックを置いて猫の鳴き声のオーディオファイルとリンク

clip_image006

• ブロック・エディタ( Blocks Editor )

– 「when Button1.Click」を置き、その中に「call Sound1.Play」のブロックを組み込み

clip_image008 clip_image010

スマホ・アプリ動作確認

エミュレータデバイスにまたはAndroid機材に接続し、猫をタッチしてみて、なき声を確認。

実機がある場合、なき声と同時にバイブレータする、そして実機の振動に反応してなき声するも試すことができる。

最後不要な文字の消去、説明のラベルの追加など、アプリの形を整える。

QRコードでスマホにスキャンさせ、ダウンロードしてインストールして動作を確認する、またはPCにapk fileとして保存して、配布する

 

image

「Mobile Computing (1) Introduction」への2件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です