Getting Started with Arduino and Flex/AS3 Development (by: Sean Moore)

This presentation will explain what the Arduino is, how it’s used and why it’s used. The session will cover how and where to obtain the hardware and software needed for Arduino development with and without Flex and AS3. It will also demonstrate a basic LED blinking example, a temperature sensor example and a PIR motion sensor example. The session will also explain how to get as3glue and serproxy working on your system to enable Arduino circuit development with Flex and AS3.

Here’s the live recording (Connect session) of the preso

Here’s the PPT of the slides and a PDF of the slides

Here’s the schematic to build the PIR Motion Sensor circuit

Here’s also a Fritzing schematic for the PIR Motion Sensor circuit. You can get Fritzing here.

My presentation can be found here in the original listing on the FlexMania site for proof and/or historical purposes: http://www.flexmania.com.br/gravacoes.php

Oh, and a MASSIVE, MASSIVE shout to Igor Costa for inviting me to present at the conference and THANK YOU to everyone who attended!!!!

Happy Arduino’ing everyone!!!

Over the last year (a little longer) I’ve been tinkering with Arduino. Building various circuits, learning how to solder (burning  myself), etc. I attended a really cool workshop at METRIX CREATE:SPACE in Seattle the other night. (If you’re in the Seattle area I highly recommend checking them out, the place is too cool for words!) The workshop got me pretty jazzed on Arduino dev again so I decided to gather up a bunch of links to my various explorations into the exciting world of hardware hacking.

So here’s some links to photos, videos, blog posts, etc. I actually gave a presentation for FlexMania Brazil on Arduino and Flex/AS3 dev/communication. I don’t have the recording of the session yet. Once I get it I’ll be sure to post it. (Igor??)

If you haven’t checked out or played around with Arduino I highly recommend giving it a try. It’s really cheap to get started and loads of fun!!!

My next big project will be to build the Robot that the workshop I attended got everyone geared  up for. Here’s a picture of the robot.

If you want to get started with Arduino I’d recommend the Budget Pack and Experimentation Kit from adafruit.com to get started with Arduino development. Also check out as3glue when  you want to start working on Flex/AS3 to Arduino communication. It’s fun stuff!!! Check it out!!!

Anyway here’s a bunch of links to various stuff I’ve been working on over the past year.

Using Brainwave Data to Control an LED using AS3, AIR, Mindset BCI and Arduino

http://seantheflexguy.com/blog/2011/03/14/using-brainwave-data-to-control-an-led-using-as3-air-mindset-bci-and-arduino/

Experimenting with EL Wire – EL Wire Hoodie

http://seantheflexguy.com/blog/2011/04/09/experimenting-with-el-wire-el-wire-hoodie/

Arduino Development Continued (now with Soldering!)

http://seantheflexguy.com/blog/2011/01/17/arduino-development-continued-now-with-soldering/

Getting Started with Arduino Development

http://seantheflexguy.com/blog/2010/10/19/getting-started-with-arduino-development/

PIR motion sensor, jumbo LED and an Arduino UNO

http://www.youtube.com/watch?v=LtNOxwB00Vw

Mindset BCI, Arduino, Adobe Flex and an LED

http://www.youtube.com/watch?v=il-Z64aHkqg

EL Wire Hoodie 0.0.1

http://www.youtube.com/watch?v=U9lzx0puBk4

EL Wire Demo

http://www.youtube.com/watch?v=cJPzg-t_Who

Arduino Duemilanove and ST7565 LCD

http://www.youtube.com/watch?v=H8udnmZMncs

Arduino psheild project finished

http://www.youtube.com/watch?v=_bE5tNp1VuM

Arduino circuit with force sensitive resistor and jumbo LED

http://www.youtube.com/watch?v=gEHTnh1pTyY

Standard Red & Black LCD (16×2) and Arduino Uno

http://www.youtube.com/watch?v=WbPQWXoVV5I

Merry Arduino XMas!!!

http://www.youtube.com/watch?v=q3zci1w3wG4

Arduino circuit with potentiometer controlling brightness of an LED

http://www.youtube.com/watch?v=9hsjP1GXH9E

Arduino circuit with a photocell controlling the brightness of an LED

http://www.youtube.com/watch?v=y9Nr0jB03RE

Arduino with Button to turn LED on and off

http://www.youtube.com/watch?v=LKKN-atiNeE

(The images above are from adafruit and metrix.)

This presentation introduces you to the benefits of Test Driven Development and teaches the fundamentals of TDD practice through a TDD Kata. A Kata is an idea borrowed from martial arts – an exercise done regularly in order to hone the practitioner’s skills – in this case the test-error-code-fail-code-pass cycle. Clearly testing offers reduction of defects and increased code confidence, but this presentation will illustrate how truly Test *Driven* Development brings much deeper benefits. You’ll leave the presentation with a TDD Kata that you can practice to increase your TDD skills and speed over time, and an understanding of why taking time to build TDD in to your workflow pays dividends.

Here’s a link to more info about the presentation and how to attend:

http://bniria.groups.adobe.com/index.cfm?event=post.display&postid=36277

See you there

After returning from 360 one of my next tasks was actually to implement localization into the new architecture I’m putting together. BabelFX is great because is uses an IoC approach to inject your view layer with localized textual values, pulled from resource bundles. It’s nice because you aren’t required to have a bunch of ResourceManager calls in your codebase. You simply add IDs to your view layer controls and components and BabelFX will then inject the various properties on them with the localized strings.

I’m still getting everything set up and have yet to explore the more sophisticated features available through BabelFx but so far it’s working great! Everything boils down to a Map that you create that basically maps properties from your resource bundles to controls in your view layer. It’s basically a Context and somewhat like a Front Controller. For large, complex applications you can use multiple Contexts to keep things organized and clean.

I’d recommend that you take a minute and check out BabelFX if you are localizing any Flex apps. It can be added to existing applications or used from the start of the development cycle. You can grab the source here, get the SWC here and I’d recommend starting with this example to see the uber basics.

I’d like to thank Thomas Burleson, the author of BabelFx for his time and help this week. He was very generous and gave me a hand getting things up and running. Thanks again man!! Really appreciate the assistance!!!

Thomas should be posting a new tutorial and video for getting things up and running with BabelFx soon. I’ll also probably put together a MEGA simple example sometime in the near future.

This is a pretty simple project, only involving an LED. The possibilities from here are pretty promising though. I created this as a proof of concept to ensure I could get all of the various hardware communicating through the AIR application. The AIR app in this case is the catalyst to bring all of the various hardware together and enable communication between it. The same thing could probably be accomplished with the C language but since I know AS3 and Flex a lot better I decided to use it.

There are two ‘server’ type applications involved as well, SerProxy and the Thinkgear Connector. These are freely available and pretty easy to work with.

One tricky part of getting everything working is the COM ports used by the Arduino and the Mindset. I had some conflicts but they weren’t too difficult to get sorted out. I just had to assign the Arduino and Mindset to use separate COM ports. I’m using Windows so the Arduino gets automatically assigned a COM port. The Mindset wanted to use the same one

You can check out this video to see everything in action. I also talk more about the project. As mentioned this is really a test to ensure that I could get all the hardware communicating. Now that the brainwave data is being captured, processed and sent to the Arduino I can use it to control anything connected to the microcontroller. This could be a servo, motor, anything really. Neurosky, the manufacturer of the Mindset has a game they’ve created with Mattel that uses brainwave data to control a ball on a track. I was thinking about trying to do something somewhat similar and create a game as well.

Getting all of this working together is something I’ve been working towards for a while so I’m pretty excited! Here’s the link to the video demonstrating the Mindset BCI, Arduino and Flex to control an LED.

San Diego Flash Users Group: Flex Best Practices Presentation

To start 2009 off I gave my first presentation to an awesome group of Flash and Flex developers in San Diego. The presentation was created from the two articles I wrote in 2008 for the Adobe Developer Connection on Best Practices for Flex development. I’ve kept the Powerpoint presentation offline until now. Some of the content is a little dated but it’s probably still worth checking out. I may update this presentation with everything I’ve learned over the last year and for the upcoming changes coming in Flex 4, if time permits.

Download the Flex Best Practices Powerpoint Presentation here.

Java Programming II at UCSD

After wanting to learn more about Java for many years I decided to go back to school and take a structured class. This was the first time I’d set foot in a classroom since about 1998. It was through the UCSD Extension program but classes were held on the UCSD campus. It was pretty cool to walk around the campus and see the “college” life again after so long. In addition this was the first time I’d ever taken a class at a University, my previous college experience was at a community college. The instructor Kent Yang was really awesome and the class was killer! I learned a lot more about Java, OOP, Unit Testing and Design Patterns. This knowledge was all transferable into AS3/Flex so the experience was well worth the time and investment.

Check out the class details here.

The Flex Show Episode 71: OOP w/ Sean Moore

The Flex Show is awesome, simply stated. Jeffry Houser has done an excellent job with the podcast and I’ve been a fan for a few years now. One of my goals was to be a guest on The Flex Show and in 2009 in became a reality. I was able to put together a talk about OOP in regards to Flex and ActionScript development. The Java class helped solidify my knowledge of OOP so hopefully the talk will help others grasp some of the fundamental OO concepts. It was an honor to be on the show and I really appreciate the opportunity. Hopefully I can do another show sometime in the future. Maybe on the Mindset BCI work I’ve been doing lately.

You can listen to my talk on The Flex Show here.

Orange County Flex Users Group: Flex Best Practices Presentation

Laura Arguello was kind enough to invite me to give my Flex Best Practices preso at the OCFlex Users Group in March. This gave me a chance to visit the ASFusion office before the preso and hang out with Jeremy Saenz (aka The Flex Gangster) a bit as well. The crowd at OCFlex was really great and very patient as I got set up and had some trouble finding a room at the venue big enough for everyone. Thanks again to ASFusion and the OCFlex Users Group for inviting me to present. It was a great experience!

Technical Authoring for O’Reilly InsideRIA

2008 was a big year for me and authoring. I wrote articles for Adobe, Flash Magazine and O’Reilly’s InsideRIA. I continued the trend in 2009 by writing three featured articles for InsideRIA. Rich Tretola is one of the coolest guys I know and such a pleasure to work with. He helped me a ton with the articles I wrote this year through the good and the bad. Another person I really have to thank is Matt Chotin. His feedback on my Flex 4 article was a huge help and I really appreciate his time and input! You can check out the articles I wrote for InsideRIA below:

Round up of ActionScript 3.0 and Flex optimization techniques and practices

Overview of Flex 4 (Gumbo)

Decorator Design Pattern

Technical Reviews for Manning Publications

Reviewing books is great for a lot of reasons, it helps your writing skills, you get a preview of the books before they’re published and you get to contribute to the quality of the books being published. I do the reviews on a volunteer basis and really enjoy and appreciate the opportunity to do so. In 2009 I had the privilege of reviewing three books for Manning. They are all great titles and I encourage you to check them out.

Hello! Flex 4

Flex On Java

Flex 4 In Action

Present.ly AIR Client Development

This is one of the larger apps that I worked on completely by myself. Dave at Intridea got in touch with a request to help them refactor an existing AIR application to best practices. This project was one of the best projects I’ve ever had the pleasure of working on. The app was cool, the concept was cool and the client was cool. The Present.ly service is a private Twitter like service for businesses, if you haven’t already taken a minute to check it out I encourage you to do so. Another really awesome aspect of this project is that the codebase for the AIR app is totally open source and available for download on GIT Hub. I was able to use Cairngorm and Flex Unit on this project which I feel really helped the codebase and application’s stability and scalability. You can check out the codebase and the finished app by following the links below:

Present.ly AIR source code at GIT Hub

Present.ly AIR Client

Game Consulting and Development

A game development company contacted me for some assistence with consulting and development for a Flex and Flash based game. This was my first experience doing any game dev and it was really great. This was another awesome client. They are not public yet so there aren’t any links to share. I did want to note that game development is something that I’d like to do more of and hopefully 2010 will present more opportunities to do so.

Parsley

Learning Parsley was been on my radar for quite some time. I’ve been able to work with the framework quite a bit over the last few months and really like it so far. It’s quite a bit different than Cairngorm development but it offers more flexibility and is the preferred direction by many developers. IoC frameworks are all the rage and I am glad to be learning how to use them.

Presentation Model

This design pattern is great. It enables better unit testing for your applications and helps to decouple logic from views. Using the Presentation Model wasn’t totally clear at first but after working with it for a while I’m really beginning to like it. Having a bunch of code in MXML files wasn’t really ever all that appealing to me and using the Presentation Model really helps to separate this code out into pure AS3 classes.

ThinkGear Brain Computer Interface API

In an effort to end 2009 with a bang I released my ThinkGear API. This API enables the Neurosky Mindset Brain Computer Interface to communicate with AS3 based applications. So far I’ve been able to build a rough dashboard that uses my brainwaves as its data source. In addition I was able to tie my brainwaves into some AS3 based particle visualizations. You can see my demo video and learn more here. Control ActionScript with your mind!!!

Well here’s looking to 2010. I can’t believe it’s already been a decade since Y2K. It’s been a great decade for the Flash Platform we’ve all come a long way.

Sean wearing the Mindset

**11/04/10 – UPDATE** The API is unavailable right now due to domain issues with Kannopy. If you’d like a copy of the source code or documentation please send me an email and I’ll try to get it over to you ASAP. Sorry for the trouble.

Read and process data from your brain in ActionScript 3.0 with this open source API that I’ve created. You’ll need the Mindset hardware to utilize the full power of the API but you can run the ThinkGear Connector in “demo” mode and it will send simulated brain data to your app.

I’ve been interested in Brain Computer Interfaces for a few years now and was pleasantly surprised to find that Neurosky is now selling an affordable headset that reads brainwave data. The development tools are available for download from the Neurosky website for free. They provide a small piece of AS3 that shows how to read data from the ThinkGear Connector through a socket using ActionScript 3.0. I’ve abstracted the raw socket code into an easy to use API with documentation. Events are generated as the connector captures brainwave data from the BCI headset. You can register to listen for these events and get notifications as the brainwave data is read in one second intervals.

I’m currently working on a dashboard that displays the data my brain is generating using this API. It’s still a little rough but you can see the beginning in the video below. I’m also working on another project that feeds the brainwave data to some particle based visualizations in Flex. I think combining the brainwave data with Flash/Flex based visualizations could produce some very interesting results!

I’m planning on making this API open source and encourage developers to get involved. I can’t think of anything more exciting than reading your brain with ActionScript 3.0, Flex, AIR, etc. I truly think BCIs are the future of computing and we’ve hardly even seen the full potential yet. I currently need more examples to add to the project so if you’re interested in contributing those or anything else to the project please get in touch.

The game market is a great area where a BCI can be utilized. There is currently a demo game included with the Mindset when you purchase one. It’s pretty cool and if you are as interested in BCIs I encourage  you to take a look.

You can use the links below to find additional information about Neurosky and the Mindset BCI. You can also download the ThinkGearAPI SWC, browse the API documentation and download the source for the API and the Flex example using Subversion.

ThinkGearAPI SWC

http://seantheflexguy.com/thinkgearapi/ThinkGearAPI.swc

ArcGIS API for Flex
The ArcGIS API for Flex allows the creation of Rich Internet applications on top of ArcGIS Server. It is based on the free Adobe Flex framework. The Flex framework is a client-side technology that is rendered by Flash Player 9 and above, or by Adobe AIR. All Flex 3.x SDK versions are now supported.
http://resources.esri.com/arcgisserver/apis/flex/

asaudio
ASaudio is a small AS3 library dedicated to simple and efficient sound handling.
http://code.google.com/p/asaudio/

as3ansi
Library for parsing and viewing extended ASCII (IBM code page 437) into AS3 for use in Flash and Flex applications.
http://code.google.com/p/as3ansi/

ActionScript 3.0 Client Library for Facebook Platform API
The new ActionScript 3.0 Client Library for Facebook Platform API, fully supported by Facebook and Adobe, makes it easy to build applications that combine the strengths of the Flash Platform and Facebook Platform.
http://code.google.com/p/facebook-actionscript-api/

ascolourlovers
ColourLovers API for ActionScript 3. This library provides all the tools needed to bring palettes, colors, patterns and more from the ColourLovers API in your AS3 projects.
http://code.google.com/p/ascolourlovers/

AS3DAC
AS3DAC parses an AS3.0 class or instance file and adds asdoc documentation stubs. Follows the Flex SDK Coding Conventions where applicable.
http://code.google.com/p/as3dac/

as3flexdb
AS3FlexDB project is a open source lib that allows Adobe Flex applications to connect to a MySQL server.
http://code.google.com/p/as3flexdb/

as3growl
An ActionScript 3 API for working with the Growl notification service.
http://code.google.com/p/as3growl/

AS3 Http Client Library
An http library written on top of flash.net.Socket (and as3crypto) to be used with AIR or flash runtimes.
http://github.com/gabriel/as3httpclient

as3midilib
MIDI for ActionScript 3.0
http://code.google.com/p/as3midilib/

as3openxmlformats
ActionScript 3 lib for MS Office Open XML Formats
http://code.google.com/p/as3openxmlformats/

as3-scaffold
as3-scaffold is a lightweight as3 framework with an accompanying set of scaffolding scripts to automate the tedium of setting up new as3 projects, with support for PureMVC.
http://code.google.com/p/as3-scaffold/

as3scriptinglib
This library aims to provide an API for compiling and executing runtime ActionScript/JavaScript within the Flash client (no server required) via Adobe’s ECMAScript 4 compiler (from the Tamarin project).
http://code.google.com/p/as3scriptinglib/

as3zlib
as3 port of zlib
This is a port of JZlib to as3. Was created because as3 in Flash9 does not support deflate in ByteArray. AIR does support deflate and doesn’t need this code.
http://code.google.com/p/as3zlib/

bitly as3 api
Simple as3 implementation for bit.ly API.
http://code.google.com/p/bitly-as3-api/

Diggbe
Diggbe is a general purpose DI engine. It is first conceived for unit testing purposes (to avoid xxxSet/GetForTest). But it can also be use for runtime code to allow service dependencies to be injected.
http://code.google.com/p/diggbe/

echo-nest-flash-api
An ActionScript 3 interface for the the Echo Nest API.
http://github.com/also/echo-nest-flash-api

Etsy API Wrapper for Actionscript 3
An Actionscript 3 class that wraps the Etsy.com API.
http://thunderfarm.com/etsy/

feedmeas3
FeedMe is a low level class for sharing data between objects.
http://code.google.com/p/feedmeas3/

fuelas3svn
This is the SVN protocol implemented in AS3. This library gives you the ability to write your own SVN client completely in Flash.
http://code.google.com/p/fuelas3svn/

Gigya AS3 API
http://wiki.gigya.com/030_Gigya_Socialize_API_2.0/030_API_reference/010_Client_API_%28JavaScript%29

googleas3api
AS3 library on Googles API’s, integrate the power of Google in your Flash/Flex/AIR application (searches, translation, suggest, weather, feeds).
http://code.google.com/p/googleas3api/

Kongregate’s AS3 API
The Kongregate AS3 API allows you to extend your game to communicate with the Kongregate back-end.
http://www.kongregate.com/developer_center/docs/as3-api

KoolMoves AS3 API
http://koolexchange.com/docs/km/

lastfm as3
Actionscript 3.0 API to access the Last.fm web services.
http://code.google.com/p/lastfm-as3/

Mappy AS3 API
Thanks to Mappy AS3 API, show your users advanced visual effects (zooming with transition effects, video integrations, animations, etc.)and render maps quickly on browsers with a Flash plug-in instaled (the vast majority of Internet users).
http://api.mappy.com/en/as3

MP3tunes Music AS3/Flex/AIR API
API to implements the MP3tunes Music API. The api consists of REST interface which gives you access to all data for a user within the MP3tunes Locker service. It gives you the foundation for using the service in a AS3/Flex/AIR project.
http://code.google.com/p/mp3tunes-as3-api/

nd3d
ND3D is a simple to use AS3 3D Engine. Aimed for speed and simplicity. Target use are small 3D effects and rapid 3D testing / prototyping. The compiled size of the engine is about 10k.
http://code.google.com/p/nd3d/

netflex-as3-api
An Actionscript 3 utility library to simplify the Netflix API for Actionscript 3 based applications.
http://code.google.com/p/netflex-as3-api/

Sekati API
Sekati API is a Pure Actionscript 3.0 framework designed to bootstrap the development of flash/flex projects & applications with an emphasis on high-level functionality encapsulation. The framework provides a flexible, feature-rich xml configurable application architecture through the implementation of it’s collection of behavior-specific core display objects, controllers, managers & utilities.
http://code.google.com/p/sekati/

Soundcloud AS3 API
Universal Soundcloud API wrapper for Flash, Flex and AIR projects, written in ActionScript 3.0.
http://github.com/dasflash/Soundcloud-AS3-API/blame/1aa2d25c072309a1e931b08e88f6c7218a135be0/README

tweensy
Tweensy is an extremely efficient Actionscript 3 property tweener. Contained within Tweensy is an expansion package called Tweensy FX which allows for motion effects to be applied onto DisplayObjects.
http://code.google.com/p/tweensy/

vyana
Light-weight Cairngorm-PureMVC like framework with care about modular applications
http://code.google.com/p/vyana/

wiiflash
Communication between the Wiimote and Flash
http://code.google.com/p/wiiflash/

Cairngorm
Cairngorm is the lightweight micro-architecture for Rich Internet Applications built in Flex or AIR. A collaboration of recognized design patterns, Cairngorm exemplifies and encourages best-practices for RIA development advocated by Adobe Consulting, encourages best-practice leverage of the underlying Flex framework, while making it easier for medium to large teams of software engineers deliver medium to large scale, mission-critical Rich Internet Applications.

http://opensource.adobe.com/wiki/display/cairngorm/Cairngorm

Download: http://download.macromedia.com/pub/opensource/cairngorm/cairngorm2_2_1-bin.zip

Flex Unit
FlexUnit is a unit testing framework for Flex and ActionScript 3.0 applications and libraries. It mimics the functionality of JUnit, a Java unit testing framework, and comes with a graphical test runner.

http://opensource.adobe.com/wiki/display/flexunit/FlexUnit

Download: http://download.macromedia.com/pub/opensource/flexunit/flexunit0_9.zip

Subclipse
Subclipse is an Eclipse Team Provider plug-in providing support for Subversion within the Eclipse IDE. The software is released under the Eclipse Public License (EPL) 1.0 open source license.

http://subclipse.tigris.org/

Eclipse update site URL: http://subclipse.tigris.org/update_1.6.x

Eclipse
Eclipse is a multi-language software development platform comprising an IDE and a plug-in system to extend it. It is written primarily in Java and is used to develop applications in this language and, by means of the various plug-ins, in other languages as well – C, C++, COBOL, Python, Perl, PHP and more.

http://www.eclipse.org

Download: http://www.eclipse.org/downloads/

ASDoc
ASDoc is a command-line tool that you can use to create API language reference documentation as HTML pages from the classes in your Adobe® Flex® application. The Adobe Flex team uses the ASDoc tool to generate the Adobe Flex Language Reference.

http://livedocs.adobe.com/flex/3/html/help.html?content=asdoc_1.html

Flex Ant Tasks
The Adobe® Flex® Ant tasks provide a convenient way to build your Flex projects using an industry-standard build management tool. If you are already using Ant projects to build Flex applications, you can use the Flex Ant tasks to replace your exec or java commands that invoke the mxmlc and compc compilers. If you are not yet using Ant to build your Flex applications, you can take advantage of these custom tasks to quickly and easily set up complex build processes for your Flex applications.

http://livedocs.adobe.com/flex/3/html/help.html?content=anttasks_1.html

Installation: http://livedocs.adobe.com/flex/3/html/help.html?content=anttasks_2.html#224215

Degrafa
Degrafa is a declarative graphics framework open source licensed under MIT.

http://www.degrafa.org

Download: http://www.degrafa.org/code/

as3corelib
The corelib project is an ActionScript 3 Library that contains a number of classes and utilities for working with ActionScript 3. These include classes for MD5 and SHA 1 hashing, Image encoders, and JSON serialization as well as general String, Number and Date APIs.

http://code.google.com/p/as3corelib/

Download: http://as3corelib.googlecode.com/files/as3corelib-.92.1.zip

Flex SDK coding conventions and best practices
Coding standards for writing open-source Flex framework components in ActionScript 3. Adhering to these standards makes the source code look consistent, well-organized, and professional.

http://opensource.adobe.com/wiki/display/flexsdk/Coding+Conventions

Flex Language Reference
The Flex 3.3 Language Reference provides syntax and usage information for every element in the ActionScript™ language. It documents all elements in Adobe® Flash® Player and Adobe® AIR™ that are officially supported by Adobe.

http://livedocs.adobe.com/flex/3/langref/