Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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.