Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

また、このチュートリアルではSDKのインストールディレクトリを${SDK_DIR}として記載します。

動作概要

...

htmliac_server_sample_appはiac_client_sample_appはhtml画面を表示するサンプルアプリです。
カメラの情報を取得し、html画面に表示させることもできます。

...

appと通信するサンプルアプリです。
iac_client_sample_appから周期的にメッセージを送信します。

...

動作に必要な外部ライブラリ

C/C++でビルドする場合は下記が必要です。

jquery-1.9.1.min.js

...

特になし。

サンプルアプリのディレクトリパス

...

C/C++のソースコードは下記に格納されています。

${SDK_DIR}/src/adamapp/htmliac_server_sample_app

...

サンプルアプリのビルド方法(C/C++)

下記の公式サイトから、jquery-1.9.1.min.js をダウンロードします。

https://jquery.com/

Info

必ず「jquery-1.9.1.min.js」と同じ名前のファイルをダウンロードしてください。サンプルアプリのソースコードでファイル名を指定しているため、同じ名前のファイルでないと動作しません。

下記に jquery-1.9.1.min.js を保存します。

${SDK_DIR}/src/adamapp/htmliac_client_sample_app/data/jquery-1.9.1.min.js

Pythonのソースコードはありません。

サンプルアプリのビルド方法(C/C++)

...

SDKのインストールディレクトリでビルド用環境設定ファイルの読み込みを実施します。

...

次にサンプルアプリのディレクトリに移動し、makeします。

Code Block
$ cd src/adamapp/iac_server_sample_app
$ make
$ cd src/adamapp/htmliac_client_sample_app
$ make

${SDK_DIR}/src/adamapp/iac_server_sample_app
${SDK_DIR}/src/adamapp/htmliac_client_sample_app
に.extファイルが作成されていれば成功です。

カメラにインストールします 

カメラに2つの.extファイルをインストールします(例:下記画像の緑枠からインストール可能)。作成した.extファイルを選択してインストールしてください。アプリ画面を開きます(下記画像の赤枠ボタン)。

...

 

下記画像のような、文字列が表示されていれば成功です。

...

サンプルアプリの使用方法

カメラの情報を取得し、html画面に表示させます。
起動した直後は下記が表示されますので、URLをコピーしてください。

...

下記の赤線の箇所、s_appData=0をs_appData=1に書き換え、s_appData=の後を削除します。

...

具体例を下記に示します。

http://192.168.0.10/cgi-bin/adam.cgi?Language=0&methodName=sendDataToAdamApplication&installId=69A3C2F5&s_appDataType=0&s_appData=e3tMYW5ndWFnZTowfX0%3D

http://192.168.0.10/cgi-bin/adam.cgi?Language=0&methodName=sendDataToAdamApplication&installId=69A3C2F5&s_appDataType=1&s_appData=

書き換えたURLをブラウザに貼り付けアクセスすると、下記のhtml画面が表示されます。
赤枠の文字列をクリックします。

...

下記画面が表示されるので、Get Process Time Information ボタンを押下します。

...

処理時間情報が表示されます。

...

OKボタンを押下し、Get Process Memory Information ボタンを押下します。

...

プロセスメモリ情報が表示されます。iac_client_sample_appのSetup>>ボタンを押下し、下記画面が表示されていれば成功です。

...

iac_server_sample_appのSetup>>ボタンを押下し、下記画面が表示されていれば成功です。

...

サンプルアプリの使用方法

...

このサンプルアプリでは、1秒周期でiac_client_sample_appからiac_server_sample_appにメッセージを送信しています。iac_server_sample_appの画面でF5キーを何度か押下するなどして、画面を更新してみてください。

...

ALOHA!! の後に続く数値が1秒周期で更新されるのがわかります。これはiac_client_sample_appがメッセージを送信しているために更新されるので、iac_client_sample_appを停止させてみます。

ADAM OPERATION UI を開いてください。ADAM OPERATION UIはこちらを参考に環境構築してください。
下記画像のピンク枠のボタン押下して、iac_client_sample_appを停止させます。

...

この状態でiac_server_sample_appを開いて、F5キーを何度か押下するなどして、画面を更新してみてください。

...

iac_client_sample_appからのメッセージ送信が停止されたため、ALOHA!! の後に続く数値が1秒周期で更新されなくなっていることが確認できます。