Innofest Web2.0 Workshop

I have been taking "Web2.0 & RIA" course at International Institute of Information Technology, Bangalore (or IIITB for short) for sometime now, with Ram and Praveen among others. Its been a quite wonderful experience for me to actually impress upon an audience what FLEX is all about.

Recently,they approached us to do a Web2.0 workshop for their techfest called Innofest07 (by the way, their website is made in Flex, quite a commendable work). So me and Ram went there this Friday to do the workshop whose theme was Web2.0, FLEX & Mashups.

Ram started off with the intro about what Web2.0 is and about the basics of Flex. Then it was my turn. I was a bit sceptical to begin with, as almost all the people who attended the workshop had never used FLEX or even heard about it. But we set sail... I did a live code mashup of a FLEX App pulling photos from Yahoo Photos! using their REST service.

To my delight, the audience not only enjoyed it, but also took part in a small code jam afterward, where they extended the application to include Yahoo Travel Search! It was amazing that they could actually build a Mashup using two web services (they probably hadn't heard about) and using a technology that they had never used, in a span of just 2 hours... really, FLEX rocks! And what's more the guys with the best app went home with a free FlexBuilder licence

I have uploaded the files from the workshop, you can see them at the links below.

1. Yahoo Photo Search using REST in XML format (what I did at the workshop)
2. Yahoo Photo Search using REST in JSON format ( JSON has caught my fancy these days)
3. The source (you can right click and do a view source on the above apps too)
4. Some extras - the CSS, the JSON parser library & assets (in the above link itself)

Some acknowledgements to be made here...

• Thanks to the IIITB guys for the great opportunity
• Thanks to Adobe Consulting for the Mac OSX theme
• Thanks the JSON community for the JSON-AS3 parser library

An afternoon with John & fellow Bangalore Flex Developers

John Koch is the Developer Relations Manager for India for Adobe products like FLEX, ColdFusion, Flash Mobile ...etc. Thanks to Abdul (for making this day possible) and Mrinal (for booking the place and getting people together).

I was surprised to see that there are so many people already doing FLEX development in Bangalore. There's Adobe (obviously), SAP, Mogulus, SunGard and bunch of free lancers and flash guys who recently picked up FLEX.

We had a nice chat about what can be done for the FLEX community in India and also some of their pain points with FLEX too...

As Mrinal puts it, "Thus the seeds for the Bangalore Flex community has been sown". We need to nurture this to make it a success. Keep watching flex-india.org for updates.

From L-R : Mrinal, John Koch, Abdul,
The Mogulus guys (Mark & Phil) and Me

Also read Abdul's and Mrinal's blog posts about the same...

For some reason, this post was in my drafts, just saw it today...
Says a lot about my "active blogging". I should be more careful...

JSON - A lightweight way of passing Data

I was at the Web2.0 Conference held by the Computer Society of India Bangalore Chapter (CSIBC) at Royal Orchid in Bangalore. There was Philip from Yahoo Bangalore talking on JSON.

JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. The advantage of JSON is that its very light-weight and has none of the markup problems associated with the XML Interchange. Its fast evolving as a preferred data-interchange format, majorly being pushed by Yahoo. Its really worth taking a look at. Yahoo is giving a lot of its Services which were traditionally XML based now in JSON & serialized PHP as well. Here are some links that will let you deep-dive in JSON.

• JSON.org
• Fat Free Alternative to XML
  
• Using JSON with Yahoo! Web Services

I was really excited with JSON and started some primary explorations with it. It turned up an AS3 Core Lib, which includes a JSON parser for AS3 (i.e FLEX). I will put up a Yahoo Photo Search soon with JSON and using the AS3-JSON Parser

Calling all Flex Enthusiasts in Bangalore

Calling all Flex Enthusiasts in Bangalore.

John Koch (Adobe Developer Relation Manager, Asia) is going to be in Bangalore on Sunday (March 11, 2007) from 11.30 to 1.30 at the Casa Del Sol, Devata Plaza, Residency Road, Bangalore. Click here to view the whole details...

Be there if you want to be in the exciting space of FLEX Bangalore.

ThreeStateCheckBox... Bundled

I have bundled the 3 state checkbox now as a SWC (Shockwave Component). Also have done some changes to the component.You can download the SWC here and also view the source here

1. Changed the cross property to crossed
2. As per an anonymous' comment, you cannot now set both crossed & selected properties on the component.

I have made a example to illustrate the above.

One thing to remember while using the SWC... You need to have the following namespace in the Application tag.

xmlns="http://www.raghunathrao.com"

You can view the source of the example here

The ominipresent Flickr Viewer

This is one of the most ominipresent FLEX apps of all, the Flickr Viewer, the grandDad of all Flex Mashups. Here's one on the Adobe Showcase. There are so many of them that people are sick of it (read this).

I did my own version of Flickr Viewer when i was doing a FLEX Workshop at Manipal in MIT. This was as a part of my alma mater's technical fest TechTatva '06. I thought I'll put it up.

My Flickr Viewer
Everyone seems to be having one :)

This app uses Juan's MAC OSX Theme. There are some known issues (I'll try to sort them out as i get time)

• It only gives you the first page of results
  
• There's a bug in the drag and drop functionality into the image when run remotely. Funny enough it works fine on the local system.
  

My version of 3 State CheckBox

I was just looking at the compoenets on Mrinal's FlexBox when I came across the 3 state checkbox by Alessandro Crugnola. It seemed a useful thing but what struck me was a bit different. This can be extended to a checkbox that can be used for a "Yes/No/Dont Know" Scenario, rather than having the initial state blank. So i edited Alessandro's code and chnaged it to have 3 states. The 3 states are decided on the status of 2 flags - selected & cross

• State 1- Undecided State (default) - selected & cross = false
• State 2 - Crossed State - selected=false, cross=true - Shows the "NO" state
• State 3 - Checked State - selected=true - Shows "YES" State
  

I know it could have been made better, but i just spent some 3 hrs on the component + the application below. Use the below Application to vote for my component. You can use the "View Source" to view and download the source of the application and the component.

Let me know what you think

I have observed that the View Source on the blogger page does not work. So go to the application and see the source