SlideShare ist ein Scribd-Unternehmen logo
1 von 35
Downloaden Sie, um offline zu lesen
Architecting user experiences
       Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaize




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.



Wednesday, May 11, 2011                                                          1
Adobe Flex




 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   2




Wednesday, May 11, 2011                                                           2
How Flex Works in the Browser



          Flex SDK
               MXML                   ActionScript

                    Flex Class Library

                           Debuggers

                         Flash Builder IDE




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                       3
How Flex Works in the Browser


                                                                                                  Browser
          Flex SDK
               MXML                   ActionScript                                                Flash Player

                    Flex Class Library

                           Debuggers                                          SOAP         HTTP/S           AMF/S         RTMP/S

                         Flash Builder IDE
                                                                              Web Server
                             Compile
                                                                              XML/HTTP
                                                                                                            Adobe Data Services
                                                                              REST
                                                                              SOAP Web Services       J2EE Application Server

                                                                              Existing Applications & Infrastructure


 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                                                                            3
Flex & Java




                                                &




                            Richness / Fast / Open-source / Industrialization
 ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                         4
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                       5
e explosion of devices introduces new
                           challenges for application development




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                       5
Native Mobile Application Development Model


                                                            A costly, inefficient development model



                                               Native                         Native   Native    Native
                                                App                            App      App       App




                                                                                                Additional
                                                                                                  OS’s




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                                                      6
Introducing a new mobile development paradigm


                                   One Tool, One Language, One Codebase


                                                                              Flex Application   Common codebase



                                                                                    AIR



                                                                                                 Additional
                                                                                                   OS’s



                                                                              Any Platform

 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                                                            7
Platforms, browsers, and devices



  In-browser




  Outside the browser




  Mobile Platforms




  Set-top boxes (Future)


 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                       8
Adobe AIR




 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   9




Wednesday, May 11, 2011                                                           9
How Flex Works on Mobile and Desktop



          Flex SDK
               MXML                   ActionScript

                    Flex Class Library

                           Debuggers

                         Flash Builder IDE




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                       10
How Flex Works on Mobile and Desktop


                                                                                             Mobile or Desktop
                                                                               Files    SQLite              Noti cations Clipboard
          Flex SDK
               MXML                   ActionScript                                                AIR Client Runtime

                    Flex Class Library

                           Debuggers                                          SOAP         HTTP/S         AMF/S            RTMP/S

                         Flash Builder IDE
                                                                              Web Server / Market place
               Compile & Package
                                                                              XML/HTTP
                                                                                                           LC Data Services
                                                                              REST
                                                                              SOAP Web Services       J2EE Application Server

                                                                              Existing Applications & Infrastructure


 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                                                                              10
Adobe AIR APIs




                                                                             - Multitouch
                                                                             - Geolocation
                                                                             - Cameras
                                                                             - Microphone
                                                                             - Accelerometer
                                                                             - Display a web page
                                                                             - SQLite local database
                                                                             - Native extensions
                                                                             - GPU acceleration


 ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.




Wednesday, May 11, 2011                                                                                11
AIR on smartphones and tablets




 © 2011 Adobe Systems Incorporated.



Wednesday, May 11, 2011               12
What about Flex ?




Wednesday, May 11, 2011   13
Adobe Flex 4.5




                                                                                   4.5

 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   14




Wednesday, May 11, 2011                                                                  14
FLEX FRAMEWORK 4

 SPARK COMPONENT MODEL



                 ActionScript                    MXML



                    Component                     Skin




                                                  Graphics
                     Behavior                      Layout
                                                 Animation
                      Logic                         Parts
                       Data     CSS properties     States




Wednesday, May 11, 2011                                      15
Mobile Applications in Flex 4.5

                    s:Application                          s:ViewNavigatorApplication   s:TabbedViewNavigatorApplication




 © 2010 Adobe Systems Incorporated. All Rights Reserved.               16



Wednesday, May 11, 2011                                                                                                16
<s:ViewNavigatorApplication> life cycle

                        views.ListEmployees                views.DetailsEmployee   views.ListEmployees




                                                                view destroyed        view created



                               view destroyed                 view created




                                                              “BACK” bu on

                                          DATA                      subset               DATA

                                                            persisted in memory
 © 2010 Adobe Systems Incorporated. All Rights Reserved.             17



Wednesday, May 11, 2011                                                                                  17
<s:ViewNavigatorApplication> life cycle

                        views.ListEmployees                views.DetailsEmployee   views.ListEmployees




                                                                view destroyed        view created



                               view destroyed                 view created




                                                              “BACK” bu on

                                          DATA                      subset               DATA

                                                            persisted in memory
 © 2010 Adobe Systems Incorporated. All Rights Reserved.             17



Wednesday, May 11, 2011                                                                                  17
<s:ViewNavigatorApplication> life cycle

                        views.ListEmployees                views.DetailsEmployee   views.ListEmployees




                                                                view destroyed        view created



                               view destroyed                 view created




                                                              “BACK” bu on

                                          DATA                      subset               DATA

                                                            persisted in memory
 © 2010 Adobe Systems Incorporated. All Rights Reserved.             17



Wednesday, May 11, 2011                                                                                  17
ActionBar




                      navigationContent                    titleContent   actionContent



  <s:View xmlns:fx=http://ns.adobe.com/mxml/2009 …
         title=”Expenses">

                             <s:navigationContent>
                                     <s:Button icon="@Embed('assets/home.png')"/>
                             </s:navigationContent>

         <s:actionContent>
                 <s:Button label=”+"/>
         </s:actionContent>
  </s:View>


 © 2010 Adobe Systems Incorporated. All Rights Reserved.          18                      3



Wednesday, May 11, 2011                                                                       18
Components that have Mobile Skins


                                                           §   Bu on
                                                           §   CheckBox
                                                           §   DataGroup
                                                           §   Group/HGroup/VGroup/TileGroup
                                                           §   Image/BitmapImage
                                                           §   Label List
                                                           §   RadioBu on/RadioBu onGroup
                                                           §   Scroller
                                                           §   TextArea
                                                           §   TextInput




 © 2010 Adobe Systems Incorporated. All Rights Reserved.           19



Wednesday, May 11, 2011                                                                         19
Screens and Flex 4.5


                                                               <?xml version="1.0"
                                                               encoding="utf-8"?>
                                                           <s:MobileApplication
                                                           applicationDPI="160">
                                                              ...


                                                           var curDensity:Number =
                                                           FlexGlobals.topLevelApplication.runtimeDPI;



                                                           <s:Image>
                                                                   <s:source>
                                                                       <s:MultiDPIBitmapSource
                                                                           source160dpi="logo.png"
                                                                           source240dpi="logo240.png"
                                                                           source320dpi="logo320.png" />
                                                                   </s:source>
                                                               </s:Image>




 © 2010 Adobe Systems Incorporated. All Rights Reserved.          20



Wednesday, May 11, 2011                                                                                    20
Flex 4.5 and tablets



           Android tablets                                                    BlackBerry PlayBook   Apple tablets




 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.            21



Wednesday, May 11, 2011                                                                                             21
Demo




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   22



Wednesday, May 11, 2011                                                            22
Tablet and Enterprise applications

                                                         Camera    GPS




                                                                         3G


                    Mobility




                                      Bright screen   Microphone


 © 2011 Adobe Systems Incorporated.



Wednesday, May 11, 2011                                                       23
Mobile applications + JAVA = REAL-TIME




 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   24




Wednesday, May 11, 2011                                                            24
IN-CONTEXT COLLABORATION

   LiveCycle Collaboration Service



                            Webcam   Chat




       Shared
       Form




Wednesday, May 11, 2011                     25
LiveCycle Collaboration Service Flex & JAVA API


     Multi-user collaboration in real time
     §     Engage more effectively through a web presence enhanced
            with real-time collaboration tools.
     §     Integrate text chat, whiteboard functionality, webcam video,
            and audio into any rich Internet application (RIA),




  Major Capabilities


  Peer-to-peer (P2P) streaming of data, audio and video                       HTTP server-to-server APIs
  Private audio/video streaming                                               Server-side provisioning of services

  Large Rooms – via on-demand loading of user                                 Audio/video application multicast
  presence

  Record and Playback                                                         Screen sharing
  JavaScript APIs – integration with a customer’s existing websites



 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.        26
 All external content and images pending approvals.


Wednesday, May 11, 2011                                                                                              26
JAVA         JAVA + FLEX 4
            rockstar         rockstar

Wednesday, May 11, 2011                   27
JAVA + FLEX 4.5
   HYPER ROCK STAR




             JAVA         JAVA + FLEX 4
            rockstar         rockstar

Wednesday, May 11, 2011                   27
Michaël Chaize & resources




                                                                              RIAgora.com       Flex.org
                                                                                              labs.adobe.com
                                                                                            developer.adobe.com
                     @mchaize                                                               Tour de Mobile Flex

 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.         30



Wednesday, May 11, 2011                                                                                           30
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.



Wednesday, May 11, 2011                                                       31

Weitere ähnliche Inhalte

Was ist angesagt?

Back From MAX in London for CQ5 users
Back From MAX in London for CQ5 usersBack From MAX in London for CQ5 users
Back From MAX in London for CQ5 usersMichael Chaize
 
Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for AndroidOver the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for AndroidMichael Chaize
 
Fatc - Productivity by Design
Fatc - Productivity by DesignFatc - Productivity by Design
Fatc - Productivity by DesignMichael Chaize
 
Best practices for Flash applications on mobile devices
Best practices for Flash applications on mobile devicesBest practices for Flash applications on mobile devices
Best practices for Flash applications on mobile devicesMichael Chaize
 
Flash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex babyFlash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex babyMichael Chaize
 
Flex and the city in London - Keynote
Flex and the city in London - KeynoteFlex and the city in London - Keynote
Flex and the city in London - KeynoteMichael Chaize
 
One backend multiple Screens
One backend multiple ScreensOne backend multiple Screens
One backend multiple ScreensMichael Chaize
 
Xplatform mobile development
Xplatform mobile developmentXplatform mobile development
Xplatform mobile developmentMichael Chaize
 
Oop2012 mobile workshops
Oop2012 mobile workshopsOop2012 mobile workshops
Oop2012 mobile workshopsMichael Chaize
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile developmentMichael Chaize
 
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Keisuke Todoroki
 
Ria2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'EntrepriseRia2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'EntrepriseMichael Chaize
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform javaMichael Chaize
 
JAX2010 Flex Java technical session: interactive dashboard
JAX2010 Flex Java technical session: interactive dashboardJAX2010 Flex Java technical session: interactive dashboard
JAX2010 Flex Java technical session: interactive dashboardMichael Chaize
 
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile DevicesCreating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devicespaultrani
 
From Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small ScreensFrom Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small ScreensJoseph Labrecque
 
Adobe et la stratégie multi-écrans
Adobe et la stratégie multi-écransAdobe et la stratégie multi-écrans
Adobe et la stratégie multi-écransMichael Chaize
 
Adobe gaming flash gamm michael
Adobe gaming flash gamm michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michaelMichael Chaize
 
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex Develop multi-screen applications with Flex
Develop multi-screen applications with Flex Codemotion
 

Was ist angesagt? (20)

Flex mobile for JUG
Flex mobile for JUGFlex mobile for JUG
Flex mobile for JUG
 
Back From MAX in London for CQ5 users
Back From MAX in London for CQ5 usersBack From MAX in London for CQ5 users
Back From MAX in London for CQ5 users
 
Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for AndroidOver the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for Android
 
Fatc - Productivity by Design
Fatc - Productivity by DesignFatc - Productivity by Design
Fatc - Productivity by Design
 
Best practices for Flash applications on mobile devices
Best practices for Flash applications on mobile devicesBest practices for Flash applications on mobile devices
Best practices for Flash applications on mobile devices
 
Flash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex babyFlash camp portugal - Let's talk about Flex baby
Flash camp portugal - Let's talk about Flex baby
 
Flex and the city in London - Keynote
Flex and the city in London - KeynoteFlex and the city in London - Keynote
Flex and the city in London - Keynote
 
One backend multiple Screens
One backend multiple ScreensOne backend multiple Screens
One backend multiple Screens
 
Xplatform mobile development
Xplatform mobile developmentXplatform mobile development
Xplatform mobile development
 
Oop2012 mobile workshops
Oop2012 mobile workshopsOop2012 mobile workshops
Oop2012 mobile workshops
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile development
 
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
 
Ria2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'EntrepriseRia2010 - keynote - Evolution des RIA d'Entreprise
Ria2010 - keynote - Evolution des RIA d'Entreprise
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
 
JAX2010 Flex Java technical session: interactive dashboard
JAX2010 Flex Java technical session: interactive dashboardJAX2010 Flex Java technical session: interactive dashboard
JAX2010 Flex Java technical session: interactive dashboard
 
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile DevicesCreating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
 
From Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small ScreensFrom Desktop to Mobile: Application Functionality for Small Screens
From Desktop to Mobile: Application Functionality for Small Screens
 
Adobe et la stratégie multi-écrans
Adobe et la stratégie multi-écransAdobe et la stratégie multi-écrans
Adobe et la stratégie multi-écrans
 
Adobe gaming flash gamm michael
Adobe gaming flash gamm michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michael
 
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
 

Andere mochten auch

Lou tulga's president obama's foreclosure relief program outline 2012
Lou tulga's president obama's  foreclosure relief program outline 2012Lou tulga's president obama's  foreclosure relief program outline 2012
Lou tulga's president obama's foreclosure relief program outline 2012Professional Education Services
 
June 2007 Seed Sampler
June 2007 Seed SamplerJune 2007 Seed Sampler
June 2007 Seed Samplermsainfo
 
The New Seven Wonders Of The World
The New Seven Wonders Of The WorldThe New Seven Wonders Of The World
The New Seven Wonders Of The Worldsanctuary
 
Paulus
PaulusPaulus
Pauluseka
 
Brievenbusreclame_2008
Brievenbusreclame_2008Brievenbusreclame_2008
Brievenbusreclame_2008Peter Wiegman
 
孩子的心
孩子的心孩子的心
孩子的心nonnon
 
2011 energii-pozitive
2011  energii-pozitive2011  energii-pozitive
2011 energii-pozitiveFlorin Stoica
 
Summary of LA5
Summary of LA5Summary of LA5
Summary of LA5Cma Mohd
 
Leichtgewichtige Architekturen mit Spring, JPA, Maven und Groovy
Leichtgewichtige Architekturen mit Spring, JPA, Maven und GroovyLeichtgewichtige Architekturen mit Spring, JPA, Maven und Groovy
Leichtgewichtige Architekturen mit Spring, JPA, Maven und GroovyThorsten Kamann
 
Multimediatag Heidelberg
Multimediatag HeidelbergMultimediatag Heidelberg
Multimediatag HeidelbergMsSchool
 
How To Brew Coffee At Home
How To Brew Coffee At HomeHow To Brew Coffee At Home
How To Brew Coffee At HomeJon Gatrell
 
A Journey Into Wholeness Final
A Journey Into Wholeness  FinalA Journey Into Wholeness  Final
A Journey Into Wholeness Finalmsainfo
 

Andere mochten auch (20)

Lou tulga's president obama's foreclosure relief program outline 2012
Lou tulga's president obama's  foreclosure relief program outline 2012Lou tulga's president obama's  foreclosure relief program outline 2012
Lou tulga's president obama's foreclosure relief program outline 2012
 
Gran Hotel
Gran HotelGran Hotel
Gran Hotel
 
Assignment 2
Assignment 2Assignment 2
Assignment 2
 
June 2007 Seed Sampler
June 2007 Seed SamplerJune 2007 Seed Sampler
June 2007 Seed Sampler
 
Milieu
MilieuMilieu
Milieu
 
PLC-2007_Intro
PLC-2007_IntroPLC-2007_Intro
PLC-2007_Intro
 
Do s2015 08
Do s2015 08Do s2015 08
Do s2015 08
 
Multumire603
Multumire603Multumire603
Multumire603
 
The New Seven Wonders Of The World
The New Seven Wonders Of The WorldThe New Seven Wonders Of The World
The New Seven Wonders Of The World
 
Ch07
Ch07Ch07
Ch07
 
Paulus
PaulusPaulus
Paulus
 
Brievenbusreclame_2008
Brievenbusreclame_2008Brievenbusreclame_2008
Brievenbusreclame_2008
 
孩子的心
孩子的心孩子的心
孩子的心
 
Chebanova
ChebanovaChebanova
Chebanova
 
2011 energii-pozitive
2011  energii-pozitive2011  energii-pozitive
2011 energii-pozitive
 
Summary of LA5
Summary of LA5Summary of LA5
Summary of LA5
 
Leichtgewichtige Architekturen mit Spring, JPA, Maven und Groovy
Leichtgewichtige Architekturen mit Spring, JPA, Maven und GroovyLeichtgewichtige Architekturen mit Spring, JPA, Maven und Groovy
Leichtgewichtige Architekturen mit Spring, JPA, Maven und Groovy
 
Multimediatag Heidelberg
Multimediatag HeidelbergMultimediatag Heidelberg
Multimediatag Heidelberg
 
How To Brew Coffee At Home
How To Brew Coffee At HomeHow To Brew Coffee At Home
How To Brew Coffee At Home
 
A Journey Into Wholeness Final
A Journey Into Wholeness  FinalA Journey Into Wholeness  Final
A Journey Into Wholeness Final
 

Ähnlich wie Jax 2011 keynote

Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with FlexConFoo
 
Flex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUGFlex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUGMichael Chaize
 
Keeping Current with ColdFusion - Adobe Max 2011
Keeping Current with ColdFusion - Adobe Max 2011Keeping Current with ColdFusion - Adobe Max 2011
Keeping Current with ColdFusion - Adobe Max 2011Rupesh Kumar
 
Flex Air Intro
Flex Air IntroFlex Air Intro
Flex Air IntroJUG Genova
 
Flex update - August, 2012
Flex update - August, 2012Flex update - August, 2012
Flex update - August, 2012Alan Greenblatt
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applicationsMichael Chaize
 
Starting mobile development
Starting mobile developmentStarting mobile development
Starting mobile developmentMihai Corlan
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash PlatformMihai Corlan
 
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBookAdobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBookMihai Corlan
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformInitium
 
Drupal and-flex-drupal camp
Drupal and-flex-drupal campDrupal and-flex-drupal camp
Drupal and-flex-drupal campClaudiu Cristea
 
Developing RIAs... 10 reasons to use Adobe Flex
Developing RIAs... 10 reasons to use Adobe FlexDeveloping RIAs... 10 reasons to use Adobe Flex
Developing RIAs... 10 reasons to use Adobe FlexMatthias Zeller
 
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFlex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFrançois Le Droff
 
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and FlexRIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and Flexelliando dias
 
Reasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldReasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldEffectiveUI
 
Flash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldFlash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldEffectiveUI
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform javaCh'ti JUG
 
Flex_Basic_Training
Flex_Basic_TrainingFlex_Basic_Training
Flex_Basic_Trainingguest25cec3
 

Ähnlich wie Jax 2011 keynote (20)

Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with Flex
 
Flex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUGFlex presentation for Paris Android User group PAUG
Flex presentation for Paris Android User group PAUG
 
Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01
 
Keeping Current with ColdFusion - Adobe Max 2011
Keeping Current with ColdFusion - Adobe Max 2011Keeping Current with ColdFusion - Adobe Max 2011
Keeping Current with ColdFusion - Adobe Max 2011
 
Flex Air Intro
Flex Air IntroFlex Air Intro
Flex Air Intro
 
Flex update - August, 2012
Flex update - August, 2012Flex update - August, 2012
Flex update - August, 2012
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applications
 
Starting mobile development
Starting mobile developmentStarting mobile development
Starting mobile development
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash Platform
 
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBookAdobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBook
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA Platform
 
Drupal and-flex-drupal camp
Drupal and-flex-drupal campDrupal and-flex-drupal camp
Drupal and-flex-drupal camp
 
Developing RIAs... 10 reasons to use Adobe Flex
Developing RIAs... 10 reasons to use Adobe FlexDeveloping RIAs... 10 reasons to use Adobe Flex
Developing RIAs... 10 reasons to use Adobe Flex
 
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFlex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
 
MMT 28: Adobe »Edge to the Flash«
MMT 28: Adobe »Edge to the Flash«MMT 28: Adobe »Edge to the Flash«
MMT 28: Adobe »Edge to the Flash«
 
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and FlexRIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
 
Reasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldReasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store World
 
Flash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldFlash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store World
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
 
Flex_Basic_Training
Flex_Basic_TrainingFlex_Basic_Training
Flex_Basic_Training
 

Mehr von Michael Chaize

Typography on the Web - FITC Amsterdam 2015
Typography on the Web - FITC Amsterdam 2015Typography on the Web - FITC Amsterdam 2015
Typography on the Web - FITC Amsterdam 2015Michael Chaize
 
FITC Amsterdam 2015 - keynote-adobe - We are mutants
FITC Amsterdam 2015 -  keynote-adobe - We are mutantsFITC Amsterdam 2015 -  keynote-adobe - We are mutants
FITC Amsterdam 2015 - keynote-adobe - We are mutantsMichael Chaize
 
Multimania - Web Design Trends
Multimania - Web Design TrendsMultimania - Web Design Trends
Multimania - Web Design TrendsMichael Chaize
 
Feweb - Adobe et le Web Design
Feweb - Adobe et le Web DesignFeweb - Adobe et le Web Design
Feweb - Adobe et le Web DesignMichael Chaize
 
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014Michael Chaize
 
Max2013 rejected apps presentation
Max2013   rejected apps presentationMax2013   rejected apps presentation
Max2013 rejected apps presentationMichael Chaize
 
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven DevelopmentOop2012 keynote Design Driven Development
Oop2012 keynote Design Driven DevelopmentMichael Chaize
 
Pocket agile challenge adobe mobile v1.0.pptx
Pocket agile   challenge adobe mobile v1.0.pptxPocket agile   challenge adobe mobile v1.0.pptx
Pocket agile challenge adobe mobile v1.0.pptxMichael Chaize
 
Ria2010 workshop dev mobile
Ria2010 workshop dev mobileRia2010 workshop dev mobile
Ria2010 workshop dev mobileMichael Chaize
 
Ria2010 keynote développeurs
Ria2010 keynote développeursRia2010 keynote développeurs
Ria2010 keynote développeursMichael Chaize
 
Flex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobilesFlex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobilesMichael Chaize
 

Mehr von Michael Chaize (11)

Typography on the Web - FITC Amsterdam 2015
Typography on the Web - FITC Amsterdam 2015Typography on the Web - FITC Amsterdam 2015
Typography on the Web - FITC Amsterdam 2015
 
FITC Amsterdam 2015 - keynote-adobe - We are mutants
FITC Amsterdam 2015 -  keynote-adobe - We are mutantsFITC Amsterdam 2015 -  keynote-adobe - We are mutants
FITC Amsterdam 2015 - keynote-adobe - We are mutants
 
Multimania - Web Design Trends
Multimania - Web Design TrendsMultimania - Web Design Trends
Multimania - Web Design Trends
 
Feweb - Adobe et le Web Design
Feweb - Adobe et le Web DesignFeweb - Adobe et le Web Design
Feweb - Adobe et le Web Design
 
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
FITC 2014 Amsterdam - Adobe Apps for Web Designers in 2014
 
Max2013 rejected apps presentation
Max2013   rejected apps presentationMax2013   rejected apps presentation
Max2013 rejected apps presentation
 
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven DevelopmentOop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
 
Pocket agile challenge adobe mobile v1.0.pptx
Pocket agile   challenge adobe mobile v1.0.pptxPocket agile   challenge adobe mobile v1.0.pptx
Pocket agile challenge adobe mobile v1.0.pptx
 
Ria2010 workshop dev mobile
Ria2010 workshop dev mobileRia2010 workshop dev mobile
Ria2010 workshop dev mobile
 
Ria2010 keynote développeurs
Ria2010 keynote développeursRia2010 keynote développeurs
Ria2010 keynote développeurs
 
Flex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobilesFlex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobiles
 

Kürzlich hochgeladen

Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 

Kürzlich hochgeladen (20)

Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 

Jax 2011 keynote

  • 1. Architecting user experiences Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaize © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 1
  • 2. Adobe Flex © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 2 Wednesday, May 11, 2011 2
  • 3. How Flex Works in the Browser Flex SDK MXML ActionScript Flex Class Library Debuggers Flash Builder IDE © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 3
  • 4. How Flex Works in the Browser Browser Flex SDK MXML ActionScript Flash Player Flex Class Library Debuggers SOAP HTTP/S AMF/S RTMP/S Flash Builder IDE Web Server Compile XML/HTTP Adobe Data Services REST SOAP Web Services J2EE Application Server Existing Applications & Infrastructure © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 3
  • 5. Flex & Java & Richness / Fast / Open-source / Industrialization ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 4
  • 6. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 5
  • 7. e explosion of devices introduces new challenges for application development © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 5
  • 8. Native Mobile Application Development Model A costly, inefficient development model Native Native Native Native App App App App Additional OS’s © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 6
  • 9. Introducing a new mobile development paradigm One Tool, One Language, One Codebase Flex Application Common codebase AIR Additional OS’s Any Platform © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 7
  • 10. Platforms, browsers, and devices In-browser Outside the browser Mobile Platforms Set-top boxes (Future) © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 8
  • 11. Adobe AIR © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 9 Wednesday, May 11, 2011 9
  • 12. How Flex Works on Mobile and Desktop Flex SDK MXML ActionScript Flex Class Library Debuggers Flash Builder IDE © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 10
  • 13. How Flex Works on Mobile and Desktop Mobile or Desktop Files SQLite Noti cations Clipboard Flex SDK MXML ActionScript AIR Client Runtime Flex Class Library Debuggers SOAP HTTP/S AMF/S RTMP/S Flash Builder IDE Web Server / Market place Compile & Package XML/HTTP LC Data Services REST SOAP Web Services J2EE Application Server Existing Applications & Infrastructure © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 10
  • 14. Adobe AIR APIs - Multitouch - Geolocation - Cameras - Microphone - Accelerometer - Display a web page - SQLite local database - Native extensions - GPU acceleration ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 11
  • 15. AIR on smartphones and tablets © 2011 Adobe Systems Incorporated. Wednesday, May 11, 2011 12
  • 16. What about Flex ? Wednesday, May 11, 2011 13
  • 17. Adobe Flex 4.5 4.5 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 14 Wednesday, May 11, 2011 14
  • 18. FLEX FRAMEWORK 4 SPARK COMPONENT MODEL ActionScript MXML Component Skin Graphics Behavior Layout Animation Logic Parts Data CSS properties States Wednesday, May 11, 2011 15
  • 19. Mobile Applications in Flex 4.5 s:Application s:ViewNavigatorApplication s:TabbedViewNavigatorApplication © 2010 Adobe Systems Incorporated. All Rights Reserved. 16 Wednesday, May 11, 2011 16
  • 20. <s:ViewNavigatorApplication> life cycle views.ListEmployees views.DetailsEmployee views.ListEmployees view destroyed view created view destroyed view created “BACK” bu on DATA subset DATA persisted in memory © 2010 Adobe Systems Incorporated. All Rights Reserved. 17 Wednesday, May 11, 2011 17
  • 21. <s:ViewNavigatorApplication> life cycle views.ListEmployees views.DetailsEmployee views.ListEmployees view destroyed view created view destroyed view created “BACK” bu on DATA subset DATA persisted in memory © 2010 Adobe Systems Incorporated. All Rights Reserved. 17 Wednesday, May 11, 2011 17
  • 22. <s:ViewNavigatorApplication> life cycle views.ListEmployees views.DetailsEmployee views.ListEmployees view destroyed view created view destroyed view created “BACK” bu on DATA subset DATA persisted in memory © 2010 Adobe Systems Incorporated. All Rights Reserved. 17 Wednesday, May 11, 2011 17
  • 23. ActionBar navigationContent titleContent actionContent <s:View xmlns:fx=http://ns.adobe.com/mxml/2009 … title=”Expenses"> <s:navigationContent> <s:Button icon="@Embed('assets/home.png')"/> </s:navigationContent> <s:actionContent> <s:Button label=”+"/> </s:actionContent> </s:View> © 2010 Adobe Systems Incorporated. All Rights Reserved. 18 3 Wednesday, May 11, 2011 18
  • 24. Components that have Mobile Skins § Bu on § CheckBox § DataGroup § Group/HGroup/VGroup/TileGroup § Image/BitmapImage § Label List § RadioBu on/RadioBu onGroup § Scroller § TextArea § TextInput © 2010 Adobe Systems Incorporated. All Rights Reserved. 19 Wednesday, May 11, 2011 19
  • 25. Screens and Flex 4.5 <?xml version="1.0" encoding="utf-8"?> <s:MobileApplication applicationDPI="160"> ... var curDensity:Number = FlexGlobals.topLevelApplication.runtimeDPI; <s:Image> <s:source> <s:MultiDPIBitmapSource source160dpi="logo.png" source240dpi="logo240.png" source320dpi="logo320.png" /> </s:source> </s:Image> © 2010 Adobe Systems Incorporated. All Rights Reserved. 20 Wednesday, May 11, 2011 20
  • 26. Flex 4.5 and tablets Android tablets BlackBerry PlayBook Apple tablets © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 21 Wednesday, May 11, 2011 21
  • 27. Demo © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 22 Wednesday, May 11, 2011 22
  • 28. Tablet and Enterprise applications Camera GPS 3G Mobility Bright screen Microphone © 2011 Adobe Systems Incorporated. Wednesday, May 11, 2011 23
  • 29. Mobile applications + JAVA = REAL-TIME © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 24 Wednesday, May 11, 2011 24
  • 30. IN-CONTEXT COLLABORATION LiveCycle Collaboration Service Webcam Chat Shared Form Wednesday, May 11, 2011 25
  • 31. LiveCycle Collaboration Service Flex & JAVA API Multi-user collaboration in real time § Engage more effectively through a web presence enhanced with real-time collaboration tools. § Integrate text chat, whiteboard functionality, webcam video, and audio into any rich Internet application (RIA), Major Capabilities Peer-to-peer (P2P) streaming of data, audio and video HTTP server-to-server APIs Private audio/video streaming Server-side provisioning of services Large Rooms – via on-demand loading of user Audio/video application multicast presence Record and Playback Screen sharing JavaScript APIs – integration with a customer’s existing websites © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 26 All external content and images pending approvals. Wednesday, May 11, 2011 26
  • 32. JAVA JAVA + FLEX 4 rockstar rockstar Wednesday, May 11, 2011 27
  • 33. JAVA + FLEX 4.5 HYPER ROCK STAR JAVA JAVA + FLEX 4 rockstar rockstar Wednesday, May 11, 2011 27
  • 34. Michaël Chaize & resources RIAgora.com Flex.org labs.adobe.com developer.adobe.com @mchaize Tour de Mobile Flex © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 30 Wednesday, May 11, 2011 30
  • 35. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Wednesday, May 11, 2011 31