コモジラ研究所 ~共通課題~

Created Date: 2014-11-21/ updated date: 2018-03-13
    Owner & Collaborators
    License
    Summary
    Gluin を経由して、 Arduino のスイッチから Firefox OS アプリを動かすサンプルです。
    コモジラ研究所(http://co.mozillafactory.org/)のワークショップで共通課題として用いました

    Materials

      Tools

        Blueprints

          Making

          • Gluin を開き、ユーザー名とパスワード(全ユーザー共通)を入力する。
            • 右上の「ログイン」をクリックし、ユーザーごとのメールアドレスとパスワードを入力する。

              ※1(イチ)と l(エル)、0(ゼロ)とO(オー)の違いに注意!
            • 「デバイスから取得した値を、他のデバイスに渡す」をマイレシピに追加する。
              ※ 今回は、デバイスから取得した値(Arduino のスイッチの ON / OFF)を他のデバイス(Firefox OS アプリ)に渡すサンプルを作ります。
          • Firefox の右上のメニューボタンから [開発ツール] -> [WebIDE] を開く。

            ※ Firefox 32 以前の場合は [開発ツール] -> [アプリマネージャ] となり、これ以降の操作も異なります。
            • [アプリを開く] -> [パッケージ型アプリを開く] から、ダウンロードした "FxOS_Apps" フォルダを選択する。

              ※ Manifest に 'icons' 項目が足りません。 という警告が表示されますが問題ありません。
            • [ランタイムを選択] -> [Firefox OS 2.0] (バージョン番号は異なる場合があります)からシミュレータを起動する。

              ※ シミュレータがない場合は、[シミュレータをインストール] からインストールしてください。
            • 起動後、 [インストールして実行] (三角形のボタン)を押してシミュレータにアプリをインストールする。
          • 「Gluin Gateway for Arduino」をシミュレータ上で開く。
            • Settings タブから入力。
              • User Settings: Gluin のアドレスとパスワード
              • Server Settings: ws://gluin.kddi.com:8080/dx
              • Device Settings: デバイスの名前(Gluin 登録用)
            • Gluin に認識されない場合は…
              • ID・パスワードは正しいか?
              • Gluin のセッションは切れてないか?(15分操作しないと自動的にログアウトされます!
              • シミュレータを再起動すると解決する場合があります
          • 通信アプリの Devices タブから、Arduino のスイッチの情報を以下のように設定する。
            • Type:Boolean
            • Mode:Read Only
            • Direction:Up Only
            • Arduino Pin:Arduino のピン番号(回路図の通りなら 13)
            • [Register] ボタンでデバイス情報を Gluin に登録し、 [START] で同期を開始する。
          • 通信アプリと同様に、 webIDE から "FxOS_Apps/Hello_World" フォルダを選択する。
            • シミュレータを立ち上げた状態で三角形のボタンを押してアプリをインストールする。
            • シミュレータで Hello World アプリを開き、 Settings に以下を入力する。
              • User Settings: Gluin のアドレスとパスワード
              • Server Settings: ws://gluin.kddi.com:8080/dx
            • [Register] を押して Gluin に登録されれば OK。
              アプリが動くまであと少し!
          • 最初に作った空のレシピを選択する。
            • デバイスリストから [ArduinoGW] (通信アプリに設定した名前)を選択し、[Switch1] をドラッグ & ドロップで矢印の根元に配置する。
            • 更新ボタンを押し、 [起動する] のスイッチを入れれば準備完了!
          • シミュレータで Hello world アプリを開き、Arduino のスイッチを押してみましょう。
            黒い部分が点灯し、"Hello, world" と音声が流れれば成功です。
            • うまくいかない場合は、
              Arduino -> シミュレータ(通信アプリ) -> Gluin -> シミュレータ(Hello world アプリ)
              という道のりのどこに原因があるか切り分ける必要があります。
              以下を順に確認してみてください。
            • 通信アプリ上で、スイッチの value 欄にスイッチの状態が表示されていれば正常です。
              表示がない場合…
              • 回路は正しいか?
              • [Arduino Pin] の値は接続ピンと同じか?
              • Arduino Proxy は動かしているか?
            • スイッチを押したときに Gluin レシピのアイコンが光れば正常です。
              変化がない場合…
              • 通信アプリの [START] は押されているか?
              • レシピは起動しているか?
              • Gluin のセッションは切れていないか?(15分でタイムアウトします!)
            • スイッチを押したときにアプリの黒い画面が点灯すれば正常です。
              何も起きない場合…
              • Gluin に正しく Hello world アプリが登録されているか?
              • シミュレータを再起動してみる
          Add Card Order

          References

            Usages

            • 以下のような拡張をしてみましょう!
              • 入力に他のセンサーを使ってみる
              • 出力に LED などを使ってみる
              • Gluin のレシピを自作して、複雑な入出力を制御する

            Project comments