Node-RED and Bluemix for building apps easily

Flow Based Programing Meetup #1

Transcript

1. Node-RED × Bluemixを使って かんたんプログラミング
2. Speaker's profile
3. Taiji HAGINO Developer Advocate IBM Japan BlueHub taiponrock スタートアップ⽀援 技術サポート イベント・コミュニティ パートナー連携
5. Flow based programing
6. What is Node-RED
7. 1. HWデバイスとつなげられるよ 2. APIやオンラインサービスとつなげられるよ 3. スクリプトを直に書くことももちろんできちゃうよ 4. これらの処理を全部フローで組み⽴てられちゃうよ
8. What is Bluemix
9. 1. IBMのクラウド基盤だよ 2. アプリの構築・管理・実⾏が簡単にできるよ 3. インフラレイヤーも簡単に構築できちゃうよ 4. もちろんNode-REDもすぐに使えるよ
10. 実例を⽤いて、Node-RED × Bluemix の便利さ・簡単さを説明！
11. Introduction
12. 12 IBMが提供する2つのテクノロジー Bluemix上でNode-REDが動かせる Node-REDからWatson APIを呼び出せる IBM Bluemix 迅速なアプリケーション開発、管理と実⾏を 実現するクラウド 豊富な「API」「サービス」を提供 コグニティブ・コンピューティングの 中核となるテクノロジー 理解 推論 学習 IBM Bluemix STT TTS NLC R&R DoC Dialog ⾃然⾔語処理 ⾳声 ⽇本語Watson APIs ⾃然⾔語分 類 検索および ランク付け ⽂書変換 対話 ⾳声認識 ⾳声合成 Watson サービス
13. いまさらですが Internet of Things
14. Internet of Things Device Gateway Platform Analytics Application Security
15. Device Gateway Platform Analytics Application Security TI Sensor Tag Smart Phone Bluemix/Node-RED Twitter 今回はこんな感じで⾏きます
16. Sensor Device
18. Ambient Temperature : 周囲温度(気温) Object Temperature : 物体の温度(IR温度) Humidity : 湿度 Barometric Pressure : 気圧 Accelerometer : 加速度 Gyroscope : ジャイロスコープ(傾き) Magnetometer : 磁⼒計 Luxmeter : 光量 こんなデータが取れます
19. Gateway
20. Gatewayにはスマホを使おう！ ＋
21. デバイスからデータ受け取って MQTTで放り投げるアプリを準備 アプリ
22. ▪スタートアプリのソースコード https://git.ti.com/sensortag-20-android ▪センサータグの製品情報 http://www.ti.com/ww/en/wireless_connectiv ity/sensortag2015/?DCMP=sensortag2&HQS= ep-con-lprf-sensortag2-conw-lp-sensortag-en 参考
23. え！？Gitのコードを元にアプリ作んの？？
24. え！？Gitのコードを元にアプリ作んの？？
25. ⼤丈夫、もうあるよ♪
26. SimpleLink アプリをインストール
27. アプリを起動したらデバイスの信号をON！ Click here! Click here!
28. アプリでデバイスIDが確認できる
29. TI Sensor Tag Smart Phone Bluemix/Node-RED BLE Internet
30. Node-RED
31. IBM Bluemix上で Node-REDを使いましょう！
32. カタログを選択
33. Node-RED Starterを選択
34. アプリを作成
35. ⾃動でステージング
36. アプリ実⾏開始完了！
37. エディタへのログインユーザーとパスワードを設定
38. Node-RED flow editor を開く
39. センサー値をログ出⼒
40. デフォルトでは1秒間隔で センサーデータを送信 BLE
41. 「ibmiot」を設定 デバイスIDを指定
42. 「debug」を設定して線をつなぐ
43. こんな感じでまずはログ出⼒
44. さっきのはそのままで新たに「function」を設定 var gyroX = msg.payload.d.gyro_x; var gyroY = msg.payload.d.gyro_y; var gyroZ = msg.payload.d.gyro_z; msg.payload = { x: gyroX, y: gyroY, z: gyroZ } return msg; ジャイロ値だけに絞込み
45. 値がEmptyに。。。
46. 新しいSimple Linkアプリでは変数名が変更されてた！ var gyroX = msg.payload.d.gyro_x; var gyroY = msg.payload.d.gyro_y; var gyroZ = msg.payload.d.gyro_z; msg.payload = { x: gyroX, y: gyroY, z: gyroZ } return msg; var gyroX = msg.payload.d.gyroX; var gyroY = msg.payload.d.gyroY; var gyroZ = msg.payload.d.gyroZ; msg.payload = { x: gyroX, y: gyroY, z: gyroZ } return msg;
47. こちらも新たにもう⼀つ「debug」を設定して線をつなぐ
48. センサー値をTweet
49. 1秒おきにツイートされたら鬱陶しい
50. 「delay」を設定 → 1分おき その間のデータはオミット
51. Twitterの連投規制を回避するため「function」を設定 var gyroX = msg.payload.d.gyroX; var gyroY = msg.payload.d.gyroY; var gyroZ = msg.payload.d.gyroZ; msg.payload = new Date().getTime()+ “[bot] Data has received from CC2650” + “X:” + gyroX + “Y:” + gyroY + “Z:” + gyroZ; return msg; ツイート本⽂にタイムスタンプ を付ける事で連投規制を回避
52. 「twitter」を設定
53. 作成、編集後に未デプロイの ノードには⻘丸が 忘れずにデプロイを！
54. 完成
55. Twitterを確認
56. Good Luck C
57. For more information IBM BlueHub official website www.ibm.com/ibm/jp/bluehub/ IBM BlueHub official Facebook www.facebook.com/IBMBlueHub 57