elearning - strategies de développement multi-périphériques

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

Merci !!!

www.lafabrick.com

contact@lafabrick.com

@lafabrick