Air 2.0 Accelerometer component for MacBooks

21 12 2009

Ever wanted to build super cool Games/Applications/Demos on your MacBook using Accelerometer ?

Yes, it is now possible to build all these cool stuff with Air 2.0 & MacBook.

MacBooks have a device called SMS ( Sudden Motion Sensor ) which can act as our Accelerometer. And using Air 2.0’s NativeProcess, we can invoke a native program to give us the Accelerometer data. Here is how the flow goes:

Accelerometer Flow Chart

I got a simple C-Program called “motion” (bundled in the below package) which can give me X,Y & Z co-ordinates of Accelerometer & print on the console. I execute the process using NativeProcess API & capture the console output.

I made a wrapper class called “MBAcceleromoter” to make this entire process easier.

Click here to download the source & demo. ( Air 2.0 SDK required )

Click here to download Demo alone. ( Air 2.0 runtime required )

This package contains:

1. “motion” program to capture Accelerometer data

2. “MBAccelerometer” class to invoke & “motion” program & returned structured output through event dispatch mechanism.

3. Sample application (Accelerometer.mxml) built using APE

What are you waiting for ? Go ahead & create some amazing stuff.

Here is what I have built in this demo:

Demo – Base position

Demo – Tilted Left

Demo – Tilted Right

Advertisements




iCheckBox – iPhone style Switch component for Flex

13 11 2009

iPhone has revolutionized the way world looks at Smart Phones. Apart from that, it had also set a new standard for Usability on phones & softwares in general.

I’m a huge fan of iPhone and I truly believe in it’s usability. Taking inspiration from it, I’m planning to port some of the iPhone components on to Flex and make it available for FREE.

Here is the first component in this series called iCheckBox. Its an equivalent to “Switch” component iPhone with more flexibility for controlling Labels, Width & Animation.

You can download the component,sample and source from here

Let me know how you like it or request any other interesting components that you want.

iCheckBox Component Preview





Adobe Dev Summit 2009 – Bangalore

22 07 2009

Dev Summit 2009

Its back and its bigger than ever.

Adobe Dev Summit is back to present you the latest happenings of Adobe Flash Platform. Don’t miss this unique opportunity to hear from the experts about the power & awesomeness of Adobe Flash Platform & Flash Builder 4.

Date : 4th August 2009, Tuesday

Time : 9 AM to 6 PM

Where : Lalit Ashok, Bangalore

What more ? You can attend this event for FREE using Gold Pass or pay nominal fee of Rs.  3000/- ( or Rs. 2500/- before 24th July 2009 ) for Platinum pass and get a Flex Builder 3 Professional license for FREE.

You can get more details about  the event and register here

Come, be there to experience the awesomeness.

http://www.endtoend.in/ete2009/adobe/devsummit/mailer.html





Introduction to Data Centric Development in Flash Builder 4 (Gumbo)

1 06 2009

As a part of “Adobe Flash Platform” branding strategy, “Flex Builder” is now renamed to “Flash Builder”.

Flash Builder Beta build can be downloaded for Free from http://labs.adobe.com/technologies/flashbuilder4/

Links

Using WebServices with Data Centric Development in Flash Builder 4

__

Data Centric Development (DCD) is an exciting new Rapid Application Development feature in Flash Builder 4 which helps traditional web developers to quickly build Flex applications that talk and fetch data from various backends like ColdFusion, PHP, BlazeDS, LCDS, WebService & HTTPService.

DCD Service List

This feature provides an easy-to-use unified workflow to import Services, see them inside Flash Builder & bind UI elements in your application to data coming from server.

Below are some of the compelling features offered as a part of Data Centric Development workflows:

  • Import existing ColdFusion/PHP/BlazeDS/LCDS/HTTP/WSDL services using very easy to use “Connet to Data/Service “wizard
  • Generate sample code for  ColdFusion/PHP service
  • View all functions & data types of your Service inside Flex Builder IDE using “Data/Services” panel
  • Test & Configure the output return type of your server side function/operation inside Flex Builder using “Configure Return Type”
  • Easily invoke & show the data from services using simple Drag & Drop and other gestures
  • Automatic client side Paging
  • Automatic client side Data Management
  • Automatic Input & Output Form Generation
  • Automatic Master-Detail view generation

Whole of this workflow can be categorized into 4 important steps. They are:

 

DCD Workflow

 

1. Connect to Data/Service

In this step, user is supposed to Import existing service by providing File path (for ColdFusion/PHP) or URL (for HTTPService/WebService) or Destination name (for BlazeDS/LCDS) to the service or generate a new service (for ColdFusion/PHP only). This step can be done using “Data->Connect to Data/Service” menu item.

2. Explore Service

Once the service is imported or created, all the available functions/methods along with its signatures from your backend service would appear in “Data/Services” panel inside Flash Builder.

3. Configure Return Type

In most of the cases, Flash Builder automatically identifies the data type of input arguments and return type of the operations by introspecting your server code & metadata. But, in some cases, Flash Builder would need to invoke the operation, introspect the output returned by the operation and create client-side ActionScript VOs if required.

4. Bind Components to Data

Once Flash Builder knows the Input argument types or Return types of the operation, you can start binding the output returned by these operations to UI elements like DataGrid, List, Button, ComboBox, Form, Charts etc..

 

Over the next few days, I will be explaining in detail about each of these wizards and backend specific workflows to make your life exciting with DCD.

More articles on Flash Builder 4 can be found here

 

 





CricketCentre – Cricket on your desktop

9 06 2008

Although Cricket is played by a few countries in the world, it is a religion in the Indian sub-continent and followed by millions in India alone.

Thanks to Twenty20 cricket & IPL tournament, the craze has increased lot more in the recent days and added lot more glamour to the game.

Even though we are Web 2.0 world, people watching cricket match through internet portals miss the excitement of game due to plain vanilla interface.

However this can be changed using RIA technologies and many aspects of watching a match live such as chatting with friends, participating in contests, enjoying charts and graphics can all be brought to user following through internet as well.

So, CricketNirvana.com brings you “CricketCentre”, the next generation of Cricketing experience to your desktop through Adobe AIR. This is a Rich Internet Application developed using Adobe Flex and runs on your desktop using Adobe AIR.

Home Page –http://www.cricketnirvana.com/CricketCentreWeb/CricketCentre.html

Feature Demo – http://www.cricketnirvana.com/CricketCentreWeb/FeatureDemo.html

                                    CricketCentre Screenshot

 Features

1) Realtime ball-by-ball score updates

2) Full & Mini-Scorecards

3) System tray & Pop-up notifications

4) Live Analytics & Statistics

5) Player profiles

6) Express Emotions

7) Gossip with friends

8 ) Watch Videos, News and lot more…

So, go a head and experience it…





Hurray! Flex 3.0 & AIR 1.0 are released

25 02 2008

Adobe Flex Adobe AIR

The much awaited products by the Rich Internet Application development community are released and available for download now. And Flex SDK is now open source too.

What more can you ask for?

Get the latest version of Flex & AIR and unveil your imagination with engaging, cross-platform RIAs.

I would soon start blogging about very cool new features of Flex & AIR. And I will also be releasing a new version of AIR 1.0 compatible Scrapmate with whole bunch of exciting new features.

So, watch out for the cool stuff that I’m going to post in next few days.

Flex home page : http://www.adobe.com/products/flex/

AIR home page : http://www.adobe.com/products/air/

Adobe opensource site : http://opensource.adobe.com/

Flex public Bugbase : http://bugs.adobe.com/jira