スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


にほんブログ村 その他趣味ブログ LEGO・ブロックへ

Google App Inventor for Androidを試してみる1

App InventorはAndroidアプリをWebブラウザから簡便に作成できるという開発ツールです。
最近このApp InventorにNXT制御用のパレットが追加されたため、App Inventorを試してみました。
現在NXTの実機とAndroid端末が手元にないので、エミュレーターで簡単なAndroidアプリを作って
みたいと思います。

App Inventorの動作に必要なJavaやブラウザの環境は既に条件を満たしていたため、
ここからMac用のApp Inventorのセットアップをダウンロードしてインストールを行いました。

以下からはApp Inventorでのテストアプリの作成手順です。
1.http://appinventor.googlelabs.comにアクセスし、プロジェクト画面を表示。
2.左上の「New」を押してテスト用のプロジェクトを作成。
3.BasicパレットからTextBoxとButtonをViewerにドラッグ&ドロップ。
4.TextBox1のProperties->Textに「Click!」を設定。
project.png

このUIの作成は、ブラウザ上で作成でき、Visual Basicのような感じです。
5.ブラウザ画面の「Blocks Editor is open」クリック
ブラウザ画面の「Blocks Editor is open」をクリックすると別画面が立ち上がります。
ただBlocks Editor はJava Web Startで開発されているため、初回はjnplというXMLファイルを
ダウンロードし、さらにjnplファイルを開くとアプケーションがダウンロードされるため、少し時間が
かかります。
6.Blocks Editor is openが立ち上がると、Androidを使うのかエミュレーターを使うのか
問い合わせがあるので、ここでは「Use the Emulator」を選択
7.Blocks Editorの画面右上の「Connect to device」をクリック
エミュレーター画面が別に立ち上がります。同期のためか立ち上がってからブラウザで
作成した画面が表示されるまでには数十秒程かかりました。
emulator1.png
8.Blocks Editorの左側のMy Blocksタブを選択
9.My Blocks下のButton1をクリックするとButton1のイベント用の条件ブロックが表示されるので、そこから
「when Button1.Click do」をドラッグ&ドロップ
10.MyBlock下のTextBox1をクリックし、表示されるブロックの一覧から「set TextBox1.Text to」ブロックをドラッグして「Button1.Click」のブロック上にドロップ。
11.画面左のBuilt-Inタブをクリック
12.下のTextを選択しブロックの一覧から「Text」ブロック選択して「TextBox1.Text」上にドロップ
13.「Text」ブロック上の下矢印を選択して「Text」を選択
14. 「Text」ブロック上でダブルクリックすると入力モードになるので、「Brick」を入力
blockseditor.png

15. エミュレーター画面のClickボタンをクリック。
TextBoxにBrickが表示されます。
emulator2.png

確かに簡単にプログラムができそうです。App Inventorはブラウザだけあれば開発できると思っていたので、iPadやGalaxy Tabでの開発を夢見ていました。がBlocks EditorがJavaアプリなのでiPadではまず無理、Galaxy Tabでも無理なようなので少々残念です。
スポンサーサイト


にほんブログ村 その他趣味ブログ LEGO・ブロックへ

コメントの投稿

非公開コメント

リンク
フリーエリア
プロフィール

Author:tsukuba.lego
●主な登場人物
koba : 会長. RCX, WeDo, NXT1.0, NXT2.0を持つ.
matk : 副会長. 2010年夏にNXT2.0を購入, 20年来のレゴ熱復活.
●会員募集中です!小学生から歓迎. 近日月1ぐらいで集まる予定.
mail:tsukuba.lego@gmail.com
YouTube (tsukubalego)
Twitter(tsukubalego)

カテゴリ
最新記事
最新コメント
月別アーカイブ
検索フォーム
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
最新トラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。