(Go: >> BACK << -|- >> HOME <<)

SlideShare a Scribd company logo
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

More Related Content

What's hot

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
Michael Chaize
 
Fatc - Productivity by Design
Fatc - Productivity by DesignFatc - Productivity by Design
Fatc - Productivity by Design
Michael Chaize
 
Montpellier - Flex UG
Montpellier - Flex UGMontpellier - Flex UG
Montpellier - Flex UG
Michael Chaize
 
Flex mobile for JUG
Flex mobile for JUGFlex mobile for JUG
Flex mobile for JUG
Michael Chaize
 
Oop2012 mobile workshops
Oop2012 mobile workshopsOop2012 mobile workshops
Oop2012 mobile workshops
Michael Chaize
 
Xplatform mobile development
Xplatform mobile developmentXplatform mobile development
Xplatform mobile development
Michael 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 Android
Michael Chaize
 
Using design pattern for mobile
Using design pattern for mobileUsing design pattern for mobile
Using design pattern for mobile
luca 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 Flex
Michael Chaize
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
Michael 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'Entreprise
Michael 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 dashboard
Michael Chaize
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile development
Michael 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 Screens
Joseph Labrecque
 
Ria2010 workshop dev mobile
Ria2010 workshop dev mobileRia2010 workshop dev mobile
Ria2010 workshop dev mobile
Michael Chaize
 
UX Concerns across Mobile Platforms
UX Concerns across Mobile PlatformsUX Concerns across Mobile Platforms
UX Concerns across Mobile Platforms
Joseph 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-écrans
Michael 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 PAUG
Michael 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 platform
Michael Chaize
 
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile DevicesCreating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
paultrani
 

What's hot (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
 

Viewers also liked

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
Lidia 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 strategy
Sandeep 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ötavoista
Ilkka Kukkonen
 
Presentatie collegewindesheim121212
Presentatie collegewindesheim121212Presentatie collegewindesheim121212
Presentatie collegewindesheim121212
MarcelPater
 
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
Andrew Schwartz
 
Character Movie Ppt Version Sample
Character Movie Ppt Version SampleCharacter Movie Ppt Version Sample
Character Movie Ppt Version Sample
Andrew Schwartz
 
リーンソフトウェア
リーンソフトウェアリーンソフトウェア
リーンソフトウェア
Atsushi Nakatsugawa
 
Životní situace - ORP Kladno
Životní situace - ORP KladnoŽivotní situace - ORP Kladno
Životní situace - ORP Kladno
Equica
 
Open Corpora
Open CorporaOpen Corpora
Open Corpora
Lidia Pivovarova
 
140515 klagenf future of innovation
140515 klagenf future of innovation140515 klagenf future of innovation
140515 klagenf future of innovation
Michele Missikoff
 
Social Media Event in the Mountains
Social Media Event in the MountainsSocial Media Event in the Mountains
Social Media Event in the Mountains
Jon Gatrell
 
Team Building Movie Ppt Version Sample
Team Building Movie Ppt Version SampleTeam Building Movie Ppt Version Sample
Team Building Movie Ppt Version Sample
Andrew Schwartz
 
Postgres needs an aircraft carrier
Postgres needs an aircraft carrierPostgres needs an aircraft carrier
Postgres needs an aircraft carrier
Selena Deckelmann
 
Filesystem
FilesystemFilesystem
Filesystem
Anant Shrivastava
 

Viewers also liked (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 to 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 Flex
ConFoo
 
Adobe flash platform java
Adobe flash platform javaAdobe flash platform java
Adobe flash platform java
Ch'ti JUG
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applications
Michael 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
 
Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01Flexpaug 111207121300-phpapp01
Flexpaug 111207121300-phpapp01
Paris Android User Group
 
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
Mihai Corlan
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash Platform
Mihai Corlan
 
Drupal and-flex-drupal camp
Drupal and-flex-drupal campDrupal and-flex-drupal camp
Drupal and-flex-drupal camp
Claudiu 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 World
EffectiveUI
 
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«
MMT - Multimediatreff
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA Platform
Initium
 
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
François Le Droff
 
Adobe jax2010 1_dashboard
Adobe jax2010 1_dashboardAdobe jax2010 1_dashboard
Adobe jax2010 1_dashboard
guest9776673
 
Starting mobile development
Starting mobile developmentStarting mobile development
Starting mobile development
Mihai 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 World
EffectiveUI
 
W-JAX Keynote 2010
W-JAX Keynote 2010W-JAX Keynote 2010
W-JAX Keynote 2010
Anne Kathrine Petterøe
 
Flex update - August, 2012
Flex update - August, 2012Flex update - August, 2012
Flex update - August, 2012
Alan 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 2011
Rupesh Kumar
 
Flash Applications For Mobile
Flash Applications For MobileFlash Applications For Mobile
Flash Applications For Mobile
Serge Jespers
 
Flex Air Intro
Flex Air IntroFlex Air Intro
Flex Air Intro
JUG Genova
 

Similar to 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
 

More from 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 2015
Michael 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 mutants
Michael Chaize
 
Multimania - Web Design Trends
Multimania - Web Design TrendsMultimania - Web Design Trends
Multimania - Web Design Trends
Michael Chaize
 
Feweb - Adobe et le Web Design
Feweb - Adobe et le Web DesignFeweb - Adobe et le Web Design
Feweb - Adobe et le Web Design
Michael 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 2014
Michael Chaize
 
Adobe gaming flash gamm michael
Adobe gaming flash gamm michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michael
Michael Chaize
 
Max2013 rejected apps presentation
Max2013   rejected apps presentationMax2013   rejected apps presentation
Max2013 rejected apps presentation
Michael Chaize
 
Oop2012 keynote Design Driven Development
Oop2012 keynote Design Driven DevelopmentOop2012 keynote Design Driven Development
Oop2012 keynote Design Driven Development
Michael 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.pptx
Michael Chaize
 
Ria2010 keynote développeurs
Ria2010 keynote développeursRia2010 keynote développeurs
Ria2010 keynote développeurs
Michael 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 mobiles
Michael Chaize
 

More from 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
 

Recently uploaded

Hire a private investigator to get cell phone records
Hire a private investigator to get cell phone recordsHire a private investigator to get cell phone records
Hire a private investigator to get cell phone records
HackersList
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
SynapseIndia
 
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition
Yevgen Sysoyev
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
Vijayananda Mohire
 
Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...
BookNet Canada
 
Data Protection in a Connected World: Sovereignty and Cyber Security
Data Protection in a Connected World: Sovereignty and Cyber SecurityData Protection in a Connected World: Sovereignty and Cyber Security
Data Protection in a Connected World: Sovereignty and Cyber Security
anupriti
 
GDG Cloud Southlake #34: Neatsun Ziv: Automating Appsec
GDG Cloud Southlake #34: Neatsun Ziv: Automating AppsecGDG Cloud Southlake #34: Neatsun Ziv: Automating Appsec
GDG Cloud Southlake #34: Neatsun Ziv: Automating Appsec
James Anderson
 
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Chris Swan
 
K2G - Insurtech Innovation EMEA Award 2024
K2G - Insurtech Innovation EMEA Award 2024K2G - Insurtech Innovation EMEA Award 2024
K2G - Insurtech Innovation EMEA Award 2024
The Digital Insurer
 
HTTP Adaptive Streaming – Quo Vadis (2024)
HTTP Adaptive Streaming – Quo Vadis (2024)HTTP Adaptive Streaming – Quo Vadis (2024)
HTTP Adaptive Streaming – Quo Vadis (2024)
Alpen-Adria-Universität
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
Larry Smarr
 
AI_dev Europe 2024 - From OpenAI to Opensource AI
AI_dev Europe 2024 - From OpenAI to Opensource AIAI_dev Europe 2024 - From OpenAI to Opensource AI
AI_dev Europe 2024 - From OpenAI to Opensource AI
Raphaël Semeteys
 
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
Larry Smarr
 
Performance Budgets for the Real World by Tammy Everts
Performance Budgets for the Real World by Tammy EvertsPerformance Budgets for the Real World by Tammy Everts
Performance Budgets for the Real World by Tammy Everts
ScyllaDB
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
Stephanie Beckett
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
Aurora Consulting
 
What's Next Web Development Trends to Watch.pdf
What's Next Web Development Trends to Watch.pdfWhat's Next Web Development Trends to Watch.pdf
What's Next Web Development Trends to Watch.pdf
SeasiaInfotech2
 
How Netflix Builds High Performance Applications at Global Scale
How Netflix Builds High Performance Applications at Global ScaleHow Netflix Builds High Performance Applications at Global Scale
How Netflix Builds High Performance Applications at Global Scale
ScyllaDB
 
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Erasmo Purificato
 
Blockchain and Cyber Defense Strategies in new genre times
Blockchain and Cyber Defense Strategies in new genre timesBlockchain and Cyber Defense Strategies in new genre times
Blockchain and Cyber Defense Strategies in new genre times
anupriti
 

Recently uploaded (20)

Hire a private investigator to get cell phone records
Hire a private investigator to get cell phone recordsHire a private investigator to get cell phone records
Hire a private investigator to get cell phone records
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
 
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
 
Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...
 
Data Protection in a Connected World: Sovereignty and Cyber Security
Data Protection in a Connected World: Sovereignty and Cyber SecurityData Protection in a Connected World: Sovereignty and Cyber Security
Data Protection in a Connected World: Sovereignty and Cyber Security
 
GDG Cloud Southlake #34: Neatsun Ziv: Automating Appsec
GDG Cloud Southlake #34: Neatsun Ziv: Automating AppsecGDG Cloud Southlake #34: Neatsun Ziv: Automating Appsec
GDG Cloud Southlake #34: Neatsun Ziv: Automating Appsec
 
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
 
K2G - Insurtech Innovation EMEA Award 2024
K2G - Insurtech Innovation EMEA Award 2024K2G - Insurtech Innovation EMEA Award 2024
K2G - Insurtech Innovation EMEA Award 2024
 
HTTP Adaptive Streaming – Quo Vadis (2024)
HTTP Adaptive Streaming – Quo Vadis (2024)HTTP Adaptive Streaming – Quo Vadis (2024)
HTTP Adaptive Streaming – Quo Vadis (2024)
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
 
AI_dev Europe 2024 - From OpenAI to Opensource AI
AI_dev Europe 2024 - From OpenAI to Opensource AIAI_dev Europe 2024 - From OpenAI to Opensource AI
AI_dev Europe 2024 - From OpenAI to Opensource AI
 
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
 
Performance Budgets for the Real World by Tammy Everts
Performance Budgets for the Real World by Tammy EvertsPerformance Budgets for the Real World by Tammy Everts
Performance Budgets for the Real World by Tammy Everts
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
 
What's Next Web Development Trends to Watch.pdf
What's Next Web Development Trends to Watch.pdfWhat's Next Web Development Trends to Watch.pdf
What's Next Web Development Trends to Watch.pdf
 
How Netflix Builds High Performance Applications at Global Scale
How Netflix Builds High Performance Applications at Global ScaleHow Netflix Builds High Performance Applications at Global Scale
How Netflix Builds High Performance Applications at Global Scale
 
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
 
Blockchain and Cyber Defense Strategies in new genre times
Blockchain and Cyber Defense Strategies in new genre timesBlockchain and Cyber Defense Strategies in new genre times
Blockchain and Cyber Defense Strategies in new genre times
 

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