Congratulations!

[Valid Atom 1.0] This is a valid Atom 1.0 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://fplanque.net/Blog/devblog/?tempskin=_atom

  1. <?xml version="1.0" encoding="utf-8"?><feed xml:lang="fr-FR" xmlns="http://www.w3.org/2005/Atom">
  2. <title>fplanque: blog geek</title>
  3. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/" />
  4. <link rel="self" type="application/atom+xml" href="http://fplanque.net/Blog/devblog/?tempskin=_atom" />
  5. <id>http://fplanque.net/Blog/devblog/?tempskin=_atom</id>
  6. <subtitle>Weblog on web/database development and more... by François PLANQUE.</subtitle>
  7. <generator uri="http://b2evolution.net/" version="6.10.2-stable">b2evolution</generator>
  8. <updated>2018-10-18T06:56:30Z</updated>
  9. <entry>
  10. <title type="text">Domotique KNX : Introduction</title>
  11. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/2017/05/16/domotique-knx-introduction" />
  12. <author>
  13. <name>François Planque</name>
  14. <uri>http://fplanque.net/</uri>
  15. </author>
  16. <category term="Domotique" />
  17. <id>http://fplanque.net/Blog/devblog/2017/05/16/domotique-knx-introduction</id>
  18. <published>2017-05-16T17:20:00Z</published> <updated>2018-05-29T22:08:49Z</updated>
  19. <content type="html"><![CDATA[<div><div><a href="http://fplanque.net/media/dev/quick-uploads/p1072/knx_logo.png?mtime=1494962484" rel="lightbox[p1072]" id="link_137"><img alt="Domotique KNX : Introduction" src="http://fplanque.net/media/dev/quick-uploads/p1072/.evocache/knx_logo.png/fit-320x320.png?mtime=1494962484" width="320" height="153" class="loadimg" /></a></div></div><p>Vous vous apprêtez à faire construire une maison ou un appartement et vous voulez l'équiper en domotique. Voici ce que vous devez savoir sur la norme KNX, à la fois pour comprendre le devis de votre installateur mais aussi pour savoir ce que vous pouvez raisonnablement lui demander ou non...</p>
  20. <p><strong>KNX</strong> (aussi appelé "Konnex") est la norme d'interconnexion d'équipements domotiques multi-marques la plus répandue au monde et tout particulièrement en Europe (la France est un peu à la traine en termes d'adoption). A ce jour, 412 fabricants proposent du matériel compatible et il existe plus de 68.000 installateurs certifiés. Tout cet écosystème est géré par la <a href="https://www.knx.org/">KNX Association</a>.</p>
  21. <p>KNX est une solution essentiellement <strong>filaire</strong>, c'est à dire que la majorité des équipements seront liés entre eux par un câble que l'on passe dans les mûrs. C'est lourd à planifier et à installer, mais c'est très fiable et il n'y a pas besoin de changer des piles en permanence.</p>
  22. <h2>Le bus KNX</h2>
  23. <p>Dans l'absolu, le protocole KNX permet aux matériels <strong>participants</strong> de communiquer entre eux sur différents médias: paire torsadée, radio-fréquence, réseau Ethernet/IP, courant-porteur, infra-rouge... Toutefois, le plus utilisé est le <strong>câble bus KNX</strong> qui ressemble à un câble téléphonique ou câble réseau de couleur verte. Ce <strong>câble vert</strong> est aussi communément appelé <strong>câble KNX</strong>.  Ce câble contient 2 paires torsadés de 2 fils (0,8 mm): la première paire (fils rouge + noir) est le bus de communication; la seconde paire (fils blanc + jaune) peut avoir divers usages (alimentation supplémentaire, connexion d'extensions propriétaires, paire de secours au cas où le rouge+noir devenait défaillant...)</p>
  24. <p>A noter: vous trouverez parfois aussi le terme <strong>EIB</strong> (European Installation Bus) qui est la version originale (crée en 1987) du bus KNX.</p>
  25. <p>Dans une installation KNX typique, tous vos interrupteurs sont reliés à ce câble vert (et non pas au 230 V). Ils envoient un <strong>télégramme</strong> sur le bus lorsque l'on appuie sur un bouton. Un même interrupteur peut ainsi avoir plusieurs touches, chaque touche pouvant envoyer un ou plusieurs télégrammes différents sur le bus. Sur ce même bus KNX, vous pouvez connecter des détecteurs de mouvement, des détecteurs de CO2, des thermostats, etc. Tous peuvent également envoyer et recevoir des télégrammes sur le bus. De manière générale ces élément sont appelés des <strong>capteurs</strong>.</p>
  26. <p>Les capteurs sont en général auto-alimentés par le bus KNX (Courant Continu 29 volts). Cela est possible grâce à une alimentation de bus placée dans votre tableau électrique. Dans la norme KNX, chaque capteur doit consommer au maximum 10 mA. Si un élément a besoin de plus (par exemple: une station météo), on peut utiliser les fils blanc+jaune pour fournir une alimentation supplémentaire. </p>
  27. <p>Selon le nombre de participants à notre installation, il existe des alimentations plus ou moins puissantes, par exemple 320 mA ou 640 mA pour 32 ou 64 participants. La longueur maximum entre l'alimentation et le participant le plus éloigné est de 350m. Il est possible de mettre 2 alimentations maximum par <strong>ligne</strong> de bus KNX (voir plus bas pour les lignes et les coupleurs).</p>
  28. <h2>Les actionneurs</h2>
  29. <p>Envoyer des télégrammes sur le bus n'est utile que si quelqu'un les reçoit et y réagit. C'est là qu'interviennent les <strong>actionneurs</strong> (ou <strong>acteurs</strong>). Il s'agit typiquement de boitiers intégrés au tableau électrique, reliés eux aussi au bus KNX et qui, lorsqu'ils reçoivent un certain télégramme vont ouvrir ou fermer un relais. Cela va permettre d'allumer ou d'éteindre une lampe par exemple. Ces actionneurs sont typiquement vendus en boitiers intégrant 4, 8 ou 16 relais pour une seule carte électronique.</p>
  30. <p>Il existe également des actionneurs pour lampes "dimmables" ("variateurs"), pour volets roulants (souvent appelés "jalousies" dans la terminologie KNX) ou pour vannes de chauffage (ces derniers vont typiquement recevoir des télégrammes de la part des thermostats).</p>
  31. <h2>Afficheurs</h2>
  32. <p>Divers types d'afficheurs peuvent être connectés au bus, allant de petits écrans LCD de signalisation jusqu'à de grands écrans tactiles couleur permettant de commander toutes les fonctions de la maison. Il s'agit toujours du même principe, les états affichés correspondent aux télégrammes reçus et lorsque l'écran est tactile, des télégrammes précis sont envoyés pour chaque action.</p>
  33. <h2>Passerelles</h2>
  34. <p>Il existe aussi des passerelles Homekit ou Alexa par exemples, qui permettent alors d'envoyer des télégrammes depuis un téléphone ou par commande vocale.</p>
  35. <h2>La programmation</h2>
  36. <p>Aucun comportement n'est prédéfini. Par défaut, lorsque l'on branche les interrupteurs et les actionneurs tous ensemble sur le bus, ils ne savent pas communiquer entre eux et ne savent donc rien faire d'utile. </p>
  37. <p>L'installateur doit donc utiliser un logiciel spécial appelé <strong>ETS</strong> et fourni par la KNX Association (1000 € HT -- cher pour un particulier mais rentable pour un installateur). ETS permet d'assigner une adresse physique à chaque participant (interrupteurs, actionneurs...). Ces adresses physique sont un peu comme les adresses IP de l'Internet. Elles permettent à chaque appareil d'avoir une adresse unique. Typiquement <code class="codespan">1.1.1</code>, <code class="codespan">1.1.2</code>, <code class="codespan">1.1.3</code>, etc.</p>
  38. <p>Ensuite, l'installateur va définir des comportements au sein de chaque appareil participant et en particulier l'envoi et la réception de télégrammes sur des <strong>adresses de groupe</strong>. Par exemple, sur une même adresse de groupe, on pourrait avoir 3 touches sur 3 interrupteurs différents et un actionneur. Chaque touche peut envoyer un télégramme qui fera basculer l'actionneur entre on et off. L'actionneur peut, lui aussi, émettre un télégramme de retour d'état sur cette même adresse de groupe. Ainsi les 3 interrupteurs peuvent, par exemple, allumer ou éteindre une LED d'état correspondant à l'état de l'actionneur.</p>
  39. <p>Lorsqu'un participant envoie un télégramme sur une adresse de groupe, ce télégramme sera "vu"/"entendu" par tous les participants du bus, mais seuls ceux qui sont programmés pour réagir à l'adresse de groupe en question vont réagir à ce télégramme (les autres participants vont l'ignorer).</p>
  40. <h2>Intelligence décentralisée</h2>
  41. <p>L'une des particularités du système KNX est qu'il ne nécessite pas de "centre nerveux", c'est-à-dire pas d'ordinateur central qui pourrait tomber en panne et mettre à mal tout le système. Chaque participant communique directement avec les autres et chacun intègre sa propre intelligence. Si l'un d'eux tombe en panne, la panne est typiquement limitée aux fonctions de ce seul appareil.</p>
  42. <p>Le revers de la médaille de cette décentralisation est que chaque participant doit intégrer son propre microprocesseur et son propre logiciel, ce qui augmente sensiblement le prix de chaque composant. </p>
  43. <p>Il est possible d'ajouter des "serveurs" ou des "modules de fonctions logiques" à une installation pour obtenir des fonctions complexes, mais ce n'est pas une obligation (contrairement à ce que le discours commercial de certains fabricants ou installateurs aimerait vous laisser croire).</p>
  44. <h2>Topologie</h2>
  45. <p>Une <strong>ligne</strong> de bus KNX peut avoir 64 participants (n°0 à 63) en plus de l'alimentation de bus. Cette ligne de bus peut être installée physiquement de manière linéaire (aller d'un interrupteur vers le suivant, etc), en étoile, ou un mélange des deux (arborescence). L'électricien peut faire à peu près n'importe quoi (sauf faire des boucles) pour relier les participants lors de l'installation, ce qui a des avantages (pour lui) et des désavantages (pour vous, sur le long terme -- il vaudrait mieux avoir une configuration 100% en étoile pour un maximum de souplesse à l'avenir).</p>
  46. <p>La longueur maximale du bus est de 1 km, mais en pratique la limite est de 350m par rapport à l'alimentation. La vitesse de communication est de 9600 bps, ce qui est ridiculement faible (comparé à un réseau Ethernet opérant à 1 Gbps soit 1 000 000 000 bps) mais acceptable car les télégrammes sont ridiculement compacts (parfois 1 bit de charge utile, maximum 16 octets de charge utile). C'est grâce à cette faible vitesse que l'on peut opérer avec des topologies très diverses et des longueurs de câbles très grandes.</p>
  47. <p>Si vous avez besoin de plus de 64 participants, vous pouvez installer des répéteurs de lignes (bricolage, un peu comme les répéteurs WiFi) ou bien des coupleurs de ligne branchés à une ligne principale (maximum 15 coupleurs de ligne). Dans le cas de coupleurs de ligne, chaque ligne aura sa propre alimentation.</p>
  48. <p>Sur une nouvelle ligne, les adresses physiques seront différentes. Par exemple:</p>
  49. <ul>
  50. <li>Ligne 1 (par exemple la ligne principale):  <code class="codespan">1.1.1</code>, <code class="codespan">1.1.2</code>, <code class="codespan">1.1.3</code>, etc.</li>
  51. <li>Ligne 2 (par exemple la ligne "RF"):  <code class="codespan">1.2.1</code>, <code class="codespan">1.2.2</code>, <code class="codespan">1.2.3</code>, etc.</li>
  52. </ul>
  53. <p>Vous pouvez aller encore plus loin avec des coupleurs de zone, mais c'est hors du contexte d'une maison individuelle. (On aurait des adresses du type <code class="codespan">2.1.1</code>, <code class="codespan">2.1.2</code>, <code class="codespan">2.1.3</code>, etc.)</p>
  54. <p>En revanche, ce qui sera plus courant dans une maison individuelle sera d'avoir des coupleurs supplémentaires entre le bus KNX et le réseau Ethernet/IP, un coupleur RF (pour utiliser des télécommandes sans fil), éventuellement une interface USB... et une passerelle vers HomeKit ou Alexa... dont je vous reparlerai au prochain épisode si il y a des intéressés ;)</p><div class="item_footer"><p><small><a href="http://fplanque.net/Blog/devblog/2017/05/16/domotique-knx-introduction">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content>
  55. </entry>
  56.  
  57. <entry>
  58. <title type="text">Comment tester son débit ADSL/Fibre</title>
  59. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/2012/06/12/tester-son-debit-adsl-fibre" />
  60. <author>
  61. <name>François Planque</name>
  62. <uri>http://fplanque.net/</uri>
  63. </author>
  64. <category term="Geek!" />
  65. <category term="Technologie" />
  66. <category term="Réseau" />
  67. <id>http://fplanque.net/Blog/devblog/2012/06/12/tester-son-debit-adsl-fibre</id>
  68. <published>2012-06-12T18:39:00Z</published> <updated>2012-06-12T18:39:32Z</updated>
  69. <content type="html"><![CDATA[<div><div><a href="http://fplanque.net/media/misc/shutterstock_223543591 speed.jpg?mtime=1422031074" rel="lightbox[p1022]" id="link_85"><img alt="Comment tester son débit ADSL/Fibre" src="http://fplanque.net/media/misc/.evocache/shutterstock_223543591 speed.jpg/fit-320x320.jpg?mtime=1422031074" width="320" height="320" class="loadimg" /></a></div></div><p>Aujourd'hui on m'a raccordé à la fibre. La fibre jusqu'à l'appart (FTTH - Fiber To The Home) enfin... en 2012, c'est pas trop tôt :p</p>
  70. <p>Anyways, je voulais donc savoir ce qu'on gagne par rapport à l'ADSL... et là je me rends compte qu'il y a très peu de solutions de test de bande passante vraiment efficace.</p>
  71. <p>En fait on ne sait jamais trop si la bande passante/le débit mesuré est limité par les équipements du côté de l'opérateur (Orange dans mon cas) ou bien par les serveurs du site de test de débit.  Ceci dit, voici les solutions de test les plus crédibles que j'ai trouvées à ce jour:</p>
  72. <p></p><a href="http://fplanque.net/Blog/devblog/2012/06/12/tester-son-debit-adsl-fibre#more1022">Post complet &raquo;</a><div class="item_footer"><p><small><a href="http://fplanque.net/Blog/devblog/2012/06/12/tester-son-debit-adsl-fibre">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content>
  73. </entry>
  74.  
  75. <entry>
  76. <title type="text">Débit ADSL et "atténuation"</title>
  77. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/2011/06/16/debit-adsl-attenuation" />
  78. <author>
  79. <name>François Planque</name>
  80. <uri>http://fplanque.net/</uri>
  81. </author>
  82. <category term="Geek!" />
  83. <category term="Technologie" />
  84. <category term="Réseau" />
  85. <id>http://fplanque.net/Blog/devblog/2011/06/16/debit-adsl-attenuation</id>
  86. <published>2011-06-16T20:16:00Z</published> <updated>2012-06-12T18:40:30Z</updated>
  87. <content type="html"><![CDATA[<div><div><a href="http://fplanque.net/media/dev/2011/livebox-appt.png?mtime=1308254821" title="Débit ADSL chez moi" rel="lightbox[p1017]" id="link_36"><img title="Débit ADSL chez moi" alt="Débit ADSL et &quot;atténuation&quot;" src="http://fplanque.net/media/dev/2011/.evocache/livebox-appt.png/fit-320x320.png?mtime=1308254821" width="320" height="123" class="loadimg" /></a><div><i>Débit ADSL chez moi</i></div></div><div><a href="http://fplanque.net/media/dev/2011/livebox-bureau.png?mtime=1308254821" title="Débit ADSL au bureau" rel="lightbox[p1017]" id="link_37"><img title="Débit ADSL au bureau" alt="Débit ADSL et &quot;atténuation&quot;" src="http://fplanque.net/media/dev/2011/.evocache/livebox-bureau.png/fit-320x320.png?mtime=1308254821" width="320" height="123" class="loadimg" /></a><div><i>Débit ADSL au bureau</i></div></div></div><p>Orange vient de m'activer l'ADSL dans mon bureau, qui est dans l'immeuble juste à côté de chez moi.</p>
  88. <p>Avec exactement la même livebox, le même contrat et à 25 mètres de distance, j'ai un debit descendant de 20 Mbps au lieu de 16 Mbps. Je ne me plains pas, mais ce que je trouve étrange, c'est qu'apparemment, l'atténuation descendante est la même dans les 2 cas! Plus étrange encore, l'atténuation montante est supérieure (donc plus mauvaise) sur la ligne la plus rapide.</p>
  89. <p>A se demander si le débit est fixé automatiquement ou bien si c'est un technicien qui prends le risque d'en mettre plus ou moins à l'installation selon son évaluation de la marge de sécurité qu'il reste avant qu'on ne perde plein de paquets... ?</p>
  90. <p>En tout cas je garde ces copies d'écran de la livebox pour venir re-comparer dans quelques mois et voir si quelque chose à changé... ;)</p><div class="item_footer"><p><small><a href="http://fplanque.net/Blog/devblog/2011/06/16/debit-adsl-attenuation">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content>
  91. </entry>
  92.  
  93. <entry>
  94. <title type="text">Les URL, c'est pas pour les chiens!</title>
  95. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/2011/06/16/urls-pour-les-chiens" />
  96. <author>
  97. <name>François Planque</name>
  98. <uri>http://fplanque.net/</uri>
  99. </author>
  100. <category term="HTTP/SSL" />
  101. <id>http://fplanque.net/Blog/devblog/2011/06/16/urls-pour-les-chiens</id>
  102. <published>2011-06-16T20:03:00Z</published> <updated>2015-02-06T00:10:37Z</updated>
  103. <content type="html"><![CDATA[<div><div><a href="http://fplanque.net/media/dev/2011/shutterstock_151709183.jpg?mtime=1423181464" rel="lightbox[p1016]" id="link_92"><img alt="Les URL, c&apos;est pas pour les chiens!" src="http://fplanque.net/media/dev/2011/.evocache/shutterstock_151709183.jpg/fit-320x320.jpg?mtime=1423181464" width="320" height="276" class="loadimg" /></a></div></div><p>Suite à un problème de synchro, je suis en train de passer en revue tous mes bookmarks... et je me rends compte que les trois quarts de mes vieux bookmarks (période 2002 à 2005) vers des sites français sont cassés... erreur 404... alors que concernant les sites US, c'est à peine 20%.</p>
  104. <p>Encore une fois, les français brillent par leur totale incompréhension du web...</p>
  105. <p>Les adresses web, les URL, oui vous savez les trucs qui commencent par http:// là... c'est important ces trucs là... à chaque fois que vous les changez sur votre site, eh bien vous perdez des visiteurs... qui comme moi vous avaient mis dans leur signets... et je ne parle pas de la page principale de votre site, je parle des pages tout au fond de votre site! Celles que vous négligez, mais celles qui intéressent en réalité les internautes...</p>
  106. <p>Pire encore, il y a surement des liens vers ces pages depuis d'autres sites... ces liens là se retrouvent cassés...</p>
  107. <p>Quel gâchis!</p>
  108. <p>PS: la solution existe, elle s'appelle redirections 301. Cherchez donc sur Google ;)</p><div class="item_footer"><p><small><a href="http://fplanque.net/Blog/devblog/2011/06/16/urls-pour-les-chiens">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content>
  109. </entry>
  110.  
  111. <entry>
  112. <title type="text">Design web: étape par étape</title>
  113. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/2009/11/18/design-web-etape-par-etape" />
  114. <author>
  115. <name>François Planque</name>
  116. <uri>http://fplanque.net/</uri>
  117. </author>
  118. <category term="Développement Web" />
  119. <id>http://fplanque.net/Blog/devblog/2009/11/18/design-web-etape-par-etape</id>
  120. <published>2009-11-18T18:20:09Z</published> <updated>2010-10-18T00:22:20Z</updated>
  121. <content type="html"><![CDATA[<div><div><a href="http://fplanque.net/media/dev/web-design/shutterstock_216103423.jpg?mtime=1423181020" rel="lightbox[p999]" id="link_90"><img alt="Design web: étape par étape" src="http://fplanque.net/media/dev/web-design/.evocache/shutterstock_216103423.jpg/fit-320x320.jpg?mtime=1423181020" width="320" height="213" class="loadimg" /></a></div></div><p>Parfois, ça fait du bien de récapituler... ;)</p>
  122. <p>
  123. <table border="1">
  124. <tbody>
  125. <tr>
  126. <th align="center"><strong>Etape</strong></th><th align="center">Ce qui est fait</th><th align="center">Ce qui est livré</th> <th>Par qui?</th>
  127. </tr>
  128. <tr>
  129. <td style="text-align: center;">Conception</td>
  130. <td>Le concepteur propose un concept, une structure générale pour le site, y compris une arborescence de navigation. Il est particulièrement important de connaître le nombre de niveaux d'arborescence avant de commencer le design des menus de navigation!</td>
  131. <td>Croquis, schémas, organigrame</td>
  132. <td>Client / SEO / Interaction designer / DA</td>
  133. </tr>
  134. <tr>
  135. <td style="text-align: center;">Design graphique</td>
  136. <td>Un graphiste propose un ou plusieurs styles graphiques en tenant comptes des contraintes exprimées à l'étape précédente.</td>
  137. <td>Fichier image "à plat" pour validation client</td>
  138. <td>DA / Graphiste</td>
  139. </tr>
  140. <tr>
  141. <td style="text-align: center;">Maquette</td>
  142. <td>Un graphiste finalise un design graphique ("<em>pixel perfect</em>") qui correspond au pixel près à ce que le site donnera dans un navigateur web typique.</td>
  143. <td>Fichier PSD calé au pixel près, calques séparés</td>
  144. <td>Graphiste</td>
  145. </tr>
  146. <tr>
  147. <td style="text-align: center;">Découpage</td>
  148. <td>
  149. <p>Le fichier PSD est découpé en images indépendantes, soit par zones, soit par calques ou encore une combinaison des deux, envue de l'étape d'intégration.<br />Diverses icônes sont rassemblées en un seul fichier pour l'optimisation des temps de chargement (techniques des "<em>sprites</em>"). Ce fichier inclue également les versions "<em>roll over</em>" des icônes ou boutons.</p>
  150. </td>
  151. <td>Plusieurs fichiers PNG, GIF et/ou JPG</td>
  152. <td>Graphiste / Intégrateur</td>
  153. </tr>
  154. <tr>
  155. <td style="text-align: center;">Intégration</td>
  156. <td>Une page HTML statique est crée avec des contenus d'exemple "lorem ipsum", les éléments graphiques sont positionnés et tous les styles sont appliqués par CSS. Les rollovers sont gérés dans le fichier CSS. <br />On obtient une page HTML qui, une fois ouverte dans un navigateur, ressemble en tous points à la Maquette d'origine. Les rollovers fonctionnent.</td>
  157. <td>Page HTML ou XHTML statique, accompagnée d'une feuille de style CSS et d'images PNG, GIF ou CSS.</td>
  158. <td>Graphiste / Intégrateur / SEO</td>
  159. </tr>
  160. <tr>
  161. <td style="text-align: center;">Dévelopement <em>client side</em></td>
  162. <td>Un dévelopeur rajoute les éléments javascripts dynamiques tels que menus déroulants, onglets montrant des contenus interactifs, animations, et autres "gadgets" potentiels.</td>
  163. <td>Même page HTML que précédemment augmentée d'un fichier Javascript (.js)</td>
  164. <td>Développeur client side / Interaction designer / SEO</td>
  165. </tr>
  166. <tr>
  167. <td style="text-align: center;">Dévelopement <em>server side</em></td>
  168. <td>Un développeur réalise l'interfaçage avec la base de données, par exemple en PHP. Les contenus "<em>lorem ipsum</em>" sont remplacés par de vrais contenus en temps réel. Les champs de recherche permettent de lancer des recherches. C'est également à cette étape que sont rajoutés les interfaces AJAX telles que: suggestions de recherche d'après les premiers caractères tapés...</td>
  169. <td>Le fichier .html devient un fichier .php . Pour le voir fonctionner il faut le placer sur un serveur web.</td>
  170. <td>Développeur sever side / Développeur client side / Interaction designer / SEO</td>
  171. </tr>
  172. </tbody>
  173. </table>
  174. </p><div class="item_footer"><p><small><a href="http://fplanque.net/Blog/devblog/2009/11/18/design-web-etape-par-etape">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content>
  175. </entry>
  176.  
  177. <entry>
  178. <title type="text">Tous ces trucs qui démarrent automatiquement dans Windows...</title>
  179. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/2009/09/28/lancement_demarrage_automatique_windows" />
  180. <author>
  181. <name>François Planque</name>
  182. <uri>http://fplanque.net/</uri>
  183. </author>
  184. <category term="Windows" />
  185. <id>http://fplanque.net/Blog/devblog/2009/09/28/lancement_demarrage_automatique_windows</id>
  186. <published>2009-09-28T17:26:52Z</published> <updated>2010-10-18T00:22:20Z</updated>
  187. <content type="html"><![CDATA[<div class="image_block"><a href="http://fplanque.net/Blog/Content/dev/screenshots/msconfig.gif"><img src="http://fplanque.net/Blog/Content/dev/screenshots/msconfig_small.gif" alt="msconfig.exe" title="msconfig.exe" width="320" height="210" /></a><div class="image_legend">msconfig.exe</div></div><p> </p>
  188.  
  189. <p>Pour voir la liste de toutes les saloperies qui démarrent automatiquement et ralentissent Windows: Démarrer > Executer > msconfig.exe</p><div class="item_footer"><p><small><a href="http://fplanque.net/Blog/devblog/2009/09/28/lancement_demarrage_automatique_windows">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content>
  190. </entry>
  191.  
  192. <entry>
  193. <title type="text">Cartes mémoire: standardisation autour des cartes SD?</title>
  194. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/2009/07/14/cartes-memoire-standardisation-autour-des-cartes-sd" />
  195. <author>
  196. <name>François Planque</name>
  197. <uri>http://fplanque.net/</uri>
  198. </author>
  199. <category term="Multimedia" />
  200. <id>http://fplanque.net/Blog/devblog/2009/07/14/cartes-memoire-standardisation-autour-des-cartes-sd</id>
  201. <published>2009-07-14T16:30:44Z</published> <updated>2010-10-18T00:22:20Z</updated>
  202. <content type="html"><![CDATA[<div><div><a href="http://fplanque.net/media/dev/2009/shutterstock_216001609.jpg?mtime=1423180719" rel="lightbox[p985]" id="link_89"><img alt="Cartes mémoire: standardisation autour des cartes SD?" src="http://fplanque.net/media/dev/2009/.evocache/shutterstock_216001609.jpg/fit-320x320.jpg?mtime=1423180719" width="320" height="213" class="loadimg" /></a></div></div><p>Il y a beaucoup trop de formats de cartes mémoire!</p>
  203. <p>En quelques années j'ai personnellement accumulé des cartes Compact Flash, des cartes SD et des Memory Sticks... et ça c'est sans compter les clefs USB! Et évidemment aucune n'est compatible avec aucune autre! Et encore... j'ai échappé à pire! Il suffit d'un coup d'oeil sur une boutique en ligne de cartes mémoire pour se rendre compte de la pléthore de formats en circulation: Micro SD, Mini SD, Pro Duo, Micro M2, XD, etc... !</p>
  204. <p>Alors, vous trouvez peut être que c'est pas grave parce qu'on a des ordinateurs avec des lecteurs "18 en 1" (c'est-à-dire très moches et truffés de trous de formes diverses et variées) mais en réalité, en général on utilise ces cartes dans des appareils nomades (appareils photos, camescopes, téléphones, GPS, etc.) et quand une carte est pleine, par exemple, et qu'on voudrait continuer à prendre des photos, qu'est-ce qu'on fait?</p>
  205. <ol>
  206. <li>Première solution: on décharge la carte sur son ordinateur portable... ah mince... pas de lecteur "18-en-1" ce coup-ci! Dommage!</li>
  207. <li>Deuxième solution: on prend une carte dans un autre appareil sur laquelle il restait de la place et on la glisse dans l'appareil photo... pour peu que ce soit le même format de cartes!</li>
  208. </ol>
  209. <p>Je me suis fait avoir une fois de trop lors d'un récent voyage. Du coup j'ai décidé de standardiser! Je n'utilise désormais plus que des appareils utilisant le format SD/SDHC! Personnellement je fais le pari que ce format est celui qui survivra à tous les autres!</p>
  210. <p>En fait, je me base sur 3 constatations pour déclarer le format SD comme standard universel de la carte mémoire:</p>
  211. <ul>
  212. <li>Mon premier appareil photo Nikon utilisait des CompactFlash. Maintenant Nikon sort des appareils stockant sur cartes SDHC. (Le D5000 par exemple)</li>
  213. <li>Mon dernier portable Sony VAIO (TZ): en plus du format propriétaire Sony (Memory Stick), il était équipé d'un lecteur compact Flash.</li>
  214. <li>Apple, sur sa dernière gamme de laptops, a remplacé le port d'extension XpressCard par un simple lecteur  SDHC, faisant eux aussi le pari que tout autre lecteur/format était sur le point de devenir marginal.</li>
  215. </ul>
  216. <p>Parfois j'entends dire que les CompactFlash sont plus rapides (ce qui serait utile pour les appareils photo pro avec des très gros fichiers RAW), mais sur le long terme, je n'y crois pas trop...</p><div class="item_footer"><p><small><a href="http://fplanque.net/Blog/devblog/2009/07/14/cartes-memoire-standardisation-autour-des-cartes-sd">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content>
  217. </entry>
  218.  
  219. <entry>
  220. <title type="text">Mac/PC divergences de couleur...</title>
  221. <link rel="alternate" type="text/html" href="http://fplanque.net/Blog/devblog/2007/01/30/mac_pc_couleur_photoshop" />
  222. <author>
  223. <name>François Planque</name>
  224. <uri>http://fplanque.net/</uri>
  225. </author>
  226. <category term="Développement Web" />
  227. <category term="Windows" />
  228. <category term="Mac" />
  229. <id>http://fplanque.net/Blog/devblog/2007/01/30/mac_pc_couleur_photoshop</id>
  230. <published>2007-01-30T13:13:00Z</published> <updated>2015-02-06T00:04:18Z</updated>
  231. <content type="html"><![CDATA[<div><div><a href="http://fplanque.net/media/dev/2007/shutterstock_235930579.jpg?mtime=1423181223" rel="lightbox[p807]" id="link_91"><img alt="Mac/PC divergences de couleur..." src="http://fplanque.net/media/dev/2007/.evocache/shutterstock_235930579.jpg/fit-320x320.jpg?mtime=1423181223" width="320" height="213" class="loadimg" /></a></div></div><h3> En quête de couleur </h3>
  232.  
  233. <p>Sur mon bureau il y a 3 écrans plats (SONY SM-S95DR) rigoureusement identiques. Les réglages sont identiques et les numéros de série se suivent, ce qui permet également de présumer raisonnablement de composants électroniques &#8220;identiques". En temps normal, les 3 écrans sont reliés numériquement (DVI-D) à mon PC et affichent rigoureusement les mêmes couleurs.</p>
  234.  
  235. <p>Le problème du jour: éditer des images sur Photoshop (CS2) sur Mac et obtenir les mêmes couleurs à l&#8217;arrivée sur PC dans un browser web&#8230; Ben c&#8217;est pas simple!! :(</p>
  236.  
  237. <p>Je commence par brancher mon Mac (OS X 10.4.8 Tiger) en DVI sur l&#8217;écran du milieu et je laisse le PC sur les écrans des côtés. J&#8217;affiche le même fond d&#8217;écran et la même image PNG de test &#8211; sous ACDSee sur PC et Preview (la Visionneuse) sur Mac. Et bien sûr&#8230; rien n&#8217;est pareil!</p>
  238.  
  239. <h3> Calibration </h3>
  240.  
  241. <p>Je clique dans tous les sens et je fini par trouver une solution à peu près satisfaisante: sur le Mac, je vais dans les Préférences Système puis Moniteurs puis Couleur. Un profil nommé &#8220;SDM-S95DR/FR&#8221; et correspondant à mon moniteur est présélectionné. (Je me demande d&#8217;où vient ce profil? Est-ce qu&#8217;il est intégré à OS X ou bien est-ce que c&#8217;est le moniteur qui a envoyé ses valeurs par DVI au Mac. Je table sur la deuxième solution parce que ça ressemble plus à de la science fiction mais en réalité je n&#8217;en sais rien&#8230;)</p>
  242.  
  243. <div class="image_block"><img src="http://fplanque.net/Blog/Content/dev/screenshots/colorsync.jpg" alt="" title="" width="400" height="265" /></div>
  244.  
  245. <a href="http://fplanque.net/Blog/devblog/2007/01/30/mac_pc_couleur_photoshop#more807">Post complet &raquo;</a><div class="item_footer"><p><small><a href="http://fplanque.net/Blog/devblog/2007/01/30/mac_pc_couleur_photoshop">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content>
  246. </entry>
  247.  
  248. </feed>
  249.  

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 Atom 1.0" 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//fplanque.net/Blog/devblog/%3Ftempskin%3D_atom

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