Introducing the Expanded Adobe & Mobile Showcase

If you’re looking for examples of full web browsing with Adobe Flash Player on your mobile device, chances are you’ve visited m.flash.com. Since launching a year ago, this site has been a great resource for leading device manufacturers like Motorola and RIM to promote some of the best rich content created with Adobe Flash technology for their customers to enjoy anywhere, demonstrating the benefits of Flash Player. Today, we’re excited to expand the breadth of expressive apps and web browsing created with Adobe tools for Android, BlackBerry Tablet OS and Apple iOS platforms with the Adobe & Mobile Showcase.

Built with Adobe Creative Suite 5.5 products like Dreamweaver CS5.5 using HTML5, visitors to the Adobe & Mobile Showcase can view content available for their mobile platform, with a consistent Adobe-branded experience throughout. Android and BlackBerry PlayBook users will notice a revamped showcase design. And now, Apple iOS device users can view some of the selected AIR apps from FX Networks and USA Network built with Creative Suite 5.5, also available on the iTunes App Store.

More mobile-optimized content will be regularly updated, so be sure to bookmark the site on your smartphone or tablet. Android and BlackBerry PlayBook users will continue to see more great examples of expressive apps and rich web content on their devices, powered by the Adobe Flash Platform. Check out the new Adobe & Mobile Showcase today at m.adobeshowcase.com and let us know what you think!

Test your Flash Platform Android apps now, without a phone

Writing Flash Platform applications for Android, or designing Flash content for mobile users and want to see the content emulated on specific mobile devices? Adobe Device Central CS5 has profiles for many mobile devices so you can test your applications without owning the device.

Since Adobe just released the official Motorola X profile for Android, you can test your Android 2.2 (aka “Froyo”) apps and sites now and get the phone later.

To test apps In Flash Professional CS5

With your FLA file open, select Control > Test Movie > in Device Central. Select the device you want in the Test Devices panel. The application appears in the emulator:

emulateX.gif

To get new devices

In Device Central, click Browse and then search for a keyword, like “Droid” to see what’s available:

browseprofiles.gif

Click and drag new profiles, like the Motorola Droid or Motorola X, to your list of Test Devices.

If you don’t see the profile you want, come back soon; the community is posting new profiles daily and Adobe posts official profiles as they are finalized.

To get back to the list of devices at any time

Click Browse and the Home button:

homeprofiles.gif

Click Emulate Flash to get back to testing in the emulator

To test mobile-specific features, like the Accelerometer

If a phone’s profile supports accelerometer or other mobile features, you can test them in Device Central. The Accelerometer panel lets you simulate moving the device in three
dimensions. Alt+Click simulates multiple finger touches and the Multitouch panel lets you set touch size and pressure. The Geolocation panel lets you test GPS features, and other panels
provide even more information:

devicefeature.gif

Device Central works with Dreamweaver and several other Adobe products. Test your entire Flash-enabled Web site for mobile browsing using Device Central (including HTML5 sites).

Related links:

Sweet video description of organizing classes, implementing mobile feature APIs and using Device Central by Adobe’s Mark Doherty: http://www.flashmobileblog.com/2010/04/14/device-central-cs5-multitouch-and-debugger/

Device Central Support page: http://www.adobe.com/support/devicecentral/

Twitter updates for Device Central profiles: http://twitter.com/devicecentral

Dreamweaver HTML5 Pack extension: http://labs.adobe.com/downloads/html5pack.html

Dreamwever testing mobile content in Device Central Adobe TV page: http://tv.adobe.com/watch/learn-dreamweaver-cs5/testing-mobile-content-with-adobe-device-central/

Using Device Anywhere (an alternative to Device Central) for testing: http://www.adobe.com/devnet/devices/articles/device_anywhere.html

Adobe Loves HTML5: HTML5 extension pack for Dreamweaver CS5

Just 2 weeks ago at Web2.0 Expo, Kevin Lynch promised that Adobe would create the best tools in the world to author HTML5 and CSS3. Today Adobe is pleased to make a technology release available of the Dreamweaver CS5 HTML5 Pack extension. This extension provides initial support for HTML5 and CSS3 in Adobe Dreamweaver CS5, […]

Flash Builder for Dreamweaver CS5 Users

Thanks to everyone who stuck out the preso on Flash Builder for Dreamweaver CS5 users. Clearly this isn’t my month for demos. I’ve uploaded the slides as well as the (working) source code. There are two directories, the Flex directory which includes the source code for the Flex projects and the html directory which includes the HTML code.

It’s got examples for using ExternalInterface, the Flex/AJAX Bridge, and FlashVars. You can grab it here.

Adobe Tools and HTML5/CSS3

Two of the people behind the products in Creative Suite have started a blog specifically about design and web technologies.

We have been spending a lot of time internally thinking about how our tools can best support and take advantage of some of the new functionality in HTML 5, and we wanted to share a couple of early ideas with you.

I’ve always thought that once HTML5 got a bit more concrete, you’d see design tools from Adobe that took advantage of it. The benefit of Flash is that we control the runtime and can tie features to the development cycle of our tools. Not the case with HTML5 and CSS3. But now that the standards have started to coalesce and have support in more browsers, we can make those features part of our design tools. Hopefully we’ll see a lot more of the examples above and I’d encourage you to keep an eye on the blog for info about design tools at Adobe and the web.

Adobe and RIM Collaborating on Tool Support for Blackberry Devices

At the developer conference in San Francisco today, RIM and Adobe announced a collaboration around creating content for BlackBerry devices and Adobe’s Creative Suite tools. This builds off of the momentum we started with RIM when they announced they were joining the Open Screen Project and dedicated to bringing Flash Player to BlackBerry. There are some good links on Techmeme which cover the announcement pretty well.

rim_adobe_announcement

Creating Content with Adobe Tools

Adobe is known for first class design and development tools and today’s announcement means that you’ll be able to use those tools to target RIM’s devices. There are going to be multiple points of integration. One of the critical pieces of creating mobile content is to make sure it is optimized for the smaller screens and often less bandwidth. In Creative Suite 5 we’re going to support optimized graphic and video content from Adobe Photoshop, Adobe After Effects, and Adobe Illustrator. We’re also supporting a seamless workflow between those design tools and Blackberry’s developer tools including the BlackBerry Web Plug-in for Eclipse and the BlackBerry Java Plug-in for Eclipse.

More interestingly for developers, we’re going to be working closely with RIM to enable full support for BlackBerry devices in Creative Suite Design Central, Dreamweaver, and Fireworks. You’ll be able to use those three tools to test and create content for BlackBerry’s mobile browser as well as to create widgets directly on the BlackBerry device. Device Central is a fantastic way for testing both HTML and Flash content for specific mobile devices. It lets you tweak battery settings, screen sizes, and other phone-specific functionality. Now we’ll have support for most of the BlackBerry phones so you never have to leave Creative Suite to see exactly how something will look on the phone.

Lastly, on the application front, Adobe is to be working on applications for BlackBerry that will let users take rich media and image content from the phone and quickly and easily bring it into tools like Photoshop Elements and Photoshop.com so it can be edited and modified.

BlackBerry Momentum

My colleague Mark Doherty has some great stats on what the BlackBerry market looks like and what this collaboration will mean for people who want to use their existing skills with Adobe’s tools to create mobile content for BlackBerry. Seeing the level of cooperation between Adobe and RIM is an exciting thing for designers and developers. Unlike some companies I think RIM sees the value in partnerships and with the breadth of Adobe tools it means they’re able to leverage our community for all kinds of different content- not just Flash.

Next year is going to be incredibly exciting for Adobe developers and designers. We’ve already talked a lot about Flash Player being available for smart phones next year, you’ll undoubtedly be hearing more about AIR, and hopefully we’ll continue to see deeper mobile integration across all of our tools just like you’re seeing with RIM here today. For more information you can check out the BlackBerry portal on Adobe’s site to get the scoop on the details and see some of the workflows in action.