Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://blog.idleman.fr/?feed=rss2

  1. <?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
  2. xmlns:content="http://purl.org/rss/1.0/modules/content/"
  3. xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  4. xmlns:dc="http://purl.org/dc/elements/1.1/"
  5. xmlns:atom="http://www.w3.org/2005/Atom"
  6. xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
  7. xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
  8. >
  9. <channel>
  10. <title>IdleBlog</title>
  11. <atom:link href="http://blog.idleman.fr/feed/" rel="self" type="application/rss+xml" />
  12. <link>http://blog.idleman.fr</link>
  13. <description>Le blog d&#039;idleman</description>
  14. <lastBuildDate>Sat, 30 May 2020 10:51:28 +0000</lastBuildDate>
  15. <language>fr-FR</language>
  16. <sy:updatePeriod>
  17. hourly </sy:updatePeriod>
  18. <sy:updateFrequency>
  19. 1 </sy:updateFrequency>
  20. <image>
  21. <url>http://blog.idleman.fr/oangyxoa/2017/04/image_thumb3.png</url>
  22. <title>IdleBlog</title>
  23. <link>http://blog.idleman.fr</link>
  24. <width>32</width>
  25. <height>32</height>
  26. </image>
  27. <item>
  28. <title>HackPoint V2.0 : l&#8217;outil d&#8217;aide aux projets DIY</title>
  29. <link>http://blog.idleman.fr/hackpoint-v2-0-loutil-daide-aux-projets-diy/</link>
  30. <comments>http://blog.idleman.fr/hackpoint-v2-0-loutil-daide-aux-projets-diy/#comments</comments>
  31. <dc:creator><![CDATA[Idleman]]></dc:creator>
  32. <pubDate>Sun, 12 Apr 2020 15:45:45 +0000</pubDate>
  33. <category><![CDATA[Actualités technologiques]]></category>
  34. <category><![CDATA[Astuces de geek]]></category>
  35. <category><![CDATA[Développement]]></category>
  36. <category><![CDATA[Fouillis]]></category>
  37. <category><![CDATA[PHP]]></category>
  38. <guid isPermaLink="false">http://blog.idleman.fr/?p=4428</guid>
  39. <description><![CDATA[Salut les keupains !!! Ça en fait une paye qu&#8217;on a pas papoté !! Mon boulot me draine l&#8217;âme lentement mais sûrement à tel point que j&#8217;ai moins de temps ...]]></description>
  40. <content:encoded><![CDATA[
  41. <p>Salut les <strong>keupains </strong>!!! Ça en fait une paye qu&#8217;on a pas papoté !!</p>
  42. <p>Mon boulot me draine l&#8217;âme lentement mais sûrement à tel point que  j&#8217;ai moins de temps pour partager mes bouts de code avec vous, ça ne m&#8217;empêche pas pour autant de <s>picol</s>..bricoler en cachette. </p>
  43. <p>Je profite donc de cette période de confinement (qui ne change rien puisque je suis un geek et que je ne sortais déjà pas de chez moi avant) pour partager ma version 2 de Hackpoint !</p>
  44. <span id="more-4428"></span>
  45. <figure class="wp-block-image"><img loading="lazy" width="1024" height="553" src="http://blog.idleman.fr/oangyxoa/2020/04/app-bg-1024x553.png" alt="" class="wp-image-4431" srcset="http://blog.idleman.fr/oangyxoa/2020/04/app-bg-1024x553.png 1024w, http://blog.idleman.fr/oangyxoa/2020/04/app-bg-300x162.png 300w, http://blog.idleman.fr/oangyxoa/2020/04/app-bg-768x415.png 768w, http://blog.idleman.fr/oangyxoa/2020/04/app-bg.png 1545w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
  46. <p>Pour ceux (très peu nombreux j&#8217;en suis sûr :D) qui n&#8217;auraient pas suivis la sortie de la v1, Hackpoint est un outil à destination de tout ceux qui aiment bidouiller des projets DIY, perso ou pro, hacklab, fablab ou génie de garage qu&#8217;il s&#8217;agisse d’électronique, de menuiserie, de chimie, de dev, <s>de charcuterie</s>&#8230; </p>
  47. <figure class="wp-block-image"><img loading="lazy" width="1024" height="549" src="http://blog.idleman.fr/oangyxoa/2020/04/screen01-1024x549.png" alt="" class="wp-image-4435" srcset="http://blog.idleman.fr/oangyxoa/2020/04/screen01-1024x549.png 1024w, http://blog.idleman.fr/oangyxoa/2020/04/screen01-300x161.png 300w, http://blog.idleman.fr/oangyxoa/2020/04/screen01-768x412.png 768w, http://blog.idleman.fr/oangyxoa/2020/04/screen01.png 1551w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
  48. <p>Lorsqu&#8217;on part sur un projet de 2 semaines à 1 an, sur de multiples technologies (php,js, arduino, c++, python) voir de multiples domaines (dev, electro nique, travail du bois, impression 3d, config réseau / système) on a vite tout un tas de fichiers/liens/mémo qui traînent et un mal fou à organiser tout ce bordel. Hackpoint permet donc de sauvegarder, catégories, présenter et partager des projets qu&#8217;il s&#8217;agisse des composants électronique, de la doc, des schémas, des bout de codes divers.</p>
  49. <figure class="wp-block-image"><img loading="lazy" width="1024" height="555" src="http://blog.idleman.fr/oangyxoa/2020/04/screen02-1024x555.png" alt="" class="wp-image-4436" srcset="http://blog.idleman.fr/oangyxoa/2020/04/screen02-1024x555.png 1024w, http://blog.idleman.fr/oangyxoa/2020/04/screen02-300x162.png 300w, http://blog.idleman.fr/oangyxoa/2020/04/screen02-768x416.png 768w, http://blog.idleman.fr/oangyxoa/2020/04/screen02.png 1542w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
  50. <p><strong>Le projet contient actuellement les features suivantes :</strong></p>
  51. <ul><li>Gestion du code Arduino</li><li>Gestion des composants</li><li>Gestion du code Javascript</li><li>Gestion du code PHP</li><li>Gestion des images liées (schéma, photos &#8230;)</li><li>Gestion des fichiers liés (stl 3d par exemple,librairies arduino ou c etc..)</li><li>Gestion markdown pour la doc</li><li>Wiki asssocié</li><li>Arborescence de fichiers</li><li>partage de sketch (nom d&#8217;un projet sur hackpoint)</li><li>Système de plugin permettant aux dev d’ajouter de nouveaux code / fonctionnalités</li><li> Système  de thème graphique</li><li>Gestion des accès, des utilisateurs et des établissement (ex: plusieurs fablab sur un même hackpoint)</li><li>Affichage de la progression d&#8217;un projet</li><li>Possibilité de sauvegarder un sktech au format zip</li><li>Création de menu custom (ex: liens vers votre eshop Electronique favoris)</li><li>Gestion des logs</li><li>Affichage mise à jour</li></ul>
  52. <figure class="wp-block-image"><img loading="lazy" width="1024" height="581" src="http://blog.idleman.fr/oangyxoa/2020/04/screen04-1024x581.png" alt="" class="wp-image-4437" srcset="http://blog.idleman.fr/oangyxoa/2020/04/screen04-1024x581.png 1024w, http://blog.idleman.fr/oangyxoa/2020/04/screen04-300x170.png 300w, http://blog.idleman.fr/oangyxoa/2020/04/screen04-768x436.png 768w, http://blog.idleman.fr/oangyxoa/2020/04/screen04.png 1554w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
  53. <p><strong>Démo</strong><br>Si vous souhaitez voir des cas d&#8217;utilisation, vous pouvez vous fier à mon propre hackpoint pour les projets que j&#8217;ai mis en public : </p>
  54. <p><a href="http://hacking.idleman.fr/index.php">http://hacking.idleman.fr/index.php</a><br></p>
  55. <p> <strong>Téléchargement</strong> <br>Pour télécharger hackpoint, je vous ai créé une magnifique page officielle (j&#8217;ai tout donné&#8230;) :  <a href="http://hackpoint.idleman.fr/">http://hackpoint.idleman.fr/</a> </p>
  56. <p><strong>Dépôt git </strong><br>Pour les barbus qui n&#8217;aime pas les vitrines web vous pouvez également passer directement par le dépôt git :  <a href="http://git.idleman.fr/idleman/hackpoint">http://git.idleman.fr/idleman/hackpoint</a></p>
  57. <p>Bien à vous !</p>
  58. <p>Idle </p>
  59. ]]></content:encoded>
  60. <wfw:commentRss>http://blog.idleman.fr/hackpoint-v2-0-loutil-daide-aux-projets-diy/feed/</wfw:commentRss>
  61. <slash:comments>14</slash:comments>
  62. </item>
  63. <item>
  64. <title>Raspberry PI ~ 24 : Créer une multi sonde wifi pour 11€</title>
  65. <link>http://blog.idleman.fr/raspberry-pi-24-creer-une-multi-sonde-wifi-pour-11e/</link>
  66. <comments>http://blog.idleman.fr/raspberry-pi-24-creer-une-multi-sonde-wifi-pour-11e/#comments</comments>
  67. <dc:creator><![CDATA[Idleman]]></dc:creator>
  68. <pubDate>Wed, 01 Nov 2017 13:01:31 +0000</pubDate>
  69. <category><![CDATA[C++]]></category>
  70. <category><![CDATA[Développement]]></category>
  71. <category><![CDATA[Fouillis]]></category>
  72. <category><![CDATA[PHP]]></category>
  73. <category><![CDATA[Raspberry PI]]></category>
  74. <category><![CDATA[Tutoriel domotique]]></category>
  75. <category><![CDATA[Tutoriels]]></category>
  76. <guid isPermaLink="false">http://blog.idleman.fr/?p=4341</guid>
  77. <description><![CDATA[Ce post est le vingt quatrième d’une liste de tutoriels sur le raspberry PI et l’arduino, cliquez ici pour accéder au sommaire ! Afin de pouvoir prendre des décisions en ...]]></description>
  78. <content:encoded><![CDATA[<p>Ce post est le vingt quatrième d’une liste de tutoriels sur le raspberry PI et l’arduino,<a href="http://blog.idleman.fr/?page_id=2166"> cliquez ici</a> pour accéder au sommaire ! <img src="http://blog.idleman.fr/nodroose/images/smilies/icon_biggrin.gif" alt=":D"></p>
  79. <p>Afin de pouvoir prendre des décisions en domotique, notamment grâce au gestionnaire de <a href="http://yana.idleman.fr/">scénario de yana</a>&nbsp;ou de toute autre centrale domotique, il nous faut des données, en quelque sorte &#8220;monitorer&#8221; nos pièces, exemple : baisser les stores si il fait trop chaud ou les ouvrir quand il ne fait pas assez clair dans la pièce, détecter les présence pour enclencher certaines actions etc&#8230;.</p>
  80. <p><span id="more-4341"></span></p>
  81. <p>A cet effet je me suis mis sur un projet de sonde <strong>humidité,température,lumière,mouvement</strong> à bas coût et en WIFI histoire de pouvoir simplement récupérer les données de nos pièces.<br />
  82. Une maison standard étant généralement composé de <strong>5 pièces</strong> intéressantes à monitorer (je ne compte pas les toilettes ou le placard à&nbsp;balais :D) le coût de fabrication est d&#8217;environ 50/60€ pour toute la maison.</p>
  83. <p>J&#8217;ai nommé ce petit cube sensoriel PROPISE : <strong>PRO</strong>totype de <strong>PI</strong>euvre <strong>SE</strong>nsitif</p>
  84. <p>&nbsp;</p>
  85. <table>
  86. <tbody>
  87. <tr>
  88. <td><img loading="lazy" class="aligncenter wp-image-4359 size-full" src="http://blog.idleman.fr/oangyxoa/2017/11/IMG_20170308_205654-1.png" alt="" width="534" height="420" srcset="http://blog.idleman.fr/oangyxoa/2017/11/IMG_20170308_205654-1.png 534w, http://blog.idleman.fr/oangyxoa/2017/11/IMG_20170308_205654-1-300x236.png 300w" sizes="(max-width: 534px) 100vw, 534px" /></td>
  89. <td>
  90. <p><figure id="attachment_4350" aria-describedby="caption-attachment-4350" style="width: 389px" class="wp-caption aligncenter"><img loading="lazy" class="wp-image-4350 size-full" src="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_34-Yana-Server-3.0.6.png" alt="" width="389" height="276" srcset="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_34-Yana-Server-3.0.6.png 389w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_34-Yana-Server-3.0.6-300x213.png 300w" sizes="(max-width: 389px) 100vw, 389px" /><figcaption id="caption-attachment-4350" class="wp-caption-text">Aperçu sur YANA</figcaption></figure></td>
  91. </tr>
  92. </tbody>
  93. </table>
  94. <p>&nbsp;</p>
  95. <p>Dans le cadre de ce tuto nous utiliseront le capteur <a href="http://yana.idleman.fr/">avec YANA</a>, mais je l&#8217;ai conçu pour qu&#8217;il soit simplement adaptable à&nbsp;n&#8217;importe quel système domotique.</p>
  96. <p>Nous allons voir ensemble comment produire ces petites bêtes mais avant, le traditionnel quart d&#8217;heure de honte&nbsp;en vidéo !</p>
  97. <p>.<br />
  98. ..<br />
  99. &#8230;.</p>
  100. <p>Ah&nbsp; ! on m&#8217;annonce&nbsp;à l&#8217;oreillette q&#8217;un <del>gros coup de flemme</del> problème technique vous épargnera ce massacre <img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> (en plus je suis en peignoir, ça fais pas sérieux) ! Passons donc à la réalisation.</p>
  101. <h2>Les Composants</h2>
  102. <p>Habituellement nous utilisons comme &#8220;cerveau&#8221; du montage une carte arduino ou directement la puce atmega qui se trouve dessus (et qui peux fonctionner sans le reste de la carte avec quelques composants).</p>
  103. <p>La grosse nouveauté par rapport aux tutos précédent consiste à remplacer l&#8217;habituel arduino par&nbsp; un composant nommé ESP8266.</p>
  104. <p>L&#8217;esp8266 étant une puce qui propose les mêmes fonctionnalités de l&#8217;Atméga/Arduino en mieux:</p>
  105. <ul>
  106. <li>Plus de mémoire&nbsp;pour stocker le code et les données</li>
  107. <li>Compatible&nbsp;avec plusieurs&nbsp;&nbsp;langages de développement</li>
  108. <li>Vendu avec sa plateforme de développement (qui contient une led rgb, un bouton poussoir et un capteur luminosité) pour le prix de la puce seule ou presque</li>
  109. <li>Les shields (plug-in) associés ne coûtent rien si vous voulez facilement y ajouter des fonctionnalités</li>
  110. <li>N&#8217;importe quel pin peux faire de l&#8217;I2C (protocole de communication sympa)</li>
  111. </ul>
  112. <p>&#8230;et surtout le wifi est intégrée à la puce, tout ceci pour un prix/taille équivalent à savoir environ<strong> 3€</strong> avec les frais de port.</p>
  113. <p><strong>Pompom de la pompomette :</strong> c&#8217;est compatible avec l’éditeur/syntaxe arduino !</p>
  114. <p>Voila la tronche de cette magnifique petite puce avec une plateforme supplémentaire ajouté (pour le même prix de 3€) l&#8217;ensemble se nomme <strong>esp8266 witty gizwits</strong>.</p>
  115. <table>
  116. <tbody>
  117. <tr>
  118. <td><img loading="lazy" class="size-full wp-image-4344 aligncenter" src="http://blog.idleman.fr/oangyxoa/2017/06/cb6413a0-561a-d8d4-383a-68451ae9ea84.jpg" alt="" width="361" height="361" srcset="http://blog.idleman.fr/oangyxoa/2017/06/cb6413a0-561a-d8d4-383a-68451ae9ea84.jpg 361w, http://blog.idleman.fr/oangyxoa/2017/06/cb6413a0-561a-d8d4-383a-68451ae9ea84-150x150.jpg 150w, http://blog.idleman.fr/oangyxoa/2017/06/cb6413a0-561a-d8d4-383a-68451ae9ea84-300x300.jpg 300w" sizes="(max-width: 361px) 100vw, 361px" /></td>
  119. <td><a href="http://blog.idleman.fr/oangyxoa/2017/06/gizwits_pinout_67.jpg"><img loading="lazy" class="wp-image-4345 aligncenter" src="http://blog.idleman.fr/oangyxoa/2017/06/gizwits_pinout_67.jpg" alt="" width="397" height="308" srcset="http://blog.idleman.fr/oangyxoa/2017/06/gizwits_pinout_67.jpg 1024w, http://blog.idleman.fr/oangyxoa/2017/06/gizwits_pinout_67-300x232.jpg 300w, http://blog.idleman.fr/oangyxoa/2017/06/gizwits_pinout_67-768x595.jpg 768w" sizes="(max-width: 397px) 100vw, 397px" /></a></td>
  120. </tr>
  121. </tbody>
  122. </table>
  123. <p>La plateforme witty gizwits ajoute un bouton poussoir, une led RGB (rouge vert bleu), un capteur de luminosité et surtout une partie plateforme de programmation détachable histoire de pas se faire chier.</p>
  124. <p>Pour notre projet il ne restera qu&#8217;à y ajouter un capteur d&#8217;humidité&nbsp;qui fait également office de&nbsp;capteur de température (j&#8217;ai nommé le DHT11) et un capteur additionnel de mouvement infrarouge pour le fun.</p>
  125. <p>Il nous faudra bien sur une source d&#8217;alimentation, ici nous choisissons un simple câble micro USB et son chargeur, vous pouvez piquer celui de votre portable si ebay met trop longtemps à vous livrer :p</p>
  126. <p>Dernier petit composant : une résistance&nbsp; de 4700 Ohm qui vas de paire avec le DHT11 pour ne pas abimer ce dernier.</p>
  127. <h2>Composants</h2>
  128. <ul>
  129. <li><a href="https://www.ebay.com/sch/i.html?_from=R40&amp;_sacat=0&amp;_sop=15&amp;_nkw=Esp8266+Witty+%2F+Gizwits&amp;rt=nc&amp;LH_BIN=1">ESP8266 </a>Witty</li>
  130. <li><a href="https://www.ebay.fr/sch/i.html?_nkw=dht22&amp;_in_kw=1&amp;_ex_kw=&amp;_sacat=0&amp;_udlo=&amp;_udhi=&amp;LH_BIN=1&amp;_ftrt=901&amp;_ftrv=1&amp;_sabdlo=&amp;_sabdhi=&amp;_samilow=&amp;_samihi=&amp;_sadis=15&amp;_stpos=&amp;_fsradio2=%26LH_PrefLoc%3D1&amp;_sargn=-1%26saslc%3D2&amp;_salic=71&amp;LH_SubLocation=1&amp;_sop=15&amp;_dmd=1&amp;_ipg=50">DHT11</a></li>
  131. <li><a href="https://www.ebay.fr/sch/i.html?_odkw=PIR+sensor&amp;LH_PrefLoc=2&amp;_ftrt=901&amp;_sop=15&amp;_sadis=15&amp;_dmd=1&amp;LH_BIN=1&amp;_osacat=0&amp;_ipg=50&amp;_ftrv=1&amp;_from=R40&amp;_trksid=p2045573.m570.l1313.TR0.TRC0.H0.XInfrared+PIR+Motion+Sensor.TRS0&amp;_nkw=Infrared+PIR+Motion+Sensor&amp;_sacat=0">Détecteur de mouvement</a> IR</li>
  132. <li><a href="https://www.ebay.com/sch/i.html?_from=R40&amp;_sacat=0&amp;_sop=15&amp;_nkw=4700+ohm+resistor&amp;rt=nc&amp;LH_BIN=1">Une Résistance&nbsp;4700 Ohm</a></li>
  133. <li>Un chargeur de portable classique (Transformateur 220V-5v + fil micro usb)</li>
  134. </ul>
  135. <p>&nbsp;</p>
  136. <h2>Le Schéma</h2>
  137. <p>Rien de bien compliqué sur le câblage, les deux composants à ajouter à l&#8217;esp nécessitent les mêmes branchements à savoir : un fil sur l&#8217;alimentation 5v, un fil sur la masse et un fil sur un pin de donnée de l&#8217;esp afin de communiquer avec lui.</p>
  138. <p>La résistance&nbsp;&nbsp;de 4700 Ohm doit être connectée à la broche 2 du&nbsp; le DHT11 et reliée ensuite à l’alimentation.</p>
  139. <p>&nbsp;</p>
  140. <p><img loading="lazy" class="alignnone size-medium" src="http://hacking.idleman.fr/action.php?action=hackpoint_download_file&amp;file=c2tldGNoLzYvMzMvYWN0aW9uLnBuZw==" width="1092" height="1305"></p>
  141. <h2>Le Code arduino</h2>
  142. <p>Voilà l&#8217;endroit ou ça se complique ! Afin de rendre le plus simple possible l&#8217;utilisation et l&#8217;installation de la sonde, j&#8217;ai du pisser pas mal de code. Je fais en sorte que lors du premier lancement de la sonde, celle ci se mette en hotspot, c&#8217;est à dire qu&#8217;elle vas émettre son propre réseau WIFI auquel vous pourrez vous connecter la première fois afin de la configurer.</p>
  143. <p>Une fois la sonde configurée avec les identifiants WIFI de votre réseau domestique, elle désactive son hotspot et se connecte en mode client a votre wifi, ce qui complique un peu la partie code mais qui vous évite d&#8217;avoir&nbsp;à toucher à la moindre ligne dans celui çi, tout est gérable via une interface web</p>
  144. <p>Pour balancer le code ci dessus sur l&#8217;esp 8266 witty que nous avons acheté, vous allez devoir faire au préalable <a href="http://blog.idleman.fr/programmer-un-esp8266-avec-arduino-ide-editor/">cette petite config</a> sur votre arduino IDE pour installer la bonne carte.</p>
  145. <p>Pour envoyer le code ça fonctionne code pour l&#8217;arduino, branchez un câble USB/micro USB entre votre PC et le port micro usb de la puce ESP (attention il y à deux port sur la puce, seul celui du bas fonctionne pour la programmation, celui du haut est la juste pour l&#8217;alimentation) vous pouvez ensuite envoyer le code avec le bouton téléverser de l&#8217;arduino Editor.</p>
  146. <p>Il vous faudra également installer la librairie pour lire les valeurs du dht11 (capteur humidité + température) pour pouvoir l&#8217;utiliser dans le soft. Pour cela <a href="https://github.com/adafruit/DHT-sensor-library/archive/master.zip">téléchargez ce zip </a>et décompressez le répertoire /libraries de votre installation arduino ide.</p>
  147. <p><a href="http://hacking.idleman.fr/index.php?module=hackpoint&amp;page=sheet.sketch&amp;id=6&amp;embeded=1&amp;sidebar=0&amp;resource=32"><small>Voir en taille réelle<small></small></small></a><br />
  148. <iframe loading="lazy" src="http://hacking.idleman.fr/index.php?module=hackpoint&amp;page=sheet.sketch&amp;id=6&amp;embeded=1&amp;sidebar=0&amp;resource=32" width="800px" height="800px" frameborder="0" align="center"></iframe></p>
  149. <h2>Le Code PHP</h2>
  150. <p>Je ne veux pas être sectaire et imposer ma plateforme domotique pour tous les prototype que je créé (mais quand même si à cette étape de mes tutos vous n&#8217;utilisez toujours pas yana, vous avez raté votre vie !), aussi je vais vous donner deux exemples de récupération des valeurs de la sonde avec et sans l&#8217;utilisation de YANA parce que quand même suis un chic type ! <img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  151. <h3>Avec Yana</h3>
  152. <p>Activez le plugin propise dans la partie réglage et rendez vous coté setting du plugin, vous pouvez ajouter une ou plusieurs sondes (Nommée ici Poolp parce que j&#8217;ai changé 20 fois de nom depuis sa conception).</p>
  153. <p>Entrez les infos de base de la sonde, cliquez sur enregistrer et suivez le guide d&#8217;installation sur la ligne qui apparait.</p>
  154. <p><img loading="lazy" class="aligncenter size-full wp-image-4349" src="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_56-Yana-Server-3.0.6.png" alt="" width="888" height="641" srcset="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_56-Yana-Server-3.0.6.png 888w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_56-Yana-Server-3.0.6-300x217.png 300w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_56-Yana-Server-3.0.6-768x554.png 768w" sizes="(max-width: 888px) 100vw, 888px" /></p>
  155. <p>Une fois la sonde configurée en fonction des instructions du guide vous pouvez vous rendre sur la dashboard et y ajouter le widget propise.</p>
  156. <p><img loading="lazy" class="aligncenter size-full wp-image-4350" src="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_34-Yana-Server-3.0.6.png" alt="" width="389" height="276" srcset="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_34-Yana-Server-3.0.6.png 389w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-14_04_34-Yana-Server-3.0.6-300x213.png 300w" sizes="(max-width: 389px) 100vw, 389px" /></p>
  157. <p>Je n&#8217;ai pas encore relié le gestionnaire de scénario&nbsp;à ce module il s&#8217;agit pour le moment d&#8217;un simple affichage, j&#8217;y travaille sur la version suivante de yana.</p>
  158. <h3>Sans Yana</h3>
  159. <p>Voilà un ptit script fait par dessus la jambe pour récupérer les données envoyées par PROPISE et les stocker à la suite dans un fichier texte, vous pouvez le modifier&nbsp;à votre guise.<br />
  160. <a href="http://hacking.idleman.fr/index.php?module=hackpoint&amp;page=sheet.sketch&amp;id=6&amp;embeded=1&amp;sidebar=0&amp;resource=34"><small>Voir en taille réelle<small></small></small></a><br />
  161. <iframe loading="lazy" src="http://hacking.idleman.fr/index.php?module=hackpoint&amp;page=sheet.sketch&amp;id=6&amp;embeded=1&amp;sidebar=0&amp;resource=34" width="800px" height="500px" frameborder="0" align="center"></iframe></p>
  162. <h2>&nbsp;</h2>
  163. <h2>L&#8217;Utilisation</h2>
  164. <p>Appuyez sur le bouton de reset avant de brancher la sonde, celle ci devrait alors se mettre en hotspot, la lumière RGB s&#8217;allumera en bleu foncé si tout vas bien.<br />
  165. Vous pourrez alors vous connecter à sa wifi (nommée <strong>PROPISE-XX</strong>) avec le mot de passe &#8220;<strong>bananeflambee</strong>&#8221; (oui, je sais&#8230;) puis accéder à son interface en tapant dans votre navigateur web l&#8217;adresse <strong>http://192.168.4.1</strong></p>
  166. <p>Il vous reste ensuite à remplir les identifiant WIFI de votre réseau<br />
  167. Dans le dernier champs, mettre le lien vers le script PHP (ou autre) à qui vous souhaitez que la sonde envois les données, notez que les valeurs entre &#8220;<strong>{{}}</strong>&#8221; seront remplacé par les données en questions</p>
  168. <p><strong>{{LIGHT}}</strong> : sera remplacé par la lumière de la pièce (en pourcentage)<br />
  169. <strong>{{HUMIDITY}}</strong> : sera remplacé par l&#8217;humidité de la pièce (en pourcentage)<br />
  170. <strong>{{TEMPERATURE}}</strong> : sera remplacé par la température de la pièce (en degré celcius)<br />
  171. <strong>{{MOUVMENT}}</strong> : sera remplacé par le mouvement de la pièce dans les dernières secondes ( 1 = mouvement, 0= personne)</p>
  172. <p><strong>ex d&#8217;url:</strong> http://mon.server/monscript.php?light={{LIGHT}}&amp;humidity={{HUMIDITY}}&amp;temperature={{TEMPERATURE}}&amp;mouvment={{MOUVMENT}}</p>
  173. <p>Une fois que tout est enregistré, vous pouvez redémarrer la sonde (débranchez puis rebranchez), elle devrait alors s&#8217;allumer en vert (indiquant qu&#8217;elle a bien enregistré les identifiants) puis en blanc clignotant si elle a réussi&nbsp;à se connecter à votre wifi et qu&#8217;elle envois les données.</p>
  174. <p>A chaque clignotement les données sont envoyées</p>
  175. <h2>Le boitier</h2>
  176. <p>J&#8217;ai fait imprimer mon boitier, si vous n&#8217;avez pas d&#8217;imprimante 3d près de chez vous je vous conseille de la construire en LEGO (si vous êtes riche) ou d&#8217;acheter une boite de dérivation électrique et de la percer aux bon endroits (<del>si comme moi vous êtes un prolo</del>), ou encore d&#8217;utiliser des boites de denrées alimentaires, tant que vous restez sur des matières non inflammables :D.</p>
  177. <p><img loading="lazy" class="aligncenter wp-image-4362 size-full" src="http://blog.idleman.fr/oangyxoa/2017/11/2017-11-01-13_39_29-boitier.skp-SketchUp-Make-2017.png" alt="" width="894" height="612" srcset="http://blog.idleman.fr/oangyxoa/2017/11/2017-11-01-13_39_29-boitier.skp-SketchUp-Make-2017.png 894w, http://blog.idleman.fr/oangyxoa/2017/11/2017-11-01-13_39_29-boitier.skp-SketchUp-Make-2017-300x205.png 300w, http://blog.idleman.fr/oangyxoa/2017/11/2017-11-01-13_39_29-boitier.skp-SketchUp-Make-2017-768x526.png 768w" sizes="(max-width: 894px) 100vw, 894px" /></p>
  178. <p>Pour ceux qui peuvent faire imprimer, je vous met ci dessous le fichier 3d en <strong>.STL</strong> pour l&#8217;impression et le fichier sketchup <strong>.SKP</strong> si vous voulez l&#8217;améliorer.</p>
  179. <p><a href="http://hacking.idleman.fr/index.php?module=hackpoint&amp;page=sheet.sketch&amp;id=6&amp;embeded=1&amp;sidebar=0&amp;resource=35"><small>Voir en taille réelle<small></small></small></a><br />
  180. <iframe loading="lazy" src="http://hacking.idleman.fr/index.php?module=hackpoint&amp;page=sheet.sketch&amp;id=6&amp;embeded=1&amp;sidebar=0&amp;resource=35" width="800px" height="400px" frameborder="0" align="center"></iframe></p>
  181. <h2>Les améliorations</h2>
  182. <p>L&#8217;amélioration majeure à apporter a ce circuit ne &#8220;mange pas de pain&#8221; (j&#8217;adore cette expression) il s&#8217;agit de remplacer le <strong>dht11</strong> par un <strong>dht22</strong> qui fonctionne de la même façon et fait quelques euros de plus mais qui est plus précis sur les valeurs retournées. Modifier ce composant nécessite par contre de légères modifications dans le code.</p>
  183. <p>Autre amélioration intéressante : designer le boitier pour qu&#8217;il se fixe dans un angle haut de pièce, ça rendrait le capteur de mouvement plus efficace étant donné sa zone de couverture.</p>
  184. <p>Dernier point : utiliser une carte ethernet <strong>POE</strong> (Power Over ethernet, c&#8217;est le câble réseau qui alimente le circuit pas besoin d&#8217;une alim en plus) en lieu et place du wifi, ça permettrait de se passer des ondes (moins fiables, moins sécurisées, moins bonnes pour la santé que du bon vieux filaire).</p>
  185. <p>La prochaine fois nous verrons comment intégrer un peu d’empreintes digitales à notre bonne vielle domotique</p>
  186. <p>Bien à vous,</p>
  187. <p>Idle</p>
  188. ]]></content:encoded>
  189. <wfw:commentRss>http://blog.idleman.fr/raspberry-pi-24-creer-une-multi-sonde-wifi-pour-11e/feed/</wfw:commentRss>
  190. <slash:comments>72</slash:comments>
  191. </item>
  192. <item>
  193. <title>Fond de tiroir #3 ~ Récupération des issues github avec un tag précis</title>
  194. <link>http://blog.idleman.fr/fond-de-tiroir-3-recuperation-des-issues-github-avec-un-tag-precis/</link>
  195. <comments>http://blog.idleman.fr/fond-de-tiroir-3-recuperation-des-issues-github-avec-un-tag-precis/#respond</comments>
  196. <dc:creator><![CDATA[Idleman]]></dc:creator>
  197. <pubDate>Wed, 28 Jun 2017 06:20:49 +0000</pubDate>
  198. <category><![CDATA[Développement]]></category>
  199. <category><![CDATA[Fond de tiroirs]]></category>
  200. <category><![CDATA[Fouillis]]></category>
  201. <category><![CDATA[PHP]]></category>
  202. <guid isPermaLink="false">http://blog.idleman.fr/?p=4336</guid>
  203. <description><![CDATA[Je continue sur la lancé des fonds de tiroirs : voici un script mono-fichier d&#8217;exemple de récupération des issues github d&#8217;un dépôt projet pour un certain tag. J&#8217;ai initialement créé ...]]></description>
  204. <content:encoded><![CDATA[<p>Je continue sur la lancé des fonds de tiroirs : voici un script mono-fichier d&#8217;exemple de récupération des issues github d&#8217;un dépôt projet pour un certain tag.</p>
  205. <p>J&#8217;ai initialement créé ce script dans le but de report sur un site particulier les bonnes suggestion github émises par les contributeurs.</p>
  206. <p><span id="more-4336"></span></p>
  207. <p>Le script génère un petit sommaire des topics émis dans la catégories spécifiée et permet d’accéder au contenu du premier post du topic ciblé.</p>
  208. <p><img loading="lazy" class="aligncenter size-full wp-image-4338" src="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-11_36_52-127.0.0.1_yana.suggestions.php_.png" alt="" width="938" height="668" srcset="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-11_36_52-127.0.0.1_yana.suggestions.php_.png 938w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-11_36_52-127.0.0.1_yana.suggestions.php_-300x214.png 300w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-11_36_52-127.0.0.1_yana.suggestions.php_-768x547.png 768w" sizes="(max-width: 938px) 100vw, 938px" /></p>
  209. <p><strong>Points forts</strong></p>
  210. <ul>
  211. <li>Pas d’installation/base de donnée nécessaires</li>
  212. <li>Vous pouvez modifier le projet, l&#8217;utilisateur github ou l tag d&#8217;issue avec les trois premieres variables du fichier</li>
  213. <li>Pas besoin de clé github</li>
  214. </ul>
  215. <p><strong>Points faibles</strong></p>
  216. <ul>
  217. <li>Moche à vomir</li>
  218. <li>Pas bien finit</li>
  219. <li>Uniquement utile pour les dépôt gérés sur github</li>
  220. </ul>
  221. <p><a class="btn btn-primary" href="http://blog.idleman.fr/oangyxoa/2017/06/github.suggestions.zip"><i class="fa fa-download"></i> Télécharger le bousin</a></p>
  222. ]]></content:encoded>
  223. <wfw:commentRss>http://blog.idleman.fr/fond-de-tiroir-3-recuperation-des-issues-github-avec-un-tag-precis/feed/</wfw:commentRss>
  224. <slash:comments>0</slash:comments>
  225. </item>
  226. <item>
  227. <title>Fond de tiroir #2 ~ Ping des sites web et avertissement par mail</title>
  228. <link>http://blog.idleman.fr/fond-de-tiroir-2-ping-des-sites-web-et-avertissement-par-mail/</link>
  229. <comments>http://blog.idleman.fr/fond-de-tiroir-2-ping-des-sites-web-et-avertissement-par-mail/#comments</comments>
  230. <dc:creator><![CDATA[Idleman]]></dc:creator>
  231. <pubDate>Fri, 23 Jun 2017 17:44:41 +0000</pubDate>
  232. <category><![CDATA[Développement]]></category>
  233. <category><![CDATA[Fond de tiroirs]]></category>
  234. <category><![CDATA[Fouillis]]></category>
  235. <category><![CDATA[PHP]]></category>
  236. <guid isPermaLink="false">http://blog.idleman.fr/?p=4328</guid>
  237. <description><![CDATA[Pour continuer dans la série de mes fonds de tiroirs, je vous propose aujourd&#8217;hui un simple fichier PHP unique vous permettant d&#8217;aller vérifier régulièrement que vos sites/applications web sont toujours ...]]></description>
  238. <content:encoded><![CDATA[<p>Pour continuer dans la série de <a href="http://blog.idleman.fr/fond-de-tiroir-1-generateur-de-doc-javascript-monofichier/">mes fonds de tiroirs</a>, je vous propose aujourd&#8217;hui un simple fichier PHP unique vous permettant d&#8217;aller vérifier régulièrement que vos sites/applications web sont toujours en ligne et retournent bien une en-tête http 200 (=Tout vas bien), le cas échéant, vous pouvez envoyer un mail et monitorer tout ça sur une simple page de consultation.</p>
  239. <p><span id="more-4328"></span></p>
  240. <p>Le script est en PHP, il utilise une base de donnée sqlite auto généré lors du premier lancement.</p>
  241. <p>Il vous est possible d&#8217;ajouter autant de site web que vous le souhaitez et d&#8217;avertir 0 ou plusieurs contacts</p>
  242. <p><img loading="lazy" class="aligncenter size-full wp-image-4331" src="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-10_27_12-EYZ.png" alt="" width="1242" height="304" srcset="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-10_27_12-EYZ.png 1242w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-10_27_12-EYZ-300x73.png 300w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-10_27_12-EYZ-768x188.png 768w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-10_27_12-EYZ-1024x251.png 1024w" sizes="(max-width: 1242px) 100vw, 1242px" /></p>
  243. <p>Lorsque le script détecté autre chose qu&#8217;une réponse 200, il met à jour l&#8217;espace de visualisation avec la couleur / code / erreur correspondante et envois un mail aux contacts spécifiés</p>
  244. <p><img loading="lazy" class="aligncenter size-full wp-image-4332" src="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-10_24_10-127.0.0.1_eyz.php_actioncron.png" alt="" width="406" height="185" srcset="http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-10_24_10-127.0.0.1_eyz.php_actioncron.png 406w, http://blog.idleman.fr/oangyxoa/2017/06/2017-06-23-10_24_10-127.0.0.1_eyz.php_actioncron-300x137.png 300w" sizes="(max-width: 406px) 100vw, 406px" /><br />
  245. Afin que le script aille vérifier régulièrement les sites que vous aurez enregistré il vous faut mettre en place un CRON(linux) ou une tache planifiée (Windows) qui ira régulièrement exécuter l&#8217;adresse http://votreserveur<strong>/eyz.php?action=cron</strong></p>
  246. <p>je vous conseille d&#8217;ajouter un htaccess pour limiter l&#8217;accès au script, je n&#8217;ai pas pris le temps de créer une authentification.</p>
  247. <p><strong>Points forts: </strong></p>
  248. <ul>
  249. <li>Le Script tient en un seul fichier</li>
  250. <li>Toutes les erreurs http possibles sont décrites (liste descriptives interne)</li>
  251. <li>Email multiples possible</li>
  252. <li>Installation relativement simple puisque rien à faire</li>
  253. <li>Modification &#8220;Inline&#8221;</li>
  254. <li>Récupère pas mal d&#8217;infos des serveurs interrogés (temps de transaction, code HTTP, encodage retourné, type/taille de contenu disponible etc&#8230;)</li>
  255. </ul>
  256. <p><strong>Points faibles</strong></p>
  257. <ul>
  258. <li>Pas d&#8217;authentification (il faut passer par un htaccess)</li>
  259. <li>Prérequis php sqlite nécessaire</li>
  260. <li>Script très peu testé/éprouvé</li>
  261. <li>Nécessite la mise en place d&#8217;une tâche planifiée/CRON pour faire la vérification automatique</li>
  262. </ul>
  263. <p><a class="btn btn-primary" href="http://blog.idleman.fr/oangyxoa/2017/06/eyz.zip"><i class="fa fa-download"></i> Télécharger le bousin</a></p>
  264. ]]></content:encoded>
  265. <wfw:commentRss>http://blog.idleman.fr/fond-de-tiroir-2-ping-des-sites-web-et-avertissement-par-mail/feed/</wfw:commentRss>
  266. <slash:comments>6</slash:comments>
  267. </item>
  268. <item>
  269. <title>Fond de tiroir #1 ~ Générateur de doc javascript monofichier</title>
  270. <link>http://blog.idleman.fr/fond-de-tiroir-1-generateur-de-doc-javascript-monofichier/</link>
  271. <comments>http://blog.idleman.fr/fond-de-tiroir-1-generateur-de-doc-javascript-monofichier/#comments</comments>
  272. <dc:creator><![CDATA[Idleman]]></dc:creator>
  273. <pubDate>Thu, 01 Jun 2017 19:30:38 +0000</pubDate>
  274. <category><![CDATA[Développement]]></category>
  275. <category><![CDATA[Fond de tiroirs]]></category>
  276. <category><![CDATA[Javascript]]></category>
  277. <category><![CDATA[PHP]]></category>
  278. <category><![CDATA[Snippet]]></category>
  279. <guid isPermaLink="false">http://blog.idleman.fr/?p=4305</guid>
  280. <description><![CDATA[Si vous êtes un développeur dans l&#8217;âme, vous avez déjà eu à faire à cette problématique de la petite idée de projet que vous avez codé en une aprèm puis que vous ...]]></description>
  281. <content:encoded><![CDATA[<p>Si vous êtes un développeur dans l&#8217;âme, vous avez déjà eu à faire à cette problématique de la petite idée de projet que vous avez codé en une aprèm puis que vous n&#8217;avez jamais eu<del> l&#8217;envie</del> le temps de retoucher.</p>
  282. <p>Plus le temps passe et plus le nombre d&#8217;idées qui végètent sans but dans votre placard à projet s&#8217;accumulent&#8230; A la lumière de ce constat, j&#8217;ai décidé d&#8217;ouvrir une petite rubrique pour partager mes fonds de tiroirs, plusieurs n&#8217;en sont qu&#8217;aux balbutiements, aussi je les partage sur ce blog avec quelques explications au cas ou quelqu&#8217;un souhaiterais les ré-exploiter.</p>
  283. <p><span id="more-4305"></span></p>
  284. <p>Mon fond de tiroir du jour est un petit fichier php unique permettant de générer une doc minimaliste au format HTML à partir d&#8217;un fichier javascript.</p>
  285. <p>Concrètement le PHP parse les commentaires au dessus de chaque fonction javascript et génère une page unique de consultation formatée (nom de la fonction, paramètres, descriptif en commentaire&#8230;).</p>
  286. <p>La mise en forme reste volontairement simpliste de manière a pouvoir faire un copier coller sur word ou autres éditeurs répandus n&#8217;acceptant pas le javascript/css poussé.</p>
  287. <p><strong>Points forts :</strong></p>
  288. <ul>
  289. <li>Simple d&#8217;utilisation (simplement deux variables à configurer)</li>
  290. <li>Template html de sortie facile a modifier</li>
  291. <li>Mono fichier</li>
  292. <li>Pas de prérequis autre que PHP</li>
  293. <li>Pas besoin d&#8217;avoir respecté les normes de commentaires de documentation</li>
  294. </ul>
  295. <p><strong>Points faibles:</strong></p>
  296. <ul>
  297. <li>Codé avec les pied</li>
  298. <li>Doc générée ultra minimaliste</li>
  299. <li>non conforme aux standard de commentaires de docs</li>
  300. <li>Créé a la base pour une feuille de plugins jquery donc pas forcement utile/a adapter ailleurs</li>
  301. <li>Les méthodes statiques sont uniquement définie pour les plugins jquery</li>
  302. </ul>
  303. <p>Le fichier PHP est ici pour ceux que ça intéresse :<br />
  304. <a class="btn btn-primary" href="http://blog.idleman.fr/oangyxoa/2017/06/jsdoc.zip"><i class="fa fa-download"></i> Télécharger le bousin</a></p>
  305. <p>Si vous souhaitez l&#8217;améliorer / y accéder via git, vous pouvez trouver le dépôt créé par Chouchen ici :</p>
  306. <p><a href="https://github.com/Chouchen/jsdoc">https://github.com/Chouchen/jsdoc</a></p>
  307. ]]></content:encoded>
  308. <wfw:commentRss>http://blog.idleman.fr/fond-de-tiroir-1-generateur-de-doc-javascript-monofichier/feed/</wfw:commentRss>
  309. <slash:comments>7</slash:comments>
  310. </item>
  311. <item>
  312. <title>Sys1 recrute du dev en région bordelaise</title>
  313. <link>http://blog.idleman.fr/sys1-recrute-du-dev-en-region-bordelaise-3/</link>
  314. <comments>http://blog.idleman.fr/sys1-recrute-du-dev-en-region-bordelaise-3/#comments</comments>
  315. <dc:creator><![CDATA[Idleman]]></dc:creator>
  316. <pubDate>Tue, 14 Mar 2017 10:16:02 +0000</pubDate>
  317. <category><![CDATA[Fouillis]]></category>
  318. <guid isPermaLink="false">http://blog.idleman.fr/?p=4263</guid>
  319. <description><![CDATA[Une fois n&#8217;est pas coutume, je cherche un développeur pour des missions variées (essentiellement en environnement Apache / PHP/ MYSQL). Le contrat consisterait dans un premier temps en un CDD et ...]]></description>
  320. <content:encoded><![CDATA[<p>Une fois n&#8217;est pas coutume, je cherche un développeur pour des missions variées (essentiellement en environnement Apache / PHP/ MYSQL).</p>
  321. <p>Le contrat consisterait dans un premier temps en un CDD et déboucherais sur un CDI si tout roule comme il faut.</p>
  322. <p><span id="more-4263"></span></p>
  323. <p>Les missions peuvent aller de la création de simples sites web (from scratch ou via wordpress) à des logiciel de gestion interne (logistique, erp, e-commerce, appli purement métier etc&#8230;), l&#8217;essentiel du travail étant fait en agence au sein de mon pole développement.</p>
  324. <p>De bonnes bases en<strong> web/PHP</strong> sont nécessaires, les connaissances<strong> C# / .NET</strong> sont un plus, pour le reste, seule la <strong>passion</strong> et le <strong>sérieux</strong> sont requis :).</p>
  325. <p>Si vous êtes intéressé et en région bordelaise, n&#8217;hésitez pas à postuler sur la section <a href="http://sys1.fr/pages/recrutement">recrutement de Sys1</a>, ou à me contacter directement sur ma boite mail <strong><em>idleman arobase idleman point fr</em></strong>.</p>
  326. ]]></content:encoded>
  327. <wfw:commentRss>http://blog.idleman.fr/sys1-recrute-du-dev-en-region-bordelaise-3/feed/</wfw:commentRss>
  328. <slash:comments>5</slash:comments>
  329. </item>
  330. <item>
  331. <title>Snippet #28 ~ Javascript : Récupérer/Modifier les paramètres de la barre d&#8217;adresse</title>
  332. <link>http://blog.idleman.fr/snippet-28-javascript-recuperermodifier-les-parametres-de-la-barre-dadresse/</link>
  333. <comments>http://blog.idleman.fr/snippet-28-javascript-recuperermodifier-les-parametres-de-la-barre-dadresse/#comments</comments>
  334. <dc:creator><![CDATA[Idleman]]></dc:creator>
  335. <pubDate>Mon, 02 Jan 2017 18:13:53 +0000</pubDate>
  336. <category><![CDATA[Développement]]></category>
  337. <category><![CDATA[Javascript]]></category>
  338. <category><![CDATA[Snippet]]></category>
  339. <guid isPermaLink="false">http://blog.idleman.fr/?p=4242</guid>
  340. <description><![CDATA[Bonne année 2017 bande de moules! Je vous souhaite plein de bonnes choses mais surtout beaucoup de blé, des putes et des black-jacks et une bonne santé ! (voilà pour commencer ...]]></description>
  341. <content:encoded><![CDATA[<p>Bonne année 2017 bande de moules! Je vous souhaite plein de bonnes choses mais <del>surtout beaucoup de blé, des putes et des black-jacks</del> et une bonne santé ! (voilà pour commencer l&#8217;année en finesse!)</p>
  342. <p>Comme je suis un chic type et parce que ça fait longtemps qu&#8217;on s&#8217;est pas vu je vous partage une ptite fonction maison pour ne plus se prendre la tête avec la récupération / définition des paramètres de la barre d&#8217;adresse en javascript.</p>
  343. <p><span id="more-4242"></span></p>
  344. <p>Globalement la fonction permet de récupérer un paramètre avec</p>
  345. <p><span class="lang:js decode:true  crayon-inline ">var valeur = parameter(&#8216;nomParametre&#8217;);</span></p>
  346. <p>De définir un paramètre (ou de le modifier si il existe) avec</p>
  347. <p><span class="lang:js decode:true  crayon-inline ">parameter(&#8216;nomParametre&#8217;,&#8217;valeurParametre&#8217;);</span></p>
  348. <p>De supprimer un paramètre avec</p>
  349. <p><span class="lang:js decode:true  crayon-inline ">parameter(&#8216;nomParametre&#8217;,false);</span></p>
  350. <p>La fonction est dispo ci dessous pour javascript et Jquery, je la trouve un peu longue si vous trouvez le moyen de la raccourcir (la fonction, je parle de la fonction&#8230;) n&#8217;hésitez pas à poster un commentaire.</p>
  351. <p><strong>Fonction Javascript natif</strong></p>
  352. <pre class="lang:js decode:true">function parameter(name,value) {
  353.    var parameters = window.location.href.match(/[\\?&amp;]([^&amp;#]*)=([^&amp;#]*)/g);
  354.    var data = {};
  355.    for (var key in parameters) {
  356.        var couple = parameters[key].substring(1, parameters[key].length).split('=');
  357.        data[couple[0]] = couple[1];
  358.    }
  359.    if (value == null)
  360.        return data[name] ? data[name] : null;
  361.    if (value != false) data[name] = value;
  362.    var url = '?';
  363.    for (var key in data) {
  364.        if (value == false &amp;&amp; key == name) continue;
  365.        url += key + '=' + data[key]+'&amp;';
  366.    }
  367.    window.history.pushState('', document.title, url.substring(0, url.length-1));
  368. }</pre>
  369. <p>&nbsp;</p>
  370. <p><strong>Extension Jquery</strong></p>
  371. <pre class="lang:js decode:true">$.parameter = function (name,value) {
  372.    var parameters = window.location.href.match(/[\\?&amp;]([^&amp;#]*)=([^&amp;#]*)/g);
  373.    var data = {};
  374.    for (var key in parameters) {
  375.        var couple = parameters[key].substring(1, parameters[key].length).split('=');
  376.        data[couple[0]] = couple[1];
  377.    }
  378.    if (value == null)
  379.        return data[name] ? data[name] : null;
  380.    if (value != false) data[name] = value;
  381.    var url = '?';
  382.    for (var key in data) {
  383.        if (value == false &amp;&amp; key == name) continue;
  384.        url += key + '=' + data[key]+'&amp;';
  385.    }
  386.    window.history.pushState('', document.title, url.substring(0, url.length-1));
  387. }</pre>
  388. <p>&nbsp;</p>
  389. <p>&nbsp;</p>
  390. ]]></content:encoded>
  391. <wfw:commentRss>http://blog.idleman.fr/snippet-28-javascript-recuperermodifier-les-parametres-de-la-barre-dadresse/feed/</wfw:commentRss>
  392. <slash:comments>2</slash:comments>
  393. </item>
  394. <item>
  395. <title>Snippet #27 ~ Javascript : copier dans le presse papier sans flash (et fonctionne sur ie)</title>
  396. <link>http://blog.idleman.fr/snippet-27-javascript-copier-dans-le-presse-papier-sans-flash-et-fonctionne-sur-ie/</link>
  397. <comments>http://blog.idleman.fr/snippet-27-javascript-copier-dans-le-presse-papier-sans-flash-et-fonctionne-sur-ie/#comments</comments>
  398. <dc:creator><![CDATA[Idleman]]></dc:creator>
  399. <pubDate>Tue, 18 Oct 2016 23:08:27 +0000</pubDate>
  400. <category><![CDATA[Développement]]></category>
  401. <category><![CDATA[Javascript]]></category>
  402. <category><![CDATA[Snippet]]></category>
  403. <guid isPermaLink="false">http://blog.idleman.fr/?p=4215</guid>
  404. <description><![CDATA[Si vous avez déjà tenté de copier une valeur dans le press papier depuis le code de votre site web, vous avez vite du constater qu&#8217;il vous est nécessaire de ...]]></description>
  405. <content:encoded><![CDATA[<p>Si vous avez déjà tenté de copier une valeur dans le press papier depuis le code de votre site web, vous avez vite du constater qu&#8217;il vous est nécessaire de passer<br />
  406. par un flash dégueulasse pour être compatible cross browser ou de vous cantonner à IE clipboard.</p>
  407. <p><span id="more-4215"></span></p>
  408. <p>Fort heureusement les nouvelles API HTML 5 permettent de passer outre le flash (ou le clipboard API qui fonctionnouille de manière pas folichonne selon le navigateur) à l&#8217;aide de la<br />
  409. fonction <strong>execCommand(&#8216;copy&#8217;</strong>).</p>
  410. <p><span style="text-decoration: underline;">Seuls inconvénients de cette commande :</span></p>
  411. <ul>
  412. <li>Il semble nécessaire que la copy parte d&#8217;un événement utilisateur, cela implique qu&#8217;il faut forcement un click sur un élément vous ne pouvez pas lancer la copie direct</li>
  413. <li>La technique est un peu tricky ça ne se fait pas en une commande</li>
  414. <li>Sous IE, il semble que le site ouvre de temps a autre un prompt demandant l’autorisation à l&#8217;utilisateur de copier (il est quand même possible de cliquer sur oui pour récuperer la valeur dans le presse papier mais ça ajoute bêtement un click)</li>
  415. </ul>
  416. <p><strong>Je vous ai bricolé une petite fonction jquery pour simplifier le point 2 :</strong></p>
  417. <p>L&#8217;utilisation est la suivante :<br />
  418. <span class="lang:js decode:true crayon-inline ">$(&#8216;#monBouton&#8217;).copy(&#8220;IdleBlog is op!!&#8221;);</span></p>
  419. <p>L&#8217;installation se fait en ajoutant la clause suivante dans votre javascript (nécessite Jquery)</p>
  420. <pre class="lang:js decode:true">$.fn.extend({    
  421.    copy : function (text) {
  422.        return $(this).click(function () {
  423.            var container = $('&lt;span style="position:absolute;top:-1000px;"&gt;&lt;/span&gt;').text(text);
  424.            $('body').append(container);
  425.            var range = document.createRange();
  426.            var selection = window.getSelection();
  427.            selection.removeAllRanges();
  428.            range.selectNodeContents(container.get(0));
  429.            selection.addRange(range);
  430.            document.execCommand('copy');
  431.            selection.removeAllRanges();
  432.            container.remove();
  433.        });
  434.    }
  435. });</pre>
  436. <p>Bien entendu vous pouvez utiliser <a href="http://tutorialzine.com/2016/10/quick-tip-accessing-the-clipboard-with-javascript/">execCommand sans encapsuler ça dans du jquery </a>même si personnellement je pense que si vous n&#8217;utilisez pas du jquery vous <del>ne méritez pas de vivre</del> allez vous prendre un peu plus la tête pour rien.</p>
  437. <p>Bien à vous.</p>
  438. ]]></content:encoded>
  439. <wfw:commentRss>http://blog.idleman.fr/snippet-27-javascript-copier-dans-le-presse-papier-sans-flash-et-fonctionne-sur-ie/feed/</wfw:commentRss>
  440. <slash:comments>9</slash:comments>
  441. </item>
  442. <item>
  443. <title>Snippet #25 ~ C# : Récupérer un n° de version automatique à chaque build</title>
  444. <link>http://blog.idleman.fr/snippet-25-c-recuperer-un-n-de-version-automatique-a-chaque-build/</link>
  445. <comments>http://blog.idleman.fr/snippet-25-c-recuperer-un-n-de-version-automatique-a-chaque-build/#comments</comments>
  446. <dc:creator><![CDATA[Idleman]]></dc:creator>
  447. <pubDate>Thu, 13 Oct 2016 19:12:53 +0000</pubDate>
  448. <category><![CDATA[C#]]></category>
  449. <category><![CDATA[Développement]]></category>
  450. <category><![CDATA[Snippet]]></category>
  451. <guid isPermaLink="false">http://blog.idleman.fr/?p=4212</guid>
  452. <description><![CDATA[Quoi de plus barbant que de devoir incrémenter le numéro de version de votre programme à chaque nouveau build? Le snippet ci dessous vous permet la récupération du numéro de ...]]></description>
  453. <content:encoded><![CDATA[<p>Quoi de plus barbant que de devoir incrémenter le numéro de version de votre programme à chaque nouveau build?</p>
  454. <p>Le snippet ci dessous vous permet la récupération du numéro de version de votre programme ainsi que du numéro de build sous la forme :</p>
  455. <p><code>V1.0 R1310160959</code></p>
  456. <p><strong>V1.0</strong> : Numéro de version noté dans l&#8217;assembly (version major et minor)<br />
  457. <strong>R1310160959</strong> : Numéro de révision auto généré en fonction de la date ddmmyy + le timestamp du dernier build</p>
  458. <p>Ainsi à chaque génération les 4 derniers chiffres au minimum changeront ce qui vous permet d&#8217;effectuer plusieurs build dans la même journée sans avoir à modifier manuellement quoique ce soit.</p>
  459. <pre class="lang:c# decode:true ">var veVersion = Assembly.GetExecutingAssembly().GetName().Version;
  460. FileInfo fileInfo = new System.IO.FileInfo(System.Reflection.Assembly.GetExecutingAssembly().Location);
  461. String strVersion =  " V" + version.Major + "." + version.Minor + " R" + fileInfo.LastWriteTime.ToString("ddMMyyHHmm");</pre>
  462. <p>&nbsp;</p>
  463. ]]></content:encoded>
  464. <wfw:commentRss>http://blog.idleman.fr/snippet-25-c-recuperer-un-n-de-version-automatique-a-chaque-build/feed/</wfw:commentRss>
  465. <slash:comments>12</slash:comments>
  466. </item>
  467. <item>
  468. <title>Sys1 recrute du dev en région bordelaise</title>
  469. <link>http://blog.idleman.fr/sys1-recrute-du-dev-en-region-bordelaise-2/</link>
  470. <comments>http://blog.idleman.fr/sys1-recrute-du-dev-en-region-bordelaise-2/#respond</comments>
  471. <dc:creator><![CDATA[Idleman]]></dc:creator>
  472. <pubDate>Mon, 27 Jun 2016 09:04:24 +0000</pubDate>
  473. <category><![CDATA[Fouillis]]></category>
  474. <guid isPermaLink="false">http://blog.idleman.fr/?p=4206</guid>
  475. <description><![CDATA[Ma boite recrute un développeur pour des missions en environnement LAMP (PHP/MYSQL). Le contrat consisterait dans un premier temps en un CDD et déboucherais sur un CDI si tout roule ...]]></description>
  476. <content:encoded><![CDATA[<p>Ma boite recrute un développeur pour des missions en environnement LAMP (PHP/MYSQL).</p>
  477. <p>Le contrat consisterait dans un premier temps en un CDD et déboucherais sur un CDI si tout roule comme il faut.</p>
  478. <p>Les missions peuvent aller de la création de simples sites web (from scratch ou via wordpress) à des logiciel de gestion interne (logistique, erp, e-commerce, appli purement métier etc&#8230;), l&#8217;essentiel du travail étant fait en agence au sein du pole développement sous ma houlette éclairée <img src="https://s.w.org/images/core/emoji/13.0.1/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  479. <p>De bonnes bases en<strong> <strong>web/PHP</strong></strong> sont nécessaires, les connaissances<strong> C# / .NET</strong> sont un plus, pour le reste, seule la <strong>passion</strong> et le <strong>sérieux</strong> sont requis :).</p>
  480. <p>Si vous êtes intéressé et en région bordelaise, n&#8217;hésitez pas à postuler sur la section <a href="http://sys1.fr/pages/recrutement">recrutement de Sys1</a>, ou à me contacter directement sur ma boite mail <strong><em>idleman arobase idleman point fr</em></strong>.</p>
  481. ]]></content:encoded>
  482. <wfw:commentRss>http://blog.idleman.fr/sys1-recrute-du-dev-en-region-bordelaise-2/feed/</wfw:commentRss>
  483. <slash:comments>0</slash:comments>
  484. </item>
  485. </channel>
  486. </rss>
  487.  

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//blog.idleman.fr/%3Ffeed%3Drss2

Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda