Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
RETOUR DEXPÉRIENCE     MIOOZIC
RETOUR DEXPÉRIENCE           MIOOZICChristophe Keromen   Samir Moussouni
RETOUR DEXPÉRIENCE           MIOOZICChristophe Keromen   Samir Moussouni
RETOUR DEXPÉRIENCE           MIOOZICChristophe Keromen   Samir Moussouniwww.ckti.comtwitter: @ckeromen
RETOUR DEXPÉRIENCE           MIOOZICChristophe Keromen   Samir Moussouniwww.ckti.com          www.tezqa.comtwitter: @ckero...
Flash
•   site de diffusion musicale par style
• site de diffusion musicale par style• canaux prédéfinis correspondant à un style, un genre,  un pays, une danse ou un ins...
• site de diffusion musicale par style• canaux prédéfinis correspondant à un style, un genre,  un pays, une danse ou un ins...
• site de diffusion musicale par style• canaux prédéfinis correspondant à un style, un genre,  un pays, une danse ou un ins...
passer un titremettre en pausereprendre
passer un titremettre en pausereprendre
passer un titremettre en pausereprendre
passer un titremettre en pausereprendre
Version Web
Version Web    ET
Version Mobile
Version Mobile     OU
AIR 3
http://24ways.org/2010/the-state-of-html5-audiohttp://www.storiesinflight.com/html5/audio.html
Lecteur Audiosur iOS et Android  sans réécriture
LecteurAudio Flash     +Vues en Flex
MioozicRetour dexpérience sur ledéveloppement mobileavec Flash BuilderSamir Moussouni
Forces et faiblesses
Forces
Forces
Forces• Portabilité du code Un seul code source pour les applications iPhone, iPad et Android.
Forces
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 pa...
Player web (SWF)
Player web (SWF)Player iOS (AIR 3)
Un design totalement différent : viewMais une même logique de programmation : controller
Forces
Forces• Flex 4.5 : un framework très riche - Composants adaptés (ViewNavigator, TabbedViewNavigator, listes, champs textes...
Exemple dutilisation des composants Flex 4.5
ActionBar : navigationContent
ActionBar : actionContent
List : itemRenderer adapté aux mobiles
TabbedViewNavigator
Forces
Forces• Flex 4.5 : un framework très riche - Prise en charge des différentes densités décran avec possibilité doptimiser l...
Prise en charge des différentes densités décran    160 DPI         240 DPI          320 DPI                               ...
Forces
Forces• Flex 4.5 : un framework très riche - Effets de transitions - Persistance des données
Faiblesses
Faiblesses
Faiblesses• Des performances à améliorer - Utilisation du processeur plus intensive quavec une application native
Faiblesses• Des performances à améliorer - Utilisation du processeur plus intensive quavec une application native - Fluidi...
Faiblesses• Des performances à améliorer - Utilisation du processeur plus intensive quavec une application native - Fluidi...
Faiblesses
Faiblesses• Encore quelques lacunes - Runtime AIR 3.0 : Aucun exécution du code si lécran de liPhone/iPad est éteint : pro...
Faiblesses• Encore quelques lacunes - Runtime AIR 3.0 : Aucun exécution du code si lécran de liPhone/iPad est éteint : pro...
Faiblesses• Encore quelques lacunes - Runtime AIR 3.0 : Aucun exécution du code si lécran de liPhone/iPad est éteint : pro...
Faiblesses• Encore quelques lacunes - Runtime AIR 3.0 : Aucun exécution du code si lécran de liPhone/iPad est éteint : pro...
Android
Version Android en cours de développementFonctionnelle, uniquement des adaptations graphiques
Version Android en cours de développementFonctionnelle, uniquement des adaptations graphiques
Android
Android• Version 100% fonctionnelle- Le code sexecute toujours même si le smartphone esten veille.
Android• Version 100% fonctionnelle- Le code sexecute toujours même si le smartphone esten veille.- Le streaming en AAC es...
Évolutions
Évolutions
Évolutions• Depuis AIR 2.7 - La fluidité des applications sest largement améliorée
Évolutions
Évolutions• Depuis AIR 3.0- Audio en tâche de fond (UIBackgroundModes sur iOS)- Native Extensions
Évolutions
Évolutions• Depuis le SDK Flex 4.6 (bêta) - Nouveaux composants proches des composantsnatifs : SplitViewNavigator, CallOut...
Évolutions
Évolutions• Pour bientôt - Correction du bug de la mise en pause du runtime AIRécran éteint sur iOS. Déjà pris en charge p...
E-Skimo
E-Skimo
E-Skimo• Solution intéressante pour contourner  labsence des composants natifs dans le  framework
UI Flex
UI Flex   UI E-Skimo
Bilan
Bilan
Bilan• Bilan positif : gain de temps, développement  rapide et réutilisable.• Solution technique encore en devenir mais  d...
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Mioozic backfrommax
Prochain SlideShare
Chargement dans…5
×

Mioozic backfrommax

464 vues

Publié le

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

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

×