Breizh camp adobe flex et les mobiles

1,956 views
1,897 views

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,956
On SlideShare
0
From Embeds
0
Number of Embeds
70
Actions
Shares
0
Downloads
25
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

×