After the Employee Directory video I posted on Friday, here is another example of a Flex application deployed to different mobile devices. This one is a Mobile Trader Desktop showing the progress of your investments and real time market data streaming running on both the Samsung Galaxy Tab and the BlackBerry PlayBook.
If you want to learn how to build these applications, check out my 90 minutes Flex Mobile Tutorial.
For those out there new to the Adobe technology mobile frenzy there is a bunch of information out there to weed through. I wanted to post a quick checklist of things you need to start developing for the current AIR targeted platforms.
The AIR runtime is currently on a lot of different platforms (Android, iOS, PlayBook, and TV). Here is the first diagram explain the two steps of an AIR application.
AIR Application Compile and Package
What becomes different for each platform is the what happens at the packaging step.
AIR Packagers
Keep in mind that each packager is slightly different and might not be provided by Adobe. Also with preview bits and SDK overlaying it gets confusing quickly for a new person looking how to develop AIR applications cross screens.
Here is a list (current as of Oct 2010 as it will change) of SDKs & Tools you will want to check out if you are starting:
Flex 4 & Hero - http://opensource.adobe.com/wiki/display/flexsdk/Flex+SDK
AIR 2.5 SDK - http://www.adobe.com/products/air/sdk/
pfi - http://labs.adobe.com/technologies/packagerforiphone/
BlackBerry Tablet OS SDK & Flash Builder 4.0.1 Plugin - http://us.blackberry.com/developers/tablet/
Flash Builder 4 - http://adobe.com/go/flashbuilderpremium
Flash Builder Burrito - http://labs.adobe.com/technologies/flashbuilder_burrito/
Flash Professional CS5 - http://adobe.com/go/flash
A good place to start then is to look through the content at Adobe Developer Connection.
This application allows users in different locations to work together in Google Maps.
The collaboration features in this application include:
When running on Android, the application can use the device’s GPS to share your location.
This is just another example of “built-in” collaboration (go here and here for more). The point is really how easy it is to add these collaboration features to any application, and then to deploy these collaboration-enabled applications to multiple screens (browser, desktop, Android, and more devices soon).
Experience the application in the browser
Click here to experience the browser version of the application.
The application is written in Flex 4. The collaboration features are powered by LiveCycle Collaboration Service.
Here is a simple Video Chat application I built with Flex 4 and deployed on AIR for Android. The Application is just 30 lines of code and allows multiple users to join a chat room and “video chat”.
Video streaming is powered by LiveCycle Collaboration Services, a set of hosted Flash Services that enable developers to easily add real-time collaboration and social capabilities to their applications.
This application is obviously a bare-bones proof of concept. However, it is fully operational, and the same code can run on different runtime environments: AIR for Android, AIR on the Desktop, and Flash Player in the Browser. Users can participate in the same collaboration session regardless of the runtime environment they use.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:cs="AfcsNameSpace" currentState="logon" fontSize="28">
<fx:Script>
[Bindable] private var roomURL:String = "http://connectnow.acrobat.com/YOUR_ROOM_NAME";
protected function connect():void {
auth.userName = userName.text;
currentState = "default";
session.login();
}
</fx:Script>
<s:states>
<s:State name="default"/>
<s:State name="logon"/>
</s:states>
<fx:Declarations>
<cs:AdobeHSAuthenticator id="auth"/>
</fx:Declarations>
<s:TextInput id="userName" includeIn="logon" top="200" horizontalCenter="0"/>
<s:Button label="Connect" click="connect()" includeIn="logon" top="250" horizontalCenter="0" height="50" width="150"/>
<cs:ConnectSessionContainer id="session" roomURL="{roomURL}" authenticator="{auth}" autoLogin="false" width="100%" height="100%" includeIn="default">
<cs:WebCamera top="10" left="10" bottom="10" right="10"/>
</cs:ConnectSessionContainer>
</s:Application>
Last week at the Google I/O conference, we announced the public availability of the Adobe AIR for Android Developer Prerelease program. This week, we wanted to highlight a few excellent examples of AIR and Android powered enterprise applications developed by two members of our evangelism team, Christophe Coenraets and James Ward.
Both Christophe and James recently recorded inspiring video demonstrations of some of the sample applications they have been working on lately.
Mobile version of Employee Directory application by Christophe Coenraets.
Trading sample application by Christophe Coenraets.
Example of a Flex and AIR application that includes multi-touch support by James Ward.
This week at the Google I/O conference Adobe announced that a Flash Player 10.1 beta and an Adobe AIR prerelease are now available for Android devices. This is really exciting news for those of us building apps on the Flash Platform because now we can begin building apps in Flex for these mobile devices (and many others coming soon).
Take a look a some of the quick demos I’ve built with Flex running on Android in Flash Player and AIR:
You can get the source code for all of these demos from github.
Also Christophe Coenraets has posted some great Flex mobile demos. Check out his Employee Directory and Stock Trader demos.
These are very exciting times for developers!
If you want to check out the Flash Player 10.1 beta for Android it will be available in the Android Marketplace for Android 2.2 devices. You can try Adobe AIR for Android today by signing up for the prerelease.
Nos passados dia 3,4 e 5 de Dezembro teve lugar mais uma edição do Sapo Codebits onde perto de 600 pessoas estiveram presentes para assistir a mais uma vaga de apresentações assim como, participar no desafio de coding durante 24 horas.
Este ano, os vencedores foram o Nuno Morgadinho, Paulo Afonso e Jorge Varandas com a aplicação SUPOND The Idea – “Apple Time Machine”-like interface to your Lifestream
A aplicação é uma adaptação do time machine da Apple utilizado as APIs do novo serviço da SAPO – POND onde visualizamos a nossa timeline de conteúdos provenientes de vários serviços com um aspecto 3D, não recorrendo a Papervision3D mas às APIs 3D nativas do Flash Player.
O projecto foi desenvolvido em Flash Builder e Flash CS4, resultando numa aplicação web e desktop via AIR.
Mais informações na página oficial do Nuno.
