Adobe MAX 2010
Screens of Possibility
Pushing Multiscreen Experiences with
Spark and Flex
Juan Sanchez
UX Architect
RJ Owe...
Adobe MAX 2010
Juan Sanchez
UX Architect
@juansanchez
“Creating Visual
Experiences with
Flex 3.0”
RJ Owen
Software Archite...
Adobe MAX 2010
Back in the day...
Adobe MAX 2010
Adobe MAX 2010
Adobe MAX 2010
Context!
Adobe MAX 2010
http://www.flickr.com/photos/gerbug/4846401506/
Adobe MAX 2010
Mobile
Create an integrated experience
Adobe MAX 2010
http://www.flickr.com/photos/gaetanlee/118885175/
Adobe MAX 2010
Personal
Always on
Permanently carried
Built-in payment channel
Creative impulse
Accurate measurement
Socia...
Adobe MAX 2010
Touch
Bye bye cursor (and rollovers)
Adobe MAX 2010
http://www.flickr.com/photos/manofcars/4521023192/
Adobe MAX 2010
Code once, deploy
everywhere?
Adobe MAX 2010Adobe MAX 2010
Flex 4 and Spark for
multiscreen
goodness
http://www.flickr.com/photos/22614013@N04/432185734...
Adobe MAX 2010
Skinning
Flash Catalyst
Workflow
LiveCycle
Text Layout
Pixel Bender
3D
Layouts
Adobe AIR
Touch
Animation
Mo...
Adobe MAX 2010
MAX Volume
Touch-enabled Social Jukebox
Party people vote for the next song
Desktop and mobile application
Adobe MAX 2010
Adobe MAX 2010
DEMO
Adobe MAX 2010
Adobe MAX 2010
Skinning
Create a custom experience
Adobe MAX 2010
Workflow
Use Creative Suite tools
Flash Catalyst for interaction
Flash Builder
How was it?
Adobe MAX 2010
Animation
Reworked for better effects and transitions
http://www.flickr.com/photos/mike_king/3631521135/
Ad...
Adobe MAX 2010
http://www.flickr.com/photos/probonobaker/3640267730/
Adobe MAX 2010
Layouts
Use defaults or bake your own
Adobe MAX 2010
The third dimension
3D is rolled in
http://www.flickr.com/photos/benheine/4918260582/
Adobe MAX 2010
Adobe MAX 2010
Text Layout
Go nuts with columns and ligatures
http://www.flickr.com/photos/splorp/3642228449/
Adobe MAX 20...
Adobe MAX 2010
Pixel Bender
For data and pixel manipulation
Adobe MAX 2010
Flex Mobile
It’s not the Flex you’re used to
Publish via AIR for Android
What can you expect?
http://www.fl...
Adobe MAX 2010
Adobe AIR
All up in your desktop
Adobe MAX 2010
LiveCycle
Used for sharing library and queue info
Adobe MAX 2010
Questions?
@maxvolumeapp
We’re at booth #325
Adobe MAX 2010
Juan Sanchez
@juansanchez
RJ Owen
@rjowen
Leonard Souza
@creativism
Thanks!
Booth #325
Upcoming SlideShare
Loading in …5
×

Screens of Possibility: Pushing Multiscreen Experiences with Spark and Flex

4,285 views

Published on

Join Juan Sanchez and RJ Owen of EffectiveUI as they walk through methods used to design and architect multiscreen experiences with Spark and Flex 4. They will demonstrate an application built for the desktop, the web, and handheld devices and show off the techniques used to build them. They'll focus on Spark skinning, effects and layout, interaction with the file system using Adobe AIR, and coordinating data using LiveCycle Data Services. Never has there been a more exciting time for building user experiences — or a more powerful toolset to build them with.

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,285
On SlideShare
0
From Embeds
0
Number of Embeds
2,062
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Screens of Possibility: Pushing Multiscreen Experiences with Spark and Flex

  1. 1. Adobe MAX 2010 Screens of Possibility Pushing Multiscreen Experiences with Spark and Flex Juan Sanchez UX Architect RJ Owen Software Architect Leonard Souza UX Architect Adobe MAX 2010
  2. 2. Adobe MAX 2010 Juan Sanchez UX Architect @juansanchez “Creating Visual Experiences with Flex 3.0” RJ Owen Software Architect @rjowen Adobe Community Expert Leonard Souza UX Architect @creativism Designer/ Developer Ninja
  3. 3. Adobe MAX 2010 Back in the day...
  4. 4. Adobe MAX 2010
  5. 5. Adobe MAX 2010
  6. 6. Adobe MAX 2010 Context! Adobe MAX 2010 http://www.flickr.com/photos/gerbug/4846401506/
  7. 7. Adobe MAX 2010 Mobile Create an integrated experience Adobe MAX 2010 http://www.flickr.com/photos/gaetanlee/118885175/
  8. 8. Adobe MAX 2010 Personal Always on Permanently carried Built-in payment channel Creative impulse Accurate measurement Social context Augmented reality
  9. 9. Adobe MAX 2010 Touch Bye bye cursor (and rollovers) Adobe MAX 2010 http://www.flickr.com/photos/manofcars/4521023192/
  10. 10. Adobe MAX 2010 Code once, deploy everywhere?
  11. 11. Adobe MAX 2010Adobe MAX 2010 Flex 4 and Spark for multiscreen goodness http://www.flickr.com/photos/22614013@N04/4321857340/
  12. 12. Adobe MAX 2010 Skinning Flash Catalyst Workflow LiveCycle Text Layout Pixel Bender 3D Layouts Adobe AIR Touch Animation Mobile
  13. 13. Adobe MAX 2010 MAX Volume Touch-enabled Social Jukebox Party people vote for the next song Desktop and mobile application
  14. 14. Adobe MAX 2010
  15. 15. Adobe MAX 2010 DEMO
  16. 16. Adobe MAX 2010
  17. 17. Adobe MAX 2010 Skinning Create a custom experience
  18. 18. Adobe MAX 2010 Workflow Use Creative Suite tools Flash Catalyst for interaction Flash Builder How was it?
  19. 19. Adobe MAX 2010 Animation Reworked for better effects and transitions http://www.flickr.com/photos/mike_king/3631521135/ Adobe MAX 2010
  20. 20. Adobe MAX 2010 http://www.flickr.com/photos/probonobaker/3640267730/ Adobe MAX 2010 Layouts Use defaults or bake your own
  21. 21. Adobe MAX 2010 The third dimension 3D is rolled in http://www.flickr.com/photos/benheine/4918260582/ Adobe MAX 2010
  22. 22. Adobe MAX 2010 Text Layout Go nuts with columns and ligatures http://www.flickr.com/photos/splorp/3642228449/ Adobe MAX 2010
  23. 23. Adobe MAX 2010 Pixel Bender For data and pixel manipulation
  24. 24. Adobe MAX 2010 Flex Mobile It’s not the Flex you’re used to Publish via AIR for Android What can you expect? http://www.flickr.com/photos/yogma/3921455311/ Adobe MAX 2010
  25. 25. Adobe MAX 2010 Adobe AIR All up in your desktop
  26. 26. Adobe MAX 2010 LiveCycle Used for sharing library and queue info
  27. 27. Adobe MAX 2010 Questions? @maxvolumeapp We’re at booth #325
  28. 28. Adobe MAX 2010 Juan Sanchez @juansanchez RJ Owen @rjowen Leonard Souza @creativism Thanks! Booth #325

×