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
jinqian
June 11, 2015
Technology
0
170
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
300
Bridge The Physical World: Kotlin Native on Raspberry Pi
jinqian
0
3.1k
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
100
Play Rock-Paper-Scissors-Spock-Lizard with your Android Things
jinqian
0
450
EPF IoT class 2018
jinqian
0
100
ML Kit in Action
jinqian
1
440
From ProGuard to R8: take care of your byte code
jinqian
6
2.3k
[DroidCon London] Heat the neurons of your smartphone with Deep Learning
jinqian
0
410
Other Decks in Technology
See All in Technology
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
150
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.6k
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
220
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
140
Connect 100+を支える技術
kanyamaguc
0
150
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
1.3k
Zephyr RTOSを使った開発コンペに参加した件
iotengineer22
0
140
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
nyata
0
340
Witchcraft for Memory
pocke
1
660
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
110
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
610
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
1
210
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Facilitating Awesome Meetings
lara
54
6.4k
Faster Mobile Websites
deanohume
307
31k
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