Adobe

Archives / Techmeme

Download Betas of Adobe Flash Builder 4, Flex 4 & Flash Catalyst

Exciting news! Now available on Adobe Labs are the public beta releases of Adobe Flash Builder 4 (formerly Flex Builder), Adobe Flash Catalyst and the Flex 4 Framework.

Flash Builder 4 is the next evolution of Flex Builder, and includes a long list of feature improvements, new data-centric development features, and a new design-develop workflow with Flash Catalyst. Flash Catalyst, also now available in public beta, is a new interaction design tool for rapidly building application user interfaces without coding. Both Flash Builder and Flash Catalyst are based on the updated Flex 4 framework, also available for beta download.

Visit Adobe Labs to find out more and to download the installers.

  • Posted on May 31, 2009 at 11:13 PM

Salesforce.com Updates Toolkit for Adobe AIR and Flex

Salesforce.com Updates Toolkit for Adobe Flex and AIR

forcetoolkit.jpg

Ryan Marples of Salesforce.com announced on the Force.com developer blog that an update is available to the Force.com Toolkit for Adobe Flex and AIR. This toolkit is designed from the ground up to make it easy to build engaging applications with Flex and Adobe AIR that, for example, allow users to access their Salesforce.com data and business processes when they are offline. Salesforce.com published a tutorial titled Taking Salesforce Data Offline Using Adobe AIR that describes how to build an AIR application that interfaces with Salesforce.com using this toolkit.

From the Force.com Toolkit for Adobe Flex and AIR wiki:

With the toolkit, Flex developers now have direct access to the Force.com Web services API, allowing the easy creation of new user experiences and web applications that connect directly to Force.com’s database, logic and workflow capabilities. And using the Adobe AIR component in the toolkit, information from Force.com can automatically be made available offline, allowing developers to extend their Force.com applications with offline and desktop applications.

Pandora Releases Premium App Powered by Adobe AIR

pandora.jpg

Last week, Pandora announced a new premium service known as Pandora One that includes a new desktop application powered by Adobe AIR. As a subscriber to Pandora One, users have access to not only a beautiful desktop application but also higher quality streaming and an extended interaction timeout period (up to five hours!). Also, since it is a premium service, advertisements are not displayed within the desktop or browser-based players.

If you are an audiophile and love the personalized mixes served up by Pandora, this is an application you should definitely check out. Currently, a one year subscription costs $36/year. One feature I particularly like is that notifications appear as overlays that fade in and out as a new song starts. However, the higher quality music (192Kbps!) significantly enhances the listening experience over the standard web player version. Congratulations to the team at Pandora that developed this application!

It is exciting to see companies like Pandora and the New York Times provide subscription services that are delivered to the desktop using Adobe AIR. If you have shipped or are working on a premium application that you are charging your users for, please leave a comment and let us know. We'd really like to hear what you are working on.

For more details, be sure to check out the Pandora One page.

New York Times Reader 2.0 Launches on Adobe AIR

The New York Times launched at update to its Times Reader application built using Adobe AIR, Flex and the new Adobe Text Layout Framework. Rob Larson, VP of Digital Productions at NYTimes.com, wrote an excellent blog post introducing the new version of the application last Friday. Unlike previous versions of the application, in addition to running on Windows, Times Reader 2.0 also runs Mac and Linux. Some of the key features of this application include:

  • Automatic content updates throughout the day
  • Access to articles whether you are online or offline
  • Unique browsing interface for simple article navigation using just the cursor keys
  • Access to the last seven days of news stories and the New York Times interactive crossword puzzle
  • Dynamic layout that adjusts to the size of your screen and feels like a real newspaper

Existing home delivery subscribers get access to Times Reader 2.0 at no cost. If you are not a home delivery subscriber, access to the front page is free, but full access can be purchased for $3.45 per week.

Adobe teams had the opportunity to collaborate with the NYTimes.com on this project including the Adobe XD team. There is a behind-the-scenes video that includes interviews with a few of the people that helped work on the application.

Be sure to download the application and check out the video overview that highlights some of the key features.

ny-reader.jpg

Now Boarding -- Casual Gaming Powered by Adobe AIR

nowboarding2.jpg

One of my favorite games built with Adobe AIR, Now Boarding, just released an update.

If you have not had the chance to check it out yet, it's an entertaining, addictive game where you are in charge of managing the logistics of an airport. The vector-based graphics look especially beautiful in full-screen and the jazzy music makes it one of the more original casual games I have seen in awhile. There is a free trial available and you buy the full version from their website. Be sure to check it out!

Writing well-behaved, efficient, AIR applications

Arno Gourdol, a member of the AIR engineering team, has posted an excellent blog entry titled Writing Well-behaved, Efficient, AIR Applications. Whether you are just beginning to build your first Adobe AIR application or already have deployed one to your users, this article provides some excellent suggestions on how to optimize the performance of your applications.

Check out Facebook Desktop for Adobe AIR

Justin Bishop, an engineer at Facebook, announced on the official Facebook blog that a new Adobe AIR powered desktop application is available called Facebook Desktop for Adobe AIR. Though there have been many Adobe AIR applications that hook into Facebook, we're really excited to see the release of an application from Facebook to showcase their new Facebook Open Stream API technology. Check out the blog post for additional details!

facebook.jpg

Download the latest TweetDeck: Memory Leak Fixes & Facebook Integration

tweetdeck.jpg

The TweetDeck team recently launched version 0.25 of their popular desktop Twitter client powered by Adobe AIR. The latest version includes several impressive new features including Facebook integration, the ability to record video clips within TweetDeck using 12seconds and memory leak fixes. We had the pleasure to work closely with the TweetDeck team to help investigate a memory leak that was impacting quite a few users.

The TweetDeck team discusses new features on their blog and mentions the collaboration:

We’ve been listening and working hard, together with Adobe, making improvements to TweetDeck to fix the memory leak. Today we’re delighted to be able to tell you that the memory leak has been plugged and now the latest version of TweetDeck will peak at a certain level and won’t go any higher. So you can leave your TweetDeck running all day, all night, or forever if you really want to.

We often receive questions around memory and we are working on putting together some best practices for developers. If you have tips you would like to share, please feel free to post a comment or send us your bugs directly (simple test cases are much appreciated). If you are building your application using Flex Builder, the profiler can be extremely helpful in tracking down memory issues in your application (see profiler documentation).

Also, be sure to check out the Performance-tuning Adobe AIR Applications article on the Adobe Developer Connection.

Again, congratulations to the TweetDeck team on the release!

Adobe is... Joining Facebook in Making the Web More Social

One of the greatest assets of the Flash Platform is it's large community of partners and developers who expand the capabilities of the platform with new and exciting features. Today is no exception as we announce the release of the ActionScript 3.0 Client Library for Facebook Platform API. This library, a joint effort between Adobe and Facebook, allows developers to create rich social web applications using Flash, Flex and AIR.

Until now, only a few unofficial libraries existed to support ActionScript development on the Facebook Platform. Many of these libraries struggled to stay up to date with the rapidly evolving Facebook Platform. Today's announcement makes ActionScript one of three officially supported languages (along with PHP and JavaScript) of the Facebook Platform and illustrates a commitment from both companies to make sure that this library is kept up to date and provides
the best experience for developers building on both platforms.

Along with the development of the actual library, we have created a Facebook section on the Adobe Developer Center with articles, tutorials and videos which will help you get started developing your first Facebook application. We have also included links to examples of live projects built by customers who have begun combining these technologies in new and innovative ways. To download the library itself, track it's ongoing development, or submit bugs and patches, visit the project page at Google Code.

While this announcement is a great milestone for Facebook and Flash developers, we hope to provide even more support going forward. We realize that social applications are a major focus for developers and we want to make sure and provide the best APIs and tools for you going forward. If you are in San Francisco at the Web 2.0 Expo this week, please come by the Adobe booth and visit with us. Facebook, along with a number of partners who are already building Flash based Facebook applications, will be here to talk about their experiences and show off their work. Or if you won't be able to make it, you can contact me at ddura@adobe.com and visit my blog http://www.danieldura.com for more information as the project progresses.

Building Rich Enterprise Applications with Adobe AIR

salesbuilder.png

Adobe evangelist Christophe Coenraets recorded a very impressive demonstration (see below) of a sample application he built using Adobe AIR and Flex. The sample application, called Salesbuilder, demonstrates many powerful features including:

  • telephone integration directly within the application using Ribbit (requires an account)
  • simulated data synchronization between a local and remote database
  • local database encryption
  • rich data visualizations including a new calendar component from ILog and an org chart view made possible with Kapit Visualizer
  • drag and drop support between Salesbuilder and Word/Excel

The application is available for install at the bottom of his blog post.

Seesmic Launches a Facebook Desktop Client Built on Adobe AIR

The creative software team at Seesmic launched a new beta application this past weekend called Seesmic for Facebook. If you have a Facebook account and enjoy keeping tabs on your friends through their status updates, this application is made for you. Note: If you do not have Adobe AIR installed, you'll want to install it before you install Seesmic for Facebook.

From the creators of the very popular social software client Twhirl (Twitter, Friendfeed, etc.) that has been downloaded over one million times, Seesmic for Facebook is powered by Adobe AIR and displays notifications alerting you of updates from your friends. In addition, you can also provide your own update as well.

seesmic-facebook.gif

Below is a video of Seesmic's founder and CEO, Loïc Le Meur, discussing the announcement at SXSW. Congratulations to the Seesmic team on both the creation of the Facebook application and for Twhirl hitting one million downloads!

Adobe AIR Development Plug-In for Aptana Studio Now Available

Today, we are pleased to announce with Aptana that the next major update to the Adobe AIR Development Plug-In for Aptana Studio is now available for download. Joelle Lam, an Aptana engineer that worked on the project, has recorded a video overview (see above) and also authored an excellent overview article describing the new JavaScript debugging capabilities.

The full list of features in the plug-in include:

  • Support for Adobe AIR 1.5. (new)
  • Integrated JavaScript Debugger. Watch screencast. (new)
  • Bundled JavaScript frameworks with full code assist (new)
  • Tools for generating application badges (new)
  • Integrated content assist for the Adobe AIR SDK
  • Pre-installed Adobe AIR runtime and SDK
  • Project wizard generates all necessary files for out-of-the box launching of Adobe AIR applications
  • Export wizard bundles and deploys Adobe AIR applications
  • Easily import Ajax libraries into Adobe AIR projects
  • Create and manage certificates for signing Adobe AIR applications
  • Support for localization, menu builders, and source viewing
  • Adobe AIR samples that can be previewed or imported as project
  • Help and online documentation

As we've been speaking to JavaScript developers, one of the most requested features has been the ability to debug their applications. While we exposed this capability in Adobe AIR 1.5 released in November of last year and Aptana announced a beta plugin that supports this, today's announcement is particularly exciting because the final version of this plugin is now available to users and includes many bug fixes and enhancements. Debugging support includes the ability to step in, step over, and step out of code. Errors are displayed in the Console.

aptana-debugging.jpg

Screenshot of the new debugging view.

Related links:

New Performance-tuning article on Adobe AIR Developer Center

adc.jpgOliver Goldman has written an excellent article titled Performance-tuning Adobe AIR Applications that is now available on the Adobe AIR Developer Center. The article explores how to define metrics, measure throughput and memory, and apply an optimization process to your development process.

It's a must read article whether you have already deployed an AIR application to your customers or you are simply in the early stages of thinking about building an AIR application.

If you have thoughts or experiences you would like to share, positive or negative, with regard to the performance of your AIR application, please feel free to leave a comment. If you think you have encountered a bug in this area, let our team know directly by sending us a description of your issue to our wish list.

In the coming months, we plan on sharing more articles that describe how to optimize the performance of your applications.

Fast & Furious Desktop Widget Powered by Adobe AIR

fastfurious.png

Universal Pictures recently released an Adobe AIR powered desktop widget for its upcoming film Fast & Furious starring Vin Diesel and Paul Walker. The application allows you to receive breaking news related to the film, view a countdown timer (scheduled for April 3rd), watch trailers and video clips, download wallpapers, connect with other fans real-time, and get directions using its built in GPS map.

This is a great example of an application designed to be completely viral -- across websites, social networks and the desktop with AIR. Using the "grab & share" feature built inside of the application, the widget can be easily shared on a user's social network such as Facebook or MySpace.

As an AIR application, it takes advantage of transparent windows to emphasize the film's brand in a very compelling way.

My hope is that this is a sign of things to come as more and more film studios begin promoting their upcoming releases with AIR applications. In particular, I would love to see a widget application like this that also takes advantage of AIR's support for HD video. Who knows, but perhaps some day soon entire films will be released and distributed as AIR applications in HD. Perhaps you have already have seen an example of this (please leave a comment if you have!).

Congratulations to the team at Xtreme Widgets that built this application.

ILOG Releases New Data Visualization Components for Adobe AIR

ILOG, an IBM company, recently announced an enhanced set of advanced data visualization components for Adobe AIR and Flex known as ILOG Elixir 2.0. When I first had the opportunity to see these components in action back in Milan at MAX last year, I was stunned by the richness, flexibility and performance of these components.

In addition to offering a 60 day trial period, the team at ILOG has made interactive examples available. Whether you are building an enterprise dashboard or Tufte inspired data visualization for your analytics tool, these data visualizations components are bound to save you a great deal of time. The components are available for purchase through the ILOG website.

The set of data visualization components include:

ilog-chart.png

3D Charts component.

ilog-treemap.png

Treemap component.

ilog-heat-map.png

Heatmap component.

ilog-gantt.png

Gantt component.

Related links:

 

Share News with ShareFire

My colleague Dan Koestler and I just released a new version of ShareFire (formerly known as Apprise), a news aggregator written for Adobe AIR. ShareFire has several useful features, but what really differentiates it is the ability to share news stories with friends over various social networks right from the application. We currently support sharing via email, AIM, Twitter, Facebook, Delicious, Digg, MySpace, and Newsvine. Another nice feature of ShareFire is that it has been localized into 16 languages which you can switch between dynamically (without having to restart the application or download other versions).

The source code for ShareFire is available on Google Code as well as all the libraries it uses:

  • as3corelib: Contains general utilities for things like date parsing, and working with various file formats.
  • as3localelib: Utilities for helping to localize your Flash applications.
  • as3nativealertlib: Library for creating modal alert windows in AIR.
  • as3syndicationlib: Libraries for parsing all versions of RSS and Atom.
  • as3preferenceslib: Library for managing the storage, retrieval, and encryption of application preferences.
  • as3notificationlib: Library for showing Growl-like alerts on Mac, Windows, and Linux.
  • wimas3: Code for integrating AIM into your Flash applications.
  • Adobe AIR Update Framework: A framework to assist in updating your AIR applications. (This project is now included in the AIR SDK, but it wasn't at the time ShareFire was started.)

Here's a screenshot of ShareFire, or for a demonstration, check out the video below. To install ShareFire, check out the ShareFire homepage.

Adobe AIR 1.5.1 Released

Today we released Adobe AIR 1.5.1, a relatively minor update that includes a number of bug fixes. The new builds are available for Windows, Mac and Linux on the Adobe AIR download center.

Oliver Goldman, a member of the AIR engineering team, posted a blog entry titled "Using InvokeEvent.reason in AIR 1.5.1" that describes a new API that was also added. If you have built an AIR application that launches at startup, you may want to check out Oliver's overview of how this feature works.

You do not need to recompile your application to take advantage of the 1.5.1 improvements. However, if you want to take advantage of the new APIs introduced in this release you will need to update your application descriptor to 1.5.1 (see New APIs section of the release notes) and recompile your application.

If you have any feedback about the release, please feel free to leave a comment below. Currently, our blog is configured so that comments must be first approved, but we do our best to approve comments as quickly as possible. We hope to change this soon once we can better tune our spam filtering system.

Related links:

Creating cinematic effecs with Adobe Pixel Bender and JavaScript

Photo

The team at Ext created an Adobe AIR application called Pixel Bender Explorer that demonstrates how to apply compelling animations and other effects to your JavaScript-based AIR applications. The effects are accomplished using Flash Player 10's new Pixel Bender technology, the same technology behind many filters and effects in Adobe After Effects software. Aaron Conran from Ext discusses on the blog post how he was able to to access these effects from JavaScript and integrate this functionality into the Ext JavaScript framework.

The application allows you to load a sample video and image and then apply filters effects in real-time. It's impressive to see the responsiveness when you load a video, apply an effect and adjust the supported properties (angle, direction, center point, etc.). Try loading the sample video, selecting "RadialCaleidoscope" and then slowing adjusting the "angle" property.

Adobe AIR + Netflix API + Dojo Toolkit = Queued Movie Manager

SitePen announced an impressive new technology demonstration called Queued that showcases what's possible when you combine the new Netflix API with the Dojo Toolkit and Adobe AIR.

Queued is a desktop application built on AIR that offers some of the functionality available on the Netflix website including support for search for and prioritizing your movie queue, but also adds new capabilities such as allowing you to view and manage your queue while offline (a synchronization engine updates your queue when you're back online). In addition, since this application runs in the background, you can receive popup notifications when Netflix receives or sends you new movies. The source code is available on Google and can also be accessed directly from within the application as well. This application, built using JavaScript, takes advantage of the Dojo Extensions library for Adobe AIR built by SitePen.

For more information, be sure to check out Revin Guillen's blog post and watch the video demonstration below (if you're a Netflix customer, be sure to download the application too!). Congratulations to the SitePen team for pulling off another stunning AIR application!

Updated AIR Marketplace Launched

marketplace-new.png

Today, an updated version of the Adobe AIR Marketplace launched that includes an improved look-and-feel as well as a few new features. The goal of the release is to provide a more user friendly destination for showcasing and downloading AIR applications.

New features include:

  • Enhanced feedback support where users can rate, review, comment and flag an application to provide feedback to the developer. In addition, users can share applications with colleagues and friends and also subscribe to RSS feeds from the Marketplace.
  • A new self-service web interface that allows developers to manage their profile and applications. Developers can also view download statistics, ratings and reviews through a new application dashboard.
  • The ability for a developer to specify a link to purchase the application. While the Marketplace does not enable e-commerce transactions directly, users can click on a link to purchase an application from the the developer's website.

Please be sure to check it out and let us know what you think by leaving a comment. Also, please let us know what you would like to see in the future.

air_market_305x105.jpg

AIR Passes 100 Million Installs

Today at Adobe MAX in Japan, we shared some great news about the expanding reach of the Flash Platform. We announced that Adobe AIR has been installed over 100 million times. Also, as of December, Flash Player 10 was installed on 55% of computers worldwide. Flash Player 10 is breaking all previous records for rate of adoption for Flash Player, and we expect greater than 80% penetration by the second quarter of 2009. The Milward Brown survey has details on the methodology used to determine the Flash Player penetration.

Adobe AIR is not included in the Milward Brown data yet, so I thought it might be helpful to explain our methodology. The number we announced is the count of successful initial installations of Adobe AIR -- this provides a minimum for the total install base of the AIR runtime.

Update:

Why does Adobe talk about installation numbers?

Our developers regularly ask about installation numbers because they are concerned about how quickly someone can install an application and begin using it. Having the runtime installed ahead of time makes that easier by making the download smaller and the download time faster. This the same reason that we focus on keeping the Flash Player very small, and why new versions are adopted so quickly.

What do we mean by "successful installation?"

Software installation can fail during download and also at installation time, so we only consider an installation to be successful when it can be confirmed by code running after the installation has been completed.

For example, the majority of AIR runtime installations occur at the time the first AIR application is installed by a user -- usually through the use of an "install badge" using AIR's seamless install feature. An install badge detects whether the runtime is installed on a user's system before attempting to install the application. If the runtime is not installed, it will be downloaded and installed before the application is installed. In most cases, a user usually launches the app once the installation process has been completed. Once the application is launched, the AIR runtime checks on start-up to see whether a new version of the runtime is available. This request confirms that the runtime was installed correctly and that an application has been launched.

One thing the number of successful installs does not tell us is where are all the installs are coming from. Some are coming from people who come to Adobe.com to download the runtime, but the vast majority are being driven by great, popular applications. Some of the most popular include:

Are there others? We'd love to know about it. If you don't mind sharing -- put a link to your application below and let us know how many people have installed it...

Update: We’ve gotten a few requests for more specifics around badge installations, so I did a little more digging into the data. Over 30 million installations have been of applications delivered via AIR badges. That means a lot of people are also downloading applications without using a badge. In some instances the runtime and application are offered separately -- such as Pandora Desktop and finetune. In other cases, the application and runtime are bundled within another application, such as Creative Suite 4, Adobe Reader, or raptr.

Build real-time social apps using Adobe AIR, Flex and the Cocomo Beta

cocomo.png

Adobe made several announcements at MAX a few months back related to new projects that were in the works. One of the projects announced that I thought was particularly compelling for AIR developers is code-named "Cocomo." To help provide some additional insights into Cocomo, I sent Nigel Pegg, senior engineering manager on the project, a few questions over email.

Rob: Hi Nigel. First question -- what is "Cocomo"?

Nigel: Cocomo is the codename for a new Platform as a Service that lets Flex developers easily add real-time social and collaboration features to their applications... OK, that was a pretty "markety" sentence. In real-life terms, Cocomo is:

  1. A framework of client-side components for Flex that make it easy to build real-time multi-user apps. This includes really high-level components like full-on multi-user whiteboards, chat, etc, as well as foundation classes for building your own features, like data messaging classes and webcam and VoIP pubsub components. We’ve baked a lot of solutions to common problems into the framework, like user roles and permissions, room management, reconnect/failover, persistence and more.
  2. A service, hosted by Adobe, which acts as “the pipe” that connects your users. The client framework and the service work seamlessly together and because Adobe is hosting it, it means that the operations problems like availability, capacity, deployment, and maintenance are taken care of by Adobe. Cocomo is currently in beta.

Rob: Why should AIR developers care about Cocomo?

Nigel: They should care because it provides a way for AIR developers to build new classes of applications. We believe that the general progression of the Internet is making real-time interaction commonplace. Social features are already becoming a staple of a lot of applications on and off the web, but these are still largely asynchronous. We think that bringing social immediacy to applications, via features like live voice and video streaming as well as real-time collaborative workflows, can make applications that much more effective and compelling.

The other reason they should care is that it takes a lot to get this sort of thing right. The fundamental technology for building these kinds of features with Flash or AIR has existed for a while, and yet you don’t see as many applications as there could be out there. And we believe a big reason for that is that it’s hard to develop for, and even harder to deploy and maintain. The folks on the Cocomo team have decades of combined experience building apps like Adobe Acrobat Connect, as well as tons of experience building component frameworks. We spent a lot of time refining the framework, and so far the feedback has been really outstanding – people are building things in a weekend that would have taken weeks before. More importantly, developers are starting to try things they otherwise wouldn’t have bothered with, because the barrier to entry was just too high. The risk/reward is much more in developers’ favor now.

Rob: What are some examples of applications people are building on it?

Nigel:
We’ve been in public beta for around two months now, so we weren’t really expecting a huge amount of activity yet. But it’s been pretty surprising how much has been happening. For example, Acesis has taken its AIR application for medical peer reviews and added the ability for doctors across the country to perform these reviews together in real-time, without having to leave the application or travel to meet each other. We have a bunch of companies building some really exciting stuff, still early going. One company is building long distance learning where the teacher is able to interact with the students using peer-to-peer voice. Another is working on an online gaming site, where webcam streaming and voice are crucial to the gameplay.

 The developer community is really starting to pick up and run with it too. We’re working on an application “gallery” so all our links will be in one place, but check out multiplayer Sudoku: “Sudocomo”. Also, ShareFlickr is pretty cool; it lets you co-browse Flickr slideshows. And for the “what-the?” factor, you can’t beat the Cocomo-enabled Wiibot.

Rob: How to developers get started?

Nigel: It’s really easy. Literally minutes from getting an account, you’ll have your first app built and running. The Cocomo homepage has a bunch of resources to get started. Another way to get started might be to check out this blog post where you can find a link to an article from Ryan Stewart, the Cocomo Developer’s Guide, and links to several AdobeTV videos from my MAX sessions that have a lot of supporting information as well.

Rob: When will it be shipping?

Nigel: We’re currently in public beta, which started in November of 2008. We have a little ways to go yet. Rest assured that the Cocomo team is moving as fast as possible to get to a commercial launch. We are aware that depending upon the entity (e.g., enterprise, government, ISV, individual developers), service requirements such as support, compliance, and uptime may vary and we are discussing approaches to addressing these requirements. In addition, we recognize that developers expect flexible and predictable pricing and soon we’re going to start sharing our proposed pricing model with the community. If people want to stay up to date, follow the Cocomo team blog and my twitter stream includes Cocomo updates as well. Lastly, if anyone has questions, the Cocomo forums are the best place to reach the team.

Rob: Thank you, Nigel!

75 New Adobe AIR JavaScript Code Samples Available

Adobe platform evangelist Kevin Hoyt announced on his blog that he has made available the source code for 75 Adobe AIR code samples built using JavaScript. This is a fantastic way to get up to speed on AIR's API's. Real world examples include how to:

  • Access text files synchronously
  • Access binary files synchronously
  • Access the clipboard
  • Add drag and drop support to your application

To get started, download the sample files as a .zip or .air file from his project site hosted on Google Code.

ActiveRecord JavaScript Library Announced AIR Support

Ryan Johnson of Aptana announced the beta version of ActiveRecord.js, an open source JavaScript library that implements the ActiveRecord pattern popularized by the Ruby on Rails community. In addition to supporting Adobe AIR, it provides support for other JavaScript application runtimes including web browsers. On the server-side, ActiveRecord.js also works with MySQL and SQLite via Aptana Jaxer, the Ajax server based on the Mozilla browser engine. Work is underway as well to support HTML 5’s SQL APIs, now available in some versions of WebKit, once that specification is finalized. 

For developers creating Ajax applications using Adobe AIR, this means they can persist JavaScript objects and data using pure JavaScript syntax. All the underlying SQL commands are simplified into higher level APIs that are more natural feeling for JavaScript developers. In many cases, the syntax results in far fewer lines of code to implement as well. 

There is an Adobe AIR sample application provided with the project that demonstrates a basic example of the ease of use. 

active-record.png

As shown below, it takes one line to connect ActiveRecord.js and a few lines more to define a record object, in this case Note.

      ActiveRecord.connect(ActiveRecord.Adapters.AIR);
      
      Note = ActiveRecord.define('notes',{
        body: '',
        created: {
          type: 'DATETIME'
        }
      });
            
With the Note type record defined, getting a collection of records is a easy as Note.find() as shown below.

      window.onload = function(){
        //display all existing persisted notes
        var notes = Note.find({
            all: true
        });
        for(var i = 0; i < notes.length; ++i){
            display_note(notes[i]);
        }

Note.create() not surprisingly adds a new Note record.

        //form logic to create new notes
        document.getElementById('add_note_button').onclick = function(){
          var note = Note.create({
            body: document.getElementById('add_note_text').value
          });
          display_note(note);
        };
      };

Perhaps the most verbose part of the sample is where it directly updates the user interface using native HTML DOM APIs. Of course, this could be further simplified by using jQuery, Dojo Toolkit, Ext JS and other popular Ajax libraries. ActiveRecord.js is intended to complement, not replace, the use of other Ajax libraries. 

Aptana has also put a .project file into the source repository for this example to make it easy to import into Aptana Studio and run this with the Adobe AIR Development Plugin. Since the project contains JavaScript files, you can also use Dreamweaver or any other text editor to view it as well.

Related Links:

Sam's Interactive Reader for children powered by Adobe AIR

The team at Storybook Anytime has recently released several major updates to their popular Sam's Interactive Reader, a child-safe, downloadable application that allows children to discover the fun of reading and learning through interactive media. The application includes a growing catalogue of interactive content for children ranging from three to nine years old. Content is priced anywhere from free to $2.99 and can be purchased through the embedded shopping cart. It's possible to purchase gift cards through the website. Recently, the team localized its interactive content to Spanish as well.

From a development standpoint, there are many ways the team behind this application interacts with their user community. In addition to having a Facebook application called Sam's Fish Bowl that synchronizes data with their AIR application, the development team also maintains a blog and a Twitter account. Also, the team provides its library free of charge to pre-schools, libraries and elementary schools. Congratulations to the Storybook Anytime team for their recent releases! The application, powered by Adobe AIR, can be downloaded from the Sam's Interactive Reader website.

sam1.jpg

Sam's room is the launching point to other parts of the application such as activities, interactive stories and the catalogue.

sam2.jpg

The catalogue is where users find new content to purchase and download.

sam3.jpg

"There's a Fish in My Bathtub!" features colorful images and audio.

sam4.jpg

The application supports for gift cards that can be purchased through the website.

BBC launches iPlayer desktop on Adobe AIR

iplayer_2.jpg

The BBC announced a new version of its iPlayer desktop application that lets viewers stream programs for up to seven days after broadcast or download and watch them for up to 30 days.

As Adobe platform evangelist Andrew Shorten points out his blog post, which has considerably more details, the application was built using the Flex 3 framework, Adobe AIR 1.5 and makes use of the Flash Media Rights Management Server (FMRMS) to DRM-protect content which is downloaded to the user’s desktop. Since it is built using AIR and Flex, it runs on Windows, Mac, and Linux operating systems (see our recent Linux announcement).

From the press release:

"Now, the new download manager allows users to view their favourite BBC shows, online or offline, with a high quality solution across operating systems."

Important note: Similar to the web version, The BBC desktop iPlayer is only available to UK audiences and can only be accessed within the United Kingdom. According to this BBC iPlayer help page, they are looking into adding additional region support in the future through BBC Worldwide. Andrew has a few more images on his blog post in case you are curious what it looks like.

Related links:

Adobe AIR 1.5 now available for Linux

A month ago, at our MAX conference in San Francisco, Adobe announced the immediate availability of the Adobe AIR 1.5 runtime and SDK for Mac and Windows. However, since the beginning of the AIR project when the AIR runtime was originally known by its code name Apollo, it has been our intention to bring the runtime and SDK to the Linux community as well. Earlier this year we posted a public beta on Adobe Labs and collected feedback from thousands of users on forums, blogs, Twitter posts, and our team's feedback form.

Today, we are very pleased to announce the availability of AIR 1.5 for Linux. Thousands of AIR applications such as Twhirl (a popular Twitter client), AOL's Top 100 Videos, and Parleys.com, are now available to millions of Linux users. This announcement also means that web developers can now use the AIR SDK to create a single desktop application that works on Linux, Mac, and Windows without any changes.

Important note: In order to take advantage of the badge install feature of AIR, you will need to update to the latest version of the Flash Player for Linux (10.0.15.3).

Update: We made a follow-up post that answers a few frequently asked questions related to Adobe AIR for Linux including how to resolve an installation issue some users are experiencing. .

As Linux users are well aware, Linux is available in many different distributions. We decided to focus on three open distributions: Ubuntu, Fedora, and openSUSE based on feedback from the community. Please be sure to visit our updated system requirements page for additional information about the versions of distributions we are supporting.

Many of us here at Adobe are Linux fanatics and our commitment to the Linux community is stronger than ever. Adobe is a member of the Linux Foundation and collaborates with other members of the foundation to help improve Linux. In the past couple of months, at a product level, the Flash Player team not only simultaneously shipped Flash Player 10 on Mac, Windows, and Linux, but they also made an alpha version of Flash Player 10 available for 64-bit Linux distributions on Adobe Labs. Since the Flash Player is included inside of the AIR runtime, AIR 1.5 does natively not support 64-bit Linux distributions at this time. If you are interested in seeing AIR for Linux support 64-bit distributions, I'd like to encourage you to participate in the Player 10 64-bit prerelease forums and send a note to our team if you would like to see this support in AIR.

We've also posted a new tech notes describing how to run Adobe AIR on a 64-bit Linux operating system:

Our team would like to welcome your feedback on AIR 1.5. If you believe you are encountering a bug, please be sure to review the release notes (.pdf) and the user forums. If there is a specific bug or feature request that you would like to let us know about, please drop us a note by filling out the feedback form on our website. Thank you to the community of Linux developers and users that made this possible!

Kuler-Linux.png

Adobe AIR powered cyn.in desktop fuses instant messengers and web based collaboration

The cyn.in desktop client is a beautiful new Adobe AIR application designed to improve collaboration between teams. The application, created by Cynapse, includes a variety of powerful features designed to make communication and collaboration easy between teams including:

  • An "Activity Stream" for viewing events
  • Integrated search
  • Instant, threaded discussion for any item in the cyn.in desktop
  • One click status messages

cyn.in is open source, but it can be purchased as a hosted service or as an enterprise appliance. You can read more about the announcement on the Cynapse blog. Also, there is a brochure (pdf) that provides additional details about this product. Congratulations to the team at Cynapse for releasing an exciting new product!

cyn-in.jpg
cyn-in2.jpg

Monetizing Applications with Adobe AIR

At Adobe MAX in Milan, I presented a session titled "Monetizing Applications with Adobe AIR." The goal of the talk was to provide an overview of known business models used by AIR developers to support the development of their applications. As part of the presentation, I also examined case studies that describe how developers are attempting to monetize and market their AIR applications. My slides are embedded below using Acrobat.com and also available for download (.pdf).

One company that continues to inspire me in this area is Storybook Anytime, creators of Sam's Interactive Reader. Not only have they created an application that includes a content marketplace of interactive children's books, but they recently released a companion Facebook application that drives new users to install the AIR-based desktop application. It's a great example of how to use viral marketing to promote a desktop application using a new distribution channel. Quite impressively, content in their marketplace has been translated to Spanish as well.

Towards the end of the talk, I also highlight a few Adobe products that can help you build and monetize your Adobe AIR applications including:

  • Adobe Flash Media Interactive Server
    A high-performance streaming media server that supports multiway applications, including webcam chat, online games, VoIP, and a range of other interactive possibilities. Features include DVR functionality, Edge server caching, access control APIs, plug-ins, custom video services, and server-side video recording, including new support for H.264 format.
  • Adobe Flash Media Rights Management Server
    Helps protect Flash Video or H.264 (FLV or F4V) video files that are streamed or downloaded to a user's machine and enforces usage permissions to support business models such as online rental or advertising-funded viewing.
  • LiveCycle Data Services ES
    A framework for building real-time applications that includes a data services API for synchronizing and managing data. LiveCycle Data Services is particularly valuable for AIR applications that need to run offline and quickly synchronize data back to a remote database when a user returns back online.
  • ColdFusion
    ColdFusion 8 makes it easy to create web services, such as application API's, that can help manage the data and business logic layers of your AIR applications.

There are numerous other products Adobe is working on that can help you build your applications and we'll be highlighting some of those technologies in upcoming posts on this blog. For example, Flex Builder 3, Dreamweaver CS4, Flash CS4. Fireworks CS4, and the Flex SDK are all powerful tools that can help you quickly build out your AIR applications.

My goal is to keep this presentation up-to-date. If you have thoughts on this presentation such as topics you would like to see covered, please feel free to leave a comment.

New Text and Layout Framework for Adobe AIR

Adobe Flash Player 10 added support for an amazing new text and layout engine bringing print-quality publishing to the web. With the release of Adobe AIR 1.5, this new engine is also available to developers building desktop applications since Flash Player 10 is included inside of the AIR runtime.

To make it even easier to work with this new text and layout engine, Adobe has released the Text Layout Framework on our Labs website, which delivers advanced, easy-to-integrate typographic and text layout features for advanced and creative typography. This framework works inside of the browser using Flash and outside of the browser using Adobe AIR. It is also extensible. There is a great sample application at the top of the Labs page that demonstrates some of the new features of this library (see screen shot below).

Features of the Text Layout Framework include:

  • Bidirectional text, vertical text and over 30 writing systems including Arabic, Hebrew, Chinese, Japanese, Korean, Thai, Lao, the major writing systems of India, and others.
  • Selection, editing and flowing text across multiple columns and linked containers, and around inline images
  • Vertical text, Tate-Chu-Yoko (horizontal within vertical text) and justifier for East Asian typography
  • Rich typographical controls, including kerning, ligatures, typographic case, digit case, digit width and discretionary hyphens
  • Cut, copy, paste, undo and standard keyboard and mouse gestures for editing
  • Rich developer APIs to manipulate text content, layout, markup and create custom text components.

For more information on this technology, be sure to visit the Labs website where you can find release notes and download information. This is a Labs release and the team would appreciate hearing your feedback. I'm looking forward to seeing how developres and designers take advantage of this powerful new library.

Building Desktop Applications Powered by Dojo and Adobe AIR

Dylan Schiemann from SitePen presented an excellent talk at MAX in San Francisco last week titled "Building Desktop Applications Powered by Dojo and Adobe AIR." Dylan has made the slide deck (.pdf) from his talk available on his blog.

In his session, Dylan covered numerous topics related to Dojo and Adobe AIR including:

dojoandair.png

Application mashups on Adobe AIR

One of the best things about attending Adobe MAX is that you get to see some of the technology experiments that Adobe is conducting. The sneaks this year included a really cool new project called Durango that is now available on Adobe Labs. Durango is a framework that allows developers to build AIR applications that can be customized by end users. It allows developers, designers and end-users to easily mashup independent components to create new applications or extend existing Durango-enable applications.

Developers need to download the Durango SDK in order to use the Durango framework. The SDK also includes several sample applications . Durango enabled applications are delivered as AIR (.air) files which end users install. These applications incorporate the Durango framework. The team is requesting your feedback on this Labs release to as they continue to develop the features and capabilities of Durango.

For more details, please visit the Durango page and review the FAQ on Adobe Labs.

Oliver Goldman's "High Performance AIR Applications" MAX 2008 slides now available

Oliver Goldman, a member of the Adobe AIR engineering team, posted his MAX presentation High Performance AIR Applications to his blog along with sample code, Topics include criteria for defining metrics around performance, taking measurements, and more.

Google Maps API for Flash now supports Adobe AIR

The team behind the very impressive Google Maps API for Flash recently addressed a popular feature request that involves extending support of their API's to Adobe AIR.

Dmitri Abramov posted on the Google Geo Developers Blog:

There were both technical and legal challenges blocking AIR support in our API. AIR has a different security model, which required a number of changes to the "internal plumbing" of the API in order to implement our delayed-loading model, where the actual implementation of the map's functionality loads dynamically from Google's servers once the application launches. Also, our Terms of Service used to specify that the Maps API could only be used for online web applications.

Now that both the API and Terms of Service have undergone a facelift, we are releasing the first version of the API that will allow Flash/Flex developers to bring Google Maps to the AIR runtime.

This is great news for Adobe AIR developers looking to build on Google's mapping API's. The team has also put together a great tutorial that shows how to take advantage of this functionality from Flex Builder. Our thanks to the Google Maps API team for making this possible!

Explore over 200 Flex and AIR samples with the new Tour de Flex application

James Ward announced a new desktop application powered by Adobe AIR called Tour de Flex designed for exploring Flex capabilities and resources, including core Flex components, Adobe AIR and data integration, as well as a variety of third-party components, effects, skins, and more. James has been working on this project along with fellow Adobe employees Christophe Coenraets, Greg Wilson and others.

As part of his blog post announcing Tour de Flex, James writes:

Like the old Flex Component Explorer, Tour de Flex can be used to find components. But it goes way beyond just out-of-the-box Flex components. This first release contains 217 components and samples including popular Cloud APIs like Salesforce.com and Intuit, numerous community components from people like Doug McCune and Tink, commercial components from companies like ILog, and numerous other goodies. If you find something missing you can submit it!

The official Tour de Flex website also provides some additional details: :

Tour de Flex includes over 200 runnable samples, each with source code, links to documentation, and other details. Topics include the Flex Core Components, Flex Data Access, AIR Desktop Capabilities, Cloud APIs, Data Visualization, Mapping, and a growing collection of custom components, effects, skins, etc.

This should prove to be a very handy reference application for anyone thinking about building an AIR applications.

tour-de-flex.png

Advanced JavaScript debugging support for AIR 1.5 apps from Aptana

aptana-debug.jpg

Paul Colton of Aptana announced JavaScript debugging support for Adobe AIR 1.5 applications using the new Adobe AIR Development Plug-in for Aptana Studio (beta). Our team has been working closely with the Aptana team to help bring this feature to life by exposing new debugging interfaces from the AIR 1.5 runtime.

Improved support for debugging has been one of the most popular feature requests from JavaScript developers building AIR applications since our initial release (this capability already exists in Flex Builder for Flex developers using ActionScript). With the AIR beta plug-in for Aptana, developers can now set breakpoints and step through code with insights to variables, functions, return values and more. We are thrilled to be able to share this news with Aptana.

This is a beta release and the Aptana team is looking for feedback from the community. A screencast is available that provides an overview of the new functionality. As part of the announcement, Paul wrote:

That's why today we're pleased to announce a huge step forward in the ease of creating Ajax and HTML apps for Adobe AIR: Today's release of the Adobe AIR Development Plug-in for Aptana Studio (beta) features, you guessed it — JavaScript debugging for Adobe AIR apps along with support for Adobe AIR 1.5 which Adobe announced earlier this week.

We previewed the JavaScript debugger for Adobe AIR apps yesterday to a group at Adobe MAX in San Francisco and got applauded for providing this critical utility to the AIR community. Like with other debugging environments you’re familiar with, just click to set a break point in the gutter, then step through, into and out of lines of code while viewing variables and introspecting objects.

Note that the JavaScript debugging interfaces added to AIR are not specific to Aptana and can be integrated into other tools as well. Also, another valuable tool for lightweight debugging of AIR applications is the AIR HTML Introspector included in the frameworks directory of the Adobe AIR SDK. By including a single .js file in your JavaScript-based AIR application, it is possible to introspect DOM properties and functions, edit attributes and text nodes for DOM elements, view XMLHttpRequest objects and their properties and more. It does not, however, allow you to set break points and step through code like the Aptana plug-in described above. To learn more about the AIR HTML Introspector, please view the Debugging with the AIR HTML Introspector in the Adobe AIR documentation.

Related links:

  • Aptana's Adobe AIR plug-in page with installation instructions
  • A screencast that demonstrates the debugging capabilities within Aptana Studio

Introducing Adobe AIR 1.5

We are pleased to announce the immediate availability of Adobe AIR 1.5. New capabilities include:

  • Flash Player 10 capabilities: Adobe Flash Player 10 is one of the most significant releases of the player, with groundbreaking new capabilities. We've updated the version of Flash Player included with AIR to version 10. For example, it's now possible to take advantage of custom filters, blend modes, and fills with Adobe Pixel Bender. AIR 1.5 also supports the new 3D effects, including perspective, correct transformation, and animation of 2D plans in a 3D space. Rich media enhancements include dynamic streaming to improve the quality of video playback based on bandwidth availability as well as support for the Speex codec for delivering high-quality audio at lower download speeds.
  • WebKit update: The version of WebKit included in AIR has been updated to a newer version. The updated version includes Squirrelfish, a new bytecode interpreter that improves the execution speed of JavaScript for common actions. Our internal tests show that HTML-based AIR applications run as much as 35% faster for many types of operations. We have also added support for interactive debuggin fo Ajax-based AIR applications.
  • Encrypted local database: By popular request from developers, we've added a way of encrypting the local database inside of AIR. This uses standard SQL apis, so there's no need for developers to learn specific crypto APIs. Be sure to check out the Quick Start application by Paul Robertson.

If you are a developer building AIR applications, new versions of the Adobe AIR and Flex SDK's are now available.

New articles available on the Adobe AIR Developer Center:

There are also several new Quick Start applications:

New and updated sample applications with source code that are available:

  • BlackBookSafe - BlackBookSafe is an HTML/JavaScript contact list sample application built on Adobe AIR 1.5. The application uses the JQuery framework and the AS3CoreLib library, and leverages three new AIR 1.5 features: Pixel Bender effects, 3D transformations, and the encrypted local database.
  • Salesbuilder - Salesbuilder is a Sales Force Automation application written in Flex and deployed on the Adobe AIR runtime. It demonstrates local persistence using the encrypted, embedded SQLite database, data synchronization, native drag-and-drop support, and direct chart manipulation.
  • Apprise - Apprise is an RSS reader that works online and offline. It features automatic categorization by author and topic, OPML import and export of feeds, real-time search, site view and check mark support, advanced sorting, and support for RSS and ATOM. The user interface has been localized into 11 languages: German, English, Spanish, French, Italian, Japanese, Korean, Portuguese, Russian, Simplified Chinese, and Traditional Chinese.
  • 3D Image Browser - This sample application provides search capability for the Flickr website combined with a 3D layout to provide a more interesting way to browse the images. It also has a tag cloud that allows you to find related images. This application uses the new AIR 1.5 3D transformations on a transparent background.

In addition, we're also putting the final touches on Adobe AIR 1.5 for Linux so stay tuned for additional announcements.

AIR Recipes: Tips and Tricks for AIR Application Development

The Adobe Developer Connection site has a really good tool for finding handy tips and tricks for AIR application development: the Adobe AIR Cookbook. If you're familiar with the O'Reilly Cookbook Series, the AIR Cookbook is the same idea (in fact, it's done in partnership with O'Reilly). Rather than trying to teach the fundamentals of programming for AIR, or providing an API reference, the AIR Cookbook contains ready-made solutions for common AIR application development problems.

For example, if you just discovered that the differences in native window chrome across operating systems is affecting your application content, then you might want to read this. Or if you have a datagrid with a column of checkboxes and you want users to be able to check or uncheck all the checkboxes at once, you'll probably want to consider this solution. Wondering about using a TCP socket from JavaScript so you can leverage a protocol not directly supported in AIR? Then check this out.

Recipes are submitted by AIR developers building real-world AIR applications which means they provide practical solutions to actual problems. Each recipe contains code snippets, so the solution to your problem might be as easy as copying and pasting a function or two, or you might just use a recipe as a hint to help you figure out how to solve your problem on your own.

You can also use the AIR Cookbook as a source of inspiration. For instance, maybe you never thought of adding undo and redo to your AIR application, or storing ActionScript objects in the Encrypted Local Store. If the code is already written and just waiting to be incorporated into your application, why not give it a try?

Anyone can post recipes, so if you have a favorite technique that you want to share with the world, please feel free to contribute. Recipes support comments, so you can contribute to existing posts, and you can even subscribe to the AIR Cookbook RSS feed to catch new recipes as they come in.

Relevant links:

Archives

About

Adobe AIR

The Adobe® AIR™ runtime lets developers use proven web technologies to build rich Internet applications that deploy to the desktop and run across operating systems. Continues

Maxexplorer