Archive

Archive for the ‘Mobile Application’ Category

Flex 4.6 SDK and Flash Builder 4.6

September 21, 2011 Leave a comment

This year, Adobe released a great environment with Flex SDK and Flash Builder to support mobile application development with mobile optimized components and framework. Flash Builder 4.5 provides mobile project type, multiplatform device simulations and on device debugging and easy packaging for deployment on range of application stores.

I really like the environment, single framework and tool to build and deploy rich, expressive mobile and tablet apps on Android, BlackBerry Tablet, iPag and iPhone device.

You can get ideas about Flash Builder 4.5 from here :
What’s new in Flash Builder 4.5

Introduction of Flex 4.6

According to Adobe, Flex 4.6 will be released later this year, with new version of the SDK and a corresponding update to Flash Builder with new components and functionality specifically designed to help to create application for latest mobile and tablet device.

New Components

  • SplitViewNavigator : A new top-level application component specifically designed for the tablet experience. With only few lines of code, manage the layout of multiple views and have them adapt automatically based on device orientation.
  • CallOutButton : A versatile component that pops over existing content and can contain text, components or even entire views.
  • SpinnerList : This popular tablet component is an adaption of the existing List component. It not only has a new look, but also gives options like recirculating content and a position based selection model.
  • DateSpinner : A highly flexible component that is not only locale-aware, but provides multiple out-of-the-box configurations to fit most date/time entry needs.
  • Text Enhancements : Flex 4.6 solves the problem of cross-device text input. Flex exposes the native text-editing controls on EVERY platform—this enables the developer to customize the keyboard and the user to experience the native UI of common operations like selection, copy/paste and spelling checking.
  • ToggleSwitch : This simple and much-requested control is now available in Flex 4.6.

Also in addition to supporting the new features in the Flex framework, Flash Builder 4.6 exposes new capabilities that will enable developers to build better cross-platform mobile applications—Native Extensions and Captive Runtime.

Native Extensions allows developers to complement their Flex application with native C, Objective-C, and Java libraries—this new feature opens a world of new possibilities for both mobile and desktop applications. Providing access to Apple iOS, Google Android, and BlackBerry Tablet OS specific APIs, your applications can access native features like notifications or the calendar. Flash Builder provides complete support for both managing and packaging Native Extensions. To read more about the possibilities or learn how to build your own native extension, see Oliver Goldman’s article,Extending Adobe AIR.

Here you will get more information about Flash Builder 4.6 & Flex 4.6.

So Friends, Enjoy RIA :)

Flash Builder “Burrito” Mobile Application

March 4, 2011 3 comments

Recently, I spend some time to feel the great environment in Flash Builder “Burrito” for mobile application development. I like to share the basic ideas to start work on mobile application development environment.

With the rapid evolution of mobile computing platforms, new challenges have emerged for application developers. Adobe Flex SDK “Hero” and Flash Builder “Burrito”, along with the availability of the Adobe AIR runtime on mobile devices, developers can now build mobile applications for touchscreen smartphones and tablets with same ease and quality as on desktop platforms using Flex.

Setting up the project

After installing Flash Builder “Burrito” follow these steps to create your first mobile application:

1) Choose File > New > Flex Mobile Project.
2) For project name type FirstMobileApp

3) For mobile settings, make sure Google Android and Mobile Application options are selected.

4) Skip the server settings with their default values ( As we are not using application server for this application.)
5) Skip the build path settings with default values and select Finish.

Flash Builder “Burrito” creates a new mobile project, with two default files and initial view of the application. Now, its ready to start application logic, according to your needs. But for the first mobile application we creating simple application with navigation between some screens.

Now, first add a Button, to perform navigation to application’s first view. For this we are using ViewNavigator component. To change views will have to update the navigator what to do and accordingly, the build in navigation system responds. Will have to add the following code to add Home button to first view.

<s:navigationContent>

<s:Button label="Home" click="navigator.popToFirstView()"/> 

</s:navigationContent>

When the Home button clicked, postToFirstView() invoked, and the navigator will display the first view.

Within the tag <s:navigationContent> in FirstMobileApp.mxml, the firstView property has been set to views.FirstMobileApp, which refers to a file that was automatically generated when you created the project. When the user clicks the Home button, the ViewNavigator component will load the views. FirstMobileApp view.

Now, follow these steps to add more view screen :

1) Right-click the views package and select New > MXML component.
2) Type component name, here DetailsView as the name

3) Click Finish
4) Update the DetailsView code as below:

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark" title="DetailsView">
 <fx:Declarations>
 <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>

 <s:VGroup horizontalCenter="0" verticalCenter="0">
 <s:Button label="Go Home"
 click="navigator.popToFirstView()"/>

 <s:Button label="More Details View"
 click="navigator.pushView(views.MoreDetailsView)"/>  
 </s:VGroup>

</s:View>

5) Repeat the steps as describe above and create MoreDetailsView.mxml and update its code.


Running the application in the emulator

Now follow the steps, to run the application with the emulator.

1) Open the FirstMobileApp.mxml
2) Choose Run > Run As > Mobile Application.
3) Select On Desktop as the Lunch Method and then choose a device to simulate

4) Click Apply > Run

The emulator will open and you will be able to navigate through the application using the buttons.

Running the application on a device

Excited to run the application on device!

If you have an device, you can follow the steps below to test your application on your device:

1. Plug your device into your USB port and choose Run > Run Configurations.
2. Change the Launch Method to On Device.
3. Click Run.
4. If the Choose Device dialog box appears, you may need to click Refresh and select your device.

If everything configure perfectly, then the application simply launch on device.

Hope this post will be helpful to start development with Flash Builder “Burrito”.

Enjoy RIA.. :)

Adobe release Flash Media Gateway (FMG)

October 28, 2010 1 comment

Rocking time for FMS developers. Adobe introduce an interesting technology known as Flash Media Gateway (FMG), which enables you to do VoIP calls from your Flash Player , also it supports a video calling as well!

Flash Media Gateway is a new real-time server platform that enables Adobe® Flash® and Adobe AIR® applications to connect with traditional communication devices via SIP and the work flow for that is Flash Player connects to Flash Media Server, which connects to Flash Media Gateway, which connects to SIP network and then call ends up in a classic telephone.

Below is the the list of great exciting features in FMG for RIA communication :

  • Two way audio calls
  • Call to video conferencing devices
  • Flexible Telephony APIs
  • Customizable call flows
  • HTTP management and control interface
  • Real- Time Transcoding
  • Audio mixing
  • Support SIP registrations

To get more information here from Adobe.

Enjoy RIA.. :)

Adobe Flex Mobile Application & AIR on TV

October 25, 2010 2 comments

I think this year will be great and superb time for developers working on Adobe technology, mainly Flash and Flash Builder. As Adobe MAX 2010 Kicks Off, so will get more interesting information for mobile application development and adobe technologies. Let me focus on Mobile application :

Mobile development features in “Hero” and “Burrito” are targeted at creating standalone installed applications using the Adobe AIR runtime for mobile devices. By focusing on AIR, Flex can take full advantage of the integration AIR provides with each mobile platform, such as the ability to handle hardware back and menu buttons and to access local storage.

Burrito” release of the Flash Builder IDE brings a productive design/build/debug workflow to mobile development. From project creation to visual layout to one-click debugging and deployment on devices, the aim of the mobile features in “Burrito” is to make it just as easy to develop an ActionScript- or Flex-based mobile application as it is to develop a desktop or web application.

So its realy rocking time for Flash, Flex Developers. You will get superb information related to Mobile application development and code productivity enhancements and new Spark components information from videos and articles listed below:

  • Beginning a Mobile ApplicationVideo
  • Navigation and Lists for Mobile Application – Video
  • Debug and package Apps for Devices – Video
  • Code Productivity in Flash Builder – Video
  • Code Productivity in Flash Builder – Article
  • New in Flash Builder “Burrito” – Article
  • Spark DataGrid Component – Video
  • Spark Form Container – Video
  • Spark Image and BitmapImage – Video
  • Spark Formatters – Video
  • Flash Builder and Flash Catalyst Designer Developer Workflows – Video
  • Mobile Development using Hero and Flash Builder “Burrito” – Article
  • Adobe AIR coming to TV – News Article

Enjoy RIA .. :)

Packager for iPhone

October 12, 2010 Leave a comment

Packager for iPhone, a great feature of Adobe Adobe Flash Professional CS5 and Adobe AIR SDK 2.0.1, which offer developers a fast and efficient method to reuse existing code from projects to develop native applications on iOS devices.

 

You will get more information regarding iPhone applications development from below list :

1) Packager for iPhone developer guideDetails
2) Developing for iOS using FlashDetails
3) Optimizing content for Apple iOS devicesDetails
4) Saving state in AIR applications for iOS devices - Details
5) Using screen orientation APIs for smartphone application developmentDetails
6) Guide for Apple App Store submissionsDetails

You can download the Packager for iPhone from here.

Enjoy RIA.. :)

Apple Relaxes Restrictions for Flash Apps

September 10, 2010 Leave a comment

Great news from Apple, for Flash Developers. Apple reversed and announced that it has lifted restrictions on third-party developers guidelines has direct implications for Adobe’s Package for iPhone, a feature in Flash Professional CS5 authoring tool. The feature enable Flash Developers to deliver applications for iOS devices.

You can get more information from Statement by Apple

“We are continually trying to make the App Store event better. We have listened to our developers and taken much of their feedback to heart. Based on their input, today we are making some important changes to our iOS Developer Program license in section 3.1.1, 3.3.2 and 3.3.9 to relax some restrictions we put in place earlier this year.

In particular, we are relaxing all restrictions on the development tools used to create iOS apps, as long as the resulting apps do not download any code. This should give developers the flexibility they want, while preserving the security we need.“

You can get some interesting information related to smartphone market shares here.

So friends, Enjoy RIA…  :)

Flash CS5 Features and Apple

April 13, 2010 Leave a comment

War never ends between Apple and Adobe. Apple play a game with Adobe with the recent change to the iPhone Developer Program License Agreement it’s now clearer. You can see the details from “The Apple-Adobe War Escalates: Using Flash to Build iPhone Apps Banned”:

There are the new wording of the policy:

“3.3.1 – Applications may only use Documented APIs in the manner prescribed by Apple and must not use or call any private APIs. Applications must be originally written in Objective-C, C, C++, or JavaScript as executed by the iPhone OS WebKit engine, and only code written in C, C++, and Objective-C may compile and directly link against the Documented APIs (e.g., Applications that link to Documented APIs through an intermediary translation or compatibility layer or tool are prohibited).”

First of all, the ability to package an application for the iPhone or iPad is one feature in one product in Creative Suite. CS5 consists of 15 industry-leading applications, which contain hundreds of new capabilities and a ton of innovation. We intend to still deliver this capability in CS5 and it is up to Apple whether they choose to allow or disallow applications as their rules shift over time.

You can get nice view from Adobe CTO Kevin Lynch.

I think after analysis of  the small list of CS5 features and videos, you can think who win the war :

Let me focus on the features in Flash CS5.

1)  Text Engine: In CS5 text will be handled in better and effective way and some nice features like advance styling, columns, right to left options etc.

Also introducing user friendly font embedding option.

2) Code Snippets Panel: This will provides a very fast access for common ActionScript code. Great option for designers also now they can also deal with normal task very easily.

3) iPhone Capabilities: Flash Pro CS5 introduces an application packager that can be used to deploy flash applications on iPhone.

4) Document Property Inspector: Now it also displays the size of all SWF files generated during movie operations like Test Movie, Publish or Debug Movie.

5) Improved component: Some nice updates for Flash Components like

- FLVPlayback component equipped with new skins and an option for its live preview on Stage

- Cue Points in Video are now easy to add.

6) XFL file format Flash: By default now flash files will be saved in XFL format internally. As the format name denotes, its an XML format which will result in an improved exchange of data with the other Adobe applications.

7) Uncompressed XFL file and FXG file format: Uncompressed XFL structure will now make it possible to analyze the parts of the flash file and thus working with the source control systems like Visual source safe.

FXG file format allows CS5 to export and exchange graphics with the other Adobe applications with a complete compatibility.

8 ) New Decorative Drawing tool: CS5 provides several new effects with the newly added Decorative Drawing tool which can be great

9) New Properties for IK bones: New properties like Spring properties have been added to IK bones to create realistic physics effects for bone animation.

10) Integration with Photoshop CS5: Graphics of Flash CS5 can be edited in Photoshop CS5 and so they can be exchanged between the both directly.

11) Coding and Formatting Improvements: These are some improvements for coding and formatting

- Code completion for custom and build-in Classes has been added for ActionScript 3.0.

- Custom classes are automatically added to the application using import tag.

- While you script, closing brackets { } are automatically added.

12) Better integration with Flash Builder: Improved workflow between flash CS5 and Flash Builder makes it easy for developers and designers to use both the products together.

13) Updated AIR Publish Settings: The user interface and Installer Settings Window for AIR Application have been changed to make it more user friendly.

14) New templates added for common type of project templates.

15) New JavaScript API’s are added for motion tweens.

16) Live Services are accessible from within the Flash authoring environment.

I think there are a several improved options for developers and designers prospective. So it will be a rocking environment.

Enjoy RIA…

Follow

Get every new post delivered to your Inbox.

Join 104 other followers