Developers can now use the Adobe Flash Builder platform to develop applications for iOS devices, such as Apple’s iPad and iPhone, as well as for the RIM BlackBerry PlayBook tablet.

Support for the devices (which had been announced in April) in Flash Builder 4.5.1 allows developers to create apps for a variety of popular devices and platforms using one code base with different presentation layers.

“The reaction from developers to the new mobile capabilities in Flash Builder 4.5 and the Flex 4.5 framework has been absolutely fantastic,” Ed Rowe, vice president of developer tooling at Adobe Systems, said in a statement today.

Adobe’s Flash Platform evangelist Serge Jespers shows us what “one tool, one framework, one codebase” means, and demonstrates an app developed for different devices using Flash Builder and Flex:

Developers from different industries have been using Flash Builder 4.5 and Flex 4.5 to help them reduce development time and the cost of delivery to build some pretty amazing apps across the major platforms:

• Politifact.com: A project of the St. Petersburg Times and a 2009 Pulitzer Prize winner, the PolitiFact.com team extended its website content into a mobile app available across leading app stores. The PolitiFact.com app helps readers find truth in politics by investigating statements by members of Congress, the President, lobbyists and other Washington D.C. personalities.

• Netflix Queue Manager: Using Adobe AIR 2.5, Flash Builder 4.5.1 and the Flex framework, RIA design and development group UnitedMindset created the Netflix Queue Manager, which allows users to connect with and manage their Netflix queue across devices and features intuitive search capabilities. With success in the Android Market—over 340,000 downloads since October 2010—the app is coming soon to BlackBerry AppWorld and the Apple App Store.

• Mr. Mixit and Pyramix: Web design and development agency HD Interactive first released Pyramix, a word game combining the strategy of Cryptoquote and the simplicity of Boggle, and Mr. Mixit, a spin-based matching game where you mix record labels against the clock, to Apple’s App Store. The new updates allowed HD Interactive to use the same code to deliver the apps to Android Market and BlackBerry AppWorld in record time.

• Muni Tracker: Are you from the San Francisco Bay Area or maybe planning to visit? This app helps you track locations, arrival times and bookmark your favorite stops and lines for Muni (San Francisco Municipal Railway), San Francisco’s public transit system. The developer was able to quickly and easily port this original Android app to iOS.

• Conqu is an easy to use yet powerful task management tool designed to help conquer an e-mail inbox and get things done. Using Flash Builder 4.5, the developer, AsFusion, was able deploy the app on multiple platforms with minimal effort. They were also able to reduce the time to develop the app since there was no need to debug different code for each individual platform.

Adobe is pleased to announce the availability of Adobe AIR 2.7 SDK and the Adobe AIR 2.7 runtimes. Adobe AIR 2.7 includes new features for both desktop and mobile applications with mobile support for Android 2.2+, BlackBerry Tablet OS* and iOS 4+ operating systems. Companies can build and deploy AIR 2.7 apps using Adobe Flash Builder 4.5 with an upcoming update to AIR 2.7 later this month.

*BlackBerry Tablet OS is scheduled to receive an OTA (over the air) update of AIR 2.7 by the end of June.

New features in AIR 2.7

Mobile

• Enhanced rendering for iOS: AIR apps for iOS render up to 4x faster in CPU mode.  This change will improve the performance of many AIR for iOS apps, including those built with the Flex framework.  Watch the performance improvements
• Video: Adobe AIR 2.7: Faster App Performance on iOS (Renaun Erickson, Adobe Flash Platform Evangelist, demonstrates faster AIR 2.7 app performance on iPad)
• Faster development time for iOS applications: Developers can now debug and build iOS applications faster than with previous versions using a new mode available within the AIR Developer Tool (ADT). During the development of an application, developers can now choose to use “interpreter mode” to streamline the testing and debugging development cycle.
• AIR installation on SD cards for Android devices: This feature allows end users to install or move the AIR runtime onto the SD cards within their Android devices so they can free up storage space on the phone.

Desktop

• Integrated support for Media Measurement:  The Adobe AIR 2.7 runtime now includes the same built-in support for media measurement as Adobe Flash Player 10.3, allowing companies to simplify the collection of real-time, aggregated reporting data for how content is distributed and viewed by users. With direct support for Adobe SiteCatalyst, powered by Omniture, developers can implement video analytics for existing or legacy video players with as little as two lines of code. For additional information, see the article on measuring video consumption in Flash.
• Acoustic echo cancellation: With integrated support for acoustic echo cancellation, developers can now add real-time VoIP capabilities to games, enterprise, and other types of applications without requiring users to wear a noise-canceling headset. Users can now chat using the speaker built into their desktop or laptop computer. This new capability is also available in Flash Player 10.3.
• Navigation Improvements for HTML Content: Enables seamless weblink-style navigation within desktop apps such as magazine viewers and eBook readers.  Developers can now respond to a new event to be notified when content within the HTMLLoader control attempts to change the location of a page. This enhancement provides developers with a better way to implement intra-application navigation.

Rossignol Experience iPad Application was created and designed by La Haute Société thanks to Adobe Flash technologies.

For more information go to the Adobe AIR and Adobe Flash Player Team Blog and read this article http://blogs.adobe.com/flashplayer/2011/06/adobe-air-2-7-now-available-ios-apps-4x-faster.html.

A few weeks ago, we decided to fly to Johannesburg to attend the “Meet The BlackBerry® PlayBook™” event at the forum | the campus on 24th May 2011 in association with Adobe. The event was split into a business track and a developer track, which catered for most of the attendees. A few of us went to both tracks and found the presentations to be very useful, gave us an insight into what markets BlackBerry are aiming PlayBook at compared to the Apple iPad and other tablet competitors. After chatting to many of the BlackBerry representatives at the event, they all said there has been a lot of interest from small, medium and large enterprises in South Africa regarding the PlayBook. So we are looking forward to the official launch of the device next month.

The reason ThoughtFaqtory is so interested in this device, is because we can leverage our existing Adobe Flash and Flex skills to develop great user experiences for the enterprise market. If you are interested in getting an app developed for the BlackBerry PlayBook, please get in touch with us on our website at www.thoughtfaqtory.com or email us inquiries@thoughtfaqtory.com.

We have also ported some of our apps over to the device already, if you are interested in seeing any of them please let us know via the details above.

Also, check out this video below regarding the “BlackBerry PlayBook Tablet for Business”.

Another video called “BlackBerry PlayBook – Flash”.

A year after Flash Builder 4 and Flex 4 SDK were released, new versions are available with Flash Builder 4.5 and Flex 4.5 SDK! The main focus for Flex 4.5 SDK and Flash Builder 4.5 is the ability to build mobile applications that target the Google Android, Blackberry Tablet OS, and Apple iOS operating systems. Additionally, Flex 4.5 SDK introduces new Spark components and improvements for large application development while Flash Builder 4.5 introduces dozens of new coding productivity features for faster ActionScript and MXML development.

Adobe have really focused on mobile development for this release, offering developers one tool, one development framework and one codebase to build mobile applications on Android, BlackBerry Tablet OS and iOS. Flash Builder 4.5 also helps developers make these applications ready to deploy for an app store/market. You can immediately develop applications for Android, and support for BlackBerry Tablet OS and iOS will be available through free Flex and Flash Builder updates in June.

Here are a few resources to get things started:

Build your First Mobile Application in Flash Builder 4.5

Build your First Flex 4.5 Application

Flex Developer Center

Mobile development using Adobe Flex 4.5 SDK and Flash Builder 4.5

Examples and case studies

Be more Entertained

Samsung Galaxy Tab 10.1 is your ultimate entertainer, delivering a multimedia tablet experience at the grandest scale ever!

Watch Full HD movies, take 8MP photos, and play games or surf Flash websites on the large 10.1″ display and dual surround sound speakers! Everything runs smoother, faster and better with the powerful 1GHz Dual Core Processor and Android 3.0, Honeycomb platform.

Incredibly lightweight at just 599g and yet still fully loaded with features, Samsung Galaxy Tab 10.1 is your consummate entertainer and it’s always ready to perform.

Your life tools

The Samsung Galaxy Tab 10.1 has everything you need to keep tabs on your life-at home with your family, at work and even on the go! Running Honeycomb, Android’s newest platform made just for tablets, the Galaxy Tab excels at smooth web browsing and fast downloads thanks to HSPA+ 21Mbps and Wi-Fi access.

Enjoy the same access to Google Mobile Services on the tablet as on your PC – from Gmail to Google Calendar. Choose from over 3 million Google Books to read on the tablet without the burden of carrying multiple books with you. Download a myriad of apps from the Android Market to customise the functionality of the tablet to your needs.

Specifications

Hands-on Video

So once we got back to the office after 25 hours of flying, I handed our developers an Adobe MAX 2010 Adobe Flash Platform DVD with all the preview software. We dived straight into mobile development with the latest Flash Builder “Burrito” and Flex SDK “Hero” framework.

The result of our efforts was an iTunes Trailers application on the AIR for Android platform.

iTunes Trailers home screen

One thing that we noticed was, if you are already familiar with Flex, then you do not have to learn anything new. There are a few new components implemented to support mobile devices such as MobileApplication, TabbedMobileApplication and ActionBar. Also, you can have something up and running pretty quickly compared to other mobile platforms.

When you first create your project instead of extending Application, it extends MobileApplication. This class does a lot of work for you, including orientation support, persistence manager to save and restore state, listeners for the hardware buttons and the ViewNavigator (see description below).

“The ViewNavigator component is a container that consists of a collection of View objects, where only the top most view is visible and active. Views can be added and removed by using the popView() and pushView() methods on the navigator. When a new view becomes active, the old view’s instance is destroyed. When a view is pushed on top of navigator’s stack, the old view’s data property is automatically persisted and restored when it is reactived through one of the pop methods. ViewNavigator doesn’t provide index information about the Views that it is currently managing and strictly follows a stack navigation model. Jumping between a set of views similar to a ViewStack is not supported by this component. ViewNavigator displays an optional action bar that displays contextual information defined by the active view. When the active view changes, the action bar is automatically updated.”

iTunes Trailers movie info screen

You cannot define any visual components in the MobileApplication class, you will notice that it contains a property called firstView, which is the initial view your application will start with. Each view on the navigation stack must extend View. It extends Group and adds additional properties to communicate with it’s parent navigators’ various UI controls.

MobileApplication provides a way to persist your application’s view state and data when the application quits, so that the next time it starts, it can restore itself with the same current view and view history. This makes interruptions in your application’s life-cycle completely transparent to the user. This is very important on mobile devices, where the operating system can interrupt or kill an application at any time.

The ActionBar class defines a component that includes title, navigation and action content groups. In the context of a ViewNavigator and MobileApplication , the ActionBar is used as application chrome which is has content contributed by the active View. The screen shot above contains a back button in the navigation content group with the default title. The iTunes Trailers app we developed is using the default chrome and colors. Developers can however implement there own skins using ActionScript, FXG or bitmaps (recommended approach by Adobe for optimisation) rather than MXML and runtime MXML graphics. A good place to start would be to look at the ButtonSkin class under the package spark.skins.mobile. This will give you a good idea of how to go about developing your own mobile skins.

iTunes Trailers cast members screen

The List and Scroller components have added functionality to enable touch-and-throw scrolling. To enable touch scrolling, set the new property called interactionMode style to touch. If you are using the mobile theme, then this style is automatically set on all appropriate components for you, so no need to do anything explicitly. You may however, develop a desktop application using AIR for touch screens, which would require you to set the property. The default item renderer for the List component on mobile devices is MobileItemRenderer. This is a simple item renderer with a single text component.

There is a more advanced item renderer optimised for mobile devices called MobileIconItemRenderer, it contains four optional parts:

1. an icon on the left
2. single-line label on top next to the icon
3. multi-line message below label and next to the icon
4. a decorator on the right

The screen shot below is using all of these parts of the item renderer.

MobileIconItemRenderer

If you would like to create your own advanced item renderer then Adobe recommends that you create a new ActionScript item renderer that extends MobileIconItemRenderer. Most of the time you probably won’t need to create your own item renderers but on rare occasions you may need to extend the functionality.

In part 2 we will go into more detail on how we built the application and integrated the services using Flash Builder “Burrito”,  the design view to layout the views and how to package up the application for distribution on the Android Marketplace. Additionally, we will provide the source code for the application too.

iTunes Trailers watch trailer screen

For more information on Flex SDK “Hero” framework, check out these links:

• What’s new in Flash Builder “Burrito”
• Mobile development using Flex SDK “Hero” and Flash Builder “Burrito”
• Coding productivity enhancements in Flash Builder “Burrito”
• Introducing Adobe Flex SDK “Hero”
• Adobe Flex “Hero” sample applications and tutorials

ThoughtFaqtory originally offered development services on Adobe Flex and AIR platforms. We have created many great experiences for small to large corporations in the USA, Europe and South Africa.

At the end of last year, we decided to embark on offering services in the mobile space. The type of platforms we currently develop for are iPhone, iPad, Android and Adobe Flash Platform for mobile devices. We actually have a few iPad’s floating around the office. Another technology we are looking forward to this year is AIR for Android, Flash Player 10.1 for mobile devices and Flex Mobile Framework (codenamed Slider). This is very exciting, because it allows our company to leverage existing ActionScript 3 skills and apply them to mobile devices.

We forsee that from 2010, there is going to be large demand for development of custom software solutions on mobile devices. A number of our team members are currently working on iPhone and iPad solutions for products that already have a web presence. Many companies are creating mobile experiences from existing products that are already available to the public. Then there are the products exclusive to mobile devices such as Foursquare and Gowalla, these types of products require location-based services function correctly.

ThoughtFaqtory is looking forward to this year as the mobile development space heats up.

See you at Net Prophet 2010 event on the 13th May 2010, Mutual Park, Pinelands, Cape Town.