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
Smart Studio
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
jinqian
June 11, 2015
Technology
0
180
Smart Studio
Presented @ Breizhcamp 2015 #IoT
jinqian
June 11, 2015
Tweet
Share
More Decks by jinqian
See All by jinqian
KotlinConf 2019 | Bridge the physical world: Kotlin/Native on Raspberry Pi
jinqian
2
310
Bridge The Physical World: Kotlin Native on Raspberry Pi
jinqian
0
3.3k
From TensorFlow to ML Kit: Power your Android application with machine learning
jinqian
0
1.1k
From TensorFlow to ML Kit: power your mobile application with machine learning
jinqian
0
120
Play Rock-Paper-Scissors-Spock-Lizard with your Android Things
jinqian
0
510
EPF IoT class 2018
jinqian
0
120
ML Kit in Action
jinqian
1
450
From ProGuard to R8: take care of your byte code
jinqian
6
2.4k
[DroidCon London] Heat the neurons of your smartphone with Deep Learning
jinqian
0
440
Other Decks in Technology
See All in Technology
Agile Leadership Summit Keynote 2026
m_seki
1
560
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
220
AI駆動PjMの理想像 と現在地 -実践例を添えて-
masahiro_okamura
1
110
usermode linux without MMU - fosdem2026 kernel devroom
thehajime
0
230
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
slsops
2
220
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
empitsu
4
1.3k
What happened to RubyGems and what can we learn?
mikemcquaid
0
250
配列に見る bash と zsh の違い
kazzpapa3
1
120
Digitization部 紹介資料
sansan33
PRO
1
6.8k
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
mikimatsumoto
0
210
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
200
AWS Network Firewall Proxyを触ってみた
nagisa53
0
190
Featured
See All Featured
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
180
Optimising Largest Contentful Paint
csswizardry
37
3.6k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
36k
The Invisible Side of Design
smashingmag
302
51k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.3k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
RailsConf 2023
tenderlove
30
1.3k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
150
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
How to make the Groovebox
asonas
2
1.9k
The browser strikes back
jonoalderson
0
360
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
110
Transcript
BreizhCamp 2015 #BzhCmp #IoT BreizhCamp 2015 #BzhCmp On a connecté
le studio ! Qian JIN - @bonbonking Sameh BEN FREDJ - @SamehBenF
Speakers Sameh Ben Fredj IoT Consultant & Data passionate
[email protected]
@SamehBenF Qian Jin Android Developer & Pythonista
[email protected]
@bonbonking
Xebia Studio
Xebia Studio
Ground Floor Xebia Studio 1st Floor Mezzanine
Xebia Studio XL Room Lannister Room Stark Room Targaryen Room
Meeting Room Toilet TV Xbox Hallway & Leisure Space Pinball Machine
Yes! A pinball machine!
A Day in Studio
A Day in Studio • Temperature differences • Surge of
noise level • Meeting room (a.k.a lunch room) occupied • Lights/TV left on • Coffee capsule shortage • Mobile device gone missing
What about connecting the Studio?
IoT: What is it?
IoT: How big?
IoT: How much? Source : EMC, IDC, 2013
IoT: Why should I care?
IoT@Work
IoT@Work: How ?
None
Get Hands Dirty
MQTT \ Backend Architecture Overview Hardware Data Service Frontend Publish
Subscribe Deliver Hardware Publish
Electronics
Hardware Nano Computer Micro Controller
Hardware • TI LaunchPad CC3200 + Platform Energia
Sensors Grove Temperature & Humidity Sensor Grove Motion Sensor Grove
Sound Sensor
Sensors
Example: data lecture & publish #include <WiFi.h> #include <PubSubClient.h> #include
<DHT.h> // PIN POSITIONS #define TEMP_HUMI_PIN 24 #define SOUND_SENSOR 6 #define LIGHT_SENSOR 2 #define ROOM_ID 1 DHT dht(TEMP_HUMI_PIN, DHT22); WiFiClient wifiClient; PubSubClient client(server, 16301, callback, wifiClient); char temp_buffer[256]; char humidity_buffer[256]; void setup() { // Setting up ... dht.begin(); } void loop() { }
Example: data lecture & publish void loop() { // read
values from sensors & pubish to mqtt _temperature = dht.readTemperature(); _humidity = dht.readHumidity(); sprintf(temp_buffer, "{\"value\": %d,\"room_id\": %d}", _temperature, ROOM_ID); sprintf(humidity_buffer, "{\"value\": %d,\"room_id\": %d}", _humidity, ROOM_ID); if (client.publish("temp", temp_buffer) && client.publish("humidity", humidity_buffer){ log("Data published succeeded!"); } else { log("Data publish failed"); } delay(5000); } void log() {}
Hack the Coffee Machine
Hack the coffee machine
Hack the coffee machine FC-51 Infra Red Distance Sensor
Hack the coffee machine
Communication Protocol
Why MQTT? • Invented in 1999 by IBM and Eurotech
• Version 3.1.1 is now an OASIS Standard (Since November 2014) • mqtt.org
MQTT: light Pub/Sub model
Why MQTT? • Low overhead • Based on TCP/IP •
Low energy consumption • Support of WebSocket • Different implementations: Java/Python/C++ • Commercial and Open Source version
Backend
Backend • Node.js app on Heroku ◦ Connect to CloudMQTT
via Websocket ◦ REST service using Express ◦ Index/Query Elasticsearch data • Data in ElasticSearch ◦ JSON over HTTP ◦ Data aggregation made easy
Elasticsearch Aggregation "aggregations" : { "<aggregation_name>" : { "<aggregation_type>" :
{ <aggregation_body> } [,"aggregations" : { [<sub_aggregation>]+ } ]? } [,"<aggregation_name_2>" : { ... } ]* }
Frontend
Frontend • Data Visualization • Data Pulling: auto refresh every
5min • Deployed on Github pages • Tools we love
MQTT Broker (Cloud- MQTT) Architecture Overview CC3200 Sensors (Meeting room)
ElasticSearch (Bonsai Cluster) REST Service (Heroku Instance) FrontEnd Web Dashboard (Github Pages) Publish Subscribe Deliver Data Indexing Search & Aggregation CC3200 Sensors (Mezzanine) Publish
Difficulties
Difficulties • Newbies in electronics • Unstable Wi-Fi condition •
Curiosity visitors • Time! Time! Time!
Dashboard
Dashboard live: http://bit.ly/1e1sCER
Coworkers’ Reaction
Before
After
1st tweet
Next Steps
Physical Indications • Meeting room occupation sign • Button obsession
◦ Check-in button ◦ Croissant button • Hack the LED screen
Connected X • Connected Chairs • Connected Fridge • Connected
storage for mobile device ◦ RFID + Monitor Screen ◦ Inventory Made Easy
iBeacons • Presence tracking • Information pushing
Data mining • Data analysis and correlation • Prediction
Acknowledgment
Acknowledgment • Qian Jin (hardware + back) • Sameh Ben
Fredj (hardware) • Benjamin Lacroix (front) • Thomas Guerin (back) • Julien Buret (hardware) • Xebians who actively give suggestions ;)
Working Session
Thank you! Q&A