Keynote Presentation Day II
Holy crap! Thermo ... read on ...
Discussion continues on the technology platform, specifically in the areas of Servers, Services, and Tools.
Servers - LiveCycle ES
- They show off a design view of a process management workflow, where each node represents code that comes with the product and the ability to link up all of these workflow steps
- They can scan in a PDF form and turn it into a simple RIA using LiveCycle
Services
- Scene7
- leading "on demand" rich media publising service
- real impressive demo of a dynamic image rendering on to a 3d surface (a football player uniform being designed in real-time, addinga number you type in, adjust colors, adding an image you upload, all rendered rigt on to the uniform a guy on the screen is wearing)
- they show off a QVC prototype app running on AIR that shows live broadcasts and interactivity
-SHARE (beta)
- free 1GB of storage for managing shared documents
- keeps revision history
- keeps track of with whom you have shared what documents
- full set of APIs to interact with the service
- on service conversion between Word and PDF
- it crashes twice during the demo
- Pacifica
- new service for high quality voice integration into Flash and Flex
- version 1.0:
- high quality chat
- text im
- advanced NAT/Firewall traversal
- roadmap:
- video chat
- p2p
- AIR
- connect into traditional telephone network
- CoCaMo
- new Adobe Connect version written in Flex
- opening up APIs for Flex apps
- no server side code required
- showed off MXML components to connect to a room, add chat, etc
Tools
Thermo
- new tool
- allows designers to draw the web site out and have Flex code generated from it in real-time
- new Flex "graphic" components are being introduced to handle every standard design element (rounded rects, polys, etc)
- the designer draws out rounded rects and if he/she desires can view the Flex MXML in source view
- the demo was awesome - the presenters imported a PhotoShop file of a web site front end and did the following:
Demo Part 1
- select a rectangle graphic that was in a certain layer of the PSD image that was obviously made to look like a text input
- right click the rectangle graphic, select "Convert Artwork To"
- select TextInput from a list of every Flex control
- immediately run the app and see it is an interactable TextInput
- note that the Flex code handles this by making the rectangle image becomes a skin of the TextInput
Demo Part 2
- select a label, convert it to a label
- flips over to Flex source view and sees that it preserved the fonts, colors, etc from the PSD image when it created the Label
Demo Part 3
- multi selects album cover images in a horizontal row and converts it into a List control
- select one image (now a list item) and define an effect for rollOver (can choose from a list of possible effects)
- the effect was the album image expands and text appears
- the text that appears defaults certain transitions to show up (fades in), but they show these can be changed as desired from within thermo (very easy to change)
- thermo automatically generates the state transtition code needed in Flex, along with the tween to move from start to end state (transition)
- the state transition can be previewed in thermo without running the Flex generated app
Demo Part 4
- selected a rectangle that was clearly meant to be a scrollbar for the list
- converts it to a scrollbar with the thermo (right click, convert to scrollbar)
- from thermo he does a little more work with the scrollbar - identifies which images in the PSD image layer that was selected for conversion should go with which aspects of the scrollbar (thumb, track, buttons)
Demo Part 5
- selects the new scrollbar control and drags an anchor to hook it to the list control (from example 3) to automatically generate all the wiring to make the scrollbar scroll the list
Demo Part 6
- Shows how there is not really enough album images to demo the app well, and tells thermo to generate some more images in the list control (just copies the existing images over)
- Also identifies where the data should be bound from (dataFields) to populate the text under the album image created in Demo Part 3 that shows up in the rollOver state
- From Thermo they run the code, whole thing took like 5 mins and now, from an image of a web site page, they have an RIA that scrolls a list of images and pop-ups out on rollovers
- Thermo and Flex Builder share the same project files, so designer and developer can open the same projects and work on it
- due out next year sometime
xd.adobe.com
- new site for help with what makes an RIA site really work
- design patterns up there currently, eventually some components
- design reviews of site work you post
- case studies
Discussion continues on the technology platform, specifically in the areas of Servers, Services, and Tools.
Servers - LiveCycle ES
- They show off a design view of a process management workflow, where each node represents code that comes with the product and the ability to link up all of these workflow steps
- They can scan in a PDF form and turn it into a simple RIA using LiveCycle
Services
- Scene7
- leading "on demand" rich media publising service
- real impressive demo of a dynamic image rendering on to a 3d surface (a football player uniform being designed in real-time, addinga number you type in, adjust colors, adding an image you upload, all rendered rigt on to the uniform a guy on the screen is wearing)
- they show off a QVC prototype app running on AIR that shows live broadcasts and interactivity
-SHARE (beta)
- free 1GB of storage for managing shared documents
- keeps revision history
- keeps track of with whom you have shared what documents
- full set of APIs to interact with the service
- on service conversion between Word and PDF
- it crashes twice during the demo
- Pacifica
- new service for high quality voice integration into Flash and Flex
- version 1.0:
- high quality chat
- text im
- advanced NAT/Firewall traversal
- roadmap:
- video chat
- p2p
- AIR
- connect into traditional telephone network
- CoCaMo
- new Adobe Connect version written in Flex
- opening up APIs for Flex apps
- no server side code required
- showed off MXML components to connect to a room, add chat, etc
Tools
Thermo
- new tool
- allows designers to draw the web site out and have Flex code generated from it in real-time
- new Flex "graphic" components are being introduced to handle every standard design element (rounded rects, polys, etc)
- the designer draws out rounded rects and if he/she desires can view the Flex MXML in source view
- the demo was awesome - the presenters imported a PhotoShop file of a web site front end and did the following:
Demo Part 1
- select a rectangle graphic that was in a certain layer of the PSD image that was obviously made to look like a text input
- right click the rectangle graphic, select "Convert Artwork To"
- select TextInput from a list of every Flex control
- immediately run the app and see it is an interactable TextInput
- note that the Flex code handles this by making the rectangle image becomes a skin of the TextInput
Demo Part 2
- select a label, convert it to a label
- flips over to Flex source view and sees that it preserved the fonts, colors, etc from the PSD image when it created the Label
Demo Part 3
- multi selects album cover images in a horizontal row and converts it into a List control
- select one image (now a list item) and define an effect for rollOver (can choose from a list of possible effects)
- the effect was the album image expands and text appears
- the text that appears defaults certain transitions to show up (fades in), but they show these can be changed as desired from within thermo (very easy to change)
- thermo automatically generates the state transtition code needed in Flex, along with the tween to move from start to end state (transition)
- the state transition can be previewed in thermo without running the Flex generated app
Demo Part 4
- selected a rectangle that was clearly meant to be a scrollbar for the list
- converts it to a scrollbar with the thermo (right click, convert to scrollbar)
- from thermo he does a little more work with the scrollbar - identifies which images in the PSD image layer that was selected for conversion should go with which aspects of the scrollbar (thumb, track, buttons)
Demo Part 5
- selects the new scrollbar control and drags an anchor to hook it to the list control (from example 3) to automatically generate all the wiring to make the scrollbar scroll the list
Demo Part 6
- Shows how there is not really enough album images to demo the app well, and tells thermo to generate some more images in the list control (just copies the existing images over)
- Also identifies where the data should be bound from (dataFields) to populate the text under the album image created in Demo Part 3 that shows up in the rollOver state
- From Thermo they run the code, whole thing took like 5 mins and now, from an image of a web site page, they have an RIA that scrolls a list of images and pop-ups out on rollovers
- Thermo and Flex Builder share the same project files, so designer and developer can open the same projects and work on it
- due out next year sometime
xd.adobe.com
- new site for help with what makes an RIA site really work
- design patterns up there currently, eventually some components
- design reviews of site work you post
- case studies

Comments