Flex 4 Application Handling Touch Events on Android with Flash Player 10.1

March 17, 2010

Developed a simple Flickr search application using Flex 4, targeting Flash Player 10.1 on Google Nexus One. This application lets users search for photos on Flickr and uses the API provided by Flash Player 10.1 to handle touch events.

Here is the video of the application:

It took 3 hours for me to understand the touch events and develop this application and of course used Data-Centric features in Flash Builder 4 to connect to the services exposed by Flickr. In this application I used the following to handle touch events:

  1. TouchEvent.TOUCH_BEGIN
  2. TouchEvent.TOUCH_MOVE
  3. TouchEvent.TOUCH_END
  4. TouchEvent.TAP
  5. Multitouch.supportsTouchEvents
  6. Multitouch.inputMode

Download the source here http://sujitreddyg.com/samples/FlickrMobile.zip

Details on Flash Player 10.1 API for touch, multitouch and gestures can be found in Flex Developer Guide. Also read Multi-touch and gesture support on the Flash Platform by Christian Cantrell and Flex 4 List Scrolling on Android with Flash Player 10.1 by James Ward.

Adobe Rocks πŸ™‚


Application developed using Flex 4 and DCD targeting Flash Player on Android Device

March 4, 2010

Used Flex 4 and Data-Centric Development (DCD) in Flash Builder 4 to create a application which can be used in devices with Flash Player 10.1 support. This applications loads data from tomcat server configured with LiveCycle DS; Lets the user view the data and edit the same. Please find below the screen shots of the application running on Google Nexus One with Flash Player 10.1 πŸ™‚

Note: I took the screen shots of the application running on Google Nexus One phone using Dalvik Debug Monitor packaged with Android SDK

I also wanted to see if I can use the same application to target Flash Player running on bigger screens like Mac. Since I used Flex 4, I just created different skins for my custom components so that the applications looks good when launched from a Mac or PC. After creating the skins, all I had to do was to change the <style> tag in the main application to point to the css configured with my new skins and re-compile my application. Please see below the screen shot of the application launched from Firefox on my mac πŸ™‚

The application developed here is consuming data from a Data Management Service destination of LiveCycle DS (LCDS) and so any changes to the data on the mobile devices is pushed to all other clients viewing the same data πŸ™‚ In the last image below, you can see the changes made on the mobile being pushed onto the application running on Mac.

Screen Shots:

View Products

View Products

View Products 2

View Products 2

Edit Product View

Edit Product View

Editing Product Name using Android Keyboard

Editing Product Name using Android Keyboard

Viewing Edited Product

Viewing Edited Product

Application Running on Mac

Application Running on Mac

Adobe Rocks πŸ™‚


Slides and Source files from Data Centric Development session at devsummit

December 3, 2009

I had great time presenting Data Centric Development on Adobe Flash Platform at Adobe devsummit Chennai and Hyderabad. Thanks to all the speakers, community members and delegates for making this devsummit a great success πŸ™‚ Please download the presentation and source files for the demos from the URLs below.

PRESENTATION

Please find the presentation (Some of my slides are from Christophe Coenraets presentation at Adobe MAX) at this URL https://acrobat.com/#d=iXpvdvfVGYYunqRt*xZ*6A

SOURCE FILES FOR DEMOS

Please download the Java and PHP source files used in the first two demos and set up as explained in the article at this URL http://flashahead.adobe.com/events/devsummit2009/lbd/lbd_setup_instructions.pdf

Flash Builder 4 DCD with Java

Demonstrated how Data-Centric Development features in Flash Builder 4 can be used to easily integrate Flex with J2EE backend. Please find tutorial on using Flash Builder with J2EE backend at this URL https://sujitreddyg.wordpress.com/2009/06/01/building-flex-application-for-blazeds-remoting-service-using-flash-builder-4/

Source file (Flash Builder 4 project): http://sujitreddyg.com/presentations/devsummit2009/demo1.fxp

Flash Builder 4 DCD with PHP

Demonstrated how Data-Centric Development features in Flash Builder 4 can be used to easily integrate Flex with PHP backend. Please find tutorial on using Flash Builder 4 with PHP backend at this URL https://sujitreddyg.wordpress.com/2009/06/01/building-flex-application-for-a-php-class-using-flash-builder-4/

Source file (Flash Builder 4 project): http://sujitreddyg.com/presentations/devsummit2009/demo2.fxp

Model Driven Development

Demonstrated how to do model driven development using Flash Builder 4 and LiveCycle Data Services 3.Β Please find tutorial on model driven development and setup instructions at this URL https://sujitreddyg.wordpress.com/2009/06/18/tutorial-on-model-driven-development-using-flash-builder-4-and-livecycle-ds-3/

Source file (Flash Builder 4 project): http://sujitreddyg.com/presentations/devsummit2009/demo3.fxp

Adobe Community Rocks πŸ™‚


LiveCycle Data Services (LCDS) 3 Released

November 21, 2009

LiveCycle Data Services 3.0 is released as part of LiveCycle ES 2 πŸ™‚

What’s New

  1. Model driven development of Flex applications
  2. Reliable Messaging
  3. Throttling
  4. Edge Server
  5. Load test harness: Simulate Flex clients in Java

Documentation:

LiveCycle Data Services ES2 Quick Starts – http://www.adobe.com/go/learn_lcds3_modeling_howto

Other documentation – http://help.adobe.com/en_US/livecycle/9.0/lc_ds_list.html

Download Developer Version

You can Download the trial or a free developer version to get started from this URL http://www.adobe.com/go/trylivecycle_dataservices

Please find more details regarding the announcement on Anil Channappa’s (Product Manager LCDS and BlazeDS) blog at this URL http://anilchannappa.org/2009/11/20/lcds-3-0-released/

Congratulations to the entire LiveCycle Data Services team … LCDS team Rocks πŸ™‚


Speaking at Adobe devsummit Chennai and Hyderabad

November 9, 2009

I will be speaking on Data Centric Development on Adobe Flash Platform and also will be handling the Learn by doing – Part 2: Integrate with server session along with Prashant Singh.

Summit attendees will get a complimentary Flex Builder 3 Professional License. Please find session abstracts and more details below πŸ™‚

I am speaking at Adobe devsummit

Adobe devsummit is the biggest annual developer event focused on the Adobe Flash Platform. This event attracts a rich demographic mix spanning designers and developers in India. Adobe has consistently showcased path breaking technologies at devsummit.

For the first time Adobe devsummit is coming to Chennai, India (24th November, 2009) and Hyderabad, India (1st December, 2009). Please find more details on Adobe devsummit Chennai and Hyderabad and register at this URL http://endtoend.in/apps/forms/adobe/DevSummitNovDec09/home.html

Excited to meet the developers in Chennai and Hyderabad πŸ™‚

Session Abstracts

Data Centric Development on Adobe Flash Platform

See how to build an engaging Flex application for any server side technology productively. While application created with Flex and Flash already have ability to communicate with various back ends, see how data services can add power to a back end.

This session starts with showing how to use Data-Centric Development feature in Flash Builder 4 to productively create Flex applications connecting to various server technologies. Next, see how the brand new model-driven development feature of LiveCycle Data Services ES allows you to build and maintain data-driven Flex applications with an unprecedented level of productivity and flexibility.

Learn by doing – Part 2: Integrate with server

Learn how to connect your Flex application to servers for retrieving/storing data; and also deploy your application. We will demonstrate how you can connect to various server technologies like Java, .NET and PHP using remoting and web services. You will also learn how to use the Data-Centric development feature in Flash Builder 4 to develop Flex applications that connect with various server technologies.

If you are living in and around Chennai or Hyderabad, go ahead and register for the summit πŸ™‚

Catch you all at the summit πŸ™‚


Call for sessions at Adobe DevSummit, Chennai and Hyderabad

October 22, 2009

Adobe DevSummit, 2009 Chennai and Hyderabad

Adobe DevSummit is the biggest annual developer event focused on the Adobe Flash Platform. This event attracts a rich demographic mix spanning designers and developers in India. Adobe has consistently showcased path breaking technologies at DevSummit.

For the first time DevSummit is coming to Chennai and Hyderabad. DevSummit in Chennai will be on 24th November, 2009 and in Hyderabad on 1st December, 2009. We will be posting more details on the event and venue soon πŸ™‚

We would love to have the experts from the Adobe developer community take the stage and share their knowledge and insights on Adobe Flash Platform. Please find more details and submit your session proposals at the URL below.

http://flashahead.adobe.com/events/devsummitsessionproposals/

πŸ™‚


Ruby on Rails extension for Flash Builder 4

October 13, 2009

Adobe Flash Builder4 beta 2 is available on http://labs.adobe.com for downloading. One of the themes of Flash Builder 4 is to make data-centric development a lot more easier. You can find articles on developing Flex application for various server technologies using Flash Builder 4 at this URL https://sujitreddyg.wordpress.com/flash-builder-4

The Data Centric work flows in Flash Builder 4 are designed to be extensible i.e. you can add a new plugin to Flash Builder by implementing the interfaces exposed by Flash Builder and add support for any back end of your choice.

Gaurav Priyadarshi from Adobe Flex team extended to add support for consuming AMF(Remoting) based services running on a Ruby on Rails driven server.

You need Flash Builder 4 beta 2 to use this plugin, download and install Flash Builder 4 from this URL http://labs.adobe.com/technologies/flashbuilder4/ and then follow instructions below to set up Ruby on Rails plugin.

Please download the plugin and install from this URL http://dcdror.riaforge.org/

Details on installing the plugin and setting up Ruby on Rails project can be found at this URL http://dcdror.riaforge.org/blog/index.cfm/2009/10/9/Using-Ruby-On-Rails-plugin-for-DCD

Details on using the plugin can be found at this URL http://dcdror.riaforge.org/blog/index.cfm/2009/10/9/Using-the-plugin-from-FlashBuilder4