V | E | C | T | O | R | XD For The Future

Archive for the ‘Adobe AIR’ Category

The recent Adobe happenings and some projections

Yes, I have been away for blogging for quite sometime now and my apologies for the same. The last few months have been quite happening with new launches of innovative products by some companies like Adobe and some new events and work at an induvidual front as well. Now that I got a little bit of time, I thought I would post a recap and my perspective of it.

Flash 11 and Adobe AIR 3 is on its way. Molehill will be present full-on in this release. Also coming is Captive runtime for AIR, meaning you can package the runtime along with the app and users don’t have to download AIR separately before installing the app. There are some other cool features in this release as well.

 

 

 

 

 

 

 

 

 

 

With respect to Adobe, we saw the launch of Adobe Muse(codename). For those who missed it, it is a tool for interaction and experience designers and artists to create highly interactive webpages with no programming. It runs on Adobe AIR technology and from its early impressions, it is likely to mature or get integrated into a big software like Adobe Dreamweaver. Why is it amazing ? Cuz you only need a design or aesthetic sense to create rich webpages and don’t have to know jQuery, or <html> tags. You simply design on a canvas and it gets reflected into a website.

Another fascinating tool that has garnered some early interest is Adobe Edge, that makes animating HTML components or elements easy. In the dawn of HTML5, it is important it’s learning or adoption is smooth. I would say, this is Adobe’s yet another attempt in capturing the supply chain. The idea was very simple, if HTML5 was gonna make animations, transitions smoother, then it also has to be simple for designers to create those rich animations. It was pretty much the premise in which Flash started gaining momentum. Good designs can be planned and improvised only on a canvas and not from a HTML or text editor. So, Adobe Edge provides a canvas for animation which gets translated into HTML5 codes, making life the way it is meant to be for designers.

Seeing such tools emerge, I think interaction designers are gonna be key players in moulding tomorrow’s internet media future. As things evolve, my prediction is that there will only be two major kinds of techies in internet companies – interaction designers (who do all the art/design and basic interaction level coding) and back-end developers (those responsible for data engineering behind the scenes). My argument is that if more and more code components and tools/frameworks( like ones mentioned above) are readily available to make apps/websites quickly and easily, then the work of a front end UI programmer is gonna diminish slowly. With people advocating MVC programming, interaction designers don’t have to bother about data, their schema etc. All they need to do is make sure they have space(real estate) and navigation modes(scrolling and moving between) through that data.

What about HTML5 and Flash ? Yes it’s a hot question. With Flash now available as a tool to develop for iPhone/iPad, does it mark its dominance again ? Not necessarily, because it is not available on the browser yet. Consumers or developers don’t know if the app is running off Flash(translated objective-C bytecode) or native code. With the absence of Flash for 3-4 years on mobile platforms, developers have to an extent learnt to live life the hard way, writing native code. And the huge base of 4 million and 2.5 million apps and games on iOS and Android devices are an evidence to that. On the contrary however, we have seen Flash/Flex apps (like Politifact or Machinatum) top the charts of AppStore. Hence, we are getting positive response for using Flash to develop engaging mobile content. However, on the broader context Flash is beginning to disappear. I even heard recently that Slideshare adopted HTML5 leaving behind Flash. Microsoft (announced during showcase of Windows 8) that only a very small percentage of popular websites have Flash content (other than ads). Slowly, we should begin to accept that HTML5 will be the medium of delivery of advertisements on the internet. Adobe has also understood that and pushing its bet on Rich media applications like 1024px Video rendering, extensive use of GPU rendering for improved performance and 3D content as well. Hence we are seeing a shift in roles, the laggard HTML has caught up with Flash Player of ,say early 2000s.

New Playbook app – Confidential manager

I recently launched a FREE app for Blackberry Playbook called Confidential manager. It essentially speeds up the time taken for online purchases, by storing all your Credit / Debit card numbers in one place. All you need to do is swipe between apps and copy-paste the numbers. It comes with a very simplistic and user centric design and interface.

Since the app does not connect to any network and stores all information securely on the device, users can be sure of protection of their data.

Here is the description to the app 
Do you struggle doing online payments from your BlackBerry® PlayBook™ ? Experienced the hassle of opening your wallet and keying in the card numbers everytime to pay online ? Well, all that is OLD STUFF. You shouldn’t do it that way. Because time and security are important to you.

Introducing Confidential Manager that reduces online payment hassles to simple copy-paste actions. Launch the app, flick through your credit cards and COPY-PASTE into desired location. The application never connects to the internet and stores all your information securely within the device. So you don’t have the fear of loss of security. Additionally, you set a master password which controls entry into the application itself. Meaning, full protection to your data.

The application supports multiple cards including Mastercard, VISA, Diners Club, American Express, Discover. Even if your card is not supported you can include that information in your Bank Name field, giving you complete flexibilty. Copying of numbers is simply a button click away.

Users of this application are observed to have reduced payment times by 7 times. Experience a smarter online shopping lifestyle.

*COMING SOON*
Support for general email and web logins.

A game Score ticker in Flash as3

Well, I have been doing a lot of small code UI components that are heavily reused. One such component that I made today was a game score ticker. Remember seeing scrolling numbers in lottery or jackpot genre games, where the numbers keeps flipping until a target number? If you have been playing games, you would have noticed similar elements being used score displays on HUDs in games.

I recently created a similar cmoponent which I intent to use in a future game. But since this can be used useful to others I thought I should share the code behind it. I am not making it a perfect component that is completely customizable. But its very easy to change its features. The slider above allows you to check the functioning of this component, but is no way tagged to the slider component (Illustration purpose only).

Benefits –

1. Simple to skin and extend – its just a movieclip that you can explore and edit.

2. There is also a feature where you can make it blink. Blinking is quite an important glitter effect as it can capture the player’s attention. It can be used when user crosses a milestone or a high score.

3. Designed for 4 digit numbers but easy to extend.

Usage is pretty simple –

simply use (MovieClipName).showValue(numberToShow: String, milestone :int);

// First parameter is the number to which the score ticker scrolls to (0 – 9999). Second parameter is the milestone(0-9999).

You can use this component available as a MovieClip in this FLA(Download). You are free to modify / re-use / distribute it. But I ll be glad if you simply drop in a comment here.

My favorite AIR apps for Playbook

So after using the Playbook for nearly one month, I thought I shall list down some interesting apps and games built in AIR that caught my eye.

GeeReader and Pipeline

Both these RSS readers have Google Reader synch options which is very important to me. Similarly I know most of you would also be using Google Reader for managing the several blogs you would follow everyday. Both these apps are free. GeeReader comes with the conventional blog reader UI, but Pipeline has little more electrifying UI though the Google Reader synch option is only valid for 14 days in the Free version. Pipeline also offers offline reading of feeds which is very important.

Scorekeeper

Easily the best UI of any party / family boardgame scorekeeping application. The app focuses on tiny-mini aspects that scorekeeping becomes such a pleasure. You should watch this video ..

Conqu

This is a task management software built on Adobe AIR. This same app is also available on Android marketplace and I saw it being demo’ed by one of the Adobe Evangelists. It comes with a very smooth and sleek UI. Having a task manager with a great UI is very important, when you admire the UI you tend to open the app more frequently and you hence get to check your To-Dos.

Await for another post on my fav games very soon..

Debug tokens for Playbook development

Around last month, Blackberry introduced debug tokens that can be used to test/debug applications for developers in the Playbook. My good friend Mitch, wrote a blogpost on how to use the debug token.  He describes the entire process in four steps

  • Initial Requirements, which involves checking whether you have all the files necessary.
  • Command Line and Terminal, instructions to create and install your debug token onto your playbook.
  • Preparing your App for Debug Mode, which requires some small changes to your blackberry-tablet.xml file.
  • Publish to Blackberry Playbook, which involves creating your .BAR file and sending it to your device.
Read the entire post here.

Flash, development and my Playbook

As I had mentioned in my previous post, I wrote an AIR application for the Blackberry Playbook, the newest of the tablets that run Flash. I got a Blackberry Playbook device yesterday and these are my early impressions –

1. Great hardware build and finish. When you have it in your hands, you get a good feeling. It’s not heavy and it feels right.

2. Though launching one year after the launch of iPad, it equals the hardware of the second iPad or iPad2. It has dual cameras, Bluetooth, HDMI connection ports. So the device on the whole is very sophisticated.

3. What the Playbook lacks is the services around it. It does not have a preinstalled E-mail client or a native facebook or twitter application. There are still many categories in the store that are malnutritioned- without apps or content.

However I think the third point will be tackled soon as..

— Android and Java application players will soon be coming to Playbook in a software update, due in summer. This means Android and Java apps just need to be packaged for the Playbook and they will run smoothly on the Playbook. This is an excellent initiative by RIM as it brings a large community of developers with tons of games, apps into the Playbook ecosystem.

— When I was working with Blackberry toolkit in December / January it was primitive versions of the SDK that lacked signing and other features. It was not all that developer friendly.  I remember in late February, SDK 0.9.3 was released which had tools to sign the apps and RIM have been regularly improving the SDKs (which had both good and bad effects). Around last week, RIM released SDK 1.0.1 and image, which is the firmware currently running on the device. Before this it was hard for developers to gauge platform specific features like contextual menu ( Playbook’s menu appears on a swipe from top of the screen), accelerometer or GPS. Hence, developers couldn’t experiment much. Today, with a mature set of tools and simulators and some devices in the market, I expect the apps to grow.

I have also started working on a game for the Blackberry Playbook using Flash, of course.

Developing for Playbook

Paul Trani, an Adobe Evangelist here describes the different contextual gestures that are possible on the Blackberry tablet – Playbook. He describes how to design and plan layouts that would best suit for the portrait and landscape orientations of the Playbook.

Additionally, the tablet has specific gestures like the Xoom. The bezels of the Playbook are sensitive to touch and act as an important interaction in the tablet’s portfolio.

The complete article is worth a read…

AIR 2.6 Launched

Repost from the Adobe Blog,

Adobe is pleased to announce the availability of the Adobe® AIR® 2.6 SDK and AIR® 2.6 desktop runtimes for Windows, Mac and Linux. With AIR 2.6, AIR achieves feature parity for Android and iOS platforms. This new release provides significant improvements for iOS app development as well as updates for Android and desktop app development.”

Here are the updates:

iOS:

  • Updated AIR for iOS support with improved performance. Developers can take advantage of new features in iOS 4 like multitasking, Retina display for higher screen resolutions, and front and back camera support. Developers can now build application that capture audio with the microphone and take advantage of the same graphics hardware method used in AIR for Android using OpenGL ES2 for fast graphics.
  • Packager for iPhone (PFI) is now replaced with and the functionality integrated with AIR Developer Tool (ADT) a comand line tool for compiling application in the AIR SDK. ADT can now be used to package AIR files, native desktop installers, AIR applications for Android and iOS.

Android:

  • Submit apps to be included in the Amazon Appstore for Android when the store launches.  Companies now have an additional distribution option with one of the largest online shopping destinations on the web.
  • USB debugging was added as an additional debugging option to WiFi.

Blackberry, Playbook, Flash, AIR….etc.,

I have been quite busy over the last 1 month that I couldn’t spare sometime on blogging. The reason can be attributed to a lot of things

1. Rapid innovations and new toolkits in the Flash platform.

2. The new Nokia Microsoft deal

3. Cricket World Cup  😉

There are a lot of good reasons to develop for the Playbook. One is that, all SWFs that run on the computer / web can be wrapped into an application seamlessly. And Playbook’s hardware and initial showcases have been impressive. The device seems solid. Blackberry has been encouraging developers to code for their platform and have been offering a free playbook upon a successful submission. Blackberry understands that apps in the marketplace are essential for the success of a platform. And to overtake Apple’s iPad, they need to have a launch with a marketplace ready with diversified content. One also has to remember that Playbook is equivalent to iPad 2’s hardware (has dual cameras) and is hence not behind in the race.

Anyways, so I created an app for the Playbook that can be used to watch TED videos. I used the TED RSS and it’s published for free. In future, I will be adding newer features to it. Previously, there were loose ends in the process of testing and signing the content for the Playbook. The toolchain has been improving and we are now seeing more blogs writing about it (one is this by Hemanth). Adobe will shortly be releasing a more streamlined process for development. Additionally, Blackberry was taking quite some time to give any response on the submission of apps. It took me 30+ days for the TED app to get approved. Now the approval times have been drastically reduced to nearly 1 week only. Since, my content has been approved I will be receiving a Playbook after its launch. I shall later attach screenshots of my app.

I must also say about 2 things that has not been highlighted adequately

1. There is a package of UI, media and other components that have been designed and developed by Adobe + Blackberry to suit the Playbook and  the QNX platform. It is better to use these components when targeting the playbook.

2. The community at Blackberry developer site is hyper brisk. I think there are people answering queries with sleepless nights ! You generally get answers in less than 20 mins time. I used these, when I had initial difficulty with signing and packaging and found them to be really useful.

With Nokia going into deals with Micrsoft, it means that Flash Lite’s future in diminishing. Symbian had good support for Flash Lite. But I do believe that Flash Lite is a good platform to target the millions of devices that are today in the market and more that will continue to ship over the next few years. My latest game on the Ovi store, HAPPY SUN has been doing very well. It is also being featured by the Ovi store. Being a Forum Nokia Champion and an avid Flash enthusiast, I hope that Flash soon makes its way into WP7.

I am also attending the Adobe Refresh Singapore event tomorrow. Really hoping to catch up with dev friends.

Security Analysis Of Flash Applications..!!

While my primary involvement at Adobe happens to be around the ActionScript language, I also have some background in security, and recently I have been thinking about channeling some of that into designing and implementing tools for secure programming in ActionScript. ActionScript programs are compiled to run as Flash applications (on the web) or as AIR applications (on the personal computer / mobile device); as such, they are run on platforms with security models, and their security on those platforms is controlled by various security mechanisms, both at the language-level as well as at the platform-level. (More here.(Adobe blogs)….>)