Slide 1

Slide 1 text

© 2019 OPTiM Corp. ‹#› © 2019 OPTiM Corp. 株式会社 OPTiM 技術統括本部 プラットフォーム技術戦略室 青木 OPTiM Cloud IoT OS でIoTはじめました

Slide 2

Slide 2 text

© 2019 OPTiM Corp. ‹#› © 2019 OPTiM Corp. 株式会社 OPTiM 技術統括本部 プラットフォーム技術戦略室 青木 OPTiM Cloud IoT OS 実践 Web Application with IoT

Slide 3

Slide 3 text

© 2019 OPTiM Corp. 3 © 2019 OPTiM Corp. 自己紹介 青木 株式会社OPTiM 技術統括本部 プラットフォーム技術戦略室 PoC案件, CloudIoTOSと連携したアプリケーション Work Favorite ピアノ, カメラ, 電子工作, 旅行 ,etc…. Status 19年度新卒エンジニア

Slide 4

Slide 4 text

© 2019 OPTiM Corp. 4 © 2019 OPTiM Corp. 自己紹介 青木 株式会社OPTiM 技術統括本部 プラットフォーム技術戦略室 第2種電気工事士 アマチュア無線技士4級 日商簿記3級 基本情報技術者 [陸,海]特殊無線技士 Etc… 取得資格

Slide 5

Slide 5 text

© 2019 OPTiM Corp. 5 © 2019 OPTiM Corp. これまで触ったもの、最近触ってるもの (他色々)

Slide 6

Slide 6 text

© 2019 OPTiM Corp. 6 © 2019 OPTiM Corp. TECH BLOGも執筆してます。 TECH BLOGも執筆してます。

Slide 7

Slide 7 text

© 2019 OPTiM Corp. 7 目次  自己紹介  やりたいこと • 詳細な流れ • CIOSの特徴とメインに使うこと  やったこと  さいごに

Slide 8

Slide 8 text

© 2019 OPTiM Corp. 8 今回やりたいこと

Slide 9

Slide 9 text

© 2019 OPTiM Corp. 9 © 2019 OPTiM Corp. Device Web Sensor Data

Slide 10

Slide 10 text

© 2019 OPTiM Corp. 10 © 2019 OPTiM Corp. その後… Web Sensor Data Device

Slide 11

Slide 11 text

© 2019 OPTiM Corp. 11 © 2019 OPTiM Corp. Device Web Sensor Data よくあるIoTでやりたいこと No:1 (私調べ)

Slide 12

Slide 12 text

© 2019 OPTiM Corp. 12 © 2019 OPTiM Corp. これらを実現するためには

Slide 13

Slide 13 text

© 2019 OPTiM Corp. 13 © 2019 OPTiM Corp. Device Web WebSocket Server DB Server Machine Auth

Slide 14

Slide 14 text

© 2019 OPTiM Corp. 14 © 2019 OPTiM Corp. Device Web WebSocket Server DB Server Machine Auth 見るべき人にのみ公開

Slide 15

Slide 15 text

© 2019 OPTiM Corp. 15 © 2019 OPTiM Corp. Device Web WebSocket Server DB Server Machine Auth 多数のユーザのデバイス からのアクセス

Slide 16

Slide 16 text

© 2019 OPTiM Corp. 16 © 2019 OPTiM Corp. Device Web WebSocket Server DB Server Machine Auth スケーラブルな実装

Slide 17

Slide 17 text

© 2019 OPTiM Corp. 17 © 2019 OPTiM Corp. Device Web WebSocket Server DB Server Machine Auth

Slide 18

Slide 18 text

© 2019 OPTiM Corp. 18 © 2019 OPTiM Corp. Device Web Sensor Data できればココ以外は考えたくない

Slide 19

Slide 19 text

© 2019 OPTiM Corp. 19 © 2019 OPTiM Corp. Device Web WebSocket Server DB Server Machine Auth ここの代わりになるのが

Slide 20

Slide 20 text

© 2019 OPTiM Corp. 20 © 2019 OPTiM Corp.

Slide 21

Slide 21 text

© 2019 OPTiM Corp. 21 © 2019 OPTiM Corp.

Slide 22

Slide 22 text

© 2019 OPTiM Corp. 22 © 2019 OPTiM Corp. 詳しく説明すると時間が足りなくなっちゃうので

Slide 23

Slide 23 text

© 2019 OPTiM Corp. 23 © 2019 OPTiM Corp. 今回利用する部分を重点的にお話します

Slide 24

Slide 24 text

© 2019 OPTiM Corp. 18 © 2019 OPTiM Corp. SensorData Visualize SensorData Visualize Publish Subscribe

Slide 25

Slide 25 text

© 2019 OPTiM Corp. 25 © 2019 OPTiM Corp. SensorData Visualize SensorData Visualize ACL Datastore Etc…

Slide 26

Slide 26 text

© 2019 OPTiM Corp. 26 © 2019 OPTiM Corp. SensorData Visualize ACL Messaging PubSub Datastore Etc…

Slide 27

Slide 27 text

© 2019 OPTiM Corp. 27 いざ、実践

Slide 28

Slide 28 text

© 2019 OPTiM Corp. 28 © 2019 OPTiM Corp. まずは、ここの設定から 時間あるかな???

Slide 29

Slide 29 text

© 2019 OPTiM Corp. 29 © 2019 OPTiM Corp. 必要なAPIスコープ のみ許可 Clientタイプ : Client リソースオーナー:自分 OAuthClientの作成 ※自分のアカウントでログインしてます

Slide 30

Slide 30 text

© 2019 OPTiM Corp. 30 © 2019 OPTiM Corp. Messaging : 有効 リソースオーナー:自分 チャネルの作成 Datastore : 無効 ※今回はデータを蓄積しないため。 ※自分のアカウントでログインしてます

Slide 31

Slide 31 text

© 2019 OPTiM Corp. 31 © 2019 OPTiM Corp. Channel Publish Subscribe チャネルの動作 複数人

Slide 32

Slide 32 text

© 2019 OPTiM Corp. 32 © 2019 OPTiM Corp. Channel Publish Subscribe チャネルの動作 複数台

Slide 33

Slide 33 text

© 2019 OPTiM Corp. 33 © 2019 OPTiM Corp. Channel Pub Sub Pub Sub チャネルとの関係性 * : 1 : *

Slide 34

Slide 34 text

© 2019 OPTiM Corp. 34 © 2019 OPTiM Corp. 次はデバイスの設定

Slide 35

Slide 35 text

© 2019 OPTiM Corp. 35 © 2019 OPTiM Corp. 1.Token Request 2.Websocket Connect 3.Publish Data 流れ

Slide 36

Slide 36 text

© 2019 OPTiM Corp. 36 © 2019 OPTiM Corp. 1.Token Request 2.Websocket Connect 3.Publish Data 流れ OAuth Clientを利用

Slide 37

Slide 37 text

© 2019 OPTiM Corp. 37 © 2019 OPTiM Corp. 1.Token Request 2.Websocket Connect 3.Publish Data 流れ OAuth Clientを利用 Channel ID + Token

Slide 38

Slide 38 text

© 2019 OPTiM Corp. 38 © 2019 OPTiM Corp. 1.Token Request 2.Websocket Connect 3.Publish Data 流れ OAuth Clientを利用 Channel ID + Token

Slide 39

Slide 39 text

© 2019 OPTiM Corp. 39 © 2019 OPTiM Corp. ※最小構成なので注意

Slide 40

Slide 40 text

© 2019 OPTiM Corp. 40 © 2019 OPTiM Corp. Token Channel CIOS FQDN Message Publish => ※最小構成なので注意

Slide 41

Slide 41 text

© 2019 OPTiM Corp. 41 © 2019 OPTiM Corp. 最後にWebApplication

Slide 42

Slide 42 text

© 2019 OPTiM Corp. 42 © 2019 OPTiM Corp. デバイスと同じ要領で JavascriptによるWebsocket通信を行います

Slide 43

Slide 43 text

© 2019 OPTiM Corp. 43 © 2019 OPTiM Corp. ※最小構成なので注意

Slide 44

Slide 44 text

© 2019 OPTiM Corp. 44 © 2019 OPTiM Corp. ※先程のコードだけでは動 きません

Slide 45

Slide 45 text

© 2019 OPTiM Corp. 45 © 2019 OPTiM Corp. Channel Pub Sub Pub Sub チャネルとの関係性 ということは・・・

Slide 46

Slide 46 text

© 2019 OPTiM Corp. 46 © 2019 OPTiM Corp. Channel Pub Sub Pub Sub チャネルとの関係性 ブラウザ同士でも利用できます

Slide 47

Slide 47 text

© 2019 OPTiM Corp. 47 © 2019 OPTiM Corp. ※先程のコードだけでは動 きません 相手側 自分

Slide 48

Slide 48 text

© 2019 OPTiM Corp. 48 © 2019 OPTiM Corp. Device Web Sensor Data できた!!!

Slide 49

Slide 49 text

© 2019 OPTiM Corp. 49 さいごに

Slide 50

Slide 50 text

© 2019 OPTiM Corp. 50 © 2019 OPTiM Corp. • IoTって結構たいへん • 基盤さえあれば簡単に実装は出来る • Messaging PubSubは使いようによって化ける • 繋がるのは楽しい!! 感想

Slide 51

Slide 51 text

© 2019 OPTiM Corp. 51 © 2019 OPTiM Corp. • IoTって結構たいへん • 基盤さえあれば簡単に実装は出来る • Messaging PubSubは使いようによって化ける • 繋がるのは楽しい!! 感想 一緒にIoTデビューしましょう!

Slide 52

Slide 52 text

© 2019 OPTiM Corp. ‹#› © 2019 OPTiM Corp.