1. eLearning, mLearning
Stratégies pour des projets
multi-périphériques
Erick Ghaumez
www.lafabrick.com

2. Erick Ghaumez
• Concepteur et développeur d’applications
• Formateur certifié Adobe Flash / Flex / AIR
• Co-créateur de La Fabrick

4. La Fabrick
‣ Conception et Développement d’applications
‣ Formation et accompagnement
( Flex, AIR, Java... )
‣ Édition de solutions eLearning

5. Stratégies
multi-périphériques

6. 2000

7. 2011

8. Plateformes mobiles

9. eLearning, mLearning, serious games...
‣ Contenu d’apprentissage
• interactif
• multimédia

10. Formation & Multi-périphérique
‣ Choisir... renoncer ?

11. Développement mobile
‣ natif
‣ web
‣ hybride

12. Applications natives
‣ Performances
‣ Fonctionnalités du périphérique
‣ Coût

13. Applications web
‣ Ubiquité
‣ Fonctionnalités périphériques

14. Développement hybride
Technologies “cross-plateformes“
HTML / JS / CSS Plateforme Flash
Flash
Flex
AIR

15. Développement hybride
‣ déploiements multiples
‣ mutualisation
‣ fonctionnalités natives
‣ ± performances

16. Flash / Flex Vs HJC

17. 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

18. 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...

19. Flex
‣ Kit de développement
d’applications riches pour
l’entreprise
= Flash + nombreux
composants graphiques
extensibles, connexion Java,
PHP, .Net, localisation ...

20. 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...

21. Plateforme Flash
Multimédia Jeux eLearning
AudioTool

22. Évolutions
‣ Flash Player 11 ...
+ 3D
‣ AIR 3.2 ...
+ Native extension
» Mac / PC / iOS / Android / RIM
‣ Flex 4.6 » Opensource ...
+ composants mobiles, performances
( Fondation Apache )

23. Plateforme Flash : 3D
Nissan Juke 3D
Unreal

24. AIR mobile
Adobe Touch Apps

25. One code, all devices...
ou presque...
Ordinateurs Smartphone &
Navigateurs Bureau tablettes

26. Stratégies
‣ Développement
‣ Interfaces Utilisateurs

27. Outils
Flash Pro
Interface graphique, animation...
Flash Builder ( Eclipse )
( IntelliJ, PDT, Flash Develop... )
Plateforme de développement professionnel

28. Développement
‣ Organisation
‣ Séparation
• fixe : échanges serveur, logique «métier», ...
• “contextuel“ : interactions, interfaces, connectivité, ...

29. Développement
‣ POO
‣ Motif de conception
• MVC
• Inversion de contrôles et Injection de
dépendances
• Presentation Model
• ...

30. Expérience utilisateur
‣ Interactivité
‣ interfaces
‣ écrans

31. MultiTouch

32. Accéléromètre

33. Interfaces mobiles

34. Interfaces mobiles
Conqu Machinarium
Age of
defenders

35. Interfaces multipériphériques

36. Contexte
‣ Réseau
‣ Interruption

37. Smartdevices
‣ Caméra, Appareil photo
‣ Accéléromètre, Gyroscope
‣ Microphone
‣ Localisation , Boussole
‣ ...

38. Déploiement
‣ Web
‣ Appstore
‣ Interne

39. Appstore

40. Déploiement interne
DSI
Cloud, Ghost
Intranet, LMS...

41. Exemples

42. Cooplang
‣ Apprentissage de la compréhension orale des langues
Conception : Nicolas Guichon - Université Lyon 2

43. Twiidee
‣ Solution de visualisation,
manipulation et diffusion
de contenu 3D pour
l’apprentissage

44. Scheelz
‣ Plateforme de diffusion de documents et
de médias pour l’apprentissage

45. Merci !!!
contact@lafabrick.com
www.lafabrick.com
@lafabrick