(Microsoft PowerPoint - Bluemix\221\314\214\261\211\357\203e\203L\203X\203g.pptx)

Size: px

Start display at page:

Download "(Microsoft PowerPoint - Bluemix\221\314\214\261\211\357\203e\203L\203X\203g.pptx)"

まれあきちや
4 years ago
Views:

1 ABC Hackathon 参加者向け IBM Bluemix 体験会テキスト 1

2 デバイスやセンサーのデータを扱うマシン / センサーデータを取得データを利る / 監視するビジュアライズ正常値異常値の把握アクションためるデータを分析 2

3 本日の内容 0. 事前準備 1. Bluemix の基本操作データベースサービスを使用したアプリケーション実環境の構築 2. Internet of Things アプリケーションを作成するセンサーからのデータをプログラミングレスで利 3

4 事前準備編 1. Bluemix 利登録 2. Cloud Foundry CLI 導入 4

5 1. IBM Bluemix 利登録にアクセスしますガイドに従ってサインアップします登録したアドレスに IBM Bluemix よりメールが届きますメール本文内のリンクをクリックすることでアカウントの有効化がわれます必ずこのステップを実施し Bluemix にログインできることを事前に確認ください 5

6 Bluemix へログインまず初めに Bluemix にログインします Web ブラウザを起動し Bluemix にアクセスします下記 URL をします表示された画面右上のログインをクリックします IBM ID パスワードをしてサインインボタンをクリックしますログインが成功すると Bluemix の Dashboard が表示されます 6

7 作業する地域を確認する Bluemix は米国南部と英国の 2 つの地域で稼動しています上部メニューの地域をクリックすることで稼動する環境を選択することができます今回は国南部を利します地域が国南部になっていることを確認してください英国になっている場合は地域をクリックして米国南部を選択してください 7

8 [ 補足 ] 米国南部選択時のポップアップへの対応方法米国南部を選択した際にスペースを作成するように指示するポップアップウィンドウが表示された場合は任意の名前をし作成をクリックしてください本資料ではスペース名として dev を使用します 8

9 [ その 1] Bluemix の基本操作データベースサービスを使用したアプリケーション実環境の構築 9

10 ハンズオン手順アプリケーション実環境の構築サービスの追加アプリケーション実環境の詳細 10

11 アプリケーション実環境の構築 (1/3) 1. 上部メニューのカタログにて作成するアプリケーションの実環境を選択しますランタイムカテゴリから Node.js による JavaScript の実環境を選択します 2. アプリケーション名とホスト名を指定して作成ボタンをクリックします任意の名前を指定します重複しているとエラーになるのでユニークな名称を指定してください 11

12 アプリケーション実環境の構築 (2/3) 3. 上部メニューのダッシュボードをクリックし作成中のアプリケーションを選択します 30 秒ほどでインスタンスの作成および起動が完了します画面右端のアプリの正常性のステータスが赤色から緑色に変わりアプリは稼動していますのメッセージが表示されたことを確認してくださいこれだけの手順で Node.js の実環境が構築できましたアプリの正常性のステータスが変わらない場合は Web ブラウザのリロード (F5 キー ) をお試しください 12

13 アプリケーション実環境の構築 (3/3) 4. それではサンプルとして意されたスターターアプリケーションを実してみましょうアプリケーションの経路 : のリンクをクリックすると作成された Node.js 上で JavaScript のスターターアプリケーションが動いていることが確認できます 13 この例ではにアクセスしています

14 サービスの追加 (1/2) 1. 上部メニューのカタログをクリックしカタログからアプリケーションと連携させたいサービスを選択しますここでは先ほど作成した Node.js の実環境に SQL Database(DB2) のサービスを追加してみましょう 2. サービスを追加するアプリケーションを指定し作成ボタンをクリックします ( アプリケーションの選択で先ほど作成したアプリ名を指定します ) SQL Database のサービス名やプランはデフォルトのままで OK です 14

15 サービスの追加 (2/2) 3. アプリケーションの再起動 ( 再ステージ ) の確認があります OK ボタンをクリックします 4. 約 20 秒ほどでサービスの追加が完了しますアプリケーションの概要画面の下部に SQL Database サービスが表示されることを確認してくださいたったこれだけの手順でアプリケーションからデータベースが使用できるようになりましたアプリの正常性のステータスが変わらない場合は Web ブラウザのリロード (F5 キー ) をお試しください 15

16 アプリケーション実環境の詳細 (1/4) リソースの動的追加アプリケーションの概要の画には実環境が使するリソース情報が表示されていますここで実環境のリソース変更が可能ですインスタンス : 3 メモリー : 384MB と指定して保存をクリックします再起動後リソースが拡張されていることを確認してください 16

17 アプリケーション実環境の詳細 (2/4) リソースの動的追加左端のメニューから SDK for Node.js を選択しますページ上部で CPU やメモリーの使率などインスタンスの詳細情報が確認できます先程インスタンスを増やしたのでリストには 3 が表示されています今度はリソースの縮退をってみましょうインスタンス : 1 メモリー : 64MB と指定して保存をクリックしますリソースは増やすだけでなく減らすこともできることを確認してください画の切り替えがうまくいかない場合は Web ブラウザのリロード (F5 キー ) をお試しください 17

18 アプリケーション実環境の詳細 (3/4) ファイル / ログの参照左端のメニューからファイルとログを選択します実環境のファイルシステム上にあるアプリケーションファイルやログファイルを参照したりダウンロードしたりすることができます画の切り替えがうまくいかない場合は Web ブラウザのリロード (F5 キー ) をお試しください 18

19 アプリケーション実環境の詳細 (4/4) 環境変数の参照 SDK for Node.js ページの下部にて実環境に設定されている環境変数の情報が確認できます ( 環境変数を新しく追加することも可能です ) 連携に必要となる情報は自動的に環境変数にセットされるのでアプリケーションはこれらの環境変数の値を取得してサービスにアクセスします SQLDatabase 接続の場合 IP アドレス, ポート番号, DB 名, username, password などが環境変数としてセットされます Bluemix では Web ブラウザからアプリケーション実環境の構築やサービスのバインド様々な運用管理作業ができることを確認いただきましたお疲れ様でした! 19

20 [ その2] Internet of Things アプリケーションを作成する 20

21 ハンズオン手順ボイラープレートでアプリケーションを作成する Node-RED で IoT アプリを作成するデプロイされたアプリケーションを確認する 21

22 ハンズオンの概要 Internet of Things のボイラープレート ( 後述 ) を使用してクラウド上のセンサーシミュレーターのデータを活用しますボイラープレートに含まれる Node-RED というツールを用いてセンサーデータ ( 温度湿度など ) を活用する IoT アプリをノンプログラミングで作成しますセンサーシミュレーター 22

23 ボイラープレートでアプリケーションを作成する (1) Bluemix には予めランタイムやサービスを組み合わせたボイラープレートというテンプレートが用意されていますこれを利することで簡単に Bluemix アプリケーションを開発することができます Bluemix のカタログメニューにボイラープレートを確認してください各ボイラープレートをクリックするとそれがどのランタイムサービスを組み合わせたものか説明されています 23

24 ボイラープレートでアプリケーションを作成する (2) Internet of Things Foundation をクリックしますこのボイラープレートは以下のコンポーネントから構成されていることが分かります - SDK for Node.js - Cloudant NoSQL DB 次のようにし作成ボタンをクリックします名前 : iotsample+ 末尾に任意の字列ホスト : 上記の名前がコピーされる 24

25 ボイラープレートでアプリケーションを作成する (3) 左上のダッシュボードに戻るをクリックしますダッシュボードに iotsample アプリケーションと Cloudant NoSQL DB のサービスが追加されることを確認します iotsample アプリケーションの状態が信号になるのを待ち右下のリンクアイコンをクリックします 25

をインターネットに接続しお互いに情報をやりとりすることで新しい価値をみ出す概念です Node-RED は IoT のフローを構築するためのビジュアルツールで

26 Node-RED で IoT アプリを作成する (1) Node-RED のページが表示されます Go to your Node-RED flow editor ボタンをクリックし Node-RED フローエディターを起動します IoT (Internet of Things) は家電動ウェラブルデバイスなどあらゆるモノをインターネットに接続しお互いに情報をやりとりすることで新しい価値をみ出す概念です Node-RED は IoT のフローを構築するためのビジュアルツールで開発したシステムを簡単に Bluemix にデプロイすることが可能になっていますここでは温度センサーにより取得したデータによって処理を変えるような IoT システムを作成していきます 26 クリック

27 Node-RED で IoT アプリを作成する (2) ここでは Node-RED で接続するセンサーの情報を取得します Web ブラウザーの新しいタブを開き ibm.biz/iotsensor に接続します IoT Sensor は IoT Cloud に接続するデバイスをエミュレートし気温湿度物体温度の情報を発信 (publish) することができます右上に当デバイスの MAC アドレスが表示されるのでメモしておきますタブは開いたままにしておいてください後ほど使用します 27

28 Node-RED で IoT アプリを作成する (3) Node-RED フローエディターによって IoT アプリの処理フローを定義しますサンプルのフローが以下のようにあらかじめ定義されているためそれらを削除してからハンズオンをすすめますフローの削除はマウスでシフトキーを押しながら全ノードを選択しキーボードの Delete ボタンを押します 28

Node-RED で IoT アプリを作成する (4) 先ず温度データの元である IoT Sensor のノードを定義します左のパレットの inputs:ibmiot を中央のキャンバスにドラッグドロップしダブルクリックします Edit ibmiot in node のダイアログボックスで以下のようにします

29 Node-RED で IoT アプリを作成する (4) 先ず温度データの元である IoT Sensor のノードを定義します左のパレットの inputs:ibmiot を中央のキャンバスにドラッグドロップしダブルクリックします Edit ibmiot in node のダイアログボックスで以下のようにします Authentication: Quickstart Input Type: Device Event Device Id: xxxxxxxxxxx ( ここで xxxxxxxxxxx は IoT Sensor の MAC アドレスを小文字にしてコロンを削除した字列 ) Name: IoT Sensor Ok ボタンをクリックします 29

30 Node-RED で IoT アプリを作成する (5) 次に IoT Sensor のデータから温度データを取り出す function ノードを定義しますパレットの functions:function をキャンバスにドラッグドロップしダブルクリックします Edit function node のダイアログボックスで以下のようにします Name: temp Function: return {payload:msg.payload.d.temp}; Ok ボタンをクリックします IoT Sensor と temp をマウスでつないでリンクします 30

31 Node-RED で IoT アプリを作成する (6) 次に温度データの条件分岐を指定する switch ノードを定義しますここでは温度 40 度以下と 40 度超で分岐するよう設定しますパレットの functions:switch を中央のキャンバスにドラッグドロップしダブルクリックします Edit switch node のダイアログボックスで以下のようにします Name: temp thresh 分岐条件に以下のようになるように追加 ( +rule ボタンをクリックして追加 ): if msg.payload <= 40 > 40 Ok ボタンをクリックします temp と temp thresh をリンクします 31

Node-RED で IoT アプリを作成する (7) 次に条件ごとの処理を指定する template ノードを定義しますここではメッセージ出をそれぞれ設定しますパレットの functions:template を 2 つキャンバスにドラッグドロップします 1 つ目の Edit template node のダイアログボックスをダブルクリックし以下のようにします Name:

32 Node-RED で IoT アプリを作成する (7) 次に条件ごとの処理を指定する template ノードを定義しますここではメッセージ出をそれぞれ設定しますパレットの functions:template を 2 つキャンバスにドラッグドロップします 1 つ目の Edit template node のダイアログボックスをダブルクリックし以下のようにします Name: safe Template: Temperature ({{payload}}) within safe limits Ok ボタンをクリックします 2 つ目の Edit template node のダイアログボックスには以下のようにします Name: danger Template: Temperature ({{payload}}) critical Ok ボタンをクリックします右図のようにリンクします 32

のダイアログボックスで以下のようにします Output: message property を選択 to: debug tab

33 Node-RED で IoT アプリを作成する (8) 最後に処理結果をモニター出するための debug ノードを定義しますパレットの outputs:debug をキャンバスにドラッグドロップしダブルクリックします Edit debug node のダイアログボックスで以下のようにします Output: message property を選択 to: debug tab Name: cpu status Ok ボタンをクリックします template と cpu status を右図のようにリンクします 33

34 Node-RED で IoT アプリを作成する (9) これまでのステップで下図のようなフローができあがります右上の Deploy ボタンをクリックしアプリケーションをデプロイします上部に Successfully deployed と表示されれば Bluemix へのデプロイは成功です右側のサイドバーを debug タブに切り替えます ( 必要に応じ右側にウィンドウが表示されるよう操作します ) 34

されることを確認します IoT Sensor の温度を上げて 40 度を超えると Temperature (xx) critical と出

35 デプロイしたアプリケーションを確認する別タブで開いておいた IoT Sensor の印ボタンをクリックし温度を変更します IoT Sensor の温度が debug タブに出され 40 度以下のときは Temperature (xx) within safe limits と出されることを確認します IoT Sensor の温度を上げて 40 度を超えると Temperature (xx) critical と出されることを確認します 35 Node-RED を使いビジュアルにインターネット上のデバイスをワイヤリングし Bluemix の node.js 上にデプロイする手順を確認しましたお疲れ様でした!

36 IoT アプリの拡張を考えるハンズオンではモニターに画出し稼動を確認するまでにとどめていますが Node-RED を使して様々に変更することが可能です Input/output を組み合わせ特定の条件を満たすデータを受け取ったら担当者に通知するといったものからコーディングを追加してより度なものにすることも可能です詳細は以下のサイトをご覧くださいチュートリアル Arduino Uno と IBM IoT Foundation を利してクラウド対応の温度センサーを作成する ( 全 4 回 ) ary/cl-bluemix-arduino-iot1/index.html 36

37 補足 CloudFoundry コマンドラインインターフェースのセットアップ 37

38 3. Cloud Foundry CLI 導入 (1) コマンドベースで Bluemix を操作するために Cloud Foundry の CLI ( コマンドラインインターフェース ) を導入します undry/cli にアクセスします下にスクロールし Downloads セクションの Stable Installers から環境に合ったモジュールをダウンロードし導入します 38

39 3. Cloud Foundry CLI 導入 (2) cf コマンドが実可能であることを確認しますコマンドプロンプトで cf と実するとコマンドのヘルプが表されます 39 cf コマンドが認識されない場合は導ディレクトリーにパスが通っているかどうかを確認してください

IBM Bluemix ハンズオン・セミナー

IBM Bluemix ハンズオン・セミナー IBM Bluemix ハンズオンセミナー 1 ハンズオンの内容 0. 事前準備 1. Bluemix の基本操作データベースサービスを使用したアプリケーション実行環境の構築 2. クラウド上でのアプリケーション開発 IBM DevOps Services を使用した開発とデプロイ 3. Buildpack を使用した言語環境の拡張オープンコミュニティの Buildpack の活用 4. Internet