|By Kaazing Blog||
|June 4, 2014 03:05 PM EDT||
I had the great privilege of being a speaker at HTML5 Developer Conference in San Francisco recently. It was the second HTML5 Dev Conf I have presented at, with the first one being October 2013. This time, I paired with Frank Greco to present a session entitled “WebSockets: Past, Present and Future”. Frank took the stage for the first half of the session, and I followed up with some hands-on Internet of Things (IoT) demonstrations that were integrated with Kaazing Gateway.
Introducing the Tic Tac Toe Light
My personal favorite demonstration was a project I called the “Tic Tac Toe Light”. I called it this because the custom-built enclosure houses nine (9) Adafuit NeoPixels in a three-by-three (3×3) grid. The enclosure, made using foam core board and a hot knife, also contained an Arduino Yun. I have grown to be a big fan of the Arduino Yun for real-time IoT/web projects. The board is the same profile as an Arduino Uno, but includes integrated wireless (802.11 b/g/n), an ATmega32u4 (similar to the Arduino Leonardo), and a Linux system on a chip (SoC).
Using a web-based user interface, attendees of the HTM5 Dev Conf session could use their laptop, tablet or smartphone to control each NeoPixel (RGB LED) in the enclosure. At the same time, the web user interface kept in sync with all the attendees selections – across all screens. The Arduino Yun was also listening on a real-time connection for color change messages, which is how it knew what lights to change to what colors.
Why Kaazing Gateway
I think the bigger question here is “Why real-time?” Although I do not know the exact count, I would say that the session had nearly 200 attendees. The ATmega32u4 has a clock speed of 16 MHz with 32 KB of RAM. If all those attendees were selecting light colors at anywhere near the same time using HTTP, the Arduino would be crushed under the load. In a real-time scenario however, there is but one connection, and about twenty (20) bytes of data for each color change. The end result was a far more scalable solution.
And it had to scale too! The lights on the Tic Tac Toe box were blinking wildly for the duration of the time I had it plugged in (before I had to move on to my next demonstration).
Can you imagine the user experience over HTTP, even if the 16 MHz chip could handle the load? You would select a color, and at some interval later, the color would be set. That lag however would leave you wondering “Was that my color selection?” This as compared to an instant response using Kaazing Gateway, even over conference wireless. Not to mention keeping all the other connected users in sync. The additional HTTP polling load for that would make the whole project come to a crawl (or just crash).
The 3×3 grid was actually happenstance – I happened to have ten (10) NeoPixels on hand in my component drawer. I wanted a square, so 3×3 it was. This led to the name of Tic Tac Toe. But then I started to wonder. What if this was the physical manifestation of two players in an actual game of tic-tac-toe? Or even better yet, maybe artificial intelligence (AI) on the server was playing the other side in real-time!
This is where I would like to take the project next. If you want to see the code for the project, you can hop on over to my GitHub account where I have posted more details, as well as code itself for the Arduino Yun and the web client. The fabrication plans are also posted there should you want to take on a project like this yourself. If you have any questions, feel free to hit me up on Twitter, or drop a comment below.
Thanks Matthias Schroeder for the Vine video of Tic Tac Toe in action during the session.
May. 31, 2016 05:15 PM EDT Reads: 985
May. 31, 2016 05:00 PM EDT Reads: 3,325
May. 31, 2016 04:45 PM EDT Reads: 2,657
May. 31, 2016 04:45 PM EDT Reads: 1,892
May. 31, 2016 03:00 PM EDT Reads: 2,042
May. 31, 2016 02:45 PM EDT Reads: 1,751
May. 31, 2016 02:30 PM EDT Reads: 1,499
May. 31, 2016 02:00 PM EDT Reads: 3,146
May. 31, 2016 01:45 PM EDT Reads: 1,804
May. 31, 2016 12:30 PM EDT Reads: 1,420
May. 31, 2016 12:00 PM EDT Reads: 1,513
May. 31, 2016 12:00 PM EDT Reads: 2,634
May. 31, 2016 11:45 AM EDT Reads: 2,135
May. 31, 2016 10:15 AM EDT Reads: 2,935
May. 31, 2016 09:00 AM EDT Reads: 2,456
May. 31, 2016 08:45 AM EDT Reads: 2,431
May. 31, 2016 08:00 AM EDT Reads: 2,370
May. 31, 2016 07:45 AM EDT Reads: 1,884
May. 31, 2016 06:00 AM EDT Reads: 2,045
SYS-CON Events announced today TechTarget has been named “Media Sponsor” of SYS-CON's 18th International Cloud Expo, which will take place on June 7–9, 2016, at the Javits Center in New York City, NY, and the 19th International Cloud Expo, which will take place on November 1–3, 2016, at the Santa Clara Convention Center in Santa Clara, CA. TechTarget is the Web’s leading destination for serious technology buyers researching and making enterprise technology decisions. Its extensive global networ...
May. 31, 2016 05:45 AM EDT Reads: 3,392