Flex and Java Developers needed!

My company HeyMath! is looking for experienced Flex and Java Developers. We do not follow a general recruitment process. We run a portal DevHunt! to hunt developers.

The portal has series of puzzles to test the developers skills. The developer has to solve these technical puzzles to get through. For more details register at DevHunt! and have fun.

The Hunted Prey will get the worth of their salt.

Runner-up at RIAthon 08

It was an exciting and eventful day at The Lalit Ashoka Hotel, Bangalore. The "Flash Ahead" event started as scheduled. We had a chance to watch the special preview of CS4 products, power of Flash Catalyst and Gumbo ( flex4 ).

And to talk about the RIAthon event, there were 10 finalists looking to grab the iPhone. Each team was asked to demo their application for a max of 3 mins. When our turn came, Ananth did all the talking, and i controlled the application. It was a wonderful demo by Ananth, as we were inching towards the iPhone. We were confident of winning the RIAthon 08 title, but we did not want to have any expectations.

Everyone was ready to hear the results. Harish announced the results in the reverse order. Our application GeoScope won the runner-up title of RIAthon 08 contest. We got a Sony home theatre system as the prize. The winner of the event was Krishna Prathap and his friend, for the application called FlexStats. He is also from chennai, and we know him personally. We are also happy that chennai grabbed the top two positions in the event.

It was an exciting evening for us as we signed off in a winning note. We thank Adobe for conducting this event, and congratulate them for making this as a big success. We are looking forward to participate in more events of this kind.

GeoScope - Application for riathon 08 event

It has been a long time since my last post. I was busy with my day-to-day activities and could not find time to post. One of my resolution for this year is to post without long break up. Hope i can do it :).

Last year November (around 20th) Adobe announced a contest named "riathon 08" for Flash, Flex, AIR developers. Checkout the announcement here. The contest is specific to India region.

I was really excited and eager to participate in the contest. Ananth had few ideas for the application. Whatever idea we finalize, it has to be simple and doable in 4 days time. After few discussions he came up with the idea which produced a simple and cool app "GeoScope". I am happy with the way the app has come out in a short time.

About GeoScope:
"GeoScope" is a mashup application which combines the power of Google maps and YouTube. This application does not require any user accounts to use it.

"GeoScope" allows users to search YouTube videos based on the location in the map. All the user has to do is browse the Google map, and click any of the location. "GeoScope" lists down the videos that are available in that location. users can play the YouTube videos instantaneously.

Features:
1. Search YouTube videos through Google maps.
2. Searched videos can be played instantaneously.

Open-source libraries:
1. Google maps API - free license
2. YouTube API. - free license

Team Information:
1. Prabhakaran
RIA Developer, HeyMath!
CFUG Manager

2. Anantharaman
CTO, HeyMath!
CFUG Manager

The Event has been postponed to 17th Jan 2009. Checkout the new dates here.

We have submitted our application and keeping our fingers crossed for the result. Ananth is confident of grabbing an iPhone. Lets see!!!

Flex game for SEO contest

The flex game is open to all users...The URL for the game is http://labs.heymath.com/Fleximagically%20Searchable/...
The game is pretty straight forward. The term "Fleximagically searchable" is hidden in a set of images. The user has to find where the term is hidden within the time given. More the user plays the game, higher is the possibility of getting listed in the top 10 players.

Keeping my fingers crossed to see how google indexes the flash content :).

"Fleximagically Searchable" contest

Sometime back Ryan Stewart announced a Flex SEO contest  hoping that the community can learn the best way to expose data from a Flex application to search engines. Soon after the announcement came, my CTO Ananth was charged up to make use of this opportunity to create flex contents that are search engine friendly. So he urged my team mate Alagu (who is new to flex envi) to take part in the contest.

He took this as a challenge and started to learn flex and in a span of 25 days and he has completed a flex gaming application which is due for a public launch. The game follows the rules

• It has to be a Flex application


• “Fleximagically Searchable” must be dynamically loaded. It can’t be static text inside of your application. - But I don’t care how you load it, in fact that might make a difference in how Google ranks you.


• The first link must be deep linked directly into where you load “Fleximagically Searchable” into your application. Feel free to use any deep linking methods out there.


• Nothing in your code can dynamically load the phrase automatically. It has to be the result of a user interaction.


• You must provide source code and be willing to talk about exactly what you did.


• Multiple entries are allowed if you want to try different things.

The game has come out well in a short span of time. Soon i will post the URL for the game

30onair at Chennai Flex User Group

March 1 2008 - Chennai Flex User Group officially launched Adobe AIR 1.0 and flex 3. The event was organized by Ananth and me, along with the support of John Koch. The event was scheduled for 11.00 am at HeyMath! office. Around 12 members from the group attended the launch event. The event was kicked off with a presentation by Kevin Lynch. The presentation was around 10-15 mins. After that it was time to distribute AIR t-shirts and Flex 2.0 text book to all the members. Thanks to Adobe for the support. Then we guys had discussions on Adobe technologies especially Flex and AIR. It was very very formal. Everyone had their chance to speak on it.
After the heated discussions we had snacks as refreshments. Thanks to HeyMath! for the support. As we reached the end of the event, we still haven't shoot the "30 sec on Adobe Technologies" video with the members. First to come up for the shoot was Sahil Haslani. He spoke about "Why Flex?" for 30 secs. Next it was my CTO Ananth, who initially took few minutes to think but came with a stunning explanation about "Why Adobe?". As usual he couldn't resist using the whiteboard :).
Next it was Viswanathan who spoke about "Why Flex?" and to follow him was my colleagues Umesh and Shankar

Anantharaman - 30onair - Why Adobe?


Sahil - 30onair - Why Flex?


Viswanathan - 30onair - Why Flex?



Umesh - 30onair - Why Adobe?




Sankar - 30onair - Why Adobe?

Number handling - Actionscript

Round a number to few decimal places:

To round a number to few decimal places use the following samples

Round to one decimal place
Math.round(35.2499 * 10) / 10 // returns 35.2

Round to two decimal place
Math.round(35.2499 * 100) / 100 // returns 35.25

Round to three decimal place
Math.round(35.2499 * 1000) / 1000 // returns 35.25

Round a number to the nearest multiple of an integer:

To round a number to nearest multiple of an integer use the following samples

Round a number to nearest multiple of 5
Math.round(35.2499 / 5) * 5 // returns 35

Round a number to nearest multiple of 10
Math.round(35.2499 / 10) * 10 // returns 40

My first feel of Adobe Flash CS3

Today i got a chance to get a feel of the latest version of flash - Adobe Flash CS3. It took a lot of time to install the application compared to flash 8. Once done i was really eager to use it.

- The first thing i noticed is the "TOOLBOX" in which all the tools are single lined, which can be toggled to the old way (double lined).

- Then i noticed the way all the panels are arranged. It was amazing. The panels can be grouped with or separated from each other (fig fl9.1)

- The coolest feature i see in this release is that you can skin the components in no time. Just double click on the component, the EDIT mode of that component movieclip will be opened up and you will see all the UI of the component for all the states. So you can directly change the skin from here.

- Then i thought i should do a sample application. So i placed a button component on the stage and added the AS 3.0. I added the following snippet

import flash.events.MouseEvent;
clickme_btn.addEventListener(MouseEvent.CLICK,clickHandler);
function clickHandler(event:MouseEvent):void{trace("You clicked me");}

When i run the application my attention turned to the output panel and compile errors panel, which is being combined with properties,filters,parameters panel.

- Then i thought of checking how the compiler errors are thrown, i made a syntax error at

clickme_btn.adEventListener(MouseEvent.CLICK,clickHandler);

To my surprise the button component which was placed on the stage collapsed (fig fl9.2). This is the first bug i came across in Flash CS3.

- The compiler errors was good to watch. This kind of interface will not be new for flex developers. The error thrown is now more specific. For the above code i got an error

1061: Call to a possibly undefined method adEventListener through a reference with static type fl.controls:Button

And at the bottom of the panel you will see a "Go to source" button which will take you to the line of the code where you made the mistake. This will add more value for the developers while debugging the application.

                         
       fig fl9.1                        fig fl9.2

This is just my first feel of Flash CS3. The support of AS3.0 will be a gift for flash developers who turned to flex. Is Flash CS3 the straight competitor for Flex 3 :). Now it will be a tough time for Silverlight. Lets wait n watch

I turned into a component developer

Now i am a component developer :). It took two years for me get into this. I was never intrested in doing this. But today i was forced(requested) to create a component, and it was a good one.
Now i firmly believe that a good Actionscript programmer should be able to develop components. Developing a component actually increases the programming skill. A good component has its own requirements.
1. It should be loosely coupled. The member variables and methods has to be encapsulated. Not all the varialbes can be exposed. The developer has to identify the right set of variables for exposing

2. The component should be re-usable at any point of time.

3. Should use getters and setters option. The member variables in the component should not be direct exposed. It has to be exposed through the get and set keywords
eg:
private var _age:Number
private function set age(val:Number):void
{
_age = val;
}
private function get age(val:Number):void
{
return _age;
}
The above code is self explanatory. Instead of exposing the variable _age directly, we are using setters and getters for variable age which directly affets _age.

4. A good component should allow the user to capture the changes that is happening in it. This can be achieved through Event metatag and dispatchEvent method.
To dispatch an event use dispatchEvent(new Event("click"));
If you are trying to dispatch a custom event you should use metatag
eg:
[Event(name="modified",type="flash.event.Event")]

5. If you are developing a flash component, it should allow the user to customize through component inspector

These are the main services a component should provide.
To get more information about the component development check here

Apollo is now Adobe AIR™

Adobe® has renamed their Rich Internet Application tool Apollo to Adobe® AIR(Adobe Integrated Runtime)™. Adobe labs was found quoted as

"Adobe® AIR™, formerly code-named Apollo, is a cross-operating system runtime that allows developers to use their existing web development skills(HTML, JavaScript, Flash, Flex, AJAX ) to build and deploy rich Internet applications to the desktop".

Developers can download the SDK of AIR™
To experience the AIR application you need to download and install the Adobe AIR Installer.
Experience the sample applications here.

Note: Before installing the Adobe AIR Installer, uninstall the Apollo alpha if it has been already installed

File upload in Flex + Ruby on Rails

Flex provides an API to upload and download a file. It uses the flash.net.FileReference class. Find the below code

Actionscript 3.0:

Call the "uploadFiles()" method to start uploading a file. Change the URLString variable to point to your controlle

// ActionScript file
   import flash.net.FileReference;
   import flash.net.URLRequestHeader;
 
   private var uploadFileRefList:FileReference = new FileReference();
   private var uploadURLReq:URLRequest;
   private var URLString:String="upload/attachment";

   private function uploadFiles():void
   {
       uploadFileRefList.addEventListener(Event.SELECT, uploadSelectHandler);
       try {
               var success:Boolean = uploadFileRefList.browse();
       } catch (error:Error) {
               trace("Unable to browse for files. " + error);
       }
   }
   private function doUpload(file:FileReference):void
   {
       uploadURLReq = new URLRequest(URLString);
       file.addEventListener(Event.COMPLETE, uploadCompleteHandler);
       file.addEventListener(IOErrorEvent.IO_ERROR, uploadIoErrorHandler);
       file.addEventListener(ProgressEvent.PROGRESS, uploadProgressHandler);
       try
       {
           file.upload(uploadURLReq);
       } catch (error:Error) {
           trace("Unable to upload file. " + error);
       }
   }
   private function uploadSelectHandler(event:Event):void
   {
       doUpload(uploadFileRefList);
   }
   private function uploadProgressHandler (event:ProgressEvent):void
   {
       upload_btn.enabled=false;
       trace(Math.floor((event.bytesLoaded/event.bytesTotal)*100) + "% complete");
   }
   private function uploadIoErrorHandler (event:Event):void
   {
       trace("Upload failed: " + event);
   }
   private function uploadCompleteHandler (event:Event):void
   {
       upload_btn.enabled=true;
       trace("Upload successfull: ");
   }

Ruby on Rails:

Create a controller "upload" and place the below code

   def attachment
     render(:xml => "") if saveFileAttachment(params[:Filedata],params[:Filename].to_s)
end

Then create a helper method "saveFileAttachment"

def saveFileAttachment(pFile,pFileName)
vFilePath = "public/"+pFileName
return false unless File.open(vFilePath, "wb") { |vBuffer| vBuffer.write(pFile.read) }
return true
end