Projecte classVRroom

De Wiket
Salta a la navegació Salta a la cerca

Memòria del projecte de desenvolupament classVRroom de l'Institut Esteve Terradas i Illa.

Si llegeixes aquesta documentació en format PDF pot estar desactualitzada.

Llegeix la darrera versió a la web.

Descripció

classVRroom és un projecte de desenvolupament d’un LMS (Learning Management System, tipus Moodle) dissenyat específicament per al seguiment i qualificació d’activitats realitzades amb una aplicació educativa immersiva de realitat virtual (VR) emmarcada dins el projecte “VR Salud".

El projecte VR Salud coordinat per l'INS Esteve Terradas ha estat seleccionat dins el programa d’ajuts a projectes d’innovació de l’FP del Ministerio de Educación y FP, amb la participació de 3 centres educatius (de Soria, Saragossa i Cornellà), una empresa de Lleida (Intech3D) i una Universitat (UIC, Universitat Internacional de Catalunya, en col·laboració amb la UniZar, Universidad de Zaragoza). L'aplicació immersiva VR ajudarà l'alumnat d'auxiliar d'infermeria (IES Politécnico de Soria) amb escenaris virtuals que facilitin l'aprenentatge de mobilitzacions de pacients, bo i mantenint una correcta higiene postural.

Objectius

La participació en aquesta primera etapa del projecte té com a objectius les primeres versions de:

  1. Software LMS classVRroom (portal de seguiment i qualificació dels alumnes) per tal que els docents puguin seguir l'activitat que realitzen els alumnes amb les ulleres 3D, i poder-los qualificar adequadament.
  2. App mòbil classVRroom complementària al portal web per a facilitar l'accés a les dades i la operativa a la sala de treball amb dispositius VR.
  3. Projecte IETI Cloud per a la creació d'un CPD per a cloud computing destinat a la posada en producció del software LMS i altres aplicacions.


Diagrama aplicaciones VR Salud.png



Participants

Coordinador: Enric Mieza

Repositoris i portals grups web
Centre Educatiu Cicle Tasca Professorat Alumnat
Esteve Terradas DAW (ICC0) Desenvolupament d'Aplicacions Web Portal web LMS Leandro Zabala, Enric Mieza, Xavier Gómez 9 alumnes
Esteve Terradas DAM (ICB0) Desenvolupament d'Aplicacions Multiplataforma App mòbil LMS Leandro Zabala, Lluís Vila, Enric Mieza, Antoni Vergés, Josep Mª Ramon 19 alumnes
Esteve Terradas CEFP-IC01 Curs d'Especialització en Ciberseguretat Projecte IETI Cloud Jennifer Gil, David Sicart, Enric Mieza 18 alumnes
IFP Antoni Algueró AGA0 - Disseny i edició de publicacions impreses i multimèdia Imatge corporativa, manual d'estil i disseny gràfic de l'app mòbil classVRroom Elisenda Boldú 20 alumnes

Hi participen els següents cicles de l'INS Esteve Terradas i Illa:

  • 2n DAW (ICC0) Desenvolupament d'Aplicacions Web
    • Desenvolupament de portal web LMS classVRroom
    • Professorat: Leandro Zabala, Enric Mieza, Xavier Gómez
    • 9 alumnes
  • 2n DAM (ICB0) Desenvolupament d'Aplicacions Multiplataforma
    • Desenvolupament d'app mòbil classVRroom
    • Professorat: Leandro Zabala, Lluís Vila, Enric Mieza, Antoni Vergés, Josep Mª Ramon
    • 19 alumnes
  • CEFP IC01 - Curs d'Especialització en Ciberseguretat
    • Projecte IETI Cloud: creació d'un CPD per acloud computing al propi institut per a la posada en producció segura d'aplicacions web (en particular classVRroom) i altres serveis online.
    • Professorat: Jennifer Gil, David Sicart, Enric Mieza
    • 18 alumnes

Hi participa, per part de l'IFP Antoni Algueró:

  • AGA0 - Disseny i edició de publicacions impreses i multimèdia
    • Imatge corporativa, manual d'estil i disseny gràfic de l'app mòbil classVRroom
    • Professorat: Elisenda Boldú
    • 20 alumnes
TOTAL: 66 alumnes


Planificació, metodologies, desenvolupament

Les quatre participacions al projecte dels diversos cicles formatius han estat coordinades i s'han dut a terme en el mateix període de temps:

Del 9 de Març al 7 d'Abril de 2022 (4 setmanes en total)

La planificació i seguiment dels diferents sub-projectes duts a terme per cada cicle formatiu s'ha planificat i seguit amb l'eina Portal Integrat de l'Esteve Terradas, desenvolupada pel coordinador del projecte Enric Mieza específicament per a la planificació i seguiment de projectes SCRUM (llegir més avall).


Especificacions tècniques

A continuació podeu veure les especificacions tècniques lliurades a cada cicle formatiu per a ser desenvolupat. Les especificacions les treballem amb un portal web específic per al seguiment de projectes de Scrum Educatiu desenvolupat per Enric Mieza. En aquest enllaç podeu veure l'historial de projectes realitzat al Departament d'Informàtica de l'INS Esteve Terradas:


Fases del projecte: desenvolupament i integració

Al ser els sub-projectes interdependents, s'ha planificat la seva integració en les següents fases:

  • Setmana 1: desenvolupaments independents.
  • Setmana 2: els alumnes d'arts gràfiques publiquen els manuals d'imatge corporativa.
  • Setmana 3:
    • Els alumnes de DAW i DAM poden integrar la imatge corporativa a la web i app mòbil.
    • Els alumnes de Ciberseguretat disposen del codi dels del portal web per dockeritzar-lo, portar-lo a producció i realitzar tests funcionals.
  • Setmana 4: els alumnes de DAM poden integrar la seva aplicació mòbil sobre el portal web dels companys de DAW (a ambdós els caldrà fer modificacions per adaptar-se).


Grups i col·laboració

La organització dels grups ha estat com segueix:

  • Grups de 2 persones d'arts gràfiques: 10 grups de 2 alumnes = 20 alumnes
  • Grups de 3 persones de DAW: 3 grups de 3 alumnes = 9 alumnes
  • Grups de 3 persones de DAM: 6 grups de 3 alumnes = 19 alumnes (1 grup de 4)
  • Grups de 3 persones de Ciberseguretat: 6 grups de 3 alumnes = 18 alumnes
Total participació: 66 alumnes

A la vista dels grups disponibles hi ha hagut un excedent de treballs d'arts gràfiques (imatges corporatives). Els alumnes de DAM i DAW han pogut triar el disseny del grup que els ha semblat més adient.

Col·laboració:

  • Teníem 1 grup de web per 2 de DAM: alguns han coincidit per la tria del disseny gràfic. La resta els ha assignat el professorat per similitud gràfica.
  • Teníem 1 grup de web per 2 de Ciberseguretat: els ha assignat pel professorat per ordre de llista.


Discord-Logo.png

Per a la comunicació entre els diferents grups hem emprat l'eina Discord. Aquesta té una sèrie d'avantatges que han motivat la seva elecció:

  • Permet diversos xats configurables per rols, que inclús faciliten la compartició de materials (arxius, imatges, enllaços, codi incrustat) per part de professors i entre alumnes.
  • Permet xat de veu i videoconferència integrada.
  • L'alumnat el coneix perquè és un lloc comú pels gamers.
  • L'alumnat el coneix perquè el fem servir als cicles formatius del centre educatiu de forma oficial.



Metodologia SCRUM

En els projectes de desenvolupament (web i app mòbil) s'ha utilitzat la metodologia Scrum aplicada a l'educació que porta 4 anys implantant-se als cicles del INS Esteve Terradas i Illa. Contempla un treball per iteracions (sprints) que intenta ser el màxim de similar a l'emprat a la indústria del desenvolupament de software, amb algunes modificacions per adaptar-se a la realitat de l'aula: sprints d'una setmana, mantenint els sprint planning i sprint review, i repartiment dels rols de scrum master i product owner entre el diferent professorat.

Scrum.png

Podeu saber més de com implementem Scrum en aquest vídeo.


IETI Cloud: Kanban

Per al Projecte IETI Cloud, en canvi, s'ha utilitzat la metodologia Kanban, ja que a diferència del projecte de desenvolupament, no es presta tan fàcilment a ser tractat de forma iterativa. Els alumnes han disposat d'un kanbanboard on penjaven les tasques en post-its i es podia fer el seguiment diari de l'evolució del projecte.

Poden veure's en el portal de scrum les especificacions per al projecte IETI Cloud, però no s'ha fet un seguiment iteratiu per sprints com als altres sub-projectes.

Roadmap IETI Cloud

IETI CiberCloud Gantt.png

Panell Kanban

En el panell Kabnan els alumnes pengen les tasques a la seva columna pertinent, de manera que és fàcil fer-se a la idea de com evoluciona el projecte.

El panell kanban també es fa servir a la metodologia Scrum per portar un control de l'evolució del present sprint. La diferència principal vs la metodologia Kanban és que aquesta no és iterativa ja que hi ha dependències entre les diferents tasques. Per tant, no es treballa per sprints, o si es fa no té el mateix sentit iteratiu incremental.

Kanban-ciber1.jpg


Beneficis metodològics

Les metodologies emprades (Scrum, Kanban) i la organització realitzada ens comporta una sèrie de beneficis:

  • Treball introspectiu i de gestió emocional de les situacions de responsabilitat compartida dins el grup.
  • A l'implicar tots els MPs, l'alumne deixa de preocupar-se per la feina de cada mòdul per separat. Tots els mòduls comparteixen el context del projecte, i això ajuda a l'alumne a estar centrat, i evita els temps d'adaptació entre mòduls quan es canvia de classe, fent més eficient el temps que passa programant.
  • Millora del treball en equip dins del propi cicle formatiu (grups de 3 persones). Les metodologia Scrum assegura que el desenvolupament és fluid si es segueixen les litúrgies estipulades (daily scrum, sprint review, sprint planning i retrospectiva).
  • Coordinació diària dins de l'equip mitjançant el daily scrum (de vegades es supervisa per professors, però no sempre).
  • Sprint review:
    • Seguiment setmanal de les tasques realitzades per l'alumnat i de la situació personal dels membres del grup.
    • Presentació en públic i defensa del treball realitzat.
  • Sprint planning:
    • L'alumnat fa una anàlisi tècnica de les tasques a realitzar durant l'sprint planing.
    • Hi ha un pacte entre professorat i alumnat de feina a realitzar, i per tant existeix un compromís del qual se'n responsabilitzen.
  • Coordinació entre diferents equips de treball intercicles i intercentres. Aprenentatge de com dirigir-se a altres grups i intercanviar tasques.


Resultats

Imatge corporativa i maquetació

Es poden veure els diferents treballs d'imatge corporativa de classVRroom dels alumnes d'arts gràfiques en aquest enllaç.

Als manuals hi ha:

  • Logos, tipografies, gammes de colors i elements necessaris per facilitar el look & feel a la web i l'app mòbil.
  • Maquetes i/o wireframes de com ha de quedar l'aplicació mòbil amb l'estil corporatiu desenvolupat.
  • Diagrames de navegació de l'app mòbil i web.

Per mes agilitat, us mostrem aquí el recull dels logos realitzats i una maqueta d'app mòbil:

Logos-classvrroom.png


Desenvolupament web

Repositoris i portals grups web
Grup Repositori de codi Portal classVRroom
Grup 1 Github portal classVRroom a Heroku
Grup 2 Github portal classVRroom a Heroku
Grup 3 Github portal classVRroom a Heroku

Panell d'administració

Serveix per a crear contingut per part dels professors. Aprofita les eines de backend del framework Djangọ] emprat al projecte.

Owly-admin1.png Owly-admin2.png

Cursos i qualificacions

Podem veure diversos modes de qualificació: alumne per alumne o qualificació ràpida, similar a com ho fa el referent Moodle.

Owly-cursos.png Owly-curso-frontend1.png

Owly-qualificacio1.png Owly-qualificacio2.png

Classroomvr-v4-qualificacio1.png Classroomvr-v4-qualificacio2.png



Desenvolupament app mòbil

Repositoris:

  • Grup 1
  • Grup 2
  • Grup 3
  • Grup 4
  • Grup 5
  • Grup 6


IETI Cloud

Documentació:

  • Projecte IETI Cloud documentació dels alumnes en aquesta wiki.
  • Especificacions tècniques del IETI Cloud. Consta dels següents punts:
    • IETI Cloud hardware (CPD o Centre de Processament de Dades)
    • Desenvolupament web: dockerització del software classVRroom i Wordpress per a site' d'higiene postural.
    • Posada en producció del software classVRroom sobre Azure i sobre el IETI Cloud.
    • Auditoria de ciberseguretat (documentació).
    • Tests funcionals per al software classVRroom.

Podem veure el CPD (Centre de Processament de Dades) del IETI Cloud realitzat a classe a les següents imatges:

Disseny4.jpg

Rackcpd1.jpg


Els equips

Podeu veure una notícia a la web de l'Esteve Terradas sobre el projecte.

Aquí les fotos dels diferents equips que han intervingut:

Alumnat IFP Antoni Algueró Alumnat INS Esteve Terradas - DAW (desenvolupament web)

Alumnat INS Esteve Terradas - DAM (desenvolupament multiplataforma) Alumnat INS Esteve Terradas - Curs d'especialització en Ciberseguretat)


Valoració i línies futures de desenvolupament

Punts detectats de millora:

  • La comunicació entre equips de treball (entre cicles) té recorregut per a ser millorada. La pandèmia i la dificultat de trobar-se és un handicap però també es pot millorar les eines de comunicació i coordinació entre equips (Discord està bé, però potser cal més vies) i en acompanyar-los en com han de procedir per demanar-se feina quan un equip no respon en els temps adequats.
  • En aquest cas, els equips de Ciberseguretat hagués estat més òptim que comencessin més tard ja que algunes tasques requereixen una versió estable del software subministrat pels grups de DAM i DAW.

Les línies futures contemplen els següents punts:

  • Tria del software de referència del portal web, de entre les 3 versions desenvolupades.
  • Posada en producció als servidors oficials de l'Esteve Terradas.
  • Integració de classVRroom amb l'aplicació VR.
  • Completar més tests funcionals (Selenium).
  • Millorar la integració de l'app mòbil amb la web.