SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado

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
 

Destacado (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
 

Similar a Breizh camp adobe flex et les mobiles

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
 

Similar a Breizh camp adobe flex et les mobiles (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
 

Más 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
 

Más 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
 

Último

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
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
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
 
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
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
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
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
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
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
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
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 

Último (20)

Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
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
 
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
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
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
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
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
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 

Breizh camp adobe flex et les mobiles

  • 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