Smart Studio

Transcript

1. 1.

   BreizhCamp 2015 #BzhCmp #IoT BreizhCamp 2015 #BzhCmp On a connecté

   le studio ! Qian JIN - @bonbonking Sameh BEN FREDJ - @SamehBenF
2. 2.

   Speakers Sameh Ben Fredj IoT Consultant & Data passionate sbenfredj@xebia.fr

   @SamehBenF Qian Jin Android Developer & Pythonista qjin@xebia.fr @bonbonking
3. 3.

   Xebia Studio

4. 4.

   Xebia Studio

5. 5.

   Ground Floor Xebia Studio 1st Floor Mezzanine

6. 6.

   Xebia Studio XL Room Lannister Room Stark Room Targaryen Room

   Meeting Room Toilet TV Xbox Hallway & Leisure Space Pinball Machine
7. 7.

   Yes! A pinball machine!

8. 8.

   A Day in Studio

9. 9.

   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
10. 10.

    What about connecting the Studio?

11. 11.

    IoT: What is it?

12. 12.

    IoT: How big?

13. 13.

    IoT: How much? Source : EMC, IDC, 2013

14. 14.

    IoT: Why should I care?

15. 15.

    IoT@Work

16. 16.

    IoT@Work: How ?

17. 17.

    None
18. 18.

    Get Hands Dirty

19. 19.

    MQTT \ Backend Architecture Overview Hardware Data Service Frontend Publish

    Subscribe Deliver Hardware Publish
20. 20.

    Electronics

21. 21.

    Hardware Nano Computer Micro Controller

22. 22.

    Hardware • TI LaunchPad CC3200 + Platform Energia

23. 23.

    Sensors Grove Temperature & Humidity Sensor Grove Motion Sensor Grove

    Sound Sensor
24. 24.

    Sensors

25. 25.

    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() { }
26. 26.

    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() {}
27. 27.

    Hack the Coffee Machine

28. 28.

    Hack the coffee machine

29. 29.

    Hack the coffee machine FC-51 Infra Red Distance Sensor

30. 30.

    Hack the coffee machine

31. 31.

    Communication Protocol

32. 32.

    Why MQTT? • Invented in 1999 by IBM and Eurotech

    • Version 3.1.1 is now an OASIS Standard (Since November 2014) • mqtt.org
33. 33.

    MQTT: light Pub/Sub model

34. 34.

    Why MQTT? • Low overhead • Based on TCP/IP •

    Low energy consumption • Support of WebSocket • Different implementations: Java/Python/C++ • Commercial and Open Source version
35. 35.

    Backend

36. 36.

    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
37. 37.

    Elasticsearch Aggregation "aggregations" : { "<aggregation_name>" : { "<aggregation_type>" :

    { <aggregation_body> } [,"aggregations" : { [<sub_aggregation>]+ } ]? } [,"<aggregation_name_2>" : { ... } ]* }
38. 38.

    Frontend

39. 39.

    Frontend • Data Visualization • Data Pulling: auto refresh every

    5min • Deployed on Github pages • Tools we love
40. 40.

    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
41. 41.

    Difficulties

42. 42.

    Difficulties • Newbies in electronics • Unstable Wi-Fi condition •

    Curiosity visitors • Time! Time! Time!
43. 43.

    Dashboard

44. 44.

    Dashboard live: http://bit.ly/1e1sCER

45. 45.

    Coworkers’ Reaction

46. 46.

    Before

47. 47.

    After

48. 48.

    1st tweet

49. 49.

    Next Steps

50. 50.

    Physical Indications • Meeting room occupation sign • Button obsession

    ◦ Check-in button ◦ Croissant button • Hack the LED screen
51. 51.

    Connected X • Connected Chairs • Connected Fridge • Connected

    storage for mobile device ◦ RFID + Monitor Screen ◦ Inventory Made Easy
52. 52.

    iBeacons • Presence tracking • Information pushing

53. 53.

    Data mining • Data analysis and correlation • Prediction

54. 54.

    Acknowledgment

55. 55.

    Acknowledgment • Qian Jin (hardware + back) • Sameh Ben

    Fredj (hardware) • Benjamin Lacroix (front) • Thomas Guerin (back) • Julien Buret (hardware) • Xebians who actively give suggestions ;)
56. 56.

    Working Session

57. 57.

    Thank you! Q&A