Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
IoTサービスのためのプロトタイピング・ワークショップ資料(第1回)
Search
ISHIGO Yusuke
PRO
August 29, 2018
Design
0
120
IoTサービスのためのプロトタイピング・ワークショップ資料(第1回)
ISHIGO Yusuke
PRO
August 29, 2018
Tweet
Share
More Decks by ISHIGO Yusuke
See All by ISHIGO Yusuke
2024年度参加希望者向けアプリ開発プロジェクト説明(名古屋文理大学)
yusk1450
PRO
0
7
プログラミング基礎#1(名古屋造形大学)
yusk1450
PRO
0
21
プログラミング基礎#2(名古屋造形大学)
yusk1450
PRO
0
26
プログラミング基礎#3(名古屋造形大学)
yusk1450
PRO
0
29
プログラミング基礎#4(名古屋造形大学)
yusk1450
PRO
0
76
こどもICT学級 人工知能(AI)ってなに?(2020/11/21)
yusk1450
PRO
0
4
こどもICT学級 人工知能(AI)ってなに?(2020/11/7)
yusk1450
PRO
0
4
2025年度 基礎演習(石郷ゼミ)紹介(名古屋文理大学)
yusk1450
PRO
0
23
2024年度アプリ開発プロジェクト紹介(名古屋文理大学)
yusk1450
PRO
0
49
Other Decks in Design
See All in Design
Night Shift (beginning sequence)
cpineda57
0
930
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
580
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.2k
Arborea Art Book
thebogheart
1
310
Карта реализации историй — убийца USM
ashapiro
0
260
portfolio
amitnk
1
160
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4k
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1k
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
510
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
200
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
530
Improve a service workshop
mastervicedesign
1
130
Featured
See All Featured
The Language of Interfaces
destraynor
154
24k
A Modern Web Designer's Workflow
chriscoyier
693
190k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
How GitHub (no longer) Works
holman
311
140k
GraphQLとの向き合い方2022年版
quramy
44
13k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
The Cult of Friendly URLs
andyhume
78
6.1k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Bash Introduction
62gerente
608
210k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Transcript
None
自己紹介 日本総合ビジネス専門学校 NIHON-CHUO Institution 2017.4- 合同会社4D Pocket 4D Pocket LLC.
2017.4- 石郷 祐介 ISHIGO Yusuke Programmer
周辺の障害物を計測する装置 靴についたセンサで周辺障害物を認識する装置(株式会社アップアローズ)
周辺の障害物を計測する装置 靴についたセンサで周辺障害物を認識する装置(株式会社アップアローズ)
周辺の障害物を計測する装置 靴についたセンサで周辺障害物を認識する装置(株式会社アップアローズ)
GPSで現在位置を取得し、指定した位置まで自動的に戻ってくる浮き輪 MADE IN FICTION
これまでインターネットとは無縁だった家電、自動車、家具等の『モノ』が 通信機能を持ち、情報収集や操作が可能になる仕組み IoT(Internet of Things)とは
IoT(Internet of Things)事例 ① 温湿度センサ サーモカメラ マイコン 確認用ディスプレイ カラーカメラ ロボットアームの電源ケーブルの温度を計測し記録するシステム
IoT(Internet of Things)事例 ① センシング部(カメラ) カラーカメラ サーモカメラ センシング部(本体) 温湿度センサ マイコン(ESP32)
サーバ MySQL Raspberry Pi Wifi × 200 ロボットアームの電源ケーブルの温度を計測し記録するシステム
IoT(Internet of Things)事例 ② 小松製作所(重機メーカー)
IoT(Internet of Things)事例 ③ アスクル株式会社(事務用品販売)
IoT(Internet of Things)事例 ④ トリプル・ダブリュー・ジャパン株式会社(ヘルスケア)
IoT(Internet of Things)事例 ⑤ 陣屋コネクト(旅館)
IoTに関わる立場 ユーザ オーガナイザー (ビジネスデザイナー) テクノロジー インベンター アセンブラー 要素技術の価値提案 技術要件の提示 要素技術の評価
プラットフォーマー 技術要望 サービス提案 (既存の枠組み) (新規技術) (現場の技術者) 技術仕様・価格の提示 製造進捗 (社内 or 社外)
micro:bit 機能一覧 独自プログラムを書き込むことができるワンボードマイコン(コンピュータ) 外部センサーや拡張ボードを接続することでカスタマイズ可能 ・LED(25個) ・ボタン(2個) ・加速度センサー ・明るさセンサー ・磁気センサー(電子コンパス) ・温度センサー
・無線通信機能(Bluetooth) 英国BBCが開発
プログラミング環境 Microsoftが開発したmicro:bitのプログラミング環境 1.用意されている機能を選択して右側の領域に置く 2.組み合わせてプログラミングする
LEDを光らせてみる micro:bitについているLED25個を自由な形に光らせてみる
ボタンを使ってみる ① Aボタンを押すと、LEDに表示されている数が増えるようにする 「変数を追加する」をクリックして「ボタンが押された回数」を追加する
変数 データを入れるための箱 「ボタンが押された回数」 「ボタンが押された回数」 100 100
ボタンを使ってみる ② Bボタンを押すと、数が0になるようにする
乱数を使ってみる micro:bitを振ると、0〜4の数字をランダムに表示する ▶ 乱数とは 実行するたびにランダムに変わる数字のこと。 ▶ 加速度センサーとは デバイスの速度変化を計測する装置。 近年ではスマホ等に標準搭載されている。
角度当てゲーム 加速度センサーは、通常重力(1G)を下向きに検知している。 これを利用することで、デバイスの傾きを求めることができる。 ▶ ピッチとロール デバイスが縦に回転することをピッチ、 横に回転することをロールと呼ぶ。 ▶ 加速度センサーの軸 加速度センサーには、X・Y・Zの3つの軸
があり、下から上方向の軸がZ軸。
磁気センサーを使う 磁石を近づけることで、LEDの明るさを変える ▶ 磁気センサー 磁界の大きさと向きを計測する装置。 地磁気を読み取ることで、コンパスとしても活用できる。
スピーカーを繋いで音を鳴らす micro:bitとスピーカーを繋いで、音を鳴らす ▶ 電気の流れ方 電気は「+(プラス)」から、「ー(マイナス)」に流れる。 電子工作では、「ー(マイナス)」のことを、GND(グランド)という。 3極フォーンプラグ GND L R
光テルミンを作ってみる micro:bitの明るさセンサーを使って、手をかざすと音が変わる楽器を作る ▶ テルミンとは ロシアの物理学者テルミンが開発した楽器。 アンテナに手を近づけることで、音を変化さ せる。世界最初の電子楽器。
micro:bitとクラウドの連携 micro:bit クラウドサービス (サーバ) (例)センサーの値をクラウドのデータベースに貯めたい × Wifi機能がない
micro:bitとクラウドの連携 micro:bit クラウドサービス (サーバ) (例)センサーの値をクラウドのデータベースに貯めたい シリアル通信 Wifi ESP32
ESP32 独自プログラムをインストールできる汎用マイコン(コンピュータ) Arduino互換 プロトタイピングによく使用される Arduino(オープンソースの汎用マイコン)と 同じ環境で開発できる。 ネット上の資料が流用可能。 高スペック CPUがデュアルコア、メモリが520KB (Arduino
UNOは2KB)。 BluetoothとWifiが標準で搭載されている。 低価格 1,500円程度で購入できる。 http://akizukidenshi.com/catalog/g/gM-11819/
micro:bitとESP32を繋いでみる
サーバに送信する 座席IDとon/offをmicro:bitから送信する
サーバに送信する 座席IDとon/offをmicro:bitから送信する デバイスを振るとonになる
サーバに送信する 座席IDとon/offをmicro:bitから送信する デバイスを振るとon/offを入れ替える
データ送信の仕方 (URL)?(パラメータ名1)=(シートID)&(パラメータ名2)=(0 or 1) http://xxxx/zzz.php?seat_id=1&on=1 フォーマット 例 URLの後ろに送るデータの名前とデータを入れる
IFTTT micro:bitから送信した情報を様々な外部サービスに結びつけることができる
IFTTT 何かのアクション(this)に、サービス(that)を結びつける
Webhooks Webhooksの設定を確認する
Webhooks Webhooksの設定を確認する
プロトタイピングメソッド アイデアからプロトタイプを制作する手法 Ϧαʔν ΞΠσΞ εέον ϖʔύʔ ϓϩτ ϏσΦ ϓϩτ ੍࡞
లࣔ
フェーズ1:リサーチ リサーチシート タイトル 制作者, 年 説明 Webサイト イメージ テーマ(例):人間とロボットの未来のコミュニケーション
フェーズ1:リサーチ(キーワード抽出)
フェーズ1:リサーチ(キーワード抽出)
フェーズ1:リサーチ(キーワード抽出)
フェーズ2:アイデアスケッチ
『スマートライフ』 テーマ