DESARROLLO DE UNA APLICACIÓN DE
GESTION DE EVENTOS ACADÉMICOS
TRABAJO FIN DE GRADO
CURSO 2023-2024
AUTOR
MARIO SÁNCHEZ COGOLLUDO
DIRECTOR
ANTONIO SARASA CABEZUELO
GRADO EN INGENIERÍA DE COMPUTADORES
FACULTAD DE INFORMÁTICA
UNIVERSIDAD COMPLUTENSE DE MADRID
Sep iemb e 2024
DEVELOPMENT OF AN APPLICATION FOR
MANAGING ACADEMIC EVENTS
FINAL DEGREE PROJECT
AUTOR
MARIO SÁNCHEZ COGOLLUDO
DIRECTOR
ANTONIO SARASA CABEZUELO
SEPTEMBER 2024
DEGREE IN COMPUTER ENGINEERING
FACULTY OF COMPUTER SCIENCE
COMPLUTENSE UNIVERSITY OF MADRID
III
DEDICATORIA
A mi amilia y mi pa eja,
Po que siemp e han con ibuido a que a ance.
V
AGRADECIMIENTOS
Ag adezco a An onio Sa asa Cabezuelo, p ime o po da me la opo unidad
hace es e p oyec o, po ayuda me du an e el p oceso de desa ollo, y sob e odo po
su paciencia conmigo.
Po o o lado ag adece a mi pa eja, que ha es ado acompañándome odo es e
iempo, y siemp e apoyándome.

VII
RESUMEN
El obje i o de es e abajo es la c eación de una aplicación web pa a que
in es igado es de las uni e sidades puedan ges iona los e en os en los que
pa icipa án y las e is as académicas en las que ealiza an publicaciones y, además
pod án c ea g upos pa a pode comen a sob e dis in os emas en los que es én
in e esados y así in e cambia in o mación de alo pa a los miemb os de un mismo
g upo.
Los usua ios que no es én egis ados en la web pueden ealiza búsquedas pa a e la
in o mación de los e en os y e is as añadidas po los usua ios, además de pode
busca a los usua ios que se encuen en egis ados.
Po o o lado los usua ios egis ados pod án ealiza las búsquedas mencionadas
an e io men e, y además pod á ealiza odos los p ocesos de ges ión de su agenda,
an o en la c eación pa a añadi e en os y e is as nue as a su pe il, c ea nue os
g upos en los que puede añadi nue os miemb os y mensajes, como pa a la edición y
bo ado de los elemen os que pe enezcan a la agenda del usua io.
Palab as cla e
Aplicación web, e en o, e is a, g upo
IX
ABSTRACT
The objec i e o his wo k is he c ea ion o a web applica ion so ha uni e si y
esea che s can manage he e en s in which hey will pa icipa e and he academic
jou nals in which hey will publish and, in addi ion, hey will be able o c ea e g oups o
be able o commen on di e en opics in which hey a e in e es ed and hus
exchange aluable in o ma ion o he membe s o he same g oup.
Use s who a e no egis e ed on he web can pe o m sea ches o see in o ma ion on
e en s and magazines added by use s, as well as being able o sea ch o egis e ed
use s.
On he o he hand, egis e ed use s will be able o ca y ou he sea ches men ioned
abo e, and will also be able o ca y ou all he managemen p ocesses o hei
agenda, bo h in he c ea ion o add new e en s and magazines o hei p o ile, c ea e
new g oups in which hey can add new membe s and messages, such as o he
edi ion and dele ion o he elemen s ha belong o he use 's agenda.
Keywo ds
Web applica ion, e en , magazine, g oup
XVI
Figu a 6.3.3.1. Código HTML del o mula io de edición de e is a ...................................... 62
Figu a 6.3.3.2. Código de la unción de alidación de campos de e is a ...................... 63
Figu a 6.3.3.3. Funciones de con olado pa a modi ica los da os de e is a ................. 64
Figu a 6.3.3.4. Función in e media de modi ica e is a ....................................................... 64
Figu a 6.3.3.5. Función de modi icación de da os de e is a en la bbdd ......................... 65
Figu a 6.3.4.1. Código HTML del o mula io de edición de con aseña ............................. 66
Figu a 6.3.4.2. Código de la unción de alidación de campos de usua io log .............. 66
Figu a 6.3.4.3. Funciones de con olado pa a modi ica la con aseña de usua io ....... 67
Figu a 6.3.5.1. Código HTML del o mula io de in o mación de e en o............................. 68
Figu a 6.3.5.2 Funciones de con olado pa a bo a un e en o del usua io .................... 69
Figu a 6.3.5.3. Función in e media de bo ado de e en o .................................................. 69
Figu a 6.3.5.4. Función de bo ado de e en o en la bbdd.................................................. 70
Figu a 6.3.6.1. Código HTML del o mula io de in o mación de e is a .............................. 70
Figu a 6.3.6.2. Funciones de con olado pa a bo a una e is a del usua io .................. 71
Figu a 6.3.6.3. Función in e media de bo ado de e is a ................................................... 71
Figu a 6.3.6.4. Función de bo ado de e is a en la bbdd ................................................... 71
Figu a 6.3.7.1. Código HTML del o mula io de bo ado de usua io ................................... 72
Figu a 6.3.7.2. Código de la unción de alidación de campos de login ......................... 73
Figu a 6.3.7.3. Funciones de con olado pa a bo a el pe il de usua io ......................... 74
Figu a 6.3.7.4. Función in e media de bo ado de usua io ................................................. 74
Figu a 6.3.7.5. Función de bo ado de pe il de usua io en la bbdd .................................. 75
Figu a 6.4.1.1. Código HTML del o mula io de esc i u a de mensaje ................................ 76
Figu a 6.4.1.2 2 Código de la unción de alidación de mensaje ...................................... 76
Figu a 6.4.1.3. Funciones de con olado pa a añadi nue o mensaje de g upo ........... 77
Figu a 6.4.1.4. Función in e media pa a añadi mensaje de g upo ................................... 77

XVII
Figu a 6.4.1.5. Función de inse ción de mensaje de g upo en la bbdd ............................ 77
Figu a 6.4.2.1. Código HTML del o mula io de añadi miemb o ......................................... 78
Figu a 6.4.2.2 Código de la unción de alidación de nue o miemb o ............................ 78
Figu a 6.4.2.3. Funciones de con olado pa a añadi nue o miemb o de g upo ........... 79
Figu a 6.4.2.4. Función in e media pa a añadi nue o miemb o de g upo ...................... 80
Figu a 6.4.2.5. Función de inse ción un nue o miemb o de g upo en la bbdd ................ 80
Figu a A.1 Pan alla pa a inicia sesión en la aplicación ..................................................... 116
Figu a A.2 Pan alla pa a egis a se en la aplicación ......................................................... 116
Figu a A.3 Pan alla de búsqueda de odos los e en os .................................................... 117
Figu a A.4 Pan alla de búsqueda de e en os de un usua io ............................................ 118
Figu a A.5 Pan alla con el lis ado de e en os de usua io buscado ................................. 118
Figu a A.6 Pan alla de búsqueda de e en o po nomb e ................................................ 119
Figu a A.7 Pan alla con la in o mación del e en o buscado ........................................... 119
Figu a A.8 Pan alla de búsqueda de odas las e is as...................................................... 120
Figu a A.9 Pan alla de búsqueda de e is as de un usua io ............................................. 121
Figu a A.10 Pan alla con el lis ado de e is as de usua io buscado ................................ 121
Figu a A.11 Pan alla de búsqueda de e is a po nomb e ................................................ 122
Figu a A.12 Pan alla con la in o mación de la e is a buscada ....................................... 122
Figu a A.13 Pan alla de búsqueda de un usua io ............................................................... 123
Figu a A.14 Pan alla de in o mación del usua io ................................................................. 123
Figu a A.15 Pan alla con el lis ado de los usua ios egis ados .......................................... 124
Figu a A.16 Pan alla de c eación de e en o ....................................................................... 125
Figu a A.17 Pan alla de c eación de e is a ........................................................................ 125
Figu a A.18 Pan alla de c eación de g upo ......................................................................... 126
Figu a A.19 Pan alla de e en os p opios del usua io .......................................................... 127
XVIII
Figu a A.20 Pan alla de e is as p opias del usua io ........................................................... 127
Figu a A.21 Pan alla de g upos del usua io .......................................................................... 128
Figu a A.22 Pan alla de edición de in o mación de pe il ................................................. 128
Figu a A.23 Pan alla de cambio de con aseña ................................................................. 129
Figu a A.24 Pan alla de bo ado del pe il p opio ............................................................... 130
Figu a A.25 Pan alla de in o mación de e en o del usua io ............................................. 130
Figu a A.26 Pan alla de edición de e en o ......................................................................... 131
Figu a A.27 Pan alla de bo ado de e en o ........................................................................ 131
Figu a A.28 Pan alla de in o mación de e is a del usua io .............................................. 132
Figu a A.29 Pan alla de edición de e is a ........................................................................... 132
Figu a A.30 Pan alla de bo ado de e is a ......................................................................... 133
Figu a A.31 Pan alla de in o mación de g upo ................................................................... 133
Figu a A.32 Pan alla de mensajes de g upo ........................................................................ 134
Figu a A.33 Pan alla de usua ios de g upo ........................................................................... 134
Figu a A.34 Pan alla pa a añadi mensaje en g upo.......................................................... 135
Figu a A.35 Pan alla pa a añadi un miemb o al g upo ..................................................... 135
Figu a A.36 Pan alla de edición de adminis ado .............................................................. 136
XIX
XXI

1
Capí ulo 1 - In oducción
1.1 Mo i ación
Du an e el año se ealizan e en os, con e encias, se publican a ículos en
e is as. Pa a odo ello, los in es igado es que ayan pa icipa deben ene la
in o mación necesa ia de cada una de es as ac i idades.
Po ello, la mo i ación de es e abajo es acili a la ges ión de agendas académicas a
los in es igado es que engan que ealiza exposiciones en e en os o publicaciones en
e is as a lo la go del año. Poniendo a disposición del usua io una mane a sencilla de
añadi nue as en adas en su agenda, la modi icación de la in o mación in oducida,
la c eación de g upos y la posibilidad de in e ac ua con o os usua ios pa a pode
amplia in o mación necesa ia de e en os o e is as, o sob e emá icas en las que el
usua io es é in e esado.
1.2 Obje i os
El obje i o del abajo es desa olla una aplicación web que pe mi a acili a la
ges ión de la agenda académica de los in es igado es y la c eación de g upos pa a
pode aumen a el alo de la in o mación pa a los miemb os de és os.
Pa a ello la aplicación web debe:
- Pe mi i al usua io c ea ácilmen e nue as en adas a su agenda, an o
e en os como e is as en los que pa icipe o quie a pa icipa
- O ece al usua io la posibilidad de ealiza búsquedas a o os miemb os de
la web pa a pode amplia la in o mación que necesi en sob e un e en o o
e is a.
- Pe mi i la c eación de g upos a los usua ios, además de pode se in i ado a
los g upos po pa e de o os miemb os.
2
- Facili a la in e ac uación de los miemb os del g upo, pa a in e cambia
in o mación sob e un e en o o e is a, o sob e un ema de in e és común.
1.3 Es uc u a de la memo ia
Es a memo ia se di ide en las siguien es secciones, que son los siguien es:
P ime o se encuen a la po ada del TFG, a con inuación los apa ados de dedica o ia
y ag adecimien os, después un esumen sob e la aplicación en cas ellano e inglés, el
índice de con enido, el índice de igu as y los capí ulos que con o man la memo ia,
que son el capí ulo 1 donde se hace una in oducción al TFG, el capí ulo 2 en el que se
desc iben o as aplicaciones del mismo ámbi o, el capí ulo 3 en el que se explican las
ecnologías empleadas, el capí ulo 4 en donde apa ecen los casos de uso, el capí ulo
5 en el que se mues a la a qui ec u a del p oyec o, el capí ulo 6 en donde se mues a
el diseño de la aplicación, el capí ulo 7 en el que apa ecen las conclusiones y el
abajo a u u o, as los capí ulos se encuen a la bibliog a ía y el anexo con una guía
de usua io.
3
Capí ulo 1 - In oduc ion
1.4 Mo i a ion
Du ing he yea e en s, con e ences a e held, a icles a e published in
magazines. Fo all his, he esea che s who a e going o pa icipa e mus ha e he
necessa y in o ma ion on each o hese ac i i ies.
The e o e, he mo i a ion o his wo k is o acili a e he managemen o academic
agendas o esea che s who ha e o make p esen a ions a e en s o publica ions in
jou nals h oughou he yea . Making a ailable o he use a simple way o add new
en ies o hei calenda , modi y he in o ma ion en e ed, c ea e g oups and he
possibili y o in e ac ing wi h o he use s in o de o expand he necessa y in o ma ion
on e en s o magazines, o on opics in which he use is in e es ed.
1.5 Objec i e
The objec i e o he wo k is o de elop a web applica ion ha acili a es he
managemen o he esea che s' academic agenda and he c ea ion o g oups in
o de o inc ease he alue o he in o ma ion o hei membe s.
To do his, he web applica ion mus :
- Allow he use o easily c ea e new en ies in hei calenda , bo h e en s and
magazines in which hey pa icipa e o wan o pa icipa e
- O e he use he possibili y o sea ching o he membe s o he web in o de o
expand he in o ma ion hey need abou an e en o magazine.
- Allow use s o c ea e g oups, as well as being able o be in i ed o g oups by o he
membe s.
4
- Facili a e he in e ac ion o g oup membe s, o exchange in o ma ion abou an e en
o magazine, o abou a opic o common in e es .
11
ejemplo median e el ellenado de un o mula io pa a di igi se a o a página o
ac ualiza la y ecibe a con inuación una espues a a a és una página con la
in o mación solici ada.
Figu a 5.1 A qui ec u a de la MVC F amewo k de Sp ing
Pa a el p oyec o se ha usado la a qui ec u a que se mues a en la igu a 5.1.2,
en ella el clien e en ía pe iciones a a és del se ido , és e las p ocesa y las pasa a la
base de da os. La base de da os en ía su espues a al se ido , y el se ido esponde a
la pe ición del clien e mos ando una nue a pan alla con la in o mación ob enida.

12
Figu a 5.1 A qui ec u a de la aplicación
4.2 Modelo de da os
La in o mación que se almacena en la base de da os del p oyec o cons a de
las siguien es en idades. És as son, usua ios, almacena la in o mación pe sonal de los
usua ios egis ados, e en os, gua da la in o mación sob e con e encias/cong esos
añadidos po los usua ios, e is as, en ella se encuen a la in o mación sob e e is as
académicas añadidos po los usua ios, g upos, almacena in o mación sob e un g upo,
miemb os de g upos, con iene a los in eg an es de los di e en es g upos y mensajes de
g upo, gua da los mensajes esc i os en los g upos. Todas es as en idades mencionadas
an e io men e necesi an pe sis encia, po lo que se almacena an en ablas, que se
mues an en el modelo En idad-Relación de la igu a 5.2.
13
Pa a la pe sis encia de da os en el p oyec o se ha u ilizado MySQL, que es un
sis ema de ges ión base de da os elacional, den o de WAMP, ya que el modelo de
da os u ilizado pa a el desa ollo de la aplicación web es de ipo En idad-Relación.
Figu a 5.2: Modelo de da os
Se ha implemen ado el esquema En idad-Relación que apa ece en la igu a 5.2
median e una base de da os elacional de ipo MySQL, en la que apa ecen las
siguien es ablas que a con inuación se desc iben.
14
4.2.1 Tabla de Usua io
Es a en idad se u iliza pa a almacena la in o mación de los usua ios egis ados.
En ella se gua da el nomb e del usua io, el nickname elegido po el usua io, su co eo
elec ónico, su núme o de elé ono, la uni e sidad a la que pe enece (si pe enece a
alguna uni e sidad), su con aseña, el ol den o de la aplicación (usua io egis ado o
adminis ado , el ol se añade di ec amen e a a és de la base de da os) y se le
asigna au omá icamen e un id al usua io.
4.2.2 Tabla de E en o
Es a en idad se u iliza pa a almacena la in o mación de los e en os añadidos
po los usua ios. En ella se gua da el nomb e del e en o, el luga donde se a a ealiza
el e en o, la echa del e en o, la echa lími e pa a pode apun a se, una desc ipción
que el usua io quie a añadi , el usua io al que pe enece el e en o y se le asigna
au omá icamen e un id al e en o.
4.2.3 Tabla de Re is a
Es a en idad se u iliza pa a almacena la in o mación de las e is as añadidos
po los usua ios. En ella se gua da el nomb e de la e is a, la echa lími e pa a pode
apun a se, una desc ipción que el usua io quie a añadi , el usua io al que pe enece la
e is a, el cos e de la publicación, el núme o de páginas de la publicación y se le
asigna au omá icamen e un id a la e is a.
4.2.4 Tabla de G upo
Es a en idad se u iliza pa a almacena la in o mación de los g upos añadidos
po los usua ios. En ella se gua da el nomb e del g upo, la echa del e en o que es é
elacionado el g upo*, la echa lími e pa a pode apun a se al e en o o e is a que
es é elacionado el g upo*, una desc ipción sob e el g upo, el usua io de c eación del
g upo y se le asigna au omá icamen e un id al g upo.
15
*Los g upos pueden no es a elaciones con e en os y e is as.
4.2.5 Tabla de Miemb o de g upo
Es a en idad se u iliza pa a almacena la in o mación de los miemb os de los
g upos. En ella se gua da el id del g upo, el id de usua io que pe enece a ese g upo,
que es su nickname, el usua io que le ha añadido al g upo y se le asigna
au omá icamen e un id de miemb o de g upo.
4.2.6 Tabla de Mensaje de g upo
Es a en idad se u iliza pa a almacena la in o mación de los mensajes esc i os en
los g upos. En ella se gua da el id del g upo, el id de usua io que ha añadido el
mensaje en un g upo, el mensaje añadido en un g upo, la echa en que se ha
añadido y se le asigna au omá icamen e un id de mensaje de g upo.
Capí ulo 5 - Diseño de la aplicación
En es e capí ulo se a a mos a el diseño y la implemen ación de la aplicación,
pa a ello se ha di idido en módulos las uncionalidades:
• Módulo de búsqueda
• Módulo de c eación
16
• Módulo de edición
• Módulo de in e acción
5.1 Módulo de búsqueda
Den o de es e módulo se encuen an las uncionalidades de busca e en os,
e is as y usua ios, pudiéndose ealiza de di e en es mane as, como po nomb e de
e en o y de e is a, como buscando po el Nick de un usua io, o mos a un lis ado de
odos ellos.
A con inuación se mos a án las unciones implemen adas den o del módulo
de búsqueda.
5.1.1 Login
El usua io desde la in e az de inicio se di ige a la pan alla de login, y en ella se
mues a un o mula io implemen ado en HTML, CSS y Ja aSc ip , que comp oba á que
se ellena el Nick y la con aseña pa a su pos e io en ío. En la igu a 6.1.1.1 apa ece el
código HTML del o mula io y en la igu a 6.1.1.2 el código Ja aSc ip que alida los
campos.
Figu a 6.1.1.1 Código HTML del o mula io de login

17
Figu a 6.1.1.2 Código de la unción de alidación de campos de login
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.1.1.3.
18
Figu a 6.1.1.3 Funciones de con olado pa a login
Desde el con olado se accede al componen e del modelo, haciendo una
llamada la unción enca gada de pasa el nick (Figu a 6.1.1.4) y la con aseña del
usua io a la unción que consul a á la base de da os (Figu a 6.1.1.5) median e un
En i yManage de ja ax.pe sis ence.En i yManage .
19
Figu a 6.1.1.4 Función in e media de login
Figu a 6.2.1.5 Función que consul a la bbdd pa a el login
5.1.2 Busca e is a po nomb e
El usua io desde cualquie pan alla de la aplicación web pod á ealiza
búsquedas, debe á hace clic sob e el desplegable de e is as, y a con inuación clic
sob e la opción de busca e is as, código que se mues a en la igu a 6.1.2.1, que
edi ige al o mula io de búsqueda ambién implemen ado en HTML, CSS y Ja asc ip ,
que comp oba á que se ellena el campo de búsqueda de e is a co ec amen e
pa a su pos e io en ío. En la igu a 6.1.2.2 apa ece el código HTML del o mula io y en
la igu a 6.1.2.3 el código Ja aSc ip que alida los campos.
20
Figu a 6.1.2.1 Código de desplegable la e al de búsqueda
Figu a 6.1.2.2 Código HTML del o mula io de búsqueda de e is a po
nomb e
27
Desde el con olado se accede al componen e del modelo, haciendo una
llamada la unción enca gada de pasa el nomb e del usua io con e is as asociadas
buscado (Figu a 6.1.4.4) a la unción que consul a á la base de da os (Figu a 6.1.4.5)
median e un En i yManage de ja ax.pe sis ence.En i yManage . Una ez ecibida la
in o mación del usua io que se quie e busca , el con olado ol e á a llama a o a
unción con la que ob end á el lis ado de e is as del usua io buscado, y pasa a es a
in o mación a la is a enca gada de mos a las e is as del usua io in oducido.
Figu a 6.1.4.4 Función in e media de busca e is a po usua io
Figu a 6.1.4.5 Función de búsqueda de e is a po usua io a la bbdd
5.1.5 Busca e en o po nomb e
El usua io desde cualquie pan alla de la aplicación web pod á ealiza
búsquedas, debe á hace clic sob e el desplegable de e en os, y a con inuación clic
sob e la opción de busca e en os, código que se mues a en la igu a 6.1.2.1, que
edi ige al o mula io de búsqueda ambién implemen ado en HTML, CSS y Ja asc ip ,
que comp oba á que se ellena el campo de búsqueda de e en o po nomb e

28
co ec amen e pa a su pos e io en ío. En la igu a 6.1.5.1 apa ece el código HTML del
o mula io y en la igu a 6.1.5.2 el código Ja aSc ip que alida los campos.
Figu a 6.1.5.1 Código HTML del o mula io de búsqueda de e en o po
nomb e
Figu a 6.1.5.2 Código de la unción de alidación del campo de búsqueda
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.1.5.3
29
Figu a 6.1.5.3 Funciones de con olado pa a busca po nomb e de e en o
Desde el con olado se accede al componen e del modelo, haciendo una
llamada la unción enca gada de pasa el nomb e del e en o buscado (Figu a 6.1.5.4)
a la unción que consul a á la base de da os (Figu a 6.1.5.5) median e un
En i yManage de ja ax.pe sis ence.En i yManage .
Figu a 6.1.5.4 Función in e media de busca e en o po nomb e
30
Figu a 6.1.5.5 Función de búsqueda de e en o po nomb e a la bbdd
5.1.6 Busca odos los e en os
El usua io desde cualquie pan alla de la aplicación web pod á ealiza
búsquedas, debe á hace clic sob e el desplegable de e en os, y a con inuación clic
sob e la opción de busca odos los e en os, código que se mues a en la igu a 6.1.2.1,
que edi ige a la pan alla donde se mues an los e en os encon ados, ambién
implemen ado en HTML, CSS y Ja asc ip .
31
Figu a 6.1.6.1 Funciones de con olado pa a busca odos los e en os
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.1.6.1.
Desde el con olado se comp ueba p ime o si el usua io que ealiza la
búsqueda es á conec ado o no, el núme o de página de e en os que a a pasa a la
is a, y si ue a el caso de uso de solo la búsqueda de un e en o, se usa ía es a unción
del con olado pa a pasa el e en o buscado. T as es as comp obaciones el
con olado accede al componen e del modelo, haciendo una llamada la unción
enca gada de pedi el lis ado de odos los e en os que hay en la aplicación (Figu a
6.1.6.2) a la unción que consul a á la base de da os (Figu a 6.1.6.3) median e un
En i yManage de ja ax.pe sis ence.En i yManage .
32
Figu a 6.1.6.2 Función in e media de busca odos los e en os
Figu a 6.1.6.3 Función de búsqueda de odos los e en os en la bbdd
5.1.7 Busca e en o po usua io
El usua io desde cualquie pan alla de la aplicación web pod á ealiza
búsquedas, debe á hace clic sob e el desplegable de e en o, y a con inuación clic
sob e la opción de busca e en os po usua io, código que se mues a en la igu a
6.1.2.1, que edi ige al o mula io de búsqueda ambién implemen ado en HTML, CSS y
Ja asc ip , que comp oba á que se ellena el campo de búsqueda del usua io del que
se quie en ob ene los e en os co ec amen e pa a su pos e io en ío. En la igu a
6.1.7.1 apa ece el código HTML del o mula io y en la igu a 6.1.7.2 el código Ja aSc ip
que alida los campos.

33
Figu a 6.1.7.1 Código HTML del o mula io de búsqueda
Figu a 6.1.7.2 Código de la unción de alidación del campo de búsqueda
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.1.7.3
34
Figu a 6.1.7.3 Funciones de con olado pa a busca po nomb e de e en o
Desde el con olado se accede al componen e del modelo, haciendo una
llamada la unción enca gada de pasa el nomb e del usua io con e en os asociados
buscado (Figu a 6.1.7.4) a la unción que consul a á la base de da os (Figu a 6.1.7.5)
median e un En i yManage de ja ax.pe sis ence.En i yManage . Una ez ecibida la
35
in o mación del usua io que se quie e busca , el con olado ol e á a llama a o a
unción con la que ob end á el lis ado de e en os del usua io buscado, y pasa a es a
in o mación a la is a enca gada de mos a los e en os del usua io in oducido.
Figu a 6.1.7.4 Función in e media de busca e en o po usua io
Figu a 6.1.7.5 Función de búsqueda de e en os po usua io a la bbdd
5.1.8 Busca odos los usua ios
El usua io desde cualquie pan alla de la aplicación web pod á ealiza
búsquedas, debe á hace clic sob e el desplegable de usua ios, y a con inuación clic
sob e la opción de busca odos los ususa ios, código que se mues a en la igu a
6.1.2.1, que edi ige a la pan alla donde se mues an los usua ios encon ados, ambién
implemen ado en HTML, CSS y Ja asc ip .
36
Figu a 6.1.8.1 Funciones de con olado pa a busca odos los usua ios
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
43
De igual mane a que en el an e io caso de uso se ecibe la solici ud HTTP del
clien e y a a és de la ano ación @Reques Mapping se asignan la solici udes web al
mé odo de con olado pa a nues o caso de uso (Figu a 6.2.1.3). Igualmen e se
accede al componen e del modelo, haciendo una llamada la unción in e media
enca gada de pasa el e en o (Figu a 6.2.1.4) a la unción que lo gua da á en la base
de da os (Figu a 6.2.1.5) median e un En i yManage de
ja ax.pe sis ence.En i yManage .
Figu a 6.2.1.3 Funciones de con olado pa a c ea e en o
Figu a 6.2.1.4 Función in e media de gua da e en o

44
Figu a 6.2.1.5 Función que inse a un e en o en la bbdd
5.2.2 C ea e is a
Una ez el usua io haya iniciado sesión en la aplicación web, pod á desde su
pe il accede a la pan alla de c eación de e is a, al igual que el an e io caso de uso
se mues a un o mula io implemen ado en HTML, CSS y Ja asc ip , que comp oba á
que se ellenan los campos de e is a co ec amen e pa a su pos e io en ío. En la
igu a 6.2.2.1 apa ece el código HTML del o mula io y en la igu a 6.2.2.2 el código
Ja aSc ip que alida los campos.
Figu a 6.2.2.1 Código HTML del o mula io de c eación de e is a
45
Figu a 6.2.2.2 Código de la unción de alidación de campos de e is as
Se ecibe la solici ud HTTP del clien e y a a és de la ano ación
@Reques Mapping se asignan la solici udes web al mé odo de con olado pa a
nues o caso de uso (Figu a 6.2.2.3). Igualmen e se accede al componen e del
modelo, haciendo una llamada la unción in e media enca gada de pasa la e is a
(Figu a 6.2.2.4) a la unción que lo gua da á en la base de da os (Figu a 6.2.2.5)
median e un En i yManage de ja ax.pe sis ence.En i yManage .
46
Figu a 6.2.2.3 Funciones de con olado pa a c ea e is a
Figu a 6.2.2.4 Función in e media de gua da e is a
Figu a 6.2.2.5 Función que inse a una e is a en la bbdd
47
5.2.3 C ea g upo
Una ez el usua io haya iniciado sesión en la aplicación web, pod á desde su
pe il accede a la pan alla de c eación de g upo, al igual que el an e io caso de uso
se mues a un o mula io implemen ado en HTML, CSS y Ja asc ip , que comp oba á
que se ellenan los campos de g upo co ec amen e pa a su pos e io en ío. En la
igu a 6.2.3.1 apa ece el código HTML del o mula io y en la igu a 6.2.3.2 el código
Ja aSc ip que alida los campos.
Figu a 6.2.3.1 Código HTML del o mula io de c eación de g upo
48
Figu a 6.2.3.2 Código de la unción de alidación de campos de g upos
Se ecibe la solici ud HTTP del clien e y a a és de la ano ación
@Reques Mapping se asignan la solici udes web al mé odo de con olado pa a
nues o caso de uso (Figu a 6.2.3.3). Igualmen e se accede al componen e del
modelo, haciendo una llamada la unción in e media enca gada de pasa el g upo
(Figu a 6.2.3.4) a la unción que lo gua da á en la base de da os (Figu a 6.2.3.5)
median e un En i yManage de ja ax.pe sis ence.En i yManage .

49
Figu a 6.2.3.3 Funciones de con olado pa a c ea g upo
Figu a 6.2.3.4 Función in e media de gua da g upo
Figu a 6.2.3.5 Función que inse a un g upo en la bbdd
5.2.4 Regis a usua io
El usua io sin egis a en la aplicación web, puede accede a la pan alla de
egis o de usua io pinchando en “Regis e ”, que ab i á una pan alla con un o mula io
implemen ado en HTML, CSS y Ja asc ip , que comp oba á que se ellenan los campos
50
de egis o de usua io co ec amen e pa a su pos e io en ío. En la igu a 6.2.4.1
apa ece el código HTML del o mula io y en la igu a 6.2.4.2 el código Ja aSc ip que
alida los campos.
Figu a 6.2.4.1 Código HTML del o mula io de egis o de usua io
51
Figu a 6.2.4.2 Código de la unción de alidación de campos de egis o de
usua io
52
Se ecibe la solici ud HTTP del clien e y a a és de la ano ación
@Reques Mapping se asignan la solici udes web al mé odo de con olado pa a
nues o caso de uso (Figu a 6.2.4.3), en el con olado an es de pasa el usua io que se
quie e egis a se ealiza una comp obación de que no exis e ningún usua io con el
nickname in oducido. Igualmen e se accede al componen e del modelo, haciendo
una llamada la unción in e media enca gada de pasa el usua io (Figu a 6.2.4.4) a la
unción que lo gua da á en la base de da os (Figu a 6.2.4.5) median e un
En i yManage de ja ax.pe sis ence.En i yManage .
Figu a 6.2.4.3 Funciones de con olado pa a egis a usua io
Figu a 6.2.3.4 Función in e media de gua da usua io
59
Figu a 6.3.2.2 Código de la unción de alidación de campos de e en o
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.3.2.3

60
Figu a 6.3.2.3 Funciones de con olado pa a modi ica los da os de e en o
Desde el con olado se accede al componen e del modelo, haciendo una
llamada la unción enca gada de pasa el e en o que se a a modi ica (Figu a
6.3.2.4) a la unción que modi ica á la base de da os (Figu a 6.3.2.5) median e un
En i yManage de ja ax.pe sis ence.En i yManage .
Figu a 6.3.2.4 Función in e media de modi ica e en o
61
Figu a 6.3.2.5 Función de modi icación de da os de e en o en la bbdd
5.3.3 Edi a e is a
Una ez el usua io haya iniciado sesión en la aplicación web, pod á desde su
pe il accede a la pan alla de isualización de e is as p opias, mos ándose los da os
de la e is a seleccionada con opción de pode modi ica los, el código es á
desa ollado en HTML, CSS y Ja aSc ip , que comp oba á que si se modi ican los
campos de in o mación de la e is a, és os se ellenen co ec amen e pa a su pos e io
en ío. En la igu a 6.3.3.1 apa ece el código HTML del o mula io y en la igu a 6.3.3.2 el
código Ja aSc ip que alida los campos.
62
Figu a 6.3.3.1 Código HTML del o mula io de edición de e is a
63
Figu a 6.3.3.2 Código de la unción de alidación de campos de e is a
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.3.3.3
64
Figu a 6.3.3.3 Funciones de con olado pa a modi ica los da os de e is a
Desde el con olado se accede al componen e del modelo, haciendo una
llamada la unción enca gada de pasa la e is a que se a a modi ica (Figu a 6.3.3.4)
a la unción que modi ica á la base de da os (Figu a 6.3.3.5) median e un
En i yManage de ja ax.pe sis ence.En i yManage .
Figu a 6.3.3.4 Función in e media de modi ica e is a

65
Figu a 6.3.3.5 Función de modi icación de da os de e is a en la bbdd
5.3.4 Edi a con aseña
Una ez el usua io haya iniciado sesión en la aplicación web, pod á desde su
pe il accede a la pan alla de edición de pe il, mos ándose los da os p opios del
usua io con opción de pode modi ica los, den o de es a pan alla accede a la is a
pa a cambia con aseña pulsando el bo ón de cambio de con aseña, el código es á
desa ollado en HTML, CSS y Ja aSc ip , que comp oba á que si se modi ica la
con aseña del pe il, és os se ellenen co ec amen e pa a su pos e io en ío. En la
igu a 6.3.4.1 apa ece el código HTML del o mula io y en la igu a 6.3.4.2 el código
Ja aSc ip que alida los campos.
66
Figu a 6.3.4.1 Código HTML del o mula io de edición de con aseña
Figu a 6.3.4.2 Código de la unción de alidación de campos de usua io log
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
67
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.3.4.3
Figu a 6.3.4.3 Funciones de con olado pa a modi ica la con aseña de usua io
Desde el con olado se accede al componen e del modelo, comp obando si
la con aseña an igua in oducido po el usua io es co ec a, y si es así el con olado
ealiza a las llamadas de edición de pe il de usua io como en el caso de uso Edi a
pe il (Figu a 6.3.1.4 y Figu a 6.3.1.5).
68
5.3.5 Bo a e en o
Una ez el usua io haya iniciado sesión en la aplicación web, pod á desde su
pe il accede a la pan alla de isualización de e en os p opios, mos ándose los da os
del e en o seleccionado, desde esa pan alla accede á a la pan alla de bo ado de
e en o pinchando el bo ón de bo a e en o, el código es á desa ollado en HTML,
CSS y Ja aSc ip . En la igu a 6.3.5.1 apa ece el código HTML del o mula io
Figu a 6.3.5.1 Código HTML del o mula io de in o mación de e en o
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.3.5.2
75
Figu a 6.3.7.5 Función de bo ado de pe il de usua io en la bbdd
5.4 Módulo de in e acción
Es e módulo hace e e encia a las uncionalidades que pe mi en in e ac ua a
los usua ios den o de los g upos, es as uncionalidades son las de añadi un mensaje
en un g upo y añadi un miemb o en un g upo.
A con inuación se mos a án las unciones implemen adas den o del módulo
de in e acción.
5.4.1 Añadi mensaje en un g upo
Una ez el usua io haya iniciado sesión en la aplicación web, pod á desde su
pe il selecciona uno de sus g upos y accede a la pan alla del g upo, allí pod á pulsa
el bo ón pa a añadi un mensaje, que le edi igi á a la pan alladonde puede esc ibi el
mensaje y añadi lo al g upo. El código es á desa ollado en HTML, CSS y Ja aSc ip ,
que comp oba á que si se ellena co ec amen e el campo del mensaje. En la igu a
6.4.1.1 apa ece el código HTML del o mula io y en la igu a 6.4.1.2 el código Ja aSc ip
que alida el campo del mensaje.

76
Figu a 6.4.1.1 Código HTML del o mula io de esc i u a de mensaje
Figu a 6.4.1.2 Código de la unción de alidación de mensaje
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.4.1.3
77
Figu a 6.4.1.3 Funciones de con olado pa a añadi nue o mensaje de g upo
Desde el con olado se accede al componen e del modelo, haciendo una
llamada la unción enca gada de pasa el mensaje de g upo que se a a añadi
(Figu a 6.4.1.4) a la unción que inse a á en la base de da os (Figu a 6.4.1.5) median e
un En i yManage de ja ax.pe sis ence.En i yManage .
Figu a 6.4.1.4 Función in e media pa a añadi mensaje de g upo
Figu a 6.4.1.5 Función de inse ción de mensaje de g upo en la bbdd
5.4.2 Añadi miemb o de g upo
Una ez el usua io haya iniciado sesión en la aplicación web, pod á desde su
pe il selecciona uno de sus g upos y accede a la pan alla del g upo, allí pod á pulsa
78
el bo ón pa a añadi un miemb o, que le edi igi á a la pan alla donde puede esc ibi
el miemb o que se busca y añadi lo al g upo. El código es á desa ollado en HTML, CSS
y Ja aSc ip , que comp oba á que si se ellena co ec amen e el campo del nickname
del usua io. En la igu a 6.4.4.1 apa ece el código HTML del o mula io y en la igu a
6.4.4.2 el código Ja aSc ip que alida el campo del mensaje.
Figu a 6.4.2.1 Código HTML del o mula io de añadi miemb o
Figu a 6.4.2.2 Código de la unción de alidación de nue o miemb o
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
79
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.4.2.3
Figu a 6.4.2.3 Funciones de con olado pa a añadi nue o miemb o de g upo
Desde el con olado se comp ueba que el usua io in oducido no sea un
miemb o exis en e en el g upo, as ealiza es a comp obación se hace una llamada
la unción enca gada de pasa el nue o miemb o de g upo que se a a añadi (Figu a
6.4.2.4) a la unción que inse a á en la base de da os (Figu a 6.4.2.5) median e un
En i yManage de ja ax.pe sis ence.En i yManage .
80
Figu a 6.4.2.4 Función in e media pa a añadi nue o miemb o de g upo
Figu a 6.4.2.5 Función de inse ción de nue o miemb o de g upo en la bbdd
La solici ud HTTP del clien e es manejada po el Dispa che Se le , a
con inuación consul ando Handle Mapping, a a és de la ano ación
@Reques Mapping, que es una ano ación de Sp ing MVC
(o g.sp ing amewo k.web.bind.anno a ion.Reques Mapping), se asignan la solici udes
web al mé odo de con olado pa a nues o caso de uso, mé odo que se mues a en
la igu a 6.4.1.3
Capí ulo 6 - Conclusiones y abajo u u o

81
6.1 Conclusiones
En es e p oyec o se ha buscado desa olla una aplicación que ayude a sus
usua ios a ges iona de una mane a sencilla sus agendas den o del calenda io
académico. Pa a ello se ha implemen ado una aplicación web con unas in e aces de
usua io in ui i as pa a pode ealiza las odas las uncionalidades que pe mi e la
aplicación como la c eación de un pe il p opio el cual el usua io puede modi ica , la
ges ión del pe il, pudiendo añadi , edi a y bo a cualquie e en o y e is a, el acceso
a las pan allas de g upos pa a pode in e ac ua con o os miemb os.
En el siguien e enlace se encuen a el código u ilizado pa a desa olla el
p oyec o:
h ps://d i e.google.com/d i e/ olde s/1i9 25lOWWJL8ZGuKbQVwK 2VRzl7DmYG
?usp=d i e_link
6.2 T abajo u u o
Las uncionalidades que se han desa ollado den o del p oyec o pe mi en el
obje i o de pode ges iona ácilmen e una agenda académica, pe o exis en
uncionalidades que mejo a ían la expe iencia de los usua ios que pod ían añadi se en
un u u o a la aplicación, es as son:
• No i icaciones al co eo elec ónico. Es a uncionalidad pe mi i ía a la
aplicación en ia no i icaciones al co eo elec ónico del usua io, a
modo de eco da o io, cuando se es é ace cando una deadline de un
e en o y e is a.
• Mensajes den o de la web. La aplicación aho a solo pe mi e mensajes
den o de un g upo de usua ios, con es a uncionalidad usua ios pod ían
manda se mensajes den o de la aplicación, y así aumen a la
in e ac uación en e usua ios.
• Cha con adminis ado . Ac ualmen e un usua io egis ado no puede
comunica se con el adminis ado , po lo que los usua ios pod ían
82
comunica se con el adminis ado pa a a a emas de ges ión de sus
cuen as.
Capí ulo 7 - Conclusions and u u e wo k
83
7.1 Conclusion
In his p ojec we ha e sough o de elop an applica ion ha helps i s use s o
easily manage hei agendas wi hin he academic calenda . Fo his, a web
applica ion has been implemen ed wi h in ui i e use in e aces o be able o ca y ou
all he unc ionali ies ha he applica ion allows, such as he c ea ion o hei own
p o ile which he use can modi y, p o ile managemen , being able o add, edi and
dele e . any e en and magazine, access o g oup sc eens o be able o in e ac wi h
o he membe s.
7.2 Fu u e wo k
The unc ionali ies ha ha e been de eloped wi hin he p ojec allow he
objec i e o being able o easily manage an academic agenda, bu he e a e
unc ionali ies ha would imp o e he use expe ience ha could be added o he
applica ion in he u u e, hese a e:
• Email no i ica ions. This unc ionali y would allow he applica ion o send
no i ica ions o he use 's email, as a eminde , when a deadline o an e en and
magazine is app oaching.
• Messages wi hin he web. The applica ion now only allows messages wi hin a
g oup o use s, wi h his unc ionali y use s could send messages wi hin he applica ion,
and hus inc ease in e ac ion be ween use s.
• Cha wi h adminis a o . Cu en ly a egis e ed use canno communica e wi h
he adminis a o , so use s could con ac he adminis a o o discuss managemen
issues o hei accoun s.
84
BIBLIOGRAFÍA
[1] EasyCahi : h ps://easychai .o g/o e iew
[2] OpenCon : h ps://www.opencon .com/
[3] Ja a: h ps://es.wikipedia.o g/wiki/Ja a_(lenguaje_de_p og amación)
91
Secuencia
no mal
1. El usua io no egis ado accede a la página de
espues a as ealiza la búsqueda.
2. Usua io selecciona el bo ón e da os de usua io.
3. El sis ema mues a los da os e e en es al pe il de
usua io.
Pos condición
Pan alla con los da os del pe il..
Excepciones
CU – 04
Ve e en o desde pe il buscado
Ac o es
Usua io sin egis a , usua io egis ado y adminis ado .
Desc ipción
Ve e en o c eado po el pe il buscado.
En adas
Pe il buscado
Salidas
Selección de e en o pa a isualización.
P econdición
Exis encia del usua io y al menos un e en o c eado.
Secuencia
no mal
1. El usua io no egis ado accede a la página del pe il
as ealiza la búsqueda.
2. El sis ema busca los e en os asociados a és e pe il.
3.1. Si iene e en os c eados, el sis ema mos a á un
lis ado de los e en os del pe il.
3. El usua io selecciona un e en o que quie a e .

92
Pos condición
Pan alla con el e en o c eado.
Excepciones
3.2. El sis ema le indica á al usua io que és e pe il no iene
e en os c eados.
CU – 05
Busca e en os po usua io
Ac o es
Usua io sin egis a , usua io egis ado y adminis ado .
Desc ipción
Ve lis ado de e en os c eados po el pe il buscado.
En adas
Pe il buscado
Salidas
Lis ado de e en os del pe il
P econdición
Exis encia del usua io y al menos un e en o c eado.
Secuencia
no mal
1. El usua io no egis ado accede a la página de inicio
2. El usua io in oduce en el buscado de e en os po
usua io el nomb e(nick) del pe il del que quie e busca los
e en os.
3. El sis ema busca los e en os del pe il in oducido po el
usua io.
3.1. Si el pe il in oducido iene e en os, se mues a el
lis ado de los e en os.
Pos condición
Pan alla con lis ado de e en os.
Excepciones
3.2. El sis ema le indica á al usua io que és e pe il no iene
e en os c eados.
93
CU – 06
Ve e en o desde lis ado de búsqueda de e en os
encon ados
Ac o es
Usua io sin egis a , usua io egis ado y adminis ado .
Desc ipción
Ve e en o den o del lis ado de búsqueda.
En adas
Búsqueda de e en o (po nomb e de e en o, po usua io,
lis ado o al de e en os)
Salidas
Selección de e en o pa a isualización.
P econdición
Exis encia de al menos un e en o c eado.
Secuencia
no mal
1. El usua io no egis ado accede a la página del lis ado
de e en os as ealiza la búsqueda.
2. El usua io selecciona un e en o que quie a e .
Pos condición
Pan alla con el e en o c eado.
Excepciones
3.2. El sis ema le indica á al usua io que no exis en e en os
con esa p emisa de búsqueda.
CU – 07
Busca e en o po su nomb e
Ac o es
Usua io sin egis a y usua io egis ado, adminis ado .
Desc ipción
Busca e en o po su nomb e.
94
En adas
E en o buscado
Salidas
Lis ado de los e en os con el nomb e buscado.
P econdición
Exis encia de e en os con nomb e in oducido.
Secuencia
no mal
1. El usua io no egis ado accede a la página de inicio
2. El usua io in oduce en el buscado de e en os po
nomb e el nomb e del e en o que quie e busca .
3. El sis ema busca los e en os con el nomb e in oducido
po el usua io.
3.1. Si el nomb e in oducido exis e, se mues a el lis ado
de los e en os.
Pos condición
Pan alla con lis ado de e en os.
Excepciones
3.2. El sis ema le indica á al usua io que no exis en e en os
con ese nomb e.
CU – 08
Busca e is as
Ac o es
Usua io sin egis a , usua io egis ado y adminis ado .
Desc ipción
Busca las e is as que se encuen en
En adas
95
Salidas
Re is as de los usua ios
P econdición
Secuencia
no mal
1. El usua io no egis ado accede a la página de inicio
2. Usua io selecciona Busca e is as.
3. El sis ema busca las e is as en la base de da os.
3.1. Hay e is as y se mues a lis a de las e is as.
Pos condición
Lis ado de e is as.
Excepciones
3.2. No hay e is as y se le indica al usua io.
CU – 09
Busca e is a po su nomb e
Ac o es
Usua io sin egis a y usua io egis ado, adminis ado .
Desc ipción
Busca e is a po su nomb e.
En adas
Re is a buscada
Salidas
Lis ado de las e is as con el nomb e buscado.
P econdición
Exis encia de e is as con nomb e in oducido.
Secuencia
no mal
1. El usua io no egis ado accede a la página de inicio
2. El usua io in oduce en el buscado de e is as po
nomb e el nomb e de la e is a que quie e busca .
3. El sis ema busca las e is as con el nomb e in oducido
po el usua io.
3.1. Si el nomb e in oducido exis e, se mues a el lis ado
96
de las e is as.
Pos condición
Pan alla con lis ado de e is as.
Excepciones
3.2. El sis ema le indica á al usua io que no exis en e is as
con ese nomb e.
CU – 10
Busca e is as po usua io
Ac o es
Usua io sin egis a , usua io egis ado y adminis ado .
Desc ipción
Ve lis ado de e is as c eadas po el pe il buscado.
En adas
Pe il buscado
Salidas
Lis ado de e is as del pe il
P econdición
Exis encia del usua io y al menos una e is a c eada.
Secuencia
no mal
1. El usua io no egis ado accede a la página de inicio
2. El usua io in oduce en el buscado de e is as po usua io
el nomb e(nick) del pe il del que quie e busca las e is as.
3. El sis ema busca las e is as del pe il in oducido po el
usua io.
3.1. Si el pe il in oducido iene e is as, se mues a el
lis ado de las e is as.
Pos condición
Pan alla con lis ado de e is as.

97
Excepciones
3.2. El sis ema le indica á al usua io que és e pe il no iene
e is as c eados.
CU – 11
Busca usua ios
Ac o es
Usua io sin egis a , usua io egis ado y adminis ado .
Desc ipción
Busca los usua ios que se encuen en
En adas
Salidas
Todos los usua ios
P econdición
Secuencia
no mal
1. El usua io no egis ado accede a la página de inicio
2. Usua io selecciona Busca usua ios.
3. El sis ema busca los usua ios en la base de da os.
3.1. Hay usua ios y se mues a lis a de los usua ios.
Pos condición
Lis ado de usua ios.
Excepciones
3.2. No hay usua ios y se le indica al usua io.
CU – 12
C ea e en o
Ac o es
Usua io egis ado y adminis ado .
98
Desc ipción
C ea e en o en el pe il del usua io egis ado.
En adas
Tex o
Salidas
Nue o e en o en el pe il
P econdición
Exis encia del usua io.
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. El usua io pulsa el bo ón c ea e en o.
3. El usua io in oduce los campos eque idos y pulsa el
bo ón c ea .
4. El sis ema c ea el e en o en el pe il del usua io.
4.1. Si el nomb e de e en o in oducido no exis e en el
pe il, se c ea el e en o en el pe il y se uel e a la página
del pe il.
Pos condición
Pan alla de pe il del usua io.
Excepciones
4.2. El sis ema le indica á al usua io que és e e en o ya
exis e pa a el pe il.
CU – 13
Bo a e en o
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
Bo a e en o en el pe il del usua io egis ado.
En adas
E en o exis en e
99
Salidas
E en o bo ado en el pe il
P econdición
Exis encia del usua io y del e en o en el pe il.
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. El usua io pulsa el bo ón bo a e en o.
3. El sis ema busca el e en o en el pe il del usua io.
3.1. Si el nomb e de e en o in oducido exis e en el pe il,
se bo a el e en o en el pe il y se uel e a la página del
pe il.
Pos condición
Pan alla de pe il del usua io.
Excepciones
3.2. El sis ema le indica á al usua io que és e e en o no
exis e pa a el pe il.
CU – 14
Edi a e en o
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
Edi a e en o en el pe il del usua io egis ado.
En adas
E en o exis en e
Salidas
E en o edi ado en el pe il
P econdición
Exis encia del usua io y del e en o en el pe il.
100
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. El usua io pulsa el bo ón edi a e en o.
3. El sis ema busca el e en o en el pe il del usua io.
3.1. Si el nomb e de e en o in oducido exis e en el pe il,
se pe mi e al usua io edi a el e en o del pe il y se uel e a
la página del pe il.
Pos condición
Pan alla de pe il del usua io.
Excepciones
3.2. El sis ema le indica á al usua io que és e e en o no
exis e pa a el pe il.
CU – 15
C ea e is a
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
C ea e is a en el pe il del usua io egis ado.
En adas
Tex o
Salidas
Nue a e is a en el pe il
P econdición
Exis encia del usua io.
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. El usua io pulsa el bo ón c ea e is a.
3. El usua io in oduce los campos eque idos y pulsa el
bo ón c ea .
4. El sis ema c ea la e is a en el pe il del usua io.
4.1. Si el nomb e de la e is a in oducido no exis e en el
pe il, se c ea la e is a en el pe il y se uel e a la página
del pe il.
107
Pos condición
Pan alla p incipal sin sesión iniciada.
Excepciones
Dependencias
Depende del caso de uso R21, Inicia sesión.
CU – 23
Bo a usua io
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
Bo a pe il de usua io.
En adas
Usua io exis en e
Salidas
Pe il bo ado del sis ema.
P econdición
Exis encia del usua io.
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. El usua io pulsa edi a usua io.
3. El usua io pulsa el bo ón elimina pe il.
4. El sis ema mues a un mensaje pa a con i ma que el
usua io desea elimina el pe il.
5. El usua io pulsa la opción de si elimina el pe il.
6. El sis ema busca el pe il y lo elimina.
Pos condición
Pan alla p incipal.

108
Excepciones
5.1 El usua io pulsa la opción de no elimina el pe il y
eg esa a la página de pe il.
CU – 24
Edi a usua io
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
Edi a pe il de usua io.
En adas
Usua io exis en e
Salidas
Usua io con pe il edi ado.
P econdición
Exis encia del usua io.
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. El usua io pulsa edi a pe il.
3. El usua io accede a la página de edición de pe il e
in oduce la nue a in o mación que quie e modi ica .
4. El sis ema gua da los cambios el pe il del usua io.
4.1. Si la in o mación es co ec a, se pe mi e al usua io
edi a el pe il y se uel e a la página del pe il.
Pos condición
Pan alla de pe il del usua io.
Excepciones
4.2. El sis ema le indica á al usua io que la in o mación
in oducida pa a uno o a ios de los campos no es co ec a
y debe ol e a in oduci la in o mación.
CU – 25
C ea g upo
109
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
C eación de un g upo pa a comunica se en e di e en es
usua ios.
En adas
Nomb e del g upo y usua io de c eación
Salidas
Nue o g upo c eado.
P econdición
Es a egis ado el usua io
Secuencia
no mal
1. El usua io accede a la página del pe il.
2. Usua io selecciona el bo ón c ea g upo.
3. El usua io in oduce la in o mación eque ida pa a c ea un
g upo y pulsa el bo ón c ea .
4. El sis ema c ea el g upo pa a el pe il del usua io.
Pos condición
El usua io uel e a la página del pe il.
Excepciones
CU – 26
Añadi miemb o a g upo
Ac o es
Usua io egis ado y adminis ado .
110
Desc ipción
Añadi un nue o miemb o a un g upo.
En adas
Usua io y g upo al que se le desea in i a
Salidas
Nue o miemb o añadido al g upo.
P econdición
Ambos usua ios deben es a egis ados, y el usua io que
añade al nue o miemb o debe pe enece al g upo.
Secuencia
no mal
1. El usua io accede a la página del pe il.
2. Usua io selecciona G upos pa a e los g upos de los que es
miemb o.
3. El usua io selecciona el g upo al que desea añadi o o
usua io.
4. El usua io pulsa el bo ón de añadi miemb o.
5. El usua io in oduce el nick del miemb o al que quie e
añadi
y pulsa el bo ón Añadi .
6. El sis ema busca és e pe il.
6.1. Si exis e el pe il, el sis ema añadi á a dicho pe il.
Pos condición
El usua io uel e a la página de g upos.
Excepciones
6.2. Si no exis e el pe il, el sis ema le indica á al usua io que
és e pe il no exis e.
6.3. Si ya es miemb o el pe il que se desea añadi , el sis ema le
indica á al usua io que és e pe il ya se encuen a den o del
g upo.
111
CU – 27
Modi ica g upo
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
Modi ica in o mación del g upo
En adas
G upo exis en e.
Salidas
G upo modi icado
P econdición
Exis encia de g upo
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. Usua io selecciona G upos pa a e los g upos de los que es
miemb o.
3. El usua io selecciona el g upo que desea modi ica .
4. El usua io pulsa el bo ón de edi a g upo.
5. El usua io accede a la página de edición de g upo e
in oduce la nue a in o mación que quie e modi ica .
6. El sis ema gua da los cambios del g upo.
6.1. Si la in o mación es co ec a, se pe mi e al usua io edi a
el g upo y se uel e a la página del g upo.
112
Pos condición
El usua io uel e a la página de g upos.
Excepciones
6.2. El sis ema le indica á al usua io que la in o mación
in oducida no es álida.
CU – 28
Elimina g upo
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
Bo a un g upo.
En adas
G upo exis en e.
Salidas
G upo bo ado.
P econdición
Exis encia de g upo y miemb o c eado del g upo
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. Usua io selecciona G upos pa a e los g upos de los que es
miemb o.
3. El usua io selecciona el g upo que desea bo a .
4. El usua io pulsa el bo ón de bo a g upo.
5. El sis ema mues a un mensaje pa a con i ma que el
usua io desea elimina el g upo.

113
6. El usua io pulsa la opción de si elimina el g upo.
7. El sis ema busca el g upo, lo elimina y no i ica al es o de
miemb os.
Pos condición
El usua io uel e a la página de g upos.
Excepciones
CU – 29
Sali de g upo
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
Sali de un g upo.
En adas
G upo exis en e.
Salidas
G upo bo ado en el pe il del usua io.
P econdición
Exis encia de g upo y miemb o del g upo.
Secuencia
no mal
1. El usua io egis ado accede a la página de pe il.
2. Usua io selecciona G upos pa a e los g upos de los que es
miemb o.
3. El usua io selecciona el g upo del que desea sali .
114
4. El usua io pulsa el bo ón sali de g upo.
5. El sis ema mues a un mensaje pa a con i ma que el
usua io desea sali del g upo.
6. El usua io pulsa la opción de si sali del g upo.
7. El sis ema busca el g upo y elimina a ese miemb o del
g upo.
Pos condición
El usua io uel e a la página de g upos.
Excepciones
CU – 30
Añadi mensaje en el g upo
Ac o es
Usua io egis ado y adminis ado .
Desc ipción
Añadi un nue o mensaje en g upo.
En adas
Mensaje que se desea añadi .
Salidas
Nue o mensaje añadido al g upo.
P econdición
Usua io debe es a egis ado, y el usua io que añade el nue o
mensaje debe pe enece al g upo.
115
Secuencia
no mal
1. El usua io accede a la página del pe il.
2. Usua io selecciona G upos pa a e los g upos de los que es
miemb o.
3. El usua io selecciona el g upo al que desea esc ibi el
mensaje.
4. El usua io pulsa el bo ón de añadi mensaje.
5. El usua io in oduce el mensaje que quie e añadi
y pulsa el bo ón Añadi .
6. El sis ema añade el mensaje en el g upo.
Pos condición
El usua io uel e a la página de g upos.
Excepciones
Anexo 2: Guía de usua io
En es e apa ado se explica á la guía de usua io pa a la u ilización de la
aplicación, di e enciando las posibles uncionalidades dependiendo del ipo de
usua io.
Usua io no egis ado o sin inicia sesión
Mien as un usua io no es e egis ado o sin inicia sesión apa ece á a la de echa
den o de la ba a que se encuen a en la pa e supe io de la pan alla las opciones
de egis a se e inicia sesión.
En la igu a A.1 apa ece la pan alla donde el usua io que no ha iniciado sesión
debe in oduci sus c edenciales pa a pone ealiza el login. Debe á pone en los
espacios donde se indica su nickname y su con aseña.
116
Figu a A.1 Pan alla pa a inicia sesión en la aplicación
A con inuación en la igu a A.2 emos la pan alla de egis o de usua io, en la
que apa ece el o mula io que el usua io debe ellena con su in o mación pe sonal
pa a pode egis a se una ez ellenos los campos y pulsando el bo ón “Regis e ”.
Figu a A.2 Pan alla pa a egis a se en la aplicación
123
Figu a A.13 Pan alla de búsqueda de un usua io
T as ello apa ece á la in o mación del usua io buscado (Figu a A.14)
Figu a A.14 Pan alla de in o mación del usua io

124
En la igu a A.15 apa ece la pan alla con el lis ado de odos los usua ios
egis ados en la pa e cen al y en la ba a la e al las opciones de usua ios
desplegadas con la búsqueda de odos los usua ios seleccionada.
Figu a A.15 Pan alla con el lis ado de los usua ios egis ados
Usua io egis ado y con inicio de sesión
Una ez el usua io ya egis ado inicia sesión ( igu a A.1) pod á accede a las
unciones p opias de un usua io egis ado.
En la ba a la e al de la izquie da apa ece á un nue o desplegable de
c eación, en el que el usua io pod á añadi a su pe il un nue o e en o, una e is a y
g upo, pa a pode desplega lo se debe pincha sob e él y apa ece án las opciones de
c eación.
En la igu a A.16 apa ece la pan alla con el o mula io que con los campos que
se han de ellena pa a c ea un e en o (si no se ellena co ec amen e sal a a una
ala ma indicando como ellena los campos y los campos que no pueden queda
acíos).
125
Figu a A.16 Pan alla de c eación de e en o
En la igu a A.17 apa ece la pan alla con el o mula io que con los campos que
se han de ellena pa a c ea una e is a (si no se ellena co ec amen e sal a a una
ala ma indicando como ellena los campos y los campos que no pueden queda
acíos).
Figu a A.17 Pan alla de c eación de e is a
126
En la igu a A.18 apa ece la pan alla con el o mula io que con los campos que
se han de ellena pa a c ea un g upo (si no se ellena co ec amen e sal a a una
ala ma indicando como ellena los campos y los campos que no pueden queda
acíos).
Figu a A.18 Pan alla de c eación de g upo
A pa e de las opciones que apa ecen en la ba a la e al de la izquie da, el
usua io egis o puede accede a o as uncionalides, que se encuen a n en la ba a
supe io a la de echa, pinchando sob e su nickname. T as ello el usua io accede a la
pan alla de su pe il, y desde ahí pod á edi a su in o mación pe sonal, bo a su pe il,
hace logou y, si es adminis ado , accede a la pan alla de admis ado .
En la igu a A.19 el usua io ha accedido a su pe il y apa ece la pan alla con el
lis ado de odos los e en os p opios del usua io en la pa e cen al. En la pa e cen al
apa ece án cuando se pinche sob e su pes aña las e is as ( igu a A.20) y los g upos
en los que se encuen a el usua io ( igu a A.21).
127
Figu a A.19 Pan alla de e en os p opios del usua io
Figu a A.20 Pan alla de e is as p opias del usua io
128
Figu a A.21 Pan alla de g upos del usua io
Desde la pan alla de pe il del usua io, és e puede edi a su in o mación
pe sonal. Pinchando sob e “Edi p o ile” en la ba a supe io a la de echa se accede á
a la pan alla con un o mula io dónde se apa ece la in o mación pe sonal y se puede
edi a és a misma ( igu a A.22).
Figu a A.22 Pan alla de edición de in o mación de pe il

129
En la igu a A.23 se mues a la pan alla de cambio de con aseña, a la cual se
accede desde la pan alla de edi a pe il.
Figu a A.23 Pan alla de cambio de con aseña
En la igu a A.24 se encuen a la pan alla de bo ado de pe il, a ella se accede
desde la pan alla de pe il de usua io pinchando sob e “Dele e” si uado en la ba a
supe io a la de echa. Pa a elimina el pe il el usua io debe á esc ibi co ec amen e su
con aseña co ec amen e.
130
Figu a A.24 Pan alla de bo ado del pe il p opio
En la pa e cen al de la pan alla donde se encuen a la in o mación sob e los
e en os, e is as y g upos ( igu as A.19, A.20 y A.21), se puede accede a la
in o mación comple a de ellos.
En la igu a A.25 apa ece la in o mación comple a de un e en o del usua io, se
accede a es a pan alla pinchando sob e “Go e en ”.
Figu a A.25 Pan alla de in o mación de e en o del usua io
Bajo la in o mación del e en o apa ecen es bo ones, uno pa a edi a el
e en o, o o pa a ol e a ás y o o pa a bo a lo. En la igu a A.26 se mues a la
pan alla de edición de e en o, en la que p esionando el bo ón de “Edi ” se edi a la
in o mación de e en o y en la igu a A.27 apa ece la pan alla de bo ado de e en o,
en la que pinchando en el bo ón “Dele e” se elimina el e en o.
131
Figu a A.26 Pan alla de edición de e en o
Figu a A.27 Pan alla de bo ado de e en o
En la igu a A.28 apa ece la in o mación comple a de una e is a del usua io, se
accede a es a pan alla pinchando sob e “Go Magazine”.
132
Figu a A.28 Pan alla de in o mación de e is a del usua io
Bajo la in o mación de la e is a apa ecen es bo ones, uno pa a edi a la
e is a, o o pa a ol e a ás y o o pa a bo a la. En la igu a A.29 se mues a la
pan alla de edición de e is a, en la que p esionando el bo ón de “Edi ” se edi a la
in o mación de la e is a y en la igu a A.30 apa ece la pan alla de bo ado de e is a,
en la que pinchando en el bo ón “Dele e” se elimina la e is a.
Figu a A.29 Pan alla de edición de e is a