Rapport - Page personnel de Jérôme AUDO
Contents
1. C2 admin auth backup blocks O blog C2 calendar C2 course O enrol D error files filter O grade group C2 install C2 iplookup O lang lib C2 login CD message O mnet C2 mod my pix O question rss O search D sso O theme O user a userpix Arborescense de Moodle Page 16 L avantage de Moodle Moodle est d velopp de fa on modulaire il est donc assez simple de lui ajouter des fonctionnalit s Il existe plusieurs m thodes pour cela les blocs ils sont situ s dans le repertoire blocks chaque bloc dispose de son sous dossier contenant un fichier php avec le m me nom que ce premier les modules d activit s ils sont situ s dans le r pertoire mod chaque module dispose de son sous dossier contenant ces fichiers x mod html une page web pour configurer ou modifier une instance du module x version php pr cise des m ta informations par exemple les num ros de versions x icon gif une ic ne 16x16 pour le module x db les commandes SQL pour les tables de la DB n cessaires au module x index php une liste des instances pour un cours sp cifique par exemple tous les forums Xx view php une page pour visualiser une instance Xx lib php toutes les fonctions de ce module e Plus de d tails sur les blocs Mon stage est bas sur l laboration d un bloc en voici un exemple Courses Ze Introduction UML2. IControllerMain i Figure 17 Conception du nouveau syst me pour TutoriaMin Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 25 e Les R sultats Voici l application que l on retrouve dans le bloc Moodle Camera Microphone unavailable Connection in progress Figure 18 Lancement des TutoriaMin point de vue Professeur gauche et Eleve a droite Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 26 Et voici l application agrandie lanc e au m me moment dans une nouvelle fen tre depuis Moodle SALA DE TUTORIA jaudo has joined the conversation Welcome neboueya Bonjour bienvenue sur Tutoria Enviar Audio Video Figure 19 Lancement d une fen tre de TutoriaMax On est ici depuis la fen tre de l l ve qui re oit la Webcam et le microphone de son professeur les deux sont actifs et tout moment l tudiant peut soit ne plus entendre le professeur soit couper la r ception de la Webcam gr ce au deux boutons situ s en bas droite de la diffusion L intensit du son est affich e sur la barre situ e droite de la vid o On remarque galement le message de bienvenue lors de la connexion au chat et un message envoy par le professeur Les composants vid o pour la version simple et agrandie sont exactement les m mes Audo J rome Rapport de Stage Visioconf rence pour Moodle
3. rieur Facultad de Ciencias del Trabajo Escuela Universitaria Polit cnica de Belmez Ecole Universitaire d Infirmi res e On retrouve les services suivants n centre de logement pour les tudiants n service d attention psychologique ne biblioth que universitaire n centre informatique n centre sportif n centre linguistique Ce Ce EE Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 6 v Centro Tecnologico Industrial CTI C est le lieu dans lequel je me rend tout les jours pour effectuer mon stage e Role du CTI au sein de l universit Le CTI travaille essentiellement sur de nouvelles technologies appliquer prochainement au sein des universit s Ainsi chacun des tudiants employ s qui s y trouvent peut travailler sur un projet diff rent voire m me sur plusieurs projets la fois Cependant certains projets n cessitent de travailler en quipe il arrive donc parfois que les membres de cette quipe se regroupent pour effectuer un m me projet Voici les diff rents th mes abord s au sein des projets x Enseignement interactif Publication lectronique Divertissement int ractif Infographie Communication Traitement d information D veloppement d applications P riph riques multim dia xXx x xxx o e L quipe du CTI Directeur D Carlos de Castro Lozano Directeur Technique Abdul Ghafoor Chaudhry Membres de l qu
4. Rapport de Stage Visioconf rence pour Moodle Page 29 Les probl mes rencontr s Voici la r troconception de l ancien syst me Aula pour toutes les versions FCConnectionLight nc NetConnection init FCSetBandwidth Unload imit a onUnload ae le onCheckInterval expand getUpRate light_fe collapse getDownRate re setRate L doSettings E reen isYellow doModem i isRed doDsl Mie doLAN showGrey showGreen doCustom i showYellow doDetails setSize showRed update formatNurmber formatTime formatRate SimpleConnect FCPresentation username string fc_presentation ne NetConnection main_nc NetConnection 50 SharedObject local_so SharedObject Presentation string init init onUnload onUnload fc_connect connect setUserName close disabled serverConnect habilitar setUserName connect changedName FCAWPresence close loginChange ns NetStream clearHistory checkName ne NetConnection receiveHistory setSize so SharedObject receiveMessage userID integer sendMessage userName string setSize startReceive init connect close setUserID setUserName stopReceive startPublish stopPublish micOnActivity toggleAudio toggleVideo Figure 21 Conception de l ancien syst me de Aula On retrouve principalement les
5. Server c est un service que fournit Macromedia mais qui est payant donc il n a pas t mis en place le module tait juste en phase de test Ce module de visioconf rence est divis en deux grandes parties La premi re se nomme Aula elle permet au professeur de cr er une sorte d amphith tre virtuel dans lequel les tudiants peuvent rejoindre tout moment et suivre le cours Le professeur est disponible par visioconf rence mais il ne peut pas voir tout les l ves dans cette application La deuxi me se nomme Tutoria elle permet d tablir une conversation priv e entre un professeur et un l ve travers une interface de visioconf rence Les deux membres peuvent se voir et changer des messages e La Demande Ce que l on me demande c est de faire un module quivalent mais avec un service gratuit en Open Source Flash Red5 J ai distingu pour cela trois grandes parties durant mon stage Br ve pr sentation de l espace de travail Moodle ainsi que son architecture La partie concernant l analyse du module existant donc une r troconception avec Flash M dia Server Tutoria et Aula La partie concernant l analyse et le d veloppement du module avec Red5 Extension du sujet de stage Dans le cas o j aurais compl tement termin ce sujet on me propose de travailler sur un compl ment de ce module qui consisterait capturer et retransmettre ce que fais le profess
6. essay de respecter une architecture MVC Mod le Vue Controlleur afin de pouvoir changer facilement les interfaces graphiques soucis d ergonomie de langues et de rajouter facilement des composants j appelle composant ici une petite application qui toute seule ne fait rien il faut qu elle soit reli e une application principale afin de pouvoir fonctionner l avantage tant qu il suffit de l appeler dans l application principale pour qu elle se lance Je donnerai plus de d tails concernant l architecture des applications dans la partie correspondante swf E E swf 5 testmin E 5 videoconference aula C2 tutoria Figure 5 Arborescence du r pertoire swf Ce r pertoire contient tout les fichiers compil s ou encore publi s ce sont ceux qu on utilisera au sein du bloc final Il sert principalement tester l application avant l int gration au sein de Moodle afin d viter les probl mes concernant le projet Flash en lui m me et galement pour les contraintes de mises jour au sein du serveur il arrive parfois que le serveur ne se mette pas directement jour apr s une modification de fichier ceci est un peu facheux lorsque l on veut tester un changement au sein de l application Pour information swf est le format d une animation Flash lorsqu elle est export e videoconference E O videoconference CD aula O tutoria Figure 6 Arborescence du r pertoi
7. existe d j une sorte de mod le de bloc qui permet au d veloppeur de connaitre au pr alable les fonctions a utiliser il suffit donc de lire la documentation de Moodle concernant les blocs pour savoir le r le de chaque fonction Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 18 block_list title string version string content string init get_content applicable_formats block_admin block_login block_videoconference Figure 12 Analyse syst me de blocs au sein de Moodle gt Ainsi le r pertoire block_videoconference dont je vous ai fait la description dans la pr sentation de mon espace de travail devra tre copi dans le r pertoire block afin de pouvoir tre fonctionnel et utilisable par le professeur Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 19 4 Etude compl te de l application Tutoria e Suivi de r alisation R troconception de Tutoria depuis la version existante Conception de Tutoria pour le bloc Moodle ou TutoriaMin Conception de Tutoria aggrandi ou TutoriaMax il s agit d une version ouverte depuis une nouvelle fen tre elle est plus grande et contient plus de fonctionnalit C est donc une version diff rente de la version pour le bloc Moodle mais elles partagent les m mes ressources par rapport la diffusion de la vid o D veloppement de Tutoria aggrandi D veloppement de Tutoria Tests des deux
8. m mes probl mes que pour Tutoria concernant la connection et le traitement effectu depuis l interface Le chemin relatif concernant la pr sentation est introuvable Il faut donc trouver un moyen de publier la pr sentation sur Moodle et ensuite de la r cup rer depuis l application Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 30 Les solutions Les solutions concernant la connexion les applications et le mod le MVC sont similaires dans ce cas pr sent J ai cette fois ci utilis La partie Connexion La partie Pr sentation nouveau composant developper pour Aula La partie Visioconf rence Voici le nouveau diagramme de conception concernant Aula destin aux professeurs 1 1 ViewVideoPublish ControllerVideoPublish viewPublish controllerVideoPublish 1 ControllerAulaMaxProfesor loadAll IControllerMain unloadAll disconnectAll error controllerPresentationPublish ViewPresentationPublish ControllerPresentationPublish gt IControllerPresentation viewPresentation Figure 22 Conception du nouveau syst me de AulaMax version professeur Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 31 Voici le nouveau diagramme de conception concernant Aula destin aux tudiants 1 1 ViewVideoReceive ControllerVideoReceive viewRecelve controllerVideoReceive 1 ControllerAulaMaxAlumno loadAl
9. organis e m me si je n avais pas vraiment de d lai sauf la fin de la p riode de stage pour terminer les parties de mon projet Point de vue conomique Mon intervention au sein du CTI leur permettra de b n ficier d un outil de visioconf rence gratuit ce qui n tait pas le cas au d part Flash M dia Server tant payant Ce module permettra aux professeurs de pr parer des cours et du soutien leurs tudiants sans pour autant tre pr sent au sein du campus universitaire Ainsi si jamais un cours a t annul ou report il est plus facile de le replacer un moment o tout les tudiants peuvent surfer sur internet Ce sera un gain de temps la fois pour les professeurs mais aussi pour le secr tariat Je dirai enfin qu tant la fois stagiaire et tudiant Cordoue le co t est relativement peu lev par rapport un employ de l universit Point de vue humain D s mon arriv e l quipe du CTI s est occup e de moi en me posant directement le probl me et en me simplifiant la t che un maximum Ils m ont galement permis de mieux comprendre l espagnol au fil du temps et ont t tr s patients avec moi lorsque des mots semblaient ambigus De plus ils ont essay de me solliciter afin que je puisse les aider un maximum m me si cela ne faisait pas partie de mon sujet de stage Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 36 VI Conclusion Grace c
10. IUT Informatique de la Rochelle Ann e 2006 2007 J r me AUDO Module de visioconf rence destin la plate forme d apprentissage Moodle Y TM Xy 4 L rea de Multimedia Universit de Cordoue Enseignant tuteur Maitre de Stage D Carlos de Castro Lozano Nadine Eboueya IUT Informatique de la Rochelle Ann e 2006 2007 J r me AUDO Module de visioconf rence destin la plate forme d apprentissage Moodle Y TM Mo b A reade Multimedia Universit de Cordoue Enseignant tuteur Maitre de Stage D Carlos de Castro Lozano Nadine Eboueya Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 2 Je tiens remercier mon enseignant tuteur Nadine Eboueya pour m avoir propos et organis ce voyage mon ma tre de stage pour son soutien et enfin l quipe dans laquelle j ai travaill qui m a beaucoup aid comprendre certaines notions Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 3 Table des mati res CI e a iD 5 I Pr sentationide IPS A Een te 6 1 Pr sentation de la cellule d acces denis titan AE 6 2 Outils Informatiques HITS SAS TR A A A A 9 TUE A A AAA AA te At 11 IV Presentation du travail acompte he en ne tn de ar NM ne 12 1 Analyse du sujet de stage la AENA nent 12 2 Pr sentation et explications de l espace de raval asia do 13 3 Definition et presentation de Moodle A tenn ihataslts 15 4 Etude compl te de l application Tomas ne do 20 5 Etude compl te de l applic
11. Page 27 5 Etude compl te de l application Aula e Suivi de r alisation R troconception de Aula depuis la version existante Conception de Aula pour le bloc Moodle ou AulaMin Conception de Aula aggrandi ou AulaMax il s agit d une version ouverte depuis une nouvelle fen tre elle est plus grande et contient plus de fonctionnalit C est donc une version diff rente de la version pour le bloc Moodle mais elles partagent les m mes ressources par rapport a la diffusion de la vid o D veloppement de Aula aggrandi D veloppement de Aula Tests des deux applications Int grations au sein de Moodle Le r le de Aula Cette application permet au professeur de faire plus ou moins un amphith tre virtuel travers Moodle Il doit pouvoir r cup rer sa pr sentation gr ce cette plateforme Ce premier est galement visible depuis un composant de visioconf rence comme pour Tutoria Il n y pas de Chat dans ce cas du fait que les l ves n ont pas int ragir directement sur la pr sentation du professeur De plus il serait difficile de mod rer une telle fonctionnalit formaltitle formaltitle startWirtualRoorn Aula Virtual de lberndt go startvirtualTutory No VirtualTutory Started Figure 20 Lancement de Aula depuis Moodle gauche le professeur et droite l tudiant Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 28 Voici un sc nar
12. README txt a styles php Figure 3 Arborescence du r pertoire block videoconference Ce dossier contient les fichiers concernant le bloc Moodle nous en reparleront ult rieurement Il existait d j avant mon arriv e et je n ai pas eu norm ment de modification faire dessus mais il m a permis au d part de comprendre comment Moodle tait structur A chaque modification il doit tre mis jour sur le serveur src Sources E src 5 applications 5 aula C2 tutoria C2 controller D view Figure 4 Arborescence du r pertoire src Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 13 Ce r pertoire contient toutes mes sources code interface etc concernant les deux applications que je devais faire Il n est pas n cessaire pour faire tourner l application les sources sont justes disponibles pour le futur d veloppeur qui passera d rri re moi Tout les commentaires concernant les sources sont en anglais mais on retrouvera certains termes en espagnol comme profesor et alumno qui signifient respectivement professeur et l ve Le code est indent d calage vers la droite espac et j ai donn quelques explications chaque ambiguit Aussi les noms des variables et des fonctions sont tr s explicites et permettent de comprendre plus ou moins le r le des fonctions sans avoir lire le commentaire situ au dessus J ai
13. Rapport de Stage Visioconf rence pour Moodle Page 22 La configuration de la connexion est crite en dur dans le code ce qui signifie que si un jour l administrateur d cide de changer de serveur il est oblig de modifier le code et de recompiler chacune des applications cela rend l application beaucoup moins portable Les solutions La configuration concernant la connexion se trouve dans un fichier XML nomm connection xml Il suffit de changer les informations de ce fichier pour changer de serveur d application et avec une am lioration le type de serveur comme je l ai pr cis au d part je travaille sur Red5 mais imaginons qu un nouveau type de serveur plus stable soit mis en place il est judicieux de pr voir la plupart des impr vus Pr voyant que je devais faire plusieurs applications j ai essay de faire une architecture r utilisable pour chacune d entre elles Connection viewConnection IControllerMain loadAll unloadAll disconnectAll 1 1 state_connection string ViewConnection ne NetConnection typeConnection string connection displayStats isplayStats checkState setConnected setDisconnected connect error disconnect getState getNetConnection statsConnexion description Red finition des op rations de la classe IControllerMain ControllerTutoria ControllerTutoriaMinProfesor ContrallerTutoriaMin lumn
14. Visioconf rence pour Moodle Page 48 VIII Tables des figures Figure 1 Figure 2 Figure 3 Figure 4 Figure 5 Figure 6 Figure 7 Figure 8 Figure 9 Figure 10 Figure 11 Figure 12 Figure 13 Figure 14 Figure 15 Figure 16 Figure 17 Figure 18 Figure 19 Figure 20 Figure 21 Figure 22 Figure 23 Figure 24 Figure 25 Figure 26 PAT 8s A tere ne ana Re tes 8 Arborescence du r pertoire load titi 13 Arborescence du r pertoire block videoconference oooooconocccoccconccconcconnonancconcccnnccnnos 13 Arborescence du r pertoire ESTO ccicicsucccasssrycrceiceennsssnndenceseuravensden didas 13 Arborescence du r pertoire SWF veto abc 14 Arborescence du r pertoire videoconference sseseessssssessressesressresresresseeseesresseesee 14 R les des utilisateurs au sein de Mode Ne an a Rs 15 Arb rescensede Moodle einer orita a an aei i a ea ae aeei 16 Exemple de bloc Moodley sens anna enia ane te siete Seda ea tue 17 Ajouter un bloc sur Mod a net oran 18 Modern bloc Sur Mood nda 18 Analyse syst me de blocs au sein de Moodle oooooconocccoccconccconcconccnoncconcconn nono nccnncconncnos 19 Lancement de Tutoria depuis Moodle ss 20 Conception de l ancien syst me de Tutona sienne bt 22 Architecture des nouvelles applications Aula et Tutoria oooooncnncniconocnocnnocanoncnanconononon 23 Conception du nouveau syst me pour TutoriaMax coooconocccnocononnconnconnccnnn
15. ages web d une mani re simplifi e En effet la plupart des logiciels n cessitent de conna tre un minimum de langage HTML pour produire des pages web Grace a Dreamweaver l utilisateur n est pas limit par cette contrainte m me s il est pr f rable qu il connaisse l existence de la premi re m thode Macromedia Fireworks 8 Logiciel similaire Photoshop qui permet de faire de la production ou de la retouche d image travers un syst me de calques Ainsi l utilisateur peut d composer son projet en plusieurs sous parties ce qui lui permet d tre plus efficace lors de la retouche si jamais un jour 1l doit retravailler son image ou sa photo Macromedia Flash 8 Logiciel permettant de produire des applications plus anim es Au fil des ann es Flash est devenu un outils tr s puissant et devient indispensable pour les possesseurs d une conexion internet L utilisateur confirm peut utiliser le langage Action Script afin de dynamiser ces applications Easyphp 1 8 Outil pratique permettant de transformer sa machine en un petit serveur web configurable Mysql 4 1 22 MySQL est un syst me de gestion de base de donn es Il permet aux administrateurs de configurer une base en cr ant ou supprimant des relations L utilisateur pourra ins rer ses informations dans la base de donn es gr ce une interface que les d veloppeurs auront produit Macromedia Flash M dia Server 2 0 Version D mo Un service pa
16. ancement de AulaMin Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 33 Et voici l application aggrandie lanc e au m me moment dans une nouvelle fen tre depuis Moodle C t professeur Le Professeur a d cid de diffuser sa pr sentation ici le commerce quitable il peut interagir sur cette derni re depuis le composant de visioconf rence Aula Virtual Detener Yee NM TRANSFAIR Fairtrade MAX HAVELAAR Figure 25 Lancement de AulaMax version professeur Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 34 C t l ve L tudiant re oit bien les informations concernant la visioconf rence du professeur on remarque qu il est galement sur la m me diapositive que le professeur au moment de sa connexion Aula Virtual ORGANIZATION Fag Te arean CAIN MAX HAVELAAR Camera Microphone Audo J rome Figure 26 Lancement de AulaMax version l ve Rapport de Stage Visioconf rence pour Moodle Page 35 V Analyse des resultats obtenus Point de vue technique Grace ce stage j ai pu peaufiner ma formation personnelle sur la programmation Flash De nouvelles notions me sont d sormais acquises et ceci est pour moi tr s important car je compte dans les ann es venir travailler avec ce langage de programmation J ai galement acquis une m thode de travail beaucoup plus
17. applications Int grations au sein de Moodle e Le r le de Tutoria Cette application permet d tablir une conversation priv e par visioconf rence entre un professeur et un l ve Lorsqu un professeur lance son application travers Moodle l l ve peut rejoindre la conversation et parler avec le professeur soit travers un Chat soit en utilisant sa webcam et son microphone formaltitle g formaltitle startVirtualRoorm No VirtualRoom StartedTutoria virtual de startYirtualTutory lberndt go Figure 13 Lancement de Tutoria depuis Moodle gauche le professeur et droite l tudiant Une fois que la conversation entre l l ve et le professeur est tablie aucun autre tudiant ne peut rejoindre la discussion jusqu ce que l ancienne soit termin e Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 20 Voici un sc nario type entre un l ve et un professeur Acteurs Professeur Eleve Lancement de Tutoria depuis l interface du professeur D 2 3 4 5 6 7 8 9 Le syst me tablit une connexion avec le serveur et affiche un message de bienvenue Le Professeur tente de lancer la visioconf rence Webcam et Microphone Le syst me recherche la cam ra et le microphone disponibles et les diffusent selon leur pr sence L l ve entre dans la discussion Le syst me affiche un message de bienvenue pour l l ve et pr vient le profe
18. athConnection String trace IControllerMain IControllerMain viewMain view viewMain init Loading View Connection viewConnection viewMain getContainerConnection connection new Connection this viewConnection pathConnection Function called when the user want to logoff public function disconnectAll Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 46 function to start the application when the user is connected public function loadAI trace IControllerMain loadAll viewConnection setConnected viewConnection updateStats 0 0 0 fanction to stop Connection and Chat Videoconference etc activities public function unloadAll trace ControllerMain stopAll viewConnection setDisconnected Function to display error of connection public function errorConnection errorString String trace ControllerMain errorConnection unloadAll viewMain displayErrorMessage errorString Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 47 3 Exemple de projet avec le logciel Macrom dia Flash Vue concernant le composant de pr sentation acromedia Flash Professional 8 viewPresentationReceive fla LE i 1 E backgroundPresentation B btnSync a left rrow_element eS presentationContainer PRESENTATION right rrow_element UNAVAILABLE Audo J rome Rapport de Stage
19. ation AU Et NE ed are 28 N Analvse des resultats OU A st tan Case 36 STC tC LATS tn ES ES nr En ncn lade ee a cet 37 o Sea aaa Ne ee ne Re en ee Nes EN 38 LE Manuels d utilisations AN A Net a 38 DOUE OUTS ea A liegt sia Bea TR oh way BN Got asad Late ee nn AN 46 3 Exemple de projet avec le logciel Macrom dia Flash 48 WIM Tables d s Heures ia 49 Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 4 I Introduction La formation travers un IUT Institut Universitaire Technlogique permet de rester dans un cadre scolaire tout en pr parant la vie active Ceci permet aux tudiants de pouvoir obtenir un avant go t du monde du travail et donc de confirmer leurs pens es d arr ter ou bien de continuer leurs tudes Pour cela l IUT de la Rochelle propose aux tudiants de deuxi me ann e un stage de 10 semaines 12 semaines pour les tudiants souhaitant partir l tranger Ce stage est utile la fois pour les professeurs qui confirment que l tudiant est apte rentrer dans le monde professionnel et galement pour l tudiant qui peut confirmer ses deux ans de formation au sein de l IUT l aide d un sujet de stage choisi par les professeurs responsables du parcours d cid en premi re ann e par le stagiaire Ce sujet peut toucher plusieurs domaines de l informatique pour ma part il s agissait d un r le de d veloppeur et de communication client serveur Je pense que ce stage me permet
20. ation contains Apart about videoconference A part about chat 2 Launch Tutoria To start the block of videoconference see the part Start the block of videoconference To launch Tutora application click to start virtual tutory formaltitle statitualRoom startYirtualTutory There is two windows now The first window is Moodle with a block about videoconference you can receive the informations about student who joins your room O Connection in progress Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 44 The second window is a large application which you can talk see and listen to to your student who joins Tutoria SALA DE TUTORIA jaudo has joined the conversation Welcome neboueya Bonjour bienvenue sur Tutoria Enviar Audio Video Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 45 2 Quelques sources Source du IController Main afin de mieux comprendre la racine de toutes les applications IControllerMain as name IControllerMain as aathor J r me AUDO role Abstract class Controller to build a new application import mx utils Delegate import Connection as class IController Main private var viewConnection MovieClip private var viewMain MovieClip private var connection Connection Constructor of IControllerMain public function IControllerMain view MovieClip p
21. connnconccnnnccnncoos 24 Conception du nouveau syst me pour Tutoria MIN 00 0 eee eceeccceeseeeseeeeeeeeteeeseeenteeesees 25 2 Lancement des Tuto Mann ad iii be 26 Lancement d une fen tre de TutoriaMaXx see ont ne tintin 27 Lancement de Aula depuis MOOG ni ES A AS 28 Conception de l ancien syst me de AU Nat ti etant 30 Conception du nouveau syst me de AulaMax version professeur ocoococnccnoccnoncncnnnnons 31 Conception du nouveau syst me de AulaMax version leve 0ooooonicconnccnoccconccconcconnss 32 Lancement de AulaMN dni 33 Lancement de AulaMax version professeur sssesesssseseesesesressrsssesressessresressrsseesres 34 Lancement de AulaMax version l ve nn rene dettes 35 Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 49
22. ct setUserName changedNamef loginChange checkNarne setSize fc_connect FCAVPresence ns NetStream ne NetConnection so SharedObject userID integer userName string startReceive init connect close setUserID setUserName stopReceive startPublish stopPublish micOnActivity toggleAudio toggleVideo i chat isGrey 1 lisGreen isYellow isRed showGrey showGreen showYellow showRed update formatNumber formatTime formatRate FCChat history_txt string message_txt string ne NetConnection so SharedObject username string init onUnload setUserName disabled habilitar connect close clearHistory receiveHistory receiveMessage sendMessage setSize Figure 14 Conception de l ancien syst me de Tutoria A partir de cela j ai pu constater certains probl mes La partie concernant la connexion existe plus ou moins dans chacunes des classes hors on a pas besoin de faire une connexion pour chaque composant du syst me Le syst me n est pas con u autour de la connexion mais plut t autour de l interface l affichage cette derniere fait tout les traitements et par cons quent il semble difficile de rajouter des fonctionnalit s De plus si jamais l utilisateur veut changer cette interface un jour il va devoir tudier chacune des fonctions et retravailler ces traitements Audo J rome
23. de confirmer d une part que ce que j ai appris gr ce l IUT de la Rochelle me sera tr s utile dans une entreprise d autre part que malgr cette formation assez compl te certaines notions ne sont pas encore acquises et que j ai besoin de poursuivre mes tudes pour peaufiner ma formation gt Je vais donc travers ce rapport de stage vous pr senter tout d abord mon tablissement d acceuil Par la suite je vous d crirai mon sujet de stage ainsi que mon travail accompli Pour finir je vous donnerai mon avis personnel et le r sultat de cette exp rience de 12 semaines Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 5 IT Pr sentation de L entreprise 1 Pr sentation de la cellule d acceuil Universit de Cordoue e L Universit de Cordoue fond e en 1972 descend ses racines de l Universit Libre qui a fonctionn dans la province la fin du 19e si cle et dispose des tudes centenaires comme ceux de V t rinaire unique en Andalousie Elle est compos e de 21 000 l ves un peu plus de 1 200 professeurs et 700 travailleurs Elle est compos e des facult s et des coles suivantes Facult de V t rinaire Escuela T cnica Superior de Ingenieros Agr nomos y Montes Facult de M decine Facult de Sciences Facult de Philosophie et Lettres Facult de Droits de Sciences Economiques et d Entreprises Facultad de Ciencias de la Educaci n Ecole Polytechnique Sup
24. e La France Insolite gt Fair Trade Presentation e Course Fullname 102 e Course Fullname 101 All courses Figure 9 Exemple de bloc Moodle Selon l utilisateur son affichage est configurable L administrateur sera charg de choisir les blocs visibles lors de la page principale Le Professeur sera charg de choisir les blocs visibles de son cours Ainsi cela permet aux professeurs de choisir les fonctionnalit s dont ils ont besoin afin de pr parer leurs cours et ceci gr ce plusieurs interfaces Si le professeur souhaite ajouter un bloc il dispose d un bloc obligatoire Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 17 Blog Menu Blog Tags Calendar Course Site Description Blocks DicoTrad Global Search Add 7 HTML Loan calculator Mentees Messages Online Users Quiz Results Random Glossary Entry Remote RSS Feeds Section Links Figure 10 Ajouter un bloc sur Moodle Le professeur peut par la suite configurer ce bloc des nouvelles fonctionnalit s sont donc disponibles AssignerunR le Masquet Afficher Supprimer Basculer en haut My courses g a DD DD Hasculer droite e Introduction UML 22 La France Insolite e Fair Trade Presentation e Course Fullname 102 e Course Fullname 101 All courses Figure 11 Modifier un bloc sur Moodle Et du point de vue du d veloppeur Cr er un bloc n est pas tr s compliqu En effet il
25. e stage j ai pu enfin tester mes acquis durant ces deux ann es l IUT de la Rochelle Ce nouveau d part m a permis de faire un petit bond dans le monde professionnel car je ne compte pas y revenir tout de suite En effet j aimerai que ma formation soit encore plus pouss e afin de faire ressortir mes meilleures comp tences au sein d une quipe et peut tre de cr er moi m me un projet professionnel Cette sensation de faire partie d un groupe et de s investir au sein d une entreprise donne une motivation incroyable et je suis assez impatient de pouvoir terminer mes tudes pour revivre ce moment J ai pu galement confirmer mes ambitions devenir d veloppeur cette capacit et cette envie de vouloir toujours am liorer ses composants de les rendre plus flexible de se d battre pendant des heures trouver une anomalie dans notre application me donne envie de remettre mon armure et de retourner sur le front aussi vite que possible afin de gagner ce combat interminable M me si je dois retrouver ma peau d tudiant l ann e prochaine je suis pr t m investir dans de nouveaux projets professionnels en cours de route quitte les rejoindre totalement si l offre devient int ressante Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 37 VII Annexes 1 Manuels d utilisations e README Pour installer le bloc de visioconf rence Moodle sur la les machine s serveur README txt Video Confere
26. end your presentation for AULA sn AAA a 4 SOURCE ATLA AE AE T dea Mitac i ied ela A el A a e tlt due A ta dad aed anes 4 MUD ST D Ge AN AAA A ER A AA ER 6 LISTER A A A N ler cn ee 6 EU CI dee raid dra See 6 Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 40 I Start the block of videoconference 1 Go to your course in which you want to start the block of videoconference 2 Turn editing on the course Turn editing on 3 Add a new block called videoconference Blocks Blog Menu Blog Tags Calendar Course Site Description DicoTrad Global Search HTML Loan calculator Mentees Messages Online Users Quiz Results Random Glossary Entry Remote RSS Feeds Section Links The block is now ready formaltitle E startVirtualRoom startVirtualTutory Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 41 IL AULA 1 Description When you want to present a lot of slides to your students you can use AULA application It contains A part about videoconference A part about your presentation 1 2 3 4 5 6 7 8 9 2 Steps to send your presentation for AULA Convert your presentation in a pdf format Convert the pdf file in a flash format swf you can do it with swftools download it here http www swftools org download html Go to your course in which you want to launch AULA Go to your course s file
27. ent de r cup rer une pr sentation sous forme de diapositives depuis le bloc actuel de Moodle Hors il n y a que par l que le professeur et l l ve puissent communiquer une telle information Je devrais donc modifier cela au moment d int grer Aula au sein de Moodle gt Donc un sujet qui devait juste mettre en place un changement de serveur se transforme en trois mois de developpement intensif pour rendre ce bloc Moodle plus ou moins transportable Cette plateforme d apprentissage pouvant tre utilis e par de nombreuses coles universit s il est possible qu ils aient besoin galement de ce bloc Je dois donc rester assez ouvert sur un ventuel changement de serveur d affichage etc Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 12 2 Pr sentation et explications de l espace de travail Je n avais pas vraiment de contraintes particuli res concernant l organisation au sein de mon tablissement d acceuil Je me suis tout de m me efforc de mettre en place une m thode de travail autonome e Arborescences des dossiers Tout au long du stage j ai respect cette architecture El 5 VideoConferenceFinal 3 block_videoconference D src D swf C2 videoconference HAHHA Figure 2 Arborescence du r pertoire global Voici une explication pour chacun des r pertoires e block videoconference db di block_videoconference php config_instance html E
28. eur sous son ordinateur en direct donc de faire des captures vid os au sein des deux applications Aula ou Tutoria Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 11 IV Pr sentation du travail accompli 1 Analyse du sujet de stage la demande Comme je l ai dit ci dessus je dois effectuer un module de visioconf rence pour la plate forme Moodle Ce module est d compos en deux parties la premi re devra ressembler une sorte d amphith tre virtuel Aula la seconde sera une conversation priv e entre le professeur et l tudiant Tutoria Ce module existait d j mais tait seulement compatible pour Flash Media Server Lorsque l on m a fourni cette ancienne version j ai rencontr plusieurs ambiguit s Les applications actuelles semblent assez restreintes En effet elles reprennent un exemple de visioconf rence fourni par Flash Media Server avec un d veloppement assez rigide je n ai pas pu tester cette version sur mon espace de travail cause de cette rigidit Une autoformation sur le fonctionnement de Flash M dia Server et RedS est indispensable Connaissant pas mal de principes concernant la programmation Flash il n a pas t tr s compliqu de comprendre l architecture de l ancienne version Cependant le passage du Flash vers le Java ainsi que la compr hension de l architecture de Red5 semble assez complexe Le module actuel semble incomplet rien ne permet r ellem
29. ewPublish j i ViewVideoPublish displayMicrophonelntensity viewReceiv videoContainer Video displayCamera containerConnection MovieClip containerVideoReceive MovieClip 1 controllerPublish containerVideoPublish MovieClip containerChat MovieClip controllerReceive connexion al viewError ViewError displayMessage chatController x 1 1 ViewChat reloadChat viewChat viewConnection ViewConnection displayStats checkState setConnected setDisconnected Figure 16 Conception du nouveau syst me pour TutoriaMax Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 24 Et voici le diagramme de conception pour la version destin e au bloc Moodle il y a en fait deux applications pour le bloc une pour l l ve et une pour le professeur mais la conception est similaire ViewConnection ViewVideoReceive ControllerVideoReceive 5 view VideoReceive videoContainer Video startReceive displayMicrophonelntensity stopReceive displayCameral displayStats checkState setConnected setDisconnected controllerVideoReceive viewConnection ControllerTutoriaMinProfesor loadAll unloadAll disconnectall error Connection state_connection ne NetConnection typeConnection string string connect disconnect getState getNetConnection statsConnexion connection
30. io type entre un l ve et un professeur Acteurs Professeur Eleve Lancement de Aula depuis l interface du professeur D 2 3 4 5 6 7 8 9 Le syst me tablit une connection avec le serveur et affiche un message de bienvenue Le Professeur tente de lancer sa pr sentation Le syst me recherche la pr sentation charger et l affiche s il est disponible L l ve entre dans la discussion Le syst me affiche un message de bienvenue pour l l ve et affiche la pr sentation ainsi que sa position actuel de ce fait si l l ve arrive en cours de route il n a pas retrouver la diapositive correspondante celle du professeur Le Professeur tente de lancer la visioconf rence Webcam et Microphone Le syst me recherche la cam ra et le microphone disponibles et les diffusent selon leur pr sence Le Professeur arette la diffusion de la webcam Le syst me arette la r ception pour l l ve et le pr vient que la webcam n est plus disponible 10 Le Professeur arette la diffusion de la pr sentation 11 Le syst me arette la r ception pour l l ve et le pr vient que la pr sentation n est plus disponible 12 L l ve quitte l application 13 Le syst me envoie un message pour pr venir que l l ve s est d connect 14 Le Professeur se d connecte de l application 15 Le syst me envoie un message pour pr venir que le professeur s est d connect Fin de Aula Audo J rome
31. ipe technique x Rafael Mateo Respeto Christian Eduardo Nicolau Antonio Castillo Nieto Crist bal Romero Morales Rocio Marchal Madue o Francisco Javier Duque Pintor Juan Carlos Bueno Villalba Enrique L pez Espinosa Nicol s Cort s Gamez F tima Guill n Chumillas xX x x xxx x x Xx Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 7 Membres de l quipe multim dia Xx Antonio Beamuz Morillas Manuel Delgado C rdenas Miguel Angel Fernandez Ruiz Rosa Alvarez Romero Jos de los Santos Gonzalez Prieto M Bel n Jurado Merelo Xxx x e Contacts Centro Tecnol gico Industrial CTI Campus Universitario Rabanales Ctra Madrid Cadiz Km 396 2 14071 Cordoba Tel phone 34 57 211020 Fax 34 57 211051 E Mail cdcastro uco es Web http www uco es grupos eatco Plan du CTI Realidad Virtual _Laboratorio de usabilidad Automatica i D Figure 1 Plan du CTI Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 8 2 Outils Informatiques utilis s e Outils Mat riels Ordinateur de bureau quip de Windows XP SP2 Processeur AMD Sempron tm 2400 1 67GHz 192 MB de RAM Connexion internet par r seau cabl au serveur EATCO CTI Connexion internet par r seau Wifi au serveur EATCO CTI Webcam Logitech QuickCam Orbit MP e Outils Logiciels Macromedia Dreamweaver 8 Un outil permettant de construire des p
32. l unloadAll disconnectall error IControllerMain controllerPresentation 1 1 1 an ViewPresentationReceive ControllerPresentationReceive t Conde Pre cantaba viewPresentation Figure 23 Conception du nouveau syst me de AulaMax version leve Au sein de Moodle il existe un dossier de stockage des donn es Ce r pertoire range ces informations par cours et il existe un moyen depuis la plateforme d apprentissage de publier un fichier au sein d un cours Je me suis servi de cette fonctionnalit pour que le professeur puisse publier sa pr sentation Il doit cependant respecter certaines r gles afin que la pr sentation soit visible depuis l application Aula Le professeur doit cr er un r pertoire presentation o il stockera sa s rie de diapositives Sa pr sentation doit avoir le m me nom que le Short Name du cours en question c est un diminutif pour le cours d fini lors de sa phase de cr ation ou de modification La pr sentation doit tre sous le format d une animation flash le swf il existe pour cela un logiciel gratuit qui permet de transformer un pdf en swf Power Point et Open Office sont capables de transformer une pr sentation en pdf Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 32 Les R sultats Voici l application que l on retrouve dans le bloc Moodle Camera Microphone unavailable Figure 24 L
33. nce for Moodle For Moodle Server Upload videoconference to moodleRoot videoconference Upload block videoconference to moodleRoot blocks videoconference Reload the server For Red5 Server Install Red5 you can download it here http osflash org red5 Install Apache ANT 1 6 you can download it here http archive apache org dist ant binaries If Jdk v1 6 or more recent is not installed you can take it here http download java net jdk6 binaries Set the JAVA HOME environement variable read Red5 amp ANT Documentation Set the ANT HOME environement variable read Red5 amp ANT Documentation Change the PATH environement variable read Red5 amp ANT Documentation Upload Red5 videoBis to RedSDirectory webapps videoBis Overwrite Red5 build xml in Red5Directory build xml In shell move to Red5 directory and type ant f build xml Change the server name of connection xml with your server name You can launch RedS Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 38 e Manuel d utilisation du bloc de visioconf rence pour les professeurs USER GUIDE FOR VIDEOCONFERENCE IN MOODLE TEACHER MANUAL Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 39 Summary PS tart the block of VIdEOCON INRA Asset is e nd e o dl 3 TE AIA nn a trempe rate alguna ta Ne nee sn anne le ne ne Mets se et 4 I DOSCFIPUON AA NS A STE aa 4 2 Steps to s
34. o loadall loadAll loadAll unloadAll unloadAll unloadAll disconnectall disconnectAll disconnectAll error error error Figure 15 Architecture des nouvelles applications Aula et Tutoria Pour viter que l application soit trop rigide et pour pouvoir r utiliser certains de mes composants pour Aula j ai s par mon application en plusieurs parties La partie Connexion La partie Chat La partie Visioconf rence La partie Erreur Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 23 Pour viter d avoir trop de traitement au niveau de l interface j ai appliqu un mod le de conception MVC Mod le Vue Contr leur Il fut assez difficile de trouver une solution pour mettre en place ce mod le en ActionScript car le lancement d une animation se trouve depuis Flash et donc il ne suffit pas de lancer un Main comme en C ou JAVA J ai du appliquer un syst me de conteneur que j envoi un controlleur associ Ainsi chacune des vues doit avoir un conteneur associ dans l application principale Pour chaque partie de mon application on retrouve Un Contr leur lanc depuis l application principale sauf pour la partie erreur Une Vue charg e au sein du controlleur Un Conteneur pour chacune des vues Voici le diagramme de conception permettant de mieux comprendre comment est d compos TutoriaMax la version aggrandie ViewVideoReceive blish vi
35. re videoconference Ce r pertoire est le second dossier mettre jour sur le serveur Il contient le projet final dans sa globalit On retrouve d ailleurs les fichiers compil s dans le dossier swf Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 14 3 D finition et pr sentation de Moodle Qu est que Moodle Moodle est une plate forme d apprentissage en ligne e learning en anglais sous licence open source servant cr er des communaut s d apprenants autour de contenus et d activit s p dagogiques Source Wikip dia On retrouve donc plusieurs r les pr dominants au sein de la plate forme L administrateur charg de cr er les utilisateurs il peut galement ins rer un cours et assigner les r les de ce dernier Le professeur le professeur est responsable de ces cours il peut les configurer comme bon lui semble e L l ve il peut s inscrire un cours afin d y participer apres cela il subit les contraintes de navigation d cid s par le s professeur s responsable s Ben Professeur G rer modules d activit s Adrainistrateur Figure 7 R les des utilisateurs au sein de Moodle Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 15 Architecture de Moodle Audo J rome E O moodle Figure 8 Rapport de Stage Visioconf rence pour Moodle Ea Aa E E IN amp E E
36. s Create a folder called presentation Move to this folder Upload the flash format presentation Rename the presentation the presentation s file must be the same than the short name of your course Lauch AULA application 10 Click to Cargar 11 You can see your presentation NB Don t try to convert in a flash format with OpenOffice Impress this is not compatible with AULA 3 Launch AULA To start the block of videoconference see the part Start the block of videoconference To launch AULA application click to start virtual room formaltitle startYirtualRoom startvirtualTutory Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 42 There is two windows now The first window is Moodle with a block about videoconference Conectar Desconectar Camera Microphone unavailable The second window is a large application which you can load your presentation and launch the videoconference for your students Aula Virtual Desconectar 2 Fair trade labels TRANSFAIR MAX HAVELAAR Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 43 IL Tutoria 1 Description When you want to talk to a student about your course you can use Tutoria application If a student joins your conversation nobody else will be able to join you because Tutoria manages only one student by teacher The applic
37. sseur de l arriv e d un nouvel utilisateur Il envoie galement la diffusion de la visioconf rence selon la configuration du professeur si la camera est lanc e alors l l ve verra le professeur au moment de l tablissement de la connection L l ve envoie un message depuis le Chat Le syst me re oit le message et le diffuse la fois chez le professeur et chez l l ve Le Professeur arette la diffusion de la webcam Le syst me arette la r ception pour l l ve et le pr vient que la webcam n est plus disponible 10 L l ve quitte l application 11 Le syst me envoie un message pour pr venir que l l ve s est d connect 12 Le Professeur se d connecte de l application 13 Le syst me envoie un message pour pr venir que le professeur s est d connect Fin de Tutoria Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 21 Les probl mes rencontr s Voici la r troconception de l ancien syst me Tutoria pour les deux versions FCSetBandwidth init onUnload connect close getUpRate getDownRate FCConnectionLight init onUnload connect close onCheckInterval expand light_fc collapse setRate doSettings doModem doDsl doLAN doCustom doDetails setSize bwfc SimpleConnect username string 1 main_nc NetConnection local_so SharedObject init onUnload connect close serverConne
38. yant que propose Macromedia afin de pouvoir communiquer des informations entre utilisateurs d une mani re simple et rapide en utilisant des animations Flash Il faut pour cela conna tre le langage Action Script de Macromedia Flash Red 5 Outil d velopp en OpenSource Flash ayant les m mes fonctionnalit s que Macromedia Flash M dia Server Son avantage est que ce service est gratuit Cependant tant d velopp en Java il faut d une part installer une plateforme Java sur la machine serveur d autre part conna tre le langage java au lieu du langage Action Script pour effectuer des communications avec le serveur Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 9 e Outils Applicatifs Moodle C est une plate forme d apprentissage permettant aux professeurs de pr senter des cours leurs tudiants travers une interface simple On retrouve dans chaque cours un calendrier un forum associ etc Moodle est d velopp en PHP avec un syst me assez modulaire Il est donc assez facile de lui rajouter des fonctionnalit s Pour plus d informations voir la rubrique associ la description de Moodle Langages de programmation PHP MySQL Flash Action Script JAVA Audo J rome Rapport de Stage Visioconf rence pour Moodle Page 10 III Sujet de stage e Situation initiale Il existe d j Cordoue un module de visioconf rence pour Moodle d velopp grace a Flash Media
Download Pdf Manuals
Related Search