eLearning, mLearningStratégies pour des projetsmulti-périphériques              Erick Ghaumez            www.lafabrick.com
Erick Ghaumez • Concepteur et développeur d’applications • Formateur certifié Adobe Flash / Flex / AIR • Co-créateur de La ...
La Fabrick‣   Conception et Développement d’applications‣   Formation et accompagnement    ( Flex, AIR, Java... )‣   Éditi...
Stratégiesmulti-périphériques
2000
2011
Plateformes mobiles
eLearning, mLearning, serious games...‣   Contenu d’apprentissage     • interactif     • multimédia
Formation & Multi-périphérique‣   Choisir... renoncer ?
Développement mobile  ‣   natif  ‣   web  ‣   hybride
Applications natives‣   Performances‣   Fonctionnalités du périphérique‣   Coût
Applications web‣   Ubiquité‣   Fonctionnalités périphériques
Développement hybrideTechnologies “cross-plateformes“HTML / JS / CSS      Plateforme Flash                                ...
Développement hybride‣   déploiements multiples‣   mutualisation‣   fonctionnalités natives‣   ± performances
Flash / Flex Vs HJC
Plateforme Flash‣   multimédia, 3D, POO, outils...‣   export web, applications bureau & mobiles‣   pas de version navigate...
Flash & Flash player           ‣   outil de création et de               visualisation de contenu               multimédia...
Flex       ‣   Kit de développement           d’applications riches pour           l’entreprise           = Flash + nombre...
AIR : Adobe Integrated Runtime              ‣   des applications web                  sur le bureau...                  et...
Plateforme FlashMultimédia        Jeux   eLearning      AudioTool
Évolutions‣   Flash Player 11 ...    + 3D‣   AIR 3.2 ...    + Native extension    » Mac / PC / iOS / Android / RIM‣   Flex...
Plateforme Flash : 3DNissan Juke 3D                        Unreal
AIR mobileAdobe Touch Apps
One code, all devices... ou presque...Ordinateurs               Smartphone &Navigateurs      Bureau     tablettes
Stratégies‣   Développement‣   Interfaces Utilisateurs
Outils         Flash Pro         Interface graphique, animation...         Flash Builder ( Eclipse )         ( IntelliJ, P...
Développement‣   Organisation‣   Séparation     • fixe : échanges serveur, logique «métier», ...     • “contextuel“ : inter...
Développement‣   POO‣   Motif de conception     • MVC     • Inversion de contrôles et Injection de       dépendances     •...
Expérience utilisateur‣   Interactivité‣   interfaces‣   écrans
MultiTouch
Accéléromètre
Interfaces mobiles
Interfaces mobilesConqu          Machinarium     Age of  defenders
Interfaces multipériphériques
Contexte           ‣   Réseau           ‣   Interruption
Smartdevices‣   Caméra, Appareil photo‣   Accéléromètre, Gyroscope‣   Microphone‣   Localisation , Boussole‣   ...
Déploiement‣   Web‣   Appstore‣   Interne
Appstore
Déploiement interne           DSI             Cloud, Ghost             Intranet, LMS...
Exemples
Cooplang‣   Apprentissage de la compréhension orale des langues    Conception : Nicolas Guichon - Université Lyon 2
Twiidee          ‣   Solution de visualisation,              manipulation et diffusion              de contenu 3D pour    ...
Scheelz‣   Plateforme de diffusion de documents et    de médias pour l’apprentissage
Merci !!!   contact@lafabrick.com       www.lafabrick.com              @lafabrick
eLearning - Strategies de développement multi-périphériques
Upcoming SlideShare
Loading in...5
×

eLearning - Strategies de développement multi-périphériques

1,483

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,483
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

eLearning - Strategies de développement multi-périphériques

  1. 1. eLearning, mLearningStratégies pour des projetsmulti-périphériques Erick Ghaumez www.lafabrick.com
  2. 2. Erick Ghaumez • Concepteur et développeur d’applications • Formateur certifié Adobe Flash / Flex / AIR • Co-créateur de La Fabrick
  3. 3. La Fabrick‣ Conception et Développement d’applications‣ Formation et accompagnement ( Flex, AIR, Java... )‣ Édition de solutions eLearning
  4. 4. Stratégiesmulti-périphériques
  5. 5. 2000
  6. 6. 2011
  7. 7. Plateformes mobiles
  8. 8. eLearning, mLearning, serious games...‣ Contenu d’apprentissage • interactif • multimédia
  9. 9. Formation & Multi-périphérique‣ Choisir... renoncer ?
  10. 10. Développement mobile ‣ natif ‣ web ‣ hybride
  11. 11. Applications natives‣ Performances‣ Fonctionnalités du périphérique‣ Coût
  12. 12. Applications web‣ Ubiquité‣ Fonctionnalités périphériques
  13. 13. Développement hybrideTechnologies “cross-plateformes“HTML / JS / CSS Plateforme Flash Flash Flex AIR
  14. 14. Développement hybride‣ déploiements multiples‣ mutualisation‣ fonctionnalités natives‣ ± performances
  15. 15. Flash / Flex Vs HJC
  16. 16. Plateforme Flash‣ multimédia, 3D, POO, outils...‣ export web, applications bureau & mobiles‣ pas de version navigateur pour iOS et arrêt global du plugin pour navigateurs mobiles
  17. 17. Flash & Flash player ‣ outil de création et de visualisation de contenu multimédia interactif animation, audio, vidéo, 3D, streaming, jeux, visualisation de données...
  18. 18. Flex ‣ Kit de développement d’applications riches pour l’entreprise = Flash + nombreux composants graphiques extensibles, connexion Java, PHP, .Net, localisation ...
  19. 19. AIR : Adobe Integrated Runtime ‣ des applications web sur le bureau... et sur mobile ! + accès aux systèmes de fichiers, base de données locales, streaming audio/ video...
  20. 20. Plateforme FlashMultimédia Jeux eLearning AudioTool
  21. 21. Évolutions‣ Flash Player 11 ... + 3D‣ AIR 3.2 ... + Native extension » Mac / PC / iOS / Android / RIM‣ Flex 4.6 » Opensource ... + composants mobiles, performances ( Fondation Apache )
  22. 22. Plateforme Flash : 3DNissan Juke 3D Unreal
  23. 23. AIR mobileAdobe Touch Apps
  24. 24. One code, all devices... ou presque...Ordinateurs Smartphone &Navigateurs Bureau tablettes
  25. 25. Stratégies‣ Développement‣ Interfaces Utilisateurs
  26. 26. Outils Flash Pro Interface graphique, animation... Flash Builder ( Eclipse ) ( IntelliJ, PDT, Flash Develop... ) Plateforme de développement professionnel
  27. 27. Développement‣ Organisation‣ Séparation • fixe : échanges serveur, logique «métier», ... • “contextuel“ : interactions, interfaces, connectivité, ...
  28. 28. Développement‣ POO‣ Motif de conception • MVC • Inversion de contrôles et Injection de dépendances • Presentation Model • ...
  29. 29. Expérience utilisateur‣ Interactivité‣ interfaces‣ écrans
  30. 30. MultiTouch
  31. 31. Accéléromètre
  32. 32. Interfaces mobiles
  33. 33. Interfaces mobilesConqu Machinarium Age of defenders
  34. 34. Interfaces multipériphériques
  35. 35. Contexte ‣ Réseau ‣ Interruption
  36. 36. Smartdevices‣ Caméra, Appareil photo‣ Accéléromètre, Gyroscope‣ Microphone‣ Localisation , Boussole‣ ...
  37. 37. Déploiement‣ Web‣ Appstore‣ Interne
  38. 38. Appstore
  39. 39. Déploiement interne DSI Cloud, Ghost Intranet, LMS...
  40. 40. Exemples
  41. 41. Cooplang‣ Apprentissage de la compréhension orale des langues Conception : Nicolas Guichon - Université Lyon 2
  42. 42. Twiidee ‣ Solution de visualisation, manipulation et diffusion de contenu 3D pour l’apprentissage
  43. 43. Scheelz‣ Plateforme de diffusion de documents et de médias pour l’apprentissage
  44. 44. Merci !!! contact@lafabrick.com www.lafabrick.com @lafabrick
  1. A particular slide catching your eye?

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

×