3. Little bits
• Modular electronic components that
snap together via magnetic connectors
• Designed for education
• Arduino coding kit
4. Arduino coding kit
• 1 x arduino
• 1 x fork
• 1 x power
• 1 x button
• 2 x dimmer
• 1 x bargraph
• 1 x servo
5. Arduino
It's an open-source physical computing platform based on a simple
microcontroller board, and a development environment for writing
software for the board
6. Node.js & johnny-
five
• johnny-five is an Open Source, Firmata
Protocol based, IoT and Robotics
programming framework
• “..johnny-five wants to be a baseline
control kit for hardware projects,
allowing you the freedom to build,
grow and experiment with diverse
JavaScript libraries of your own
choice..”
7. Setting up Arduino
board
!
• Connect the Arduino module to the
computer using USB
• Connect power module because the
Arduino module is not powered via USB.
• Upload StandardFirmata to Arduino
board using the Arduino IDE
11. Code
• Webpage as web interface for our etch-
a-sketch (HTML5 canvas + socket.io)
• Node webserver that will read the X
and Y values from dimmers and
communicate to our client
(socket.io + johnny-five)
18. Credits
• little-bits-js:Anna Gerber has created
several exercise that you could do
with little bits, included the etch-a-
sketch that you’ve seen (https://
github.com/AnnaGerber/little-bits-js)
• Images of bits used in this
presentation have been sourced from
littlebits.cc and used under a
Creative Commons CC-BY-SA license.