Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mioozic backfrommax

463 views

Published on

retours d'expérience sur la réalisation avec Flex 4.5 d'un client mobile (iOS-Android) pour la plateforme de diffusion de musique en ligne mioozic

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Mioozic backfrommax

  1. 1. RETOUR DEXPÉRIENCE MIOOZIC
  2. 2. RETOUR DEXPÉRIENCE MIOOZICChristophe Keromen Samir Moussouni
  3. 3. RETOUR DEXPÉRIENCE MIOOZICChristophe Keromen Samir Moussouni
  4. 4. RETOUR DEXPÉRIENCE MIOOZICChristophe Keromen Samir Moussouniwww.ckti.comtwitter: @ckeromen
  5. 5. RETOUR DEXPÉRIENCE MIOOZICChristophe Keromen Samir Moussouniwww.ckti.com www.tezqa.comtwitter: @ckeromen twitter: @tezqa
  6. 6. Flash
  7. 7. • site de diffusion musicale par style
  8. 8. • site de diffusion musicale par style• canaux prédéfinis correspondant à un style, un genre, un pays, une danse ou un instrument particulier
  9. 9. • site de diffusion musicale par style• canaux prédéfinis correspondant à un style, un genre, un pays, une danse ou un instrument particulier
  10. 10. • site de diffusion musicale par style• canaux prédéfinis correspondant à un style, un genre, un pays, une danse ou un instrument particulier
  11. 11. passer un titremettre en pausereprendre
  12. 12. passer un titremettre en pausereprendre
  13. 13. passer un titremettre en pausereprendre
  14. 14. passer un titremettre en pausereprendre
  15. 15. Version Web
  16. 16. Version Web ET
  17. 17. Version Mobile
  18. 18. Version Mobile OU
  19. 19. AIR 3
  20. 20. http://24ways.org/2010/the-state-of-html5-audiohttp://www.storiesinflight.com/html5/audio.html
  21. 21. Lecteur Audiosur iOS et Android sans réécriture
  22. 22. LecteurAudio Flash +Vues en Flex
  23. 23. MioozicRetour dexpérience sur ledéveloppement mobileavec Flash BuilderSamir Moussouni
  24. 24. Forces et faiblesses
  25. 25. Forces
  26. 26. Forces
  27. 27. Forces• Portabilité du code Un seul code source pour les applications iPhone, iPad et Android.
  28. 28. Forces
  29. 29. Forces• Récupération du code source de Mioozic.com Le code source du player audio a été récupéré tel quel et fonctionne parfaitement sous iOS et Android.
  30. 30. Player web (SWF)
  31. 31. Player web (SWF)Player iOS (AIR 3)
  32. 32. Un design totalement différent : viewMais une même logique de programmation : controller
  33. 33. Forces
  34. 34. Forces• Flex 4.5 : un framework très riche - Composants adaptés (ViewNavigator, TabbedViewNavigator, listes, champs textes...)
  35. 35. Exemple dutilisation des composants Flex 4.5
  36. 36. ActionBar : navigationContent
  37. 37. ActionBar : actionContent
  38. 38. List : itemRenderer adapté aux mobiles
  39. 39. TabbedViewNavigator
  40. 40. Forces
  41. 41. Forces• Flex 4.5 : un framework très riche - Prise en charge des différentes densités décran avec possibilité doptimiser les images (MultiDPIBitmapSource)
  42. 42. Prise en charge des différentes densités décran 160 DPI 240 DPI 320 DPI iPhone 4 iPhone 3GS HTC Evo iPhone 4S Motorola Droid Galaxy S2
  43. 43. Forces
  44. 44. Forces• Flex 4.5 : un framework très riche - Effets de transitions - Persistance des données
  45. 45. Faiblesses
  46. 46. Faiblesses
  47. 47. Faiblesses• Des performances à améliorer - Utilisation du processeur plus intensive quavec une application native
  48. 48. Faiblesses• Des performances à améliorer - Utilisation du processeur plus intensive quavec une application native - Fluidité de lapplication qui nest pas encore parfaite
  49. 49. Faiblesses• Des performances à améliorer - Utilisation du processeur plus intensive quavec une application native - Fluidité de lapplication qui nest pas encore parfaite - Réactivité un peu en deçà de celles des applications natives
  50. 50. Faiblesses
  51. 51. Faiblesses• Encore quelques lacunes - Runtime AIR 3.0 : Aucun exécution du code si lécran de liPhone/iPad est éteint : problématique pour une application de musique
  52. 52. Faiblesses• Encore quelques lacunes - Runtime AIR 3.0 : Aucun exécution du code si lécran de liPhone/iPad est éteint : problématique pour une application de musique - Runtime AIR 3.0 : sur iOS, le streaming en AAC nest pas encore supporté
  53. 53. Faiblesses• Encore quelques lacunes - Runtime AIR 3.0 : Aucun exécution du code si lécran de liPhone/iPad est éteint : problématique pour une application de musique - Runtime AIR 3.0 : sur iOS, le streaming en AAC nest pas encore supporté - Framework : impossible dutiliser les composants natifs
  54. 54. Faiblesses• Encore quelques lacunes - Runtime AIR 3.0 : Aucun exécution du code si lécran de liPhone/iPad est éteint : problématique pour une application de musique - Runtime AIR 3.0 : sur iOS, le streaming en AAC nest pas encore supporté - Framework : impossible dutiliser les composants natifs - Framework : support presque inexistant des textes HTML
  55. 55. Android
  56. 56. Version Android en cours de développementFonctionnelle, uniquement des adaptations graphiques
  57. 57. Version Android en cours de développementFonctionnelle, uniquement des adaptations graphiques
  58. 58. Android
  59. 59. Android• Version 100% fonctionnelle- Le code sexecute toujours même si le smartphone esten veille.
  60. 60. Android• Version 100% fonctionnelle- Le code sexecute toujours même si le smartphone esten veille.- Le streaming en AAC est parfaitement pris en charge
  61. 61. Évolutions
  62. 62. Évolutions
  63. 63. Évolutions• Depuis AIR 2.7 - La fluidité des applications sest largement améliorée
  64. 64. Évolutions
  65. 65. Évolutions• Depuis AIR 3.0- Audio en tâche de fond (UIBackgroundModes sur iOS)- Native Extensions
  66. 66. Évolutions
  67. 67. Évolutions• Depuis le SDK Flex 4.6 (bêta) - Nouveaux composants proches des composantsnatifs : SplitViewNavigator, CallOutButton, SpinnerList,DateSpinner, ToggleSwitch etc.) - Amélioration des performances
  68. 68. Évolutions
  69. 69. Évolutions• Pour bientôt - Correction du bug de la mise en pause du runtime AIRécran éteint sur iOS. Déjà pris en charge par Adobe
  70. 70. E-Skimo
  71. 71. E-Skimo
  72. 72. E-Skimo• Solution intéressante pour contourner labsence des composants natifs dans le framework
  73. 73. UI Flex
  74. 74. UI Flex UI E-Skimo
  75. 75. Bilan
  76. 76. Bilan
  77. 77. Bilan• Bilan positif : gain de temps, développement rapide et réutilisable.• Solution technique encore en devenir mais déjà très puissante et qui évolue rapidement

×