Wish en: Aplicación web pa a el ace camien o
con el mundo labo al y el ap endizaje a a és
de ídeos
Wish en: Web applica ion o managing labo
ma ke and lea ning using ideos
T abajo de Fin de G ado
Cu so 2022–2023
Au o es
Robe o Tejedo Mo eno
En ique Ma ín Rod íguez
Di ec o
Ja ie B a o Agapi o
G ado en Ingenie ía In o má ica
Facul ad de In o má ica
Uni e sidad Complu ense de Mad id
Wish en: Aplicación web pa a el
ace camien o con el mundo labo al y el
ap endizaje a a és de ídeos
Wish en: Web applica ion o managing
labo ma ke and lea ning using ideos
T abajo de Fin de G ado en Ingenie ía In o má ica
Au o es
Robe o Tejedo Mo eno
En ique Ma ín Rod íguez
Di ec o
Ja ie B a o Agapi o
Con oca o ia: Sep iemb e 2023
G ado en Ingenie ía In o má ica
Facul ad de In o má ica
Uni e sidad Complu ense de Mad id
28 de sep iemb e de 2023
Ag adecimien os
Ag adecimien os al p o eso y di ec o del p esen e T abajo de Fin de G ado,
D. Ja ie B a o Agapi o, po su disposición a se el di ec o del abajo, po su
disponibilidad o al a la ho a de conc e a u o ías y po la ayuda y ejemplos p o-
po cionados a lo la go de odo el desa ollo del p oyec o.
Ag adecimien os ambién a odas aquellas pe sonas que pa icipa on y que in-
i ie on su iempo pa a ealiza las encues as y p uebas lle adas a cabo du an e el
desa ollo del p oyec o.

Resumen
Wish en: Aplicación web pa a el ace camien o con el
mundo labo al y el ap endizaje a a és de ídeos
El p esen e abajo iene como obje i o p opo ciona a los es udian es un com-
plemen o de es udio basado en la isualización de ídeos que pod án inclui cues-
iona ios. El uso de cues iona ios den o de los ídeos iene como inalidad ayuda a
e ene mejo la in o mación ap endida du an e la isualización del ídeo. Pa a es e
in, se ha desa ollado una aplicación web llamada Wish en en la que los usua ios
pueden subi ídeos y añadi cues iona ios den o de los mismos.
Wish en ambién iene como obje i o o ece una al e na i a a la ho a de busca
p ác icas y o e as de empleo a odos aquellos es udian es que las es án buscando.
Pa a ello, se les o ece á un po al de búsqueda de o e as in ui i o y ácil de u iliza ,
in eg ado en la p opia aplicación.
Pa a pode desa olla la aplicación, se ha u ilizado el amewo k de La a el y
una a qui ec u a basada en el modelo clien e-se ido . Es a aplicación se ha imple-
men ado desde ce o po no exis i o as simila es.
La aplicación se ha desa ollado buscando se lo más in ui i a y ácil de u iliza
pa a los usua ios. Pa a comp oba lo, se han ealizado di e sas p uebas a a ios
usua ios de las cuales se han ob enido esul ados posi i os.
Palab as cla e
Aplicación web, ap endizaje basado en ídeos in e ac i os, po al de empleo y p ác-
icas, La a el
ii
Abs ac
Wish en: Web applica ion o managing labo ma -
ke and lea ning using ideos
The p esen wo k aims o p o ide s uden s wi h a s udy supplemen based on he
iewing o ideos ha may include quizzes. The use o quizzes wi hin he ideos is
in ended o help be e e ain he in o ma ion lea ned du ing ideo iewing. To his
end, a web applica ion called Wish en has been de eloped whe e use s can upload
ideos and add quizzes wi hin he ideos.
Wish en also aims o o e an al e na i e when looking o in e nships and job
o e s o all hose s uden s who a e looking o hem. To his end, hey will be o e ed
an in ui i e and easy- o-use job sea ch po al, in eg a ed in o he applica ion i sel .
In o de o de elop he applica ion, he La a el amewo k and an a chi ec u e
based on he clien -se e model ha e been used. This applica ion has been imple-
men ed om sc a ch because he e a e no o he simila ones.
The applica ion has been de eloped looking o be as in ui i e and easy o use o
use s. To p o e i , se e al es s ha e been ca ied ou o se e al use s and posi i e
esul s ha e been ob ained.
Keywo ds
Web applica ion, in e ac i e ideo-based lea ning, job and in e nship po al, La a el
ix
4.23. Vis a login ................................. 66
4.24. Vis a egis a ion ............................. 66
4.25. Vis a p o ile ................................ 67
4.26. Vis a ollows ............................... 67
4.27. Vis a adminUse s ............................. 68
4.28. Vis a newVideo .............................. 69
4.29. Es uc u a de almacenamien o de los ídeos . . . . . . . . . . . . . . 70
4.30. Vis a home ................................ 70
4.31. Vis a ideoWa ch ............................. 71
4.32. Vis a ideoEdi .............................. 71
4.33. Vis a adminVideos ............................ 72
4.34. Vis a ideoWa ch de un ídeo bloqueado . . . . . . . . . . . . . . . . 72
4.35. Vis a addQuiz ............................... 73
4.36. Vis a ideoWa ch - Respondiendo una p egun a . . . . . . . . . . . . 74
4.37. Vis a ideoS a s .............................. 74
4.38. Vis a newO e .............................. 75
4.39. Vis a adminO e s ............................ 75
4.40. Vis a o e Edi .............................. 76
4.41. Vis a o e Home desde usua io con ol company oadmin ....... 76
4.42. Vis a o e Home desde usua io con ol s anda d ............ 77
4.43. Es uc u a de almacenamien o de los documen os asociados a las o e as 78
4.44. Vis a o e Home cuando un usua io hace clic en View pa a e la
desc ipcióndelao e a.......................... 79
4.45. Vis a homeGues ............................. 79
4.46. Vis a cha - Con e sación sin mensajes . . . . . . . . . . . . . . . . . 80
4.47. Vis a cha - Con e sación con mensajes . . . . . . . . . . . . . . . . . 80
4.48. Vis a myCha s .............................. 81
4.49. Vis a cha Lis ............................... 82
4.50. Vis a adminMessages ........................... 82
4.51. Diag ama de casos de uso - Es udian e . . . . . . . . . . . . . . . . . 83
4.52. Diag ama de casos de uso - Emp esa . . . . . . . . . . . . . . . . . . 84
4.53. Diag ama de casos de uso - Adminis ado . . . . . . . . . . . . . . . 84
4.54. Diag ama de lujo - Login y egis o................... 85
4.55. Diag ama de lujo - Subi un ídeo . . . . . . . . . . . . . . . . . . . 85

4.56. Diag ama de lujo - Edi a un ídeo . . . . . . . . . . . . . . . . . . . 86
4.57. Diag ama de lujo - Visualiza un ídeo . . . . . . . . . . . . . . . . . 86
4.58. Diag ama de lujo - Subi una o e a . . . . . . . . . . . . . . . . . . 87
4.59. Diag ama de lujo - Edi a una o e a . . . . . . . . . . . . . . . . . . 87
4.60. Diag ama de lujo - Visualiza una o e a . . . . . . . . . . . . . . . . 87
A.1. Cues iona io sob e mé odo de es udio - Edad de los encues ados . . . 109
A.2. Cues iona io sob e mé odo de es udio - Sexo de los encues ados . . . 109
A.3. Cues iona io sob e mé odo de es udio - Es udios de los encues ados . 110
A.4. Cues iona io sob e mé odo de es udio - Ho as de es udio de los en-
cues ados .................................110
A.5. Cues iona io sob e mé odo de es udio - Mé odo de es udio de los
encues ados ................................111
A.6. Cues iona io sob e mé odo de es udio - Re lexión sob e el mé odo
u ilizado..................................111
A.7. Cues iona io sob e mé odo de es udio - Pe juicio del mé odo u ilizado 112
A.8. Cues iona io sob e mé odo de es udio - Repe ición del mé odo u ilizado112
A.9. Cues iona io sob e búsqueda de p ác icas - Realización o búsqueda
dep ác icas ................................113
A.10.Cues iona io sob e búsqueda de p ác icas - P egun a sob e po al de
búsqueda .................................113
A.11.Cues iona io sob e búsqueda de p ác icas - Respues as sob e po al
debúsqueda................................113
A.12.Cues iona io sob e búsqueda de p ác icas - Po al de búsqueda p o-
po cionado po el cen o de es udios . . . . . . . . . . . . . . . . . . . 114
A.13.Cues iona io sob e búsqueda de p ác icas - U ilidad del po al p o-
po cionado po el cen o de es udios . . . . . . . . . . . . . . . . . . . 114
Índice de ablas
4.1. Tabla use s ................................ 37
4.2. Tabla ollows ............................... 38
4.3. Tabla ideos ................................ 38
4.4. Tabla subjec s ............................... 39
4.5. Tabla isualized_ ideos .......................... 39
4.6. Tabla ques ions .............................. 40
4.7. Tabla answe s ............................... 40
4.8. Tabla use _answe ............................ 41
4.9. Tabla o e s ................................ 41
4.10. Tabla con e sa ions ............................ 42
4.11. Tabla messages .............................. 42
xix
Cap´
ı ulo 1
In oducción
1.1. Mo i ación
Hoy en día hay nume osas ca e as en las que los es udian es se cen an en
esol e eje cicios simila es a los que p e iamen e han apa ecido en los exámenes.
Es o ha omen ado la no e ención de los conocimien os a la go plazo, lo que en
ocasiones supone una mayo di icul ad en aquellas asigna u as que dan po sen ado
dichos conocimien os. Es o puede debe se a que en di e sas ca e as uni e si a ias,
como Ingenie ía In o má ica, el ema io es muy denso pa a la can idad de ho as
dedicadas a la asigna u a, p o ocando, en nume osas ocasiones, que se es udie solo
lo es ic amen e necesa io, ya que la can idad de eje cicios p ác icos que se pueden
e alua son limi ados.
Di e sos es udios (Rod íguez & Pla as-Ga cía, 2022; Liao & Wu, 2023) mues an
una mejo a en el endimien o académico de los es udian es que han complemen ado
su es udio con la isualización de ídeos. Sin emba go, pa a que los ídeos sean más
e icaces, se ha comp obado que la u ilización de elemen os adicionales ales como
ano aciones o p egun as mejo an aún más la e ención de la in o mación explicada
en el ídeo (Moos & Bonde, 2016).
A in de in en a educi el núme o de es udian es que no p io izan la asimilación
de conocimien os, el p esen e abajo busca o ece les una pla a o ma de ayuda pa a
pode e ene los concep os cla e. Pa a ello, es a pla a o ma u iliza á cues iona ios
incluidos en los ídeos que ayuda án al es udian e a p io iza la asimilación de los
conocimien os.
Po o o lado, o a de las si uaciones a la que es án some idos los es udian es
uni e si a ios y que esul a in e esan e de es udia es la de búsqueda de p ác icas
en emp esas. Hoy en día muchos es udian es uni e si a ios no han sido capaces de
encon a un luga adecuado pa a busca las o no se les ha p opo cionado la ayuda
su icien e cómo pa a encon a lo a pesa de con a con nume osas pla a o mas o
luga es adecuados pa a busca las.
Algunos es udios, como el de Alsolais (2022), desa ollan po ales web o ien ados
1

2Capí ulo 1. In oducción
a la búsqueda de p ác icas de emp esa, buscando acili a la comunicación en e
es udian es, p o eso es y emp esas y ayudando a que los es udian es puedan con a
con dichas expe iencias p e ias a g adua se.
Bajo dichas ci cuns ancias y con el in de in en a disminui el núme o de es u-
dian es que no son capaces de encon a un luga adecuado pa a solici a p ác icas
de emp esa, el p esen e abajo busca ambién p opo ciona les un po al in e ac i o
que si a cómo puen e en e las emp esas y los es udian es.
1.2. Obje i os
El p incipal obje i o de es e abajo es p opo ciona una ayuda a los es udian es
uni e si a ios pa a p io iza la e ención de conocimien os. Pa a ello se u iliza án
ídeos c eados po los p opios usua ios.
Es e obje i o p incipal es á di idido en los siguien es obje i os especí icos:
C ea una aplicación web que si a pa a acili a la e ención de conocimien os
en los es udian es uni e si a ios.
E alua la u ilidad del uso de cues iona ios den o de los ídeos.
P opone una al e na i a más en ocada al ap endizaje de emas conc e os. A
pesa de la exis encia de di e sas pla a o mas o ien adas a la subida y i-
sualización de ídeos (como puede se YouTube), no esul a ácil en dichas
pla a o mas encon a di e sos emas de es udio conc e os. Po ello, es e a-
bajo busca ameniza y acili a las búsquedas, con la inalidad de que no se
pie da iempo buscando y isualizando ídeos que no sean aco des al ema
buscado.
O o obje i o a des aca es acili a la conexión emp esa-es udian e a a és de
la publicación de o e as, pe mi iendo al usua io con ac a di ec amen e con las
emp esas solici an es.
Pa a consegui es e obje i o, se p opone in eg a en la mencionada aplicación
web un po al que enga como inalidad acili a la in e acción emp esa-es udian e.
La idea p incipal es que los es udian es eciban con i maciones o denegaciones lo
an es posible pa a así e i a que engan que aplica a un g an núme o de o e as
di e en es a la ez. Dicha comunicación se ealiza á a a és del cha de dicho po al,
siendo es a una con e sación p i ada en e la emp esa y el es udian e.
También se busca, median e es e po al, que sea ácil e in ui i o encon a p ác-
icas aco des a lo que buscan los es udian es. De es a mane a, el po al es a ía
o ien ado sob e odo a aquellos es udian es que desconocen o no se les ha acili ado
un luga donde pode busca p ác icas.
1.3. Plan eamien o del p oblema 3
1.3. Plan eamien o del p oblema
Se ha obse ado que la o ma de es udio p incipal de un g an núme o de es u-
dian es uni e si a ios no es la más e ec i a pa a e ene los conocimien os. Es o se
debe a que en nume osas ocasiones, dicha o ma de es udio se cen a en la esolu-
ción de eje cicios de examen y no en los concep os que hay de ás. Exis en es udios
como el de Ga gallo e al. (2012) que analizan los di e en es en oques de ap endiza-
je, esal ando que la mayo ía de los es udian es ealizan un ap endizaje supe icial.
Dicho ap endizaje supe icial se basa en una mo i ación ex ínseca del es udian e
que busca únicamen e ap oba .
La inalidad de dicho mé odo es ap oba el examen. Sin emba go, de es a mane a,
algunos de los concep os cla e no son asimilados co ec amen e, pe judicando a
u u o al es udian e. En más de una ocasión se ha podido obse a cómo exis en
a lo la go de la ca e a y en el ámbi o labo al, nume osos concep os que equie en
conocimien os p e ios.
Los au o es de es e abajo han ealizado cues iona ios di igidos a di e sos es u-
dian es uni e si a ios y han podido comp oba la exis encia de dicho p oblema. Los
esul ados de es e es udio se mues an en la sección 3.1.
Pa a abo da el p oblema comen ado, se ealizó una in es igación sob e di e sos
a ículos epu ados elacionados con dicho p oblema. Los a ículos seleccionados son
aquellos que deciden soluciona dicho p oblema median e la u ilización de ídeos
educa i os y, en ocasiones, in e ac i os.
Po ejemplo, se ha es udiado el uso de ideo u o iales pa a la mejo a del ap endi-
zaje en es udian es uni e si a ios (Rod íguez & Pla as-Ga cía, 2022). Los esul ados
ob enidos po Rod íguez & Pla as-Ga cía (2022) en es e es udio apun an a que la
u ilización de ecnologías y, en conc e o, de ideo u o iales con ibuye signi ica i a-
men e a la mo i ación de los es udian es pa a ap ende . Rod íguez & Pla as-Ga cía
(2022) indican que es o se debe al o ma o del con enido, más a ac i o pa a los es u-
dian es, además de que los ideo u o iales cub en un ema conc e o y son ácilmen e
accesibles.
Po o a pa e, se han analizado pa ones de compo amien o du an e la isuali-
zación de ídeos con el in de comp oba su ecepción en e los es udian es. En es e
sen ido, Liao & Wu (2023) analiza on la in e acción de a ios es udian es uni e -
si a ios con ídeos de ap endizaje, comp obando un aumen o en su mo i ación, lo
que a su ez inc emen aba su endimien o.
En adición a es o, se ha es udiado el uso de elemen os adicionales du an e la
isualización del ídeo. Po ejemplo, se examinó el p oceso de ap endizaje de a ios
es udian es en un modelo de clase in e ida que u ilizaba ídeos (Moos & Bonde,
2016). De es e modo, a una pa e de los es udian es se les p esen ó un ídeo que
in eg aba indicaciones pa a el ap endizaje au o egulado, mien as que el es o de
es udian es isualizó el ídeo sin componen es adicionales. Moos & Bonde (2016)
obse a on que los es udian es que ecibie on indicaciones in eg adas en el ídeo
u ie on un mejo desempeño en el es que ealiza on pos e io men e.
4Capí ulo 1. In oducción
Se ha de ec ado que los es udian es uni e si a ios suelen encon a di icul ad a la
ho a de comunica se con emp esas pa a la ealización de p ác icas du an e su e apa
de es udios. Es o ha sido comp obado po los au o es de es e abajo a pa i de
cues iona ios ealizados a a ios es udian es uni e si a ios. Los esul ados de dicho
análisis se encuen an en la sección 3.2.
La ealización de p ác icas en emp esas iene un papel muy impo an e en el
ap endizaje de un es udian e uni e si a io. Binde e al. (2015) ealizan un es udio
pa a da a conoce la impo ancia y bene icios de la ealización de p ác icas en
emp esas y cómo es as ayudan al desa ollo y ap endizaje del es udian e.
El p esen e abajo iene como obje i o sol en a los p oblemas mencionados
median e el desa ollo de una aplicación web que pe mi i á a los usua ios c ea y
isualiza ídeos educa i os, que pod án in eg a cues iona ios pa a e i ica el co-
ec o ap endizaje del ema expues o. Dichos ídeos es a án clasi icados po emas
conc e os pa a acili a su búsqueda y se mos a án en p ime luga los que demues-
en una mayo u ilidad pa a los usua ios. Adicionalmen e, se inclui á en la web un
po al de o e as que pond á en con ac o a emp esas y es udian es pa a negocia
acue dos de p ác icas o abajo.
1.4. Plan de abajo
A in de alcanza los obje i os desc i os p e iamen e, se ha seguido la siguien e
plani icación:
Realización de un es udio p e io con el in de comp oba el mé odo de es udio
de los es udian es uni e si a ios y su expe iencia en la búsqueda de p ác icas.
Es e es udio se lle ó a cabo du an e las dos úl imas semanas de ene o, as la
ealización de los exámenes de la con oca o ia o dina ia.
In es igación sob e las posibles soluciones pa a el p oblema plan eado, así cómo
de abajos que plan een un p oblema simila . Dicha in es igación se lle ó a
cabo du an e las dos úl imas semanas de ene o y la p ime a de eb e o, ya que
e a necesa io ene cla o qué emas abo da con el desa ollo pos e io .
De inición de la base de da os, componiendo las ablas jun o con sus a ibu os
y odas las elaciones en e ellas. Es a a ea se lle ó a cabo du an e las dos
úl imas semanas de eb e o.
Diseño del p o o ipo de la aplicación a a és de boce os de las is as. Es a
ac i idad ue ealizada du an e la e ce a semana de eb e o.
Búsqueda de he amien as ecnológicas que puedan se de u ilidad. Pa a ello
se empleó las dos úl imas semanas de eb e o y la p ime a de ma zo, ya que
había que ene cla o que he amien as u iliza pa a empeza a desa olla la
aplicación.
1.5. O ganización del documen o 5
Desa ollo de la aplicación web. El desa ollo se inició a mediados de ma zo y
se man u o has a mediados de agos o. En los meses de mayo y junio se edujo
el iempo dedicado al desa ollo de la aplicación debido a los exámenes.
Realización de p uebas con usua ios y análisis de los esul ados ob enidos. Es a
a ea ue ealizada du an e las dos úl imas semanas de agos o. Pa a ealiza
es a a ea se necesi aba que la aplicación web es u ie a inalizada pa a pode
o ece les a los usua ios una e sión comple a.
En la igu a 1.1 se mues a el diag ama de Gan e e en e a las ac i idades
ealizadas du an e el desa ollo del p oyec o.
Figu a 1.1: Diag ama de Gan
1.5. O ganización del documen o
En el capí ulo 2 se exponen los abajos p e ios elacionados con los obje i os
p opues os. En es e sen ido, se lle ó a cabo una in es igación con el in de ob ene
una mejo comp ensión de los p oblemas que se p e enden abo da .
En el capí ulo 3 se explica el es udio p e io lle ado a cabo median e cues io-
na ios ealizados a a ios es udian es, así como el análisis de sus esul ados. Es os
cues iona ios enían como inalidad en ende el mé odo de es udio que siguen es os
es udian es y su impac o, así como su expe iencia en la búsqueda de p ác icas.
El capí ulo 4 es á dedicado a explica en de alle odas las ases de desa ollo de
la aplicación web, desde la especi icación de los equisi os has a la implemen ación
y las p uebas, pasando po la es uc u ación de la base de da os, la elabo ación de
boce os p e ios y el análisis de las ecnologías pa a desa olla la.
En el capí ulo 5 se mues an los esul ados de las p uebas ealizadas du an e el
desa ollo de la aplicación y se analizan dichos esul ados pa a comp oba p incipal-
men e la usabilidad de la aplicación.
En el capí ulo 6 se encuen a el diseño de la e aluación que se p e ende ealiza
en un u u o pa a comp oba la u ilidad de añadi cues iona ios den o de los ídeos
y sus bene icios sob e el p oceso de ap endizaje de los es udian es.

Cap´
ı ulo 2
T abajos elacionados
Pa a la ealización de es e abajo se ha ealizado una in es igación sob e di e sos
es udios y p oyec os elacionados con los emas plan eados p e iamen e.
Pa a comp ende el mé odo de es udio de los es udian es, Ga gallo e al. (2012)
analiza on los di e sos en oques de ap endizaje que adop an los es udian es, llegando
a la conclusión de que la mayo ía adop a un en oque muy supe icial que p io iza los
esul ados sob e los conocimien os ob enidos. Po o o lado, se pudo obse a que los
es udian es más des acados adop aban un en oque más p o undo, en endiendo po
p o undo que la mo i ación se basa en el in e és del es udian e y no en el esul ado
del examen.
Dada la exis encia de es e p oblema, se decidió busca un mé odo de ap endizaje
que pudie a ayuda los a oma ese en oque más p o undo comen ado an e io men e.
2.1. Ap endizaje basado en ídeos
En p ime luga se in es igó sob e la u ilidad de los ídeos en la enseñanza.
Rod íguez & Pla as-Ga cía (2022) ealiza on un es udio con la inalidad de analiza
la expe iencia de es udian es uni e si a ios con el uso de ideo u o iales. En dicho
es udio se encuen a e idencia sob e la pe cepción posi i a de los es udian es debido
a su acilidad en el manejo de las ecnologías, lo que hace bas an e común es e ipo
de ap endizaje hoy en día.
Siguiendo con el uso de ídeos en la enseñanza, Liao & Wu (2023) es udia on la
huella digi al dejada po los es udian es en en o nos de ap endizaje basado en ídeos,
en endiendo po huella digi al acciones como pausa el ídeo o ebobina lo. T as
ob ene los esul ados, obse a on que se p odujo una mejo a an o en la mo i ación
como en el p oceso de ap endizaje de los es udian es.
Sin emba go, o os es udios como el de Moos & Bonde (2016) apun an a que la
u ilización de ídeos po sí solos no siemp e asegu a una mejo a en el ap endizaje.
Po an o, Moos & Bonde usa on a isos inc us ados en los ídeos con la inalidad
de comp oba si es os p oducían una mejo a en el ap endizaje. T as ealiza dicho
13
14 Capí ulo 2. T abajos elacionados
es udio, se pudo obse a que aquellos es udian es que habían con ado con dichos
ídeos ob u ie on mejo es esul ados.
Siguiendo es a línea de es udio Mi iahi e al. (2021) ealiza on un es udio di-
idiendo a los es udian es en es g upos, un g upo que isualizaba un ídeo con
p egun as eme gen es, o o g upo que lo isualizaba sin dichas p egun as y un úl i-
mo g upo que u ilizaba una he amien a pa a ealiza ano aciones du an e el ídeo.
Al es udia los esul ados ob enidos sob e los es g upos, se pudo obse a que los
que con a on con p egun as eme gen es y los que ealiza on ano aciones, ob u ie on
mejo es esul ados que el o o g upo.
Haagsman e al. (2020) ealiza on un es udio simila que demos ó que inclui
p egun as eme gen es en ídeos educa i os mejo a el endimien o de los es udian es
con espec o a la e ención de los conocimien os.
Una ez es udiados los abajos elacionados con el ap endizaje a a és del uso
de ídeos, se in es igó sob e la impo ancia y necesidad de las p ác icas de emp esa,
así cómo de las acilidades y di icul ades que sus búsquedas pueden supone en los
es udian es uni e si a ios.
2.2. P ác icas de emp esa
Binde e al. (2015) ealiza on un es udio sob e el alo académico y pe sonal
que ienen las p ác icas en el desa ollo y ap endizaje de los es udian es, así como de
la impo ancia de que las ins i uciones animen a los es udian es a oma las eniendo
en cuen a siemp e las capacidades académicas y sociales de cada uno.
Alsolais (2022) desa olló un po al web pa a acili a la comunicación en e p o-
eso es, es udian es y emp esas elacionadas con el mundo de la medicina omando
cómo base la impo ancia de es as en el desa ollo de las habilidades y la expe iencia
aplicada al ámbi o de la medicina. T as ealiza el es udio se pudo obse a cómo el
po al si ió de puen e en e los es udian es y las emp esas p opo cionándoles opo -
unidades de ca a al u u o y cómo los es udian es se ie on bene iciados al adqui i
los conocimien os ap endidos du an e la ealización de las p ác icas.
T as lo comen ado an e io men e y eniendo en cuen a los p oblemas de ap en-
dizaje de los es udian es comen ados po Ga gallo e al. (2012), el p esen e abajo
busca o ece a los es udian es una al e na i a pa a cambia su en oque de ap en-
dizaje, omando como base las conclusiones ob enidas po los es udios elacionados
con la mejo a en el ap endizaje median e la u ilización de ídeos in e ac i os pa a
el desa ollo de una aplicación web basada en la isualización de ídeos in e ac-
i os c eados po o os usua ios de dicha aplicación. Además de con a con dicha
uncionalidad, ambién se inclui á un po al web que pe mi a a los es udian es co-
munica se di ec amen e con las emp esas, siendo es a idea di e en e a la p opues a
po Alsolais (2022) en la que el es udian e, una ez seleccionado el luga de p ác icas
que le in e esa, debe comunicá selo al coo dinado de la uni e sidad y es e pone se
en con ac o con la emp esa.
Cap´
ı ulo 3
Es udio p e io
El p opósi o del p esen e abajo es mejo a el ap endizaje de los es udian es y
ayuda les en la búsqueda de p ác icas en emp esas, po lo que se ha ealizado un
es udio con el in de comp oba es as cues iones. Pa a ello, se han elabo ado dos
cues iona ios, que se án espondidos en su mayo ía po es udian es, ya que son el
g upo de la población que ienen elación di ec a con el p oblema plan eado po el
p esen e p oyec o.
Con el in de ecopila in o mación ele an e y comp oba si los es udian es se
cen aban solo en la ealización de eje cicios simila es a los de examen, p escindiendo
el es o del ema io, se decidió ealiza un cues iona io pa a conoce la opinión de
di e sos es udian es.
Po o o lado, ambién se decidió ealiza o o cues iona io elacionado con la
búsqueda de p ác icas en emp esas buscando que los es udian es encues ados p o-
po ciona an sus expe iencias.
A pa i de los esul ados de ambos cues iona ios, se p e ende ealiza un análisis
adop ando un en oque cuan i a i o que pueda ayuda a escla ece la exis encia de
dicho p oblema.
En el apéndice A se mues an las p egun as que se hicie on en ambos cues iona-
ios, así como las espues as p opo cionadas a cada una.
3.1. Análisis de mé odo de es udio
Es e p ime cues iona io se cen a en ecopila in o mación sob e los mé odos de
es udio de los es udian es encues ados. Median e es e cues iona io se a a e i ica
si es os, en el momen o de p epa a un examen, es udian odo el ema io, o si, po
el con a io, solo epi en eje cicios simila es a los de años an e io es, excluyendo el
es o del ema io.
15
16 Capí ulo 3. Es udio p e io
3.1.1. Diseño del cues iona io
Teniendo en cuen a lo explicado an e io men e, el cues iona io cons a de un o al
de ocho p egun as. Sin emba go, los encues ados no esponden a las ocho p egun as,
ya que, en unción de algunas espues as, apa ece án unas u o as p egun as.
Se debe ene en cuen a que el usua io debe esponde a odas las p egun as que
le apa ezcan, es deci , no puede deja ninguna de las p egun as que le apa ezcan sin
con es a .
Las p ime as cinco p egun as del cues iona io son comunes a odos los usua ios,
independien emen e de las espues as que o ezcan, ya que son p egun as que buscan
conoce un poco a los encues ados. Todas ellas son p egun as ce adas, a excepción
de la e ce a, que busca conoce la ca e a o el g ado que es udia el encues ado. Es a
p egun a es abie a debido a que lo in e esan e es comp oba si los esul ados son
muy a iables dependiendo de lo que cu sa cada encues ado.
De es as cinco p egun as, las cua o p ime as son demog á icas, ya que se consi-
de a in e esan e e si la segmen ación in luye o no en los esul ados, mien as que
la úl ima no lo es.
La úl ima p egun a, ac úa como un sc eene , ya que, si bien odas las o mas de
es udio son in e esan es pa a la in es igación, el p esen e abajo busca en oca se
en una en conc e o pa a de e mina si exis e un p oblema o no con ella. Aun así,
las p egun as que apa ecen en unción de las espues as p opo cionadas a dicha
p egun a, buscan ob ene in o mación simila .
Si el usua io a i ma usa dicho mé odo de es udio, se busca ob ene in o mación
median e p egun as ce adas con la inalidad de sabe si les ha esul ado ú il dicho
mé odo de es udio y si lo ol e ían a ealiza .
Si po el con a io no ha usado dicho mé odo de es udio, se busca á ob ene
in o mación sob e si po lo menos se lo ha plan eado o no.
Una ez el usua io haya espondido a odas las p egun as, se almacena án sus
espues as y se pod á ealiza pos e io men e un es udio cuan i a i o sob e los da os
ob enidos.
3.1.2. Análisis desc ip i o de la mues a
Pa a los dos cues iona ios ealizados se lle ó a cabo el mismo ipo de mues eo,
po lo que lo que se explica a con inuación es aplicable a ambos cues iona ios ya que
es una explicación común a ambos.
El p oceso de mues eo ealizado ha sido in encionado, lo que signi ica que se han
seleccionado aquellos indi iduos que son a ec ados di ec amen e po los p oblemas
que se quie en abo da median e la ealización de es e p oyec o. En es e caso, di-
cho g upo de indi iduos ele an es han sido es udian es uni e si a ios de di e en es
acul ades.
Los es udian es uni e si a ios seleccionados pa a pa icipa en el es udio han
3.1. Análisis de mé odo de es udio 17
sido iden i icados en unción de su elación p e ia con los encues ados y su a inidad
con el ema en cues ión (mé odo de es udio y búsqueda de p ác icas en emp esas).
Además, a dichos es udian es se les pidió que compa ie an la encues a con dos o es
es udian es de su mismo g ado pa a así pode log a una comp ensión más comple a
de la si uación.
Hay que ene en cuen a, que es as encues as han sido ealizadas usando la
he amien a de Google Fo ms1, la cual es g a ui a y o ece la posibilidad de c ea
cues iona ios de ce o y pode pos e io men e e las espues as. Como se que ía
que las espues as de los usua ios ue an anónimas, se decidió no egis a el co eo.
Tampoco se puede segui las espues as que una pe sona en especí ico ha dado a las
p egun as, sino que solo se puede e el esul ado global.
Es o no supone un p oblema ya que lo que se busca es ob ene una isión gene al
de una mues a in encionada pe o a iada.
La mues a u ilizada en ambos cues iona ios ue idén ica, ya que, du an e el
p oceso de en ío, se dis ibuye on ambos cues iona ios conjun amen e y se solici-
ó a los pa icipan es que comple a an ambos. Debido a es o, las espues as a las
es p ime as p egun as de ambos cues iona ios coinciden, dado que es as p egun as
co esponden a aspec os demog á icos y se epi en en ambos cues iona ios.
Aunque sean las mismas p egun as, con la inalidad de man ene la es uc u a
del documen o, dichas p egun as se ol e án a coloca en el análisis desc ip i o y de
esul ados del cues iona io elacionado con las p ác icas en emp esas.
An es de comenza con el análisis desc ip i o de la mues a hay que ene en
cuen a que las encues as han sido espondidas po 24 es udian es uni e si a ios. En
el apéndice A.1 se pueden consul a los diag amas de ba as y de sec o es.
De la p ime a p egun a demog á ica elacionada con la edad se obse a la si-
guien e dis ibución:
1. Dis ibución de espues as:
Meno de 18: 0 pe sonas.
En e 18 y 24 años: 23 pe sonas.
En e 25 y 34 años: 1 pe sona.
En e 35 y 44 años: 0 pe sonas.
Más de 45 años: 0 pe sonas.
2. Po cen aje de espues as:
Meno de 18: 0 %.
En e 18 y 24 años: 95.8 %.
En e 25 y 34 años: 4.2 %.
En e 35 y 44 años: 0 %.
1h ps://www.google.com/ o ms/abou

18 Capí ulo 3. Es udio p e io
Más de 45 años: 0 %
3. P omedio de edad:
Pa a calcula el p omedio se u iliza án las ma cas de clase y se asigna án
alo es numé icos a cada opción. Pa a la p ime a opción se oma á el 16 (Pa a
emplea un núme o ce cano a 18 y meno que sea ep esen a i o), pa a la
segunda el 21, pa a la e ce a el 29.5, pa a la cua a 39.5 y pa a la quin a 50
(Pa a u iliza un núme o mayo que 45, pe o ce cano).
G acias a la asignación de es os alo es numé icos se puede calcula el p omedio
ob eniendo un alo de 21.354 años, es deci ap oximadamen e 21 años (El
p omedio se ha calculado como ((0*16) + (23*21) + (1*29.5) + (0*39.5) +
(0*50)) / (0+23+1+0+0)).
El alo p omedio e a el espe ado, ya que la mayo ía de las espues as es aban
en e 18 y 24 años.
4. Análisis de dis ibución:
Se obse a que la mayo ía de los encues ados (95.8 %) ienen en e 18 y 24
años y el encues ado es an e (4.2 %) en e 25 y 34 po lo que la encues a es á
p edominada po gen e jo en.
De la segunda p egun a demog á ica elacionada con el sexo se ob iene la siguien-
e dis ibución:
1. Dis ibución de espues as:
Homb e: 20 pe sonas.
Muje : 4 pe sonas.
2. Po cen aje de espues as:
Homb e: 83.3 %.
Muje : 16.7 %.
3. Análisis de la dis ibución:
Respues a “Homb e” (83.3 %): Aquí se e leja el núme o de es udian es
uni e si a ios encues ados.
Respues a “Muje ” (16.7 %): Rep esen a la can idad de es udian es uni-
e si a ias encues adas.
La p egun a elacionada con la ca e a que se es udia pa ece ene nume osas
espues as di e en es, sin emba go, si se obse a de enidamen e, se puede e cómo
en su mayo ía son la misma ca e a esc i a de di e en e o ma, ya sea po que al an
ildes, po que unos la esc iben con mayúsculas o os con minúscula o po que o os
usan di ec amen e la ab e ia u a (ADE de Adminis ación y di ección de emp esas).
Una ez se iene es o en cuen a, se puede obse a la dis ibución de la mues a
po á eas de es udio en la p egun a elacionada con la ca e a que se es udia:
3.1. Análisis de mé odo de es udio 19
1. Dis ibución de espues as:
Ingenie ía in o má ica: 11 pe sonas.
Adminis ación y Di ección de emp esas: 3 pe sonas.
Ingenie ía Química: 3 pe sonas.
Doble G ado en ADE e In o má ica: 2 pe sonas.
Ingenie ía de Compu ado es: 2 pe sonas.
G ado de Videojuegos: 1 pe sona.
Ingenie ía del So wa e: 1 pe sona.
Fab icación de P oduc os Fa macéu icos: 1 pe sona.
2. Po cen aje de espues as:
Ingenie ía in o má ica: 45.83 %.
Adminis ación y Di ección de emp esas: 12.50 %.
Ingenie ía Química: 12.50 %.
Doble G ado en ADE e In o má ica: 8.34 %.
Ingenie ía de Compu ado es: 8.34 %
G ado de Videojuegos: 4.17 %.
Ingenie ía del So wa e: 4.17 %.
Fab icación de P oduc os Fa macéu icos: 4.17 %.
3. Análisis de la dis ibución:
Al a a se de una p egun a abie a, saca alo es como el p omedio o la me-
diana no a a esul a ú il de ca a a ealiza un análisis y, aun sacando la
moda y obse ando que Ingenie ía In o má ica es la ca e a más cu sada en e
nues os encues ados ampoco se ob iene un buen análisis de la mues a.
Lo que sí se puede obse a y que jun o al alo de la moda es in e esan e
que el 70.83% de los encues ados es án cu sando ca e as elacionadas con
la in o má ica. A su ez que el 79.16% es án cu sando una ingenie ía po lo
que el po cen aje de es udian es que a p io i, pueden se obje i o de nues o
p oyec o es bas an e ele ado.
En elación con la p ime a p egun a ya exclusi a de es e cues iona io y elacio-
nada con dis ibución de las ho as de es udio se ob u ie on los siguien es esul ados:
1. Dis ibución de espues as:
En e 1 y 3 ho as al día: 12 pe sonas.
En e 3 y 5 ho as al día: 7 pe sonas.
Más de 5 ho as al día: 5 pe sonas.
20 Capí ulo 3. Es udio p e io
2. Po cen aje de espues as:
En e 1 y 3 ho as al día: 50 %.
En e 3 y 5 ho as al día: 29.2 %.
Más de 5 ho as al día: 20.8 %.
3. P omedio de ho as es udiadas:
Pa a calcula el p omedio se an a asigna alo es numé icos a cada opción.
Pa a la p ime a opción se a a oma el 2 (pun o medio en e 1 y 3), pa a la
segunda el 4 (pun o medio en e 3 y 5) y pa a la e ce a el 6 (Pa a no u iliza
el p opio 5).
G acias a la asignación de es os alo es numé icos se puede calcula el p omedio
ob eniendo un alo de 3.41 ho as (El p omedio se ha calculado como ((12*2)
+ (7*4) + (5*6)) / (12+7+5)).
4. Análisis de la dis ibución:
Se obse a que la mi ad (50 %) de los encues ados es udian en e 1 y 3 ho as
al día. Un po cen aje signi ica i o (29.2 %) dedica en e 3 y 5 ho as al día al
es udio. El po cen aje es an e (20.8 %) in ie e más de 5 ho as al día. Es e
análisis mues a una a iedad de en oques de es udio, pe o g acias al p omedio
se puede obse a cómo el iempo medio es á en e el ango de 1 a 3 y de 3 a
5 ya que es donde es án concen adas el mayo núme o de espues as.
La siguien e p egun a ac úa como sc eene po lo que en unción de la espues a
se mos a an unas p egun as u o as. De ella se ha ob enido la siguien e dis ibución:
1. Dis ibución de espues as:
Es udio eje cicios simila es: 18 pe sonas.
Es udio el ema io en e o: 6 pe sonas.
2. Po cen aje de espues as:
Es udio eje cicios simila es: 75 %.
Es udio el ema io en e o: 25 %.
3. Análisis de la dis ibución:
Respues a “Es udio eje cicios simila es” (75 %): Aquí se e leja el núme o
de es udian es uni e si a ios encues ados que se en ocan en la ealización
de eje cicios simila es o pa ecidos a los que han salido en exámenes an-
e io es. Es os son los es udian es obje i os de nues a encues a ya que
ep esen an a aquellos es udian es que se busca ayuda median e la ea-
lización de la aplicación de ídeos de nues o p oyec o.
3.1. Análisis de mé odo de es udio 21
Respues a “Es udio el ema io en e o” (25 %): Rep esen a a los es udian-
es uni e si a ios encues ados que p e ie en es udia de mane a gene al el
ema io. Si bien es os no son los es udian es obje i o de nues a encues a,
es in e esan e conoce si aun ealizando es e mé odo de es udio, se han
plan eado alguna ez u iliza el o o, po ello se les ealiza á una p egun a
más an es de inaliza con su cues iona io.
P ime o se a a analiza la p egun a ealizada a los encues ados que es udian el
ema io en e o. Hay que ene en cuen a que es a p egun a ha sido espondida solo
po 6 pe sonas (25 % de los encues ados), ya que son esas 6 pe sonas que han dicho
que es udian el ema io en e o en la p egun a an e io .
Teniendo es o en cuen a se ha podido obse a lo siguien e e e en e a si alguna
ez se han plan eado es udia solo eje cicios simila es a los que han caído en exámenes
an e io es:
1. Dis ibución de espues as:
Sí: 5 pe sonas.
No: 1 pe sonas.
2. Po cen aje de espues as:
Sí: 83.3 %.
No: 16.7 %.
3. Análisis de la dis ibución:
Respues a “Sí” (83.3%): Aquí se e leja el núme o de es udian es uni e -
si a ios encues ados que se han plan eado cambia su mé odo de es udio
y adqui i el de es udia solo p egun as elacionadas con las que caen en
los exámenes. Es deci , la mayo ía pod ía habe pe enecido al o o g upo
de encues ados.
Respues a “No” (16.7 %): Rep esen a a los es udian es uni e si a ios (en
es e caso 1) encues ados que no se han plan eado deja de es udia el
ema io en e o.
Una ez concluido el es udio de las espues as del p ime g upo de encues ados,
se p ocede a analiza el g upo obje i o. De es e g upo lo que se busca sabe a
con inuación es si en alguna ocasión se han is o pe judicados po habe aplicado
dicho mé odo de es udio. A pa i de aquí se ha podido obse a lo siguien e:
1. Dis ibución de espues as:
Sí: 12 pe sonas.
No: 6 pe sonas.
2. Po cen aje de espues as:
28 Capí ulo 3. Es udio p e io
3. Análisis de la dis ibución:
Respues a “Sí” (79.2%.): Aquí se e leja el núme o de es udian es uni e -
si a ios encues ados que sí han ealizado o al menos buscado p ác icas
en emp esas. Es os son los es udian es que son obje i o de la encues a,
ya que lo que se quie e sabe es su expe iencia con dichas p ác icas o
búsqueda.
Respues a “No” (16.7%): Rep esen a a los es udian es uni e si a ios en-
cues ados que ni han ealizado p ác icas en emp esas ni las han buscado.
Dado que no han ealizado ninguna de las dos no pueden p opo ciona
in o mación ele an e pa a el es udio elacionado con la accesibilidad y
u ilidad de los po ales web de búsqueda de p ác icas.
An es de segui con las siguien es p egun as hay que ene en cuen a que ya no se
cuen a con 24 es udian es, si no que aho a solo con 19 ya que 5 no habían ealizado
o buscado p ác icas en emp esas.
A con inuación, se p egun ó po la acilidad que han enido los encues ados pa a
encon a un po al web pa a la búsqueda de p ác icas se ha obse ado la siguien e
dis ibución (La escala a de muy di ícil a muy ácil siendo el 1 muy di ícil y el 5
muy ácil):
1. Dis ibución de espues as:
1 (Muy di ícil): 0 pe sonas.
2 (Di ícil): 8 pe sonas.
3 (Neu o): 6 pe sonas.
4 (Fácil): 4 pe sonas.
5 (Muy ácil): 1 pe sona.
2. Po cen aje de espues as:
1 (Muy di ícil): 0 %.
2 (Di ícil): 42.1 %.
3(Neu o): 31.6 %.
4(Fácil): 21.1 %.
5(Muy ácil): 5.3 %.
3. Análisis de la dis ibución:
Pa a es e ipo de p egun as en las que los alo es son ca egó icos, esul a más
ap opiado saca alo es como la mediana y la moda an es que un p omedio.
La mediana es la opción 3 (Neu o), ya que si se o denan los da os de las 19
espues as (0 + 8 + 6 + 4 + 1) el décimo alo pe enece al g upo 3.
La moda es la opción 2 (Di ícil), ya que es el alo que apa ece con más
ecuencia en esa colección de da os.

3.2. Análisis de búsqueda de p ác icas 29
A con inuación, se busca sabe si la Uni e sidad en la que es udias e ha p opo -
cionado un po al pa a dicha búsqueda de p ác icas o no. Hay que ene en cuen a
que si no e han acili ado dicho po al el cues iona io inaliza.
A pa i de las espues as p opo cionadas, se ob iene la siguien e dis ibución:
1. Dis ibución de espues as:
Sí: 17 pe sonas.
No: 2 pe sonas.
2. Po cen aje de espues as:
Sí: 89.5 %.
No: 10.5 %.
3. Análisis de la dis ibución:
Respues a “Sí” (89.5%): Aquí se e leja el núme o de es udian es uni e -
si a ios encues ados a los que su uni e sidad les ha p opo cionado un
po al pa a la búsqueda de p ác icas. Es os son los es udian es obje i o
ya que an a pode p opo ciona su expe iencia con el uso de dichos po -
ales (son los que ienen más a mano), lo cual a a pode ayuda a la
c eación de un nue o po al que es o o de los mo i os po los que su ge
el p esen e p oyec o.
Respues a “No” (10.5%): Rep esen a a los es udian es uni e si a ios en-
cues ados a los que su uni e sidad no les ha p opo cionado un po al pa a
la búsqueda de p ác icas y po an o han enido ellos que busca uno o
oma o a al e na i a.
Las p egun as que ienen a con inuación buscan conoce la expe iencia que han
enido dichos es udian es u ilizando los po ales de búsqueda de p ác icas que les
han sido p opo cionados.
Llegados a es e pun o la can idad de es udian es que esponden a las dos úl imas
p egun as plan eadas en la encues a es de 17, ya que median e la p egun a an e io
se han eliminado aquellos es udian es que no e an obje i o de la encues a.
La p ime a p egun a iene el in de obse a que an ú il les ha esul ado dicho
po al. Se ha ob enido la siguien e dis ibución:
1. Dis ibución de espues as:
1 (Muy poco ú il): 1 pe sona.
2 (Poco ú il): 6 pe sonas.
3 (Neu o): 6 pe sonas.
4 (Ú il): 1 pe sona.
30 Capí ulo 3. Es udio p e io
5 (Muy ú il): 3 pe sonas.
2. Po cen aje de espues as:
1 (Muy poco ú il): 5.9 %.
2 (Poco ú il): 35.3%.
3 (Neu o): 35.3 %.
4 (Ú il): 5.9 %.
5(Muy ú il): 17.6 %.
3. Análisis de la dis ibución: Como se ha explicado an e io men e, pa a es e ipo
de p egun as en las que los alo es son ca egó icos, esul a más ap opiado saca
alo es como la mediana y la moda an es que un p omedio.
La mediana es la opción 3 neu o ya que el alo que se encuen a en el medio
cuando los da os se o denan. Hay 17 espues as (1 + 6 + 6 + 1 + 3) po lo
que el alo que se a a oma es el que se si ua á en la no ena posición, lo
que hace que la mediana en es e caso co esponda a la opción 3 (Neu o).
La moda es bimodal ya puede se an o la opción 2 (Poco ú il) como la opción
3 (Neu o).
De es os da os se puede obse a que dicho po al o ece opiniones di ididas,
aunque se obse a una endencia hacia la sensación de se poco ú il.
La segunda y úl ima p egun a busca sabe lo ácil que les ha sido encon a y
u iliza a los es udian es uni e si a io dicho po al. De es a p egun a se ha ob enido
la siguien e dis ibución:
1. Dis ibución de espues as:
1 (Muy di ícil): 4 pe sonas.
2 (Di ícil): 6 pe sonas.
3 (Neu o): 4 pe sonas.
4 (Fácil): 0 pe sonas.
5 (Muy ácil): 3 pe sonas.
2. Po cen aje de espues as:
1 (Muy di ícil): 23.5 %.
2 (Di ícil): 35.3 %.
3 (Neu o): 23.5 %.
4 (Fácil): 0 %.
5(Muy ácil): 17.6 %.
3.2. Análisis de búsqueda de p ác icas 31
3. Análisis de la dis ibución: Como ya se ha explicado an e io men e, pa a es e
ipo de p egun as en las que los alo es son ca egó icos, esul a más ap opiado
saca alo es como la mediana y la moda an es que un p omedio.
La mediana es la opción 2 (Di ícil), ya que si se o denan los da os de las 17
espues as (4 + 6 + 4 + 0 + 3) el no eno alo pe enece al g upo 2.
La moda es la opción 2 (Di ícil), ya que es el alo que apa ece con más
ecuencia en esa colección de da os.
Se obse a en onces que les ha esul ado di ícil an o encon a como u iliza
el po al web que les p opo ciono su cen o.
3.2.3. Análisis de esul ados
De las es p ime as p egun as se pueden ob ene las mismas conclusiones que
en el análisis de mé odo de es udio, sal o en el caso de la ca e a que se es udia ya
que es a no es an ele an e con espec o a la opinión sob e el uso o la u ilización
de un po al web pa a busca p ác icas.
Como se ha expues o an e io men e, solo 19 de los 24 encues ados habían eali-
zado o buscado p ác icas en emp esas.
Obse ando las espues as, el diag ama de ba as asociado ( éase apéndice A.2)
y obse ando los alo es de la mediana y la moda se puede obse a cómo a la
mayo ía de gen e le ha esul ado di ícil encon a un luga pa a busca p ác icas. Si
bien ambién hay encues ados que les ha esul ado ácil, si se analiza en conjun o,
se puede conclui que no ha sido una a ea ácil. Es o no signi ica que haya enido
que se di ícil, pe o sí que al menos dicha a ea se puede mejo a y hace más ácil.
Po es a azón, se p opuso la idea de desa olla un po al web pa a p opo ciona
una al e na i a a los ya exis en es.
Si bien se busca una al e na i a a los ya exis en es y, po an o, debe ía se
indi e en e si a los es udian es se les ha p opo cionado o no un po al web, se con-
side a que, de habé selo p opo cionado, és e se ía el más accesible pa a ellos. Po
ello se conside a a dichos es udian es el obje i o de la encues a. T as es o los 19
encues ados se educen a 17.
Pa a pode analiza mejo los esul ados ob enidos se obse a án las dos úl imas
p egun as en conjun o.
T as analiza los diag amas de ba as, así como las medianas y las modas de
ambas p egun as, se puede obse a cómo, e ec i amen e, si bien no es que los po -
ales no sean ú iles, o muy di íciles de encon a o u iliza , sí iene bas an e ma gen
de mejo a po lo que si los es udian es con a an con un po al que ue a más ú il,
accesible y ácil de u iliza pod ían comenza a u iliza lo. Po an o, que el po al
que se busca c ea es e p oyec o debe á lo más simple posible, in en ado se lo más
in ui i o posible y o ece una al e na i a a ac i a a los ya exis en es.
El obje i o p incipal es ayuda a aquellos es udian es que hayan is o su expe ien-
cia de búsqueda de p ác icas pe judicada po los aspec os mejo ables que p esen an
32 Capí ulo 3. Es udio p e io
los po ales web de búsqueda de p ác icas ya exis en es. Pa a ello se debía sabe si
dichos po ales enían allos y asegu a se de si les e an o no accesibles.
Cap´
ı ulo 4
Desa ollo
4.1. Requisi os
En es a sección se de inen los equisi os uncionales y no uncionales que debe á
ene la aplicación web pa a cumpli los obje i os de inidos.
4.1.1. Requisi os uncionales
Los equisi os uncionales de inen cómo se debe compo a la aplicación y lo
que ha á pa a sa is ace las necesidades de los usua ios. Pa a la aplicación web
desa ollada en el p esen e abajo se es ablecie on los siguien es equisi os:
Regis o de usua ios. Los usua ios pod án c ea una cuen a pa a accede a la
aplicación web.
Inicio de sesión. Los usua ios accede án a la aplicación web u ilizando sus
c edenciales.
Modi icación de pe il. Los usua ios end án la posibilidad de modi ica su
pe il en la aplicación, cambiando su nomb e, o o de pe il, e c.
Subida de ídeos. Los usua ios pod án subi ídeos de con enido educa i o a
la aplicación.
Inse ción de cues iona ios: Los usua ios pod án añadi cues iona ios a sus í-
deos pa a hace el con enido más ú il pa a los espec ado es.
Edición de ídeos. Los usua ios pod án modi ica aspec os de sus ídeos una
ez subidos.
Búsqueda de ídeos. Los usua ios end án he amien as pa a encon a ídeos
sob e los emas que les in e esen.
33

34 Capí ulo 4. Desa ollo
Visualización de ídeos. Los usua ios pod án e los ídeos c eados po o os
usua ios y esponde a los cues iona ios que es os incluyan.
Visualización de esul ados. Los usua ios pod án comp oba los conocimien-
os adqui idos a pa i de los esul ados que ob engan en los cues iona ios
espondidos.
Es adís icas de ídeos. Los usua ios que c een ídeos en la aplicación pod án
sabe la ecepción que és os ienen y su u ilidad en base al núme o de isuali-
zaciones y las espues as que p opo cionen los usua ios en los cues iona ios.
Subida de o e as. Exis i án usua ios que se egis en como emp esa y pod án
subi o e as de empleo indicando el pe il que buscan, el sala io y las plazas
disponibles.
Búsqueda de o e as. Los usua ios end án he amien as pa a encon a o e as
que les in e esen.
Desca ga de o e as. Los usua ios pod án desca ga los documen os asociados
a la o e a de abajo subida po las emp esas.
Edición de o e as. Los usua ios egis ados como emp esa pod án edi a la
in o mación de una o e a ya subida po ellos.
En ío y ecepción de mensajes. Los usua ios pod án inicia un cha en la o e a
que les in e ese, en ia mensajes a dicha emp esa, así como ecibi los.
Visualización de cha . Los usua ios pod án e los mensajes en iados y ecibi-
dos con aquellas emp esas que hayan hablado p e iamen e.
4.1.2. Requisi os no uncionales
Los equisi os no uncionales de inen los a ibu os que debe á ene la aplica-
ción pa a ga an iza la calidad del se icio que o ece. Los equisi os no uncionales
de inidos pa a la p esen e aplicación son:
Segu idad. La aplicación debe ga an iza la segu idad de los usua ios, es-
ingiendo el acceso a cie as acciones y pe mi iendo modi ica la in o mación
únicamen e a los usua ios au o izados pa a ello.
Compa ibilidad. La aplicación web debe se compa ible con odos los na ega-
do es.
Usabilidad. La in e az de la aplicación debe se ácil de u iliza e in ui i a
pa a los usua ios nue os y con a á con indicaciones pa a ayuda al usua io a
u iliza la.
Man enibilidad. La aplicación debe se ácil de ac ualiza y epa a los e o es
que su jan.
4.2. A qui ec u a 35
Escalabilidad. La aplicación debe se capaz de c ece con o me aumen e el
núme o de usua ios y con enido.
Rendimien o. La aplicación debe maneja las pe iciones de los usua ios de
mane a ápida y p opo ciona á una ápida espues a.
Fiabilidad. Se debe minimiza las caídas del sis ema pa a ga an iza un un-
cionamien o es able de la aplicación.
Cumplimien o legal. Se debe cumpli las leyes y egulaciones co espondien es
pa a ga an iza la p o ección de da os y los de echos de au o .
4.2. A qui ec u a
La aplicación que se p e ende desa olla u iliza á la a qui ec u a Clien e-Se ido ,
que pe mi e a los usua ios accede al se icio a a és de un na egado web y u ili-
zando una in e az de usua io. El se ido al que se conec en los clien es se compone
de dos elemen os:
La aplicación. Con iene oda la lógica que ges iona las pe iciones HTTP de los
clien es y les mues a la in e az con la que in e ac úan desde el na egado .
La base de da os. Almacena los da os pe sis en es de la aplicación, como los
con enidos y la in o mación de los usua ios.
Se ha elabo ado un diag ama que mues a los es elemen os que compond án
la a qui ec u a de la aplicación y cómo se elacionan en e ellos. Es e diag ama se
mues a en la igu a 4.1.
Figu a 4.1: A qui ec u a de la aplicación
36 Capí ulo 4. Desa ollo
4.3. Base de da os
A con inuación, se de ine el modelo de base de da os u ilizado pa a almacena
los da os pe sis en es del sis ema. Se ha u ilizado un modelo elacional en el que
las ablas que con ienen la in o mación se elacionan unas con o as a a és de
iden i icado es.
4.3.1. Diag ama en idad- elación
En la igu a 4.2 se mues a el diag ama en idad- elación sob e el que se es uc-
u a á la base de da os. En es e diag ama se obse an dos elemen os: las en idades,
que se ep esen an con un ec ángulo y las elaciones, ep esen adas con un ombo.
Las en idades se elacionan en e ellas con una ca dinalidad, po ejemplo, un único
usua io puede c ea N ídeos.
Figu a 4.2: Diag ama en idad- elación
Cada en idad co esponde a una abla en la base de da os, donde se almacena án
sus a ibu os, que se de ini án en el siguien e apa ado. Pa a implemen a las ela-
ciones 1-N se u iliza án iden i icado es con los que se elaciona án las ablas en e
ellas.
Po o o lado, las elaciones N-N eque i án de ablas adicionales que implemen-
en dicha elación. Es as ablas in e medias u iliza án las cla es p ima ias de las
ablas que elacionan y algunos a ibu os adicionales que sean de u ilidad.
4.3.2. Tablas
Seguidamen e, se mues an odas las ablas de la base de da os y se explican los
campos que las componen. En las ablas, apa ece el nomb e del campo, el ipo de
4.3. Base de da os 37
da o que es y las es icciones que se han de inido pa a dicho campo.
4.3.2.1. Use s
En la abla 4.1 se mues an los campos de la abla use s, donde id es cla e
p ima ia. El id es un iden i icado único que se asigna a cada usua io cuando se c ea
una cuen a. Pa a elaciona se con o as ablas, esul a más sencillo que el campo id
ac úe como cla e o ánea a que ac úe como al un campo nomb e con nume osos
ca ac e es.
Los campos name eemail son únicos debido a que se busca que no haya dos
usua ios que se llamen igual, ni dos cuen as di e en es que engan un mismo co eo.
El campo ban es un inyin con alo po de ec o a no baneado ( alo po de ec o
es 0). Es e campo se u iliza pa a sabe si un usua io es á o no baneado.
El campo ole es un enume ado que almacena el ipo de cuen a que iene el
usua io. Po an o, un usua io con el ol de company, se di e encia de o o con ol
s anda d en que el p ime o puede subi o e as de abajo. Po su pa e, un usua io
con ol admin, end á los pe misos pa a adminis a odo el con enido de la página.
Nomb e del campo Tipo Res icciones
id BIGINT UNSIGNED PRIMARY KEY
name VARCHAR(255) UNIQUE
email VARCHAR(255) UNIQUE
passwo d VARCHAR(255) NOT NULL
ole ENUM(‘s anda d’, ‘admin’, ‘company’) DEFAULT(‘s anda d’)
p o ile_pic VARCHAR(255) DEFAULT(‘None’)
ban TINYINT(1) DEFAULT(0)
c ea ed_a TIMESTAMP
upda ed_a TIMESTAMP
Tabla 4.1: Tabla use s
4.3.2.2. Follows
La abla ollows, al como se mues a en la abla 4.2, cuen a con una cla e p ima-
ia compues a, o mada po los campos ollowe _id y ollowed_id. Ambos campos
almacenan un id de usua io, el usua io con id almacenado en ollowe _id ha co-
menzado a segui al usua io con id almacenado en ollowed_id. Es cla e compues a,
ya que un usua io puede ene muchos seguido es di e en es y és os a su ez, segui
a o os usua ios, al igual que se puede da el caso de que un usua io siga a alguien
y que ese alguien no lo siga.
El campo ollowed_a almacena la úl ima echa en la que han comenzado a
segui se lo usua ios, ya que pueden habe se dejado de segui y luego ol e se a
segui .
44 Capí ulo 4. Desa ollo
4.4. P o o ipo
Pa a la ealización de los boce os de es e p oyec o se ha decidido usa la he-
amien a Balsamiq Wi e ames2, que es una he amien a de pago, pe o o ece la
posibilidad de ob ene una p ueba en la nube du an e un mes. Es a he amien-
a pe mi e ealiza mockups,wi e ames y p o o ipos de aplicaciones, en e o as
uncionalidades, o eciendo una idelidad media. Se decidió usa es a he amien a
debido a que se enían conocimien os p e ios sob e su uncionamien o y a que la
o ma en que pe mi e ep esen a las di e en es is as de una aplicación web es su i-
cien e pa a pasa a digi al los boce os a papel sin ene que ealiza modi icaciones
a los p o o ipos.
Exis en nume osas he amien as de p o o ipado además de Balsamiq Wi e a-
mes, como po ejemplo Figma3, una de las más u ilizadas a la ho a de ep esen a
in e aces g á icas. Sin emba go, pa a ep esen a los boce os no e a necesa io plas-
ma el lujo de acciones, po lo que se conside ó que se ía mejo no u iliza la, ya que
Balsamiq se ía más adecuada pa a ello.
O o ejemplo pod ía se Jus in Mind4, pe o es una he amien a que o ece una
g an idelidad y es á pensada pa a u iliza se en la ep esen ación de p o o ipos más
a anzados.
También exis en algunas he amien as muy simila es a Balsamiq Wi e ames,
como puede se Pencil5, pe o no se u iliza on debido a que se conside ó que no
apo aban ninguna mejo a con espec o a Balsamiq.
4.4.1. Página p incipal
El boce o de la página p incipal de la aplicación, que apa ece en la igu a 4.4,
incluye lis as de ídeos, o denados según di e en es pa áme os: el núme o de isi as,
el núme o de usua ios que los han gua dado en a o i os o la echa en que se hayan
subido dichos ídeos. Pa a cada ídeo se mues a la minia u a del mismo así como
su í ulo pa a que el usua io pueda en ende el con enido que a a encon a cuando
acceda al ídeo. Al inal de cada lis a, se incluye un bo ón en o ma de lecha pa a
ca ga más ídeos, ya que en un p ime momen o sólo se ca gan los más ele an es
en cada ca ego ía.
Además, a la de echa de los ídeos se incluye una ba a de desplazamien o, que
indica al usua io que puede desplaza se hacia abajo en la página y encon a á más
con enido. Asimismo, se inco po a una ba a de búsqueda pa a encon a los ídeos
que se deseen a pa i de las palab as que in oduzcan los usua ios.
2h ps://balsamiq.com/wi e ames
3h ps://www. igma.com
4h ps://www.jus inmind.com
5h ps://pencil.e olus. n

4.4. P o o ipo 45
Figu a 4.4: Boce o de la is a home
4.4.2. Subi un ídeo
En la igu a 4.5 se mues a el boce o de la is a pa a subi un ídeo. En és a
se incluyen iconos sob e los que el usua io pulsa á pa a subi el a chi o del ídeo y
de la minia u a. Po o o lado, añadi á la in o mación del ídeo: í ulo, desc ipción,
ema y p egun as. Todo ello siguiendo un lujo descenden e, que e mina en el bo ón
pa a con i ma la subida del ídeo.
Figu a 4.5: Boce o de la is a uploadVideo
46 Capí ulo 4. Desa ollo
4.4.3. Añadi un cues iona io
Tal como se obse a en la igu a 4.6, el usua io selecciona á en la ba a de p o-
g eso del ídeo el minu o en el que desea añadi un cues iona io. A su ez, se le
mues an los campos que debe ellena , ce ando la acción con un bo ón pa a añadi
el cues iona io.
Figu a 4.6: Boce o de la is a addQues ion
4.4.4. Vis a de un ídeo
Cuando el usua io acceda a un ídeo pa a isualiza lo, se le mos a á la is a
que apa ece en la igu a 4.7. En es a is a, el usua io obse a á en la pa e cen al
de la is a el con enido del ídeo, donde además apa ece án los cues iona ios, en
caso de habe sido añadidos. En la pa e in e io , el usua io iene los con oles del
ídeo pa a pausa , subi el olumen o pone lo en pan alla comple a.
En la pa e supe io del ídeo se mues a el í ulo y en la pa e in e io , el es o
de in o mación ela i a al ídeo: el au o , la desc ipción, el núme o de a o i os y
los esul ados del usua io en los cues iona ios de ese ídeo.
A la de echa del ídeo, se obse a una lis a con los ídeos elacionados con el
que se es á isualizando, es deci , los ídeos que a en el mismo ema. En cada uno
de ellos se mues a la minia u a, el í ulo, el au o y el núme o de a o i os.
La disposición de es a is a se ha basado en la que u ilizan algunas pla a o mas
impo an es de isualización de ídeos, como YouTube6.
6h ps://www.you ube.com
4.4. P o o ipo 47
Figu a 4.7: Boce o de la is a ideo
4.4.5. Pe il de un usua io
En la igu a 4.8 se mues a el boce o pa a la is a que end á un usua io en su
pe il. En es a is a se incluye a la izquie da el pe il público del usua io. En la pa e
cen al, se mues an los da os del usua io, con un bo ón en o ma de lápiz que le
indica que puede modi ica dicha in o mación. En la pa e in e io , se mues a una
lis a con odos los ídeos que ha subido ese usua io.
Figu a 4.8: Boce o de la is a p o ile
48 Capí ulo 4. Desa ollo
4.4.6. Vis a de o e as
El usua io dispond á de una is a con las o e as publicadas, como se mues a en
la igu a 4.9. En es a is a, pod á obse a una lis a con la in o mación gene al de
cada o e a, y dos bo ones a la de echa: uno pa a desca ga el documen o asociado
a la o e a y o o pa a accede al cha y comunica se con la emp esa en cues ión. En
la pa e supe io , ambién se incluye una ba a de búsqueda con la que encon a
las o e as que sean de in e és pa a el usua io.
En caso de se una emp esa, se mos a án bo ones pa a añadi una nue a o e a,
edi a o pa a e las o e as publicadas po dicha emp esa.
Figu a 4.9: Boce o de la is a o e s
4.4.7. Añadi una o e a
En la igu a 4.10 se mues a la is a pa a añadi una nue a o e a. En es a
is a, se le p esen an al usua io los campos que debe ellena pa a c ea una o e a,
siguiendo un lujo descenden e pa a que esul e más in ui i o.
En p ime luga , un icono sob e el que pulsa á pa a añadi el documen o con
oda la in o mación de la o e a. A con inuación, un campo de o mula io donde
añadi el nomb e de la emp esa. Finalmen e, un selec o pa a indica el núme o de
plazas o e adas y o o campo en el que se elige el sala io que se o ece.
Toda la secuencia de acciones se cie a con el bo ón en la pa e in e io de la
is a que gua da á oda la in o mación cumplimen ada.
4.4. P o o ipo 49
Figu a 4.10: Boce o de la is a uploadO e
4.4.8. O e as de una emp esa
El boce o que se obse a en la igu a 4.11 le mues a al usua io egis ado como
emp esa odas las o e as que és e ha subido. En cada una, se mues a la in o mación
gene al y qué usua io se ha egis ado en cada una de ellas, así como un bo ón pa a
accede al cha con cada uno de los usua ios.
Figu a 4.11: Boce o de la is a you O e s

50 Capí ulo 4. Desa ollo
4.4.9. Adminis ación de usua ios
En la igu a 4.12 se mues a el boce o de la is a que end án los adminis ado es
de la página pa a ges iona los usua ios. En es a is a se obse a una lis a que
con iene la in o mación de cada usua io y a la de echa los bo ones de acción e e en e
a dicho usua io.
Figu a 4.12: Boce o de la is a adminUse s
4.4.10. Adminis ación de ídeos
El boce o de la página de adminis ación de ídeos, p esen e en la igu a 4.13,
sigue la misma es uc u a que la de adminis ación de usua ios, lo que acili a la
a ea a los adminis ado es.
Figu a 4.13: Boce o de la is a adminVideos
4.4. P o o ipo 51
4.4.11. Adminis ación de o e as
En la igu a 4.14 se mues a el boce o de la is a que end án los adminis ado-
es de la página pa a ges iona las o e as. És a iene la misma es uc u a que las
an e io es, es deci , una lis a con las o e as y bo ones de acción pa a cada una.
Figu a 4.14: Boce o de la is a adminO e s
4.4.12. Adminis ación de mensajes
El boce o de la página de adminis ación de mensajes se obse a en la igu a 4.15
y sigue la misma es uc u a que el es o de páginas de adminis ación.
Figu a 4.15: Boce o de la is a adminMessages
52 Capí ulo 4. Desa ollo
4.5. Análisis de ecnologías
En es a sección se analizan las dis in as ecnologías que se pueden emplea en el
desa ollo de la aplicación web y las que inalmen e se decidió u iliza .
4.5.1. F amewo k
Un amewo k es un conjun o de he amien as que p opo ciona una es uc u a
base sob e la que desa olla so wa e. De es a mane a se acili a la p og amación
de aplicaciones e i ando ene que desa olla las desde ce o. Un amewo k puede
se gene al o especí ico pa a un ipo de so wa e.
En el p esen e abajo, se analiza on los amewo ks más u ilizados en el desa-
ollo de aplicaciones web pa a de e mina cuál se ía el idóneo pa a implemen a la
aplicación que se p e ende desa olla .
4.5.1.1. Ruby on Rails
Ruby on Rails7es un amewo k que u iliza Ruby como lenguaje de p og a-
mación pa a desa olla aplicaciones web. Pa a ello, u iliza el pa ón modelo- is a-
con olado , el cual sepa a la lógica y los da os de su ep esen ación. A pesa de se
un amewo k bas an e po en e debido a su acilidad de uso y buen endimien o, el
lenguaje Ruby se end ía que ap ende desde ce o, po lo que se decidió op a po
o as p opues as.
4.5.1.2. Django
En cuan o a Django8, és e o ece una g an can idad de documen ación, además
de un u o ial de allado pa a ap ende a desa olla aplicaciones en dicho en o no
(Django, 2023). U iliza Py hon como lenguaje de p og amación y es á muy cen ado
en los aspec os de segu idad. És as ca ac e ís icas lo con e ían en una buena opción
pa a el desa ollo de la p esen e aplicación, sin emba go se conside ó que la cu a de
ap endizaje se ía demasiado g ande como pa a comenza a desa olla la aplicación
cómodamen e.
4.5.1.3. Node.js
Po su pa e, Node.js9u iliza el lenguaje Ja aSc ip y es un amewo k muy u i-
lizado en aplicaciones g andes, como Ne lix o LinkedIn. Además ealiza ope aciones
de en ada-salida asínc onas, lo que e i a bloqueos y o ece un mejo endimien-
o. Sin emba go, no se conside ó el amewo k más adecuado pa a el desa ollo de
7h ps:// ubyon ails.o g
8h ps://www.djangop ojec .com
9h ps://nodejs.o g/es
4.5. Análisis de ecnologías 53
la aplicación, debido a la al a de es ánda es de desa ollo, lo que di icul a ía el
desa ollo y el man enimien o del código.
4.5.1.4. La a el
La a el10 es un amewo k que u iliza PHP como lenguaje de p og amación, ade-
más del pa ón modelo- is a-con olado pa a desa olla aplicaciones web. Incluye
una ex ensa página de documen ación, que con iene es ánda es, ecomendaciones y
buenas p ác icas que ayudan mucho a los desa ollado es y acili an su ap endiza-
je (La a el, 2023d). Po o a pa e, el lenguaje PHP esul aba amilia ya que ha
sido u ilizado du an e la ca e a pa a la p og amación de aplicaciones web. Asimis-
mo, la es uc u a de los p oyec os es obus a y el código, legible y conciso, además
de que cuen a con múl iples paque es y complemen os que ayudan a simpli ica el
desa ollo.
Po odo ello, se decidió u iliza La a el pa a el desa ollo de la aplicación web,
ya que es un amewo k muy comple o, e sá il y con una es uc u a obus a en la
que implemen a las uncionalidades que se p e ende.
4.5.2. Ges ión de la base de da os
Los da os pe sis en es de la aplicación deben se ges ionados a a és de un
sis ema de ges ión de bases de da os (SGDB o DBMS, en inglés, es el sis ema que
se enca ga de maneja oda la in o mación que se almacena en una base de da os).
En es a sección se analizan los di e en es sis emas que pueden u iliza se pa a es e
p opósi o.
4.5.2.1. MongoDB
MongoDB11 es un SGDB no elacional, lo que signi ica que no u iliza ablas que
se elacionan en e sí pa a almacena la in o mación. Es e sis ema es ú il cuando
se ienen que almacena da os no es uc u ados o semi es uc u ados, sin emba go
en la base de da os p e iamen e de inida se p e ende almacena la in o mación en
ablas, de mane a es uc u ada, ya que ga an iza la in eg idad de los da os, lo cual
es un aspec o muy impo an e en elación a la segu idad de la aplicación.
Po an o, los sis emas de ges ión de bases de da os no elacionales no se con-
empla on pa a la ges ión de los da os pe sis en es.
4.5.2.2. SQLi e
SQLi e12 es un sis ema de ges ión muy sencillo, o ien ado a bases de da os pe-
queñas pa a aplicaciones a pequeña escala. Po es a azón, SQLi e no es una buena
10h ps://la a el.com
11h ps://www.mongodb.com
12h ps://www.sqli e.o g/index.h ml
60 Capí ulo 4. Desa ollo
Figu a 4.20: Código HTML p opo cionado po Fon Awesome pa a inc us a el icono
en las is as
las opciones pa a eac o ue.js. Sin emba go, como pa a el desa ollo de Wish en
no se u ilizan es as he amien as pa a ep esen a las is as, no se usa on dichas
opciones.
4.6.1.5. Es ilo
Pa a ealiza las is as de la página web se decidió desde un p incipio u iliza
HTML5 y CSS pu os. En p ime a ins ancia, se alo ó u iliza Boo s ap28 pa a
agiliza el p oceso de c eación de las is as y pode cen a se en las di e sas uncio-
nalidades, sin emba go al inal no se u ilizó po di e sos mo i os.
Uno de los p incipales mo i os po los que no se u ilizó Boos ap es debido a una
de sus mejo es ca ac e ís icas: los componen es y es ilos p ede inidos. Boo s ap es
una oolki muy u ilizada que o ece una g an can idad de componen es, y es ilos
lis os pa a usa , los cuales hubie an agilizado el p oceso de desa ollo de Wish en. No
obs an e, el hecho de que dichas plan illas es u ie an p esen es en nume osas páginas
web hizo que se op a a po no u iliza Boo s ap y busca un diseño di e enciado .
T as in es iga el diseño de algunas aplicaciones como TikTok29, Ins ag am30 u
o as edes sociales conocidas, se pudo obse a cómo odas ellas usaban is as muy
simples con pocos bo ones que se enca gan de mos a , median e en anas modales,
la di e en e in o mación asociada a ellos (acciones de edi a , elimina , c ea , e c.).
Todas las plan illas de Boo s ap que se examina on es aban o ien adas a mos a
oda la in o mación al usua io y, si bien isualmen e e a muy a ac i o, no e a
exac amen e lo que mejo se adap aba a es e p oyec o.
28h ps://ge boo s ap.com
29h ps://www. ik ok.com
30h ps://www.ins ag am.com

4.6. Implemen ación 61
La aplicación que se p e ende desa olla , busca que los usua ios puedan encon-
a ídeos que les sean ú iles y o e as de empleo o de p ác icas en emp esas. Po
ello, lo que se busca es que la in o mación que se le mues e al usua io sea mínima y
lo más in o ma i a posible. Con es o se p e ende que la mayo pa e del iempo que
los usua ios pasen en la aplicación sea iendo el ídeo o la o e a que les in e ese.
Es a o ma de man ene a los usua ios en la aplicación es muy u ilizada en
las edes sociales y po ello se han usado és as como ejemplo a segui de ca a a
es uc u a y de ini las is as de la aplicación.
O o de los mo i os po los que Boo s ap es an u ilizado es po que acili a
mucho la adap ación de las is as en di e en es amaños de pan alla. Es o esul a
muy ú il ya que una aplicación web puede se usada en un disposi i o mó il, o dena-
do , able , e c. Sin emba go, la p esen e aplicación no busca es a o ien ada a o o
disposi i o que no sea un o denado . Eso no quie e deci que no se hayan adap ado
las is as a los demás disposi i os, si no que, al no se un mo i o de an o peso, no
se conside ó una en aja dicha u ilidad de Boo s ap pa a la ep esen ación de las
is as de es e p oyec o.
Si bien es cie o que odo lo que e o ece Boo s ap es modi icable, és e no enía
las ca ac e ís icas que se buscaban, además ya se enían conocimien os p e ios sob e
el manejo de HTML5 y CSS. Po ello, al no u iliza plan illas p ede inidas, se con aba
con o al libe ad pa a c ea las is as. Po odo ello y po los mo i os desc i os
an e io men e se decidió al inal no u iliza Boo s ap ni ningún o o amewo k de
on end.
La ep esen ación de las is as usando HTML5 y CSS ha sido muy a iada en
Wish en, a pesa de que exis en algunos componen es y es ilos comunes a odas ellas
y que son impo an es de explica pa a en ende su es uc u a y ep esen ación.
Pa a es uc u a los elemen os de la aplicación, se han c eado iche os CSS (en
/public/css) desde los que se de ine el es ilo de cada página. Como cada página
mues a elemen os di e en es y iene una es uc u a di e enciada, se ha c eado p ác-
icamen e un iche o CSS po cada is a. De es a mane a se puede ajus a más el
es ilo al con enido especí ico de cada página.
Den o de cada is a, exis en elemen os que compa en es ilo, como bo ones,
inpu s de o mula ios o selec o es. Po an o, pa a aplica les el mismo es ilo a o-
dos, se han u ilizado selec o es de clase, en los que se es ablece el colo , el amaño
y el es o de ca ac e ís icas. Po o o lado, pa a los elemen os únicos, se u ilizan
iden i icado es (ID), que son únicos en odo el código HTML de la is a.
Es os componen es se ag upan den o de con enedo es, pa a los que se u iliza la
e ique a <di > y se de ine su disposición en las hojas de es ilo. P incipalmen e se
ha u ilizado el diseño lex ( lexible), que dispone los elemen os uno de ás de o o,
de o ma e ical u ho izon al. Es o se ha u ilizado an o pa a alinea los campos
de los o mula ios, como pa a mos a las lis as de ídeos y o e as en las di e en es
is as.
También se ha u ilizado un diseño g id(cuad ícula) pa a las is as en las que
se mues a una g an can idad de elemen os, ya que es e ipo de diseño dispone los
62 Capí ulo 4. Desa ollo
elemen os en una cuad ícula, es deci , el g upo c ece an o e ical como ho izon-
almen e. Dicha disposición se u iliza, po ejemplo, pa a mos a los esul ados de
búsqueda de la sección de ídeos de la aplicación.
Además, se han u ilizado las hojas de es ilo pa a log a que la aplicación sea
esponsi a, es deci , que el con enido que se mues a se modi ique en unción del
amaño de la pan alla. Pa a ello, se ha usado la egla @media, en la que se de inen
condiciones, como el ancho o el al o de la pan alla, que modi ican la disposición o
el amaño del con enido. Po ejemplo, al como se e en la igu a 4.21, se es ablece
la anchu a mínima necesa ia pa a pasa de una disposición lex e ical (column) a
una ho izon al ( ow).
Figu a 4.21: Ejemplo de uso de @media en el CSS de la aplicación
4.6.1.6. Ja aSc ip
Pa a implemen a di e sos aspec os isuales y gene a código HTML de mane a
dinámica den o de la aplicación, se ha hecho uso de iche os Ja aSc ip (en /pu-
blic/js). A con inuación se explican los p incipales sc ip s que se han desa ollado
pa a es e p oyec o.
En p ime luga , pa a implemen a la lógica pa a mos a los cues iona ios den o
de los ídeos, se c ea on dos sc ip s: showQuiz.js yanswe Quiz.js. El p ime o hace
isible las espues as po encima del ídeo y lo pausa, además de eanuda el ídeo
y esconde la p egun a cuando es a ya ha sido espondida. El segundo se enca ga
de c ea inpu s escondidos que con ienen el id de las espues as seleccionadas y que
se en ia án cuando el usua io pulse en “gua da esul ados” median e una pe ición
HTTP.
Po o o lado, pa a mos a al usua io las es adís icas de cada p egun a del ídeo
se u ilizó la lib e ía Cha .js31, que pe mi e c ea g á icos en Ja aSc ip de mane a
sencilla.
31h ps://www.cha js.o g
4.6. Implemen ación 63
También se ha empleado código Ja aSc ip pa a algunos de alles más simples:
un bo ón pa a mos a la con aseña y que el usua io comp uebe si la ha esc i o
co ec amen e, un il o de ablas HTML, en anas modales que se supe ponen y
algunos e ec os isuales.
4.6.1.7. Licencia u ilizada
El código de es e p oyec o ha sido desa ollado bajo la licencia GNU A e o
Gene al Public License 3.0 (AGPL), la cual pe mi e su modi icación y dis ibución
po e ce as pe sonas, ajenas al desa ollo del p esen e p oyec o. Todo ello con la
condición de que se dis ibuya bajo la misma licencia. Se ha seleccionado la AGPL
en e a la GPL, ya que és a es más u ilizada pa a desa ollos so wa e que se an a
ejecu a en un se ido web.
4.6.2. Lógica
El amewo k que se usa en es a p opues a, La a el, es á basado en el pa ón
modelo- is a-con olado (MVC, un pa ón de a qui ec u a so wa e que sepa a los
da os y la lógica de su isualización) pa a ges iona la aplicación web. En la igu a
4.22 se puede obse a un diag ama que se ha elabo ado pa a explica cómo se
conec an es os elemen os den o de una aplicación desa ollada en La a el.
Figu a 4.22: A qui ec u a de una aplicación en La a el
4.6.2.1. Ges ión de la base de da os
La base de da os se ges iona desde el p opio amewo k, u ilizando un objec -
ela ional mappe (ORM, un ipo de he amien a que pe mi e ealiza consul as a
la base de da os usando p og amación o ien ada a obje os) llamado Eloquen , que
pe mi e ealiza odas las ope aciones sob e la base de da os u ilizando únicamen e
clases de PHP. Las ablas de la base de da os se c ean a pa i de mig aciones
64 Capí ulo 4. Desa ollo
(/da abase/mig a ions), que son iche os PHP que especi ican los a ibu os de la
abla y el ORM se enca ga de aduci lo a SQL (La a el, 2023b).
Las elaciones en e ablas se ges ionan, po an o, u ilizando los modelos y
c eando unciones de di e en es clases según el ipo de elación. De es a mane a,
una ez se c ean las mig aciones y se es ablecen dichas elaciones en e los modelos,
Eloquen se enca ga de ac ualiza la base de da os a medida que se in oducen
cambios desde la aplicación.
Además las ablas que elacionan los modelos p incipales (usua ios, ídeos, p e-
gun as...) se ges ionan en La a el median e elaciones en e los modelos. Po an o
no es necesa io c ea un modelo ni un con olado pa a ges iona dichas ablas in-
e medias ( isualized_ ideos, ollows,use _answe ...), ya que es as se manejan a
a és de los modelos p incipales.
4.6.2.2. Modelo Vis a Con olado
En cuan o a la es uc u a de MVC, los modelos (/app/H p/Models) son clases
de PHP que se co esponden con las ablas p incipales de la base de da os. Po
an o, u ilizando es as clases, se consul an y modi ican los da os de cada abla.
En segundo luga es án las is as (/ esou ces/ iews), que u ilizan un sis ema de
plan illas llamado Blade (La a el, 2023a). Es e sis ema pe mi e c ea secciones en
el código HTML, deja huecos que se ellenan con llamadas a unciones y añadi
bucles y condicionales pa a ges iona lo que se mues a en una página.
En e ce luga , es án los con olado es (/app/H p/Con olle s), que son los que
ges ionan odas las pe iciones median e unciones que ac ualizan la base de da os,
haciendo uso de los modelos, y edi eccionan a las is as co espondien es.
4.6.2.3. Ru as
Pa a que el clien e en íe pe iciones al se ido , exis en las u as, que se ges ionan
desde el iche o / ou es/web.php. En él se de inen los nomb es de las u as a las que
acceden los usua ios y las acciones que ealizan (GET, POST, e c.). Las u as se
pueden ag upa en o no a un con olado que ges iona odas ellas y de es a mane a
se decla a una u a po cada unción del con olado .
Además, pa a es ingi cie as acciones, se u ilizó un middlewa e (La a el, 2023e),
que es un mecanismo pa a il a las pe iciones HTTP. Se u ilizó el middlewa e
Au hen ica e, p opo cionado po La a el pa a con ola las u as que equie en la
au en icación p e ia de los usua ios. Se c eó ambién un middlewa e p opio (Use-
Roles) pa a con ola el acceso a las u as que equie en un ol especí ico.
4.6.2.4. Polí icas de acceso
Pa a es ingi el acceso de los usua ios a la ealización de de e minadas acciones
sob e los modelos, se u iliza on ambién las polí icas de au o ización de La a el.
4.6. Implemen ación 65
Pa a ello se c eó una clase pa a cada modelo donde se de inen las acciones que
puede ealiza un usua io como unciones (c ea e,upda e,dele e...).
En gene al, los usua ios con el ol de adminis ado son los únicos au o izados
pa a c ea , ac ualiza y elimina cualquie modelo. Po su pa e, al es o de usua ios
se les pe mi e únicamen e ealiza cambios sob e los modelos que les pe enezcan,
po ejemplo, su p opio pe il o los ídeos que hayan subido a la aplicación.
Las clases que ep esen an las polí icas de cada modelo se almacenan en el di-
ec o io /app/Policies y den o de los mé odos de los con olado es se comp ueba
si el usua io que ealiza la pe ición puede o no ealiza la acción solici ada.
4.6.2.5. Validación
En cuan o a la alidación de los campos que in oducen los usua ios a a és
de los o mula ios, se u ilizan clases pe sonalizadas (en /app/H p/Reques s), en las
que se especi ican los campos eque idos y lo que ienen que cumpli ( ipo de campo,
longi ud, o ma o de iche os...).
Además, pa a p o ege la aplicación de a aques de ipo C oss-Si e Reques Fo -
ge y (CSRF, un a aque que se p oduce cuando se ejecu an acciones no au o izadas
desde un usua io en el que con ía la aplicación), en odos los o mula ios de La a el
se incluye además un oken especial (@cs en el código Blade) que con i ma que es
el usua io el que ha hecho la pe ición en cues ión desde la aplicación.
4.6.2.6. Almacenamien o
En elación a la ges ión de los iche os que se suben al se ido , és os se alma-
cenan en el di ec o io /s o age/app, den o del cual pueden se públicos o p i ados,
eniendo una ca pe a public op i a e según el caso. Los iche os que se quie an
isualiza en la página deben es a en la ca pe a /public, po an o se debe c ea
un enlace simbólico desde es a ca pe a a la ca pe a /s o age/app/public pa a pode
c ea una u a a ese iche o den o de la aplicación (La a el, 2023c).
4.6.3. Funcionalidades
Pa a cumpli con las necesidades de los usua ios, se han implemen ado di e sas
uncionalidades que ges ionan cada aspec o de la aplicación web.
4.6.3.1. Ges ión de usua ios
El p oceso de login y egis o de usua ios se ges iona median e el con olado
Au hCon olle , que con iene las unciones pa a alida los da os de en ada, epo a
los e o es co espondien es y c ea y elimina la sesión cuando se hace logou . Pa a
es as acciones se u ilizan de las clases Au h ySessions de La a el, que implemen an
la au en icación y la ges ión de sesiones, espec i amen e. Las is as u ilizadas son

66 Capí ulo 4. Desa ollo
login ( igu a 4.23) y egis a ion ( igu a 4.24), que mues an los o mula ios de inicio
de sesión y egis o.
Figu a 4.23: Vis a login
Figu a 4.24: Vis a egis a ion
Pa a ges iona la in o mación de los usua ios se u iliza el con olado Use Con o-
lle , que con iene las unciones pa a ac ualiza los a ibu os del usua io. Los usua ios
pueden accede a la is a p o ile, al como se e en la igu a 4.25, pa a modi ica su
4.6. Implemen ación 67
nomb e, di ección email y o o de pe il. Las o os de pe il se almacenan en /s o a-
ge/app/public/p o ile_pics con un nomb e alea o io asignado po la aplicación y la
u a se almacena en un campo de la abla use s.
Figu a 4.25: Vis a p o ile
Po o o lado, un usua io puede ambién e los pe iles de o os usua ios desde la
is a p o ile, accediendo a a és de los ídeos que és os hayan subido. En es a is a,
además de la in o mación del usua io consul ado, apa ece un bo ón pa a segui al
usua io.
En la is a del pe il se mues an ambién el núme o de seguido es, seguidos y
el núme o o al de a o i os, sumando odos los ídeos del usua io. Adicionalmen e,
se puede consul a las lis as de seguido es y seguidos, que se mos a án en la is a
ollows, que se puede e en la igu a 4.26.
Figu a 4.26: Vis a ollows
Los adminis ado es ges iona án los usua ios de la aplicación desde la is a admi-
nUse s, accesible a a és de la página de adminis ación. Desde ahí pod án añadi
68 Capí ulo 4. Desa ollo
nue os usua ios, elimina cuen as o modi ica la in o mación de és os, como se e en
la igu a 4.27.
Los adminis ado es no pueden modi ica se a sí mismos desde la página de ad-
minis ación, pues o que pa a ello ya u iliza án la is a de pe il. Sin emba go sí
apa ecen en la abla de usua ios, ya que en és a deben igu a odos los usua ios de
la aplicación, sal o que en es e caso, los bo ones de acción es án deshabili ados pa a
su p opia cuen a de usua io.
Figu a 4.27: Vis a adminUse s
4.6.3.2. Ges ión de ídeos
Todas las uncionalidades pa a c ea , edi a y elimina los ídeos se ges ionan
desde el con olado VideoCon olle .
Los ídeos pueden se subidos po cualquie usua io egis ado desde la is a
newVideo, al como se mues a en la igu a 4.28. Pa a c ea un nue o ídeo, debe
inclui se el p opio a chi o de ídeo, un í ulo, una desc ipción, un ema y un a chi-
o de imagen que si e como minia u a. Po an o, los usua ios no pod án inclui
con enidos de o as pla a o mas, sino que end án que subi el a chi o desde su
equipo. Es o se debe a que se p e ende que los con enidos subidos a es a aplicación
web sean o iginales, además de e i a los p oblemas de p opiedad in elec ual que
conlle a pe mi i a los usua ios inc us a ídeos de o as pla a o mas.
En cuan o a los emas de los ídeos, aquellos que ya se hayan u ilizado, se
almacenan en la base de da os y apa ecen como suge encia, pe o el usua io siemp e
pod á añadi el ema que quie a y és e se gua da á de la misma mane a. De es a
o ma, los p opios usua ios p opond án los emas de los ídeos, siendo más ú iles
pa a los usua ios con los mismos in e eses.
Una ez subido el ídeo, el usua io puede decidi añadi p egun as in e ac i as,
lo que mejo a á la expe iencia de ap endizaje de los usua ios.
4.6. Implemen ación 69
Figu a 4.28: Vis a newVideo
La in o mación de los ídeos se almacena en la base de da os, donde además se
gua dan las u as a los iche os de ídeo e imagen. Po su pa e, el a chi o de ídeo
y la imagen pa a la minia u a se gua dan en la ca pe a /s o age/app/public/ ideos.
Se u iliza una es uc u a de di ec o ios pa a almacena o denadamen e los iche-
os que consis e en ag upa los ídeos del mismo ema en la misma ca pe a, de modo
que se iene subca pe as con el nomb e de cada ídeo más un iden i icado o mado
a pa i de la echa exac a de subida (pa a el caso de que hubiese a ios ídeos con
el mismo í ulo). Den o de cada subdi ec o io hab ía dos a chi os, uno de ídeo y
o o de imagen, co espondien e a la minia u a. Los nomb es de es os a chi os se
gene an de la siguien e o ma:
ídeo: wish en-{iden i icado echa}-{id del ídeo}.{ex ensión}
minia u a: wish en-{iden i icado echa}-{id del ídeo}- humbnail.{ex ensión}
Pa a gene a el nomb e de los iche os se u iliza un iden i icado gene ado con la
echa pa a co obo a su co espondencia con el di ec o io en el que se encuen a,
po lo que se puede sabe si los a chi os han sido modi icados o eubicados donde
no co esponde. También se u iliza el id del ídeo, que es único y que, al busca lo en
la base de da os, debe coincidi el í ulo del ídeo con el que apa ece en el nomb e
del di ec o io. De es a mane a se puede e i ica que el con enido almacenado se
co esponde con la in o mación almacenada en la base de da os.
De es a mane a, los iche os se es uc u a ían au omá icamen e al y como se
mues a en la igu a 4.29.
Median e es a o ma de o ganiza los iche os, és os son más áciles de accede
po pa e de los adminis ado es, en caso de exis i algún p oblema con ellos que no
se pudie a ges iona desde la página de adminis ación de la p opia aplicación.
En cuan o a la búsqueda de ídeos, los usua ios egis ados con a án con una
is a gene al desde la página p incipal que se puede e en la igu a 4.30. En es a
is a encon a án los ídeos o ganizados en a ias lis as, o denados según el núme o
de isi as, el núme o de usua ios que lo gua da on en a o i os y la echa de subida.
76 Capí ulo 4. Desa ollo
pe mi e al p opie a io cambia los campos de la o e a, pe o no puede cambia el
documen o asociado a ella. Es o se debe a que el iche o de la o e a es el elemen o
p incipal al que an asociados el es o de los campos, es deci sin documen o, dichos
campos no i ían asociados a nada, po ello, si se desea cambia el iche o de la o e a,
es a debe c ea se desde ce o y subi una nue a o e a. La is a cuen a además con
un bo ón pa a elimina la o e a.
Figu a 4.40: Vis a o e Edi
Las di e encias en cuan o a la apa ición o la no apa ición de los bo ones pa a
ealiza las acciones comen ados an e io men e se puede ap ecia obse ando las
igu as 4.41 y 4.42.
Figu a 4.41: Vis a o e Home desde usua io con ol company oadmin
Pa a pode c ea y subi una o e a se debe inclui , un a chi o que enga alguna
de las ex ensiones que se han especi icado en el iche o O e Reques . También debe

4.6. Implemen ación 77
Figu a 4.42: Vis a o e Home desde usua io con ol s anda d
inclui un í ulo pa a la o e a, una desc ipción, un núme o de plazas lib es y un
sala io. El iche o que se suba debe se p opio ya que, al igual que con los ídeos,
se p e ende que odo aquello subido a la aplicación web sea o iginal y e i a así los
posibles p oblemas elacionados con la p opiedad in elec ual de los p opie a ios de
dichos iche os.
Todos los campos mencionados son obliga o ios a la ho a de subi una o e a a la
aplicación, ya que odos ellos con ienen in o mación de in e és pa a los es udian es.
Las o e as son almacenadas en la base de da os, el documen o que decida subi
la emp esa a la ho a de c ea la o e a se gua da en una u a en especí ico en la
ca pe a /s o age/app/public/o e s. Es o es impo an e debido a que los usua ios
an a pode desca ga dichos documen os con el in de e alua de mejo o ma la
o e a p opues a po la compañía, po ello es impo an e ene cla o dónde an a
es a es os documen os almacenados.
Con el in de in en a segui man eniendo un o den en el almacenamien o de los
documen os, es os se almacenan en la u a comen ada an e io men e u ilizando el
í ulo que enga la o e a que con iene dicho documen o y la echa en la que se ha
subido, ya que si solo ue a el í ulo hab ía p oblemas al exis i más de dos o e as
que con a an con el mismo í ulo.
A la di e encia de lo que ocu e con los ídeos donde se gua dan dos iche os,
aquí solo se gua da un iche o, po ello no hace al a c ea subca pe as pa a cada
uno den o de la ca pe a o e s. Pa a gua da el iche o se u iliza el siguien e o ma o
den o de la ca pe a o e s:
wish en-{iden i icado de la echa}-{ í ulo de la o e a}.{ex ensión}
Se u iliza es e o ma o ya que es el que esul a más cómodo a la ho a de ene que
busca una o e a en conc e o.El uso de la echa se debe a que se pueden modi ica
las o e as y po an o cambia la echa de es as a la echa en la que se modi icó.
78 Capí ulo 4. Desa ollo
Es a o ma de almacena los documen os hace que la labo de los adminis ado es
a la ho a de ges iona las o e as sea más ápida en caso de no pode ealiza se dicha
labo desde la página de adminis ación de o e as de la p opia aplicación.
G acias a lo comen ado an e io men e los iche os asociados a cada o e a se
es uc u a án au omá icamen e cómo se mues a en la igu a 4.43.
Figu a 4.43: Es uc u a de almacenamien o de los documen os asociados a las o e as
Respec o a la búsqueda de o e as, los usua ios end án una is a gene al desde
la is a homeO e , a la cual se accede u ilizando el segundo icono de la cabece a de
la p opia aplicación.
En es a is a encuen an odas las o e as unas debajo de o as y se pod án
ealiza búsquedas po í ulo g acias a la ba a de búsqueda, la cual pe mi e que los
usua ios puedan cen a se solo en las que les in e esan.
También exis e o a ba a de búsqueda que pe mi e busca las o e as según un
alo mínimo de sala io, es deci , odas aquellas o e as que engan ese alo o uno
mayo pa a el campo sala io se án mos adas al usua io. De es a o ma, los usua ios
pod án busca las o e as po su í ulo o po su sala io, siendo ambas búsquedas
compa ibles, ya que se pueden busca o e as de un de e minado í ulo y den o de
ese í ulo il a pa a e aquellas que o ecen las condiciones de sala io que decida
busca el usua io.
Desde su is a el usua io pod á e odos los campos de la o e a, es deci , el
í ulo, la desc ipción, la can idad de plazas lib es y el sala io. Pa a el documen o es e
debe á pulsa el bo ón llamado download y se le desca ga á el documen o que haya
subido la compañía a la o e a. También con a á con un bo ón pa a p e isualiza el
documen o an es de desca ga lo.
Hay que des aca que, dado que el campo desc ipción puede se muy la go, se
ha decidido usa una en ana modal pa a que es e se mues e en cada o e a y no
in e ie a con la es uc u a de la is a. Es o puede e se en la igu a 4.44.
Finalmen e, cabe des aca que se ha c eado una página p incipal pa a los usua ios
no egis ados ( igu a 4.45) en la que se explican las uncionalidades que o ece la
aplicación. Asimismo, se mues an es ídeos en los que se explican algunas de las
uncionalidades básicas: subi un ídeo, subi una o e a y añadi p egun as a un
ídeo.
Además, los usua ios egis ados que deseen consul a es a in o mación pod án
segui accediendo a es a is a a a és de la u a u o ials.
4.6. Implemen ación 79
Figu a 4.44: Vis a o e Home cuando un usua io hace clic en View pa a e la
desc ipción de la o e a
Figu a 4.45: Vis a homeGues
4.6.3.5. Ges ión de cha
Todas las uncionalidades pa a c ea un cha , en ia y ecibi mensajes se ges-
ionan desde el con olado Cha Con olle .
Pa a en ende cómo se en ían y eciben mensajes, p ime o hay que explica cómo
se c ea un cha . Los usua ios que engan el ol s anda d, en cada o e a end án un
bo ón llamado cha y cuando és os hagan clic sob e él, se c ea á una con e sación
en e el usua io que ha subido la o e a, es deci , la emp esa, y el usua io que pulsó el
bo ón. En el momen o que se pulsa dicho bo ón se c ea la con e sación en e ambos
usua ios y dicha con e sación segui á c eada, aunque no se en íe ningún mensaje.
Los usua ios con ol s anda d son los únicos que pueden inicia una con e sación,
po lo que son ellos siemp e los que la an a c ea al pulsa el bo ón de cha .
La is a cha es la enca gada de mos a la con e sación en e dos usua ios. A la
ho a de c ea un cha , és e es a á acío y, po an o, la is a mos a á sólo un cha
en blanco como se puede obse a en la igu a 4.46. Sin emba go, cuando el usua io
80 Capí ulo 4. Desa ollo
comience a en ia mensajes, és os i án apa eciendo en pan alla al y cómo se puede
e en la igu a 4.47.
Figu a 4.46: Vis a cha - Con e sación sin mensajes
Figu a 4.47: Vis a cha - Con e sación con mensajes
Cada mensaje que se en ía mues a el nomb e del usua io que ha en iado dicho
mensaje, en la pa e supe io , y la echa en que dicho mensaje ha sido en iado,
en la pa e in e io de echa. Pa a en ia mensajes únicamen e se debe esc ibi el
cue po del mensaje que se quie a en ia en el inpu que apa ece en la pa e in e io
y pulsa el bo ón send pa a en ia lo. Todos los mensajes en iados po ambas pa es
se mos a án en o den c onológico pa a segui el lujo de la con e sación.
Pa a que un usua io pueda e odos los cha s que iene ac i os, es deci , odos
aquellos cha s en los que ha en iado algún mensaje, se ha c eado la is a myCha s.
A es a is a pueden accede los usua ios con ol s anda d desde la página p incipal
de o e as, a a és de un bo ón si uado en la pa e supe io , encima de la ba a de
búsqueda de o e as.
4.6. Implemen ación 81
En la is a myCha s apa ece án odos los cha s en los que el usua io ha en iado
algún mensaje, mos ando po cada uno el nomb e de la emp esa, el í ulo de la o e a
a la que a asociada la con e sación y un bo ón pa a accede al cha co espondien e,
como se puede obse a en la igu a 4.48.
Sólo se mues an los cha s que engan algún mensaje, ya que puede que el usua io
enga a ias con e saciones abie as con a ias emp esas, pe o no habe en iado
ningún mensaje en ellas. También puede da se el caso en el que no enga ningún
cha ac i o, po lo que, en dicho caso, no apa ece á ningún cha .
Figu a 4.48: Vis a myCha s
Los usua ios con ol company oadmin no con a án con la is a comen ada an-
e io men e, pe o sí con o a llamada cha Lis .
La unción de es a is a es p opo ciona a las emp esas un lis ado de odos los
cha s que ienen ac i os po cada o e a. El hecho que es én ac i os signi ica que la
con e sación con iene algún mensaje.
Pa a pode accede a la is a cha Lis sólo hay que pulsa el bo ón llamado View
Cha s que se encuen a asociado a cada o e a en la is a myO e s.
G acias a es o, las emp esas pueden e cada cie o iempo qué o e as son las
que ienen cha s ac i os, ya que la is a cha Lis mues a odos ellos, como se puede
e en la igu a 4.49. Puede da se el caso de que una o e a no enga cha s ac i os,
po lo que en dicho caso no apa ece á ningún usua io.
Po úl imo, el adminis ado pod á accede desde la is a adminMessages a
odos los mensajes, pudiendo busca odos aquellos mensajes de una de e minada
con e sación, in oduciendo su id co espondien e al y cómo se e en la igu a 4.50.
En es a is a el adminis ado pod á elimina aquellos mensajes que c ea necesa-
io pulsando el bo ón de dele e, al igual que en el es o de las is as de adminis ación.
Como és e es el único usua io que puede elimina un mensaje, no ha sido necesa io
en es a ocasión c ea un iche o policy pa a es ingi las acciones sob e los mensajes.

82 Capí ulo 4. Desa ollo
Figu a 4.49: Vis a cha Lis
Figu a 4.50: Vis a adminMessages
4.7. Casos de uso
A con inuación, se de inen los ac o es de la aplicación web, es deci , cada ipo de
usua io que in e ac úa con el sis ema, así como las p opias in e acciones que és os
ealizan con la aplicación. Es as in e acciones se denominan casos de uso y di ie en
según el ipo de usua io.
4.7.1. Ac o es de la aplicación
Den o de la aplicación se di e encian es ac o es, que se co esponden con los
es oles de usua io de inidos an e io men e:
Es udian e: Son los usua ios con ol s anda d y se p esupone que en su ma-
yo ía son es udian es uni e si a ios. És os usua ios pueden accede a odo el
con enido de la aplicación, an o ídeos como o e as. Además, ienen la ca-
pacidad de c ea y publica los ídeos que o os usua ios isualizan, así como
in oduci cues iona ios den o de ellos.
Emp esa: Son los usua ios con ol company y únicamen e pueden accede al
con enido ela i o a las o e as. És os usua ios pueden c ea y ges iona las
o e as publicadas, así como comunica se con los solici an es.
4.7. Casos de uso 83
Adminis ado : Son los usua ios con ol admin y ienen acceso y con ol o al
sob e odo el con enido de la aplicación. Pueden c ea , modi ica y elimina
ídeos, o e as y usua ios, así como al e a ca ac e ís icas de és os, como la
isibilidad de un ídeo o el ol de un usua io.
4.7.2. Diag amas de casos de uso
Pa a comp ende cómo in e ac úan los usua ios con la aplicación, se ha elabo ado
un diag ama po cada ac o en el que se mues an los casos de uso, es deci , las
uncionalidades del sis ema con las que in e ac úa dicho ac o . Los diag amas han
sido c eados siguiendo el Lenguaje Uni icado de Modelado (UML, po sus siglas
en inglés, es un lenguaje de modelado isual que se u iliza pa a diseña sis emas
so wa e). En es os diag amas, los casos de uso se conec an en e ellos median e dos
ipos de elaciones: «include», que implica que un caso de uso u iliza siemp e a o o,
po lo que depende de él; y «ex end», que implica que un caso de uso ex iende la
uncionalidad de o o, pe o de mane a opcional.
4.7.2.1. Es udian e
En la igu a 4.51 se mues a el diag ama de casos de uso de los es udian es.
Todas las acciones equie en habe iniciado sesión y, po an o, habe se egis ado
en p ime luga en la aplicación. De es a o ma, se pueden almacena mé icas, como
las espues as que den los usua ios a los cues iona ios, el núme o de usua ios que e
cada ídeo o el núme o de usua ios que u iliza la aplicación. Si los usua ios no se
egis a an p e iamen e, se pe de ía es a in o mación, que es aliosa pa a conoce
el uso que se le da a la aplicación.
Figu a 4.51: Diag ama de casos de uso - Es udian e
84 Capí ulo 4. Desa ollo
4.7.2.2. Emp esa
En el diag ama que se mues a en la igu a 4.52 se obse an los casos de uso
especí icos pa a los usua ios con ol emp esa. Es os usua ios pueden ealiza las mis-
mas acciones que los es udian es, más las uncionalidades mos adas en el diag ama,
ela i as a la ges ión de o e as.
Figu a 4.52: Diag ama de casos de uso - Emp esa
4.7.2.3. Adminis ado
El diag ama de casos de uso del usua io adminis ado se mues a en la igu a
4.53. Los adminis ado es ienen con ol sob e odo el con enido de la aplicación:
cuen as de usua io, ídeos, o e as y mensajes.
Figu a 4.53: Diag ama de casos de uso - Adminis ado
4.8. Diag amas de lujo 85
4.8. Diag amas de lujo
Seguidamen e se mues an los diag amas de lujo elabo ados pa a explica de
mane a g á ica la in e acción de los usua ios con la aplicación. En ellos se mues a
el lujo de acciones que se lle an a cabo en las p incipales uncionalidades.
4.8.1. Inicio de sesión y egis o
En la igu a 4.54 se mues a el p oceso que se sigue pa a inicia sesión en la aplica-
ción. Pa a ello, el usua io debe egis a se p e iamen e en la aplicación e in oduci
co ec amen e su email y con aseña.
Figu a 4.54: Diag ama de lujo - Login y egis o
4.8.2. Subi un ídeo
Pa a subi un nue o ídeo, el usua io debe in oduci la in o mación de és e y
añadi los iche os co espondien es al ídeo y la minia u a. En la igu a 4.55 se
mues a dicho p oceso en un diag ama de lujo.
Figu a 4.55: Diag ama de lujo - Subi un ídeo
92 Capí ulo 5. Resul ados
bilidad de cambia el documen o asociado a la o e a. A pesa de que se le explica on
los mo i os asociados a la dicha ci cuns ancia, el comen a io apo ado se end á en
cuen a pa a ealiza una mejo a en el u u o.
Po úl imo, se an a examina los comen a ios p opo cionados po los usua ios
es an es que adop a on el ol s anda d, es deci , el usua io p omedio de la aplicación.
El p ime usua io no u o ningún p oblema a la ho a de ealiza las acciones que
se le pidie on ni pa a accede a las páginas dónde ealiza las. Sin emba go, el usua io
exp esó que hubie a p e e ido que los u o iales es u ie an disponibles en español,
lo cual ya se enía planeado añadi en un u u o.
El segundo usua io u o p oblemas pa a gua da los esul ados de los cues iona-
ios, ya que pensó que se ac ualizaban au omá icamen e, a pesa de que pa a ello
es necesa io pulsa un bo ón pa a almacena las espues as p opo cionadas en un
ídeo. Es e usua io indicó que le hubie a esul ado más cómodo si dicho bo ón no
exis ie a o, de exis i , que és e se encon a a más isible.
El e ce usua io no u o ningún p oblema en elación a la ealización de las
acciones pedidas ni ealizó ningún comen a io sob e aspec os que le esul a an incó-
modos o mejo ables.
El cua o usua io ampoco u o p oblemas a la ho a de ealiza las acciones
pe o sí hizo a ios comen a ios. El p ime o ue ela i o a la exis encia de las dos
ba as de búsqueda en la is a de las o e as. P egun ó si no se pod ía ealiza la
búsqueda únicamen e con una ba a ya que, a pesa de se in ui i o y de en ende
el uncionamien o de ambas, indicó que no suele se común con a con dos ba as
de búsqueda en o as aplicaciones.
El segundo comen a io que hizo ue ela i o al idioma de los u o iales, pues o
que hubie a p e e ido que es u ie an en español.
El quin o y úl imo usua io exp esó que no le esul aba muy cómodo el ene que
c ea un ídeo de ce o en luga de, simplemen e, cambia el a chi o de ídeo. Tam-
bién ealizó el mismo comen a io e e en e a las o e as. Sin emba go, al explica le
los mo i os de ás de es a implemen ación, el usua io lo en endió pe ec amen e. No
obs an e, el comen a io se á enido en cuen a de ca a a una u u a mejo a.
Todos los comen a ios p opo cionados po los usua ios de p ueba se án omados
en cuen a pa a mejo a la aplicación en un u u o. En p ime luga se cen a án los
es ue zos en aquellas mejo as elacionadas con el idioma de los u o iales y de la
página, así como añadi la posibilidad de cambia el iche o de ídeo en los ídeos y
el de ex o en las o e as.

Cap´
ı ulo 6
E aluación
Pues o que se p e ende ealiza un es udio exhaus i o sob e la u ilidad en el uso
de cues iona ios den o de los ídeos, se ha ealizado un diseño de e aluación pa a
el e ec o. Es a e aluación no se ha podido lle a a cabo du an e el desa ollo del
p esen e abajo, ya que se p e endía que és a se ealiza a a lo la go de un cu so
académico comple o.
Pa a la ealización de dicha e aluación se busca án 20 es udian es uni e si a ios
de Ingenie ía In o má ica y se selecciona án 4 asigna u as que ayan a cu sa dichos
es udian es en ese año: 2 en el p ime cua imes e y 2 en el segundo.
En p ime luga , se c ea á una se ie de ídeos aplicados a cada asigna u a bajo la
supe isión de los p o eso es que impa en dichas asigna u as, con el in de ga an iza
que los ídeos aba quen odos los con enidos necesa ios.
De es a mane a, los ídeos seleccionados se án u ilizados po los es udian es como
complemen o a su es udio habi ual y se p epa a án cues iona ios y ano aciones pa a
inclui en los ídeos que se suban a Wish en.
Una ez se hayan seleccionado a los 20 es udian es, se les di idi á en dos g upos.
Un p ime g upo de 10 es udian es que ac ua á como g upo de con ol du an e la
e aluación y un segundo g upo con los es udian es es an es que ac ua á como g upo
expe imen al.
El g upo de expe imen ación u iliza á exclusi amen e la aplicación Wish en como
complemen o a su es udio, no pe mi iéndoles el uso de o as pla a o mas de ídeos
cómo You ube, Vimeo, e c. Po o a pa e, al g upo de con ol se le pedi á que sí
u ilice dichas pla a o mas pe o no se le concede á acceso a Wish en.
Una ez o ganizados los g upos, al g upo de expe imen ación se le p opo cio-
na á acceso a a és de Wish en a los ídeos comen ados an e io men e jun o a
sus espec i os cues iona ios y ano aciones. Po su pa e, al g upo de con ol se
le p opo ciona á los ídeos a a és de o os medios y sin los cues iona ios ni las
ano aciones.
Du an e el pe iodo de e aluación se ealiza á pe iódicamen e una se ie de en-
cues as pa a comp oba la opinión que ienen sob e el mé odo de es udio que es án
93
94 Capí ulo 6. E aluación
u ilizando.
Finalmen e, al é mino de cada cua imes e y as la ealización de los exámenes
y la ob ención de las cali icaciones inales se ealiza á una e aluación inal. En dicha
e aluación se consul a á la opinión de los es udian es sob e los espec i os mé odos
de es udio y se analiza á el endimien o académico ob enido en ambos g upos. Adi-
cionalmen e, se le pedi á al g upo de expe imen ación que ealice una e aluación y
una alo ación de la aplicación.
Una ez ob enidos odos los esul ados, se p ocede á ealiza un análisis de los
mismos.
P ime amen e, se es udia án los esul ados de las encues as pe iódicas ela i as
al mé odo de es udio empleado po cada g upo, e indi idualmen e po cada es u-
dian e. Se elaciona á el impac o de dicho mé odo de es udio sob e los esul ados
académicos, así como la pe cepción de los es udian es espec o al mé odo empleado.
Po úl imo, se analiza án las opiniones inales de los es udian es en elación
a odo el p oceso de ap endizaje seguido en cada cua imes e y se e alua á la
pe cepción que engan los es udian es pe enecien es al g upo de expe imen ación
sob e la aplicación u ilizada.
Con es os esul ados se p e ende e alua la u ilidad de inclui cues iona ios den-
o de los ídeos, así como comp oba si su implemen ación den o de la aplicación
web les esul a ú il a los es udian es. Se espe a que los esul ados de es a e aluación
ayan en consonancia con los ob enidos po los abajos elacionados analizados en
el capí ulo 2.
En elación a la e aluación del po al de o e as, como no se iene con ac o
con ninguna emp esa, no se puede ealiza una e aluación ín eg a. Sin emba go, se
p opone publica algunas o e as de p ueba y ealiza una encues a de sa is acción a
los es udian es del g upo de expe imen ación pa a que alo en ambién es e aspec o
de la aplicación.
Cap´
ı ulo 7
Conclusiones
7.1. Conclusiones
En gene al, la mayo pa e de los obje i os que se plan ea on p e iamen e al
desa ollo de la aplicación web se han cumplido. Los dos obje i os p incipales que
buscaba abo da la aplicación son, po un lado, p opo ciona una ayuda a los es-
udian es a a és de la isualización de ídeos in e ac i os, y po o o, acili a la
conexión emp esa-es udian e p opo cionando un po al donde pode e las o e as
y habla con las emp esas.
Con el in de pode cumpli los obje i os plan eados inicialmen e, se desa olló
con éxi o una aplicación web que inco po a a los elemen os y las uncionalidades
necesa ias.
En es e sen ido, el obje i o elacionado con la isualización de ídeos in e ac i-
os se ha conseguido cumpli de mane a sa is ac o ia, pues o que en la aplicación
desa ollada los usua ios pueden subi ídeos, añadi cues iona ios den o de ellos
y busca aquellos ídeos que les in e esen. Median e la isualización de dichos í-
deos, se p e ende que los es udian es log en alcanza una mayo e ención de la
in o mación g acias a los cues iona ios ealizados du an e los ídeos.
G acias a las p uebas ealizadas y a los esul ados ob enidos, se ha podido com-
p oba que la aplicación p esen a una buena usabilidad en es e aspec o, ya que los
usua ios que la u iliza on la encon a on cómoda e in ui i a.
Sin emba go, no se pudo ealiza una e aluación exhaus i a y p olongada sob e la
u ilidad del uso de cues iona ios den o de los ídeos. No obs an e, dicha e aluación
ha sido diseñada pa a ealiza se en un u u o.
El o o obje i o p incipal, elacionado con la conexión emp esa-es udian e, am-
bién se ha podido alcanza con éxi o. La aplicación pe mi e a las emp esas subi
o e as, las cuales pueden se is as o desca gadas po el es o de usua ios de la
aplicación. Además de es o, el po al de o e as pe mi e a los usua ios comunica se
con las emp esas a a és de un cha asociado a cada una de las o e as subidas po
cada emp esa.
95
96 Capí ulo 7. Conclusiones
G acias a la exis encia de los cha s, que o ecen una comunicación más di ec a,
y a la u ilización de los il os exis en es, los usua ios pueden agiliza el p oceso de
búsqueda de o e as.
Al igual que con los ídeos, las p uebas ealizadas han gene ado esul ados posi-
i os en elación a la usabilidad y comodidad.
Si bien al inal se han podido cumpli los obje i os p incipales de mane a sa is-
ac o ia, du an e el desa ollo de es os se han p esen ado di e sas di icul ades que
se han ido esol iendo de o ma p og esi a.
Al p incipio, se u ie on muchas dudas sob e las ecnologías que se iban a em-
plea pa a el desa ollo de la aplicación. Se dedicó mucho iempo a in es iga qué
amewo k se ía el más adecuado pa a alcanza los obje i os p e iamen e plan ea-
dos. De es a mane a, inalmen e, se llegó a la conclusión de que La a el se ía el
amewo k más indicado pa a la implemen ación del código de la aplicación.
Una ez seleccionado el amewo k, a pesa de los conocimien os p e ios que se
enían sob e PHP, HTML, CSS y Ja aSc ip , se u o que in es iga en p o undidad
pa a comp ende la es uc u a de iche os de La a el, así como los comandos y la
sin axis que és e u iliza.
Cuando se empezó a desa olla la aplicación, se plan eó la idea de implemen a
una uncionalidad que pe mi ie a a los usua ios g aba sus p opios ídeos desde la
p opia aplicación, dándoles la posibilidad de g aba su pan alla y su audio. Pa a
ello, se u iliza on dos sc ip s en Py hon: uno pa a g aba el audio y o o pa a
g aba la pan alla. Sin emba go, si bien el de g abación de audio llegó a unciona ,
el sc ip enca gado de g aba la pan alla no uncionaba como se espe aba. Como
oda ía quedaba el es o de uncionalidades po implemen a , se decidió pospone
es a uncionalidad pa a un abajo u u o. Po ello, se conse a on es os sc ip s en
el eposi o io del p oyec o, pa a con inua con su implemen ación pos e io men e.
En elación a la uncionalidad de ges ión de ídeos, se u ie on di icul ades pa a
implemen a los cues iona ios den o de los ídeos. Si bien se alo ó la posibilidad
de u iliza amewo ks de Ja aSc ip que ya implemen an dicha uncionalidad, como
H5P1, és os no e an compa ibles con la e sión de La a el en la que se es aba desa-
ollando la aplicación. Po an o, al inal, se decidió implemen a es a uncionalidad
desde ce o u ilizando Ja aSc ip .
O a de las di icul ades encon adas ue la c eación del cha , ya que al p incipio se
plan eó una es uc u a de las ablas en la base de da os, pe o como no se conseguía
alcanza lo que se p e endía, se u o que ediseña es a es uc u a de nue o. Se alo ó
la opción de u iliza Pushe 2, el cual acili a el desa ollo de aplicaciones en iempo
eal, sin emba go, pa a u iliza lo se eque ía ealiza muchas modi icaciones en la
es uc u a del p oyec o. Po es a azón se decidió segui el camino que se plan eó en
un inicio pe o ealizando las modi icaciones necesa ias en la es uc u a de las ablas
u ilizadas pa a los cha s.
Una de las di icul ades que equi ió más iempo pa a sol en a se ue la o ma
1h ps://h5p.o g
2h ps://pushe .com
7.2. T abajo u u o 97
de almacena los iche os co espondien es a los ídeos y las o e as en La a el. Al
p incipio se desconocía qué ca pe as de La a el se enca gaban de dicha unciona-
lidad, así cómo las ins ucciones necesa ias pa a implemen a la. Sin emba go, as
in es iga y ealiza nume osas p uebas se pudo encon a una mane a sencilla de
almacena los iche os, basada en una je a quía de di ec o ios.
Si bien la u ilización de La a el en un p incipio supuso una se ie de di icul ades,
una ez se en endió su uncionamien o, el uso de es e amewo k agilizó mucho el
p oceso de desa ollo de la aplicación, g acias a su es uc u a de iche os y a la
sin axis que és e u iliza.
A pesa de odas las di icul ades encon adas a lo la go del desa ollo del p o-
yec o, el esul ado ob enido se conside a sa is ac o io, ya que cumple con éxi o los
obje i os que se habían plan eado inicialmen e.
7.2. T abajo u u o
A pesa de que la mayo ía de los obje i os iniciales plan eados se han log a-
do cumpli de mane a sa is ac o ia, hay algunos ma cos y uncionalidades de la
aplicación que se hubie an que ido mejo a o amplia . Sin emba go, debido a la
plani icación del iempo en elación con el desa ollo, no se pudie on lle a a cabo.
Una de las uncionalidades que se empezó a desa olla , pe o que al inal se u o
que pospone , es la o ece a los usua ios un espacio pa a pode c ea sus p opios
ídeos. Lo que se p e endía hace desde un p incipio e a o ece les a los usua ios
la posibilidad de g aba su pan alla y audio desde la p opia aplicación. De es a
mane a, no end ían que ecu i a aplicaciones ex e nas pa a g aba el ídeo que
deseen subi .
A la ho a de desa olla dicha uncionalidad, se elabo a on dos sc ip s en Py hon
que se ían pa a g aba el audio y la pan alla del usua io. La g abación de audio
no p esen aba ningún incon enien e, pe o a la ho a de g aba la pan alla és e sc ip
no uncionaba como se espe aba. Como es a uncionalidad no o maba pa e de los
obje i os p incipales, se decidió pausa su desa ollo pa a con inua lo en un u u o.
O a uncionalidad que se hubie a que ido añadi es la de pe mi i edi a un
iche o de ídeo, es deci , ealiza co es, edi a las pis as de audio, e c. Es a un-
cionalidad, po el con a io, no se empezó a desa olla , ya que aba ca ía una g an
can idad de iempo que se eque ía pa a desa olla uncionalidades necesa ias pa a
cumpli los obje i os p incipales de la aplicación. Sin emba go, se conside a que se ía
in e esan e pode ealiza dichas acciones desde Wish en sin necesidad de ene que
usa o as aplicaciones.
Po o a pa e, en base a las p uebas ealizadas con los usua ios, se ha llegado
a la conclusión de que hay dos uncionalidades que se debe ían implemen a en un
u u o ce cano.
La p ime a de ellas es á elacionada con la posibilidad de eemplaza los iche os
de ídeo en los ídeos y los de ex o en las o e as. Tal y como es á ac ualmen e

98 Capí ulo 7. Conclusiones
desa ollada la aplicación, si se desea cambia dichos iche os se iene que c ea el
ídeo o la o e a de ce o. Dado que han sido a ios los usua ios que han des acado
es a ci cuns ancia, se es udia á la posibilidad de añadi dicho cambio y la o ma de
hace lo.
La segunda de ellas es la ela i a al idioma de los u o iales. El idioma, an o
de la aplicación como de los u o iales, es el inglés, ya que se conside a que, de
es a o ma, la aplicación pod ía se u ilizada po un g an núme o de pe sonas. No
obs an e, sí que se quie e da la posibilidad a los usua ios de selecciona el idioma
que deseen de al o ma que an o la aplicación como los u o iales es én en el idioma
seleccionado. Dado que la cues ión del idioma ha sido bas an e esal ada po pa e
de los usua ios, se le da á p io idad en u u as mejo as de la aplicación.
Po úl imo, se ealiza á la e aluación diseñada pa a comp oba la u ilidad del
uso de cues iona ios den o de los ídeos en el p oceso de ap endizaje de los es u-
dian es. También se e alua á la u ilidad del po al de o e as, pa a lo que se busca á
con a con la ayuda de algunas emp esas que puedan subi di e sas o e as al po al.
Finalmen e, se les ealiza á an o a las emp esas como a los usua ios una encues a
de sa is acción pa a pode e los pun os a mejo a en el po al.
Una ez ealizada la e aluación y añadidas las mejo as mencionadas, se p oba á a
pone la aplicación en p oducción en un se ido público pa a comp oba la ecepción
de los usua ios. No obs an e, an es de publica la aplicación, se ealiza á una e isión
gene al aplicada al ámbi o de la segu idad y del á ico de usua ios. Pa a ello se
in es iga án las he amien as que se pueden u iliza pa a mejo a dichos aspec os
de la aplicación.
Conclusions
Conclusions
Gene ally speaking, mos o he goals ha we e posed be o e he web applica-
ion’s de elopmen we e accomplished. The wo main goals o be app oached by
he applica ion a e, on he one hand, o p o ide suppo o he s uden s h ough
in e ac i e ideos isualiza ion and, on he o he hand, o acili a e he connec ion
be ween companies and s uden s by p o iding a po al o iew o e s and alk o
companies.
In o de o achie e he goals se ou ini ially, a web applica ion was success ully
de eloped o inco po a e he necessa y elemen s and unc ionali ies.
In his espec , he goal ela ed wi h he in e ac i e ideos isualiza ion was
success ully achie ed, as he applica ion de eloped allows use s o upload ideos,
include quizzes in hem and sea ch he ones ha in e es hem. The pu pose o
hese ideos is ha s uden s can each a be e in o ma ion e en ion, hanks o he
quizzes included on hem.
The es s ha we e ca ied ou and he esul s ob ained ha e p o en ha he
applica ion has a g ea usabili y in his espec , as use s ound i com o able and
in ui i e.
Howe e , i was no possible o ca y ou a ho ough and ex ended assessmen
abou he use ulness o using quizzes wi hin ideos. Ne e heless, his assessmen
has been designed in o de o be ca ied ou in he u u e.
The o he main goal, ela ed wi h he connec ion be ween s uden s and com-
panies, was also success ully achie ed. The applica ion allows companies o upload
o e s which can be iewed o downloaded by he es o he use s. In addi ion, he
o e s po al allows use s o communica e wi h companies h ough a cha linked o
each o he o e s uploaded by each company.
Thanks o he exis ence o hese cha s, ha p o ide mo e di ec communica ion,
and o he exis ing il e s, use s can speed up he p ocess o sea ching o e s.
As well as wi h he ideos, he es ing ca ied ou ha e gene a ed posi i e esul s
in ela ion o usabili y and com o .
99
100 Capí ulo 7. Conclusiones
Al hough in he end he main goals we e achie ed sa is ac o ily, a ious di i-
cul ies ha e been encoun e ed in he cou se o he de elopmen , which ha e been
p og essi ely sol ed.
A i s , he e we e a lo o doub s abou he echnologies ha would be used
in he applica ion de elopmen . A lo o ime was dedica ed o in es iga e which
amewo k bes i ed o achie e he p e iously s a ed goals. In his way, inally, i
was concluded ha La a el would be he mos sui able amewo k o implemen he
code.
Once he amewo k was selec ed, despi e o he p e ious knowledge in PHP,
HTML, CSS and Ja aSc ip , in-dep h esea ch had o be ca ied ou in o de o
unde s and he ile s uc u e o La a el, as well as he commands and syn ax used.
When he de elopmen had al eady s a ed, i was conside ed he idea o imple-
men ing a unc ionali y o allow use s o eco d hei own ideos om he applica-
ion, gi ing hem he possibili y o eco ding hei sc een and audio. In o de o do
ha , wo Py hon sc ip s we e used: one o eco ding audio and one o eco d he
sc een. Howe e , despi e he ac ha he one ha eco ded audio wo ked co ec ly,
he one used o eco d he sc een did no wo k as expec ed. As he es o he
unc ionali ies we e s ill o be implemen ed, i was decided o pu o his unc ion-
ali y o u u e wo k. The e o e, he sc ip s we e kep in he eposi o y o u he
de elopmen in he u u e.
In ela ion o ideo managemen unc ionali y, some di icul ies we e encoun e ed
when implemen ing quizzes wi hin ideos. Al hough i was conside ed o use a
Ja aSc ip amewo k, such as H5P3, o achie e his, hese amewo ks we e no
compa ible wi h he La a el e sion in which he applica ion was being de eloped.
The e o e, a he end, i was decided o implemen his unc ionali y om sc a ch
on Ja aSc ip .
Ano he di icul y encoun e ed was in he c ea ion o he cha , since a he be-
ginning a able s uc u e was p oposed in he da abase, bu as i was no possible o
achie e wha was in ended, he able s uc u e had o be edesigned om sc a ch.
I was conside ed o use Pushe 4, which acili a es he de elopmen o eal ime ap-
plica ions, howe e , in o de o use i , a lo o modi ica ions on he p ojec s uc u e
had o be ca ied ou . Fo his eason, i was decided o con inue wi h he ini ial
pa h, bu making he necessa y modi ica ions on he able s uc u e used o he
cha s.
One o he di icul ies ha ook mo e ime o esol e i was how o s o e he
iles co esponding o ideos and o e s in La a el. A i s i was no known which
La a el olde s we e esponsible o his unc ionali y, and he ins uc ions needed
o implemen i . Howe e , a e some esea ch and es ing, a simple way o s o ing
he iles, based on a di ec o y hie a chy, was ound.
Al hough he usage o La a el did in ol e a numbe o di icul ies a i s , once i
was unde s ood how i wo ks, he use o his amewo k speeded up he de elopmen
3h ps://h5p.o g
4h ps://pushe .com
7.2. T abajo u u o 101
p ocess signi ican ly, hanks o i s ile s uc u e and i s syn ax.
Despi e all he di icul ies encoun e ed h oughou he de elopmen o he p ojec ,
he esul ob ained is conside ed o be sa is ac o y, as i success ully ul ils he ob-
jec i es ha we e ini ially se .
Fu u e wo k
E en hough mos o he goals ha we e se up ini ially ha e been sa is ac o ily
achie ed, he e a e some issues and unc ionali ies wi h he applica ion ha would
ha e liked o be imp o ed o ex ended. Howe e , due o he ime planning o he
de elopmen , hey could no be ca ied ou .
One o he unc ionali ies ha was s a ed o be de eloped, bu had o be pu
o in he end, is he one ha p o ided use s a space o c ea e hei own ideos.
Wha was in ended o do ini ially was o o e he use s he possibili y o eco ding
hei sc een and audio igh om he applica ion i sel . In his way, hey would no
ha e o depend on ex e nal applica ion o eco d he ideo hey wan o upload.
In o de o de elop such unc ionali y, wo Py hon sc ip s we e made o eco d
he audio and he use ’s sc een. The audio eco d did no in ol e any d awbacks,
bu he sc ip ha managed he sc een eco ding did no wo k as expec ed. As his
was no pa o he main goals, i was decided o pause i s de elopmen in o de o
con inue i in he u u e.
Ano he unc ionali y ha would ha e been desi able o add is he one ha allows
o edi a ideo ile, i.e. o make cu s, edi audio acks, e c. This unc ionali y, by
con as , was no s a ed o be de eloped, as i would ha e in ol ed a la ge amoun
o ime ha was needed o de elop he necessa y unc ionali ies in o de o achie e
he main goals o he applica ion. Howe e , i is conside ed o be in e es ing o be
able o pe o m such ac ions om Wish en wi hou ha ing o use o he applica ions.
Mo eo e , based on use es ing, i has been concluded ha he e a e wo mo e
unc ionali ies ha should be implemen ed in he nea u u e.
The i s o hem is he possibili y o eplacing he ideo iles a ached o he
ideos and he ex iles a ached o he o e s. The way he applica ion is de eloped
cu en ly, i a use wish o change such iles hey need o c ea e he ideo o he
o e om he beginning. Since se e al use s ha e poin ed ou his ci cums ance,
he possibili y o adding his unc ionali y and he way o do i will be s udied.
The second o hem is he one ela ed o he u o ials’ language. The language
o bo h he applica ion and u o ials is English, as i is conside ed ha , in his way,
he applica ion could be used by a la ge amoun o people. Howe e , i is in ended
o gi e use s he possibili y o selec he language o hei choice so ha bo h he
applica ion and he u o ials a e in he selec ed language. Since he language issue
has been highligh ed by use s, i will be p io i ized in u u e imp o emen s o he
applica ion.
Finally, he designed e alua ion will be ca ied ou in o de o e i y he use ul-
108 BIBLIOGRAFÍA
La a el (2023 ). Release no es - La a el - The PHP F amewo k Fo Web A isans.
Consul ado el 30 de julio de 2023. h ps://la a el.com/docs/10.x/ eleases.
Liao, C.-H. & Wu, J.-Y. (2023). Lea ning analy ics on ideo- iewing engagemen
in a lipped s a is ics cou se: Rela ing ex e nal ideo- iewing pa e ns o in e nal
mo i a ional dynamics and pe o mance. Compu e s & Educa ion,197: 104754.
h ps://doi.o g/10.1016/j.compedu.2023.104754.
Mi iahi, N., Jo ano ić, J., Lim, L.-A., & Lodge, J. M. (2021). Two sides o
he same coin: ideo anno a ions and in- ideo ques ions o ac i e lea ning.
Educa ion Tech Resea ch De ,69(5): 2571–2588. h ps://doi.o g/10.1007/
s11423-021-10041-4.
Moos, D. C. & Bonde, C. (2016). Flipping he class oom: Embedding sel - egula ed
lea ning p omp s in ideos. Tech Know Lea n,21(2): 225–242. h ps://doi.
o g/10.1007/s10758-015-9269-1.
Rod íguez, M. S. & Pla as-Ga cía, A. (2022). Uso de ideos u o iales en el p oceso
de ap endizaje de es udian es uni e si a ios. Re is a Elec ónica de In es igación
Educa i a,24.h ps://doi.o g/10.24320/ edie.2022.24.e21.4176.

Ap´
endice A
Cues iona ios de es udio p e io
A.1. Cues iona io sob e mé odo de es udio
En p ime luga , en las igu as A.1 y A.2 se obse an las p egun as e e en es a la
edad y el sexo de los encues ados. Se puede ap ecia que en su mayo ía son homb es
de en e dieciocho y ein icua o años.
Figu a A.1: Cues iona io sob e mé odo de es udio - Edad de los encues ados
Figu a A.2: Cues iona io sob e mé odo de es udio - Sexo de los encues ados
109
110 Apéndice A. Cues iona ios de es udio p e io
Seguidamen e, en las igu as A.3 y A.4 se mues an las p egun as e e en es a los
es udios que ealizan los encues ados y cuán as ho as le dedican. Se puede obse a
que la mayo ía cu san es udios elacionados con la in o má ica, ya que muchos de
los encues ados son es udian es de la Facul ad de In o má ica de la Uni e sidad
Complu ense de Mad id.
Figu a A.3: Cues iona io sob e mé odo de es udio - Es udios de los encues ados
Figu a A.4: Cues iona io sob e mé odo de es udio - Ho as de es udio de los encues-
ados
En la igu a A.5 se mues a la p egun a p incipal del cues iona io, ela i a al
mé odo de es udio. En su mayo ía, los pa icipan es con es a on que es udian cen-
ándose en los eje cicios de examen, en luga de es udia el ema io comple o.
A los pa icipan es que con es a on que es udian el ema io comple o, se les
p egun ó si habían pensado alguna ez en cambia de mé odo y es udia únicamen e
los eje cicios de examen. Tal como se e en la igu a A.6, la mayo pa e de ellos
con i ma on dicho pensamien o.
A.1. Cues iona io sob e mé odo de es udio 111
Figu a A.5: Cues iona io sob e mé odo de es udio - Mé odo de es udio de los en-
cues ados
Figu a A.6: Cues iona io sob e mé odo de es udio - Re lexión sob e el mé odo u i-
lizado
Po su pa e, a los encues ados cuyo mé odo de es udio se basaba en es udia
eje cicios simila es a los de examen, se les p egun ó si es e mé odo les había pe ju-
dicado en alguna ocasión. Como se mues a en la igu a A.7, la mayo ía coinciden
en que sí les ha pe judicado es udia de es a o ma.
Finalmen e, a es os pa icipan es ambién se les p egun ó si ol e ían a es udia
únicamen e los eje cicios de examen, a lo que la mayo ía con es a on a i ma i amen-
e, al como se e leja en la igu a A.8.
112 Apéndice A. Cues iona ios de es udio p e io
Figu a A.7: Cues iona io sob e mé odo de es udio - Pe juicio del mé odo u ilizado
Figu a A.8: Cues iona io sob e mé odo de es udio - Repe ición del mé odo u ilizado
A.2. Cues iona io sob e búsqueda de p ác icas
Las es p ime as p egun as e e en es a la edad, sexo y es udios de los encues-
ados ob u ie on los mismos esul ados, pues o que se ealizó el es udio sob e los
mismos es udian es.
A con inuación, se les p egun ó a los pa icipan es si habían ealizado o buscado
p ác icas en emp esas, a lo que la mayo ía con es ó a i ma i amen e, al como se e
en la igu a A.9.
Seguidamen e, a los encues ados que sí habían ealizado p ác icas o las habían
buscado se les p egun ó po la acilidad pa a encon a un po al de búsqueda de
p ác icas. Las espues as a es a p egun a se midie on con una escala de alo ación,
de “Muy di ícil” a “Muy ácil”, al como se mues a en la igu a A.10
Como se obse a en la igu a , la mayo pa e de los encues ados espondie on a
A.2. Cues iona io sob e búsqueda de p ác icas 113
Figu a A.9: Cues iona io sob e búsqueda de p ác icas - Realización o búsqueda de
p ác icas
Figu a A.10: Cues iona io sob e búsqueda de p ác icas - P egun a sob e po al de
búsqueda
es a p egun a con el alo 2, lo que se in e p e a como “di ícil” den o de la escala
de alo ación.
Figu a A.11: Cues iona io sob e búsqueda de p ác icas - Respues as sob e po al de
búsqueda

114 Apéndice A. Cues iona ios de es udio p e io
Finalmen e, se le p egun ó a los pa icipan es si su cen o les había p opo cionado
un po al pa a ealiza la búsqueda de p ác icas, al como se e en la igu a A.12. La
mayo ía de ellos espondió a i ma i amen e y se les p egun ó po la u ilidad de dicho
po al, u ilizando la misma escala de alo ación usada an e io men e. Tal como se
mues a en la igu a A.13, la mayo ía de ellos se mos a on neu ales o descon en os
con el po al p opo cionado.
Figu a A.12: Cues iona io sob e búsqueda de p ác icas - Po al de búsqueda p o-
po cionado po el cen o de es udios
Figu a A.13: Cues iona io sob e búsqueda de p ác icas - U ilidad del po al p opo -
cionado po el cen o de es udios