elearning - strategies de développement multi-périphériques
TRANSCRIPT
eLearning, mLearningStratégies pour des projets multi-périphériques
Erick Ghaumezwww.lafabrick.com
Erick Ghaumez• Concepteur et développeur d’applications
• Formateur certifié Adobe Flash / Flex / AIR
• Co-créateur de La Fabrick
La Fabrick
‣ Conception et Développement d’applications
‣ Formation et accompagnement( Flex, AIR, Java... )
‣ Édition de solutions eLearning
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
HTML / JS / CSS
Développement hybrideTechnologies “cross-plateformes“
Plateforme Flash
Flash
Flex
AIR
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 navigateur pour iOS et arrêt global du plugin pour navigateurs mobiles
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...
Flex
‣ Kit de développement d’applications riches pour l’entreprise
= Flash + nombreux composants graphiques extensibles, connexion Java, PHP, .Net, localisation ...
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...
Plateforme Flash
JeuxMultimédia eLearningAudioTool
Évolutions
‣ Flash Player 11 ...+ 3D
‣ AIR 3.2 ...+ Native extension» Mac / PC / iOS / Android / RIM
‣ Flex 4.6 » Opensource ...+ composants mobiles, performances( Fondation Apache )
Plateforme Flash : 3DNissan Juke 3D
Unreal
AIR mobileAdobe Touch Apps
Ordinateurs
One code, all devices...
Navigateurs BureauSmartphone &
tablettes
ou presque...
Stratégies
‣ Développement
‣ Interfaces Utilisateurs
Outils
Flash ProInterface graphique, animation...
Flash Builder ( Eclipse )( IntelliJ, PDT, Flash Develop... )Plateforme de développement professionnel
Développement
‣ Organisation
‣ Séparation
• fixe : échanges serveur, logique «métier», ...
• “contextuel“ : interactions, interfaces, connectivité, ...
Développement
‣ POO
‣ Motif de conception
• MVC
• Inversion de contrôles et Injection de dépendances
• Presentation Model
• ...
Expérience utilisateur
‣Interactivité
‣interfaces
‣écrans
MultiTouch
Accéléromètre
Interfaces mobiles
Interfaces mobilesConqu Machinarium
Age ofdefenders
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, GhostIntranet, LMS...
Exemples
Cooplang
‣ Apprentissage de la compréhension orale des languesConception : Nicolas Guichon - Université Lyon 2
Twiidee
‣ Solution de visualisation, manipulation et diffusion de contenu 3D pour l’apprentissage
Scheelz
‣ Plateforme de diffusion de documents et de médias pour l’apprentissage
