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

  • 1,394 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,394
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
11
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. eLearning, mLearningStratégies pour des projetsmulti-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
  • 3. La Fabrick‣ Conception et Développement d’applications‣ Formation et accompagnement ( Flex, AIR, Java... )‣ Édition de solutions eLearning
  • 4. Stratégiesmulti-périphériques
  • 5. 2000
  • 6. 2011
  • 7. Plateformes mobiles
  • 8. eLearning, mLearning, serious games...‣ Contenu d’apprentissage • interactif • multimédia
  • 9. Formation & Multi-périphérique‣ Choisir... renoncer ?
  • 10. Développement mobile ‣ natif ‣ web ‣ hybride
  • 11. Applications natives‣ Performances‣ Fonctionnalités du périphérique‣ Coût
  • 12. Applications web‣ Ubiquité‣ Fonctionnalités périphériques
  • 13. Développement hybrideTechnologies “cross-plateformes“HTML / JS / CSS Plateforme Flash Flash Flex AIR
  • 14. Développement hybride‣ déploiements multiples‣ mutualisation‣ fonctionnalités natives‣ ± performances
  • 15. Flash / Flex Vs HJC
  • 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. 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. Flex ‣ Kit de développement d’applications riches pour l’entreprise = Flash + nombreux composants graphiques extensibles, connexion Java, PHP, .Net, localisation ...
  • 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. Plateforme FlashMultimédia Jeux eLearning AudioTool
  • 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. Plateforme Flash : 3DNissan Juke 3D Unreal
  • 23. AIR mobileAdobe Touch Apps
  • 24. One code, all devices... ou presque...Ordinateurs Smartphone &Navigateurs Bureau tablettes
  • 25. Stratégies‣ Développement‣ Interfaces Utilisateurs
  • 26. Outils Flash Pro Interface graphique, animation... Flash Builder ( Eclipse ) ( IntelliJ, PDT, Flash Develop... ) Plateforme de développement professionnel
  • 27. Développement‣ Organisation‣ Séparation • fixe : échanges serveur, logique «métier», ... • “contextuel“ : interactions, interfaces, connectivité, ...
  • 28. Développement‣ POO‣ Motif de conception • MVC • Inversion de contrôles et Injection de dépendances • Presentation Model • ...
  • 29. Expérience utilisateur‣ Interactivité‣ interfaces‣ écrans
  • 30. MultiTouch
  • 31. Accéléromètre
  • 32. Interfaces mobiles
  • 33. Interfaces mobilesConqu Machinarium Age of defenders
  • 34. Interfaces multipériphériques
  • 35. Contexte ‣ Réseau ‣ Interruption
  • 36. Smartdevices‣ Caméra, Appareil photo‣ Accéléromètre, Gyroscope‣ Microphone‣ Localisation , Boussole‣ ...
  • 37. Déploiement‣ Web‣ Appstore‣ Interne
  • 38. Appstore
  • 39. Déploiement interne DSI Cloud, Ghost Intranet, LMS...
  • 40. Exemples
  • 41. Cooplang‣ Apprentissage de la compréhension orale des langues Conception : Nicolas Guichon - Université Lyon 2
  • 42. Twiidee ‣ Solution de visualisation, manipulation et diffusion de contenu 3D pour l’apprentissage
  • 43. Scheelz‣ Plateforme de diffusion de documents et de médias pour l’apprentissage
  • 44. Merci !!! contact@lafabrick.com www.lafabrick.com @lafabrick