SlideShare une entreprise Scribd logo
1  sur  28
Télécharger pour lire hors ligne
Flex 4.5 et les applications multi-screen
       Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaize




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



Thursday, June 23, 2011
Innovation et interfaces riches




 © 2010 Adobe Systems Incorporated. All Rights Reserved.   2



Thursday, June 23, 2011
N’exposer pas ce qu’a end le système




                                                                                            ®




   Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential.   3


Thursday, June 23, 2011
Exposer ce qu’a end l’utilisateur




                                                                                            5 mins       20 secs




        Augmenter la productivité et améliorer la prise de décision

                                                                                                                   ®




       Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential.            4


Thursday, June 23, 2011
Customer care @ Adobe




 © 2010 Adobe Systems Incorporated. All Rights Reserved.
                                                           5

Thursday, June 23, 2011
Adobe Hendrix




                     15%                                       1          +10%
                   solve a case                            day training    customer
                                                                          satisfaction


 © 2010 Adobe Systems Incorporated. All Rights Reserved.
                                                                                         6

Thursday, June 23, 2011
Adobe Flex




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




Thursday, June 23, 2011
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.




Thursday, June 23, 2011
Flex & Java




                                                &




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




Thursday, June 23, 2011
Le multiscreen introduit de nouveaux dé s
        techniques pour les développeurs d’applications




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




Thursday, June 23, 2011
Open Screen Project: Adobe et plus de 70 partenaires

                         Technology Partners                                       Content Partners




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




Thursday, June 23, 2011
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.




Thursday, June 23, 2011
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.




Thursday, June 23, 2011
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.




Thursday, June 23, 2011
Adobe Flex 4.5




                                                                                   4.5

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




Thursday, June 23, 2011
FLEX FRAMEWORK 4

 SPARK COMPONENT MODEL



                  ActionScript                                             MXML



                     Component                                              Skin




                                                                            Graphics
                      Behavior                                               Layout
                                                                           Animation
                       Logic                                                  Parts
                        Data              CSS properties                     States




                                 http://www.lafabrick.com/labz/skins/jellySkin/

Thursday, June 23, 2011
Mobile Applications in Flex 4.5

                    s:Application                          s:ViewNavigatorApplication   s:TabbedViewNavigatorApplication




 © 2010 Adobe Systems Incorporated. All Rights Reserved.               17



Thursday, June 23, 2011
<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.             18



Thursday, June 23, 2011
Un problème technique: la densité des écrans



                                                                          150 x 40 pixel bu on




                   Desktop monitor                                             Galaxy Tab          Droid 2          iPhone 4
                      @100 dpi                                                  @160 dpi          @240 dpi         @320 dpi
                     = 1.5” x 0.4”                                            = 0.9” x 0.25”    = 0.6” x 0.17”   = 0.46” x 0.13”



            Un même nombre de pixels pour différentes tailles physiques



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



Thursday, June 23, 2011
Flex 4.5 et la mise à l’échelle automatique

     <Application applicationDPI=“160”>
     	      <Button width=“160” height=“40”/>
     </Application>




                                                         160 dpi               240 dpi       320dpi



                                                                              Scaled 1.5x   Scaled 2x




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



Thursday, June 23, 2011
Flex 4.5 and smartphones/tablets



           Android tablets                                                    BlackBerry PlayBook   Apple tablets




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



Thursday, June 23, 2011
Demo




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



Thursday, June 23, 2011
Thursday, June 23, 2011
FLEX AND JAVA

   SPRING BLAZE DS INTEGRATION PROJECT




Thursday, June 23, 2011
JAVA + FLEX 4.5
   HYPER ROCK STAR




              JAVA        JAVA + FLEX 4
             rockstar        rockstar

Thursday, June 23, 2011
Les Flexeurs à Rennes




                      Réunion Lundi à la Cantine Rennaise

                                                                          18h30 - 20h30

                                                           Les frameworks MVC



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



Thursday, June 23, 2011
Michaël Chaize & resources




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

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



Thursday, June 23, 2011
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.



Thursday, June 23, 2011

Contenu connexe

Tendances

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
 
Fatc - Productivity by Design
Fatc - Productivity by DesignFatc - Productivity by Design
Fatc - Productivity by DesignMichael Chaize
 
Oop2012 mobile workshops
Oop2012 mobile workshopsOop2012 mobile workshops
Oop2012 mobile workshopsMichael Chaize
 
Xplatform mobile development
Xplatform mobile developmentXplatform mobile development
Xplatform mobile developmentMichael 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
 
Using design pattern for mobile
Using design pattern for mobileUsing design pattern for mobile
Using design pattern for mobileluca mezzalira
 
Devoxx 2010: Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with FlexDevoxx 2010: Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with FlexMichael Chaize
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform javaMichael Chaize
 
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
 
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
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile developmentMichael Chaize
 
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
 
Ria2010 workshop dev mobile
Ria2010 workshop dev mobileRia2010 workshop dev mobile
Ria2010 workshop dev mobileMichael Chaize
 
UX Concerns across Mobile Platforms
UX Concerns across Mobile PlatformsUX Concerns across Mobile Platforms
UX Concerns across Mobile PlatformsJoseph 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
 
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
 
The future of the Adobe Flash platform
The future of the Adobe Flash platformThe future of the Adobe Flash platform
The future of the Adobe Flash platformMichael Chaize
 
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile DevicesCreating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devicespaultrani
 

Tendances (20)

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
 
Fatc - Productivity by Design
Fatc - Productivity by DesignFatc - Productivity by Design
Fatc - Productivity by Design
 
Montpellier - Flex UG
Montpellier - Flex UGMontpellier - Flex UG
Montpellier - Flex UG
 
Flex mobile for JUG
Flex mobile for JUGFlex mobile for JUG
Flex mobile for JUG
 
Oop2012 mobile workshops
Oop2012 mobile workshopsOop2012 mobile workshops
Oop2012 mobile workshops
 
Xplatform mobile development
Xplatform mobile developmentXplatform mobile development
Xplatform mobile development
 
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
 
Using design pattern for mobile
Using design pattern for mobileUsing design pattern for mobile
Using design pattern for mobile
 
Devoxx 2010: Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with FlexDevoxx 2010: Develop mobile applications with Flex
Devoxx 2010: Develop mobile applications with Flex
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
 
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
 
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
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile development
 
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
 
Ria2010 workshop dev mobile
Ria2010 workshop dev mobileRia2010 workshop dev mobile
Ria2010 workshop dev mobile
 
UX Concerns across Mobile Platforms
UX Concerns across Mobile PlatformsUX Concerns across Mobile Platforms
UX Concerns across Mobile Platforms
 
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
 
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
 
The future of the Adobe Flash platform
The future of the Adobe Flash platformThe future of the Adobe Flash platform
The future of the Adobe Flash platform
 
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile DevicesCreating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
 

En vedette

Expansion of Information Extraction System to the Russian language
Expansion of Information Extraction System to the Russian languageExpansion of Information Extraction System to the Russian language
Expansion of Information Extraction System to the Russian languageLidia Pivovarova
 
Lithuania PowerPoint Content
Lithuania PowerPoint Content Lithuania PowerPoint Content
Lithuania PowerPoint Content Andrew Schwartz
 
Mergers and aquisitions strategy
Mergers and aquisitions strategyMergers and aquisitions strategy
Mergers and aquisitions strategySandeep Kulshrestha
 
Itäsuomalaista tutkimusta tallenteiden käyttötavoista
Itäsuomalaista tutkimusta tallenteiden käyttötavoistaItäsuomalaista tutkimusta tallenteiden käyttötavoista
Itäsuomalaista tutkimusta tallenteiden käyttötavoistaIlkka Kukkonen
 
Presentatie collegewindesheim121212
Presentatie collegewindesheim121212Presentatie collegewindesheim121212
Presentatie collegewindesheim121212MarcelPater
 
Motivation Movie P P T Version Sample
Motivation  Movie  P P T  Version  SampleMotivation  Movie  P P T  Version  Sample
Motivation Movie P P T Version SampleAndrew Schwartz
 
Character Movie Ppt Version Sample
Character Movie Ppt Version SampleCharacter Movie Ppt Version Sample
Character Movie Ppt Version SampleAndrew Schwartz
 
Životní situace - ORP Kladno
Životní situace - ORP KladnoŽivotní situace - ORP Kladno
Životní situace - ORP KladnoEquica
 
140515 klagenf future of innovation
140515 klagenf future of innovation140515 klagenf future of innovation
140515 klagenf future of innovationMichele Missikoff
 
Social Media Event in the Mountains
Social Media Event in the MountainsSocial Media Event in the Mountains
Social Media Event in the MountainsJon Gatrell
 
Team Building Movie Ppt Version Sample
Team Building Movie Ppt Version SampleTeam Building Movie Ppt Version Sample
Team Building Movie Ppt Version SampleAndrew Schwartz
 
Postgres needs an aircraft carrier
Postgres needs an aircraft carrierPostgres needs an aircraft carrier
Postgres needs an aircraft carrierSelena Deckelmann
 

En vedette (16)

Expansion of Information Extraction System to the Russian language
Expansion of Information Extraction System to the Russian languageExpansion of Information Extraction System to the Russian language
Expansion of Information Extraction System to the Russian language
 
Lithuania PowerPoint Content
Lithuania PowerPoint Content Lithuania PowerPoint Content
Lithuania PowerPoint Content
 
Mergers and aquisitions strategy
Mergers and aquisitions strategyMergers and aquisitions strategy
Mergers and aquisitions strategy
 
Itäsuomalaista tutkimusta tallenteiden käyttötavoista
Itäsuomalaista tutkimusta tallenteiden käyttötavoistaItäsuomalaista tutkimusta tallenteiden käyttötavoista
Itäsuomalaista tutkimusta tallenteiden käyttötavoista
 
Nieuwe Marketing En Communicatieconcepten Arnhem November 2007
Nieuwe Marketing En Communicatieconcepten Arnhem November 2007Nieuwe Marketing En Communicatieconcepten Arnhem November 2007
Nieuwe Marketing En Communicatieconcepten Arnhem November 2007
 
Presentatie collegewindesheim121212
Presentatie collegewindesheim121212Presentatie collegewindesheim121212
Presentatie collegewindesheim121212
 
Motivation Movie P P T Version Sample
Motivation  Movie  P P T  Version  SampleMotivation  Movie  P P T  Version  Sample
Motivation Movie P P T Version Sample
 
Character Movie Ppt Version Sample
Character Movie Ppt Version SampleCharacter Movie Ppt Version Sample
Character Movie Ppt Version Sample
 
リーンソフトウェア
リーンソフトウェアリーンソフトウェア
リーンソフトウェア
 
Životní situace - ORP Kladno
Životní situace - ORP KladnoŽivotní situace - ORP Kladno
Životní situace - ORP Kladno
 
Open Corpora
Open CorporaOpen Corpora
Open Corpora
 
140515 klagenf future of innovation
140515 klagenf future of innovation140515 klagenf future of innovation
140515 klagenf future of innovation
 
Social Media Event in the Mountains
Social Media Event in the MountainsSocial Media Event in the Mountains
Social Media Event in the Mountains
 
Team Building Movie Ppt Version Sample
Team Building Movie Ppt Version SampleTeam Building Movie Ppt Version Sample
Team Building Movie Ppt Version Sample
 
Postgres needs an aircraft carrier
Postgres needs an aircraft carrierPostgres needs an aircraft carrier
Postgres needs an aircraft carrier
 
Filesystem
FilesystemFilesystem
Filesystem
 

Similaire à Flex 4.5 and Multi-Screen Applications

Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with FlexConFoo
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform javaCh'ti JUG
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applicationsMichael 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
 
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
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash PlatformMihai Corlan
 
Drupal and-flex-drupal camp
Drupal and-flex-drupal campDrupal and-flex-drupal camp
Drupal and-flex-drupal campClaudiu Cristea
 
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
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformInitium
 
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
 
Adobe jax2010 1_dashboard
Adobe jax2010 1_dashboardAdobe jax2010 1_dashboard
Adobe jax2010 1_dashboardguest9776673
 
Starting mobile development
Starting mobile developmentStarting mobile development
Starting mobile developmentMihai Corlan
 
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
 
Flex update - August, 2012
Flex update - August, 2012Flex update - August, 2012
Flex update - August, 2012Alan Greenblatt
 
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
 
Flash Applications For Mobile
Flash Applications For MobileFlash Applications For Mobile
Flash Applications For MobileSerge Jespers
 
Flex Air Intro
Flex Air IntroFlex Air Intro
Flex Air IntroJUG Genova
 

Similaire à Flex 4.5 and Multi-Screen Applications (20)

Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with Flex
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applications
 
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
 
Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01
 
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
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash Platform
 
Drupal and-flex-drupal camp
Drupal and-flex-drupal campDrupal and-flex-drupal camp
Drupal and-flex-drupal camp
 
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
 
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«
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA Platform
 
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
 
Adobe jax2010 1_dashboard
Adobe jax2010 1_dashboardAdobe jax2010 1_dashboard
Adobe jax2010 1_dashboard
 
Starting mobile development
Starting mobile developmentStarting mobile development
Starting mobile development
 
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
 
W-JAX Keynote 2010
W-JAX Keynote 2010W-JAX Keynote 2010
W-JAX Keynote 2010
 
Flex update - August, 2012
Flex update - August, 2012Flex update - August, 2012
Flex update - August, 2012
 
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
 
Flash Applications For Mobile
Flash Applications For MobileFlash Applications For Mobile
Flash Applications For Mobile
 
Flex Air Intro
Flex Air IntroFlex Air Intro
Flex Air Intro
 

Plus de 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
 
Adobe gaming flash gamm michael
Adobe gaming flash gamm michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michaelMichael 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 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
 

Plus de 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
 
Adobe gaming flash gamm michael
Adobe gaming flash gamm michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michael
 
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 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
 

Dernier

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 

Dernier (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 

Flex 4.5 and Multi-Screen Applications

  • 1. Flex 4.5 et les applications multi-screen Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaize © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Thursday, June 23, 2011
  • 2. Innovation et interfaces riches © 2010 Adobe Systems Incorporated. All Rights Reserved. 2 Thursday, June 23, 2011
  • 3. N’exposer pas ce qu’a end le système ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 3 Thursday, June 23, 2011
  • 4. Exposer ce qu’a end l’utilisateur 5 mins 20 secs Augmenter la productivité et améliorer la prise de décision ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 4 Thursday, June 23, 2011
  • 5. Customer care @ Adobe © 2010 Adobe Systems Incorporated. All Rights Reserved. 5 Thursday, June 23, 2011
  • 6. Adobe Hendrix 15% 1 +10% solve a case day training customer satisfaction © 2010 Adobe Systems Incorporated. All Rights Reserved. 6 Thursday, June 23, 2011
  • 7. Adobe Flex © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 7 Thursday, June 23, 2011
  • 8. 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. Thursday, June 23, 2011
  • 9. Flex & Java & Richness / Fast / Open-source / Industrialization ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Thursday, June 23, 2011
  • 10. Le multiscreen introduit de nouveaux dé s techniques pour les développeurs d’applications © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Thursday, June 23, 2011
  • 11. Open Screen Project: Adobe et plus de 70 partenaires Technology Partners Content Partners © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 11 Thursday, June 23, 2011
  • 12. 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. Thursday, June 23, 2011
  • 13. 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. Thursday, June 23, 2011
  • 14. 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. Thursday, June 23, 2011
  • 15. Adobe Flex 4.5 4.5 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 15 Thursday, June 23, 2011
  • 16. FLEX FRAMEWORK 4 SPARK COMPONENT MODEL ActionScript MXML Component Skin Graphics Behavior Layout Animation Logic Parts Data CSS properties States http://www.lafabrick.com/labz/skins/jellySkin/ Thursday, June 23, 2011
  • 17. Mobile Applications in Flex 4.5 s:Application s:ViewNavigatorApplication s:TabbedViewNavigatorApplication © 2010 Adobe Systems Incorporated. All Rights Reserved. 17 Thursday, June 23, 2011
  • 18. <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. 18 Thursday, June 23, 2011
  • 19. Un problème technique: la densité des écrans 150 x 40 pixel bu on Desktop monitor Galaxy Tab Droid 2 iPhone 4 @100 dpi @160 dpi @240 dpi @320 dpi = 1.5” x 0.4” = 0.9” x 0.25” = 0.6” x 0.17” = 0.46” x 0.13” Un même nombre de pixels pour différentes tailles physiques © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 19 Thursday, June 23, 2011
  • 20. Flex 4.5 et la mise à l’échelle automatique <Application applicationDPI=“160”> <Button width=“160” height=“40”/> </Application> 160 dpi 240 dpi 320dpi Scaled 1.5x Scaled 2x © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 20 Thursday, June 23, 2011
  • 21. Flex 4.5 and smartphones/tablets Android tablets BlackBerry PlayBook Apple tablets © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 21 Thursday, June 23, 2011
  • 22. Demo © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 22 Thursday, June 23, 2011
  • 24. FLEX AND JAVA SPRING BLAZE DS INTEGRATION PROJECT Thursday, June 23, 2011
  • 25. JAVA + FLEX 4.5 HYPER ROCK STAR JAVA JAVA + FLEX 4 rockstar rockstar Thursday, June 23, 2011
  • 26. Les Flexeurs à Rennes Réunion Lundi à la Cantine Rennaise 18h30 - 20h30 Les frameworks MVC © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 26 Thursday, June 23, 2011
  • 27. Michaël Chaize & resources RIAgora.com Flex.org developer.adobe.com Tour de Mobile Flex @mchaize © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 27 Thursday, June 23, 2011
  • 28. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Thursday, June 23, 2011