Adap aMa e ialEscola : He amien a pa a la adap ación
de asigna u as a necesidades educa i as especiales
Adap aMa e ialEscola : Tool o adap ing subjec s o
special educa ional needs
T abajo de Fin de G ado
Pablo Mi anda To es
Na alia Rod íguez-Pe al Valien e
Jo ge Velasco Conde
Di ec o as
Vi ginia F ancisco Gilma ín
Raquel He ás Balles e os
T abajo de Fin de G ado en Ingenie ía del So wa e
Facul ad de In o má ica
Uni e sidad Complu ense de Mad id
Junio 2021
Documen o maque ado con T
EXiS .1.0+.
Es e documen o es á p epa ado pa a se imp imido a doble ca a.
Adap aMa e ialEscola : He amien a pa a la adap ación de
asigna u as a necesidades educa i as especiales
Adap aMa e ialEscola : Tool o adap ing subjec s o
special educa ional needs
Memo ia que p esen an pa a op a al í ulo de G ado en Ingenie ía
del So wa e
Pablo Mi anda To es
Na alia Rod íguez-Pe al Valien e
Jo ge Velasco Conde
Di igida po las Doc o as
Vi ginia F ancisco Gilma ín
Raquel He ás Balles e os
Ve sión 1.0+
T abajo de Fin de G ado en Ingenie ía del So wa e
Facul ad de In o má ica
Uni e sidad Complu ense de Mad id
Junio 2021
Ag adecimien os
En p ime luga , que emos ag adece a nues as di ec o as Vi ginia y
Raquel po oda la dedicación y apoyo b indados en el p oyec o, así como
odos los consejos apo ados pa a el desa ollo de Adap aMa e ialEscola .
En segundo luga que emos ag adece a nues os amilia es y amigos po
odo el ánimo y ayuda que nos han p opo cionado en es a e apa.
Po úl imo, ambién que emos ag adece a odos los docen es del Aula
TEA del Ins i u o Juan de Á ila po con ia en noso os y da nos la opo u-
nidad de c ea de es a he amien a.

Resumen
Po ley, el cu ículum educa i o a a de ga an iza que el p oceso de
o mación del alumnado cuen e con los ma e iales, ecu sos y con enidos
necesa ios du an e su eco ido académico, en igualdad de condiciones. Sin
emba go, debido a que no odos los es udian es cuen an con las mismas
he amien as de ap endizaje, exis e la posibilidad de ealiza adap aciones
cu icula es.
Ac ualmen e no exis en he amien as g a ui as pa a ealiza adap acio-
nes cu icula es, y los docen es dedican demasiado iempo en c ea ma e ial
académico pa a es udian es que lo necesi en: ienen que ajus a la uen e de
ex o, el amaño, busca imágenes en In e ne o escanea las de lib os, e c., e
incluso algunos ienen que hace lo a mano.
Es e p oyec o consis e en el desa ollo de una aplicación web, Adap-
aMa e ialEscola , c eada especí icamen e pa a acili a a los docen es la
adap ación cu icula no signi ica i a de exámenes, ac i idades y unidades
didác icas pe sonalizadas pa a cada alumno. Pa a ello, hemos implemen ado
un edi o de ex o que cuen a con los o ma os y las uncionalidades más
u ilizadas po los p o eso es, con el in de que puedan ealiza las adap acio-
nes de mane a más ápida, siguiendo un Diseño Cen ado en el Usua io. Las
uncionalidades que se han implemen ado en Adap aMa e ialEscola son: un
buscado de pic og amas, eje cicios de comple a huecos en blanco, de ge-
ne ación de sopas de le as, de e dade o o also, de de ini concep os, y de
p egun a pa a desa olla con un espacio limi ado.
La aplicación web ha sido p obada y e aluada po usua ios inales que
p e enden usa la en el pe íodo escola . Los esul ados ob enidos demues-
an que se cub e una necesidad eal del p o eso ado y su in e és po segui
desa ollando y mejo ando Adap aMa e ialEscola .
ii
Palab as Cla e
Adap ación cu icula no signi ica i a
Accesibilidad
Pic og amas
He amien a docen e
Edi o de ex o
Aplicación web
Ma e ial académico
ix
x i Índice
4.3. APIdeARASAAC........................ 27
4.4. Jes ................................ 28
4.5. CKEdi o ............................. 31
4.6. Wo d-sea ch............................ 32
5. Me odología de desa ollo 37
5.1. In oducción............................ 37
5.2. Kanban .............................. 38
5.3. Tiposdep uebas......................... 41
5.3.1. P uebas de memo ia . . . . . . . . . . . . . . . . . . . 41
5.3.2. P uebas de implemen ación . . . . . . . . . . . . . . . 41
6. Adap aMa e ialEscola 45
6.1. Requisi os de la aplicación . . . . . . . . . . . . . . . . . . . . 45
6.1.1. Cap u a de equisi os . . . . . . . . . . . . . . . . . . 46
6.1.2. Análisis de equisi os . . . . . . . . . . . . . . . . . . . 48
6.1.3. Requisi os adicionales . . . . . . . . . . . . . . . . . . 52
6.2. Diseño de la aplicación . . . . . . . . . . . . . . . . . . . . . . 52
6.2.1. P ime a i e ación: boce o inicial . . . . . . . . . . . . . 53
6.2.2. Segunda i e ación: e sión 1.0 del p o o ipo . . . . . . 53
6.2.3. Te ce a i e ación: i e ación compe i i a . . . . . . . . . 56
6.2.4. Cua a i e ación: diseño inal . . . . . . . . . . . . . . 62
6.3. Implemen ación.......................... 62
6.3.1. A qui ec u a . . . . . . . . . . . . . . . . . . . . . . . 68
6.3.2. Funcionalidades . . . . . . . . . . . . . . . . . . . . . . 72
6.3.3. Es uc u a del código . . . . . . . . . . . . . . . . . . 97
7. E aluación de Adap aMa e ialEscola 101
7.1. In oducción............................101
7.2. Diseño de la e aluación . . . . . . . . . . . . . . . . . . . . . . 102
7.3. Desa ollo de la e aluación . . . . . . . . . . . . . . . . . . . . 104
7.4. Resul ado de la e aluación . . . . . . . . . . . . . . . . . . . . 105
7.5. Conclusión de la e aluación . . . . . . . . . . . . . . . . . . . 108
8. Conclusiones y T abajo u u o 109
8.1. Conclusiones ...........................109
8.2. T abajo u u o . . . . . . . . . . . . . . . . . . . . . . . . . . 111
9. Conclusions and Fu u e Wo k 115
9.1. Conclusions............................115
9.2. Fu u ewo k............................117

Índice x ii
10.T abajo Indi idual 121
10.1.Na alia...............................121
10.2.Jo ge................................123
10.3.Pablo ...............................124
A. Tabla de pun uaciones indi iduales y examen de p ueba 127
Bibliog a ía 131
Índice de igu as
3.1. Ejemplo de documen o adap ado a lec u a ácil. En es e caso,
un documen o ju ídico . . . . . . . . . . . . . . . . . . . . . . 12
3.2. Ejemplo de pic og ama de una osa . . . . . . . . . . . . . . . 13
3.3. Ejemplo de pic og ama que ep esen a la acción de come . . 13
3.4. Ejemplo de pic og amas del Sis ema Pic og á ico de Comuni-
cación(SPC) ........................... 14
3.5. Ejemplo de sis ema pic og á ico Minspeak . . . . . . . . . . . 15
3.6. In e az de ARAWORD . . . . . . . . . . . . . . . . . . . . . 16
3.7. Ven ana de gene ación de eje cicio de asocia concep os con
EasyTes Make .......................... 17
3.8. Ejemplo de examen gene ado con EasyTes Make . . . . . . . 17
3.9. In e az de Resoome . . . . . . . . . . . . . . . . . . . . . . . 18
3.10. In e az de Can a pa a la c eación de un esquema usando una
plan illa .............................. 18
3.11. Ejemplo de guión g á ico . . . . . . . . . . . . . . . . . . . . . 20
3.12. Ejemplo de boce o en papel . . . . . . . . . . . . . . . . . . . 21
3.13. Ejemplo de p o o ipo en papel in e ac i o . . . . . . . . . . . 22
4.1. In e az de Moqups . . . . . . . . . . . . . . . . . . . . . . . . 24
4.2. Menúsupe io ........................... 24
4.3. Menú la e al izquie da . . . . . . . . . . . . . . . . . . . . . . 25
4.4. Menú la e al de echa ( o ma o) . . . . . . . . . . . . . . . . . 25
4.5. Menú la e al de echa (in e acciones) . . . . . . . . . . . . . . 25
4.6. Funcionalidad sin usa JSX . . . . . . . . . . . . . . . . . . . 26
4.7. Funcionalidad empleando JSX . . . . . . . . . . . . . . . . . . 26
4.8. Tes pasado co ec amen e . . . . . . . . . . . . . . . . . . . . 30
4.9. Tes no pasado co ec amen e . . . . . . . . . . . . . . . . . . 30
4.10. Ejemplo de CKEdi o 5 . . . . . . . . . . . . . . . . . . . . . 32
4.11. Ejemplo de esul ado de sopa de le as usando g id() . . . . . 34
4.12. Ejemplo de esul ado de sopa de le as usando oS ing() . . . 35
4.13. Ejemplo de las palab as inse adas al usa wo ds() . . . . . . 35
xix
xx Índice de igu as
4.14. Ejemplo del obje o esul an e al usa dump() . . . . . . . . . 36
4.15. Ejemplo de llamada a la unción ead() . . . . . . . . . . . . . 36
4.16. Ejemplo del s ing o mado cuando se usan los pa áme os de
laFigu a4.15........................... 36
5.1. Table o Kanban ......................... 40
6.1. Boce o inicial de la aplicación . . . . . . . . . . . . . . . . . . 53
6.2. Ve sión 1.0 de la página p incipal . . . . . . . . . . . . . . . . 54
6.3. Ve sión 1.0 del edi o . . . . . . . . . . . . . . . . . . . . . . . 55
6.4. Ve sión 1.0 de la búsqueda de pic og amas . . . . . . . . . . . 56
6.5. Ve sión 1.0 de la adap ación de ac i idades . . . . . . . . . . 56
6.6. Ve sión 1.0 de la adap ación de ema io . . . . . . . . . . . . 57
6.7. P o o ipo de la página p incipal (Jo ge) . . . . . . . . . . . . 58
6.8. P o o ipo de la página p incipal (Na alia) . . . . . . . . . . . 58
6.9. P o o ipo de la página p incipal (Pablo) . . . . . . . . . . . . 59
6.10. P o o ipo del edi o (Jo ge) . . . . . . . . . . . . . . . . . . . 59
6.11. P o o ipo del edi o con un desplegable en uno de los menús
(Jo ge)............................... 60
6.12. P o o ipo de la is a p e ia (Jo ge) . . . . . . . . . . . . . . . 61
6.13. P o o ipo del edi o (Na alia) . . . . . . . . . . . . . . . . . . 61
6.14. P o o ipo del edi o (Pablo) . . . . . . . . . . . . . . . . . . . 62
6.15. Página p incipal de Adap aMa e ialEscola . . . . . . . . . . 63
6.16. Página p incipal de Adap aMa e ialEscola as subi un do-
cumen o.............................. 64
6.17. In e az de Adap aMa e ialEscola al selecciona Pic og amas 64
6.18. In e az de Adap aMa e ialEscola al selecciona Comple a
huecos............................... 65
6.19. In e az de Adap aMa e ialEscola al selecciona De iniciones 65
6.20. In e az de Adap aMa e ialEscola al selecciona Desa ollo . 66
6.21. In e az de Adap aMa e ialEscola al selecciona Sopa de le as 66
6.22. In e az de Adap aMa e ialEscola al selecciona V/F . . . . . 67
6.23. Ejemplo de en ana mo ible . . . . . . . . . . . . . . . . . . . 67
6.24. Diag ama de lujo en Redux . . . . . . . . . . . . . . . . . . . 68
6.25. Compa ación de lujo de in o mación de componen es sin y con
Redux. Fuen e: h ps://blog.codecen ic.de/en/2017/12/de eloping-
mode n-o line-apps- eac js- edux-elec on-pa -3- eac js- edux-
basics/............................... 70
6.26. Diag ama de secuencia de subi un documen o . . . . . . . . . 73
6.27. Diag ama de lujo de subi un documen o . . . . . . . . . . . 73
6.28. Diag ama de secuencia del p oceso de inicialización del edi o
y la ejecución de la unción execu e() . . . . . . . . . . . . . . 78
Índice de igu as xxi
6.29. Resul ados del buscado de pic og amas . . . . . . . . . . . . 79
6.30. Pic og ama in oducido en el edi o . . . . . . . . . . . . . . . 79
6.31. Diag ama de clases del buscado de pic og amas . . . . . . . . 80
6.32. Diag ama de secuencia del buscado de pic og amas . . . . . 80
6.33. Vis a p e ia de la sopa de le as . . . . . . . . . . . . . . . . . 81
6.34. Diag ama de lujo de la gene ación de la sopa de le as . . . . 83
6.35. Diag ama de secuencia de la gene ación de la sopa de le as . 84
6.36. Resul ado de la gene ación de la sopa de le as . . . . . . . . 85
6.37. Diag ama de lujo cuando se modi ica el ex o de una de inición 86
6.38. Diag ama de secuencia cuando se modi ica el ex o de una
de inición ............................. 86
6.39. Ejemplo I de opciones del eje cicio de de iniciones . . . . . . . 87
6.40. Resul ado del eje cicio de de iniciones . . . . . . . . . . . . . . 88
6.41. Diag ama de lujo cuando se modi ica el enunciado del eje ci-
cio p egun a pa a desa olla . . . . . . . . . . . . . . . . . . 89
6.42. Diag ama de secuencia cuando se modi ica el enunciado del
eje cicio p egun a pa a desa olla . . . . . . . . . . . . . . . 89
6.43. Ejemplo de opciones del eje cicio p egun a pa a desa olla . . 90
6.44. Resul ado de eje cicio p egun a pa a desa olla . . . . . . . . 90
6.45. Diag ama de lujo cuando añaden más ilas al eje cicio de e -
dade oo also........................... 91
6.46. Diag ama de secuencia cuando añaden más ilas al eje cicio
de e dade o o also . . . . . . . . . . . . . . . . . . . . . . . 92
6.47. Ejemplo de opciones del eje cicio e dade o o also . . . . . . 92
6.48. Resul ado de eje cicio e dade o o also . . . . . . . . . . . . 93
6.49. Ejemplo de edición del ex o del eje cicio comple a huecos . . 93
6.50. Ejemplo de selección de palab as del eje cicio comple a huecos 94
6.51. Diag ama de secuencia cuando se hace clic sob e Selecciona
palab as en el eje cicio comple a huecos . . . . . . . . . . . . 95
6.52. Diag ama de lujo al selecciona una palab a del eje cicio com-
ple a huecos ........................... 95
6.53. Diag ama de secuencia cuando se hace clic en una palab a en
el eje cicio comple a huecos . . . . . . . . . . . . . . . . . . . 96
6.54. Resul ado del eje cicio de comple a huecos . . . . . . . . . . 97
6.55. Ejemplo de o ganización de Componen s . . . . . . . . . . . . 98
6.56. Ejemplo de o ganización de Pages . . . . . . . . . . . . . . . . 99
6.57. Ejemplo de o ganización de Redux . . . . . . . . . . . . . . . 99
6.58. Ejemplo de o ganización de CKEdi o . . . . . . . . . . . . . 100
7.1. G á ica de esul ados de la Escala de Usabilidad de un Sis ema106
7.2. G á ica de esul ados de Diseño, Funcionalidades y U ilidad eal107

Índice de Tablas
6.1. Pun uación po impo ancia (Imp.) y di icul ad (Di .) de odos
los equisi os de la aplicación . . . . . . . . . . . . . . . . . . 50
6.2. Lis a de uncionalidades elacionadas con adap aciones de e-
ma io (T) y eje cicios (E), o denada po p io idad . . . . . . 51
6.3. Lis a de uncionalidades de adap ación de o ma o, o denada
po p io idad ........................... 51
7.1. Cálculo del esul ado del cues iona io de SUS . . . . . . . . . 106
A.1. Pun uación indi idual de cada miemb o del equipo de desa-
ollo pa a cada equisi o . . . . . . . . . . . . . . . . . . . . . 128
xxiii
Capí ulo 1
In oducción
Resumen: En es e capí ulo se ealiza la in oducción del T abajo de
Fin de G ado que a a se p esen ado en es e documen o. P ime o, en
la Sección 1.1, se explica á la mo i ación que ha dado luga al abajo.
A con inuación, en la Sección 1.2, el obje i o que se p e ende alcanza .
Po úl imo, la es uc u a del p oyec o inal, en la Sección 1.3.
1.1. Mo i ación
La educación escola iene como inalidad p omo e el desa ollo de cie -
as capacidades y el ap endizaje de de e minados con enidos necesa ios pa a
que los alumnos puedan se miemb os ac i os de la sociedad. Pa a ello, la
escuela debe o ece una espues a educa i a que e i e la disc iminación y
asegu e la igualdad de opo unidades.
El sis ema educa i o español, en la ac ualidad, es á o ganizado en ocho
e apas o ni eles que ga an izan el de echo a una educación inclusi a pa a
el alumnado en cada ase de su desa ollo cogni i o y emocional (González,
2020): Educación in an il, Educación p ima ia, ESO, Bachille a o, Fo ma-
ción p o esional, Ca e a uni e si a ia, Más e es y pos g ados y Doc o ado.
De és as, únicamen e dos son obliga o ias: Educación P ima ia (EP) y Edu-
cación Secunda ia Obliga o ia (ESO).
En España hay ap oximadamen e unos 2 millones de alumnos con nece-
sidades educa i as especiales (NEE), aunque no odos ellos p esen an algún
ipo de discapacidad, en e a los 8 millones de es udian es que hay en ense-
ñanzas de égimen gene al no uni e si a ias.
Los ma e iales, ecu sos y con enidos que se p esen an y usan en los cen-
os educa i os es án egulados po ley en el cu ículum educa i o o escola .
El cu ículum educa i o a a de ga an iza que odos los alumnos e minan
cada cu so igual de p epa ados y egula los elemen os que de e minan los
1

Capí ulo 3
Es ado del A e
Resumen: En es e capí ulo nos cen a emos en explica el dominio
en el que se enma ca nues o p oyec o. En la sección 3.1 explica emos
en de alle las necesidades de las pe sonas con necesidades especiales, y
cómo se a an de sa is ace median e adap aciones cu icula es. Ade-
más, en la sección 3.2, menciona emos algunas de las he amien as
ac uales pa a ealiza adap aciones cu icula es o ien adas a nues o
obje i o. Po o a pa e, se explica án en la sección 3.3 las bases del
Diseño Cen ado en el Usua io de ca a a o ece una expe iencia de
usua io sa is ac o ia.
3.1. Adap ación Cu icula
Los ma e iales, ecu sos y con enidos que se p esen an y usan en los
cen os educa i os es án egulados po ley en el cu ículo educa i o o escola .
El cu ículo educa i o a a de ga an iza que odos los alumnos e minan
cada cu so igual de p epa ados, e incluye odos los ecu sos académicos,
ma e iales y humanos necesa ios pa a lle a a cabo el p oyec o educa i o
ma cado po la legislación.
Las p incipales unciones del cu ículo educa i o son: de e mina las asig-
na u as, con enidos y emá icas comunes a odos los alumnos, de e mina los
c i e ios de e aluación y log os que debe supe a el alumnado y o maliza
los es ánda es educa i os que pe mi an cumpli unos obje i os es ablecidos.
En el cu ículo escola exis en unas necesidades educa i as comunes, com-
9
10 Capí ulo 3. Es ado del A e
pa idas po odos los alumnos. Sin emba go, no odos los es udian es se
en en an con las mismas he amien as al ap endizaje, cada es udian e iene
una necesidad indi idual. La mayo ía de las necesidades indi iduales de los
es udian es son esuel as a a és de ac uaciones “sencillas”: da más iempo
al alumno pa a el ap endizaje de de e minados con enidos, diseña ac i i-
dades complemen a ias... Sin emba go, exis en necesidades indi iduales que
no pueden se esuel as po es os medios, siendo necesa ias una se ie de me-
didas pedagógicas especiales dis in as de las que equie en habi ualmen e la
mayo ía de los alumnos. En es e caso se habla de necesidades educa i as
especiales. Pa a a ende es as necesidades son necesa ias adap aciones cu i-
cula es. La adap ación cu icula (o adecuación cu icula ) es la modi icación
de elemen os del cu ículo a in de da espues a a las necesidades especia-
les del alumnado. Las adap aciones cu icula es se clasi ican en (CADAH,
2012):
Adap aciones Cu icula es de Acceso al Cu ículo. Responden
a las necesidades de un g upo de pe sonas. Es os pueden se :
•De Acceso Físico. Rep esen a a los ecu sos ma e iales y es-
paciales. Ejemplos de es os son mobilia io adap ado, iluminación
y sono idad adap ada, o p o eso ado de apoyo especializado en
me odologías que acili en el ap endizaje de los alumnos.
•De Acceso a la Comunicación. Incluye ma e iales especí icos
de enseñanza ales como: ap endizaje, ayudas ecnológicas o sis-
emas de compu ación complemen a ios. Algunos ejemplos son el
b aille, la lengua de signos o la comunicación a a és del o dena-
do .
Adap aciones Cu icula es Indi idualizadas. Se ealizan pa a un
único alumno con el in de esponde a necesidades educa i as espe-
ciales que no pueden se compa idas po el es o de los compañe os.
Pueden se :
•No Signi ica i as. Adap an ma e iales, iempos, ac i idades,
me odologías, écnicas e ins umen os de e aluación sin modi i-
ca los con enidos cu icula es de las asigna u as. Es la es a egia
p incipal pa a consegui la indi idualización de la enseñanza y
po an o, ienen un ca ác e p e en i o y compensado .
•Signi ica i as. Modi icaciones que se ealizan desde la p og a-
mación, p e ia e aluación psicopedagógica, y que a ec an a los
elemen os p esc ip i os del cu ículo o icial a modi ica e inclu-
so elimina obje i os gene ales de la e apa, con enidos básicos y
nuclea es de las di e en es á eas cu icula es y c i e ios de e alua-
ción.
3.1. Adap ación Cu icula 11
Aunque la adap ación cu icula incluye un amplio núme o de posibilidades
y écnicas, en gene al es necesa io simpli ica el lenguaje que se u iliza, e
incluso o ece al e na i as al mismo. De ambas cues iones se enca gan, en e
o os, la lec u a ácil y los pic og amas, que se explica án a con inuación.
3.1.1. Lec u a ácil pa a adap ación cu icula
No odas las pe sonas ienen la misma capacidad de en ende el lenguaje
na u al, ya que es a capacidad puede es a limi ada po di e en es causas.
Según el manual “Lec u a ácil: Mé odos de edacción y e aluación” (Ósca
Ga cía Muñoz, 2012), las pe sonas más a ec adas po es e p oblema son las
pe sonas con discapacidad in elec ual. Algunos ejemplos son las pe sonas con
Sínd ome de Down o las pe sonas con en e medades y as o nos men ales y
del compo amien o, como las pe sonas con T as o no del Espec o Au is a
(TEA). También se en a ec adas las pe sonas con di icul ad pa a el desa o-
llo del lenguaje po discapacidad audi i a y las pe sonas con ci cuns ancias
ansi o ias de di icul ad en la comp ensión lec o a. Po ello, las adap acio-
nes a lec u a ácil pueden supone un g an bene icio pa a es os usua ios.
Las adap aciones cu icula es pa a es os casos equie en documen os con un
lenguaje más cla o y comp ensible, y una es uc u a más simple y esquemá-
ica. Las di ec ices de Lec u a Fácil es ablecen un g an núme o de eglas,
an o es é icas como de edacción, pa a pode acili a es as adap aciones y
ga an iza un ex o de ácil lec u a. Algunas de las medidas que esul an de
in e és pa a es e abajo son:
G amá ica. E i a cie os iempos e bales, como el u u o o el sub-
jun i o, o usa o aciones simples y co as, son algunas de las medidas
g ama icales que p opone el manual.
O og a ía. Tene en cuen a cie as pau as pa a e i a el uso de signos
o og á icos que puedan di icul a la comp ensión lec o a. Se ecomien-
da e i a el pun o y seguido, y usa el pun o y apa e pa a así deja
bien di e enciadas las ases. También se aconseja e i a el pun o y
coma y los pun os suspensi os. En cuan o a los núme os, es p e e ible
que se esc iban en o ma o ci a.
Léxico. T a a de usa un ocabula io que no sea complejo. Se acon-
seja u iliza palab as sencillas exp esadas de o ma simple y que, en la
medida de lo posible, no sean la gas. También se ecomienda u iliza
siemp e el mismo sinónimo y e i a ab e ia u as y siglas.
Tipog a ía. El amaño de le a debe de se lo su icien emen e g ande,
en e 12 y 16 pun os, y se deben u iliza ipog a ías sin ema e como
12 Capí ulo 3. Es ado del A e
A ial o Hel e ica y e o za la ni idez de los núme os.
Composición del ex o. Pa a las líneas, ecomienda que cada una
es é compues a de una sola o ación y que no supe en los 60 ca ac e es.
Con end án un mínimo de 5 palab as y un máximo de 15 a 20, de modo
que no queden ni muy co as ni muy la gas. En cuan o a los pá a os,
aconseja alinea el ex o a la izquie da, en pá a os y capí ulos co os,
de o ma que se a o ezcan las pausas ecuen es. Recomienda que se
man enga un i mo egula en la composición de pá a os pa a que así
se mues e de una o ma más ní ida y o ganizada isualmen e. Respec o
a la dis ibución del espacio, ecomienda una dis ibución o denada y
poco densa, cuan o más blanco mejo , y e i a un diseño en columnas.
Imágenes. Se ecomienda u iliza imágenes de apoyo al ex o que es én
bien e e enciadas y u iliza símbolos o dibujos pa a ideas, concep os
o emas abs ac os. Uno de los p incipales ipos de imágenes de apoyo
son los pic og amas, que se explica án en el siguien e apa ado.
Figu a 3.1: Ejemplo de documen o adap ado a lec u a ácil. En es e caso, un
documen o ju ídico
En la Figu a 3.1 se mues a un ejemplo de un ex o adap ado a lec u a
ácil. En es e ex o se puede e un documen o ju ídico adap ado, en
el que se aplican medidas mencionadas p e iamen e, como la mayo
sepa ación en e líneas y el uso de pic og amas, además de usa un
lenguaje más sencillo, con ases más co as y simples.
3.1. Adap ación Cu icula 13
3.1.2. Pic og amas pa a adap ación cu icula
Las pe sonas con ca encias senso iales, cogni i as o con un conocimien o
insu icien e de la lengua pueden p esen a p oblemas a la ho a de comuni-
ca se. Po ello, los Sis emas Aumen a i os y Al e na i os de Comunicación
(SAACs) (Basil, 2017), que se enca gan de p opo ciona in o mación en me-
dios al e na i os, o aumen ando és e, se p esen an como una g an opción
pa a la comunicación de es as pe sonas. Uno de los SAACs más comunes
son los pic og amas.
Un pic og ama (Logopedia, 2012) es un signo cla o y esquemá ico que
ep esen a un obje o eal, igu a o concep o, sin e izando un mensaje que
puede señala o in o ma sob epasando la ba e a de las lenguas. Es un e-
cu so comunica i o de ca ác e isual que podemos encon a en di e sos
con ex os de nues a ida dia ia y nos apo a in o mación ú il conocida po
odos. Los pic og amas son:
Uni e sales. Pueden se en endidos po cualquie pe sona, indepen-
dien emen e de su idioma.
Visuales. Mues an con cla idad y sencillez al obje o/acción que e-
p esen an.
Inmedia os. La comunicación se es ablece en e el emiso y el ecep o
an solo señalando sob e el pic og ama adecuado.
Las Figu as 3.2 y 3.3 son ejemplos de pic og amas. En el p ime o se mues a
un obje o ísico, en es e caso una osa, y en el segundo se ep esen a la acción
de come .
Figu a 3.2: Ejemplo de pic og ama de
una osa
Figu a 3.3: Ejemplo de pic og ama
que ep esen a la acción de come
Los sis emas pic og á icos son sis emas que ep esen an la ealidad me-
dian e pic og amas. Algunos ejemplos de sis emas pic og á icos son:

14 Capí ulo 3. Es ado del A e
Sis ema Pic og á ico de Comunicación (SPC) (Belloch, 2014).
Sus iconos ep esen an de o ma cla a el concep o que p e enden ans-
mi i . Son dibujos ácilmen e di e enciables en e sí y de sencilla com-
p ensión. La Figu a 3.4 mues a un ejemplo de SPC, donde se e una
se ie de pic og amas di e enciados po colo es, jun o con el signi icado
de cada pic og ama. Cada colo ep esen a una ca ego ía di e en e:
•Ama illo: Se e ie e a pe sonas, incluyendo p onomb es pe sona-
les y posesi os.
•Ve de: Se e ie e a e bos.
•Azul: Se e ie e a desc ipciones, p incipalmen e adje i os y ad-
e bios.
•Rosa: Se e ie e a palab as de uso en in e acciones sociales.
•Blanco: Se e ie e a la pa e miscelánea, es deci , a ículos, p epo-
siciones, conjunciones..., odo lo que no pe enece a las an e io es
ca ego ías.
Figu a 3.4: Ejemplo de pic og amas del Sis ema Pic og á ico de Comunica-
ción (SPC)
Minspeak (Belloch, 2014). En es e sis ema los pic og amas no ie-
nen un signi icado conc e o p ees ablecido, sino que se ija po el lo-
gopeda y usua io, lo que pe mi e pe sonaliza los mensajes. La Figu a
3.2. He amien as exis en es pa a adap aciones cu icula es 15
Figu a 3.5: Ejemplo de sis ema pic og á ico Minspeak
3.5 mues a un ejemplo de un sis ema Minspeak, donde se de ine el
signi icado de los pic og amas a a és de una combinación de es os.
ARASAAC1. El Po al A agonés de Comunicación Aumen a i a y
Al e na i a (ARASAAC), c eado en 2007, o ece un amplio ca álo-
go de pic og amas de lib e acceso. Dichos pic og amas se encuen an
di ididos en ca ego ías: Alimen ación, Ocio, Luga , Se i o, Educa-
ción, Tiempo, Miscelánea, Desplazamien o, Religión, T abajo, Comu-
nicación, Documen o, Conocimien o y Obje o. Es uno de los sis emas
pic og á icos más usados en España, ya que incluye un amplio núme o
de he amien as dedicadas a pic og amas, como buscado es o gene a-
do de documen os con pic og amas, como pueden se calenda ios u
ho a ios. El ca álogo de ARASAAC o ece pic og amas an o en colo ,
como con blanco y neg o, y ondos de colo es. Los pic og amas de las
Figu as 3.2 y 3.3 pe enecen a ARASAAC.
3.2. He amien as exis en es pa a adap aciones cu-
icula es
La exis encia de he amien as que acili en adap aciones cu icula es es
muy limi ada. Exis en he amien as en ocadas a ealiza solo alguna de las
adap aciones que se pueden necesi a , pe o de mane a indi idualizada.
ARAWORD2es una he amien a de p ocesado de ex os que combina
la esc i u a de ex o con pic og amas y acili a la elabo ación de ma e iales.
También esul a una he amien a muy ú il pa a se usada po usua ios que
es án adqui iendo el p oceso de la lec oesc i u a, ya que la apa ición del pic-
og ama, a la ez que se esc ibe, es un e ue zo muy posi i o pa a econoce
y e alua que la palab a o la ase esc i a es co ec a. En la Figu a 3.6 se
1h ps://a asaac.o g/
2h p://aulaabie a.a asaac.o g/a awo d_inicio
16 Capí ulo 3. Es ado del A e
mues a un ejemplo de la in e az de ARAWORD, donde se aducen las
o aciones a pic og amas.
Figu a 3.6: In e az de ARAWORD
EasyTes Make 3es una web de c eación de exámenes online. Dicha he a-
mien a incluye opciones de gene ación de eje cicios sencillos pa a exámenes,
como eje cicios de e dade o/ also, asociación de concep os, ellena espacios
en blanco y espues as co as. La Figu a 3.7 mues a un ejemplo de cómo se
gene a un eje cicio de asocia concep os, mien as que la Figu a 3.8 mues a
el esul ado con o os ipos de eje cicios. EasyTes Make o ece un plan g a-
ui o que pe mi e c ea has a 25 es s, mien as que la e sión de pago o ece
más opciones como inse a imágenes, expo a a PDF y pe sonalización del
ex o.
Po o a pa e, exis en he amien as que ayudan a la c eación de esque-
mas y esúmenes. Una he amien a pa a ealiza esúmenes es Resoome 4,
la cual de uel e un ex o esumido a a és de un ex o in oducido. En la
Figu a 3.9 se mues a un ejemplo de la in e az de Resoome .
Pa a la gene ación de esquemas, habi ualmen e se usan he amien as de
diseño como Can a5. Can a o ece plan illas p ediseñadas donde el usua io
puede in oduci las palab as a o ganiza . La Figu a 3.10 mues a un ejemplo
de cómo se hace un esquema con Can a.
3h ps://www.easy es make .com/
4h ps:// esoome .com/es/
5h ps://www.can a.com/
3.3. Diseño Cen ado en el Usua io 17
Figu a 3.7: Ven ana de gene ación de eje cicio de asocia concep os con Easy-
Tes Make
Figu a 3.8: Ejemplo de examen gene ado con EasyTes Make
3.3. Diseño Cen ado en el Usua io
El Diseño Cen ado en el Usua io (DCU) (Mo eno, Jiménez y Sánchez,
2019) consis e en un en oque de diseño de in e aces cuyo obje i o es c ea un
p oduc o que esuel a las necesidades de los usua ios inales, consiguiendo
así una mayo calidad de p oduc o y, po an o, una mayo sa is acción
24 Capí ulo 4. He amien as empleadas
haciendo que un bo ón ealice una unción especí ica). También es colabo a-
i o y pe mi e la ges ión de oles.
En la Figu a 4.1 se puede e la in e az de un p oyec o en blanco. En
la pa e supe io de la página, se encuen an las opciones pa a c ea igu as
geomé icas y añadi no as, así como ag ega a o os usua ios, y expo a el
p oyec o como una se ie de imágenes en o ma o PNG o PDF y a o ma o
HTML (Figu a 4.2). Se obse a que en el menú la e al de la izquie da se
encuen an los apa ados pa a la c eación del p o o ipo (plan illas, páginas
que iene el p oyec o, comen a ios, imágenes, iconos, e c.), como se puede
e en la Figu a 4.3. Po úl imo, en el menú la e al de la de echa, podemos
encon a el o ma o de las di e en es páginas (o componen es) (Figu a 4.4),
y las in e acciones disponibles (Figu a 4.5).
Figu a 4.1: In e az de Moqups
Figu a 4.2: Menú supe io
En es e p oyec o se ha usado Moqups pa a la c eación de la e sión 1.0
del p o o ipo de la aplicación web (en la sección 6.2.2 se puede lee una
explicación de allada de cómo se ha c eado es e p o o ipo y de las di e en es
is as del mismo).

4.2. Reac 25
Figu a 4.3: Menú la e-
al izquie da
Figu a 4.4: Menú la e-
al de echa ( o ma o)
Figu a 4.5: Menú la e-
al de echa (in e accio-
nes)
4.2. Reac
Reac 2es una lib e ía de Ja aSc ip , c eada po Facebook y de código
abie o3, que pe mi e c ea in e aces de usua io in e ac i as de o ma sen-
cilla. Es á basada en la p og amación o ien ada a componen es, donde cada
componen e se puede e como una uncionalidad dis in a, es deci , como
una pieza de un puzle. La en aja de usa componen es es que, al se in-
dependien es unos de o os, si en la ca ga de una página web alla uno, no
a ec a ía al es o de componen es, po lo que dicha página queda ía ca gada
sin ese componen e. Así mismo, al usa un DOM (Modelo de Obje os del
Documen o) i ual, deja que la p opia lib e ía ac ualice las pa es que han
cambiado, en luga de ac ualiza odos los componen es.
La sin axis que emplea Reac es muy pa ecida a la sin axis HTML. Pa a
de ini los componen es, se emplean e ique as de inidas po el usua io den o
de código Ja asc ip . Es a sin axis se llama JSX. No es obliga o io su uso,
pe o acili a an o la codi icación como la lec u a del código. En la Figu a
4.6 se puede e un ejemplo de una uncionalidad sin emplea el o ma o JSX
y en la Figu a 4.7 la misma uncionalidad, pe o usando JSX.
2h ps://es. eac js.o g/
3h ps://gi hub.com/ acebook/ eac
26 Capí ulo 4. He amien as empleadas
Figu a 4.6: Funcionalidad sin usa JSX
Figu a 4.7: Funcionalidad empleando JSX
Reac apo a endimien o, lexibilidad y o ganización de código, en e a
la c eación de una página web de o ma clásica, es deci , sin usa ninguna
lib e ía o amewo k. Tiene una documen ación bas an e comple a4, jun o
con un u o ial pa a ap ende desde ce o5.
4h ps://es. eac js.o g/docs/ge ing-s a ed.h ml
5h ps://es. eac js.o g/ u o ial/ u o ial.h ml
4.3. API de ARASAAC 27
Es a lib e ía la hemos usado en el p oyec o pa a implemen a los dis in os
ipos de adap aciones en la aplicación web ( e sección 6.1.1).
4.3. API de ARASAAC
El Cen o A agonés pa a la Comunicación Aumen a i a y Al e na i a
(ARASAAC) p opo ciona una API pública6, cuyo uso es g a ui o siemp e
y cuando la aplicación a desa olla sea no come cial7es, debido a que es á
bajo la licencia de C ea i e Commons BY-NC-SA, es deci , “Reconocimien o-
NoCome cial-Compa i Igual”8en el que se debe da c édi o a los/as au o-
es/as o iginales. No se puede usa pa a ines come ciales y en el caso de
que se modi ique o ans o me ese ma e ial se debe dis ibui bajo la misma
licencia.
La API de ARASAAC cons a de cua o apa ados, cada uno de los cuales
iene una u a web dependiendo de lo que se quie a consul a : ma e iales,
pic og amas, palab as cla e y usua ios. Como en es e p oyec o usa emos solo
la búsqueda de pic og amas, nos cen a emos en el apa ado de pic og amas.
La API de ARASAAC p opo ciona ocho se icios web pa a pic og amas.
Todos ellos se usan con el mé odo de pe ición GET y con o ma o de salida
en JSON. De los ocho se icios web p opo cionados, en es e TFG se usa án
los siguien es:
/pic og ams/{idPic og am}: De uel e el pic og ama en o ma o
imagen dado su iden i icado {idPic og am}. Si iene éxi o, de ol e á
la imagen del pic og ama en o ma o png. En caso con a io, de ol e á
un mensaje de e o .
/pic og ams/{locale}/{idPic og am}: De uel e los da os de un
pic og ama dado su iden i icado {idPic og am} e idioma {locale}9. Si
iene éxi o de ol e á una lis a en o ma o JSON con los da os de cada
pic og ama. En caso con a io, de ol e á un e o 404.
/pic og ams/{idPic og am}/languages/{languages}: De uel e
los da os de un pic og ama dado su iden i icado {idPic og am} en uno
o más idiomas9especi icados en {languages}. Si iene éxi o de ol e á
6h ps://a asaac.o g/de elope s/api
7h ps://a asaac.o g/de elope s/
8h ps://c ea i ecommons.o g/licenses/by-nc-sa/4.0/
9Idiomas disponibles: an, a , bg, b , ca, de, el, en, es, e , eu, a, , gl, he, h , hu, i ,
mk, nl, pl, p , o, u, sk, sq, s , s , al, zh
28 Capí ulo 4. He amien as empleadas
los da os del pic og ama en o ma o JSON en los idiomas p opo cio-
nados. En caso con a io, de ol e á un mensaje de e o .
/pic og ams/{locale}/sea ch/{sea chTex }: De uel e en una lis-
a los da os de los pic og amas en el idioma {locale}9que con enga la
cadena de ca ac e es {sea chTex } pasada como pa áme o. Si iene
éxi o de ol e á dicha lis a en o ma o JSON con los da os de cada
pic og ama encon ado. En caso con a io, no de ol e á nada.
/pic og ams/{locale}/bes sea ch/{sea chTex }: De uel e en una
lis a los da os de los pic og amas en el idioma {locale}9que con enga
exac amen e la cadena de ca ac e es {sea chTex } pasada como pa-
áme o. Si iene éxi o de ol e á dicha lis a en o ma o JSON con los
da os de cada pic og ama encon ado. En caso con a io, no de ol e á
nada.
4.4. Jes
Jes 10 es una lib e ía pa a Ja asc ip , c eada po Facebook, que pe mi e
ealiza p uebas uni a ias y de in eg ación y es compa ible con muchos a-
mewo ks incluyendo el que hemos elegido (Reac ). Jes iene una ins alación
muy sencilla, de pocos pasos, y su con igu ación es mínima. La documen a-
ción11 es comple a, y con iene lo necesa io pa a pode desa olla es os ipos
de p uebas, jun o con una se ie de ejemplos ealizados paso a paso. El uso de
es a lib e ía p opo ciona en ajas en e a no usa la o hace es s de o ma
adicional:
Compa iblidad. Es compa ible con la mayo ía de amewo ks que
exis en, ales como Angula , Reac , NodeJS, Babel, e c.
Rapidez. Cuando las p uebas es án inculadas a la CPU, se aho a
muchísimo iempo en la ejecución de las p uebas. Es a apidez se con-
sigue g acias a la combinación de a ios ac o es:
1. Pa alelización. G acias a la pa alelización, se p oduce una g an
ganancia en el endimien o.
2. Ejecu a p ime o las p uebas más len as. Ap o echa al máximo su
capacidad de p ocesamien o al ejecu a p ime o las p uebas más
len as.
10h ps://jes js.io/es-ES/
11h ps://jes js.io/es-ES/docs/ge ing-s a ed
4.4. Jes 29
3. Tiene una caché de ans o maciones babel inco po ada. Aplica
ans o maciones al código equie e un uso in ensi o de CPU. G a-
cias al uso de una caché que se compa e en e p ocesos, se educe
mucho iempo al ejecu a las p uebas.
Ins an áneas. Las p uebas de ins an áneas son de g an u ilidad pa a
ga an iza que la in e az no cambia de o ma inespe ada.
Una ez que se ha ins alado Jes , pa a ealiza un es hay que segui
es os pasos:
1. C ea un iche o Ja asc ip donde es a á la unción a p oba (po ejem-
plo, suma.js):
unc ion suma(a,b){
e u n a + b;
}
module . expo s = suma ;
Lis ing 4.1: Ejemplo de unción a p oba , en es e caso, suma de dos núme os
2. C ea un iche o Ja asc ip que con end á la p ueba (po ejemplo su-
ma. es .js). Pa a esc ibi la p ueba, iene que segui el siguien e esque-
ma:
es ( í ulo , () =>{
expec ( alo , unción , exp esión ...) . compa ado (
esul adoEspe ado);
});
Lis ing 4.2: Esquema del es
donde “compa ado ” puede se . oBe(),. oEqual(),. oBeNull(), e c.,
una de las unciones compa ado as que más se ajus e a lo que se quie e
p oba . En la documen ación o icial12, hay un apa ado llamado “U i-
lizando Compa ado es”, donde enseñan algunas unciones compa ado .
Si se quie e e odas las unciones que o ece es mejo isi a la API13.
En el caso de la p ueba que que emos esc ibi :
cons suma = equi e ("./ suma ");
es (" P ueba de suma : 1 + 2 = 3", () = >{
expec ( suma (1 ,2) ). oBe (3) ;
});
12h ps://jes js.io/es-ES/docs/using-ma che s
13h ps://jes js.io/es-ES/docs/api

30 Capí ulo 4. He amien as empleadas
es (" P ueba de suma inco ec a : 1 + 2 = 4", () =>{
expec ( suma (1 ,2) ). oBe (4) ;
});
Lis ing 4.3: Ejemplo de es pa a la unción suma
Si ejecu amos solo la p ime a unción, nos sald á que hemos pasado
el es (Figu a 4.8). En cambio, si ejecu amos ambos es s, emos que
el p ime o sí lo ha pasado, pe o el segundo ha allado, y nos da más
in o mación sob e lo que debe ía habe dado y la línea de código donde
ha allado (Figu a 4.9).
Figu a 4.8: Tes pasado co ec amen e
Figu a 4.9: Tes no pasado co ec amen e
Es a lib e ía la hemos usado en el p oyec o pa a ealiza las p uebas
uni a ias y de in eg ación de las dis in as pa es de la aplicación.
4.5. CKEdi o 31
4.5. CKEdi o
CKEdi o 14 es un edi o de código abie o de ipo “WYSIWYG”15 y es
o almen e pe sonalizable. CKEdi o iene dos e siones di e en es:
CKEdi o 4: Es la e sión an igua compa ible con la mayo ía de los
na egado es. Con ella se puede ene es ipos de edi o : A icle Edi o
(edi o pa a a ículos), Documen Edi o (edi o pa a documen os) e
Inline Edi o (edi o en línea). La documen ación16 es muy comple a:
con iene una guía de ins alación paso a paso, además de bas an es
ejemplos pa a di e en es p opósi os (inse a con enido, pe sonaliza la
in e az de usua io...). También iene una demo online17 que mues a
los di e en es edi o es pa a es a e sión. G acias al p og ama LTS (Long
Te m Suppo ) an o el desa ollo como el sopo e de es a e sión es án
ga an izados has a 2023.
CKEdi o 5: Es la e sión más mode na con un ediseño y mejo a de
la in e az y la in oducción de un nue o modelo de da os. A di e encia
de la e sión an e io , es a e sión iene más ipos de edi o : Classic (el
edi o clásico), Balloon (edi o de globo, que pe mi e inse a con eni-
do di ec amen e en la ubicación que se es a señalando), Balloon Block
(el mismo que el an e io pe o se edi a po bloques), Inline (el mismo
que en CKEdi o 4), Documen (el mismo que en CKEdi o 4) y Pa-
gina ion (el edi o de paginación, que pe mi e e las líneas de sal o
de página que coincidi ían con los lími es de la página cuando el docu-
men o se expo a a PDF o Wo d). También iene una demo online18
de los di e en es ipos de edi o pa a es a e sión, y un cons uc o
online19 donde se puede elegi el ipo de edi o y los complemen os
que end á. La documen ación20 en es a e sión ambién es bas an e
comple a: iene una guía de ins alación paso a paso, ejemplos de los
edi o es, además de una guía de cómo abaja con el amewo k de
es e edi o .
14h ps://ckedi o .com/
15WYSIWYG, ac ónimo de Wha You See Is Wha You Ge (en español, “lo que es
es lo que ob ienes”). Es una ase aplicada a los p ocesado es de ex o y o os edi o es con
o ma o, que pe mi en esc ibi un documen o mos ando di ec amen e el esul ado inal,
ecuen emen e el esul ado imp eso. h ps://es.wikipedia.o g/wiki/WYSIWYG
16h ps://ckedi o .com/docs/ckedi o 4/la es /
17h ps://ckedi o .com/ckedi o -4/demo/
18h ps://ckedi o .com/ckedi o -5/demo/
19h ps://ckedi o .com/ckedi o -5/online-builde /
20h ps://ckedi o .com/docs/ckedi o 5/la es /
32 Capí ulo 4. He amien as empleadas
Figu a 4.10: Ejemplo de CKEdi o 5
En es e p oyec o hemos usado la e sión CKEdi o 5 pa a c ea un do-
cumen o edi able, en el que el usua io puede ealiza los di e en es ipos de
adap aciones que o ece la aplicación, y pode desca ga el esul ado inal
en o ma o PDF. En la Figu a 4.10 se puede e un ejemplo de la e sión
CKEdi o 521. En la pa e supe io se mues a una ba a de na egación con
los di e en es ejemplos de ipos de edi o mencionados an e io men e, y en
la in e io , el edi o jun o con su ba a de he amien as (donde el p ime
elemen o de és a ba a es la expo ación a o ma o PDF).
4.6. Wo d-sea ch
Pa a la c eación de los eje cicios de sopas de le as empleamos el paque e
NPM (Node Package Manage )wo d-sea ch22. Pa a c ea una sopa de le-
as con es e paque e, se necesi an unas opciones de con igu ación que es án
encapsuladas en un obje o, y de uel e la sopa de le as en un a ay. Las
opciones de con igu ación son las siguien es:
21Fuen e: h ps://ckedi o .com/ckedi o -5/demo/#documen
22h ps://www.npmjs.com/package/@blex41/wo d-sea ch
4.6. Wo d-sea ch 33
cols: Es un núme o en e o que ep esen a el núme o de columnas que
end á la sopa de le as. Po de ec o iene un alo de 10.
ows: Es un núme o en e o que ep esen a el núme o de ilas que end á
la sopa de le as. Po de ec o iene un alo de 10.
disabledDi ec ions: Es un a ay de s ings que ep esen a las di-
ecciones ca dinales (“N”, “S”, “E”, “W”, “NE”, “NW”, “SE”, “SW”) no
álidas pa a coloca las palab as en la sopa de le as. Po de ec o iene
un alo acío, es deci , odas las di ecciones es án pe mi idas.
dic iona y: Es un a ay de s ings que con iene las palab as que debe
con ene la sopa de le as. Po de ec o iene un alo acío.
maxWo ds: Es un núme o en e o que ep esen a el núme o de pala-
b as máximo que se inse a án en la sopa de le as. Po de ec o iene
un alo de 20. Aunque la longi ud del a ay dic iona y supe e es e
alo , solo se inse a á ese núme o de palab as en la sopa de le as.
backwa dsP obabili y: Es un núme o decimal en e 0 y 1 que e-
p esen a la p obabilidad que iene cada palab a de esc ibi se al e és.
Solo unciona si no se deshabili a, en una di ección ca dinal, uno de
los ex emos. Po ejemplo, pa a pode esc ibi una palab a al e és en
e ical, se deben ene las di ecciones ca dinales “N” y “S” habili adas,
no solo una de ellas. Po de ec o iene un alo de 0.3.
uppe Case: Es un booleano que indica si las le as de la sopa de le as
se quie en en mayúscula ( ue) o no ( alse). Po de ec o iene el alo
ue.
diac i ics: Es un booleano que indica si las le as debe ían man ene
las ildes en la sopa de le as. Po de ec o iene el alo alse, es deci ,
no man ene las ildes en la sopa de le as.
En el caso de que alguna de es as opciones no se modi icasen, no da ía ningún
e o , sino que coge ía el alo po de ec o que u ie an.
Pa a c ea la sopa de le as, es necesa io hace una llamada a Wo dsea ch
pasándole como pa áme o las opciones de con igu ación. En el siguien e
ejemplo se ha es ablecido un able o de 8x9, se han habili ado odas las
di ecciones, la p obabilidad que iene cada palab a de esc ibi se al e és se
ha ijado a 0.5 (cada palab a iene un 50 % de p obabilidad de esc ibi se al
e és), el núme o máximo de palab as que se inse a án es 20, se quie en
man ene las ildes, las le as se quie en en mayúsculas y hay que busca las
palab as pe o, ga a, lamenco y a es uz.
40 Capí ulo 5. Me odología de desa ollo
Ta eas de implemen ación: Son a eas de diseño y/o desa ollo de
código.
En la Figu a 5.1 se puede e nues o able o Kanban . Es e able o iene
un o al de seis columnas:
Figu a 5.1: Table o Kanban
To Do: Se co esponden con las a eas que oda ía no se han ealizado.
In P og ess: Son a eas en las que el equipo de desa ollo ha comen-
zado a abaja .
Ready o Tes ing: Son a eas lis as pa a se p obadas.
Tes ing: Son a eas que se es án p obando. Dependiendo del ipo de
a ea se p oba á de una o ma u o a. En la sección 5.3 se dan más
de alles de cómo se p ueban las a eas de memo ia y las de implemen-
ación.
Needs app o al: En es a lis a se encuen an las a eas que necesi an
se ap obadas po las u o as an es de da las po inalizadas. Una ez
que se ha e minado de abaja en una a ea y se ha acabado de
hace le las p uebas, hab á que mo e la de Tes ing a es a columna.
Done: Son a eas que se han dado po e minadas, alidadas y ap o-
badas. Cuando las u o as le han dado el is o bueno, se pod á mo e
de Needs App o al aDone.

5.3. Tipos de p uebas 41
Así mismo, en la Figu a 5.1 se obse a que las a eas ienen asignadas
unas e ique as de colo es:
123 Ta eas elacionadas con la memo ia.
123 Ta eas co espondien es con diseño y desa ollo de código (imple-
men ación).
123 Ta eas que equie en in es igación po pa e del equipo, an es de
empeza a codi ica o ealiza cualquie o o ipo de a ea.
123 Ta eas que no co esponden con ninguna de las an e io es.
El WIP se á de dos a eas po pe sona en cada columna (In P og ess y
Tes ing), lo que hace un o al de seis a eas en cada columna.
5.3. Tipos de p uebas
Como enemos dos ipos de a eas, de memo ia y de implemen ación,
cada una se a a á de una o ma di e en e a la ho a de ealiza las p uebas.
5.3.1. P uebas de memo ia
Las p uebas de memo ia consis en en busca e o es léxicos y g ama ica-
les en la memo ia, y co egi los an es de su en ega, además de comple a la
con más in o mación en el caso de que sea posible, y comp oba que odo
se en iende. Es as p uebas las ha án odos los miemb os del equipo de la si-
guien e o ma: cuando haya alguna a ea de memo ia en Ready o es ing, el
usua io que aya a e isa la, se la asigna á y la lle a á a Tes ing. Una ez que
haya e minado, y no sea la úl ima pe sona en habe la e isado, la ol e á
a lle a a Ready o es ing. En caso con a io, la lle a á a Needs app o al.
Con es e sis ema a amos de asegu a nos de que odo es é co ec amen e
esc i o.
5.3.2. P uebas de implemen ación
Pa a las p uebas de implemen ación, se con emplan dos ipos de p uebas:
p uebas uni a ias y p uebas de in eg ación. Todas es as p uebas las ha emos
42 Capí ulo 5. Me odología de desa ollo
con Jes ( e sección 4.4). Es as p uebas las desa olla á y ealiza á alguno
de los miemb os que no haya implemen ado esa pa e del código, y las ha á
cuando la a ea co espondien e de p ueba es é en la columna Ready o
Tes ing. La azón de es o es po que las pe sonas que no han esc i o el código
pueden saca más casos de p ueba que las pe sonas que lo han esc i o.
5.3.2.1. P uebas uni a ias
Una p ueba uni a ia se u iliza pa a comp oba que un mé odo implemen-
ado unciona como se espe aba. Debe cumpli una se ie de ca ac e ís icas:
Deben se au omá icas: se deben pode ejecu a sin que haya una
in e ención manual.
Deben se comple as: es deci , deben cub i la o alidad del código.
Deben se independien es: debido a que se han c eado pa a com-
p oba una pa e conc e a del código, no debe ían in e e i con o as
pa es, y se deben pode ejecu a en cualquie en o no.
Deben se epe ibles: se deben epe i odas las eces que que amos,
y el esul ado debe se el mismo en odas las epe iciones.
El uso de p uebas uni a ias p opo ciona una se ie de en ajas:
Aumen o de la calidad del código: debido a que es as p uebas se
ejecu an de o ma egula , pe mi en de ec a e o es a iempo y pode
co egi los an es de comple a el código y libe a la aplicación.
Facili an los cambios: si se conside a que el código es mejo able se
pueden aplica cambios sin p oblemas, ya que la p ueba uni a ia nos
a isa ía de los e o es que pudie an su gi .
Reduce los iempos de in eg ación, ya que podemos p oba pa es
del código sin dispone del código comple o.
Reduce el cos e: eniendo en cuen a que pe mi e de ec a e o es
en ases emp anas, e i an el paso de los e o es a ases pos e io es y,
además, el cambio de co egi los en ases emp anas es menos cos oso
y más ácil que si se co igie an en ases más a días, ya que en es e
úl imo caso el e o suele se p oducido a causa de muchos cambios.
Po ello, las p uebas uni a ias ayudan a educi los cos es de co ección
de e o es y a op imiza las en egas, aho ando iempo y ecu sos.
5.3. Tipos de p uebas 43
5.3.2.2. P uebas de in eg ación
Una p ueba de in eg ación se u iliza pa a comp oba que dos o más com-
ponen es, ya alidados po las p uebas uni a ias, son compa ibles en e sí y
uncionan co ec amen e. Hay a ios ipos de p uebas de in eg ación (Rod í-
guez, 2015):
Top-Down: Es una es a egia de “a iba a abajo”, donde se a p oban-
do los componen es que no son llamados po ningún o o, y se in eg an
los componen es que son llamados desde la pa e in eg ada.
Bo om-Up: Es una es a egia de “abajo a a iba”, donde se p ueban
los componen es que no llaman a o as pa es de la aplicación, y se
con inua po componen es que solo llaman a la pa e in eg ada.
End- o-End: Es una es a egia o ien ada al p oceso de negocio, en
la cual in eg an los componen es necesa ios po pa e de un p oceso
de negocio pa a e si el lujo de la aplicación unciona al y como ue
diseñado.
Funciones: Es e ipo de in eg ación es á o ien ada a una unción del
sis ema. Se an in eg ando cada uno de los componen es que necesi a
esa unción.
Ad-Hoc: En es a es a egia el so wa e se e como módulos indepen-
dien es, y una ez que se han implemen ado y alidado po pa e del
equipo de desa ollo, se in eg an.
Big-Bang: Es a es a egia solo es álida cuando se dispone de odos
los componen es, es deci , no se in eg a has a que el so wa e no es é
comple o.
Es e p oyec o segui á la es a egia Bo om-up.
Capí ulo 6
Adap aMa e ialEscola
Resumen: En es e capí ulo se explica á, en la sección 6.1, pa a quién
a a desa olla se el p oyec o de Adap aMa e ialEscola y el p oceso
de cap u a de equisi os. En la sección 6.2, se explica á cómo se diseñó
la aplicación a pa i de los equisi os. Po úl imo, en la sección 6.3, se
mos a á cómo se ha implemen ado la aplicación.
6.1. Requisi os de la aplicación
El T abajo de Fin de G ado de Adap aMa e ialEscola es un p oyec o sin
ánimo de luc o que ha sido desa ollado con la colabo ación de las p o eso as
del Aula TEA del IES Maes o Juan de Á ila de Ciudad Real.
Pa a su implemen ación, debido a que se p e ende que el p oyec o sea
ealmen e ú il pa a los docen es, se hizo una amplia cap u a de equisi os
con los usua ios inales, de o ma que se pudie on conoce las necesidades
eales de un cen o educa i o, siguiendo un Diseño Cen ado en el Usua io.
Se ealiza on una se ie de euniones con los usua ios inales, an o p e-
senciales como online, pa a ob ene los equisi os de la aplicación; además,
se man u o el con ac o con ellos du an e odo el p oceso de diseño e imple-
men ación, pa a i les enseñando la e olución de la aplicación.
45

46 Capí ulo 6. Adap aMa e ialEscola
6.1.1. Cap u a de equisi os
El 25 de julio de 2019 se o ganizó una p ime a eunión p esencial con
las dos p o eso as que o man pa e del Aula TEA en el IES Maes o Juan
de Á ila: Ana Ma ía Alonso F ades, especialis a en Pedagogía Te apéu ica y
Ana Ma ía Díaz Valle, especialis a en Audición y Lenguaje.
Las p o eso as nos habla on sob e los di e en es pe iles de alumnos TEA
con los que abajaban en el cen o y explica on la impo ancia de con a con
una aplicación especializada en adap aciones cu icula es, que ue a lexible
y pe mi ie a gene a di e en es modelos de ema io, ac i idades y exámenes
con el meno es ue zo posible. El p oyec o debía pode con e i un mismo
pá a o o eje cicio en o o más sencillo de comp ende , asimila o esol e ,
de o ma que pudie a pe sonaliza se pa a cada alumno de acue do a su ca-
pacidad cogni i a y así acili a les el ap endizaje sin exclui ema io.
A pesa de que hay unas pau as a segui pa a adap a el ema io, las
ac i idades y los exámenes (po ejemplo usa le a g ande e imágenes), no
hay un es ánda de inido que sigan odos los p o eso es, y a algunos alumnos
les esul a con uso el cambio de una asigna u a a o a.
Después de habla con las p o eso as y conoce a un alumno TEA que
nos explicó su u ina en el ins i u o, imos un ejemplo de ema y examen
adap ado de Ciencias Na u ales.
En es e pun o, a pa i de la in o mación p opo cionada po los usua ios
inales, se oma on las siguien es decisiones:
Tipo de aplicación: Inicialmen e las p o eso as plan ea on desa olla
una aplicación de esc i o io que pudie an ins ala an o en los o de-
nado es del cen o, como en los suyos p opios, pe o se u o en cuen a
que p obablemen e no odo el p o eso ado con a ía con un o denado
pe sonal con el que pode abaja desde casa. Po ello, se omó la de-
cisión de desa olla el p oyec o como aplicación web, de mane a que
se pudie a u iliza desde cualquie disposi i o con acceso a In e ne .
Regis o: Las p o eso as indica on que e a mejo no ene que egis a -
se en la aplicación pa a pode abaja con ella, ya que se conside ó
que no e a con enien e almacena usua ios ni con aseñas pa a e i a
que los p o eso es u ie an que u iliza da os pe sonales con los que
iden i ica se.
A pa i de ahí, como esul ado de la eunión, ob u imos las uncionali-
6.1. Requisi os de la aplicación 47
dades de la aplicación. A con inuación, p esen amos es as uncionalidades:
Adap aciones de ema io: La mo i ación de las adap aciones de ema-
io es consegui , en el meno iempo posible, una unidad didác ica
eó ica adap ada al alumno de o ma casi inmedia a y au omá ica, se-
leccionando el ex o a con e i . En es e sen ido, la aplicación debe
o ece al usua io la posibilidad de:
•Gene a un esumen a pa i de un ex o.
•C ea esquemas que acili en la isualización del ema io y/o las
ac i idades, seleccionando con enido de un ex o ya edac ado o
esc ibiendo desde ce o.
•C ea ablas que o ganicen el ema io y/o las ac i idades, seleccio-
nando con enido de un ex o ya edac ado o esc ibiéndolo desde
ce o.
C eación de eje cicios: La mo i ación de la c eación de eje cicios es
c ea eje cicios de o ma ácil, seleccionando ex o o un eje cicio ya
edac ado y adap ándolo de o ma au omá ica al ipo de eje cicio que
se quie e ob ene . La aplicación debe pe mi i c ea los siguien es ipos
de eje cicios:
•Relaciona con enido median e lechas.
•Sopa de le as.
•Comple a espacios en blanco en un ex o, abla o esquema.
•P egun a de desa ollo con un espacio limi ado pa a esc ibi la
espues a.
•Ve dade o o also.
Además, odos los eje cicios que se c een deben pe mi i añadi un
enunciado y ejemplos (con o sin pic og amas) explicando cómo debe
esol e se el eje cicio.
Adap aciones de o ma o: Las adap aciones de o ma o deben pe mi i
es anda iza cualquie documen o que se aya a en ega al alumno, de
mane a que el cambio de una asigna u a a o a no suponga un cambio
isual y el ap endizaje sea menos cos oso. Nues a aplicación debe
pe mi i al usua io inal que, dado un ex o, pueda:
•Sus i ui una palab a po un pic og ama.
•Sus i ui una palab a po una imagen.
•Resal a una palab a con un colo , pa a que los alumnos isua-
licen cada una de las palab as esal adas en el ex o con mayo
acilidad.
48 Capí ulo 6. Adap aMa e ialEscola
•Añadi una leyenda de colo es con la ca ego ía de cada ipo de
palab a esal ada, pa a que los alumnos puedan iden i ica el sig-
ni icado de cada una de las palab as esal adas en el ex o.
•Añadi una leyenda de colo es pa a el ema de cada asigna u a,
pa a que los alumnos las dis ingan con mayo acilidad.
•Es anda iza el o ma o en ex os, es ableciendo una uen e de
ex o de e minada y un amaño aco de pa a cada alumno.
•Es anda iza el o ma o pa a í ulos e índices del ema io, gene-
ando de o ma au omá ica una plan illa del colo de la asigna u-
a.
•Aumen a el amaño de la uen e de una pa e del ex o.
•Sub aya una pa e del ex o.
•Pone en neg i a una pa e del ex o.
•Añadi imágenes buscando una palab a en bases de da os de imá-
genes lib es.
6.1.2. Análisis de equisi os
Una ez ecopilados los equisi os del p oyec o, edac amos una lis a con
és os pa a que pudié amos, an o las p o eso as del Aula TEA como el equipo
de desa ollo, analiza los de o ma independien e, pa a no in lui en la oma
de decisiones sob e la impo ancia y di icul ad de cada uncionalidad.
En iamos el lis ado de equisi os a las p o eso as po co eo elec ónico,
con la inalidad de que e isa an el con enido o añadie an nue as unciona-
lidades si ue a necesa io y e alua an cada uno de ellos. Las p o eso as Ana
Ma ía Alonso F ades y Ana Ma ía Díaz Valle debían pun ua los equisi os
según la u ilidad que pudie an apo a cada uno de ellos a su abajo. Las
posibles pun uaciones debían i de uno a es, siendo el uno poco impo an e,
el dos impo an e y el es imp escindible. P ác icamen e odos los equisi-
os ue on pun uados como imp escindibles, po lo que quedó cla o que el
p oyec o cub e una necesidad eal y no añadie on ningún equisi o más.
Po o o lado, cada miemb o del equipo de desa ollo pun uó los equi-
si os de mane a indi idual, pa a no in lui en la decisión de los compañe os,
según la di icul ad que conside aban que end ía la implemen ación de cada
equisi o a ni el écnico (en el Anexo A.1 se encuen a la abla con las pun-
uaciones indi iduales pa a cada equisi o de cada miemb o del equipo de
desa ollo). Las posibles pun uaciones debían i de uno a es, siendo el uno
di ícil, el dos in e medio y el es ácil.
6.1. Requisi os de la aplicación 49
La inalidad de es e análisis de los equisi os e a ob ene un lis ado con las
uncionalidades o denadas po di icul ad e impo ancia. Con la pun uación
que asigna on las p o eso as de o ma conjun a, se ob u o el indicado de
impo ancia de cada a ea y, con la media de las pun uaciones del equipo de
desa ollo, el indicado de di icul ad. En la Tabla 6.1 se mues a el lis ado
inal de las uncionalidades, ag upadas po ipo de adap ación, con la media
de las pun uaciones ob enidas en impo ancia y di icul ad.
ADAPTACIONES DE TEMARIO (T)
Requisi o E aluación
Imp. Di .
Gene a un esumen a pa i de un ex o 3 2
C ea esquemas que acili en la isualización del ema io
y/o las ac i idades, seleccionando con enido de un ex o
ya edac ado o esc ibiendo desde ce o
3 1.7
C ea ablas que o ganicen el ema io y/o las ac i idades,
seleccionando con enido de un ex o ya edac ado o esc i-
biendo desde ce o
2 1.7
ADAPTACIONES DE EJERCICIOS (E)
Requisi o E aluación
Imp. Di .
Eje cicios de elaciona con enido median e lechas 3 2
Eje cicios de sopa de le as 2 3
Eje cicios de comple a espacios en un ex o 3 2.7
Eje cicios de p egun a de desa ollo con un espacio limi a-
do pa a esc ibi la espues a 3 2.7
Eje cicios de e dade o o also 3 3
Eje cicios de comple a los espacios en blanco en ablas 3 2
Eje cicios de comple a los espacios en blanco en esquemas 3 1
Añadi enunciados y ejemplos (con o sin pic og amas),
donde se explique cómo debe esol e se el eje cicio 2 3
ADAPTACIONES DE FORMATO (F)
Requisi o E aluación
Imp. Di .
Sus i ui una palab a po un pic og ama 2 2.7
Sus i ui una palab a po una imagen 2 2.3
Resal a una palab a con un colo 3 3
Añadi una leyenda de colo es con la ca ego ía de cada ipo
de palab a esal ada, pa a que los alumnos puedan iden i-
ica el signi icado de cada una de las palab as esal adas
en el ex o
1 3
56 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.4: Ve sión 1.0 de la búsqueda de pic og amas
Figu a 6.5: Ve sión 1.0 de la adap ación de ac i idades
6.2.3. Te ce a i e ación: i e ación compe i i a
Una ez que se hizo la e sión 1.0 del p o o ipo, se p opuso hace una
i e ación compe i i a pa a e si es e p o o ipo se podía mejo a . Cada miem-

6.2. Diseño de la aplicación 57
Figu a 6.6: Ve sión 1.0 de la adap ación de ema io
b o del equipo ealizó, de o ma indi idual y sin in lui los unos en los o os,
un p o o ipo p opio pa iendo del inicial. Con es o se consigue ene di e en-
es pun os de is a sob e una misma uncionalidad. Una ez que odos los
p o o ipos ue on diseñados (dos de o ma digi al y o o en papel) se ealizó
una pues a en común pa a analiza las dis in as p opues as. Los esul ados
ue on los siguien es:
Página p incipal: En las Figu as 6.7, 6.8 y 6.9 se puede obse a los
esul ados de los es p o o ipos pa a la página p incipal. En el caso del
p o o ipo de Jo ge (Figu a 6.7), en la pa e in e io es án los c édi os y
los logo ipos de ARASAAC3, la Uni e sidad Complu ense de Mad id4
y la licencia de C ea i e Commons5. También se obse a que en la pa e
de la de echa de la ba a de na egación se p opuso hace un sis ema de
login pa a pode gua da el abajo ealizado. És o úl imo no esul ó
debido a que los usua ios inales que usen la aplicación especi ica on
que no que ían eco da ningún nomb e de usua io y con aseña.
También, en la pa e supe io de dicha igu a coincidimos que se ía bue-
na idea es ablece algún bo ón, al y como ocu e en las Figu as 6.8 y
6.9. En el p ime caso, el p o o ipo de Na alia, se obse a que hay dos
bo ones: C édi os, donde es a ían los logo ipos de ARASAAC3, la Uni-
3h ps://a asaac.o g/
4h ps://www.ucm.es
5h ps://c ea i ecommons.o g/
58 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.7: P o o ipo de la página p incipal (Jo ge)
Figu a 6.8: P o o ipo de la página p incipal (Na alia)
e sidad Complu ense de Mad id4y la licencia de C ea i e Commons5
y las pe sonas que han c eado el p oyec o, jun o con las di ec o as; y
Ayuda, po si el usua io necesi a algún ipo de ayuda con la aplicación.
En el segundo caso, el p o o ipo de Pablo, se en es bo ones en o ma
de enlaces: Inicio, donde e lle a ía a la página p incipal; Ayuda, donde
se inclui ía la pa e de c édi os y los logo ipos; y Con ac o, po si el
6.2. Diseño de la aplicación 59
Figu a 6.9: P o o ipo de la página p incipal (Pablo)
usua io iene algún p oblema y/o suge encia pueda con ac a con los
desa ollado es y p opo ciona le una espues a.
Figu a 6.10: P o o ipo del edi o (Jo ge)
Edi o : En las Figu as 6.10, 6.13 y 6.14 se pueden e los esul ados
de la página del edi o . En el caso del p o o ipo de Jo ge (Figu a
6.10), obse amos una ba a de na egación con di e en es menús, que
ep esen a los ipos de adap aciones que end á en la aplicación ( éase
sección 6.1.1), jun o con la búsqueda de imágenes y pic og amas. Si se
60 Capí ulo 6. Adap aMa e ialEscola
pasa el a ón po encima de uno de es os menús sald á un desplegable
con los dis in os ipos de ac i idades, ema io y o ma o que hay, al y
como se puede e en la Figu a 6.11.
Figu a 6.11: P o o ipo del edi o con un desplegable en uno de los menús
(Jo ge)
Así mismo, se en dos elemen os sepa ados po un hueco: el elemen o de
la izquie da ep esen a el iche o subido, y el de la de echa, el edi o .
Debajo de és e se encuen a un panel con unos bo ones pa a pode
desca ga , gua da y e el documen o edi ado, así como la posibilidad
de pode bo a odo lo esc i o en el edi o .
En el p o o ipo de Na alia (Figu a 6.13), ambién exis e una ba a de
na egación con los mismos menús, aunque se cambia el logo de Adap a-
Ma e ialEscola po dichos menús, añadiendo el de A chi o y Fo ma o.
También iene los dos elemen os mencionados an e io men e: en la pa -
e de la izquie da el documen o subido, y en el de la de echa, el edi o .
En és e, se encuen a una ba a de he amien as con la posibilidad de
cambia el o ma o de la le a, la posición del ex o, y dos bo ones pa a
desca ga y bo a odo, espec i amen e.
En cambio, en el p o o ipo de Pablo (Figu a 6.14), se obse a que la ba-
a de na egación desc i a en los p o o ipos de Jo ge y Na alia no es á,
sino que se encuen a incluida en el p opio edi o (el elemen o que se
encuen a en la pa e de la izquie da). En es a ba a de he amien as
se pod á da o ma o al ex o (pone le o ma de í ulo, pá a o, co-
lo , neg i a, cu si a, e c), así como deshace y ehace lo esc i o, c ea
6.2. Diseño de la aplicación 61
Figu a 6.12: P o o ipo de la is a p e ia (Jo ge)
Figu a 6.13: P o o ipo del edi o (Na alia)
ablas, y unos bo ones con los dis in os ipos de adap aciones que hay.

62 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.14: P o o ipo del edi o (Pablo)
6.2.4. Cua a i e ación: diseño inal
Una ez hecha la pues a en común de los diseños ealizados po cada
miemb o del equipo se p ocedió a hace el diseño inal. Es e diseño omaba
como base el p o o ipo de Pablo (Figu a 6.14), debido a que es aba odo
más limpio y cla o isualmen e. A es e p o o ipo se añadió una ba a de
na egación en la pa e supe io (como las que apa ecen en los p o o ipos
de las Figu as 6.10 y 6.13) pa a los ipos de adap aciones que hab á en
la aplicación. Es a ba a de na egación su ge po que algunas adap aciones
ienen un es ilo de implemen ación dis in o (algunas se pod án hace sob e
el p opio edi o pe o o as ab i án nue as en anas pa a pode ealiza la
adap ación, sob e odo en las adap aciones de ac i idades).
T as ealiza es e diseño, se en ió un email a las p o eso as del Aula
TEA pa a que nos die an eedback sob e él. La espues a ue posi i a: an o
la dis ibución de los elemen os como los colo es usados e an adecuados.
6.3. Implemen ación
Adap aMa e ialEscola es una aplicación web c eada con Reac (expli-
cado en la sección 4.2), cuyo código se puede encon a en el eposi o-
io del g upo NIL en Gi Hub6. Es accesible a a és de la siguien e u l:
h ps://hols ein. di.ucm.es/ g/2021/adap a/.
6h ps://gi hub.com/NILG oup/TFG-Adap aMa e ialEscola / ee/mas e /Codigo
6.3. Implemen ación 63
En la Figu a 6.15 se mues a la página p incipal de la aplicación. En ella
se puede e el heade en la pa e supe io , con el logo de la aplicación en
la pa e de la izquie da, y los bo ones de Inicio, Ayuda y Con ac o en la
pa e de la de echa; y en el cen o de la página una zona pa a pode subi
un iche o .pd que se i á como base a las adap aciones y/o a la c eación
de eje cicios.
Figu a 6.15: Página p incipal de Adap aMa e ialEscola
Cuando el iche o se haya subido, apa ece án dos zonas di e enciadas ( e
Figu a 6.16): la zona de la izquie da con end á el documen o subido y la zona
de la de echa es la zona de edición, donde se i á c eando el nue o documen o
con las adap aciones y/o eje cicios.
Las uncionalidades implemen adas se da án con más de alle en la sección
6.3.2 y son las siguien es:
Subi un documen o uen e. Pe mi e subi un documen o en o ma o
.pd que pod á se i de ex o base pa a ealiza las adap aciones y/o
pa a la c eación de eje cicios. En la Figu a 6.15 se puede e la página
de subi un documen o uen e.
Edi o . Pe mi e esc ibi , modi ica las adap aciones y/o eje cicios ya
esc i os, cambia el o ma o ( ipo, amaño, colo de le a, posiciona-
mien o del ex o...), e c. En la Figu a 6.16 se puede e el edi o y la
ba a de he amien as que con iene las opciones de o ma o.
Pic og amas. Pe mi e busca pic og amas a pa i de una palab a. La
búsqueda de ol e á a ios pic og amas y haciendo clic en un pic og a-
64 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.16: Página p incipal de Adap aMa e ialEscola as subi un docu-
men o
ma és e se á lle ado al edi o . En la Figu a 6.17 se puede e la in e az
del buscado de pic og amas cuando se ha buscado la palab a lo .
Figu a 6.17: In e az de Adap aMa e ialEscola al selecciona Pic og amas
Comple a huecos. Pe mi e c ea un eje cicio de comple a huecos. P i-
me o hab á que in oduci el ex o base del eje cicio y pos e io men e
selecciona las palab as en las que se quie a deja el hueco. En la Fi-
gu a 6.18 se mues a la in e az la aplicación al selecciona Comple a
huecos.
De iniciones. Pe mi e c ea una lis a de concep os a de ini en un núme-
o máximo de líneas. Incluye una opción pa a añadi espaciado ex a
6.3. Implemen ación 65
Figu a 6.18: In e az de Adap aMa e ialEscola al selecciona Comple a
huecos
en e líneas pa a es udian es que engan una le a más g ande. En
la Figu a 6.19 se puede e la in e az de la aplicación cuando se ha
seleccionado De iniciones.
Figu a 6.19: In e az de Adap aMa e ialEscola al selecciona De iniciones
Desa ollo. Pe mi e c ea un eje cicio de desa ollo inse ando el enun-
ciado y el núme o de líneas máximo pa a esponde . También iene una
opción pa a añadi espaciado ex a en e líneas pa a es udian es que
engan una le a más g ande. En la Figu a 6.20 se puede e la in e az
de la aplicación cuando se ha seleccionado Desa ollo.
Sopa de le as. Pe mi e c ea una sopa de le as es ableciendo el núme o
72 Capí ulo 6. Adap aMa e ialEscola
ac ualiza á los da os en base a ella. Los selec o es de ec a án el cambio
y ac ualiza án las is as.
Redux lo hemos usado en el p oyec o pa a educi la in e acción en e
los dis in os componen es de la aplicación, simpli icando así la complejidad
y acili ando el man enimien o y depu ación.
6.3.2. Funcionalidades
En es a sección se explica án con de alle la implemen ación de cada una
de las uncionalidades.
6.3.2.1. Subi un documen o uen e
En la Figu a 6.15 se puede e el aspec o de Adap aMa e ialEscola cuan-
do se iene que subi un documen o uen e. El documen o a subi debe se
en o ma o .pd . En el caso de que no se suba en dicho o ma o, el iche o no
se ende iza á co ec amen e.
Una ez que se ha seleccionado el iche o .pd , pa a que se ca gue en la
aplicación, ocu e lo siguien e (en la Figu a 6.26 se mues a el diag ama de
secuencia de es a uncionalidad):
1. La unción uploadFile() hace una llamada al despachado pasándole co-
mo pa áme o loadDocumen (documen ), donde documen es el obje o
que con iene el documen o a subi .
2. El despachado busca á en Ac ions el ipo de acción que es (en es e
caso, LOAD_FILE), jun o con su payload (el documen o a subi ) y lo
de ol e á. Pos e io men e, llama á al educ o a a és de documen Re-
duce () pasándole como pa áme os el es ado (s a e) del componen e y
la acción de uel a an e io men e. A con inuación, busca á en el swi ch
el ipo de acción y p ocede á a modi ica el es ado del componen-
e, ac ualizando los campos ileL (el documen o subido) y ileIsLoaded
(indica si hay un documen o ca gado, y si e pa a cambia en e las
páginas de subi un documen o si su alo es alse, y del edi o , si su
alo es ue). T as ac ualiza los, de ol e á el es ado modi icado.
3. Po úl imo, as ealiza es e p oceso, el documen o se hab á ca gado
en la aplicación, como se puede e en la Figu a 6.16. El ex o del

6.3. Implemen ación 73
iche o subido se pod á usa de base y se pod á u iliza el edi o pa a
ealiza adap aciones de ema io y c ea eje cicios.
Figu a 6.26: Diag ama de secuencia de subi un documen o
En la Figu a 6.27 se puede e un diag ama con el lujo de acción, educ o ,
e c. conc e os pa a es a unción.
Figu a 6.27: Diag ama de lujo de subi un documen o
74 Capí ulo 6. Adap aMa e ialEscola
6.3.2.2. Edi o
El edi o de ex o que hemos usado es CKEdi o 5 ( e sección 4.5). En
la Figu a 6.16 se puede e , en la pa e de la de echa, el edi o . Pa a añadi
uncionalidad al és e, se necesi an inclui plugins9. Es os plugins pueden se
del p opio edi o o c eados po un usua io y la mayo ía ienen con igu a-
ción pe sonalizable. El edi o cons a de dos pa es: la ba a de he amien as
y la zona de esc i u a. La ba a de he amien as cons a de los siguien es
elemen os:
Expo a a PDF: pe mi e expo a a un documen o .pd el con enido
del edi o . Es posible g acias al plugin Expo Pd .
Deshace y ehace : pe mi e deshace / ehace la úl ima acción ealiza-
da en el edi o . Es posible g acias al plugin Essen ials.
Es ilos de pá a o: pe mi e cambia el es ilo del pá a o. Es posible
g acias al plugin Heading. Se pueden de ini nue os es ilos y añadi los
a la con igu ación del plugin.
Fuen e de la le a: pe mi e cambia la uen e de la le a. Es posible
g acias al plugin Fon Family. Cada amilia de uen e de ex o que se
quie a inclui debe se añadida a las opciones de con igu ación del
plugin.
Tamaño de la le a: pe mi e cambia el amaño de la le a. Es posible
g acias al plugin Fon Size. Se pueden de ini amaños de le a pe so-
nalizados añadiéndolos a las opciones de con igu ación del plugin.
Colo de la le a: pe mi e cambia el colo de la le a. Es posible g acias
al plugin Fon Colo . Se pueden de ini colo es pe sonalizados y añadi -
los a las opciones de con igu ación del plugin, así como el núme o de
columnas a mos a .
Colo de esal ado: pe mi e esal a una palab a con un colo . Es po-
sible g acias al plugin Fon Backg oundColo . Se pueden de ini colo es
pe sonalizados y añadi los a las opciones de con igu ación del plugin,
así como el núme o de columnas a mos a .
Neg i a, cu si a y sub ayado: pe mi e cambia el o ma o de ex o a
neg i a, cu si a y/o sub ayado g acias a los plugins Bold, I alic yUn-
de line, espec i amen e.
9h ps://ckedi o .com/docs/ckedi o 5/la es /builds/guides/de elopmen /plu
gins.h ml
6.3. Implemen ación 75
Alineamien o del ex o: pe mi e alinea el ex o a la izquie da, cen-
a lo, alinea lo a la de echa o jus i ica lo. Es posible g acias al plugin
Alignmen .
Sang ía: pe mi e disminui o aumen a la sang ía de un pá a o. Es
posible g acias al plugin Inden eInden Block.
Lis as: pe mi e c ea lis as no nume adas, lis as nume adas y lis as
de a eas. Es posible g acias a los plugins Lis S yle, pa a las lis as
nume adas y no nume adas, y TodoLis pa a las lis as de a eas.
Ci a en bloque: pe mi e inse a ci as en bloque. Es posible g acias al
plugin BlockQuo e.
Tablas: pe mi e inse a ablas y modi ica el diseño de las mismas
(mezcla celdas, añadi o elimina ilas y columnas, cambia de colo
la abla y celdas, e c.). Es posible g acias a los plugins Table, Table-
Toolba , TableP ope ies yTableCellP ope ies.
Imágenes: pe mi e inse a imágenes a a és de una URL y edimen-
siona las. Es posible g acias a los plugins Image, ImageInse , Image-
Toolba , ImageS yle eImageResize.
El edi o es á con igu ado po de ec o con la uen e de le a A ial, un amaño
de le a de 16px y el ex o alineado a la izquie da, siguiendo las ecomenda-
ciones de Lec u a Fácil ya comen adas en la sección 3.1.1.
Pa a que un eje cicio se pueda esc ibi en el edi o , es necesa io c ea
el plugin del eje cicio co espondien e. És e debe ene dos iche os: inse -
Componen eCommand, el iche o que con iene la ejecución del comando, y
componen ePlugin, el iche o que con iene la c eación del comando y su adi-
ción a la lis a de comandos del edi o . En el p ime iche o se debe de ini
la unción execu e(), cuyo pa áme o son los da os que se necesi en pa a
isualiza el eje cicio (puede se un obje o, una sola a iable, e c.). En el
segundo iche o se debe de ini el comando de inse ción y añadi lo a la lis a
de comandos del edi o . En el siguien e agmen o de código se mues a un
ejemplo del iche o plugin del eje cicio de comple a huecos, donde se de ine
el comando y se añade a la lis a de comandos del edi o .
ini () {
his. edi o . commands . add (’inse FillGaps’,new
Inse FillGapsCommand( his. edi o ));
}
Lis ing 6.7: Ejemplo del iche o plugin del eje cicio de comple a huecos
donde se de ine y añade el comando
76 Capí ulo 6. Adap aMa e ialEscola
En el siguien e agmen o de código se mues a un ejemplo de la unción
execu e() del iche o inse ción del comando del eje cicio de comple a huecos.
execu e ( da a ){
his. edi o . model . change ( w i e => {
le ex = "";
da a . ex . o Each ( = >{
ex += + " ";
})
le inse Posi ion = his. edi o . model . documen .
selec ion . ge Fi s Posi ion ();
cons enunciado = w i e . c ea eElemen ( ’pa ag aph ’,
inse Posi ion);
w i e . inse Tex ( ex , enunciado );
his. edi o . model . inse Con en ( enunciado );
i ( da a . addHowToSol e ){
cons howTo = w i e . c ea eElemen (’ pa ag aph ’);
w i e . inse Tex (" Cómo esol e el eje cicio : ... ",
howTo, " end ");
}
his. edi o . execu e (" shi En e ");
});
}
Lis ing 6.8: Ejemplo del iche o inse ción del comando del eje cicio de
comple a huecos donde se de ine la unción execu e()
La Figu a 6.28 mues a un diag ama de secuencia de cómo se inicializa
el edi o y cómo se ejecu a la unción execu e() al se llamado po un com-
ponen e cualquie a. Pa a ello, hay dos ases a ejecu a . En la p ime a ase
se inicializa el edi o y nos cen a emos en la inicialización de cada plugin y
comando:
1. Cuando se c ea el edi o se llama a la unción c ea e() pasándole como
pa áme os sou ceElemen O Da a, el componen e HTML donde es a á
mon ado el edi o ; y con ig, el obje o de con igu ación del edi o en el
que se encuen a el idioma del edi o , los plugins y algunas con igu a-
ciones de és os. Den o de es a unción, se c ea el edi o haciendo un
new his() y pasándole como pa áme os los mismos que en el c ea e,
y asigna á es e edi o a una a iable. Pos e io men e, se llama a la
unción ini Plugins() del edi o , pasándole como pa áme o los plugins
del obje o con ig.
2. La llamada a ini Plugins() i e a á sob e cada plugin que haya en plu-
gins. Pa a ello, se hace una llamada a ini () pasándole como pa áme os
los plugins.
3. La llamada a ini () se ejecu a en la clase PluginsCollec ion, una clase
6.3. Implemen ación 77
de CKEdi o 5 pa a ges iona los plugins. A con inuación se ejecu a un
bucle o Each en el que, pa a cada plugin de plugins, se ha á una llama-
da a ini (). Es a llamada a ini () la iene cada clase Componen ePlugin
obliga o iamen e.
4. La unción ini () de cada clase Componen ePlugin inse a á, en la lis a
de comandos del edi o , el comando co espondien e a esa clase. Se
hace una llamada a add() pasándole como pa áme os el nomb e del
comando y un obje o de la clase Inse Componen Command() donde
se encuen a la unción execu e(). La llamada a new Inse Componen -
Command() necesi a como pa áme o el edi o .
5. Una ez hecho odo es e p oceso, de ol e á el edi o inicializado. Hay
que ene en cuen a que en odo es e p oceso se llaman a más uncio-
nes y se asignan más a iables, ya que lo hace in e namen e y no son
unciones que noso os hayamos c eado.
En la segunda ase nos cen a emos en la ejecución de la unción execu e()
de un componen e cualquie a:
1. Un componen e hace una llamada a la unción execu e() del edi o pa-
sándole como pa áme os el nomb e del comando “inse Componen e”
y el obje o con los da os necesa ios pa a la isualización del compo-
nen e en el edi o , op ions.
2. La unción execu e() del edi o ejecu a un bloque y-ca ch:
a) T y: se hace una llamada a execu e() de la clase CommandCollec-
ion, una clase de CKEdi o pa a ges iona los comandos, pasán-
dole como pa áme os el nomb e del comando y el obje o de da os.
Si odo a bien, se ob end á el comando y se llama á a la unción
execu e() de la clase Inse Componen Command pasándole como
pa áme o el obje o de da os. En el caso de que el comando no
exis a se lanza á una excepción.
b) Ca ch: si ha habido alguna excepción y no se ha conseguido eje-
cu a el comando, se cap u a á la excepción y se elanza á o a
excepción llamando a la unción e h owUnexpec edE o () pasán-
dole como a gumen os el e o y el edi o .
3. Si odo ha ido bien, se isualiza á en el edi o el componen e.

78 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.28: Diag ama de secuencia del p oceso de inicialización del edi o y
la ejecución de la unción execu e()
6.3.2.3. Buscado de pic og amas
La Figu a 6.17 mues a la apa iencia de la aplicación cuando se selec-
ciona el buscado de pic og amas. En él, se mues a un único inpu donde
se in oduce el ex o a busca . La aplicación eacciona á au omá icamen e y
mos a á los esul ados con o me se aya ac ualizando el ex o a busca . En
la Figu a 6.29 se puede e cómo se mues an los esul ados una ez se ha
in oducido un ex o de búsqueda.
Una ez se ha in oducido el ex o, se selecciona el pic og ama deseado y
se hace clic sob e él pa a inse a lo donde es é el cu so en el edi o . La Figu a
6.30 con iene el aspec o del edi o una ez se ha in oducido un pic og ama.
6.3. Implemen ación 79
Figu a 6.29: Resul ados del buscado de pic og amas
Figu a 6.30: Pic og ama in oducido en el edi o
Las Figu as 6.31 y 6.32 mues an el diag ama de clase y secuencia aso-
ciados a es e caso de uso. In e namen e, es e módulo con iene es alo es:
sea chResul s, inpu Tex y e o Tex . El inpu Tex con iene el ex o del o -
mula io de búsqueda. Cada ez que se ac ualice la is a Pic og amSea ch-
Modal se ejecu a á una acción Fe chPic og amsAc ion, la cual ealiza á la
llamada a la API ex e na de ARASAAC y ob end á los pic og amas. Co-
mo es a acción ejecu a una llamada a una API ex e na, iene un ca ác e
asínc ono y ac úa como middlewa e en e acciones. En la acción se ejecu a á
un e ch a la u l de ARASAAC. Si odo a bien se ob end án los da os y
se ejecu a á o a acción llamada Fe chPic og amsSuccess que ac ualiza á el
S o e con los da os ob enidos y au omá icamen e ac ualiza á la in e az con
los esul ados. Si se ha p oducido cualquie e o de conexión se ejecu a á
80 Capí ulo 6. Adap aMa e ialEscola
una acción llamada Fe chPic og amsFailu e donde se almacena á el e o y
se comunica á en la is a.
Figu a 6.31: Diag ama de clases del buscado de pic og amas
Figu a 6.32: Diag ama de secuencia del buscado de pic og amas
6.3.2.4. Sopa de le as
En la Figu a 6.21 se puede e el aspec o de la aplicación al selecciona
sopa de le as. La c eación del eje cicio de sopa de le as solici a los siguien es
pa áme os:
6.3. Implemen ación 81
Filas: El núme o de ilas que end á la sopa de le as.
Columnas: El núme o de columnas que end á la sopa de le as.
Palab as: Las palab as que se inse a án en la sopa de le as.
Di ección: Las di ecciones en las que se quie e inse a la palab a ( e -
ical, ho izon al y/o diagonal). Como mínimo se debe ac i a una di-
ección pa a pode gene a la sopa de le as.
Palab as máximas: El núme o de palab as máximas que se inse a án
en la sopa de le as.
Ac i a esc i u a al e és: Ac i a la p obabilidad de esc ibi cada pala-
b a al e és. En el caso de que es a opción no se ac i e, la p obabilidad
se á ce o. Si se ac i a, apa ece á una ba a deslizan e pa a es ablece
dicha p obabilidad.
Los pa áme os obliga o ios pa a pode gene a la sopa de le as son las
ilas, las columnas, las palab as y la/s di ección/es. Así mismo, exis e o a
opción de ca ác e opcional y es la posibilidad de mos a en el edi o las
palab as a busca jun o al enunciado.
Figu a 6.33: Vis a p e ia de la sopa de le as
Una ez que se han ellenado los campos obliga o ios se ac i a án los
bo ones de Vis a p e ia y Acep a . El bo ón Vis a p e ia gene a p ime o
la sopa de le as y la mues a al usua io an es de esc ibi la en el edi o (en
la Figu a 6.33 se mues a la is a p e ia de la sopa de le as gene ada). En
cambio, el bo ón Acep a gene a la sopa de le as y la esc ibe di ec amen e
en el edi o , sin mos a la an es al usua io. En ambos casos, si ocu e algún
88 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.40: Resul ado del eje cicio de de iniciones
1. Se llama al despachado pasándole como pa áme o upda eDe elop-
Tex (e. a ge . alue), donde e. a ge . alue es el alo del campo del in-
pu que lo ha llamado (el enunciado modi icado).
2. El despachado busca á en Ac ions el ipo de acción que es (UPDA-
TE_DEVELOP_TEXT) jun o con su payload (el enunciado modi i-
cado). Pos e io men e llama á al educ o a a és de de elopReduce ()
pasándole como pa áme os el es ado (s a e) del componen e y la ac-
ción de uel a an e io men e. A con inuación busca á en el swi ch el
ipo de acción y p ocede á a ac ualiza el es ado del componen e, con-
c e amen e la a iable ex , un s ing donde se almacena el enunciado.
T as ac ualiza lo, de ol e á el es ado modi icado.
3. Po úl imo, as ealiza es e p oceso, se ac ualiza á la in e az con el
nue o es ado de uel o po el educ o .
Una ez que se han ellenado los campos obliga o ios, el bo ón Acep a se
habili a á. Al hace clic en él se p ocede á a esc ibi , en el edi o , el enunciado
del eje cicio y en los siguien es englones el núme o de líneas especi icado po
el usua io. Pa a ello, se llama a la unción execu e() del edi o , pasándole
como pa áme os el nomb e del comando (inse De elop), y el obje o de
da os con el enunciado, el núme o de líneas y las opciones pa a añadi espacio
ex a en e líneas y pa a añadi un ejemplo de cómo esol e el eje cicio. En
la Figu a 6.44 se mues a el esul ado de es e eje cicio. En la pa e supe io
se mues a dicho esul ado usando las opciones de la Figu a 6.43. En la pa e
in e io , el mismo eje cicio pe o qui ando la opción de añadi el ejemplo de
cómo esol e el eje cicio, y añadiendo espacio ex a en e líneas.

6.3. Implemen ación 89
Figu a 6.41: Diag ama de lujo cuando se modi ica el enunciado del eje cicio
p egun a pa a desa olla
Figu a 6.42: Diag ama de secuencia cuando se modi ica el enunciado del
eje cicio p egun a pa a desa olla
6.3.2.7. Ve dade o o Falso
Al selecciona es a opción en nues a aplicación, se mues a la in e az
de la Figu a 6.22. Pa a c ea un eje cicio de e dade o y also se necesi an
ellena los siguien es campos:
F ases: Con end á las ases del eje cicio. Hay que esc ibi una ase
en cada inpu de ex o. Pa a añadi más inpu s, se puede pulsa la
ecla En e den o de uno de los inpu s, o pulsa el bo ón “más”. Pa a
qui a los, se end á que hace clic en el “menos”. Ambos bo ones se
90 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.43: Ejemplo de opciones del eje cicio p egun a pa a desa olla
Figu a 6.44: Resul ado de eje cicio p egun a pa a desa olla
encuen an ubicados en la de echa de cada inpu .
La o ma en la que se mues an las ases: puede se como una lis a no
o denada o una lis a o denada. Po de ec o es á seleccionada la lis a
no o denada.
En la Figu a 6.45 se mues a un diag ama con el lujo de acción, educ o ,
e c., cuando se añaden más inpu s y en la Figu a 6.46, un diag ama de
secuencia de la misma uncionalidad. Tal y como se puede e en el diag ama
de secuencia ocu e lo siguien e:
1. Se llama al despachado pasándole como pa áme o addMo eT ueFal-
6.3. Implemen ación 91
se().
2. El despachado busca á en Ac ions el ipo de acción que es (en es e ca-
so, ADD_MORE_TRUEFALSE). Pos e io men e llama á al educ o
a a és de ueFalseReduce () pasándole como pa áme os el es ado
(s a e) del componen e y la acción de uel a an e io men e. A con i-
nuación busca á en el swi ch el ipo de acción y p ocede á a ac ualiza
el es ado del componen e, conc e amen e la a iable ex , un a ay que
almacena cada ase de e dade o o also. Es a ac ualización añade al
inal del a ay una cadena de ex o acía. T as ac ualiza lo, de ol e á
el es ado modi icado.
3. Po úl imo, as ealiza es e p oceso, se ac ualiza á la in e az con el
nue o es ado de uel o po el educ o , en el que se mos a á o o inpu
pa a esc ibi o a ase de e dade o o also, jun o con los bo ones de
añadi más ilas y qui a ila.
Figu a 6.45: Diag ama de lujo cuando añaden más ilas al eje cicio de e -
dade o o also
Una ez que se han ellenado los campos obliga o ios mencionados an e-
io men e, el bo ón Acep a se habili a á. Al hace clic en él se p ocede á a
esc ibi en el edi o cada ase, seguido de un ecuad o pa a esc ibi V si es
e dade o o F si es also. Pa a ello, se llama a la unción execu e() del edi o ,
pasándole como pa áme os el nomb e del comando (inse T ueFalse) y un
obje o de da os con la lis a de o aciones, el ipo de lis a y la opción pa a
añadi un ejemplo de cómo esol e el eje cicio. En la Figu a 6.48 se mues a
el esul ado del eje cicio usando las opciones de la Figu a 6.47.
92 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.46: Diag ama de secuencia cuando añaden más ilas al eje cicio de
e dade o o also
Figu a 6.47: Ejemplo de opciones del eje cicio e dade o o also
6.3.2.8. Comple a huecos
El eje cicio de comple a huecos iene como inalidad esc ibi las palab as
al an es en los espacios en los que haya una línea. Al selecciona es a opción
en nues a aplicación se mues a la in e az de la Figu a 6.18. Es e eje cicio
cons a de dos ases:
En la p ime a ase hay que inse a el ex o del que se quie a qui a
palab as. Una ez que se ha inse ado, el bo ón Selecciona palab as se
habili a á. El ex o se puede selecciona y copia del documen o uen e
y pega lo en el ex a ea. En la Figu a 6.49 se mues a un ejemplo de la
6.3. Implemen ación 93
Figu a 6.48: Resul ado de eje cicio e dade o o also
in e az de edición en la que se debe inse a el ex o, y en el que una
ez inse ado, el bo ón Selecciona palab as se habili a á.
Figu a 6.49: Ejemplo de edición del ex o del eje cicio comple a huecos
La segunda ase se alcanza cuando se hace clic en el bo ón de Selec-
ciona palab as. Pa a qui a una palab a bas a con hace clic en ella.
Si se quie e ol e a e la palab a, hay que ol e a hace clic en ella.
Pa a ol e a edi a el ex o ( ol e a la ase uno), simplemen e hay
que hace clic en el bo ón Edi a ex o. En la Figu a 6.50 se puede e
la in e az de selección de las palab as. En és a, se han seleccionado las
palab as i os, animales, plan as y o gánicas.
En la Figu a 6.51 se mues a un diag ama de secuencia cuando se hace

94 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.50: Ejemplo de selección de palab as del eje cicio comple a huecos
clic en el bo ón Selecciona palab as. Tal y como se puede e en el diag ama
de secuencia ocu e lo siguien e:
1. Se hace una llamada a la unción changeToSelec ion(). Es a unción
cons a de dos pa es:
a) Se hace una llamada al despachado pasándole como pa áme o
upda eMode(mode), donde mode puede se o edi ion oselec ion.
En es e caso es selec ion. El despachado busca á en Ac ions el i-
po de acción que es (UPDATE_FILLGAPS_MODE), jun o con
su payload. Después llama á al educ o a a és de illGapsRedu-
ce () pasándole como pa áme os el es ado (s a e) del componen e
y la acción de uel a an e io men e, busca á el ipo de acción en
el swi ch y ac ualiza á el modo a selec ion. Después de ol e á el
es ado ac ualizado.
b) Se hace una llamada al despachado pasándole como pa áme o
upda eTex Selec ion(). El despachado busca á en Ac ions el ipo
de acción que es (UPDATE_FILLGAPS_TEXTSELECTION).
Pos e io men e llama á al educ o a a és de illGapsReduce ()
pasándole como pa áme os el es ado (s a e) del componen e y
la acción de uel a an e io men e, busca á el ipo de acción en el
swi ch y ac ualiza á la a iable ex Selec ion. Es a a iable con-
iene las palab as del ex o sepa adas po espacios. Después de-
ol e á el es ado ac ualizado. Una ez inalizado es e p oceso, se
cambia á a la in e az de selección de palab as (Figu a 6.50).
2. Al selecciona una palab a se llama a la unción handleOnClick(e,i)
pasándole como pa áme os el e en o que lo ha llamado (e) y la po-
6.3. Implemen ación 95
Figu a 6.51: Diag ama de secuencia cuando se hace clic sob e Selecciona
palab as en el eje cicio comple a huecos
sición en el a ay de ex Selec ion (i). En la Figu a 6.53 se mues a
un diag ama de secuencia cuando se hace clic en una palab a, y en la
Figu a 6.52, un diag ama de lujo de es a uncionalidad. Al selecciona
una palab a pueden ocu i dos si uaciones:
Figu a 6.52: Diag ama de lujo al selecciona una palab a del eje cicio com-
ple a huecos
a) Si la palab a comienza con una guión bajo, se llama al despa-
chado pasándole como pa áme o upda eDele eSelec edWo d(i),
96 Capí ulo 6. Adap aMa e ialEscola
Figu a 6.53: Diag ama de secuencia cuando se hace clic en una palab a en
el eje cicio comple a huecos
donde ies la posición de la palab a en el a ay ex Selec ion.
El despachado busca á en Ac ions el ipo de acción que es (UP-
DATE_FILLGAPS_DELETESELECTED) jun o con su payload
(i). Pos e io men e se llama á al educ o a a és de illGapsRe-
duce () pasándole como pa áme os el es ado (s a e) del compo-
nen e y la acción, busca á el ipo de acción en el swi ch y p oce-
de á a ac ualiza dos a iables: ex Selec ion, donde se ecupe a
la palab a que se ha ocul ado, y wo dSelec ed, donde se busca el
índice de la palab a que se ha ocul ado en el a ay wo dsSelec-
ed, y se elimina la palab a de és e. Después de ol e á el es ado
modi icado.
b) Si la palab a no comienza con guión bajo, se llama al despachado
pasándole como pa áme o upda eAddSelec edWo d( ex Con en ,
i), donde ex Con en es la palab a e ies la posición en el a ay
ex Con en . El despachado busca á en Ac ions el ipo de acción
que es (UPDATE_FILLGAPS_ADDSELECTED) jun o con su
payload (i). Pos e io men e se llama á al educ o a a és de ill-
6.3. Implemen ación 97
GapsReduce () pasándole como pa áme os el es ado (s a e) del
componen e y la acción, busca á el ipo de acción en el swi ch y
p ocede á a ac ualiza dos a iables: ex Selec ion, donde se sus-
i uye la palab a po guiones bajos, y wo dsSelec ed, donde se
añade un obje o con la palab a y la posición en el a ay ex Se-
lec ion pa a pode ecupe a la después. Po úl imo de ol e á el
es ado modi icado.
Una ez que se ha seleccionado al menos una palab a, el bo ón Acep a
se habili a á. Al hace clic en és e se esc ibi á el ex o modi icado en el
edi o . Pa a ello, se llama á a la unción execu e() del edi o , pasándole como
pa áme os el nomb e del comando (inse FillGaps) y el obje o de da os
con el ex o modi icado, las palab as escondidas y la opción pa a añadi un
ejemplo de cómo esol e el eje cicio. En la Figu a 6.54 se e el esul ado del
eje cicio al usa las opciones de las Figu as 6.49 y 6.50.
Figu a 6.54: Resul ado del eje cicio de comple a huecos
6.3.3. Es uc u a del código
La o ganización de di ec o ios del p oyec o gi a en o no al pa ón de
diseño Redux. El código de la uncionalidad de la aplicación se es uc u-
a p incipalmen e en cua o ca pe as: componen s, pages, ckedi o y edux.
Además, con amos con el iche o App, que supone el pun o de inicio del
p og ama. El con enido de cada ca pe a es el siguien e:
Componen s: Rep esen ado en la Figu a 6.55, con iene cada compo-
nen e que ep esen a una uncionalidad pa a la aplicación, o pa e de
104 Capí ulo 7. E aluación de Adap aMa e ialEscola
•¿Te gus a ía que la aplicación siguie a en desa ollo pa a mejo-
a la?
•¿Qué mejo a ías en la aplicación? (P egun a no obliga o ia).
En las p egun as donde se debía es ablece como espues a una pun ua-
ción u ilizamos una escala Like de 5 pun os, donde las pun uaciones iban
del 1 al 5, signi icando la alo ación más baja que el usua io es á “Muy en
desacue do” con la a i mación de la p egun a y, en la más al a, “Muy de
acue do”. Todos los apa ados de la encues a, a excepción del de usabilidad,
ue on plani icados po noso os especí icamen e pa a ob ene in o mación
que conside ábamos ele an e pa a el p oyec o.
El cues iona io se encuen a en la di ección web: h ps://docs.googl
e.com/ o ms/d/e/1FAIpQLS ZKu_D1C2T3UMi7gQ 1qzV7Ne0MbsNigVGhcOk
aZ5xez7COw/ iew o m?usp=s _link
7.3. Desa ollo de la e aluación
El ie nes 28 de mayo plani icamos una eunión p esencial en el IES
Maes o Juan de Á ila, de Ciudad Real, con las p o eso as del Aula TEA,
quienes han colabo ado con noso os du an e odo el p oyec o. Una ez allí,
la o ien ado a del cen o, Ma ía José Mo ales Rubio, se unió a la demos a-
ción que ealizamos po su p opia inicia i a e in e és en nues o p oyec o.
Realizamos una p ueba de ap oximadamen e una ho a de du ación, en la que
se les mos ó cómo u iliza Adap aMa e ialEscola y eplicamos con ellas el
examen que habíamos p epa ado.
Ese mismo día se ealizó la misma demos ación de la aplicación, ambién
de o ma p esencial, con o a p o eso a del mismo ins i u o, Es he Valien-
e Mo eno, que impa e las asigna u as de Emp endimien o Emp esa ial y
Economía en el cen o y cuen a con un alumno TEA en una de las clases.
Po al a de iempo no se pudo mos a el p oyec o a más p o eso es ni se
ecogie on más e aluaciones, aunque con ac a on con noso os es docen es
más que se habían in e esado en Adap aMa e ialEscola y enían in ención
de ap ende a u iliza lo pa a el cu so siguien e. Uno de ellos impa e Biología
y los o os dos, His o ia y Geog a ía.
El día 1 de junio, la Je a de Es udios y p o eso a del IES Ped o Ál a-
ez de So omayo , de Manzana es, Ma ía de las C uces Valien e Mo eno,
que impa e la asigna u a de Tecnología Indus ial, ambién con ac ó con

7.4. Resul ado de la e aluación 105
noso os pa a conoce el p oyec o, debido a que se in e esó po los comen-
a ios que le llega on del IES Maes o Juan de Á ila. Nos comen ó que en
su cen o había un alumno con so de a o al a quien debían adap a el ma-
e ial y o ganizamos una eunión po ideollamada pa a ealiza la misma
demos ación que al es o de p o eso es, pa a mos a le el uncionamien o de
Adap aMa e ialEscola .
Du an e las euniones con odos los p o eso es de los dis in os cen os
educa i os, su gie on equisi os nue os que se p e enden plan ea como a-
bajo u u o en caso de que Adap aMa e ialEscola pudie a segui en desa-
ollo en los p óximos años. Incluso se nos llegó a o ece la opo unidad de
ealiza un cu so de o mación a nue os p o eso es y alumnos de más e el
cu so que iene, en el IES Maes o Juan de Á ila, pa a p esen a lo como
he amien a de adap abilidad pa a el p o eso ado, independien emen e de si
llegábamos a cumpli con los nue os equisi os o si man eníamos el p oyec o
al y como lo ie on.
7.4. Resul ado de la e aluación
Finalmen e, el núme o de usua ios inales que pa icipa on en la e alua-
ción de la aplicación web y con es a on la encues a ue on 5, odas muje es
y docen es de Educación Secunda ia y/o Bachille a o, aunque de habe dis-
pues o de más iempo hab íamos llegado a ene 9 en o al, po el in e és de
o os p o eso es. Los cen os de es udios pa icipan es ue on el IES Maes o
Juan de Á ila, de Ciudad Real, y el IES Ped o Ál a ez de So omayo , de
Manzana es.
El esul ado a las p egun as de usabilidad del SUS ue ealmen e posi i o,
ya que ob u imos una pun uación inal de 99, siendo 100 la máxima pun-
uación, po lo que se puede conclui que el sis ema es ácilmen e manejable
po los usua ios con una o mación mínima. La g á ica con la media de las
pun uaciones de cada p egun a se puede e en la Figu a 7.1 y los cálculos
del esul ado en la Tabla 7.1.
P egun a 1 5−1 = 4
P egun a 2 5−1,2 = 3,8
P egun a 3 5−1 = 4
P egun a 4 5−1 = 4
P egun a 5 5−1 = 4
P egun a 6 5−1 = 4
P egun a 7 5−1 = 4
106 Capí ulo 7. E aluación de Adap aMa e ialEscola
Tabla 7.1 con inuada de la página an e io
P egun a 8 5−1=4
P egun a 9 4,8−1=3,8
P egun a 10 5−1=4
Resul ado ((4 ·8) + (3,8·2) ·2,5) = 99
Tabla 7.1: Cálculo del esul ado del cues iona io de SUS
Figu a 7.1: G á ica de esul ados de la Escala de Usabilidad de un Sis ema
En cuan o a las p egun as sob e Diseño, Funcionalidades indi iduales y
U ilidad eal de la aplicación, los esul ados ue on muy posi i os. El diseño
de la aplicación se conside ó adecuado y únicamen e se sugi ió da colo es
di e en es a cada una de las pes añas de las uncionalidades, pa a di e encia -
las mejo . En cuan o a las uncionalidades, la conside ación ue, en gene al,
que esul aban áciles de comp ende y u iliza , aunque el amaño de los
pic og amas e a algo pequeño y se p e e ía que pudie a aumen a se. Sob e la
u ilidad eal del p oyec o, odas las espues as apun a on a que el p oyec o
e a muy ú il pa a el p o eso ado y exp esa on su in e és en que siguie a en
desa ollo en el u u o. El esul ado de la media de cada p egun a en cada
apa ado se puede consul a en la Figu a 7.2.
7.4. Resul ado de la e aluación 107
Figu a 7.2: G á ica de esul ados de Diseño, Funcionalidades y U ilidad eal
Además de ei e a la necesidad de con inua desa ollando los equisi os
de la cap ación inicial, se ecopila on en e las euniones y en la encues a
nue as uncionalidades pa a asigna u as que no se u ie on en cuen a al
p incipio, y mejo as adicionales pa a Adap aMa e ialEscola . Los equisi os
ue on los siguien es:
Añadi una he amien a de pic o aduc o como uncionalidad, pa a
aduci de pic og amas a lenguaje na u al y ice e sa.
Añadi cuad ícula pa a eje cicios de ma emá icas, pa a que los alumnos
puedan esc ibi los núme os en ella.
Añadi la al e na i a de añadi doble pau a, en ez de englones de
una única línea, pa a de e mina el amaño de la le a del alumno.
C ea una he amien a de eco e de imágenes pa a el ex o o iginal.
Añadi encabezado al ex o con, al menos, nomb e del cen o educa i o,
nomb e del alumno y asigna u a.
Añadi eje cicios con espacio pa a dibuja .
108 Capí ulo 7. E aluación de Adap aMa e ialEscola
Añadi eje cicios pa a eje cicios de cálculo con ó mulas con huecos a
ellena po el alumno.
Enume a eje cicios de o ma au omá ica.
Añadi doble pau a en luga de englones sencillos, pa a delimi a el
amaño de la le a del alumno.
Añadi algún ipo de uen e de le a escola .
7.5. Conclusión de la e aluación
Con espec o a la e aluación de la aplicación web Adap aMa e ialEscola ,
podemos de e mina que la acogida po pa e de los usua ios inales ue
mejo de la espe ada y que se ha conseguido desa olla una he amien a
pa a docen es que iene una u ilidad eal que cumple con sus necesidades en
el momen o de acili a la adap ación de ma e ial escola . La usabilidad del
sis ema, con una pun uación de 99 sob e 100, y la es é ica de la aplicación,
con una pun uación de 4,6 sob e 5, equie en poca mejo a u u a, aunque
siemp e se pod á pe ecciona si se con inua colabo ando con nue os usua ios.
La conclusión que podemos saca después de habe ealizado la e aluación
es que el p oyec o ha sido un acie o y hay una necesidad eal de que se
con inúe desa ollándolo y mejo ándolo, pa a así cub i el amplio espec o de
pe iciones de los docen es y las di e sas asigna u as de los cen os académicos
que pod ían bene icia se del uso de la aplicación.
Aún así, aunque el p oyec o gene ó in e és en el p o eso ado del espe-
ados, el núme o de e aluaciones que ob u imos ue muy educido, po lo
que pa a consegui una conclusión más signi ica i a se debe ía con ac a con
más docen es, pa a ecoge ambién sus e aluaciones y p opues as de mejo a
u u a pa a la aplicación.
Capí ulo 8
Conclusiones y T abajo u u o
Resumen: En es e capí ulo se abo da án, en la sección 8.1 las conclu-
siones de es e p oyec o, y en la sección 8.2, las posibles modi icaciones
y mejo as que pod ían lle a se a cabo du an e los p óximos años en la
aplicación de Adap aMa e ialEscola .
8.1. Conclusiones
Ac ualmen e exis en ca encias en cuan o a la exis encia de he amien as
de código abie o pensadas pa a se u ilizadas po el p o eso ado y acili a
su labo docen e du an e la adap ación de ema io, ac i idades y exámenes,
pa a aquellos alumnos que necesi en una adap ación cu icula a lo la go de
su e apa académica. Además, es aún más complicado encon a aplicaciones
que pe sonalicen y sigan un es ánda ap opiado pa a los es udian es con
di icul ades de ap endizaje.
El obje i o p incipal de es e p oyec o e a desa olla una aplicación web
que pe mi ie a a los docen es adap a ecu sos de las asigna u as de una
o ma ácil, sencilla y ápida, y c ea ma e ial pe sonalizado que se ajus e a
las necesidades de cada es udian e. T as e los p oblemas que p esen aban
algunos usua ios inales, uimos capaces de iden i ica un p oblema eal y
pudimos desa olla una solución e icien e pa a esos usua ios. Po un lado
in eg amos un edi o de ex o de código abie o, CKEdi o , con el que cum-
plíamos con la mayo ía de los equisi os de o ma o que nos pedían, ales
como amaño de la le a, colo de la le a, sub ayados, e c.; y po el o o,
implemen amos la mayo pa e de los eje cicios y he amien as p opues os
109

110 Capí ulo 8. Conclusiones y T abajo u u o
que se habían cali icado como p io i a ios, como el buscado de pic og amas,
eje cicios de e dade o/ also, eje cicio de sopa de le as, eje cicio de com-
ple a huecos, eje cicio de p egun a pa a desa olla y eje cicio de de ini un
concep o. G acias ambién a CKEdi o , odo el documen o adap ado se po-
día desca ga en o ma o .pd . Así mismo, la aplicación ha seguido un Diseño
Cen ado en el Usua io (DCU), enseñando a los usua ios inales el diseño
del mismo, y dándonos eedback pa a mejo a lo. También pa icipa on en la
e aluación los usua ios inales, po lo que pudie on p oba la aplicación y así
e la usabilidad y u ilidad de la misma.
O o de los obje i os que enía es e p oyec o e a aplica los conocimien os
adqui idos du an e el G ado de Ingenie ía del So wa e. Conside amos que
es e obje i o ambién lo hemos cumplido des acando la aplicación de las
siguien es asigna u as:
Fundamen os de la P og amación y Tecnología de la P og a-
mación: donde adqui imos los conocimien os básicos necesa ios pa a
empeza a p og ama en C++ y Ja a espec i amen e. Es os conoci-
mien os los hemos adap ado al lenguaje de p og amación u ilizado en
el del p oyec o, Ja asc ip .
Es uc u a de Da os y Algo i mos y Técnicas algo í micas en
ingenie ía del so wa e: donde ap endimos a pensa cómo es uc-
u a y op imiza nues o código. Es a asigna u a nos ha pe mi ido
alo a qué es uc u a de da os es la más adecuada pa a nues o p o-
yec o y qué algo i mos son los mejo es pa a a a con és a.
Ingenie ía del So wa e, Modelado de So wa e y Ges ión de
p oyec os So wa e: donde ap endimos dis in os pa ones de diseño
a la ho a de desa olla código y cómo ges iona y abaja en equipo de
o ma co ec a en un p oyec o so wa e. Es o nos pe mi ió sabe elegi
una me odología de abajo adecuada a nues o p oyec o, Kanban, y
una a qui ec u a Redux pa a la implemen ación de és e.
Aplicaciones web: donde adqui imos los conocimien os necesa ios
sob e HTML, CSS y Ja asc ip pa a desa olla páginas web. Es a
asigna u a ha sido undamen al a la ho a de diseña nues a web y
pode desa olla su compo amien o dinámico.
É ica, legislación y p o esión: donde ap endimos, sob e odo, a
p o ege nues o código y a cómo usa las licencias y so wa e lib e de
e ce os. Po ello, hemos ecu ido a implemen a lib e ías de código
abie o en nues o p oyec o, además de decidi que nues a aplicación
sea del mismo ipo.
8.2. T abajo u u o 111
Du an e el desa ollo de la aplicación Adap aMa e ialEscola hemos ad-
qui ido conocimien os nue os sob e el uso de nue as ecnologías, como Reac ,
muy u ilizada ac ualmen e en el mundo labo al. Además, hemos llegado a
abaja con usua ios inales que enían una necesidad eal y hemos conse-
guido esol e la, incluso llegando a supe a sus expec a i as. El esul ado
del p oyec o ha enido una acogida muy posi i a po pa e de los usua ios
inales y se p e ende que la aplicación siga en desa ollo du an e los p óximos
años pa a mejo a su uncionalidad y llega a un mayo núme o de docen es,
cen os educa i os o asociaciones que lo pueda necesi a .
8.2. T abajo u u o
Después de odo el p oceso de desa ollo del p oyec o, a pesa de que se
ha cumplido con la mayo ía de los equisi os p io i a ios cap u ados, quedan
po comple a aún algunas de las a eas que se p opusie on inicialmen e pa a
conside a que Adap aMa e ialEscola ha sido comple ado.
Aunque ac ualmen e nues a p opues a de T abajo de Fin de G ado es
ap a pa a se u ilizada po los cen os educa i os, sigue siendo mejo able
y hay bas an e abajo u u o a desa olla , incluso puede que pa a a ios
años.
De odos los equisi os iniciales que se ob u ie on, queda pendien e la
implemen ación de los siguien es:
Adap aciones de ema io
•Gene a un esumen a pa i de un ex o.
•C ea esquemas que acili en la isualización del ema io y/o las
ac i idades, seleccionando con enido de un ex o ya edac ado o
esc ibiendo desde ce o.
•C ea ablas que o ganicen el ema io y/o las ac i idades, selec-
cionando con enido de un ex o ya edac ado o esc ibiendo desde
ce o.
Adap aciones de ac i idades y/o exámenes:
•Eje cicios de elaciona con enido median e lechas.
•Eje cicios de comple a los espacios en blanco en ablas y esque-
mas.
112 Capí ulo 8. Conclusiones y T abajo u u o
Adap aciones de o ma o:
•Sus i ui una palab a po una imagen.
•Añadi una leyenda de colo es con la ca ego ía de cada ipo de
palab a esal ada, pa a que los alumnos puedan iden i ica el sig-
ni icado de cada una de las palab as esal adas en el ex o.
•Añadi leyenda de colo es pa a el ema de cada asigna u a, pa a
que los alumnos las dis ingan con mayo acilidad.
•Es anda iza o ma o pa a í ulos e índices del ema io, gene ando
de o ma au omá ica una plan illa del colo de la asigna u a.
•Añadi imágenes buscando una palab a en bases de da os de imá-
genes lib es.
También con ábamos con que a pa i de la e aluación de la aplicación su -
gi ían nue as ideas y equisi os pa a ealiza mejo as y, de hecho, ha sido al
la acep ación de Adap aMa e ialEscola que hemos conseguido más de los
espe ados. Las pe iciones y p opues as de mejo a de los docen es que han
llegado a e alua el sis ema son:
Añadi un pic o aduc o como uncionalidad.
Añadi la al e na i a de añadi doble pau a, en ez de englones de
una única línea, pa a de e mina el amaño de la le a del alumno.
Añadi un ipo de uen e escola .
C ea una he amien a de eco e de imágenes pa a el ex o o iginal.
Añadi encabezado al ex o con, al menos, nomb e del cen o educa i o,
nomb e del alumno y asigna u a.
Añadi eje cicios con espacio pa a dibuja .
Añadi eje cicios pa a eje cicios de cálculo con ó mulas con huecos a
ellena po el alumno.
Enume a eje cicios de o ma au omá ica.
Expo a el documen o a o ma o Wo d pa a hace modi icaciones.
Añadi eje cicios de ma emá icas con cuad ícula pa a esc ibi los nú-
me os.
Añadi eje cicios con ó mulas p ede inidas con espacio pa a que el
alumno ellene cie os da os y ealice cálculos.
8.2. T abajo u u o 113
En caso de que se con inua a desa ollando el p oyec o, se ía necesa io
ol e a ee alua cada equisi o, pa a es ablece de nue o una abla de
p io idades basándose en la impo ancia y di icul ad de cada a ea.
Además, cabe la posibilidad de que incluso se nos in i e a colabo a en
la o mación de nue o p o eso ado y alumnos de más e en el IES Maes o
Juan de Á ila en los p óximos cu sos escola es, pa a enseña les a u iliza
Adap aMa e ialEscola , de mane a que puedan inclui lo como he amien a
de abajo de uso dia io en los di e en es depa amen os del cen o.
También se ía necesa io desa olla las páginas de Ayuda, con ídeos
mos ando cada ipo de uncionalidad a modo de guía, y Con ac o de la
aplicación web, pa a o ece sopo e a cualquie usua io que quie a ap ende
a u iliza la.

Capí ulo 10
T abajo Indi idual
Resumen: En es e capí ulo se habla del abajo indi idual que ha
ealizado cada miemb o del equipo en el p oyec o.
10.1. Na alia
Una de las a eas que he ealizado du an e odo el p oyec o ha sido la
de ac ua como pun o de comunicación en e nues o equipo y las p o eso as
del Aula TEA del IES Maes o Juan de Á ila de Ciudad Real. Con ac é con
ellas pa a ealiza una en e is a p esencial, donde se les pidió colabo ación
en el p oyec o, de o ma que pudie an apo a su pun o de is a p o esional
y expe iencia abajando con alumnos con necesidades especiales. Realicé
la cap ación de equisi os inicial del p oyec o en base a las necesidades que
pa a las p o eso as del Aula TEA aún no es aban cubie as po ninguna he-
amien a de abajo que pudie a acili a la adap ación de ma e ial escola ,
aunque ampoco pa a ningún o o docen e de ese cen o. E alué los equisi-
os que se habían ob enido como esul ado de la cap ación de equisi os de
o ma indi idual, según los conocimien os adqui idos du an e el g ado, y cal-
culé la p io idad inal de cada a ea con la pun uación que habían asignado
las p o eso as y odos los componen es del equipo de desa ollo.
Realicé jun o con mis compañe os de equipo un diseño pa a la in e az
g á ica de la aplicación web pa a consegui un p o o ipo inicial, de o ma
que imos las di e en es he amien as que podíamos añadi al abajo pa a
apo a alo , como po ejemplo, un edi o de código abie o de ipo WY-
121
122 Capí ulo 10. T abajo Indi idual
SIWYG1.
También ealicé un diseño dis in o al p o o ipo inicial del p oyec o de
o ma indi idual, pa a que no hubie a in luencia en e el equipo y se pudie a
deba i luego sob e los cambios que cada uno conside aba impo an es, de
mane a que ue a posible mejo a el diseño inicial añadiendo los cambios que
a odos nos habían pa ecido necesa ios y ele an es.
In es igué sob e cómo subi un iche o de ex o que es u ie a almacenado
en una ubicación local del o denado y sob e el edi o de ex o CKEdi o 5,
pa a pode añadi lo al p o o ipo indi idual y comp oba la di icul ad inicial
de implemen a los equisi os necesa ios pa a el p oyec o.
Una ez que se consiguió añadi el edi o de ex o y escogimos la in e az
de ini i a, comencé a desa olla la adap ación de o ma o del gene ado de
esúmenes y es ac i idades: eje cicio de e dade o o also, de de iniciones
y de desa ollo.
Cuando u imos una e sión su icien emen e desa ollada de Adap aMa-
e ialEscola , me enca gué de p epa a la e aluación del p oyec o y edac é
las p egun as que ha íamos a los usua ios que p oba on el sis ema, pa a po-
de ob ene in o mación eal sob e la u ilidad de la aplicación y las posibles
mejo as que pod ían hace se en un u u o ce cano.
Con ac é de nue o con los usua ios inales pa a ealiza una eunión p e-
sencial en la que pudie a mos a les el a ance del p oyec o, cómo se u ilizaba
la aplicación y da les la opción de que la e alua an.
Po úl imo, ealicé más demos aciones de Adap aMa e ialEscola a o os
p o eso es que se in e esa on y analicé los esul ados ob enidos después de
la eunión p esencial con las p o eso as.
En cuan o a la edacción de la memo ia del T abajo Final de G ado,
me enca gué del Capí ulo 1, con la in oducción, mo i ación y obje i os del
p oyec o, del Capí ulo 6 el apa ado 6.1 de Requisi os y el apa ado 6.3 de
Es uc u a del código, el Capí ulo 7 con la e aluación y el Capí ulo 8 con
las conclusiones y el abajo u u o.
1WYSIWYG, ac ónimo de Wha You See Is Wha You Ge (en español, “lo que es
es lo que ob ienes”). Es una ase aplicada a los p ocesado es de ex o y o os edi o es con
o ma o, que pe mi en esc ibi un documen o mos ando di ec amen e el esul ado inal,
ecuen emen e el esul ado imp eso. h ps://es.wikipedia.o g/wiki/WYSIWYG
10.2. Jo ge 123
10.2. Jo ge
El 4 de diciemb e de 2019 el g upo de in es igación NIL o ganizó un
wo kshop en la Facul ad con docen es de o os cen os y asociaciones, en el
que se mos aban he amien as ecnológicas inclusi as que se habían desa-
ollado o es aban en desa ollo. P esen é, en ese wo kshop, Adap aMa e ial-
Escola , donde expliqué el uncionamien o y inalidad de es e p oyec o, con
ejemplos isuales sob e posibles adap aciones que pod ían llega a ealiza se.
Una ez que Na alia consiguió ecaba los equisi os jun o con las p o-
eso as del Aula TEA, lo p ime o de odo ue e alua esos equisi os po
ambas pa es; las p o eso as debían pun ua los según la impo ancia que u-
ie a ese equisi o y noso os lo u imos que pun ua po la di icul ad de
implemen ación de o ma indi idual y sin in lui los unos con los o os. Una
ez ealizado es o, se hizo la media de di icul ad en e los es in eg an es.
A con inuación, c eamos en conjun o un p o o ipo inicial a a és de la
he amien a online Moqups, donde su gie on a ias is as de la aplicación,
desc i as en la sección 6.2.2. Así mismo, diseñé un p o o ipo indi idual, al
igual que mis compañe os, pa a pode mejo a ese diseño en conjun o, el cual
se puede e en las igu as 6.7, 6.10, 6.11 y 6.12.
Me enca gué de ges iona y eo ganiza el able o Kanban, y de que es-
u ie a lo más ac ualizado posible as las euniones con las u o as.
Así mismo, y como la esencia de es e p oyec o es ealiza adap aciones,
in es igamos dis in os edi o es de código abie o de ipo “WYSIWYG”1, aun-
que al inal uno de mis compañe os localizó uno que cumplía las ca ac e ís i-
cas que buscábamos, CKEdi o . Una ez implemen ado es e edi o po pa e
de mi compañe o Pablo, cada uno de noso os se enca gó de busca he a-
mien as y lib e ías que pudie an acili a la implemen ación de los equisi os.
En mi caso in es igué si había algún paque e NPM (Node Package Mana-
ge ) sob e gene ación de sopas de le as, y e si con nues a ecnología e a
posible in eg a lo.
En la aplicación ui el enca gado de implemen a el eje cicio de gene ación
de sopas de le as y de comple a huecos, y ayudé a Na alia con los eje cicios
de p egun a pa a desa olla , e dade o o also y de iniciones.
Pos e io men e ediseñé la mayo ía de la in e az de usua io de nues a
aplicación, en conc e o, la ba a de he amien as de los eje cicios ( oolba ) y
las en anas modales de és os.
124 Capí ulo 10. T abajo Indi idual
También in es igué la API de Google Docs pa a e si se podía imple-
men a en el p oyec o y así pode subi iche os en o ma os que no sean
solo .pd de o ma sencilla. Es a uncionalidad no se in eg ó inalmen e en la
aplicación inal.
Con espec o a la edacción de la memo ia de es e p oyec o, me enca -
gué de edac a el Capí ulo 4 (He amien as empleadas), Capí ulo 5 (Me o-
dología de desa ollo), del Capí ulo 6 (Adap aMa e ialEscola ) los apa a-
dos 6.2 (Diseño) y del 6.3 (Implemen ación) el pá a o de in oducción, del
6.3.2 (Funcionalidades) los subapa ados 6.3.2.1 (Subi un documen o uen-
e), 6.3.2.2 (Edi o ), 6.3.2.4 (Sopa de le as), 6.3.2.5 (De iniciones), 6.3.2.6
(P egun a pa a desa olla ), 6.3.2.7 (Ve dade o o also) y 6.3.2.8 (Comple a
huecos) y del Capí ulo 8 el apa ado 8.2 jun o con Na alia.
10.3. Pablo
Apo é mi pun uación de 1 a 3 de di icul ad a los equisi os p opues os
po las p o eso as.
Una ez decidido que el p oyec o iba a se web, había que decidi qué
ecnologías F on End usa . Po ello p opuse usa Reac en el p oyec o dada
su comodidad, sencillez y adecuación pa a el p oyec o. Además, mi p e ia
expe iencia usándolo se i ía de ayuda pa a mis compañe os. La p opues a
ue acep ada e implemen ada.
In es igué sob e lib e ías ap as pa a pode in eg a un edi o WYSIWYG1
en la web. Finalmen e p opuse CKEdi o po su g an can idad de unciones,
sopo e y pe sonalización, y ue acep ado po el equipo. Explo é la docu-
men ación de CKEdi o en p o undidad, p ocu ando encon a qué uncio-
nalidades del amewo k e an ú iles y necesa ias pa a nues o p oyec o.
Pos e io men e, ealicé un p o o ipo web usando las ecnologías y lib e-
ías web p opues as. Es e p o o ipo es aba ealizado con Reac y CKEdi o
y mos aba un edi o de ex o que con enía un buscado de pic og amas in-
eg ado. De es a mane a podía comp oba la iabilidad del p oyec o con las
ecnologías p opues as y se i como e e encia en la es uc u a y a ance del
p oyec o. Además, acili a ía el ap endizaje de su uso a mis compañe os. Es e
p o o ipo conlle ó la in es igación po mi pa e de la API de ARASAAC,
pues ue on sus pic og amas los que se implemen a on en el buscado .
Inicialicé un eposi o io en Gi Hub pa a pode almacena nues a plan-
10.3. Pablo 125
illa de la memo ia, ges iona lo de mane a más o denada y no ecu i a
o as he amien as de edición de ex o. Es e eposi o io pos e io men e se
ans i ió al eposi o io inal del p oyec o. Además, p opuse la me odología
de abajo en Gi , sugi iendo que cada in eg an e del equipo abajase en
una ama p opia y, una ez implemen asen una uncionalidad es able, se
usionasen los cambios con la ama mas e , donde se encuen a la e sión
inal.
Realicé in es igaciones sob e pa ones de diseño F on -End, has a inal-
men e p opone Redux. T as la acep ación de es e po pa e de mis com-
pañe os, ealicé una amplia in es igación sob e el uncionamien o de la a -
qui ec u a y ealicé la adap ación del p oyec o con el pa ón, c eando un
p oyec o desde ce o, e ac o izando y clasi icando las clases, c eando el S o-
e, los educ o es, acciones e impo ando paque es necesa ios pa a ello co-
mo eac - edux, eselec , y edux- hunk. Además, in eg é las uncionalidades
que ealiza on mis compañe os en sus espec i os p o o ipos en es e nue o
p oyec o, pa a así ene un p oyec o en común en el que abaja . Pos e io -
men e, expliqué los cambios y el uncionamien o a mis compañe os pa a que
comp endiesen la nue a a qui ec u a y pudie an con inua con sus nue as
a eas en el nue o p oyec o.
Realicé amplias con igu aciones en el p oyec o de CKEdi o , in eg ándo-
lo con Redux, pe mi iendo que el edi o in e namen e econociese nues o
modelo de da os y pode con igu a la expo ación a PDF de la mane a más
igu osa posible.
Realicé in es igaciones sob e cómo pode desplega la aplicación en el se -
ido cedido po la uni e sidad has a consegui lo. Con igu é el se ido ins-
alando node y las lib e ías necesa ias pa a desplega una aplicación Reac .
Una ez conseguido, gene é un documen o explicando las he amien as y co-
mandos necesa ios pa a pode subi la aplicación al se ido y que si iese
de sopo e an o pa a mis compañe os como pa a mí.
Po úl imo, con ac é po esc i o con el equipo de CKEdi o pa a pedi
una licencia del edi o y solici a una licencia de la uncionalidad de pago
expo a a PDF, las cuales acep a on a cedé nosla g a ui amen e dada la
na u aleza solida ia y de código abie o de nues o p oyec o.
En cuan o a la edacción de la memo ia, me enca gué de edac a el
Capí ulo 3 con el Es ado del a e, del Capí ulo 6, el apa ado 6.2 con la
A qui ec u a y el subapa ado 6.2.2.3 con la uncionalidad del Buscado de
pic og amas y aduje a inglés el Capí ulo 1 de In oducción y el Capí ulo 8
de Conclusiones y T abajo u u o.

Apéndice A
Tabla de pun uaciones
indi iduales y examen de
p ueba
Resumen: En es e anexo se ecoge la abla de pun uaciones indi i-
duales pa a cada equisi o de cada miemb o del equipo de desa ollo,
así como el examen de p ueba p opo cionado en la e aluación de la
aplicación.
Requisi o Pun uación
Jo ge Na alia Pablo
Gene a un esumen a pa i de un ex o 3 2 2
C ea esquemas que acili en la isualización
del ema io y/o las ac i idades, seleccionan-
do con enido de un ex o ya edac ado o es-
c ibiendo desde ce o
2 1 2
C ea ablas que o ganicen el ema io y/o
las ac i idades, seleccionando con enido de
un ex o ya edac ado o esc ibiéndolo desde
ce o
2 1 2
Eje cicios de elaciona con enido median e
lechas 2 2 2
Eje cicios de sopa de le as 3 3 3
Eje cicios de comple a espacios en un ex o 2 2 3
Eje cicios de p egun a de desa ollo con un
espacio limi ado pa a esc ibi la espues a 2 2 3
127
128 Apéndice A. Tabla de pun uaciones indi iduales y examen de p ueba
Tabla A.1 con inuada de la página an e io
Eje cicios de e dade o o also 3 3 3
Eje cicios de comple a los espacios en blan-
co en ablas 2 2 2
Eje cicios de comple a los espacios en blan-
co en esquemas 1 1 1
Añadi enunciados y ejemplos (con o sin pic-
og amas), donde se explique cómo debe e-
sol e se el eje cicio
3 3 3
Sus i ui una palab a po un pic og ama 3 2 3
Sus i ui una palab a po una imagen 2 2 3
Resal a una palab a con un colo 3 3 3
Añadi una leyenda de colo es con la ca ego-
ía de cada ipo de palab a esal ada, pa a
que los alumnos puedan iden i ica el signi i-
cado de cada una de las palab as esal adas
en el ex o
3 3 3
Añadi una leyenda de colo es pa a el ema
de cada asigna u a, pa a que los alumnos las
dis ingan con mayo acilidad
3 3 3
Es anda iza o ma o en ex os, es ablecien-
do una uen e de ex o de e minada y un
amaño aco de pa a cada alumno
3 1 2
Es anda iza o ma o pa a í ulos e índices
del ema io, gene ando de o ma au omá ica
una plan illa del colo de la asigna u a
3 1 2
Aumen a el amaño de la uen e de una pa -
e del ex o 3 2 3
Sub aya una pa e del ex o 3 2 3
Pone en neg i a una pa e del ex o 3 2 3
Añadi imágenes buscando una palab a en
bases de da os de imágenes lib es 2 3 2
Añadi espacio ex a en e líneas pa a esc i-
bi 2 2 2
Tabla A.1: Pun uación indi idual de cada miemb o del equipo de desa ollo
pa a cada equisi o
Examen de p ueba pa a la e aluación
C eado a pa i de un ema de Ana Alonso F ades y edac ado po los desa ollado es de
Adap aMa e ialEscola con la aplicación web.
1. De ine los siguien es concep os:
se i o
se ine e
2. Encuen a 3 palab as escondidas en la sopa de le as.
Z N Y N B K A U Y K Z P
B Y O U H R B A F A B L
Z B G T L Z R X L I R H
R M N R X X U X Y Q U R
B P D I Q I D K G N Q Q
C V F C I Q D L W L P G
W C A I S Q Y L A N H T
O C W Ó L K V J H W R T
K E Z N Z M F F I A A E
R E P R O D U C C I Ó N
M R E L A C I Ó N P V N
129