Live update from MAX Keynote Session Part 1 – It’s all about the Designer – Developer Workflow
I am sitting here in a crowd of a couple of thousand people enjoying a special performance of the Blue Man Group. It is 8:40am in the morning in Las Vegas and I am at the opening session of the Adobe MAX conference. When I registered last night I got a good amount of conference schwag including the special MAXUP T-Shirt for presenting today in the MAXUP track. I also like the conference bag. Unlike the typical black bags which I tend to leave at the conference, this one is actually cool and I think I can re-use it as a diaper bag I will post a picture later.
Kevin Lynch kicks of the keynote and previews the upcoming Reader 8. Nice effects in there for previewing pages.
Now Shantanu takes over and talks about the Macromedia acquisition. A video of customers talking about their reaction when they learned about the acquisition highlights the excitement about this marriage. Shantanu talks about other milestones this year, including the launch of Flex 2 and Flash Player 9 as well as the announcement of Acrobat 8.
Kevin takes over and talks about Flash Player 9. Just during the last months the upgrade rate to the new player has been faster then for any previous Flash Player release. The Flash Player is really a ubiqutous virtual machine available cross-platform and cross browser. One factor for the dramatic adoption of the new Flash Player version is Flash video which has seen significant adoption over the last year from sites including MySpace, Yahoo, ABC and others. Kevin also mentions that there are now over 200,000,000 PDFs on the web.
Kevin switches gears now and brings a number of people on the stage to demo the improved Designer Developer workflows in upcoming Adobe products. It becomes very clear that Adobe is truly understanding customer needs here and a lot of the new integration features receive applause from the audience.
1st example: Designer developer workflow for HTML website development
– Start with Photoshop
– Add interactivity in Fireworks
– Finish and deploy with Dreamweaver
The website creation workflow starts often in Photoshop and not in Dreamweaver. The presenter highlights improvements in bringing up Photoshop files within Fireworks. He also demos the ability to load multiple Photoshop images into Fireworks and add common elements like a navigation layer on top of the images and then add interactivity to the navigation bar. The result can be saved as HTML. This is a great way to create quick mock-ups which you can share with end-users and clients for feedback. In the next step the project is being opened the in Dreamweaver. A highlight is the new way to copy and paste images from Photoshop to Dreamweaver, which kicks off a workflow which allows the designer to add important web properties like accessibility tags to the image.
Additionally Dreamweaver enables the developer to add AJAX features to the site with the Spry framework. Instead of coding, features like AJAX animations can be configured through wizards in Dreamweaver. The Spry Framework is posted on Adobe Labs.
2nd example: Flash Workflows with Dynamic Media
Again the process starts of in Photoshop. Some of the usability features of a future Photoshop release are being demonstrated. The demonstration on importing a Photoshop .psd file in Flash got a round of applause. The import keeps all layers intact. A lot of nice import features I do not understand, but audience seems to like it 😉 Next step is to use After Effects to apply engaging experiences to Flash. Sample shows how to use a brand new technology called “Puppet Tool” in After Effects and animate a character. Finally some more 3D animation features get added and the result is exported as Flash.
The team also demonstrated a brand new audio application (cannot remember the code name) for creating soundtracks and to incorporate audio into Flash which will be available this week on Adobe Labs.
3rd example: Designer Developer workflow with Flex
Sho Kuwamoto talks about Flex application skinning and using UI components designed with Illustrator in Flex.
He starts in Flex Builder and creates the basic application layout for an iTunes like application with multiple buttons for controlling the music and a datagrid for displaying the songs. In a future version of Illustrator the integration of symbol graphics will be better integrated with Flex. He exports the button images out of Illustrator as .swf. Then he imports the swf’s in Flex and assigns them to the generic buttons using the “Style†functionality.
Switching from the designer to the developers perspective in Flex Builder, Sho now defines the Web Service connectivity for the application. He points out the ease of coding with MXML, code hinting and code highlighting. Sho creates the whole music player application in 10 minutes… on a Mac! Yes, this is not a typo… Later this week Adobe will announce a public beta of Flex Builder for Mac. Cool! One more reason for me to switch to a MacBook.
Ben Forta enters the stage and shows new features in ColdFusion for back-end development and the Flex Builder integration with ColdFusion.
4th example: Electronic Document Workflow
Ben demonstrates PDF functions for electronic document workflow. He starts with a plain non-interactive PDF form document and imports it into the Adobe LiveCycle Designer. The new field recognition wizard in Designer 8 is impressive. Ben shows how to use the Designer to add more interactivity to the form, standard functionality available today. What is new is the cross-over between interactive PDF forms and Flex/Flash applications to interact with data. Seamless integration between a PDF version and a Flex version of the form is being worked on. He also shows the future Guide Designer in the LiveCycle Designer which supports the generation of Flex wizards based on XFA/PDF forms. A lot of exiting stuff which will bring the Flex and LiveCycle world closer together.
Need to catch my next session. More about the keynote later, including Apollo update and the $100,000,000 announcement.
No comments yet.