index.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
  3. <!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <link rel="shortcut icon" href="img/favicon.ico">
  9. <title>Introduction - Les Tutoriels du Yojik</title>
  10. <link rel="stylesheet" href="css/theme.css" />
  11. <link rel="stylesheet" href="css/theme_extra.css" />
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css" />
  13. <script>
  14. // Current page data
  15. var mkdocs_page_name = "Introduction";
  16. var mkdocs_page_input_path = "index.md";
  17. var mkdocs_page_url = null;
  18. </script>
  19. <script src="js/jquery-2.1.1.min.js" defer></script>
  20. <script src="js/modernizr-2.8.3.min.js" defer></script>
  21. <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
  22. <script>hljs.initHighlightingOnLoad();</script>
  23. </head>
  24. <body class="wy-body-for-nav" role="document">
  25. <div class="wy-grid-for-nav">
  26. <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
  27. <div class="wy-side-scroll">
  28. <div class="wy-side-nav-search">
  29. <a href="." class="icon icon-home"> Les Tutoriels du Yojik</a>
  30. <div role="search">
  31. <form id ="rtd-search-form" class="wy-form" action="./search.html" method="get">
  32. <input type="text" name="q" placeholder="Search docs" title="Type search term here" />
  33. </form>
  34. </div>
  35. </div>
  36. <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
  37. <p class="caption"><span class="caption-text">Tutoriel Domotique</span></p>
  38. <ul class="current">
  39. <li class="toctree-l1 current"><a class="reference internal current" href=".">Introduction</a>
  40. <ul class="current">
  41. </ul>
  42. </li>
  43. <li class="toctree-l1"><a class="reference internal" href="Le-mat%C3%A9riel/">Le matériel</a>
  44. </li>
  45. </ul>
  46. </div>
  47. </div>
  48. </nav>
  49. <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
  50. <nav class="wy-nav-top" role="navigation" aria-label="top navigation">
  51. <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
  52. <a href=".">Les Tutoriels du Yojik</a>
  53. </nav>
  54. <div class="wy-nav-content">
  55. <div class="rst-content">
  56. <div role="navigation" aria-label="breadcrumbs navigation">
  57. <ul class="wy-breadcrumbs">
  58. <li><a href=".">Docs</a> &raquo;</li>
  59. <li>Tutoriel Domotique &raquo;</li>
  60. <li>Introduction</li>
  61. <li class="wy-breadcrumbs-aside">
  62. </li>
  63. </ul>
  64. <hr/>
  65. </div>
  66. <div role="main">
  67. <div class="section">
  68. <h1 id="domotique-introduction">Domotique : introduction</h1>
  69. <p>Suite à l'intallation de nos raspis, je vais vous montrer mon installation domotique réalisée à partir de ces mini-ordis.</p>
  70. <p>J'ai acheté il y a quelques mois une station météo Netatmo : très jolie (ma femme est ravie) mais on ne peur accéder aux informations que par leur serveur «dans les nuages». Et là, il y a quelque chose qui m'a gêné considérablement : je comprends que certaines des informations (le capteur extérieur par exemple) soient exportées et utilisées sur une carte consultable par tous, mais je ne vois pas ce que Netatmo a à faire avec la température de ma chambre à coucher ...</p>
  71. <p>Il est possible de choisir quel type d'informations sont envoyées par la station, mais quand même. Il est possible de lier la station aux logiciels comme HomeAssistant, Jeedom avec une clef api.</p>
  72. <p>J'avais acheté également un lot de 4 ampoules «wifi» smartThings pour me rendre compte que je ne pouvais les commander que par leur application (ou une clef api), mais toujours en communication avec leurs serveurs.</p>
  73. <p>Suite à ma déception, j'ai commencé à chercher des solutions alternatives, des équipements pouvant être entièrement commandés de chez moi, sans autre intermédiaire.</p>
  74. <p>J'ai fini par trouver le protocole Zigbee et des équipements compatibles (Ikea, Osram, Philips etc.)</p>
  75. <p>L'idée d'une station météo entièrement contrôlée par moi m'est de suite venue à l'esprit et j'ai plongé dans le domaine des microcontrôleurs type arduino, esp32, esp8266 et l'univers des capteurs (BME680 etc.)</p>
  76. <p>Ca m'a rappelé mes premières joutes avec l'informatique : Junior Computer d'Elektor, programmation en assembleur, les cartes Z80. Je ne pensais jamais replonger dans ce domaine, avec soudures, plaques d'expérimentation, bacs de composants. Entre temps, les composants sont devenus minuscules ... et pas faciles à souder!</p>
  77. <p>Mes premières expérimentations avec les ESP32/8266 sont concluantes : ça fonctionne très bien! J'utilise le protocole MQTT avec Mosquitto et le connecteur logiciel mqtt2zigbee, ainsi qu'un adaptateur Zigbee que j'ai flashé. Tout ce matériel est disponible pour pas cher sur les sites aliexpress, gearbest, ebay ou amazon (en plus cher pour ce dernier ... mais plus rapide).</p>
  78. <p>Je vais détailler mon installation dans la suite de ce tuto. Alors, oui, pour faire quelque chose de joli, il va falloir faire un peu de mécanique, utiliser une imprimante 3D (j'ai fait l'acquisition d'une imprimante 3D Prusa en kit pour 80€ sur gearbest pour tester).</p>
  79. <p>Voici quelques photos de mes tests en cours (un esp32 avec quelques capteurs, le tableau de conception node-red, ainsi que le résultat sur la page node-red) : </p>
  80. <p><img alt="image 1" src="Images/image-1.jpg" /></p>
  81. <p><img alt="image 2" src="Images/image-2.png" /></p>
  82. <p><img alt="image 3" src="Images/image-3.png" /></p>
  83. </div>
  84. </div>
  85. <footer>
  86. <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
  87. <a href="Le-mat%C3%A9riel/" class="btn btn-neutral float-right" title="Le matériel">Next <span class="icon icon-circle-arrow-right"></span></a>
  88. </div>
  89. <hr/>
  90. <div role="contentinfo">
  91. <!-- Copyright etc -->
  92. </div>
  93. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
  94. </footer>
  95. </div>
  96. </div>
  97. </section>
  98. </div>
  99. <div class="rst-versions" role="note" aria-label="versions">
  100. <span class="rst-current-version" data-toggle="rst-current-version">
  101. <span style="margin-left: 15px"><a href="Le-mat%C3%A9riel/" style="color: #fcfcfc">Next &raquo;</a></span>
  102. </span>
  103. </div>
  104. <script>var base_url = '.';</script>
  105. <script src="js/theme.js" defer></script>
  106. <script src="search/main.js" defer></script>
  107. <script defer>
  108. window.onload = function () {
  109. SphinxRtdTheme.Navigation.enable(true);
  110. };
  111. </script>
  112. </body>
  113. </html>