1 25 juin 2007 AJAX pour EIAH ? Choix technologique pour un EIAH de l’algorithmique : EDBA Denis Bouhineau Laboratoire d’Informatique de Grenoble (LIG) Université de Grenoble (Grenoble-I, Univ. J. Fourier)

2 25 juin 2007 Résumé  Contexte –EDBA : un projet d’EIAH pour l’algorithmique –Eléments sur Ajax-Javascript –L’EIAH et la technologie  Attentes / Qestions vis à vis d’AJAX –Intégration d’EIAH dans les plateformes pédagogiques ? –Applications AJAX intelligentes ? –Modèle de diffusion / publication des EIAH ? –Coté administrateur et développeur ?  Réponse par l’exemple –EDBA, un EIAH de l’algorithmique –Quelques réponses aux questions (positive, à discuter, en attente) –En pratique,... AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

3 Contexte : un projet d’EIAH pour l’algorithmique 25 juin 2007AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

4 25 juin 2007 CONTEXTE (1/3) EDBA : Exercises DataBase about Algorithms  2008 : un projet avec 4 objectifs –Base de donnée d'exercices d'algorithmique –EIAH pour l'algorithmique (type micromonde) –Application web Ajax/Javascript –Gestion collaborative d'une ressource pédagogique (web 2.0)  EIAH de l’ algorithmique –Editeur –Terminal –Evaluation par jeux d’essai AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

5 25 juin 2007 CONTEXTE (2/3) Ajax – Javascript (Web 2.0)  Ajax (05) – XLMHTTPRequest ( ) – Javascript (95) – HTML (89) –Du code dans le navigateur –Des communications –Pour un nouveau type d’application : les applications webs –Détail : Client lourd vs client léger, … –Exemples : webmail, Spip, Google, Doodle, Moodle, … AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

6 25 juin 2007 CONTEXTE (3/3) EIAH et technologie  Technologie ? –PHP, Javascript, Java, MySql, XML, CSS, GWT, Jquery, Ext, Json, …  Sticef, , + 60 articles – 0 titre sur la technologie, moins de 5 résumés mentionnent la technologie  EIAH’09 : –Du ludo éducatif aux jeux vidéos éducatif –Ontologies et interaction dans les EIAH –Collectifs virtuels de formation et analyse de groupe –Conception d'un outil d'aide à l'indexation de ressources pédagogiques –Permettre des activités déconnectées grâce à une clé USB –Assurer l'acceptabilité d'un environnement informatisé de rééducation –Style d'apprentissage, script collaboratif et forum de discussion –Guidage macroscopique de l'apprentissage –Méthodologie de conception d'un simulateur vidéo laparoscopique –… AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

7 25 juin 2007 CONTEXTE (3bis/3) EIAH et technologie  Technologie ? –La technologie, « Java », « XML », « PHP », mots tabous ? –Le choix d’une technologie n’est-il pas important ? toutes les technologies sont-elles équivalentes ?  Exemples personnels – : projet GéoSpécif, mac-OS, nécessite interpréteur PrologIII –97-08 : projet Aplusix, Windows, exécutable autonome, installateur, documentation, distribution gratuite et commerciale AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

8 25 juin 2007 Attentes / Qestions vis à vis d’AJAX et Javascript AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

9 25 juin 2007 Attentes, Questions vis-à-vis de la technologie (1/4) Intégration d’EIAH dans les plateformes pédagogiques ?  Moodle, Sakai, Dokéos, … (ex : Moodle, +500 modules) –SimpleSpeak text-to-speech –Slides course format –TextCloud for Moodle –Booking –AiM, Jmol resource type –Informatique : Java [3], C [1], OnlineJudge  Hot Potatoes (hotpot.uvic.ca) –Interactive multiple-choice, –Short-answer, –Jumbled-sentence, –Crossword, –Matching/ordering, –Gap-fill exercises  Intégration d’une page web intelligente ? AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

10 25 juin 2007 Attentes, Questions vis-à-vis de la technologie (2/4) Possibilité d’une application AJAX intelligente ?  Ajax / Javascript : une image véhiculée déplorable –Ajax et Javascript n’ont rien à voir avec Java ! –Gadget –Contrôle de saisie / Aide à la saisie –Afficher / Cacher / Selectionner –Animations / effets graphiques –Petits jeux –Source de problèmes de sécurité  Besoins d’un EIAH de l’algorithmique –Édition de code –Exécution –Diagnostic AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

11 25 juin 2007 Attentes, Questions vis-à-vis de la technologie (3/4) Transparence ?  Javascript : quelques particularités –Langage interprété –Code source exécuté sur l’ordinateur de l’utilisateur –Un langage ouvert (open-source)  La recherche, un univers transparent ? –Diffusion de la recherche –Difficile diffusion des produits (programmes) de la recherche –Logiciels de laboratoire (pour expérimentation de laboratoire) –Autres …  L’enseignement, un univers transparent ? –Ajax, transparent : un danger ? –Triche –Sécurité des systèmes AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

12 25 juin 2007 Attentes, Questions vis-à-vis de la technologie (4/4) Coté développeur / administrateur / réseau ?  Développeur –Grosse application –Environnement de développement intégrée ? –Organisation / Analyse du code ? –Outil de mise au point ?  Administration –Déploiement de l’application ? –Administration des données, à distance ?  Réseau –Dépendance au réseau ? –Lenteur du réseau ? AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

13 Réponse par l’exemple  25 juin 2007AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

14 25 juin 2007 Réponse par l’exemple (1/3) EDBA, un EIAH pour l’algorithmique  public/people/DenisB/EDBA/ index_EDBA_Full.html  ou google : edba AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

15 25 juin 2007 Réponse par l’exemple (1bis/3) EDBA, un EIAH pour l’algorithmique  Scénario élève –Choix d’un exercice –Rédaction d’une solution –Test de validité –Si succès : gain de points d’expertise pour exercices plus difficiles –Si experts, introduction de nouveaux exercices et jeux d’essai  Architecture –1/3 (gros) : essentiel applicatif (sur le poste, javascript) –1/3 (tout petit) : sécurité, communication (php) – 1/3 : BD (exercice et utilisateur)  Importance des emprunts –Éditeur, terminal, interréteur, … –Utilisation de bibliothèques (jquery, yui, … ) : non ! AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

16 25 juin 2007 Réponse par l’exemple (2/3) Réponses à quelques questions  Intégration dans les plateformes pédagogiques ? –Nécessité d’une version « monopage » –Nécessité d’une version sans réseau –Nécessité d’une version avec BD intégrée –Intégration à Moodle comme ressource –Intérêt mutuel de l’association Micromonde - CMS  Possibilité d’une application AJAX intelligente ? –Éditeur + terminal + interpréteur + BD + Diag  Transparence ? (sécurité) une réponse partiellement positive –Contre la triche (?), ex. : pas de solution enregistrée –Protection du poste client (?), ex. : limitation boucle infini –Protection du serveur, par PHP (partielle), SQL (limité), Table spéciale de sauvegarde BD, … AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

17 25 juin 2007 Réponse par l’exemple (2bis/3) Réponses à quelques questions  Développeur ? –2006, 2007 : Firebug, Selenium –2008 : Eclipse / NetBeans proposent un EDI Javascript  Administrateur ? –Une seule application (une seule page HTML)  Déploiement ? –Une multitude de versions  Réseau ? une réponse partiellement positive –Pour l’utilisateur – ok –Pour l’administrateur –Nécessite une programmation faisant attention AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons

18 25 juin 2007 Réponse par l’exemple (3/3) En pratique (volumétrie)  EDBA, coté code et développement –Début en 2008/2009, première version et utilisation mi-2009 –~300ko edba, ~ 300ko empruntés, ~ 300ko images, ~ 300ko bd –Prolog/Caml + Français/Anglais –+200 exercices, jeux d’essai  EDBA, coté utilisation –+20 utilisateurs, +100h d’utilisation – pages de code –Début d’exploitation du lien BD-EIAH –Recherche d’une description ontologique des exercices via les usages –Construction automatique de parcours d’apprentissage AJAX pour l'EIAH - D. Bouhineau EIAH'11 Mons