{"id":29455,"date":"2017-04-22T08:53:40","date_gmt":"2017-04-22T06:53:40","guid":{"rendered":"http:\/\/www.makerslide-machines.com\/?p=29455"},"modified":"2018-08-12T16:27:21","modified_gmt":"2018-08-12T14:27:21","slug":"en-2-use-rgb-led-with-webduino-smart","status":"publish","type":"post","link":"http:\/\/www.makerslide-machines.xyz\/old\/2017\/04\/22\/en-2-use-rgb-led-with-webduino-smart\/","title":{"rendered":"2 – Utiliser la DEL RGB de la carte Webduino smart"},"content":{"rendered":"

[:en][et_pb_section admin_label=\u00a0\u00bbsection\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″][et_pb_post_title admin_label=\u00a0\u00bbTitre du poste\u00a0\u00bb title=\u00a0\u00bbon\u00a0\u00bb meta=\u00a0\u00bbon\u00a0\u00bb author=\u00a0\u00bbon\u00a0\u00bb date=\u00a0\u00bbon\u00a0\u00bb categories=\u00a0\u00bbon\u00a0\u00bb comments=\u00a0\u00bboff\u00a0\u00bb featured_image=\u00a0\u00bboff\u00a0\u00bb featured_placement=\u00a0\u00bbbelow\u00a0\u00bb parallax_effect=\u00a0\u00bbon\u00a0\u00bb parallax_method=\u00a0\u00bbon\u00a0\u00bb text_orientation=\u00a0\u00bbleft\u00a0\u00bb text_color=\u00a0\u00bbdark\u00a0\u00bb text_background=\u00a0\u00bboff\u00a0\u00bb text_bg_color=\u00a0\u00bbrgba(255,255,255,0.9)\u00a0\u00bb module_bg_color=\u00a0\u00bbrgba(255,255,255,0)\u00a0\u00bb title_all_caps=\u00a0\u00bboff\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb] [\/et_pb_post_title][et_pb_text admin_label=\u00a0\u00bbTexte\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb text_orientation=\u00a0\u00bbleft\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb]<\/p>\n

\"smart-blink\"<\/p>\n

The Webduino Smart development board has a built-in micro RGB<\/strong> (red<\/strong><\/span>, green<\/span><\/strong> and blue<\/strong><\/span>) LED<\/strong> (common cathode).<\/p>\n

The default pin numbers for red<\/span><\/strong>, green<\/span><\/strong>, and blue<\/span><\/strong> are 15<\/strong><\/span>, 12<\/span><\/strong>, and 13<\/strong><\/span> respectively.
\nTherefore, Webduino Smart is able to create lights with various colors directly.<\/p>\n

 <\/p>\n

Instruction of Webduino Blockly<\/span><\/h3>\n

To start blockly go to<\/strong>\u00a0blockly.webduino.io<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

First, add a \u00ab\u00a0Smart\u00a0\u00bb block from the \u00ab\u00a0Board\u00a0\u00bb menu and select \u00ab\u00a0WebSocket\u00a0\u00bb<\/span><\/strong>. ( the web address of the webduino blockly must begin with http and not https<\/span><\/strong> )
\nThen, key in the IP address of development board<\/strong>. (please refer to webduino introduction and setup<\/a><\/strong><\/span> \u00a0for the IP address)<\/p>\n

\"smart-03-02\"<\/p>\n

Add a RGB LE<\/strong>D (common cathode) block from the \u00ab\u00a0Components\u00a0\u00bb menu.<\/span> <\/strong>
\nSet the pin numbers to 15 for red, 12 for green, and 13 for blue. <\/strong><\/p>\n

\"smart-03-03\"<\/p>\n

Under the Web Demo menu add \u00ab\u00a0Click Button<\/span><\/strong>, Do\u00a0\u00bb blocks to the stack. Then connect \u00ab\u00a0RGBLED Set Color\u00a0\u00bb blocks to those.
\nSelect different colors in the blocks for the buttons 1 through 5<\/strong><\/span>.<\/p>\n

\"smart-03-04\"<\/p>\n

 <\/p>\n

 <\/p>\n

[\/et_pb_text][et_pb_comments admin_label=\u00a0\u00bbCommentaires\u00a0\u00bb show_avatar=\u00a0\u00bbon\u00a0\u00bb show_reply=\u00a0\u00bbon\u00a0\u00bb show_count=\u00a0\u00bboff\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_button=\u00a0\u00bboff\u00a0\u00bb button_letter_spacing=\u00a0\u00bb0″ button_use_icon=\u00a0\u00bbdefault\u00a0\u00bb button_icon_placement=\u00a0\u00bbright\u00a0\u00bb button_on_hover=\u00a0\u00bbon\u00a0\u00bb button_letter_spacing_hover=\u00a0\u00bb0″] [\/et_pb_comments][\/et_pb_column][\/et_pb_row][\/et_pb_section][:fr][et_pb_section admin_label=\u00a0\u00bbsection\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″][et_pb_post_title admin_label=\u00a0\u00bbTitre du poste\u00a0\u00bb title=\u00a0\u00bbon\u00a0\u00bb meta=\u00a0\u00bbon\u00a0\u00bb author=\u00a0\u00bbon\u00a0\u00bb date=\u00a0\u00bbon\u00a0\u00bb categories=\u00a0\u00bbon\u00a0\u00bb comments=\u00a0\u00bboff\u00a0\u00bb featured_image=\u00a0\u00bboff\u00a0\u00bb featured_placement=\u00a0\u00bbbelow\u00a0\u00bb parallax_effect=\u00a0\u00bbon\u00a0\u00bb parallax_method=\u00a0\u00bbon\u00a0\u00bb text_orientation=\u00a0\u00bbleft\u00a0\u00bb text_color=\u00a0\u00bbdark\u00a0\u00bb text_background=\u00a0\u00bboff\u00a0\u00bb text_bg_color=\u00a0\u00bbrgba(255,255,255,0.9)\u00a0\u00bb module_bg_color=\u00a0\u00bbrgba(255,255,255,0)\u00a0\u00bb title_all_caps=\u00a0\u00bboff\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb] [\/et_pb_post_title][et_pb_text admin_label=\u00a0\u00bbTexte\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb text_orientation=\u00a0\u00bbleft\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb]<\/p>\n

\"smart-blink\"<\/p>\n

La carte Webduino smart poss\u00e8de une DEL RGB<\/strong> (red<\/strong><\/span>, green<\/span><\/strong> and blue<\/strong><\/span>) interne, cette DEL RGB<\/strong> poss\u00e8de 4 broches, une broche cathode commune aux trois couleurs reli\u00e9e au moins.<\/p>\n

Les broches anodes par d\u00e9faut\u00a0 red<\/span><\/strong>, green<\/span><\/strong>, and blue<\/span><\/strong> sont 15<\/strong><\/span>, 12<\/span><\/strong>, and 13<\/strong><\/span> respectivement.
\nWebduino smart est capable de cr\u00e9er une grande vari\u00e9t\u00e9 de couleurs en programmant des valeurs diff\u00e9rentes aux 3 broches RGB<\/strong>.<\/p>\n

Programmation de la carte avec Webduino Blockly<\/span><\/h3>\n

Webduino Blockly est un langage de programmation visuel adapt\u00e9 aux d\u00e9butants, la programmation se fait en d\u00e9pla\u00e7ant des blocs comme avec Scratch.<\/p>\n

Pour commencer \u00e0 programmer, allez \u00e0 cette adresse<\/strong> blockly.webduino.io<\/a><\/p>\n

Attention :<\/strong><\/span> l’adresse peut \u00eatre blockly.webduino.io<\/strong> ou http:\/\/blockly.webduino.io<\/strong><\/span> mais ne doit pas commencer par https<\/strong><\/span><\/span><\/p>\n

\"debut-adresse\"<\/p>\n

D’abord pour d\u00e9marrer un programme vous devez s\u00e9lectionner le bloc \u00ab\u00a0Board<\/span>\u00a0\u00bb (carte \u00e9lectronique)<\/span><\/strong><\/p>\n

\"choisir-la-carte-smart\"<\/p>\n

Choisissez la carte \u00e9lectronique \u00ab\u00a0Smart<\/strong>\u00a0\u00bb<\/p>\n

\"websocket\"<\/p>\n

Il faut ensuite utiliser le protocole de communication \u00ab\u00a0WebSocket<\/strong><\/span>\u00a0\u00bb afin de pouvoir faire communiquer les objets avec le web.<\/p>\n

Tapez alors\u00a0 l’adresse IP de la carte<\/strong>. (se r\u00e9f\u00e9rer \u00e0 webduino introduction et param\u00e9trage<\/a><\/strong><\/span> pour l’adresse IP)<\/p>\n

\"smart-03-02\"<\/p>\n

Ajoutez un bloc DEL RGB<\/strong> ( cathode commune) venant du menu \u00ab\u00a0Composants\u00a0\u00bb<\/span> <\/strong>
\nMettre les num\u00e9ros de broche \u00e0 15 pour le rouge, 12 pour le vert, et 13 pour le bleu. <\/strong><\/p>\n

\"smart-03-03\"<\/p>\n

\"bouton-demo\"<\/p>\n

Pour ajouter des boutons de test \u00e0 votre programme, il faut :<\/span><\/span><\/strong>
\n1<\/strong> ) Activer \u00ab\u00a0Web D\u00e9mo<\/strong>\u00a0\u00bb
\n2<\/strong> ) Choisir \u00ab\u00a0Click Button<\/strong>\u00a0\u00bb
\n3<\/strong> ) Le bloc \u00ab\u00a0Click Button<\/strong>\u00a0\u00bb appara\u00eet maintenant dans la liste des composants
\n4<\/strong> ) Vous pouvez maintenant glisser ce bloc dans votre programme.<\/p>\n

\"smart-03-04\"<\/p>\n

Ajoutez 5 boutons qui activeront chacun une couleur diff\u00e9rente<\/strong><\/span><\/p>\n

 <\/p>\n

 <\/p>\n

[\/et_pb_text][et_pb_comments admin_label=\u00a0\u00bbCommentaires\u00a0\u00bb show_avatar=\u00a0\u00bbon\u00a0\u00bb show_reply=\u00a0\u00bbon\u00a0\u00bb show_count=\u00a0\u00bboff\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_button=\u00a0\u00bboff\u00a0\u00bb button_letter_spacing=\u00a0\u00bb0″ button_use_icon=\u00a0\u00bbdefault\u00a0\u00bb button_icon_placement=\u00a0\u00bbright\u00a0\u00bb button_on_hover=\u00a0\u00bbon\u00a0\u00bb button_letter_spacing_hover=\u00a0\u00bb0″] [\/et_pb_comments][\/et_pb_column][\/et_pb_row][\/et_pb_section][:]<\/p>\n","protected":false},"excerpt":{"rendered":"

[:en][et_pb_section admin_label=\u00a0\u00bbsection\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″][et_pb_post_title admin_label=\u00a0\u00bbTitre du poste\u00a0\u00bb title=\u00a0\u00bbon\u00a0\u00bb meta=\u00a0\u00bbon\u00a0\u00bb author=\u00a0\u00bbon\u00a0\u00bb date=\u00a0\u00bbon\u00a0\u00bb categories=\u00a0\u00bbon\u00a0\u00bb comments=\u00a0\u00bboff\u00a0\u00bb featured_image=\u00a0\u00bboff\u00a0\u00bb featured_placement=\u00a0\u00bbbelow\u00a0\u00bb parallax_effect=\u00a0\u00bbon\u00a0\u00bb parallax_method=\u00a0\u00bbon\u00a0\u00bb text_orientation=\u00a0\u00bbleft\u00a0\u00bb text_color=\u00a0\u00bbdark\u00a0\u00bb text_background=\u00a0\u00bboff\u00a0\u00bb text_bg_color=\u00a0\u00bbrgba(255,255,255,0.9)\u00a0\u00bb module_bg_color=\u00a0\u00bbrgba(255,255,255,0)\u00a0\u00bb title_all_caps=\u00a0\u00bboff\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb] [\/et_pb_post_title][et_pb_text admin_label=\u00a0\u00bbTexte\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb text_orientation=\u00a0\u00bbleft\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb] The Webduino Smart development board has a built-in micro RGB (red, green and blue) LED (common cathode). The default pin numbers for […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[89],"tags":[],"class_list":["post-29455","post","type-post","status-publish","format-standard","hentry","category-internet-des-objets"],"_links":{"self":[{"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/posts\/29455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/comments?post=29455"}],"version-history":[{"count":1,"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/posts\/29455\/revisions"}],"predecessor-version":[{"id":33011,"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/posts\/29455\/revisions\/33011"}],"wp:attachment":[{"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/media?parent=29455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/categories?post=29455"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.makerslide-machines.xyz\/old\/wp-json\/wp\/v2\/tags?post=29455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}