Videojuegos y programación: integración de una comunidad abierta en un juego serio de programación

VIDEOJUEGOS Y PROGRAMACIÓN: INTEGRACIÓN DE UNA COMUNIDAD ABIERTA EN UN JUEGO SERIO DE PROGRAMACIÓN VIDEO GAMES AND PROGRAMMING: INTEGRATING AN OPEN COMMUNITY INTO A SERIOUS PROGRAMMING GAME TRABAJO FIN DE GRADO CURSO 2023-2024 AUTORES ÓSCAR FERNÁNDEZ ROMANO CÉSAR CARLOS RUBIO PASTOR DIRECTORES ANTONIO CALVO MORATA BALTASAR FERNÁNDEZ MANJÓN GRADO EN DESARROLLO DE VIDEOJUEGOS / GRADO EN INGENIERÍA INFORMÁTICA FACULTAD DE INFORMÁTICA UNIVERSIDAD COMPLUTENSE DE MADRID VIDEOJUEGOS Y PROGRAMACIÓN: INTEGRACIÓN DE UNA COMUNIDAD ABIERTA EN UN JUEGO SERIO DE PROGRAMACIÓN VIDEO GAMES AND PROGRAMMING: INTEGRATING AN OPEN COMMUNITY INTO A SERIOUS PROGRAMMING GAME TRABAJO DE FIN DE GRADO EN DESARROLLO DE VIDEOJUEGOS / INGENIERÍA INFORMÁTICA AUTORES ÓSCAR FERNÁNDEZ ROMANO CÉSAR CARLOS RUBIO PASTOR DIRECTORES ANTONIO CALVO MORATA BALTASAR FERNÁNDEZ MANJÓN CONVOCATORIA: JUNIO 2024 GRADO EN DESARROLLO DE VIDEOJUEGOS / GRADO EN INGENIERÍA INFORMÁTICA FACULTAD DE INFORMÁTICA UNIVERSIDAD COMPLUTENSE DE MADRID MAYO DE 2024 III DEDICATORIA Ósca Fe nández Romano A mis que idos pad es, g acias po su apoyo incondicional y po c ee en mí en odo momen o. Es e log o es an o suyo como mío. Sin oso os, no hab ía llegado has a donde es oy aho a. A mi he mana, g acias po compa i oda una ida de c ecimien o jun os. Tu p esencia ha sido un egalo in alo able en mi ida. A mi no ia, g acias po mo i a me siemp e y celeb a cada log o a mi lado. Tu apoyo in lexible ha sido mi mayo o aleza. Césa Ca los Rubio Pas o A mis pad es, po su in ini a paciencia y egala me incalculables enseñanzas que me acompaña án siemp e. A mi amigo Manuel, po saca me de más de un ap ie o. V AGRADECIMIENTOS A Hena Ma ín, po su amabilidad al euni se con noso os y p opo ciona una de allada explicación sob e el uncionamien o del se ido y la página web. A Miguel Ángel Ga ido Blázquez, p o eso del depa amen o de In o má ica y Es adís ica de la Uni e sidad Rey Juan Ca los, po su colabo ación al lle a a cabo p uebas con el juego y elabo a un in o me de allado sob e los esul ados ob enidos. A los alumnos que pa icipa on en el p og ama 4ºESO + Emp esa po pa icipa en las p uebas y da su opinión, con ibuyendo así al desa ollo de nues o p oyec o. A Gema López Luengo y Raquel Ga cía Quina, di ec o a y coo dinado a de TIC del Colegio A cip es e de Hi a espec i amen e, po b inda nos la opo unidad de lle a a cabo las p ime as p uebas de A icoding en un en o no escola . Ha sido una expe iencia en iquecedo a. Po úl imo, a Bal a y Toni, nues os u o es, les exp esamos nues a más since a g a i ud po su dedicación y o ien ación cons an e du an e la ealización de es e TFG. Su i me espaldo y sus euniones pe iódicas, así como el alioso eedback p opo cionado, han sido undamen ales en nues o camino hacia la culminación de es e p oyec o. VII RESUMEN VIDEOJUEGOS Y PROGRAMACIÓN: INTEGRACIÓN DE UNA COMUNIDAD ABIERTA EN UN JUEGO SERIO DE PROGRAMACIÓN. A icoding es un juego se io educa i o desa ollado en 2020, den o de la Uni e sidad Complu ense de Mad id, po alumnos del G ado de Desa ollo de Videojuegos. El juego busca p omo e el desa ollo del pensamien o compu acional (Compu a ional Thinking) median e la enseñanza de concep os undamen ales de p og amación. El jugado debe supe a ni eles esol iendo los p oblemas que se plan ean en un escena io en o ma de able o u ilizando la p og amación isual po bloques. El obje i o p incipal de es e p oyec o es in eg a un modelo de comunidad abie a median e mejo as en el juego, el se ido y la pla a o ma web de A icoding. Pa a log a lo, se ha ealizado un análisis exhaus i o de o os juegos simila es pa a de e mina las ca ac e ís icas esenciales que debe ene la Comunidad de A icoding. Pos e io men e, se ha diseñado la es uc u a de los menús, las in e aces y la a qui ec u a del sis ema, seguido po su implemen ación. Du an e el p oyec o ambién se han lle ado a cabo a eas de ac ualización y man enimien o, op imizando el código, co igiendo e o es y ac ualizando los menús. Todo es o ha pe mi ido mejo a la expe iencia del usua io. Po úl imo, se han lle ado a cabo p uebas con usua ios eales pa a e alua la e ec i idad del nue o diseño y ecopila e oalimen ación sob e su expe iencia de uso. Palab as cla e Juego, Se io, Lógica, Compu acional, P og amación, Comunidad, Educación, Ap endizaje, Puzles, Mul ijugado . 1 Capí ulo 1 - In oducción "La educación es el pasapo e hacia el u u o, el mañana pe enece a aquellos que se p epa an pa a el hoy." - Malcolm X 1.1 Mo i ación La digi alización ha enido un p o undo impac o en la sociedad. Ha al e ado undamen almen e cómo i imos, abajamos, nos comunicamos y nos elacionamos con el mundo que nos odea [1]. Debido a ello, su ge la necesidad de enseña pensamien o compu acional [2] pa a equipa a las pe sonas con las habilidades necesa ias pa a en ende y pa icipa ac i amen e en un mundo cada ez más digi al. Sin emba go, los sis emas educa i os ac uales siguen cen ados en mé odos adicionales de enseñanza que p io izan la memo ización y la epe ición sob e el desa ollo de habilidades c í icas y p ác icas. En es e con ex o, los juegos se ios se p esen an como una he amien a más e ec i a pa a enseña pensamien o compu acional, ya que combinan el ap endizaje p ác ico y la esolución de p oblemas con una expe iencia in e ac i a y a ac i a, omen ando así la c ea i idad y el comp omiso de los es udian es. A icoding nació con es a misma idea de p opo ciona juegos educa i os pa a enseña p og amación. A icoding es un juego se io diseñado pa a enseña a los jó enes los concep os básicos de la p og amación y mejo a las habilidades del pensamien o compu acional. Fue desa ollado en Uni y en 2020 y se ha seguido ac ualizando con nue as uncionalidades desde en onces-. Además, man iene su código abie o, lo que pe mi e a cualquie pe sona modi ica lo y añadi nue as ca ac e ís icas lib emen e. Es e p oyec o p opo ciona la opo unidad de con ibui al desa ollo con inuo de A icoding, además de una opo unidad pa a p o undiza en la eo ía y p ác ica de los juegos se ios y su aplicación en el aula, explo ando nue as me odologías educa i as y e aluando su impac o en el ap endizaje. 2 1.2 Obje i os El p opósi o p incipal de es e abajo de in de g ado consis e en la ampliación del p oyec o A icoding, median e la mejo a de su in e az y la ampliación de su comunidad abie a, pe mi iendo a es udian es y p o eso es compa i ni eles c eados po ellos mismos y mejo ando la expe iencia de usua io. Pa a alcanza es e obje i o, se han es ablecido los siguien es subobje i os más especí icos: ● Es udia y en ende aplicaciones y juegos cen ados en el desa ollo del pensamien o compu acional y su comunidad. ● Realiza la ap opiación de código. ● Iden i ica y co egi los e o es no abo dados p e iamen e. ● Mejo a la expe iencia de usua io. ● Rediseña el sis ema de comunidad y aplica los cambios necesa ios pa a añadi mejo as. ● Valida los cambios con p uebas de usua io eales. 1.3 Plan de abajo An es de inicia el desa ollo, con el obje i o de en ende y es udia aplicaciones simila es, se lle a á a cabo un análisis exhaus i o de di e sos juegos pa a iden i ica in e aces e ec i as y mecánicas a ac i as. En p ime luga , se analiza á el es ado ac ual del p oyec o y se es anda iza á de ca a a u u as mejo as e implemen aciones, pa a lo que se ealiza á una ap opiación de código. T as es o, pa a iden i ica y co egi los e o es, se e isa án los in o mes gene ados a pa i de las p uebas de usua io lle adas a cabo el año an e io . Con el in de mejo a la expe iencia del usua io, se ealiza án modi icaciones en la in e az, se inclui á un mayo sis ema de eedback den o del juego y se implemen a án animaciones adicionales. Pa a ediseña el sis ema de comunidad, p ime o se p esen a á la nue a idea, seguida del diseño y p o o ipado pa a e i ica su solidez [3]. Luego, se implemen a á en 3 el juego, in eg ando los cambios necesa ios en el se ido y la base de da os. Finalmen e, se adap a á el se icio web del juego pa a cumpli con es as nue as necesidades. Adicionalmen e, se in en a án ealiza p uebas con usua ios eales pa a alida los cambios, de ec a nue os e o es y ecopila eedback. En elación con las he amien as que se u iliza án, Google D i e y Gmail se emplea án pa a la ges ión de documen os y la comunicación, espec i amen e. Gi Hub se á empleado pa a el con ol de e siones, c eando una copia de los eposi o ios ac uales. Uni y se man end á como el mo o de ideojuego, jun o con Visual S udio como edi o de código. Pa a la c eación de Asse s, se u iliza á Pho oshop pa a la edición de imágenes y Blende pa a la elabo ación de animaciones. En cuan o al desa ollo del se ido , se emplea á In ellij como IDE p incipal, HeidiSQL pa a la manipulación de la base de da os, y Pos man pa a p oba las pe iciones HTTP. Pa a el desa ollo del clien e, se u iliza á Visual S udio Code. Los diseños de las in e aces se c ea án inicialmen e en papel y lápiz, y pos e io men e se elabo a án p o o ipos con Figma. Figu a 1-1. P og amas u ilizados du an e el desa ollo de es e p oyec o Con el in de moni o iza el p og eso y ecibi eedback sob e los a ances ealizados, se lle a án a cabo euniones pe iódicas p esenciales o a a és de Google Mee . Du an e es as euniones, se p esen a án los a ances desde el encuen o an e io y se de ini án los p óximos pasos a segui . Se p opo ciona una desc ipción más de allada de es as euniones en el Apéndice D. 5 Capí ulo 2 - Es ado de la cues ión "La c ea i idad es la capacidad de e lo que los demás en y pensa lo que nadie más ha pensado." - Albe Eins ein 2.1 Enseñanza de la P og amación a a és de Juegos Se ios La enseñanza adicional es un en oque educa i o donde el maes o es la igu a cen al y los es udian es son ecep o es pasi os del conocimien o. Es e modelo de enseñanza ha a aigado su p ác ica en la ansmisión o al de conocimien os y en la epe ición mnemo écnica como p incipales pila es de ap endizaje. Sin emba go, en un mundo ca ac e izado po a ances sociales y ecnológicos sin p eceden es, esul a e iden e que es os mé odos adicionales se han uel o insu icien es pa a sa is ace las demandas con empo áneas. Como señala Ma ía Isabel To es Salas en su es udio [4], “Las ecnologías educa i as deben adap a se a las nue as ecnologías, con el in de acili a el acceso de los ciudadanos a la educación, en el ma co del desa ollo ecnológico de la in o má ica y de las elecomunicaciones”. Es en es e con ex o que su gen los juegos se ios, con el obje i o de mode niza y en iquece el p oceso educa i o. Los juegos se ios son ideojuegos diseñados con un p opósi o p incipal más allá del en e enimien o, como la educación, el en enamien o, la simulación, o la concienciación sob e cie os emas. Es os juegos pueden in eg a se en el p oceso de enseñanza-ap endizaje sin comp ome e la di e sión. El é mino se io se e ie e especí icamen e a aquellos ideojuegos u ilizados en sec o es como la educación, la ciencia, la a ención médica, la plani icación u bana, la ingenie ía o la polí ica. Como demues a Reham Ayman en su análisis [5], el en oque de inco po a concep os básicos y undamen ales den o de un con ex o p ác ico, como lo hace un ideojuego, es una es a egia al amen e e ec i a en el p oceso de ap endizaje. En su es udio se compa a on dos mé odos de enseñanza: uno basado en un juego in e ac i o y o o en el mé odo educa i o adicional. Con es e expe imen o se llegó a la siguien e 6 conclusión: El esul ado demos ó que el juego iene más e ec o en el ap endizaje y el ni el de comp omiso de los niños que el mé odo educa i o adicional. A icoding es un juego se io con una es é ica ju enil diseñada pa a a ae a jó enes. Es e p oyec o se encuen a especí icamen e o ien ado hacia el ámbi o educa i o, buscando in oduci a los jó enes los p incipios esenciales de la p og amación. Además, su código uen e es á disponible de mane a abie a, pe mi iendo que cualquie indi iduo pueda accede a él, desca ga lo y ealiza sus p opias adap aciones y mejo as según sus necesidades y p e e encias. 2.2 C i e ios de selección de juegos a analiza Pa a p o undiza en el conocimien o sob e o os juegos se ios den o del ámbi o de la pedagogía in o má ica e iden i ica ca ac e ís icas des acadas, se ealizó una cuidadosa selección de juegos. Los c i e ios empleados pa a es a selección aba ca on juegos se ios cen ados en el desa ollo del pensamien o compu acional, así como aquellos que o ecen una pla a o ma comuni a ia donde los usua ios pueden c ea y compa i ni eles. Además, se examina on pla a o mas educa i as que enseñan p og amación a a és de sis emas de bloques. 2.2.1 Geome y Dash Geome y Dash [6] es un juego de pla a o mas desa ian e desa ollado po RobTop Games, donde los jugado es con olan un icono a a és de ni eles llenos de obs áculos. Aunque p incipalmen e es un juego pa a un jugado , p esen a elemen os sociales como ablas de clasi icación en línea y la capacidad de c ea y compa i ni eles con la comunidad. Es os aspec os b indan a los jugado es la opo unidad de compe i y con ibui en un en o no en línea. 7 Figu a 2-1. Comunidad de Geome y Dash El juego en cues ión p opo ciona una se ie de concep os ele an es pa a el diseño de la comunidad. Po un lado, des aca la p esen ación de in o mación en cada ni el, la cual incluye el nomb e del ni el, el nomb e del c eado , el ecuen o de ep oducciones y el núme o de in e acciones posi i as, como los "me gus a". Po o o lado, se obse a la p esencia de un sis ema de búsqueda de ni eles que pe mi e a los usua ios encon a ni eles especí icos median e la in oducción de é minos de búsqueda como el nomb e del ni el, el nomb e del au o o la iden i icación única del ni el (ID). Es as ca ac e ís icas con ibuyen signi ica i amen e a la expe iencia del usua io al acili a el descub imien o y la in e acción con el con enido gene ado po la comunidad den o del juego. 2.2.2 I Wanna Make I Wanna Make [7] es un juego de pla a o mas inspi ado en I Wanna Be The Guy [8]. Su en oque p incipal adica en p opo ciona a la comunidad he amien as sólidas pa a la c eación y compa ición de ni eles en línea. Los ni eles en el juego exhiben una se ie de mé icas, incluyendo la asa de comple i ud, el núme o de likes ecibidos y e ique as que de inen aspec os como la di icul ad, emá ica o uncionalidad del ni el. Además, el juego acili a búsquedas simples, pe mi iendo a los usua ios explo a ni eles popula es o ecién c eados, así como búsquedas a anzadas que posibili an el il ado po dis in os pa áme os. 8 Figu a 2-2. Ni eles c eados en I Wanna Make O a ca ac e ís ica des acable es la uncionalidad de c ea lis as de ni eles, lo que b inda a los jugado es la opo unidad de o ganiza y compa i conjun os de ni eles con la comunidad. Figu a 2-3. Lis as de ni eles en I Wanna Make Todas es as uncionalidades y he amien as esul a on sumamen e in e esan es pa a se implemen adas en el p oyec o, con el obje i o de o ien a a la comunidad hacia un modelo simila al exi oso en oque de juegos como I Wanna Make . 2.2.3 MakeCode A cade MakeCode A cade [9] es una pla a o ma web desa ollada po Mic oso con el p opósi o de acili a la c eación de juegos y el ap endizaje de p og amación. Es a pla a o ma o ece la posibilidad de cons ui juegos u ilizando un sis ema de Figu a 2-2. Imágenes de is a p e ia de ni eles c eados 9 p og amación basado en bloques, simila al de Sc a ch, aunque ambién b inda la opción de u iliza lenguajes de p og amación más a anzados como Ja aSc ip y Py hon. Figu a 2-4. Pan alla de ni el y ce i icado al comple a lo en MakeCode A cade La es uc u a de MakeCode A cade p esen a simili udes signi ica i as con la de Sc a ch. El menú p incipal se di ide en sublis as que incluyen ni eles, u o iales y c eado es des acados. Además, la pla a o ma inco po a skillmaps, que son lis as de desa íos diseñadas pa a ecompensa a los usua ios con ce i icados al comple a los sa is ac o iamen e. 2.2.4 Rabbids Coding Rabbids Coding [10] es un ideojuego educa i o desa ollado po Ubiso basado en la popula anquicia de los Rabbids. Es e juego es á diseñado pa a enseña concep os básicos de p og amación a niños y p incipian es de odas las edades de una mane a di e ida y accesible. Al igual que en A icoding, el jugado debe coloca una se ie de bloques con ins ucciones en el o den co espondien e pa a supe a el ni el. Dando al bo ón Play se ejecu a án las ins ucciones pa a comp oba el ni el. 16 Se in oduje on mejo as en la c eación de ni eles, pe mi iendo es ablece es icciones y gua da es ados iniciales. Se implemen ó un sis ema de comunidad que pe mi ía a los alumnos subi ni eles y a los p o eso es c ea clases, u ilizando un se ido API REST y un se ido web pa a adminis a ni eles, clases y usua ios. Es as adiciones amplia on la uncionalidad del juego y lo con i ie on en una he amien a más in e ac i a y colabo a i a. Figu a 3-4. Menús de la comunidad du an e el año 2022/2023 17 Capí ulo 4 - Desa ollo " La ecnología a anza a un i mo exponencial, y aquellos que no se adap an a es os cambios es án des inados a queda se a ás." - John F. Kennedy 4.1 Ap opiación de código Como ecién llegados al p oyec o, ue c ucial pa a noso os comp ende la a qui ec u a y el diseño del sis ema, así como amilia iza nos con sus uncionalidades, código uen e, documen ación y las he amien as y ecnologías u ilizadas. Po es a azón, una de nues as p ime as acciones ue lle a a cabo una ase de ap opiación del código. La ap opiación de código es el p oceso median e el cual una pe sona o un g upo adquie en, comp enden y u ilizan ac i amen e el código uen e de un p og ama o aplicación. Es e p oceso en p ime luga implica el es udio del código, con la in ención de comp ende cómo es á es uc u ado, cómo unciona y qué p opósi o cumple cada pa e del mismo. En segundo luga la modi icación y la pe sonalización de es e, con la inalidad de añadi modi icaciones según las necesidades y p e e encias. A con inuación se desc iben los cambios ealizados en las ap opiaciones. 4.1.1 Ap opiación de código - A icoding El juego es á desa ollado en Uni y [17] y cons a de 5 escenas p incipales. La p ime a escena es LoadingScene, donde se lle a a cabo el p oceso de inicialización de los dis in os sis emas del juego. La segunda es MenuScene, que si e como el menú p incipal del juego y desde la cual se puede accede a di e sas á eas, como juga ni eles, e el pe il, c ea ni eles, accede a la comunidad, en e o as opciones. La e ce a es Le elScene, una escena dedicada a ca ga los di e en es ni eles y pe mi i la jugabilidad p incipal pa a esol e los. La cua a es Boa dC ea ionScene, que pe mi e a los usua ios c ea nue os able os y pe sonaliza su dis ibución. Po úl imo, la quin a escena es EndScene, que simplemen e mues a los c édi os del juego. Den o del p oyec o de Uni y se ealiza on los siguien es cambios: 18 ● Sc ip s: ○ Renomb ado de Sc ip s siguiendo la con ención de nomb es “Uppe CamelCase”, ejemplo: “PenguinLoadingBeha io ”. ○ Desc ipción de las clases median e la e ique a <summa y>. ○ Mejo a del alcance y accesibilidad de cie as a iables “public” que no e an necesa ias en o os sc ip s sus i uyéndolo po “[Se ializeField] p i a e”. ○ Renomb ado de Sc ip s siguiendo la con ención de nomb es “lowe CamelCase”, ejemplo: “ini ialPoin ”. Figu a 4-1. Ejemplo de un sc ip e ac o izado ● Escena: ○ Uni o mado de los nomb es de odos los elemen os en inglés. ○ Sepa ación en e palab as con espacios. ○ Adición de GameObjec s acíos llamados “------------” pa a sepa a elemen os o g upos impo an es en la escena. ○ Mejo a de la je a quía. 19 Figu a 4-2. Ejemplo de una escena e ac o izada ● C eación de la pes aña “U ils” con el p opósi o de acili a la ansición en e escenas y simpli ica la unción de “Play-Unplay” debido a la necesidad del juego de a anca siemp e desde la escena “LoadingScene”. Figu a 4-3. Pes aña U ils c eada en Uni y ● Ac ualización del plugin Localizables de Uni y de la e sión 0.10.0 a la e sión 1.4.5 con sus espec i as e ac o izaciones en los sc ip s dependien es. ● Op imización del sis ema de gua dado pa a elimina la in o mación edundan e en los a chi os y agiliza la ca ga de da os. 20 4.1.2 Ap opiación de código - Se e A icodingSe e es una aplicación Ja a basada en Sp ing Boo , que u iliza Ma en como ges o de dependencias y cons ucción del p oyec o. Es e se ido es á diseñado pa a adminis a usua ios, ni eles y clases den o de la comunidad de A icoding. El se ido man iene uncionalidades pa a la de inición de usua ios con el ol de p o eso , quienes ienen la capacidad de c ea y ges iona clases (Class ooms), así como con ola el acceso a las mismas. La aplicación almacena in o mación sob e los componen es necesa ios y de ine la es uc u a de la base de da os, así como el manejo de las pe iciones del juego y del clien e. A icodingSe e es á o ganizado en paque es in e dependien es. Los con olado es (con olle s) son esponsables de ecibi las pe iciones HTTP an o del clien e web como del juego, haciendo uso de las uncionalidades de inidas en las clases del paque e se icios (se ices). Figu a 4-4. Diag ama de paque es y dependencias 21 En el paque e Reposi o y se encuen an las in e aces que acili an la consul a de la base de da os, ex endiendo JPA eposi o y. Es as in e aces gene an las consul as necesa ias sob e la base de da os in e p e ando el nomb e del mé odo de inido. Figu a 4-5. Ejemplo de un mé odo que de uel e ni eles públicos El paque e model con iene las es uc u as de da os pa a cada componen e del juego, como usua ios o ni eles. Es as es uc u as ambién de inen la es uc u a de las ablas en idad- elación en la base de da os. Figu a 4-6. Diag ama en idad- elación del se ido 22 Pa a acili a la comp ensión y ap opiación del código, se añadió al eposi o io un documen o desc ip i o sob e la es uc u a de A icoding Se e , donde se explica con mayo de alle lo mencionado an e io men e. También se amplió la in o mación en el a chi o README del p oyec o, con el in de simpli ica el despliegue del se ido . Además, se ealizó una e ac o ización de algunos de los mé odos en el código pa a mejo a su legibilidad y escalabilidad. Figu a 4-7. Código p e io a la ap opiación 23 Figu a 4-8. Código pos e io a la ap opiación 4.2 Co ección de e o es y op imizaciones Du an e el año 2023, el p o eso Miguel Ángel Ga ido Blázquez de la Uni e sidad Rey Juan Ca los p obó y analizó el p oyec o A icoding. Pos e io men e, elabo ó un in o me que de allaba los e o es encon ados du an e la ealización de es as p uebas. Dado que los alumnos del cu so 22/23 no pudie on abo da la solución de es os e o es a iempo, noso os nos enca gamos de hace lo. La mayo ía de los e o es iden i icados es aban elacionados con aspec os isuales, como imágenes que no se ajus aban co ec amen e al amaño en di e en es escalados de pan alla, así como e o es en las aducciones. T as ealiza di e sas p uebas, se implemen a on ajus es en el edimensionamien o de odos los elemen os del juego pa a ga an iza su adecuación a una amplia a iedad de amaños de pan alla. Du an e el mes de ene o, an e la posibilidad de lle a a cabo p uebas con usua ios eales, se p io izó la ealización de p uebas in ensi as del juego básico. Al mismo iempo, se añadie on nue as unciones con el obje i o de asegu a que la e sión que se u iliza a en las p uebas ue a es able y lib e de p oblemas. Se p es ó especial a ención al sis ema de gua dado, el cual p esen aba di icul ades. 24 4.3 Mejo as pa a la expe iencia de usua io T as conoce el es ado del p oyec o, se decidió ag ega una se ie de mejo as basándonos en las ideas ob enidas a a és del análisis de o os juegos simila es y p ocede a la co ección de e o es de ec ados en las p uebas de usua io del año an e io . 4.3.1 Nue as animaciones Se conside ó que o o ga le mayo p o agonismo al pingüino e a una decisión ace ada, dado que se ha e i icado que los usua ios esponden posi i amen e a su diseño. En consecuencia, se p ocedió a la inco po ación de nue as animaciones pa a en iquece su p esencia den o del juego. Figu a 4-9. C eación de animaciones del pingüino en Blende Con es e p opósi o, se empleó el p oyec o p e io penguinAnima ed de Blende pa a desa olla cua o animaciones, cada una ep esen ando un esul ado posible al comple a un ni el (desde alla con 0 es ellas has a ob ene las 3). Una ez c eadas las di e sas animaciones, es as se in eg a on en el juego den o de la en ana de solución de ni el, donde se mues an las animaciones co espondien es al esul ado ob enido. 25 Figu a 4-10. Ven ana de esul ado del ni el con el pingüino animado 4.3.2 Imágenes de los ni eles gua dados Resul a e iden e la impo ancia de con a con imágenes de is a p e ia en los ni eles pa a una ápida iden i icación del con enido an es de ing esa , y aunque dichas imágenes es aban disponibles pa a los ni eles básicos del juego, no se egis aban en ningún momen o las imágenes co espondien es a los ni eles gene ados po los usua ios, lo cual a ec aba nega i amen e la p esen ación isual de es os úl imos. Además, eniendo en cuen a que uno de los obje i os p imo diales de es e p oyec o e a mejo a el sis ema de comunidad, se an icipó la impo ancia que end ía la inclusión de una imagen p e ia pa a cada ni el. Figu a 4-11. Vis a p e ia de ni eles c eados 32 Figu a 4-18. Compa a i a de los elemen os del nue o diseño de la comunidad Las clases se conciben como en idades independien es debido a una se ie de azones undamen ales. P ime o, es ingi la capacidad de subi ni eles o lis as de ep oducción de mane a p i ada ue a del en o no de clase con ibuye al en iquecimien o de la comunidad, ya que odas las con ibuciones son públicas y accesibles pa a odos los usua ios. O o mo i o pa a conside a las clases como en idades independien es de las lis as de ep oducción es ga an iza que los alumnos puedan accede a ellas sin complicaciones y sin pe de se en la búsqueda. Es a sepa ación acili a el acceso di ec o a las clases pa a los alumnos, especialmen e po que el p o eso puede ag ega los di ec amen e, lo que les pe mi e apa ece au omá icamen e al inicia sesión con su usua io. Además, las clases o ecen al p o eso la capacidad de moni o iza el p og eso de los alumnos. Asimismo, es undamen al p o ege la p i acidad de los usua ios, e i ando que los c eado es de lis as engan acceso a in o mación sob e qué usua ios han jugado sus lis as. 4.4.2 Escena ios hipo é icos Pa a ea i ma las elecciones omadas en el nue o concep o de comunidad se plan ea on una se ie de escena ios hipo é icos. Es os escena ios son he amien as aliosas en el diseño y desa ollo de aplicaciones, ya que pe mi en p e e y analiza el 33 compo amien o del sis ema en si uaciones a iadas que pod ían no es a cubie as po casos de uso con encionales. 4.4.2.1 Escena io 1: P o eso Ma ías Ma ías, quien ha desca gado el juego g a ui amen e desde Gi hub pe o aún no posee el ol de p o eso , decide in oduci lo a sus alumnos. Du an e las p ime as es sesiones, los alumnos comple an los ni eles de la a en u a p incipal y quedan encan ados con la expe iencia. Mo i ado po el en usiasmo de sus es udian es, Ma ías planea que en la cua a sesión cada alumno c ee su p opio ni el. Después de que los alumnos c een sus ni eles, le p opo cionan a Ma ías los ID de cada uno. Con es a in o mación, Ma ías compila una lis a de ep oducción con los ni eles de sus es udian es y les in o ma cuál es la lis a pa a que jueguen y alo en los ni eles c eados po sus compañe os. Dado el éxi o de las sesiones de juego y el ap endizaje signi ica i o que los alumnos es án expe imen ando en cuan o a los concep os básicos de p og amación, Ma ías decide pone se en con ac o con los adminis ado es pa a ob ene el ol de p o eso . Una ez que lo ob iene, Ma ías decide que un po cen aje de la no a de cada alumno se de e mina á median e una se ie de ni eles. Ma ías c ea una clase con los 10 ni eles públicos más popula es de la comunidad, los p ueba pa a asegu a se de que no sean demasiado di íciles y los selecciona pa a la e aluación. En el día de la clase, Ma ías p opo ciona a los alumnos el código de acceso a la clase, pe mi iéndoles u iliza los usua ios que c ea on p e iamen e. Después de la clase, Ma ías e isa qué usua ios han comple ado cada ni el y u iliza es a in o mación pa a e alua a sus alumnos, econociendo así su p og eso y desempeño en la ma e ia. 4.4.2.2 Escena io 2: Es udiando So ia So ía, una es udian e de 2º de la ESO, mues a un g an in e és po la asigna u a de In o má ica y ya posee conocimien os p e ios en p og amación, especialmen e en Sc a ch, lo que le pe mi e encon a los ni eles básicos del juego A icoding bas an e 34 simples. Cuando la p o eso a les indica que ing esen a la página de la comunidad, So ía lo hace con acilidad y de inmedia o se di ige a la sección de ni eles. Mien as la p o eso a explica el p ocedimien o pa a uni se a la clase, So ía se adelan a y comienza a in en a comple a el ni el con más "Me gus as" que ha encon ado, u ilizando la unción de o dena po can idad de "Me gus as". 4.4.2.3 Escena io 3: Usua io ue a de clase Jo ge Jo ge, un adolescen e de 14 años, ha sen ido cu iosidad po el mundo de la p og amación, pe o se ha encon ado con di icul ades y us aciones al in en a ap ende . Sin emba go, un día descub e A icoding y se sien e a aído po su cu a de ap endizaje g adual y accesible, lo que le pe mi e supe a los desa íos del juego en pocas ho as. Impulsado po su en usiasmo, decide egis a se en la Comunidad pa a segui explo ando. Al p incipio, Jo ge se dedica a juga los ni eles más popula es de la comunidad y ambién expe imen a con algunas lis as de ep oducción. Mo i ado po su expe iencia, decide c ea sus p opios ni eles, los cuales eúne en una lis a de ep oducción. P on o, sus ni eles ganan popula idad en la comunidad, y uno de ellos se con ie e en el más ap eciado po los usua ios, incluso siendo u ilizado po p o eso es como Ma ías en sus clases, sin que Jo ge lo sepa. Con el iempo, Jo ge comienza a pe de in e és en el juego, ya que ninguno de los ni eles le p esen a un desa ío. Decide e oma un cu so de p og amación que había abandonado an e io men e debido a su di icul ad, pe o aho a se encuen a so p endido al descub i que comp ende pe ec amen e los concep os que an es le esul aban complicados, como los bucles. El cu so aho a le pa ece incluso ácil, demos ando su p og eso y habilidades adqui idas a a és de su expe iencia en A icoding. 4.4.2.4 Escena io 4: P o eso Edua do An es de la clase, Edua do elabo a una se ie de ni eles pe sonalizados u ilizando el edi o in eg ado en el juego. Luego, accede a la pla a o ma web y c ea una clase, en la cual añade los ni eles que ha diseñado p e iamen e. Pos e io men e, desde la 35 misma pla a o ma web, p ocede a c ea cuen as de usua io pa a cada uno de sus alumnos, asignándoles un nomb e de usua io y una con aseña. Seguidamen e, inco po a a los alumnos a la clase que ha c eado. Du an e la clase, Edua do dis ibuye las c edenciales de inicio de sesión a cada alumno y les explica cómo accede a la comunidad, di igi se a la clase co espondien e y juga los ni eles designados. Después de la clase, Edua do puede consul a la pla a o ma web pa a e i ica qué usua ios han comple ado cada ni el, u ilizando es a in o mación pa a e alua el p og eso y desempeño de sus alumnos. 4.4.3 Diseño de la in e az g á ica Se diseñó la in e az de comunidad con idea de man ene una buena expe iencia de usua io, haciéndola in ui i a y a ac i a a pa es iguales. Se c ea on dos boce os di e en es, diseñados po cada miemb o del g upo, en los que cada uno plasmó su idea de la comunidad pa a pode pone los en común y lle a a cabo una discusión sob e qué elemen os de cada boce o e an mejo es. Figu a 4-19. Boce os del nue o diseño de la comunidad de Ósca 36 Figu a 4-20. Boce os del nue o diseño de la comunidad de Césa Ambos diseños p esen aban de mane as muy simila es los menús con bo ones pa a accede de o ma di ec a a las páginas de ni eles, lis as y clases. En e los diseños se disc epaba en el diseño de las a je as de ni el, siendo unas ho izon ales y o as e icales. T as alo a los pun os ue es de cada diseño se omó la decisión de u iliza las a je as e icales po su acilidad pa a ajus a se a di e sos ipos de pan allas. 37 Figu a 4-21. P o o ipo del nue o diseño de la comunidad en Figma T as ene los boce os se p ocedió al desa ollo de un p o o ipo u ilizando Figma. Sob e él, se ealiza on las modi icaciones que conside amos necesa ias as p oba la expe iencia de usua io con es as in e aces y con as a nues a isión con Bal asa y An onio. Al inal se ob u o un p o o ipo e ec i o que an solo hubo que in oduci en el juego, dejando el siguien e esul ado: Figu a 4-22. Resul ados del nue o diseño de la comunidad en el juego 38 4.4.4 Implemen ación A con inuación se de allan las uncionalidades implemen adas en la Comunidad A icoding, aba cando aspec os an o del juego como del se ido y la pla a o ma web. 4.4.4.1 Funcionalidad de inicia sesión / egis a se Al selecciona la pes aña "Comunidad", el p ime elemen o que se p esen a es el menú pa a inicia sesión o c ea una cuen a nue a. En el con ex o del juego, la uncionalidad de inicio de sesión ya es aba implemen ada, po lo que solo se equi ió añadi la opción de egis o. Pa a ello, se inco po ó un menú que pe mi e al e na en e las pes añas de inicio de sesión y egis o de usua ios. El p oceso de egis o de un nue o usua io implica p opo ciona un nomb e de usua io, una con aseña y su con i mación. Una ez comple ado es e p oceso, el usua io es c eado y se accede au omá icamen e con las c edenciales p opo cionadas. Figu a 4-23. Menús de inicio de sesión y egis o de usua ios En lo que espec a al se ido , se añadió un nue o endpoin pa a el egis o de usua ios, el cual ecibe una solici ud POST con un o mula io de usua io (Use Fo m), man eniendo el mismo lujo que se seguía p e iamen e desde la página web. La di e encia adica en que aho a no es necesa io solici a una au en icación p e ia, ya que an e io men e solo un usua io con un ol supe io podía c ea nue as cuen as. 39 4.4.4.2 Funcionalidad del menú p incipal Después de inicia sesión o egis a se, los usua ios acceden al menú p incipal, una is a in e media que les pe mi e isualiza la in o mación de su pe il, incluyendo su nomb e, ol e imagen de pe il. Además, en es e menú p incipal se encuen an bo ones pa a accede a di e sas secciones especí icas, donde los usua ios pueden: e los ni eles de la comunidad, subi sus p opios ni eles, consul a las lis as de la comunidad, c ea sus p opias lis as, isualiza las clases a las que pe enecen y uni se a o as clases median e un código de acceso. Figu a 4-24. Menú de comunidad 4.4.4.3 Funcionalidad de cambia imagen de pe il Pa a modi ica la imagen de usua io, al hace clic en ella se despliega un menú que p esen a odas las opciones disponibles. Al selecciona una de las opciones simplemen e haciendo clic en ella, se e ec úa la elección. En cuan o al almacenamien o de da os, la selección de la imagen de pe il se egis a como un 40 núme o en e o den o de la clase de usua io. Es e núme o se co esponde con la imagen especí ica en el menú p incipal y se ac ualiza median e una solici ud PUT. Figu a 4-25. Menú selección imagen de usua io 4.4.4.4 Funcionalidad añadi imágenes de los ni eles Los ni eles emplean las imágenes que p e iamen e han sido gua dadas pa a cada ni el c eado, al como se mencionó en el pun o 4.2. Du an e el p oceso de subida de ni eles, las imágenes son almacenadas localmen e en la máquina que hospeda el se ido . Con es e p opósi o, se implemen ó un nue o DTO (Da a T ans e Objec ) que inco po a an o la in o mación del ni el como la imagen asociada. Al ecibi la pe ición, la imagen se ex ae como un a ay de by es. Pos e io men e, se gene a un nomb e único que se u iliza pa a almacena la en una ca pe a denominada le elImages. En la base de da os, se gua da únicamen e el nomb e del a chi o, lo que pe mi e su pos e io ecupe ación. 41 Figu a 4-26. Ca pe a le elImages en el se ido 4.4.4.5 Funcionalidad de e lis a de ni eles Inicialmen e, se p ocedió a la c eación de un p e ab pa a las a je as de ni el, el cual se con igu ó pa a adap a se a la in o mación de cada ni el desca gada desde el se ido . Pos e io men e, se implemen ó una página que incluía los bo ones de ol e al menú, ab i el menú de búsqueda a anzada y o dena , jun o con una lis a de a je as de ni el dispues as en un desplazamien o la e al. Figu a 4-27. Diseño a je as de ni eles y la página de busca ni eles 48 Pa a implemen a es a uncionalidad en el se ido , se añadió una clase como una abla de unión iple que incluye los iden i icado es de usua io, clase y ni el. De es a mane a, la combinación de es os iden i icado es asegu a que cada ins ancia sea única en odo momen o. Es o pe mi e mos a el p og eso de los jugado es en las a je as den o del juego, así como p opo ciona a los p o eso es una isualización más cla a a a és de una abla en la pla a o ma web, lo que acili a la comp ensión de qué usua ios han comple ado cada ni el. Figu a 4-35. Cap u a de es ado de la abla de unión iple 49 Figu a 4-36. De inición de la clase ClassRoomLe elComple ed Po úl imo, se añadió la is a de una abla en la pla a o ma web pa a e que el p o eso pudie a e el a ance de cada alumno. Es a abla con iene los nomb es de los ni eles que o man la clase en las columnas y los nomb es de cada alumno en las ilas. Figu a 4-37. Tabla con el p og eso de los alumnos en una clase 50 4.4.4.11 Funcionalidad de en a a una clase po código En el menú p incipal de la comunidad, se incluye un campo donde los usua ios pueden in oduci códigos pa a uni se a una clase especí ica. Cuando se in oduce un código álido, se no i ica al usua io que ha sido añadido a la clase co espondien e, la cual luego se mos a á en la página de clases. Al c ea una clase, únicamen e es posible hace lo a a és de la pla a o ma web. En es e p oceso, se gene a au omá icamen e un código alea o io compues o po 7 ca ac e es al anumé icos. Pa a isualiza es e código, es necesa io accede a la pla a o ma web. Figu a 4-38. Opción de accede a una clase 4.4.4.12 Funcionalidad de mensajes de a iso Se implemen a on mensajes de e oalimen ación pa a in o ma a los usua ios sob e sus acciones den o de la comunidad. Se op ó po u iliza el colo azul pa a los mensajes in o ma i os y el colo ojo pa a aquellos que indican un e o . Figu a 4-39. Mensajes in o ma i os de la comunidad 51 La lis a de mensajes in o ma i os incluye los siguien es e en os: inicio de sesión exi oso, egis o exi oso, c eación exi osa de una lis a de ep oducción, ca ga co ec a de un ni el, adición exi osa a una clase, y la si uación de no pe enece a ninguna clase. La lis a de mensajes de e o aba ca los siguien es casos: inicio de sesión allido, egis o allido, nomb e de lis a de ep oducción demasiado co o, nomb e de lis a de ep oducción demasiado la go, e o al c ea una lis a de ep oducción, campo de nomb e de usua io acío, campo de con aseña acío, e o al ca ga el ni el, lis a de ep oducción acía, clase no encon ada, se ido no encon ado, ni eles no encon ados, lis as no encon adas, con aseñas no coinciden es y ca ác e es no pe mi idos. 53 Capí ulo 5 - P uebas con usua ios "La e oalimen ación es el desayuno de los campeones." - Ken Blancha d 5.1 Es uc u a de las p uebas de usua ios Con el in de alida los cambios, iden i ica nue os e o es y ecopila eedback, se lle a on a cabo una se ie de p uebas con usua ios eales. La es uc u a de es as p uebas a ió según el iempo disponible y los obje i os especí icos de cada p ueba, pe o odas incluye on: una encues a p e ia a la p ueba pa a ecoge da os sob e los in e eses académicos y uso de disposi i os elec ónicos; la in e acción di ec a con el juego; y una encues a as p oba el juego pa a pedi e oalimen ación sob e la di icul ad, los concep os ap endidos y suge encias. Du an e la in e acción di ec a con el juego, el sis ema de analí icas ecopila da os sob e cada acción ele an e ealizada po los usua ios. Cada acción egis ada incluye in o mación sob e el usua io que la lle ó a cabo, la acción especí ica ealizada y el momen o exac o en que ocu ió. Además, en odas las p uebas se con ó con la p esencia de e aluado es, quienes es aban disponibles pa a asis i a los pa icipan es que encon a án di icul ades. 5.1.1 P ueba in e na 4ªESO + Emp esa A p incipios del mes de ab il, en la Facul ad de In o má ica de la UCM, u o luga 4º ESO + Emp esa, una inicia i a inanciada po la Comunidad de Mad id di igida a alumnos que cu san 4º de Educación Secunda ia Obliga o ia en cen os educa i os sos enidos con ondos públicos [19]. G acias a es e p og ama se ecibió un g upo de 15 es udian es de 4º de la ESO que pudie on p oba la e sión de A icoding sin el ediseño de la comunidad. El obje i o de es a p ueba ue comp oba el co ec o uncionamien o del juego as habe ealizado la ap opiación del código, las mejo as di e sas, las op imizaciones y el ediseño del menú p incipal. 54 Figu a 5-1. Fo os de la p ueba de 4ºESO + Emp esa El obje i o se cumplió po que odo el mundo pudo juga pe ec amen e sin no i ica ninguna incidencia g a e. Solamen e se de ec a on algunos e o es isuales que ue on a eglados pos e io men e. A pesa de no en a den o del obje i o de es a p ueba, ap o echamos los da os ecogidos median e las encues as y el acke pa a ealiza el siguien e análisis: El análisis mues a la elación en e el iempo jugado y el úl imo ni el supe ado. Como se puede obse a , odos los alumnos juga on en e 80-90 minu os ya que ue el iempo que du ó la sesión, pe o la di e encia en e los ni eles alcanzados es muy g ande. En consecuencia, se han de inido es egiones que dema can dis in os ni eles de endimien o académico. La egión oja iden i ica aquellos casos en los que los alumnos no han alcanzado los ni eles de compe encia espe ados. La egión ama illa ep esen a el desempeño ípico, donde los alumnos han alcanzado los es ánda es p e is os. Po o o lado, la egión e de des aca el excepcional endimien o de los es udian es que han supe ado ampliamen e las expec a i as es ablecidas. 55 Figu a 5-2. G á ico con los esul ados de las p uebas de 4ºESO + Emp esa En la g á ica se puede ap ecia que odos los alumnos juga on en e 80 y 90 minu os, dependiendo del iempo que emplea on en ealiza la encues a p e ia. Asimismo, se obse a que la mayo ía de ellos alcanza on ni eles en e 25 y 40, lo cual e a lo espe ado. Cabe des aca que dos alumnos no log a on llega a es e ango, p obablemen e debido al desin e és que mos a on en el juego. Sin emba go, o os cua o alumnos supe a on las expec a i as es ablecidas. En cuan o a las encues as ealizadas, se obse ó que las asigna u as p e e idas po la mayo ía del g upo e an las ma emá icas y la in o má ica. Además, la mayo ía de los alumnos mos aba un g an in e és en el á ea de la p og amación, y las espues as en gene al indican que la ac i idad les pa eció in e esan e y a la pa que ú il. 5.1.2 P ueba ex e na 4ºESO + Emp esa Miguel Ángel Ga ido Blázquez, docen e del Depa amen o de In o má ica y Es adís ica de la Uni e sidad Rey Juan Ca los, u ilizó A icoding pa a ealiza 2 sesiones en el mismo p og ama de 4ºESO + Emp esa. Es as sesiones ue on conducidas de mane a independien e, sin asis encia ex e na, con la ealización de una encues a p e ia an es del inicio de la ac i idad y o a al conclui . El obje i o de es a p ueba ue e i ica la 56 capacidad del juego pa a se u ilizado po un p o eso ex e no al equipo de desa ollo sin expe imen a ningún incon enien e, y adicionalmen e, espalda los esul ados de la p ueba p e ia. Las p uebas anscu ie on sin p oblemas y odos los pa icipan es pudie on dis u a del juego sin expe imen a ningún p oblema signi ica i o du an e las dos sesiones. Es o indica que el juego ope a adecuadamen e después de habe inco po ado odas las mejo as, y su ediseño g á ico se pe cibe como p ác ico e in ui i o. Una ez inalizadas las sesiones, Miguel elabo ó un in o me de allado pa a documen a los esul ados y acon ecimien os ocu idos du an e las p uebas. De dicho in o me podemos ex ae los siguien es pun os cla e. El p ime alle con ó con 30 pa icipan es y una du ación de ap oximadamen e 3 ho as con un descanso de 20 minu os. La ac i idad anscu ió sin incidencias écnicas ele an es. Los pa icipan es mos a on un p og eso adecuado en el juego, con el pa icipan e más a anzado alcanzando el ni el 6.9 y el menos a anzado llegando al ni el 2.7. Los esul ados de la encues a p e ia p opo ciona on una isión de allada del pe il de los pa icipan es. Se cons a ó un cla o in e és en la ecnología, con una inclinación no able hacia la c eación de aplicaciones y p og amas. Además, se des acó la p e e encia po á eas como la ingenie ía y la a qui ec u a en é minos de una u u a o mación académica. En la encues a pos e io , los es udian es exp esa on una alo ación posi i a gene al de la ac i idad, sub ayando la u ilidad de A icoding como he amien a pa a ap ende a p og ama . Sin emba go, se hicie on suge encias pa a mejo a la expe iencia, como hace el juego más en e enido y ag ega más explicaciones y ejemplos isuales. En la segunda sesión, pa icipa on 26 es udian es de los cuales la mayo ía mos ó ecep i idad. La dinámica del alle siguió una es uc u a simila a la p ime a sesión, con in e alos de juego y descanso. Los esul ados de la encues a p e ia e leja on nue amen e el in e és en la ecnología, con una des acada p e e encia po ap ende a c ea aplicaciones, 57 p og amas y ideojuegos. En la encues a pos e io , se ei e ó la alo ación posi i a de la ac i idad, esal ando nue amen e el ap endizaje de p og amación como pun o ue e. Se eno a on las suge encias pa a mejo a la expe iencia, cen ándose en la necesidad de hace el juego más en e enido y p opo ciona más explicaciones isuales. En esumen, el juego uncionó sin con a iempos y ambas p uebas se lle a on a cabo sin necesidad de asis encia ex e na de desa ollado es, lo que cumplió con el obje i o p incipal. Ambas sesiones de alle es de A icoding en la URJC ue on bien ecibidas po los es udian es, quienes alo a on posi i amen e la expe iencia de ap endizaje. Los esul ados de las encues as p opo ciona on in o mación sob e los in e eses y pe cepciones de los pa icipan es, así como suge encias ú iles pa a mejo a u u as sesiones. 5.1.3 P ueba Colegio A cip es e de Hi a A p incipios de mayo, se u o la opo unidad de p oba el nue o sis ema de la comunidad en el Colegio A cip es e de Hi a de El Espina , Sego ia, con las 3 clases de 6º de educación p ima ia. El diseño expe imen al comp endía múl iples ases dis ibuidas a lo la go de un pe íodo de 90 minu os. Inicialmen e, los pa icipan es dedica ían 10 minu os al elleno de una encues a p e ia. Pos e io men e, du an e la p ime a mi ad de la sesión (40 minu os), pa icipa ían en el juego p incipal. Seguidamen e, se les solici a ía egis a se en la comunidad y p opo ciona un código especí ico pa a uni se a la clase co espondien e, donde debe ían comple a 5 ni eles en un lapso de 30 minu os. Finalmen e, se des ina ían 10 minu os al ellenado de una encues a pos e io . El p opósi o p incipal de es a p ueba consis ió en e alua el uncionamien o del nue o sis ema de la comunidad, y el p opósi o secunda io ue analiza el desempeño de los alumnos de 6º de p ima ia en el juego po p ime a ez. Pa a la c eación de la clase, debido a la ausencia de un p o eso enca gado de diseña la ba e ía de ni eles, asumimos dicho ol y diseñamos los ni eles noso os mismos. Conscien es de la limi ación de iempo de los alumnos pa a a anza en el juego, desa ollamos 5 ni eles de di icul ad mínima que pudie an comple a se con los conocimien os adqui idos en la p ime a pa e de la sesión. Asimismo, nos es o zamos po 64 medallas, lo que los mo i a a es o za se aún más. Además, el sis ema de comunidad ha sido eno ado con un en oque esco, ma cando las bases pa a su expansión y mejo a en los p óximos años. 6.2 T abajo u u o A con inuación se p esen an algunas ideas que pod ían con ibui signi ica i amen e a mejo a la expe iencia del juego y su uso en u u os años: ● Desbloqueo de elemen os de pe sonalización: in oduci elemen os de pe sonalización pa a el pingüino pod ía aumen a el in e és de los usua ios po comple a los ni eles. Es os elemen os pod ían inclui colo es, somb e os, ajes, en e o os. ● Inco po ación de es ilos emá icos: una mejo a signi ica i a pod ía consis i en a ia la es é ica del ni el en unción de la ca ego ía a la que pe enece. Es as ca ego ías pod ían inclui di e en es ipos de climas den o de la na e, como á eas desé icas, sel á icas, á icas, en e o as. ● Co ección de e o es: Es c ucial abo da los e o es iden i icados du an e las p uebas, como la supe posición de bloques, la nomencla u a de a iables con usa y la gene ación de a chi os sensibles a ca ac e es no pe mi idos en Windows al nomb a ni eles. ● Mejo a del menú de edición: Es e aspec o del juego equie e un análisis exhaus i o y un ediseño adical que ap o eche sus o alezas y esuel a sus debilidades y e o es. ● Consejos del pingüino: Du an e el juego, el pingüino pod ía o ece consejos ú iles a a és de bocadillos. Es os consejos pod ían se del es ilo: “Ponle nomb es desc ip i os a las a iables”, “¿Sabías que haciendo clic de echo sob e un bloque lo puedes duplica ?”, “¡Ojo con deja bloques po ahí i ados!¡Qué deso den!”, e c. ● E ique ado de ni eles y lis as: La adición de e ique as a los ni eles y lis as pe mi i ía ema iza los ni eles y acili a la búsqueda según los concep os que se abo dan en cada ni el. 65 ● Reno ación del diseño del se icio web: Tan o a ni el isual como uncional, se pod ía conside a la inclusión de nue as ca ac e ís icas, como la capacidad pa a que los p o eso es ges ionen las cuen as de los alumnos que ellos mismos c een, o la posibilidad de pone los ni eles en modo p i ado. 67 Chap e 1 - In oduc ion “Educa ion is ou passpo o he u u e, o omo ow belongs only o he people who p epa e o i oday.” - Malcolm X 1. Mo i a ion Digi aliza ion has had a p o ound impac on socie y. I has undamen ally al e ed how we li e, wo k, communica e and engage wi h he wo ld a ound us [1]. Due o his, he need a ises o each compu a ional hinking [2] o equip people wi h he necessa y skills o unde s and and ac i ely pa icipa e in an inc easingly digi al wo ld. Howe e , cu en educa ional sys ems emain ocused on adi ional eaching me hods ha p io i ize memo iza ion and epe i ion o e he de elopmen o c i ical and p ac ical skills. In his con ex , se ious games a e p esen ed as a mo e e ec i e ool o eaching compu a ional hinking, since hey combine p ac ical lea ning and p oblem sol ing wi h an in e ac i e and engaging expe ience, hus p omo ing s uden c ea i i y and engagemen . A icoding was bo n wi h his same idea o p o iding educa ional games o each p og amming. A icoding is a se ious game designed o each young people he basics o p og amming and imp o e compu a ional hinking skills. I was de eloped in Uni y in 2020 and has con inued o be upda ed wi h new ea u es since hen. Addi ionally, i keeps i s sou ce open, allowing anyone o modi y i and add new ea u es eely. This p ojec p o ides he oppo uni y o con ibu e o he con inued de elopmen o A icoding, as well as an oppo uni y o del e deepe in o he heo y and p ac ice o se ious games and hei applica ion in he class oom, explo ing new educa ional me hodologies and e alua ing hei impac on lea ning. 2. Goals The main pu pose o his inal deg ee p ojec is o expand he A icoding p ojec , by imp o ing i s in e ace and expanding i s open communi y, allowing s uden s and 68 eache s o sha e le els c ea ed by hemsel es and imp o ing he use expe ience. To achie e his objec i e, he ollowing mo e speci ic sub-objec i es ha e been es ablished: ● S udy and unde s and applica ions and games ocused on he de elopmen o compu a ional hinking and i s communi y. ● Pe o m code app op ia ion. ● Iden i y and co ec p e iously unadd essed bugs. ● Imp o e he use expe ience. ● Redesign he communi y sys em and apply he necessa y changes o add imp o emen s. ● In eg a e se e and da abase changes wi h he new game clien . ● Valida e changes wi h eal use es ing. 3. Wo k plan Be o e s a ing de elopmen , wi h he aim o unde s anding and s udying simila applica ions, an exhaus i e analysis o a ious games will be ca ied ou o iden i y e ec i e in e aces and a ac i e mechanics. Fi s , he cu en s a e o he p ojec will be analyzed and s anda dized o u u e imp o emen s and implemen a ions, o which a code app op ia ion will be ca ied ou . A e his, o iden i y and co ec e o s, he epo s gene a ed om he use es s ca ied ou he p e ious yea will be e iewed. In o de o imp o e he use expe ience, modi ica ions will be made o he in e ace, an expanded in-game eedback sys em will be included, and addi ional anima ions will be implemen ed. To edesign he communi y sys em, he new idea will be p esen ed i s , ollowed by design and p o o yping o e i y i s obus ness [3]. I will hen be deployed o he game, in eg a ing he necessa y se e and da abase changes. Finally, he game's web se ice will be adap ed o mee hese new needs. Addi ionally, we will y o ca y ou es s wi h eal use s o alida e he changes, de ec new e o s and collec eedback. 69 In ela ion o he ools ha will be used, Google D i e and Gmail will be used o documen managemen and communica ion, espec i ely. Gi Hub will be used o e sion con ol, c ea ing a copy o he cu en eposi o ies. Uni y will emain as he ideo game engine, along wi h Visual S udio as he code edi o . To c ea e Asse s, Pho oshop will be used o image edi ing and Blende o c ea ing anima ions. Rega ding he de elopmen o he se e , In ellij will be used as he main IDE, HeidiSQL o da abase manipula ion, and Pos man o es ing HTTP eques s. Fo clien de elopmen , Visual S udio Code will be used. The in e ace designs will ini ially be c ea ed in pape and pencil, and la e p o o ypes will be de eloped wi h Figma. Figu e 1-1. P og ams used du ing he de elopmen o his p ojec In o de o moni o p og ess and ecei e eedback on he p og ess made, pe iodic mee ings will be held in pe son o h ough Google Mee . Du ing hese mee ings, p og ess since he p e ious mee ing will be p esen ed and he nex s eps o ollow will be de ined. A mo e de ailed desc ip ion o hese mee ings is p o ided in Appendix D. 71 Chap e 6 - Conclusions and u u e wo k “I ha e no hing o o e bu blood, oil, ea s and swea .” Wins on Chu chill 1. Conclusions We conside ha he p ojec sa is ac o ily achie ed he es ablished objec i es. Despi e he o e whelming ini ial complexi y o ge ing in ol ed in a la ge p ojec al eady de eloped and new, we managed o unde s and all i s ace s while making adjus men s o s anda dize i in iew o u u e imp o emen s and implemen a ions. By he ime we ackled he bug ixes epo ed he p e ious yea , we al eady had a clea unde s anding o how he p ojec wo ked, which made he p ocess conside ably easie . Thanks o he analysis o se e al games simila o A icoding, we we e able o inco po a e new ideas ha en iched he game expe ience. The communi y edesign wo k o ced us o adop an i e a i e and inc emen al wo k app oach, which included equi emen s speci ica ion, p o o yping and subsequen e inemen . Du ing he implemen a ion phase, we made imp o emen s o bo h he game and he se e simul aneously, using Pai P og amming o in eg a e bo h pa s e icien ly. Tes ing wi h eal use s has been an ex emely en iching expe ience. These es s ha e gi en us aluable insigh in o how A icoding is pe cei ed and used by hose o whom i was designed. Th ough di ec in e ac ion wi h use s, we ha e been able o iden i y bo h s eng hs and a eas o imp o emen in ou design and unc ionali y. I has been an hono o pa icipa e in his p ojec , o which nume ous people ha e dedica ed hei e o s and commi men o e he pas ew yea s. We a e pleased o ha e had he oppo uni y o con ibu e ou wo k. We can say wi h sa is ac ion ha he game has unde gone signi ican imp o emen s, bo h wi h i s mo e dynamic menus and wi h g ea e incen i es hanks o he new anima ions and medals, which mo i a es hem o wo k e en ha de . In addi ion, he communi y sys em has been e amped wi h a esh app oach, laying he g oundwo k o i s expansion and imp o emen in he coming yea s. 72 2. Fu u e Wo k He e a e some ideas ha could signi ican ly con ibu e o imp o ing he game expe ience and i s usabili y in u u e yea s: ● Unlocking cus omiza ion elemen s: in oducing cus omiza ion elemen s o he penguin could inc ease use s' in e es in comple ing le els. These elemen s could include colo s, ha s, cos umes, among o he s. ● Inco po a ion o hema ic s yles: a signi ican imp o emen could be o a y he aes he ics o he le el depending on he ca ego y o which i belongs. These ca ego ies would include di e en ypes o clima es wi hin he ship, such as dese , jungle, a c ic a eas, among o he s. ● Bug ixes: I is c ucial o add ess bugs iden i ied du ing es ing, such as block o e lapping, con using a iable nomencla u e, and gene a ing iles sensi i e o cha ac e s no allowed in Windows when naming le els. ● Imp o ed edi ing menu: This aspec o he game equi es a ho ough analysis and adical edesign ha akes ad an age o i s s eng hs and add esses i s weaknesses and bugs. ● Penguin ips: Du ing he game, he penguin could o e use ul ips h ough speech bubbles. These ips could be along he lines o : “Gi e desc ip i e names o a iables”, “Did you know ha by igh -clicking on a block you can duplica e i ?”, “Bewa e o lea ing blocks lying a ound, wha a mess!”, e c. ● Labeling o le els and lis s: The addi ion o labels o he le els and lis s would make i possible o hema ize he le els and acili a e he sea ch acco ding o he concep s add essed in each le el. ● Renewal o he web se ice design: Bo h isually and unc ionally, he inclusion o new ea u es could be conside ed, such as he abili y o eache s o manage s uden accoun s ha hey c ea e hemsel es, o he abili y o se le els o p i a e mode. 73 CONTRIBUCIONES PERSONALES Al se 2 alumnos de dis in os g ados, se op ó po di idi el abajo en unción de sus conocimien os y expe iencias p e ias. Ósca , quien es á cu sando Desa ollo de Videojuegos, se en ocó en los nue os diseños y en el desa ollo in e no del juego. Césa , es udian e de Ingenie ía In o má ica, se cen ó en el desa ollo del se ido y la aplicación web. Pa a in eg a las pa es donde el juego se conec a con el se ido , se decidió u iliza la écnica de Pai P og amming. Además, si bien cada uno de noso os edac ó indi idualmen e cie as secciones de es a memo ia, es impo an e des aca que la mayo pa e del abajo se lle ó a cabo de mane a colabo a i a du an e nues as sesiones de ideollamadas conjun as. 80 [12] Inicio - Supe Ma io Make 2TM pa a la consola Nin endo Swi chTM - Si io o icial. h ps://supe ma iomake .nin endo.com/es/ [13] A icoding – eUCM. h ps://www.e-ucm.es/es/po olio-i em/a icoding/ [14] Faouaz San illana, D., Ga cía Cá denas, A., & Poya os Mo a e, Á. (2021). Juegos Se ios pa a P omo e el Pensamien o Compu acional y la P og amación. h p://hdl.handle.ne /20.500.14352/10444 [15] Dua e Bal ís, T., Ma ín Sánchez, A., & Ma ínez Ma ínez, P. (2022). Uso de juegos se ios pa a mejo a el ap endizaje de la p og amación en la escuela. h p://hdl.handle.ne /20.500.14352/3240 [16] Ma ín Domínguez, H., & Cidoncha Pé ez, G. (2023). Videojuegos y P og amación: E aluación de Conocimien o sob e los Concep os de P og amación en Secunda ia a a és de un Videojuego. [17] Buche , N. (2017). In oducing design pa e ns and bes p ac ices in uni y. P oceedings o he Sou hEas Con e ence, ACMSE 2017, 243–247. h ps://doi.o g/10.1145/3077286.3077322 [18] Figma. h ps://www. igma.com/ [19] P og ama 4o ESO+Emp esa | Comunidad de Mad id. h ps://www.comunidad.mad id/se icios/educacion/p og ama-4o-esoemp esa 81 APÉNDICES Apéndice A - Reposi o ios ● A icoding h ps://gi hub.com/Oska F ees yle/A icoding23-24 ● Se ido A icoding h ps://gi hub.com/Cesa CRP97/a icodingse e ● Clien e Web A icoding h ps://gi hub.com/Cesa CRP97/a icodingclien Apéndice B - Backup de la base de da os Se ha gene ado un backup de una base de da os que incluye a ios ni eles, lis as y clases, con el in de que los u u os desa ollado es puedan emplea la y e alua la comunidad sin necesidad de in e i es ue zos en la c eación de es os elemen os. Dicha copia de segu idad se encuen a almacenada en el eposi o io del se ido , especí icamen e en la ca pe a denominada da abaseTempla e: h ps://gi hub.com/Cesa CRP97/a icodingse e /blob/mas e /da abaseTempla e/basicBackup.sql Apéndice C - Sc ip de análisis de los da os json Se ha inco po ado un sc ip de Py hon diseñado pa a lee los da os del a chi o JSON gene ado po el acke , acili ando así su análisis. Ac ualmen e, el sc ip ecopila in o mación sob e el iempo de juego de cada jugado y el núme o de ni eles comple ados, p esen ándolos en o ma de abla. No obs an e, es ácilmen e adap able pa a u iliza cualquie o o da o con enido en el a chi o JSON. Es e sc ip se localiza en el eposi o io del juego, den o de la ca pe a denominada AnálisisT acke : h ps://gi hub.com/Oska F ees yle/A icoding23-24/ ee/main/AnalisisT acke 82 Apéndice D - Reuniones Con el p opósi o de moni o ea el p og eso y ob ene e oalimen ación sob e los a ances ealizados, se lle a on a cabo euniones pe iódicas an o p esenciales como a a és de Google Mee . Du an e es as euniones, se p esen aban los a ances desde el encuen o an e io y se de inían los p óximos pasos a segui . En el siguien e calenda io, se esal an los días en los que se lle a on a cabo es as euniones pa a des aca el abajo con inuo en el p oyec o a lo la go de odo el cu so. Figu a 6-1. Calenda io con las euniones ealizadas a lo la go del p oyec o 83