jQuery Mobile "Getting Started" Application

A couple of weeks ago, I shared an Employee Directory sample application built with jQuery Mobile and PhoneGap. That application was implemented “Ajax-style”, keeping the UI and the data access code cleanly separated. In other words: no server code intermingled in the HTML markup.

A number of people have asked for a similar example using a “classic” (non-Ajax) implementation where pages (markup + data) are entirely built at the server-side before being delivered to the client.

So, here is simpler version of the same application built “sans Ajax”. I used PHP in this version, but you can of course use your favorite server-side technology (Java, .NET, CF, RoR, etc).

[Read more...]

Flex / Spring Mobile Test Drive: Learn the Best Way to Build Java-Backed iOS, Android and PlayBook Apps

Flex is a powerful application framework for building first-class mobile applications for iOS, Android, and the BlackBerry PlayBook using a single programming model, a single tool, and a single code base.

If you are a Java developer, the Flex programming model is also easy to master because it is syntactically very close to Java. The Flex IDE (Flash Builder) is a plugin on top of Eclipse, which means that you can write, debug, and profile your client and server code in the same development environment.

You can also easily integrate Flex applications with a Java back end using the Remoting and Messaging services provided by BlazeDS (open source) or LCDS (commercial license). For Spring developers, the integration is even easier and more powerful using the Spring/BlazeDS integration project, which makes the Flex and Spring combination the best way to build cross-platform iOS, Android, and PlayBook applications with a Java back end.
[Read more...]

MobileTrader for iOS, Android, and PlayBook: Source code now available on GitHub

I made some changes to the MobileTrader application and took the opportunity to push the source code to GitHub. You can get it here: https://github.com/ccoenraets/MobileTrader

This version was built with the shipping version of Flex and Flash Builder 4.5.1 which has built-in support for iOS, Android and the BlackBerry PlayBook.

The most notable change in this version is that I enabled the real time collaboration feature (with your financial advisor). This includes video conference, user interface synchronization, etc. You will need a LiveCycle Collaboration Service room URL to enable this feature. You can sign up for a developer version here: https://afcs.acrobat.com. You can still use the application without enabling the real time collaboration feature.

Usual disclaimer about the source code: This is a sample application, I intentionally cut some corners, etc.

[Read more...]

Three Platforms, One application: MobileTrader for iOS, Android, and PlayBook Source Code Available

My recent video, Flex on the iPad, has generated a lot of interest. The same application runs on iOS, Android, and the BlackBerry PlayBook. A number of you have asked me for the source code. Now that Flex 4.5 has been released, I’m able to share it: you can download the project file here.

NOTE: The shipping version of Flash Builder 4.5 provides full support for Flex projects on Android. Support for Flex projects on iOS and the PlayBook will be available in a June update. More information here.

Usual disclaimer about the source code: This is a sample application, I intentionally cut some corners, etc.

[Read more...]

Flex Charts on the iPad

I continue to see a lot of interest for dashboards applications on mobile devices (particularly on tablets), and I think that interactive data visualization applications are really a sweet spot for Flex. As an example, I built a simple dashboard aggregator using the out-of-the box charting components available in Flex. The same application can run on iOS (iPhone/iPad/iPod Touch), Android devices, and on the BlackBerry PlayBook. If you are an existing Flex developer, this will look very familiar: these are the same charts you also run in the browser or on the desktop on traditional computers. Check out the video:

For more data-visualization applications built with Flex, check out the Mobile Trader and the Sales Pipeline applications.

Usual disclaimer: I’m not a designer, so this is mostly developer artwork. You can of course polish, customize and style the out-of-the-box-experience.

Flex-Powered Multi-Touch Data Visualization on the iPad, Android, and the BlackBerry PlayBook

Over the past couple of weeks, I’ve visited many enterprise customers to spread the exciting news and discuss their mobile strategy. I found it interesting that most of them were focusing primarily on tablets (instead of phones), and that the application they were focusing on was almost always a dashboard or at least involved a lot of charting components. It is true that tablets such as the iPad, the Xoom, and the BlackBerry PlayBook are amazing devices for data visualization.

[Read more...]

New Mobile Trader Desktop Demo App for Android

I built a new “Mobile Trader Desktop” application that I published on the Android Market. This is a demo application (with simulated data) built with Flex “Hero” and running on AIR for Android.

To install the application, just search for “Mobile Trader” on the Android Market, or access the following URL from your device’s browser: market://search?q=pname:air.MobileTrader.

You can download the source code (project file) here. You need Flash Builder Burrito (available here) to open this project.

Quick Application Walkthrough

The “Assets” tab shows a summary of your investment portfolio’s progress. You can use swipe and zoom gestures on the chart at the bottom of the screen to navigate through historical data. Notice that if you rotate your device (in landscape), the layout changes to display a full screen view of the chart. The charts in this application are built using simple FXG paths (not mx charts).


[Read more...]

My Employee Directory Application Published on the Android Market

I just published my AIR-for-Android Employee Directory application to the Android Market. If you have an Android device you can find it by searching “Employee Directory” from within the Market application.

This is a new version of the application. One of the new features in this version is that it allows you to easily import your own data (click the Menu button on your device to access the “Import Data” screen).

You can find more information on the application companion page: http://coenraets.org/directory.

[Read more...]

Tutorial: Building an Android Application in 6 Steps

A few months ago, when I started working with Android, I built an Employee Directory application as an experimentation project. I thought this application could be useful to other developers starting with Android, so I’ve made it available as a Google Code project. Check out the step-by-step tutorial here.

NOTE: This tutorial describes how to build the Employee Directory as a native Android application. I also built the same application in Flex deployed on AIR for Android. You can find the Flex version of the application here.

Real Time Trader Desktop for Android Updated

I updated my Real Time Trader Desktop for Android sample application to work with the latest AIR for Android build (8/26/2010). To make it easier to find the latest version of the application, I also created a project page for the application where you will always be able to download the lastest build. That way you won’t have to skim through blog posts to make sure you found the latest one.

Both the apk file and the source code are available for download on the project page.