Mongoose networking library on Windows CE

Mongoose networking library on Windows CE

Read more »

Hardware-to-Hardware Communication with Johnny-Five

<p>JavaScript has taken the programming languages by storm and in recent years, it has become the most popular language of the web. JavaScript was originally used only on front end side for DOM manipulation and making interactions possible using animations and jQuery. Then the introduction of NodeJS was a game changer as it enabled JavaScript to run on server side too.</p> <p>One language to rule the client and server!</p> <p>When it comes to make microprocessors or microcontrollers to work with JavaScript, two libraries stand out, <a href="http://cylonjs.com/" target="_blank">CylonJS</a> and <a href="http://bit.ly/1T1LkM6" target="_blank">Johnny-five</a>, for a couple of reasons:</p> <ul> <li>Support a large number of technologies like <a href="http://bit.ly/1XReOgM" itemprop="url" target="_bank" title="Arduino"><strong>Arduino</strong></a>, Raspberry Pi, drones, etc</li> <li>Well-maintained and regularly updated</li> <li>Many stars and forks on GitHub</li> <li>Easy to get started with and a lot of similarity in their syntax</li> </ul> <h3>Tutorial Overview</h3> <p>We will look into a series of interaction between hardware and software using both these libraries. First up is hardware-to-hardware interaction. If there is a hardware on one end (which could be anything like a button, a knob etc) and we want to control hardware on the other end (like a motor, LED etc), we can use this system.</p> <p>In this post, we are going to use the Johnny-Five framework to create hardware-to-hardware communication between a button and LED. When a user presses the button, the LED is triggered in realtime. <a href="http://bit.ly/1rZ2Tnw" target="_blank">The source code for the project can be found here.</a></p> <p><iframe width="678" height="509" src="https://www.youtube.com/embed/K7f9QU3CpyY?feature=oembed" frameborder="0" allowfullscreen=""></iframe></p> <h3>Project Diagrams</h3> <p>This diagram shows the basic design pattern for hardware to hardware communication.</p> <p><a href="http://bit.ly/1T1LkM7" target="_blank"><img alt="controlling-LED-hardware-to-hardware" class="aligncenter size-large wp-image-12867" height="490" src="http://bit.ly/1rZ2Tnx" width="1024" /></a></p> <p>And this diagram shows the design pattern for this project in particular. We’re adding in PubNub to enable realtime triggering of our LED over the Internet. A user presses the button from a remote location, and the message is sent through the hardware, to PubNub, and then to turn on the <a href="http://bit.ly/1T1Ll2n" itemprop="url" target="_bank" title="Create your own musical light show with Raspberry Pi"><strong>light</strong></a>.</p> <p><a href="http://bit.ly/1rZ2TDN" target="_blank"><img alt="pubnub-LED-johnny-five" class="aligncenter size-large wp-image-12859" height="449" src="http://bit.ly/1T1Ll2o" width="1024" /></a></p> <h3>Circuit Diagram</h3> <p><a href="http://bit.ly/1rZ2TDP" target="_blank"><img alt="Screen Shot 2015-09-21 at 11.26.24 AM" class="aligncenter size-large wp-image-12852" height="559" src="http://bit.ly/1T1LnY9" width="1024" /></a></p> <p>Please note to change the pin inside code or the connections on circuit accordingly to make it all work.</p> <p><a href="http://bit.ly/1rZ2UYB" target="_blank"><img alt="Screen Shot 2015-09-21 at 11.27.07 AM" class="aligncenter size-large wp-image-12853" height="833" src="http://bit.ly/1T1LnYb" width="1024" /></a></p> <h3>Building the Application</h3> <p>With that, let’s get started! First, we need to create a JavaScript file <code>led-button-pubnub.js</code>.</p> <p>Next, install the npm packages:</p> <p><code>npm install pubnub -g<br /> npm install johnny-five -g</code></p> <p>These two packages will be installed globally.</p> <p>Inside the JavaScript file, first mention the packages required and the variables needed.</p> <div id="gist26542827" class="gist"> <div class="gist-file"> <div class="gist-data"> <div class="js-gist-file-update-container js-task-list-container file-box"> <div id="file-1-js" class="file"> <div class="blob-wrapper data type-javascript"> <table class="highlight tab-size js-file-line-container" data-tab-size="8"> <tbody> <tr> <td id="file-1-js-L1" class="blob-num js-line-number" data-line-number="1"></td> <td id="file-1-js-LC1" class="blob-code blob-code-inner js-file-line"><span class="pl-k">var</span> five <span class="pl-k">=</span> <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">“</span>johnny-five<span class="pl-pds">“</span></span>),</td> </tr> <tr> <td id="file-1-js-L2" class="blob-num js-line-number" data-line-number="2"></td> <td id="file-1-js-LC2" class="blob-code blob-code-inner js-file-line">button, led;</td> </tr> <tr> <td id="file-1-js-L3" class="blob-num js-line-number" data-line-number="3"></td> <td id="file-1-js-LC3" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-1-js-L4" class="blob-num js-line-number" data-line-number="4"></td> <td id="file-1-js-LC4" class="blob-code blob-code-inner js-file-line"><span class="pl-k">var</span> pubnub <span class="pl-k">=</span> <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">“</span>pubnub<span class="pl-pds">“</span></span>)({</td> </tr> <tr> <td id="file-1-js-L5" class="blob-num js-line-number" data-line-number="5"></td> <td id="file-1-js-LC5" class="blob-code blob-code-inner js-file-line">ssl <span class="pl-k">:</span> <span class="pl-c1">true</span>,</td> </tr> <tr> <td id="file-1-js-L6" class="blob-num js-line-number" data-line-number="6"></td> <td id="file-1-js-LC6" class="blob-code blob-code-inner js-file-line">publish_key <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">“</span>demo<span class="pl-pds">“</span></span>,</td> </tr> <tr> <td id="file-1-js-L7" class="blob-num js-line-number" data-line-number="7"></td> <td id="file-1-js-LC7" class="blob-code blob-code-inner js-file-line">subscribe_key <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">“</span>demo<span class="pl-pds">“</span></span>,</td> </tr> <tr> <td id="file-1-js-L8" class="blob-num js-line-number" data-line-number="8"></td> <td id="file-1-js-LC8" class="blob-code blob-code-inner js-file-line">no_wait_for_pending <span class="pl-k">:</span> <span class="pl-c1">true</span></td> </tr> <tr> <td id="file-1-js-L9" class="blob-num js-line-number" data-line-number="9"></td> <td id="file-1-js-LC9" class="blob-code blob-code-inner js-file-line">});</td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="gist-meta"><a href="http://bit.ly/1rZ2TDT" target="_blank">view raw</a><a href="http://bit.ly/1T1Ll2u" target="_blank">1.js</a> hosted with ❤ by <a href="https://github.com/" target="_blank">GitHub</a></div> </div> </div> <p>Here, we have required both the Johnny-Five and PubNub packages. In the pubnub variable, input your unique publish and subscribe keys.</p> <p>To get your unique publish/subscribe keys, you’ll first need to <a href="http://bit.ly/21CqsOB" target="_blank"><u>sign up for a PubNub account</u></a>. Once you sign up, you can get your unique PubNub keys in the <a href="http://bit.ly/24wiax6" target="_blank"><u>PubNub Developer Dashboard</u></a>. Our free Sandbox tier should give you all the bandwidth you need to build and test your app with the PubNub API.</p> <p>Then we initiate the board:</p> <div id="gist26542827" class="gist"> <div class="gist-file"> <div class="gist-data"> <div class="js-gist-file-update-container js-task-list-container file-box"> <div id="file-2-js" class="file"> <div class="blob-wrapper data type-javascript"> <table class="highlight tab-size js-file-line-container" data-tab-size="8"> <tbody> <tr> <td id="file-2-js-L1" class="blob-num js-line-number" data-line-number="1"></td> <td id="file-2-js-LC1" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">five</span>.<span class="pl-en">Board</span>().<span class="pl-en">on</span>(<span class="pl-s"><span class="pl-pds">“</span>ready<span class="pl-pds">“</span></span>, <span class="pl-k">function</span>() {</td> </tr> <tr> <td id="file-2-js-L2" class="blob-num js-line-number" data-line-number="2"></td> <td id="file-2-js-LC2" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-2-js-L3" class="blob-num js-line-number" data-line-number="3"></td> <td id="file-2-js-LC3" class="blob-code blob-code-inner js-file-line">button <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">five.Button</span>(<span class="pl-s"><span class="pl-pds">“</span>A0<span class="pl-pds">“</span></span>);</td> </tr> <tr> <td id="file-2-js-L4" class="blob-num js-line-number" data-line-number="4"></td> <td id="file-2-js-LC4" class="blob-code blob-code-inner js-file-line">led <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">five.Led</span>(<span class="pl-c1">5</span>);</td> </tr> <tr> <td id="file-2-js-L5" class="blob-num js-line-number" data-line-number="5"></td> <td id="file-2-js-LC5" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-2-js-L6" class="blob-num js-line-number" data-line-number="6"></td> <td id="file-2-js-LC6" class="blob-code blob-code-inner js-file-line">});</td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="gist-meta"><a href="http://ift.tt/1T1LnYf" target="_blank">view raw</a><a href="http://ift.tt/1rZ2TUp" target="_blank">2.js</a> hosted with ❤ by <a href="https://github.com/" target="_blank">GitHub</a></div> </div> </div> <p>Here, ‘five’ has a Board module, inside which we are setting up the button and led to their respective pins, when board is ‘ready’.</p> <p>You can read more about board component, as well as initialization and usage here.</p> <p>Once everything is set up, we can start sending and receiving the events.</p> <div id="gist26542827" class="gist"> <div class="gist-file"> <div class="gist-data"> <div class="js-gist-file-update-container js-task-list-container file-box"> <div id="file-3-js" class="file"> <div class="blob-wrapper data type-javascript"> <table class="highlight tab-size js-file-line-container" data-tab-size="8"> <tbody> <tr> <td id="file-3-js-L1" class="blob-num js-line-number" data-line-number="1"></td> <td id="file-3-js-LC1" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">button</span>.<span class="pl-en">on</span>(<span class="pl-s"><span class="pl-pds">“</span>hit<span class="pl-pds">“</span></span>, <span class="pl-k">function</span>() {</td> </tr> <tr> <td id="file-3-js-L2" class="blob-num js-line-number" data-line-number="2"></td> <td id="file-3-js-LC2" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-3-js-L3" class="blob-num js-line-number" data-line-number="3"></td> <td id="file-3-js-LC3" class="blob-code blob-code-inner js-file-line">message <span class="pl-k">=</span> { <span class="pl-s"><span class="pl-pds">“</span>Button_status<span class="pl-pds">“</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">“</span>On<span class="pl-pds">“</span></span> };</td> </tr> <tr> <td id="file-3-js-L4" class="blob-num js-line-number" data-line-number="4"></td> <td id="file-3-js-LC4" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-3-js-L5" class="blob-num js-line-number" data-line-number="5"></td> <td id="file-3-js-LC5" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">pubnub</span>.<span class="pl-en">publish</span>({</td> </tr> <tr> <td id="file-3-js-L6" class="blob-num js-line-number" data-line-number="6"></td> <td id="file-3-js-LC6" class="blob-code blob-code-inner js-file-line">channel <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">‘</span>j5-pubnub<span class="pl-pds">‘</span></span>,</td> </tr> <tr> <td id="file-3-js-L7" class="blob-num js-line-number" data-line-number="7"></td> <td id="file-3-js-LC7" class="blob-code blob-code-inner js-file-line">message <span class="pl-k">:</span> message</td> </tr> <tr> <td id="file-3-js-L8" class="blob-num js-line-number" data-line-number="8"></td> <td id="file-3-js-LC8" class="blob-code blob-code-inner js-file-line">});</td> </tr> <tr> <td id="file-3-js-L9" class="blob-num js-line-number" data-line-number="9"></td> <td id="file-3-js-LC9" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-3-js-L10" class="blob-num js-line-number" data-line-number="10"></td> <td id="file-3-js-LC10" class="blob-code blob-code-inner js-file-line">})</td> </tr> <tr> <td id="file-3-js-L11" class="blob-num js-line-number" data-line-number="11"></td> <td id="file-3-js-LC11" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-3-js-L12" class="blob-num js-line-number" data-line-number="12"></td> <td id="file-3-js-LC12" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">button</span>.<span class="pl-en">on</span>(<span class="pl-s"><span class="pl-pds">“</span>release<span class="pl-pds">“</span></span>, <span class="pl-k">function</span>() {</td> </tr> <tr> <td id="file-3-js-L13" class="blob-num js-line-number" data-line-number="13"></td> <td id="file-3-js-LC13" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-3-js-L14" class="blob-num js-line-number" data-line-number="14"></td> <td id="file-3-js-LC14" class="blob-code blob-code-inner js-file-line">message <span class="pl-k">=</span> { <span class="pl-s"><span class="pl-pds">“</span>Button_status<span class="pl-pds">“</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">“</span>Off<span class="pl-pds">“</span></span> };</td> </tr> <tr> <td id="file-3-js-L15" class="blob-num js-line-number" data-line-number="15"></td> <td id="file-3-js-LC15" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-3-js-L16" class="blob-num js-line-number" data-line-number="16"></td> <td id="file-3-js-LC16" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">pubnub</span>.<span class="pl-en">publish</span>({</td> </tr> <tr> <td id="file-3-js-L17" class="blob-num js-line-number" data-line-number="17"></td> <td id="file-3-js-LC17" class="blob-code blob-code-inner js-file-line">channel <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">‘</span>j5-pubnub<span class="pl-pds">‘</span></span>,</td> </tr> <tr> <td id="file-3-js-L18" class="blob-num js-line-number" data-line-number="18"></td> <td id="file-3-js-LC18" class="blob-code blob-code-inner js-file-line">message <span class="pl-k">:</span> message</td> </tr> <tr> <td id="file-3-js-L19" class="blob-num js-line-number" data-line-number="19"></td> <td id="file-3-js-LC19" class="blob-code blob-code-inner js-file-line">});</td> </tr> <tr> <td id="file-3-js-L20" class="blob-num js-line-number" data-line-number="20"></td> <td id="file-3-js-LC20" class="blob-code blob-code-inner js-file-line">});</td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="gist-meta"><a href="http://ift.tt/1T1Loex" target="_blank">view raw</a><a href="http://ift.tt/1rZ2Vvw" target="_blank">3.js</a> hosted with ❤ by <a href="https://github.com/" target="_blank">GitHub</a></div> </div> </div> <p>We’ll use the bumper type button, and johnny-five has ‘hit’ and ‘release’ method for that. <a href="http://ift.tt/1OOnlyA" target="_blank">You can find a demo of it here</a>.</p> <p>In this case, when the button is ‘hit’, we are publishing the message to ‘j5-pubnub’ channel using PubNub variable and the message contains “Button_status” as “On”.</p> <p>Similarly, we are sending “Off” when button is released.</p> <p>The last part that is left to manipulate these messages that are being sent through the PubNub’s channel into some action.</p> <div id="gist26542827" class="gist"> <div class="gist-file"> <div class="gist-data"> <div class="js-gist-file-update-container js-task-list-container file-box"> <div id="file-4-js" class="file"> <div class="blob-wrapper data type-javascript"> <table class="highlight tab-size js-file-line-container" data-tab-size="8"> <tbody> <tr> <td id="file-4-js-L1" class="blob-num js-line-number" data-line-number="1"></td> <td id="file-4-js-LC1" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">pubnub</span>.<span class="pl-en">subscribe</span>({</td> </tr> <tr> <td id="file-4-js-L2" class="blob-num js-line-number" data-line-number="2"></td> <td id="file-4-js-LC2" class="blob-code blob-code-inner js-file-line">channel <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">‘</span>j5-pubnub<span class="pl-pds">‘</span></span>,</td> </tr> <tr> <td id="file-4-js-L3" class="blob-num js-line-number" data-line-number="3"></td> <td id="file-4-js-LC3" class="blob-code blob-code-inner js-file-line"><span class="pl-en">message</span> <span class="pl-k">:</span> <span class="pl-k">function</span> (<span class="pl-smi">data</span>) {</td> </tr> <tr> <td id="file-4-js-L4" class="blob-num js-line-number" data-line-number="4"></td> <td id="file-4-js-LC4" class="blob-code blob-code-inner js-file-line"><span class="pl-en">console</span>.<span class="pl-c1">log</span>(data);</td> </tr> <tr> <td id="file-4-js-L5" class="blob-num js-line-number" data-line-number="5"></td> <td id="file-4-js-LC5" class="blob-code blob-code-inner js-file-line"><span class="pl-k">if</span> (<span class="pl-smi">data</span>.<span class="pl-smi">Button_status</span> <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">“</span>On<span class="pl-pds">“</span></span>) {</td> </tr> <tr> <td id="file-4-js-L6" class="blob-num js-line-number" data-line-number="6"></td> <td id="file-4-js-LC6" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">led</span>.<span class="pl-en">on</span>();</td> </tr> <tr> <td id="file-4-js-L7" class="blob-num js-line-number" data-line-number="7"></td> <td id="file-4-js-LC7" class="blob-code blob-code-inner js-file-line">} <span class="pl-k">else</span> <span class="pl-k">if</span> (<span class="pl-smi">data</span>.<span class="pl-smi">Button_status</span> <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">“</span>Off<span class="pl-pds">“</span></span>){</td> </tr> <tr> <td id="file-4-js-L8" class="blob-num js-line-number" data-line-number="8"></td> <td id="file-4-js-LC8" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">led</span>.<span class="pl-en">off</span>();</td> </tr> <tr> <td id="file-4-js-L9" class="blob-num js-line-number" data-line-number="9"></td> <td id="file-4-js-LC9" class="blob-code blob-code-inner js-file-line">}</td> </tr> <tr> <td id="file-4-js-L10" class="blob-num js-line-number" data-line-number="10"></td> <td id="file-4-js-LC10" class="blob-code blob-code-inner js-file-line">}</td> </tr> <tr> <td id="file-4-js-L11" class="blob-num js-line-number" data-line-number="11"></td> <td id="file-4-js-LC11" class="blob-code blob-code-inner js-file-line">})</td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="gist-meta"><a href="http://ift.tt/1rZ2VvE" target="_blank">view raw</a><a href="http://ift.tt/1T1Llj0" target="_blank">4.js</a> hosted with ❤ by <a href="https://github.com/" target="_blank">GitHub</a></div> </div> </div> <p>Here, we are comparing the values of “Button_status” coming from data on subscribe end and executing the corresponding action on match. Johnny-five have APIs for LED as on() and off() among many others to turn it on/off.</p> <p>This is how the whole program looks:</p> <div id="gist26542827" class="gist"> <div class="gist-file"> <div class="gist-data"> <div class="js-gist-file-update-container js-task-list-container file-box"> <div id="file-5-js" class="file"> <div class="blob-wrapper data type-javascript"> <table class="highlight tab-size js-file-line-container" data-tab-size="8"> <tbody> <tr> <td id="file-5-js-L1" class="blob-num js-line-number" data-line-number="1"></td> <td id="file-5-js-LC1" class="blob-code blob-code-inner js-file-line"><span class="pl-k">var</span> five <span class="pl-k">=</span> <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">“</span>johnny-five<span class="pl-pds">“</span></span>),</td> </tr> <tr> <td id="file-5-js-L2" class="blob-num js-line-number" data-line-number="2"></td> <td id="file-5-js-LC2" class="blob-code blob-code-inner js-file-line">button, led;</td> </tr> <tr> <td id="file-5-js-L3" class="blob-num js-line-number" data-line-number="3"></td> <td id="file-5-js-LC3" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L4" class="blob-num js-line-number" data-line-number="4"></td> <td id="file-5-js-LC4" class="blob-code blob-code-inner js-file-line"><span class="pl-k">var</span> pubnub <span class="pl-k">=</span> <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">“</span>pubnub<span class="pl-pds">“</span></span>)({</td> </tr> <tr> <td id="file-5-js-L5" class="blob-num js-line-number" data-line-number="5"></td> <td id="file-5-js-LC5" class="blob-code blob-code-inner js-file-line">ssl <span class="pl-k">:</span> <span class="pl-c1">true</span>, <span class="pl-c">// <- enable TLS Tunneling over TCP</span></td> </tr> <tr> <td id="file-5-js-L6" class="blob-num js-line-number" data-line-number="6"></td> <td id="file-5-js-LC6" class="blob-code blob-code-inner js-file-line">publish_key <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">“</span>demo<span class="pl-pds">“</span></span>,</td> </tr> <tr> <td id="file-5-js-L7" class="blob-num js-line-number" data-line-number="7"></td> <td id="file-5-js-LC7" class="blob-code blob-code-inner js-file-line">subscribe_key <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">“</span>demo<span class="pl-pds">“</span></span>,</td> </tr> <tr> <td id="file-5-js-L8" class="blob-num js-line-number" data-line-number="8"></td> <td id="file-5-js-LC8" class="blob-code blob-code-inner js-file-line">no_wait_for_pending <span class="pl-k">:</span> <span class="pl-c1">true</span></td> </tr> <tr> <td id="file-5-js-L9" class="blob-num js-line-number" data-line-number="9"></td> <td id="file-5-js-LC9" class="blob-code blob-code-inner js-file-line">});</td> </tr> <tr> <td id="file-5-js-L10" class="blob-num js-line-number" data-line-number="10"></td> <td id="file-5-js-LC10" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L11" class="blob-num js-line-number" data-line-number="11"></td> <td id="file-5-js-LC11" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">five</span>.<span class="pl-en">Board</span>().<span class="pl-en">on</span>(<span class="pl-s"><span class="pl-pds">“</span>ready<span class="pl-pds">“</span></span>, <span class="pl-k">function</span>() {</td> </tr> <tr> <td id="file-5-js-L12" class="blob-num js-line-number" data-line-number="12"></td> <td id="file-5-js-LC12" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L13" class="blob-num js-line-number" data-line-number="13"></td> <td id="file-5-js-LC13" class="blob-code blob-code-inner js-file-line">button <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">five.Button</span>(<span class="pl-s"><span class="pl-pds">“</span>A0<span class="pl-pds">“</span></span>);</td> </tr> <tr> <td id="file-5-js-L14" class="blob-num js-line-number" data-line-number="14"></td> <td id="file-5-js-LC14" class="blob-code blob-code-inner js-file-line">led <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">five.Led</span>(<span class="pl-c1">5</span>);</td> </tr> <tr> <td id="file-5-js-L15" class="blob-num js-line-number" data-line-number="15"></td> <td id="file-5-js-LC15" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L16" class="blob-num js-line-number" data-line-number="16"></td> <td id="file-5-js-LC16" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">button</span>.<span class="pl-en">on</span>(<span class="pl-s"><span class="pl-pds">“</span>hit<span class="pl-pds">“</span></span>, <span class="pl-k">function</span>() {</td> </tr> <tr> <td id="file-5-js-L17" class="blob-num js-line-number" data-line-number="17"></td> <td id="file-5-js-LC17" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L18" class="blob-num js-line-number" data-line-number="18"></td> <td id="file-5-js-LC18" class="blob-code blob-code-inner js-file-line">message <span class="pl-k">=</span> { <span class="pl-s"><span class="pl-pds">“</span>Button_status<span class="pl-pds">“</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">“</span>On<span class="pl-pds">“</span></span> };</td> </tr> <tr> <td id="file-5-js-L19" class="blob-num js-line-number" data-line-number="19"></td> <td id="file-5-js-LC19" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L20" class="blob-num js-line-number" data-line-number="20"></td> <td id="file-5-js-LC20" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">pubnub</span>.<span class="pl-en">publish</span>({</td> </tr> <tr> <td id="file-5-js-L21" class="blob-num js-line-number" data-line-number="21"></td> <td id="file-5-js-LC21" class="blob-code blob-code-inner js-file-line">channel <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">‘</span>j5-pubnub<span class="pl-pds">‘</span></span>,</td> </tr> <tr> <td id="file-5-js-L22" class="blob-num js-line-number" data-line-number="22"></td> <td id="file-5-js-LC22" class="blob-code blob-code-inner js-file-line">message <span class="pl-k">:</span> message</td> </tr> <tr> <td id="file-5-js-L23" class="blob-num js-line-number" data-line-number="23"></td> <td id="file-5-js-LC23" class="blob-code blob-code-inner js-file-line">});</td> </tr> <tr> <td id="file-5-js-L24" class="blob-num js-line-number" data-line-number="24"></td> <td id="file-5-js-LC24" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L25" class="blob-num js-line-number" data-line-number="25"></td> <td id="file-5-js-LC25" class="blob-code blob-code-inner js-file-line">})</td> </tr> <tr> <td id="file-5-js-L26" class="blob-num js-line-number" data-line-number="26"></td> <td id="file-5-js-LC26" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L27" class="blob-num js-line-number" data-line-number="27"></td> <td id="file-5-js-LC27" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">button</span>.<span class="pl-en">on</span>(<span class="pl-s"><span class="pl-pds">“</span>release<span class="pl-pds">“</span></span>, <span class="pl-k">function</span>() {</td> </tr> <tr> <td id="file-5-js-L28" class="blob-num js-line-number" data-line-number="28"></td> <td id="file-5-js-LC28" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L29" class="blob-num js-line-number" data-line-number="29"></td> <td id="file-5-js-LC29" class="blob-code blob-code-inner js-file-line">message <span class="pl-k">=</span> { <span class="pl-s"><span class="pl-pds">“</span>Button_status<span class="pl-pds">“</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">“</span>Off<span class="pl-pds">“</span></span> };</td> </tr> <tr> <td id="file-5-js-L30" class="blob-num js-line-number" data-line-number="30"></td> <td id="file-5-js-LC30" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L31" class="blob-num js-line-number" data-line-number="31"></td> <td id="file-5-js-LC31" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">pubnub</span>.<span class="pl-en">publish</span>({</td> </tr> <tr> <td id="file-5-js-L32" class="blob-num js-line-number" data-line-number="32"></td> <td id="file-5-js-LC32" class="blob-code blob-code-inner js-file-line">channel <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">‘</span>j5-pubnub<span class="pl-pds">‘</span></span>,</td> </tr> <tr> <td id="file-5-js-L33" class="blob-num js-line-number" data-line-number="33"></td> <td id="file-5-js-LC33" class="blob-code blob-code-inner js-file-line">message <span class="pl-k">:</span> message</td> </tr> <tr> <td id="file-5-js-L34" class="blob-num js-line-number" data-line-number="34"></td> <td id="file-5-js-LC34" class="blob-code blob-code-inner js-file-line">});</td> </tr> <tr> <td id="file-5-js-L35" class="blob-num js-line-number" data-line-number="35"></td> <td id="file-5-js-LC35" class="blob-code blob-code-inner js-file-line">});</td> </tr> <tr> <td id="file-5-js-L36" class="blob-num js-line-number" data-line-number="36"></td> <td id="file-5-js-LC36" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L37" class="blob-num js-line-number" data-line-number="37"></td> <td id="file-5-js-LC37" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">pubnub</span>.<span class="pl-en">subscribe</span>({</td> </tr> <tr> <td id="file-5-js-L38" class="blob-num js-line-number" data-line-number="38"></td> <td id="file-5-js-LC38" class="blob-code blob-code-inner js-file-line">channel <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">‘</span>j5-pubnub<span class="pl-pds">‘</span></span>,</td> </tr> <tr> <td id="file-5-js-L39" class="blob-num js-line-number" data-line-number="39"></td> <td id="file-5-js-LC39" class="blob-code blob-code-inner js-file-line"><span class="pl-en">message</span> <span class="pl-k">:</span> <span class="pl-k">function</span> (<span class="pl-smi">data</span>) {</td> </tr> <tr> <td id="file-5-js-L40" class="blob-num js-line-number" data-line-number="40"></td> <td id="file-5-js-LC40" class="blob-code blob-code-inner js-file-line"><span class="pl-en">console</span>.<span class="pl-c1">log</span>(data);</td> </tr> <tr> <td id="file-5-js-L41" class="blob-num js-line-number" data-line-number="41"></td> <td id="file-5-js-LC41" class="blob-code blob-code-inner js-file-line"><span class="pl-k">if</span> (<span class="pl-smi">data</span>.<span class="pl-smi">Button_status</span> <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">“</span>On<span class="pl-pds">“</span></span>) {</td> </tr> <tr> <td id="file-5-js-L42" class="blob-num js-line-number" data-line-number="42"></td> <td id="file-5-js-LC42" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">led</span>.<span class="pl-en">on</span>();</td> </tr> <tr> <td id="file-5-js-L43" class="blob-num js-line-number" data-line-number="43"></td> <td id="file-5-js-LC43" class="blob-code blob-code-inner js-file-line">} <span class="pl-k">else</span> <span class="pl-k">if</span> (<span class="pl-smi">data</span>.<span class="pl-smi">Button_status</span> <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">“</span>Off<span class="pl-pds">“</span></span>){</td> </tr> <tr> <td id="file-5-js-L44" class="blob-num js-line-number" data-line-number="44"></td> <td id="file-5-js-LC44" class="blob-code blob-code-inner js-file-line"><span class="pl-smi">led</span>.<span class="pl-en">off</span>();</td> </tr> <tr> <td id="file-5-js-L45" class="blob-num js-line-number" data-line-number="45"></td> <td id="file-5-js-LC45" class="blob-code blob-code-inner js-file-line">}</td> </tr> <tr> <td id="file-5-js-L46" class="blob-num js-line-number" data-line-number="46"></td> <td id="file-5-js-LC46" class="blob-code blob-code-inner js-file-line">}</td> </tr> <tr> <td id="file-5-js-L47" class="blob-num js-line-number" data-line-number="47"></td> <td id="file-5-js-LC47" class="blob-code blob-code-inner js-file-line">})</td> </tr> <tr> <td id="file-5-js-L48" class="blob-num js-line-number" data-line-number="48"></td> <td id="file-5-js-LC48" class="blob-code blob-code-inner js-file-line"></td> </tr> <tr> <td id="file-5-js-L49" class="blob-num js-line-number" data-line-number="49"></td> <td id="file-5-js-LC49" class="blob-code blob-code-inner js-file-line">});</td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="gist-meta"><a href="http://ift.tt/1rZ2VLV" target="_blank">view raw</a><a href="http://ift.tt/1T1Llj7" target="_blank">5.js</a> hosted with ❤ by <a href="https://github.com/" target="_blank">GitHub</a></div> </div> </div> <p>To run this program, you have to push the Standard Firmata file from <a href="http://ift.tt/1RKTvf9" itemprop="url" target="_bank" title="Arduino IDE"><strong>Arduino IDE</strong></a> to your board first and then run ‘node button-led-pubnub.js’.</p> <p>Voila, we got the JavaScript running on <a href="http://ift.tt/25oS3pH" itemprop="url" target="_bank" title="Arduino"><strong>Arduino</strong></a>. You can find the <a href="http://ift.tt/1MojvKj" target="_blank">source code here</a>.</p> <div id="huge-it-share-buttons-top" class="huge-it-share-buttons nobackground"> <h3>Share This:</h3> <ul class="huge-it-share-buttons-list"> <li class=" nobackground"><a href="http://bit.ly/1XReO0c" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://bit.ly/1XReO0c','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -0px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="https://twitter.com/share?status=http://yoursmart.mobi/feed&text=Hardware-to-Hardware%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('https://twitter.com/share?status=http://yoursmart.mobi/feed&text=Hardware-to-Hardware Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -30px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://ift.tt/1T1Llzr%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1T1Llzr Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -60px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1XReO0d" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://bit.ly/1XReO0d','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -90px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://ift.tt/1rZ2W2r%20Communication%20with%20Johnny-Five&mini=true&url=http://bit.ly/1XReO0g" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1rZ2W2r Communication with Johnny-Five&mini=true&url=http://bit.ly/1XReO0g','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -120px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://ift.tt/1T1Lovk%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1T1Lovk Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -150px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://ift.tt/1rZ2XDH%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1rZ2XDH Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -180px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://ift.tt/1T1LoLI%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1T1LoLI Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -210px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1XReO0l" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://bit.ly/1XReO0l','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -240px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://ift.tt/1rZ2XU7%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1rZ2XU7 Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -270px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://ift.tt/1T1Lp26%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1T1Lp26 Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -300px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1VNpzTU" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://bit.ly/1VNpzTU','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -330px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://ift.tt/1rZ2Wzu%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1rZ2Wzu Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -360px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1VNpzTX" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://bit.ly/1VNpzTX','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -390px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://ift.tt/1T1Lp2g%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1T1Lp2g Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -420px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://ift.tt/1rZ2YaO%20Communication%20with%20Johnny-Five&pic=&ralateUid=&" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://ift.tt/1rZ2YaO Communication with Johnny-Five&pic=&ralateUid=&','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -450px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://ift.tt/1T1LpiC%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://bit.ly/1rxvWOi Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -480px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1SSRv2J%20Communication%20with%20Johnny-Five" id="backforunical608" name="backforunical608" onclick="javascript:void window.open('http://bit.ly/1SSRv2J Communication with Johnny-Five','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -510px -120px" target="_blank"></a></li> </ul> <div class="clear"></div> </div> View more at: <a href="http://bit.ly/1XReQFr">http://bit.ly/1XReQFr</a>

Hardware-to-Hardware Communication with Johnny-Five

JavaScript has taken the programming languages by storm and in recent years, it has become the most popular language of the web. JavaScript ...

Read more »

Adafruit PiTFT 3.5″ Touch Screen for Raspberry Pi

<div class="row-fluid build-text"> <p>You can display every day images such as GIFs, JPGs, BMPs, etc on the screen. To do this we’ll install <strong>fbi</strong> which is the <strong>frame buffer image</strong> viewer (not to be confused with the FBI agency!)</p> <p><strong>sudo apt-get install fbi</strong> will install it</p> </div> <div class="row-fluid build-image"><a href="http://ift.tt/1RCuYMf"><img alt="adafruit_products_raspberry_pi_fbi.png" class="19731-asset img-responsive" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 65vw, (max-width: 1365px) 47vw, 750px" src="http://ift.tt/1PuqX4T" srcset="http://ift.tt/1RCuWE0 260x, http://ift.tt/1PuqUGl 640x, http://ift.tt/1PuqX4T 800x, http://ift.tt/1RCuWE2 1024x" /></a></div> <div class="row-fluid build-text"> <p>Grab our lovely wallpaper with</p> <blockquote> <p> <strong>wget </strong><a href="http://ift.tt/1PuqX4X" title="Link: http://ift.tt/1PuqX4X"><strong>http://ift.tt/1RCuWE7</strong></a></p> </blockquote> <p>and view it with</p> <blockquote> <p><strong>sudo fbi -T 2 -d /dev/fb1 -noverbose -a adapiluv480x320.png</strong></p> </blockquote> <p>That’s it!</p> </div> <div class="row-fluid build-image"><a href="http://ift.tt/1PuqX50"><img alt="adafruit_products_raspberry_pi_P1000082.jpg" class="19733-asset img-responsive" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 65vw, (max-width: 1365px) 47vw, 750px" src="http://ift.tt/1RCuWE9" srcset="http://ift.tt/1VLOYfk 260x, http://ift.tt/1XRDOUU 640x, http://ift.tt/1RCuWE9 800x, http://ift.tt/1VLOZ2X 1024x" /></a></div> <div id="huge-it-share-buttons-top" class="huge-it-share-buttons nobackground"> <h3>Share This:</h3> <ul class="huge-it-share-buttons-list"> <li class=" nobackground"><a href="http://ift.tt/1LIxY7s" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1LIxY7s','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -0px -120px"></a></li> <li class=" nobackground"><a href="https://twitter.com/share?status=http://yoursmart.mobi/feed&text=Adafruit%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('https://twitter.com/share?status=http://yoursmart.mobi/feed&text=Adafruit PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -30px -120px"></a></li> <li class=" nobackground"><a href="http://ift.tt/1XRDQvS%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1XRDQvS PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -60px -120px"></a></li> <li class=" nobackground"><a href="http://ift.tt/1LIxZZ0" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1LIxZZ0','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -90px -120px"></a></li> <li class=" nobackground"><a href="http://ift.tt/1VLOYfm%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi&mini=true&url=http://ift.tt/1LIxZZ4" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1VLOYfm PiTFT 3.5″ Touch Screen for Raspberry Pi&mini=true&url=http://ift.tt/1LIxZZ4','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -120px -120px"></a></li> <li class=" nobackground"><a href="http://ift.tt/1XRDOUW%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1XRDOUW PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -150px -120px"></a></li> <li class=" nobackground"><a href="http://ift.tt/1VLOZjd%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1VLOZjd PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -180px -120px"></a></li> <li class=" nobackground"><a href="http://ift.tt/1XRDPba%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1XRDPba PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -210px -120px"></a></li> <li class=" nobackground"><a href="http://ift.tt/1LIxY7u" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1LIxY7u','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -240px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1VLOZjf%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1VLOZjf PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -270px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1XRDPbc%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1XRDPbc PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -300px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1o7SuTq" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1o7SuTq','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -330px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1VLP1aM%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1VLP1aM PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -360px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1o7SuTs" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1o7SuTs','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -390px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1XRDPbe%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1XRDPbe PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -420px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1VLP1aO%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi&pic=&ralateUid=&" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1VLP1aO PiTFT 3.5″ Touch Screen for Raspberry Pi&pic=&ralateUid=&','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -450px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1XRDPbg%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1XRDPbg PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -480px -120px"></a></li> <li class="none nobackground"><a href="http://ift.tt/1VLOZjj%20PiTFT%203.5%E2%80%B3%20Touch%20Screen%20for%20Raspberry%20Pi" id="backforunical249" name="backforunical249" onclick="javascript:void window.open('http://ift.tt/1VLOZjj PiTFT 3.5″ Touch Screen for Raspberry Pi','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -510px -120px"></a></li> </ul> <div class="clear"></div> </div> View more at: <a href="http://yoursmart.mobi/">http://yoursmart.mobi</a>

Adafruit PiTFT 3.5″ Touch Screen for Raspberry Pi

You can display every day images such as GIFs, JPGs, BMPs, etc on the screen. To do this we’ll install  fbi  which is the  frame buffer ima...

Read more »