WIKITOURS, UNA RED SOCIAL DE VIAJES
WIKITOURS, A TRAVEL SOCIAL NETWORK
TRABAJO FIN DE GRADO
CURSO 2022-2023
AUTOR
DAVID GARRIDO ROJAS
DIRECTOR
RAMÓN GONZÁLEZ DE CAMPO RODRÍGUEZ BARBERO
GRADO EN INGENIERÍA INFORMÁTICA
FACULTAD DE INFORMÁTICA
UNIVERSIDAD COMPLUTENSE DE MADRID
2
WIKITOURS, UNA RED SOCIAL DE VIAJES
WIKITOURS, A TRAVEL SOCIAL NETWORK
TRABAJO DE FIN DE GRADO EN INGENIERÍA INFORMÁTICA
AUTOR
DAVID GARRIDO ROJAS
DIRECTOR
RAMÓN GONZÁLEZ DE CAMPO RODRÍGUEZ BARBERO
CONVOCATORIA: SEPTIEMBRE 2024
GRADO EN INGENIERÍA INFORMÁTICA
FACULTAD DE INFORMÁTICA
UNIVERSIDAD COMPLUTENSE DE MADRID
04 DE SEPTIEMBRE DE 2024
3
A mi mad e, po su apoyo y
po que sé la ilusión que le hubie a
hecho pode lee es o.
4
Resumen
Wiki ou s, una ed social de iajes
En es e p oyec o se ha lle ado a cabo el desa ollo de una aplicación web la cual consis e
en una ed social en la que los usua ios pueden c ea y compa i ou s, excu siones o
isi as ealizadas en cualquie ciudad del mundo y modi ica los pa a que se encuen en
ac ualizados y se pueda consul a su e sión más ecien e y iable.
Al a a se de una ed social los usua ios además de pode c ea y compa i es as
publicaciones en o ma de ou , pod án comen a y da ‘me gus a’ en es as publicaciones,
segui a o os usua ios y edi a los da os de su pe il.
Es a ed social p e ende que al iaja a cualquie lado se puedan p epa a los da os de
in e és y pun os a isi a de la mane a más sencilla y ac ualizada, haciendo que cualquie
usua io pueda apo a sus expe iencias y opiniones.
Es a aplicación web ha sido desa ollada con Angula .js, Node.js y MongoDB, una base
de da os NoSql.
Los ou s se mos a án según su echa, los más ecien es p ime os, y se pod án busca po
con inen e, país, ciudad o í ulo.
Palab as cla e
Aplicación, Red social, Usua ios, Tou s, Modi ica los, Comen a , ‘Me gus a’, Segui ,
Edi a , Ac ualizada
5
Abs ac
WikiTou s, a a el social ne wo k
This p ojec has been ca ied ou he de elopmen o a web applica ion ha consis s o a
social ne wo k whe e use s can c ea e and sha e ou s, excu sions o isi s made in any
ci y in he wo ld and modi y hem so ha hey a e upda ed and he mos ecen and eliable
e sion can be consul ed.
Being a social ne wo k, use s can c ea e and sha e hese publica ions in he o m o a ou ,
commen on and 'like' hese publica ions, ollow o he use s and edi hei p o ile da a.
The aim o his social ne wo k is o be able o a el anywhe e and o p epa e he
in o ma ion o in e es and he places o isi in he simples and mos upda ed way, so
ha each use can con ibu e his expe iences and opinions.
This web applica ion was de eloped using Angula .js, Node.js and in MongoDB, a NoSql
da abase.
The ou s a e so ed by da e, he mos ecen i s , and can be sea ched by con inen ,
coun y, ci y o i le.
Keywo ds
Applica ion, Social Ne wo k, Use , Tou s, Change, Commen , 'Like', Follow, Edi ,
Upda ed

6
ÍNDICE DE CONTENIDOS
1. In oducción ............................................................................................................. 1
1.1. Mo i ación ............................................................................................................. 1
1.2. Obje i os ................................................................................................................ 1
1.3. Compe encias a desa olla en el p oyec o ............................................................ 1
1.4. Plani icación .......................................................................................................... 2
1. In oduc ion ............................................................................................................. 4
1.1. Objec i es .............................................................................................................. 4
1.2. Compe ences o be de eloped in he p ojec ......................................................... 4
1.3. Planning ................................................................................................................. 5
2. Es ado del a e ......................................................................................................... 7
2.1. Tu ismo, guías y u as digi ales ............................................................................. 7
2.2. Aplicaciones web de e e encia ............................................................................. 8
2.2.1. i iendode iaje - i iendode iaje.com........................................................... 8
2.2.2. iaje oscalleje os - iaje oscalleje os.com ...................................................... 9
2.2.3. come eelmundo - come eelmundo.ne ............................................................. 9
2.2.4. dia iodeunmen i oso - dia iodeunmen i oso.com ......................................... 10
3. Desa ollo de la aplicación ................................................................................... 11
3.1. Tecnologías empleadas en el p oyec o ................................................................ 11
3.1.1. En o no de desa ollo .................................................................................... 11
3.1.2. MEAN S ack ................................................................................................. 11
3.2. Bases de da os de la aplicación ............................................................................ 13
3.2.1. Colecciones y esquema de los documen os................................................... 13
3.3. Diseño de la aplicación ........................................................................................ 16
4. Funcionalidades de la aplicación ......................................................................... 18
7
4.1. Inicio de sesión .................................................................................................... 18
4.2. Regis o ................................................................................................................ 19
4.3. Pe il ..................................................................................................................... 19
4.3.1. Pe il p opio................................................................................................... 20
4.3.2. Pe il de o o usua io ..................................................................................... 20
4.3.3. Pe il con ou s .............................................................................................. 21
4.3.4. Pe il con seguido es ..................................................................................... 21
4.3.5. Pe il con seguidos ........................................................................................ 22
4.4. Modi ica da os de pe il ...................................................................................... 22
4.5. C ea publicación ................................................................................................. 23
4.6. Publicación ........................................................................................................... 23
4.7. Modi ica publicación .......................................................................................... 25
4.8. Publicaciones ....................................................................................................... 25
4.9. Timeline ............................................................................................................... 26
4.10. Búsqueda de usua ios ......................................................................................... 26
4.11. Ce a Sesión ...................................................................................................... 26
5. Especi icación de equisi os .................................................................................. 27
5.1. Ac o es ................................................................................................................. 27
5.2. Casos de uso ......................................................................................................... 27
5.2.1. Ges ión de usua io ......................................................................................... 27
5.2.2. Publicaciones ................................................................................................. 32
6. Conclusiones y abajo u u o .............................................................................. 38
6.1. Conclusiones ........................................................................................................ 38
6.2. T abajo u u o ...................................................................................................... 38
6. Conclusions and u u e wo k ............................................................................... 39
6.1. Conclusions .......................................................................................................... 39
6.2. Fu u e Wo k ......................................................................................................... 39
8
9
ÍNDICE DE FIGURAS
Figu a 1 - 2.2.1. i iendode iaje 8
Figu a 2 - 2.2.2. iaje oscalleje os 9
Figu a 3 - 2.2.3. come eelmundo 9
Figu a 4 - 2.2.4 dia iodeunmen i oso 10
Figu a 5 -Esquema Documen o Usua io (1) 13
Figu a 6 - Esquema Documen o Usua io (2) 14
Figu a 7 - Esquema Documen o Usua io(3) 14
Figu a 8 - Esquema Documen o Publicación 15
Figu a 9 - Esquema Documen o E apa 16
Figu a 10 - Esquema Documen o Comen a io 16
Figu a 11 - Vis a Inicio de sesión 18
Figu a 12 – Vis a Regis o 19
Figu a 13 – Vis a Pe il P opio 20
Figu a 14 – Vis a Pe il de o o usua io 20
Figu a 15 - Vis a Pe il con ou s 21
Figu a 16 - Vis a Pe il con seguido es 21
Figu a 17 - Vis a Pe il con seguidos 22
Figu a 18 - Vis a Modi ica Da os Pe il 22
Figu a 19 - Vis a C ea Publicación 23
Figu a 20 - Vis a Publicación (1) 24
Figu a 21 - Vis a Publicación (2) 24
Figu a 22 - Vis a Modi ica Publicación 25
Figu a 23 - Vis a Publicaciones 25
Figu a 24 – Timeline 26
Figu a 25 - Vis a Búsqueda Usua io 26
Figu a 26 - Diag ama Usua io 27
Figu a 27 - Diag ama Publicaciones 32
6
• Phase 9: Design o he iews.
S a : 07/14/2024
End: 07/29/2024
• Phase 10: Memo y.
S a : 07/30/2024
End: 04/09/2024

7
2. Es ado del a e
En el con ex o del desa ollo del p oyec o, es c ucial comp ende el pano ama ac ual de
las aplicaciones web que acili an la plani icación de iajes y o ecen guías digi ales a los
usua ios. Es e es ado del a e aba ca las endencias y he amien as más ele an es en es e
ámbi o, des acando cómo las ecnologías ac uales es án modelando la expe iencia de los
iaje os.
2.1. Tu ismo, guías y u as digi ales
En la ac ualidad casi odo el mundo planea sus iajes a a és de in e ne , desde casa
ese an los ho eles, los uelos, los icke s a los luga es de in e és y plani ican lo que an
a hace du an e cada día del iaje.
Exis en muchas aplicaciones y webs pa a ese a ho eles, compa a y comp a uelos y
pa a consegui en adas a los luga es a isi a . También exis en webs pa a pode plani ica
los i ine a ios dia ios con g an acilidad.
Si ios web y aplicaciones como Booking.com, Ai bnb, Expedia, Skyscanne , y Kayak han
e olucionado la o ma en que las pe sonas encuen an y ese an alojamien o y uelos.
Es as pla a o mas no solo pe mi en compa a p ecios, sino que ambién o ecen opciones
de pe sonalización basadas en las p e e encias del usua io, como ubicación, se icios y
ipos de alojamien o. Los usua ios pueden il a y elegi en e una amplia gama de
opciones según su p esupues o y necesidades especí icas.
La digi alización ambién ha acili ado la comp a de en adas pa a di e sas a acciones
u ís icas. Pla a o mas como Ge You Guide y Via o pe mi en a los iaje os adqui i
iques pa a museos, ou s guiados, pa ques emá icos y o os luga es de in e és, a menudo
con la opción de e i a las la gas ilas con en adas p io i a ias. Es as aplicaciones suelen
o ece ecomendaciones adicionales sob e ac i idades complemen a ias en la misma
á ea, lo que ayuda a los iaje os a maximiza su iempo y expe iencia.
Además de las ese as, exis en pla a o mas dedicadas especí icamen e a la plani icación
de i ine a ios y u as de iaje. Es as pla a o mas pe mi en a los iaje os plani ica sus días
de mane a e icien e, con in o mación sob e ho a ios, dis ancias y la mejo secuencia pa a
isi a los si ios u ís icos.
En esumen, el uso de in e ne ha ans o mado la o ma en que los iaje os plani ican y
expe imen an sus iajes. La disponibilidad de he amien as en línea pa a ese a
8
se icios y plani ica i ine a ios ha hecho que la o ganización de iajes sea más accesible,
e icien e y pe sonalizada, pe mi iendo a los iaje os dis u a de expe iencias op imizadas
y adap adas a sus p e e encias indi iduales.
2.2. Aplicaciones web de e e encia
Las aplicaciones web exis en es las cuales ma can las necesidades y posibles mejo as
sob e es as del p oyec o son las siguien es: i iendode iaje.com, iaje oscalleje os.com,
come eelmundo.ne y dia iodeunmen i oso.com.
Las cua o webs coinciden en que son blogs que apo an guías, u as y consejos pa a iaja
po el mundo. Po an o, si el dueño del blog no modi ica es as publicaciones si cambia
algún da o, se queda á siemp e desac ualizada. En cada publicación puede comen a
cualquie pe sona sin necesidad de egis a se.
2.2.1. i iendode iaje - i iendode iaje.com
Figu a 1 - 2.2.1. i iendode iaje
9
2.2.2. iaje oscalleje os - iaje oscalleje os.com
Figu a 2 - 2.2.2. iaje oscalleje os
2.2.3. come eelmundo - come eelmundo.ne
Figu a 3 - 2.2.3. come eelmundo
10
2.2.4. dia iodeunmen i oso - dia iodeunmen i oso.com
En es e caso las publicaciones no ienen la opción de añadi comen a ios
Figu a 4 - 2.2.4 dia iodeunmen i oso
11
3. Desa ollo de la aplicación
3.1. Tecnologías empleadas en el p oyec o
3.1.1. En o no de desa ollo
3.1.1.1. Visual S udio Code
Visual S udio Code (VSC) es un en o no de desa ollo in eg ado lige o y po en e que ha
desempeñado un papel c ucial en el desa ollo de la aplicación web. Su capacidad pa a
sopo a una amplia gama de lenguajes de p og amación y he amien as de desa ollo lo
con ie e en una opción ideal pa a cualquie p oyec o web. VSC ha sido usado en a ias
e apas del p oceso de desa ollo, desde la esc i u a y o ganización del código has a su
depu ación.
3.1.1.2. Gi Hub
Gi Hub es una pla a o ma de desa ollo colabo a i o basada en Gi , que pe mi e a
desa ollado es y equipos ges iona , almacena y colabo a en p oyec os de so wa e.
Pe mi e abaja con e siones y pode es au a las si algo sale mal, especialmen e es a
ha sido la ca ac e ís ica po la que ha sido u ilizada.
3.1.1.3. S udio3T
S udio 3T p opo ciona una in e az g á ica de usua io y un en o no de desa ollo in eg ado
pa a accede y modi ica bases de da os MongoDB y sus documen os. Con S udio 3T,
ienes una he amien a in ui i a y ácil de usa que e pe mi e ap o echa al máximo las
capacidades de ges ión de documen os de MongoDB.
Ha sido u ilizada pa a la ges ión de la BBDD y comp obaciones con la c eación de
colecciones y documen os.
3.1.2. MEAN S ack
En es e p oyec o ha sido u ilizado el MEAN S ack (ac ónimo de MongoDB, Exp ess.js,
Angula JS y Node.js). Es e es un conjun o de ecnologías de so wa e u ilizadas pa a el
desa ollo de aplicaciones y páginas web dinámicas, donde cada componen e es á basado
en el lenguaje de p og amación Ja aSc ip . Es o pe mi e una in eg ación luida y
e icien e, consiguiendo que odo el sis ema uncione como una pla a o ma au osu icien e
y cohe en e.

12
3.1.2.4. MongoDB
MongoDB es un sis ema de ges ión de bases de da os NoSQL de ipo documen al, lo que
signi ica que, a di e encia de las bases de da os elacionales que almacenan in o mación
en ablas, MongoDB almacena los da os en documen os. Es os documen os es án
o ma eados en BSON, una ep esen ación bina ia de JSON, lo que pe mi e una es uc u a
de da os más lexible y escalable. La azón pa a elegi MongoDB en es e p oyec o ue su
capacidad de escalabilidad ho izon al, una ca ac e ís ica c ucial pa a maneja el
c ecimien o y la expansión de aplicaciones como una ed social, donde es esencial
ges iona g andes olúmenes de da os de mane a e icien e.
3.1.2.5. Exp ess.js
Es un módulo de Node.js que se u iliza p incipalmen e en el desa ollo del back-end de
aplicaciones web. Al es a cons uido sob e Node.js, Exp ess.js pe mi e maneja de
mane a e icien e las solici udes y espues as HTTP en una aplicación web,
p opo cionando mé odos y u ilidades que simpli ican el desa ollo del se ido . Es e
amewo k es undamen al pa a ges iona la lógica del se ido , como el en u amien o de
solici udes y la implemen ación de middlewa e
3.1.2.6. Angula .js
Angula .js es un amewo k de Ja aSc ip desa ollado po Google que se u iliza en el
desa ollo del on -end de aplicaciones web. Especí icamen e, Angula .js sigue el pa ón
de diseño MVC (Modelo-Vis a-Con olado ), aunque en la p ác ica implemen a un pa ón
MVVM (Modelo-Vis a-Modelo de Vis a), lo que pe mi e una sepa ación cla a en e la
lógica de la aplicación y la in e az de usua io. Es a sepa ación acili a el man enimien o
del código y la escalabilidad del p oyec o. Angula .js ue elegido pa a es e p oyec o
debido a su popula idad en la indus ia y su capacidad pa a c ea in e aces de usua io
dinámicas y ecep i as. Además de po mi expe iencia p e ia con Angula .js du an e mis
p ác icas.
3.1.2.7. Node.js
Node.js es la base de odo el conjun o del MEAN S ack y es el enca gado de la capa del
se ido . Node.js pe mi e la u ilización de una amplia a iedad de módulos, an o p opios
como de e ce os, que ex ienden las uncionalidades del se ido . Es os módulos incluyen
middlewa e que acili a el desa ollo de aplicaciones web complejas, pe mi iendo la
implemen ación de uncionalidades a anzadas de mane a sencilla y modula .
13
3.2. Bases de da os de la aplicación
En MongoDB, los da os se o ganizan en bases de da os, que ac úan como con enedo es
pa a colecciones. Cada colección ag upa documen os elacionados que compa en un
p opósi o o uncionalidad especí ica den o de la aplicación.
3.2.1. Colecciones y esquema de los documen os
En el desa ollo de la aplicación, se c ea on dos colecciones pa a ges iona di e en es
ipos de in o mación. Po ejemplo, la colección usua ios almacena documen os que
con ienen in o mación sob e cada usua io egis ado, como nomb e, co eo elec ónico y
con aseñas ci adas. O a colección, publicaciones, almacena documen os que
ep esen an las publicaciones ealizadas po los usua ios, cada una con campos como
í ulo, con enido, echa de c eación y e e encia al usua io que la c eó. Es a es uc u a de
da os pe mi e elaciona ácilmen e a los usua ios con sus publicaciones sin necesidad de
una es ic a no malización, como se ía necesa io en una base de da os elacional.
3.2.1.8. Usua ios
La colección Usua io es la que se usa pa a almacena los da os de los usua ios, sus
seguidos y sus seguido es.
Los documen os de es a colección ienen el siguien e esquema:
Figu a 5 -Esquema Documen o Usua io (1)
14
Figu a 6 - Esquema Documen o Usua io (2)
Donde en los alo es seguidos y seguido es se almacena un conjun o de documen os con
el siguien e esquema que emos en la Figu a 7:
Figu a 7 - Esquema Documen o Usua io(3)
15
3.2.1.9. Publicaciones
La colección Publicaciones almacena los da os de las publicaciones, los comen a ios de
las publicaciones y algunos da os de los usua ios que han c eado la publicación.
Los documen os de es a colección ienen el siguien e esquema:
Figu a 8 - Esquema Documen o Publicación
22
4.3.5. Pe il con seguidos
Si se ha pulsado en los seguidos del usua io, donde se encon aba la lis a de las
publicaciones se dispond á de la lis a de los usua ios que sigue el usua io del pe il.
Figu a 17 - Vis a Pe il con seguidos
4.4. Modi ica da os de pe il
Como se puede e en la Figu a 13, en el pe il del p opio usua io de la sesión hay un
bo ón que di ige a es a página en la que se pueden modi ica los da os del pe il. Se pueden
obse a 5 campos. T es de es os, con los da os ac uales en ellos, son pa a modi ica el
nomb e, los apellidos y el co eo elec ónico. Los o os dos campos son pa a modi ica la
con aseña y pa a in oduci la con aseña ac ual, sin la cual no se pueden modi ica los
da os. También cons a de un selec o de a chi os pa a ca ga imágenes y así pode añadi ,
modi ica o elimina la o o de pe il.
Figu a 18 - Vis a Modi ica Da os Pe il

23
4.5. C ea publicación
Pa a c ea una publicación se á necesa io in oduci el i ulo de la publicación, el
con inen e, el país, la ciudad, el i ulo de cada e apa y su ex o co espondien e en los
campos co espondien es. Con los bo ones pa a añadi y qui a e apas se con olan las
e apas que end á la publicación. Si no se encuen an odos los da os comple os y odas
las e apas comple as no se pod á c ea la publicación.
Figu a 19 - Vis a C ea Publicación
4.6. Publicación
Es la pagina que mues a la publicación y en la que se e el í ulo, la o o de po ada (si
la iene), el nomb e de usua io del c eado y sus e apas, de las cuales se mues a su í ulo,
el ex o de la p opia e apa y el nomb e de usua io del que ha c eado o modi icado la e apa.
Se puede ‘da me gus a’ y ‘qui a ’ una ez ‘dado’, al lado del bo ón pa a hace lo apa ece
el núme o de ‘me gus as’. También es á el bo ón de modi ica e apas, pa a pode
modi ica las e apas y ac ualiza la in o mación de la publicación. Debajo del pos se
encuen a un campo pa a añadi comen a ios y la lis a de odos los comen a ios de los
usua ios a es a publicación.
24
Figu a 20 - Vis a Publicación (1)
Figu a 21 - Vis a Publicación (2)
25
4.7. Modi ica publicación
La unción ca ac e ís ica de la aplicación web es la de modi ica las e apas de las
publicaciones. Pa a ealiza lo se mues an los í ulos de las e apas y el ex o, es e úl imo
en un campo en el cual se puede edi a o sob esc ibi y solo se modi ica á la e apa si es e
campo su e algún cambio.
Figu a 22 - Vis a Modi ica Publicación
4.8. Publicaciones
Apa ecen odas las publicaciones en o den de c eación (las más ecien es en p ime luga ),
el bo ón pa a c ea una nue a publicación y un buscado pa a il a las publicaciones po
con inen e, país, ciudad o í ulo y encon a la deseada.
Figu a 23 - Vis a Publicaciones
26
4.9. Timeline
Apa ecen las ul imas 200 publicaciones de los usua ios a los que sigues según su o den
de c eación (p ime o las más ecien es).
Figu a 24 – Timeline
4.10. Búsqueda de usua ios
Median e un buscado se il an los usua ios po nomb e de usua io pa a pode encon a
al usua io deseado.
Figu a 25 - Vis a Búsqueda Usua io
4.11. Ce a Sesión
En la cabece a de la aplicación se encuen a el bo ón de ce a sesión, al pulsa lo se cie a
la sesión y se edi ige a la página de inicio de sesión.
27
5. Especi icación de equisi os
5.1. Ac o es
Los ac o es que in e ienen en la aplicación son los siguien es:
• Usua io sin sesión iniciada: Es os usua ios solo pod án accede a la pagina de
inicio de sesión o de egis o. Den o de es os usua ios pueden exis i dos
di e en es:
- Usua io no egis ado: es os usua ios no pod án inicia sesión has a que se
egis en.
- Usua io egis ado: es os pod án inicia sesión si in oducen co ec amen e sus
c edenciales de acceso.
• Usua io con sesión iniciada: Es e usua io pod á accede a odas las
uncionalidades de la aplicación web, excep o a las de egis o e inicio de sesión.
5.2. Casos de uso
Los casos de uso de la aplicación se an a di idi en dos módulos según si es án
elacionados con la ges ión del usua io y de su cuen a o con las publicaciones. Ve emos
los más ele an es.
5.2.1. Ges ión de usua io
A con inuación, se mues an las p incipales unciones elacionadas con el usua io que
pueden ealiza los ac o es is os en el apa ado 5.1
Figu a 26 - Diag ama Usua io

28
Caso de Uso 1. Inicia Sesión
Caso de Uso
(1): Inicia sesión
Obje i o
Pe mi e el inicio de sesión en la
aplicación web.
Ac o es
Usua io egis ado y sin sesión
iniciada
P econdición
• El usua io es a egis ado en
la aplicación
• El usua io ha en ado en la
pagina, pe o no ha iniciado
sesión
• La aplicación unciona
co ec amen e y se ha
es ablecido conexión con la
BDDD
Secuencia
1. Se solici a al usua io el
nomb e de usua io y la
con aseña
2. El usua io in oduce los
da os solici ados
3. Se comp ueban que los da os
son alidos
4. Se comp ueba con la BBDD
que exis e el usua io y que la
con aseña es co ec a
5. En caso de que odo sea
co ec o, se inicia la sesión
6. Se gua da la a iable de
sesión y su oken de
au en icación
Pos condición
El usua io ha iniciado sesión y puede
accede a odas las uncionalidades
de la aplicación.
Secuencia al e na i a
5. En caso de e o , según el e o
que haya ocu ido se mues a su
mensaje de e o .
Tabla 1 - Caso de Uso 1. Inicia Sesión
29
Caso de Uso 2. Regis a se
Caso de Uso
(2): Regis a se
Obje i o
Pe mi e el egis o en la aplicación
web.
Ac o es
Usua io no egis ado y sin sesión
iniciada
P econdición
• El usua io no es a egis ado
en la aplicación
• El usua io ha en ado en la
pagina, pe o no ha iniciado
sesión
• La aplicación unciona
co ec amen e y se ha
es ablecido conexión con la
BDDD
Secuencia
1. Se solici a al usua io los
da os de egis o
2. El usua io in oduce los
da os solici ados
3. Se comp ueban que los da os
son alidos
4. Se comp ueba con la BBDD
que no exis e el nomb e de
usua io ni el co eo
elec ónico in oducido.
5. En caso de que odo sea
co ec o, se egis a al
usua io y se inicia la sesión
6. Se gua da la a iable de
sesión y su oken de
au en icación
Pos condición
El usua io se ha egis ado, ha
iniciado sesión y puede accede a
odas las uncionalidades de la
aplicación.
Secuencia al e na i a
5. En caso de e o , según el e o
que haya ocu ido se mues a su
mensaje de e o
Tabla 2 - Caso de Uso 2. Regis a se
30
Caso de Uso 3. Segui Usua io
Caso de Uso
(3): Segui usua io
Obje i o
Pe mi e segui a o o usua io de la
aplicación.
Ac o es
Usua io con sesión iniciada
P econdición
• El usua io es a egis ado en
la aplicación
• El usua io ha iniciado sesión
• La aplicación unciona
co ec amen e y se ha
es ablecido conexión con la
BDDD
Secuencia
1. El usua io accede al pe il de
o o usua io
2. El usua io A ap ie a el bo ón
de segui al usua io B
3. Se añade al documen o del
usua io B el nue o seguido
y al documen o del usua io A
el nue o seguido
4. Se suma uno al nume o de
seguido es del usua io B y se
suma uno al nume o de
seguidos del usua io A
5. Se eca ga la pagina pa a e
los con ado es ac ualizados y
se cambia el es ado del bo ón
a ‘Deja de segui ’
Pos condición
El usua io A ha seguido al usua io B
y aho a le apa ece án las ul imas
publicaciones del usua io B en su
imeline.
Tabla 3 - Caso de Uso 3. Segui Usua io
31
Caso de Uso 4. Modi ica da os de pe il
Caso de Uso
(4): Modi ica da os de pe il
Obje i o
Pe mi e modi ica los da os del
usua io de la sesión.
Ac o es
Usua io con sesión iniciada
P econdición
• El usua io es a egis ado en
la aplicación
• El usua io ha iniciado sesión
• La aplicación unciona
co ec amen e y se ha
es ablecido conexión con la
BDDD
Secuencia
1. El usua io accede a su pe il.
2. El usua io ap ie a el bo ón de
‘Edi a pe il’
3. Se le di ige a la pagina pa a
modi ica los da os del pe il
4. Se solici a al usua io el
nomb e, apellidos, co eo
elec ónico y con aseña a
modi ica . Apa e de la
con aseña ac ual
5. El usua io in oduce los
da os que quie a modi ica y
su con aseña ac ual
6. Se comp ueba que los da os
son alidos
7. Se comp ueba con la BBDD
que la con aseña es co ec a
8. Si odo es co ec o, se
ac ualiza el documen o del
usua io con los da os
modi icados
9. Se edi ige al usua io a la
página de su pe il
Pos condición
Los da os del usua io han sido
modi icados.
Secuencia al e na i a
8.En caso de e o , según el e o que
haya ocu ido se mues a su mensaje
de e o .
Tabla 4 - Caso de Uso 4. Modi ica da os de pe il
38
6. Conclusiones y abajo u u o
6.1. Conclusiones
Se ha conseguido desa olla una aplicación web con ca ac e ís icas de ed social y
cumpliendo con los obje i os p opues os, ácil de usa , con un diseño esponsi e y usando
ecnologías ac uales y uni e sales. WikiTou ha á que cualquie pe sona pueda plani ica
u as po las ciudades a las que aya a iaja sin p eocupa se de si la in o mación que es a
consul ando es a desac ualizada, pod á e las u as que han publicado sus amigos y
dis u a de los consejos de los o os iaje os.
Realizando es e p oyec o he podido mejo a y ap ende muchos aspec os del desa ollo
web. Ha supues o un e o al usa ecnologías de las cuales no enía an os conocimien os
adqui idos como o as que he is o en el g ado de Ingenie ía In o má ica, pe o así he
podido ap ende de écnicas del pano ama ac ual del desa ollo web.
6.2. T abajo u u o
Aunque se ha conseguido desa olla la mayo pa e de los obje i os p opues os an es de
empeza el p oyec o, encon amos unas nue as uncionalidades que mejo a ían la
aplicación web en el u u o si se llegasen a desa olla :
• Mensaje ía en iempo eal. Desa olla un cha en el que pode en ia mensajes
con la gen e que sigues y que lleguen en iempo eal. Una ca ac e ís ica que
mejo a ía es a aplicación web y la ha ía una ed social de ini i a.
• No i icaciones en iempo eal. En ia no i icaciones cuando haya un nue o
comen a io o ‘me gus a’ en alguna publicación, cuando llegue un mensaje, engas
un nue o seguido …
WikiTou iene un g an po encial, el cual es posible aplica sob e lo ya desa ollado
y, de es a mane a, hace que es a aplicación llegase a un ni el supe io .

39
6. Conclusions and u u e wo k
6.1. Conclusions
I has been possible o de elop a web applica ion wi h social ne wo k ea u es and
ul illing he p oposed objec i es, easy o use, wi h a esponsi e design and using cu en
and uni e sal echnologies. WikiTou will allow anyone o plan ou es h ough he ci ies
o which hey a e going o a el wi hou wo ying abou i he in o ma ion hey a e
consul ing is ou da ed, hey will be able o see he ou es ha hei iends ha e published
and enjoy he ad ice o o he a ele s.
Doing his p ojec I ha e been able o imp o e and lea n many aspec s o web
de elopmen . I has been a challenge o use echnologies o which I had no acqui ed as
much knowledge as o he s ha I ha e seen in he deg ee o Compu e Enginee ing, bu
so I ha e been able o lea n om echniques o he cu en landscape o web de elopmen .
6.2. Fu u e Wo k
Al hough mos o he objec i es p oposed be o e s a ing he p ojec ha e been achie ed,
we ound some new unc ionali ies ha would imp o e he web applica ion in he u u e
i hey we e o be de eloped:
• Real- ime cha . De elop a cha in which you can send messages o he people
you ollow, and hey a i e in eal ime. A ea u e ha would enhance his web
applica ion and make i he ul ima e social ne wo k.
• Real ime no i ica ions. Send no i ica ions when he e is a new commen o 'like'
on a publica ion, when a message a i es, when you ha e a new ollowe ...
WikiTou has a g ea po en ial, which is possible o apply on op o wha has al eady been
de eloped and, in his way, make his applica ion each a highe le el.
40
Bibliog a ía
Angula .js. O e iew ()h ps://angula .de /o e iew
MEAN S ack. h ps://www.ibm.com/es-es/ opics/mean-s ack
MEAN S ack. h ps://es.wikipedia.o g/wiki/MEAN
MongoDB.¿Qué es MongoDB? ()
h ps://www.mongodb.com/es/company/wha -is-mongodb
Node.js. Abou ()h ps://nodejs.o g/en/abou
Exp ess.js ()h ps://exp essjs.com/es/
Visual S udio Code. Docs ()h ps://code. isuals udio.com/docs
Gi Hub. Ace ca de Gi Hub y Gi ()h ps://docs.gi hub.com/es/ge -
s a ed/s a -you -jou ney/abou -gi hub-and-gi
S udio 3T. ()h ps://s udio3 .com/es/
41
El código de la aplicación web se encuen a en el siguien e eposi o io:
h ps://gi hub.com/Da idGa idoUCM/WikiTou