サイトの全体構成

RhoStudio で Android の GPS を動かしてみる

このページでは，次のことを行う．

RhoStudio を用いた RhoMobile アプリケーションの作成と起動

前準備

前準備として，下記のインストールが済んでいること．

JDK (Java Development Kit)のバージョン1.6.0_2以上と、Android SDK のインストールが終わっていること
→
- Windows: Windows でのAndroid Studio についての Web ページ
- Ubuntu: Ubuntu での Android Studio についての Web ページ
Android NDK のインストールが終わっていること
→
- Windows: Windows での Android NDK についての Web ページで説明している．
- Ubuntu: Ubuntu での Android NDK についての Web ページで説明している．
RhoMobile Studio または Rhodes のインストールが終わっていること
rhodes-setup の実行を忘れないこと
→
- Windows: Windows で RhoMobile Suite のインストールとテスト実行
- Ubuntu: Ubuntu で Rhodes を使ってみる

RhoMobile アプリケーションのひな形の作成

【外部ページへのリンク】 https://en.wikipedia.org/wiki/RhoMobile_Suite

Windows での RhoMobile アプリケーションのひな形の作成 (RhoStudioを使用)

RhoStudio を起動する
RhoMobile アプリケーション・プロジェクトの新規作成
1. 「File」→ 「New」→ 「Project」と操作する
2. RhoMobile application を選ぶ
3. プロジェクト名の設定
  ◆ この実行例では「storemanager」と設定している
4. プロジェクトが作成できたことの確認
Ubuntu での RhoMobile アプリケーションのひな形の作成 (コマンドライン)

◆ 作成手順例
- ファイルを置くディレクトリ: /var/tmp
- プロジェクト名: hoge
端末で次のように操作
```
cd /var/tmp
rhogen app hoge http://localhost:9292/hoge
```
RhoStudio を用いた RhoMobile アプリケーションの作成と起動

ビルド用の設定ファイルは build.yml である
1. build.yml に Android のバージョン, minSDK, Anroid エミュレータ名を設定
  - minSDK: 実際にインストール済みの Android SDK の最も古いバージョンに一致させておく（とトラブルが少ないようです）
    →　Ubuntu では「/usr/local/android-studio/sdk/tools/android」で確認できる（Android Studio をインストール済みのとき)
  - Android エミュレータ名: 実際に作成済みのエミュレータ名を設定する
    →　Ubuntu では「/usr/local/android-studio/sdk/tools/android avd」で確認できる（Android Studio をインストール済みのとき)
  ◆ 設定例（Android エミュレータ名は、実際にあわせて変更すること）
```
  version: 2.3.3
  minSDK: 10
  emulator: hogeavd
```
  ◆ Ubutnu でのエディタ画面
2. bulid.yml での GPS の設定
  GPS を使いたいので次のように設定する
  参考にしたWeb ページ（現存しない）: http://docs.rhomobile.com/rhodes/device-caps
```
capabilities:
- gps
```
  ◆ Ubutnu でのエディタ画面
3. Android SDK マネージャを起動し、「Force https://... sources to be fetched using http://... 」にチェックする
  Android SDK マネージャの起動は，Ubuntu では「/usr/local/android-studio/sdk/tools/android」（Android Studio をインストール済みのとき)
  以下、設定手順と Ubuntu での画面を示す．
  1. 「Tools」をクリックする
  2. 「Options」を選ぶ
  3. 「Force https://... sources to be fetched using http://... 」にチェックする
モデルとコントローラとビューの作成

◆ モデル

Windows でのモデルの作成 (RhoStudioを使用)
1. プロジェクトを右クリックし、「New」を選び、「RhoMobile model」を選ぶ
2. モデルを定義する ◆ この実行例では次のように設定している
  - モデル名: GPS
  - 属性名の並び: latitude,longitude
3. モデルが生成されたことを確認する
Ubuntu でのモデルの作成 (コマンドライン)
- モデル名: GPS
- 属性名の並び: latitude,longitude
```
cd /var/tmp
cd hoge
rhogen model GPS latitude,longitude
```
◆ コントローラ

app/GPS/g_p_s_controller.rb を書き換え
latidude は緯度, longitude は経度
```
require 'rho/rhocontroller'
require 'helpers/browser_helper'

class GPSController < Rho::RhoController
  include BrowserHelper

  # GET /GPS
  def index
    @latitude = GeoLocation.latitude
    @longitude = GeoLocation.longitude
    render :back => '/app'
  end

end
```
◆ ビュー
1. app/GPS/index.erb を書き換え
```
<div data-role="page">

    <div data-role="header" data-position="inline">
    <h1>GP</h1>
    <a href="<%= Rho::RhoConfig.start_path %>" class="ui-btn-left" data-icon="home" data-direction="reverse" <%= "data-ajax='false'" if is_bb6 %>>
      Home
    </a>
    </div>

  <div data-role="content">
      <p>latitude: <%= @latitude %></p>
      <p>longitude: <%= @longitude %></p>   
  </div>

</div>
```
2. app/index.erb の「Add link here」の部分を書き換え
  次のプログラムを記述する
```
<li>
    <a href="GPS">
        <span class="title">GPS</span>
    </a>
</li>
```
エミュレータでの実行 (Windows で RhoStudioを使用)
1. プロジェクトを右クリックし、「Run As...」を選び、「Run Configurations...」を選ぶ
2. 「RhoMoblie Application」を右クリックし、「New」を選ぶ
3. Android SDK のバージョンを指定して、「Apply」をクリック
4. 引き続き「Run」をクリック
5. シミュレータの画面が現れる
6. 「GPS」をクリックしてみる
本サイトは金子邦彦研究室のWebページである．
資料等の公開では，原則，「クリエイティブコモンズ BY NC SA」として公開するようにしている． PDFファイル，パワーポイントファイルなどには，「クリエイティブコモンズ BY NC SA」を明記するとともに，ロゴを記載するようにしている（作業が間に合っていない分もあるのでご容赦ください）．
公開している資料をご利用になる場合の，再配布の条件，剽窃の防止などについて，別ページ »で説明再配布や資料改変の際には，そのページをご確認ください．

サイトマップは，サイトマップのページをご覧下さい．本サイト内の検索は，サイト内検索のページをご利用下さい．

問い合わせ先：金子邦彦（かねこくにひこ）