Flex 4.5 et les applications multi-screen       Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaize © ...
Innovation et interfaces riches © 2010 Adobe Systems Incorporated. All Rights Reserved.   2Thursday, June 23, 2011
N’exposer pas ce qu’a end le système                                                                                      ...
Exposer ce qu’a end l’utilisateur                                                                                         ...
Customer care @ Adobe © 2010 Adobe Systems Incorporated. All Rights Reserved.                                             ...
Adobe Hendrix                     15%                                       1          +10%                   solve a case...
Adobe Flex © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   7Thursday, June 23, 2011
How Flex Works in the Browser                                                                                             ...
Flex & Java                                                &                            Richness / Fast / Open-source / In...
Le multiscreen introduit de nouveaux dé s        techniques pour les développeurs d’applications © 2011 Adobe Systems Inco...
Open Screen Project: Adobe et plus de 70 partenaires                         Technology Partners                          ...
Native Mobile Application Development Model                                                            A costly, inefficient...
Introducing a new mobile development paradigm                                   One Tool, One Language, One Codebase      ...
Platforms, browsers, and devices  In-browser  Outside the browser  Mobile Platforms  Set-top boxes (Future) © 2011 Adobe S...
Adobe Flex 4.5                                                                                   4.5 © 2010 Adobe Systems ...
FLEX FRAMEWORK 4 SPARK COMPONENT MODEL                  ActionScript                                             MXML     ...
Mobile Applications in Flex 4.5                    s:Application                          s:ViewNavigatorApplication   s:T...
<s:ViewNavigatorApplication> life cycle                        views.ListEmployees                views.DetailsEmployee   ...
Un problème technique: la densité des écrans                                                                          150 ...
Flex 4.5 et la mise à l’échelle automatique     <Application applicationDPI=“160”>     	      <Button width=“160” height=“...
Flex 4.5 and smartphones/tablets           Android tablets                                                    BlackBerry P...
Demo © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   22Thursday, June 23, 2011
Thursday, June 23, 2011
FLEX AND JAVA   SPRING BLAZE DS INTEGRATION PROJECTThursday, June 23, 2011
JAVA + FLEX 4.5   HYPER ROCK STAR              JAVA        JAVA + FLEX 4             rockstar        rockstarThursday, Jun...
Les Flexeurs à Rennes                      Réunion Lundi à la Cantine Rennaise                                            ...
Michaël Chaize & resources                                                                              RIAgora.com       ...
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Thursday, June 23, 2011
Upcoming SlideShare
Loading in...5
×

Breizh camp adobe flex et les mobiles

1,799

Published on

Mes slides au BreizhCamp 2011 sur Flex et les applications mobiles

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

  • Be the first to like this

No Downloads
Views
Total Views
1,799
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Breizh camp adobe flex et les mobiles

  1. 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. 2. Innovation et interfaces riches © 2010 Adobe Systems Incorporated. All Rights Reserved. 2Thursday, June 23, 2011
  3. 3. N’exposer pas ce qu’a end le système ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 3Thursday, June 23, 2011
  4. 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. 4Thursday, June 23, 2011
  5. 5. Customer care @ Adobe © 2010 Adobe Systems Incorporated. All Rights Reserved. 5Thursday, June 23, 2011
  6. 6. Adobe Hendrix 15% 1 +10% solve a case day training customer satisfaction © 2010 Adobe Systems Incorporated. All Rights Reserved. 6Thursday, June 23, 2011
  7. 7. Adobe Flex © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 7Thursday, June 23, 2011
  8. 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. 9. Flex & Java & Richness / Fast / Open-source / Industrialization ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Thursday, June 23, 2011
  10. 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. 11. Open Screen Project: Adobe et plus de 70 partenaires Technology Partners Content Partners © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 11Thursday, June 23, 2011
  12. 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. 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. 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. 15. Adobe Flex 4.5 4.5 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 15Thursday, June 23, 2011
  16. 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. 17. Mobile Applications in Flex 4.5 s:Application s:ViewNavigatorApplication s:TabbedViewNavigatorApplication © 2010 Adobe Systems Incorporated. All Rights Reserved. 17Thursday, June 23, 2011
  18. 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. 18Thursday, June 23, 2011
  19. 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. 19Thursday, June 23, 2011
  20. 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. 20Thursday, June 23, 2011
  21. 21. Flex 4.5 and smartphones/tablets Android tablets BlackBerry PlayBook Apple tablets © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 21Thursday, June 23, 2011
  22. 22. Demo © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 22Thursday, June 23, 2011
  23. 23. Thursday, June 23, 2011
  24. 24. FLEX AND JAVA SPRING BLAZE DS INTEGRATION PROJECTThursday, June 23, 2011
  25. 25. JAVA + FLEX 4.5 HYPER ROCK STAR JAVA JAVA + FLEX 4 rockstar rockstarThursday, June 23, 2011
  26. 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. 26Thursday, June 23, 2011
  27. 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. 27Thursday, June 23, 2011
  28. 28. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.Thursday, June 23, 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×