Desa ollo de una aplicación web de ges ión de bille es pa a
compañía aé ea + Apk And oid + ienda en Wo dP ess
Au o : Anáss Tilkas
Di ec o : Ramón Gonzales Del Campo Rod íguez Ba be o
Facul ad de In o má ica
Uni e sidad Complu ense de Mad id
Cu so 2018-2019
I
Ag adecimien os
Especial ag adecimien o al di ec o del P oyec o Ramón Gonzales Del Campo
Rod íguez Ba be o po su disposición en odo momen o pa a ayuda me en odo
lo necesa io y po habe con iado en mí desde el p incipio pa a la ealización de
es e p oyec o.
G acias a mi amilia y amigos po hace de ol de clien es y p oba la aplicación
cuando se lo he pedido ya que sin ellos hab ía omi ido muchos e o es “ on os”
en la aplicación.
G acias a mi mejo amiga Monika po habe me acili ado la web donde he
c eado el logo de la aplicación.
II
Resumen
Las compañías aé eas es án en con inua e olución pa a o ece mejo as de sus se icios a
los usua ios.
El obje i o de es e TFG es la combinación del desa ollo de una aplicación web que
ges ione la comp a/ en a de bille es, expe iencias únicas y p oduc os ú iles pa a los iajes
y una aplicación pa a disposi i os And oid enlazada que u ilice la misma base de da os
pa a ealiza los mismos se icios.
Se con empla su a ac i o po o ece no edades que o as aplicaciones simila es no
o ecen, ales como en ajas especiales pa a usua ios VIP, ese as básicas sin necesidad
de egis o pa a usua ios in i ados o alo aciones de usua ios egis ados pa a el p es igio
de la emp esa, ales como la comp a de p oduc os pa a ecoge los en el ae opue o de
des ino ya que mucha gen e ealiza comp as a úl ima ho a cuando se a a de iaja , o o
aspec o a des aca es la ese a de expe iencias como pa acaidismo o cu sos de buceo
en e o os.
Además, AIRTILKAS incluye una cuen a adminis ado a pa a ges iona bille es nue os o
elimina los, e es adís icas de los iajes o banea usua ios egis ados. Respec o la ienda
online, el adminis ado iene el pode de ges iona odo lo posible en la web, desde
añadi nue as expe iencias o p oduc os has a añadi nue os plugins que le sean de
u ilidad.
En de ini i a, AIRTILKAS cumple con los obje i os deseados, siendo una aplicación
comple a que puede lanza se al me cado pa a ges iona una ae olínea.
El código uen e de es e p oyec o se ubica en la siguien e di ección:
h ps://d i e.google.com/d i e/ olde s/1H-G_9RshaI3QU4i pZJWCNIJcqsR_L-
?usp=sha ing
Palab as cla e
➢ Bille e
➢ Aplicación
➢ Valo ación
➢ Tienda
➢ Regis o
➢ Acceso a base de da os
➢ Expe iencias
➢ P oduc os
III
Abs ac
The ai lines a e cons an ly e ol ing o o e imp o emen s o hei se ices o use s.
The objec i e o his TFG is he combina ion o he de elopmen o a web applica ion ha
manages he pu chase / sale o icke s, unique expe iences and use ul p oduc s o a el
and a linked And oid applica ion ha uses he same da abase o pe o m he same
se ices.
I s a ac i eness is con empla ed o o e ing no el ies ha o he simila applica ions do
no o e , such as special ad an ages o VIP use s, basic ese a ions wi hou egis a ion
o in i ed use s o alua ions o egis e ed use s o he p es ige o he company, such
as he pu chase o p oduc s o pick hem up a he des ina ion ai po as many people
make pu chases a he las minu e when i comes o a el, ano he aspec o highligh is
he ese a ion o expe iences such as skydi ing o di ing cou ses among o he s.
In addi ion, Ai Tilkas includes an adminis a o accoun o manage new icke s o dele e
hem, iew a el s a is ics o ban egis e ed use s. Rega ding he online s o e, he
adminis a o has he powe o manage e e y hing possible on he web, om adding new
expe iences o p oduc s o adding new plugins ha a e use ul.
In sho , Ai Tilkas mee s he desi ed objec i es, being a comple e applica ion ha can be
launched o he ma ke o manage an ai line.
The sou ce code o his p ojec is loca ed a he ollowing add ess:
h ps://d i e.google.com/d i e/ olde s/1H-G_9RshaI3QU4i pZJWCNIJcqsR_L-
?usp=sha ing
Keywo ds
➢ Ticke
➢ Applica ion
➢ Assessmen
➢ S o e
➢ Regis y
➢ Access o da abase
➢ Expe iences
➢ P oduc s
IV
Índice
Tabla de con enido
Ag adecimien os ............................................................................................................................ I
Resumen ....................................................................................................................................... II
Palab as cla e ............................................................................................................................... II
Abs ac ........................................................................................................................................ III
Keywo ds ..................................................................................................................................... III
Capí ulo 1 ...................................................................................................................................... 1
Mo i ación, obje i os y plan de abajo.................................................................................... 1
Mo i a ion, objec i es and wo k plan ...................................................................................... 1
1.1 Mo i ación....................................................................................................................... 1
1.2 Mo i a ion ....................................................................................................................... 2
1.3 Obje i os ......................................................................................................................... 2
1.4 Objec i es ........................................................................................................................ 3
1.5 Plan de abajo ................................................................................................................ 5
1.6 Wo k plan ........................................................................................................................ 6
Capí ulo 2 ...................................................................................................................................... 7
De e minación de los equisi os del p oyec o .......................................................................... 7
2.1 Pla a o mas u ilizadas ..................................................................................................... 7
2.2 He amien as u ilizadas................................................................................................... 8
Capí ulo 3 .................................................................................................................................... 10
De e minación de las uncionalidades del p oyec o ............................................................... 10
1.1 Funcionalidades de la aplicación Web .......................................................................... 10
1.3 Funcionalidades de la ienda online .............................................................................. 32
Capí ulo 4 .................................................................................................................................... 42
De e minación de la a qui ec u a del p oyec o ...................................................................... 42
4.1 A qui ec u a de la aplicación Web ................................................................................ 42
4.2 A qui ec u a de la ienda online ................................................................................... 44
4.3 A qui ec u a de la aplicación And oid........................................................................... 52
Capí ulo 5 .................................................................................................................................... 55
Es uc u a de la base de da os del p oyec o ........................................................................... 55
Base de da os de la aplicación de ges ión de bille es ......................................................... 55

V
Base de da os de la ienda en Wo dP ess ........................................................................... 57
Ins ucciones de ins alación ................................................................................................ 59
Capí ulo 6 .................................................................................................................................... 59
Conclusiones y abajo u u o ................................................................................................. 59
6.1 Conclusiones .................................................................................................................. 59
6.2 T abajo u u o ............................................................................................................... 60
Capí ulo 7 .................................................................................................................................... 62
Conclusions and u u e wo k .................................................................................................. 62
7.1 Conclusions .................................................................................................................... 62
7.2 Fu u e wo k ................................................................................................................... 63
Bibliog a ía .................................................................................................................................. 64
1
Capí ulo 1
Mo i ación, obje i os y plan de abajo
In oducción
El obje i o p incipal de es e abajo de in de g ado es la combinación de es
pla a o mas pa a ealiza una aplicación cen ada en la ges ión de bille es,
expe iencias y ienda de p oduc os.
En es e p ime capí ulo de la memo ia se a a expone la mo i ación del p oyec o
desa ollado. Cabe menciona que se ha con igu ado un se ido case o pa a la
publicación de la web, lo que iene siendo de g an u ilidad ya que en cie as
asigna u as de la ca e a ue necesa io el uso de un se ido de pago jun o con su
dominio y con es a con igu ación es g a ui o odo el p oceso.
Mo i a ion, objec i es and wo k plan
In oduc ion
The main objec i e o his end-o -deg ee p ojec is he combina ion o h ee
pla o ms o make an applica ion ocused on he managemen o icke s,
expe iences and p oduc s o e.
In his i s chap e o he epo he mo i a ion o he de eloped p ojec will be
explained. I is wo h men ioning ha a home se e has been con igu ed o he
publica ion o he web, which has been e y use ul since in ce ain subjec s o he
ace i was necessa y o use a paymen se e oge he wi h i s domain and wi h
his con igu a ion i is ee. he whole p ocess.
1.1 Mo i ación
¿Cuán as eces sales con p isa a un iaje? Habi ualmen e, odo iajan e p epa a
con an elación odo lo que necesi a pa a su iaje y con es o se pie de mucho
iempo y inalmen e siemp e se nos ol ida algo.
Con AIRTILKAS es o no e ocu i á. T as adqui i u bille e puedes accede a nues a
ienda online que con iene los p oduc os que habi ualmen e odo iajan e
necesi a.
2
¿Cuándo me llega á el pedido? ¡Es o es lo mejo ! comp as el p oduc o, e lo
ese amos y lo ecoges en el ae opue o.
A pa e de p oduc os exclusi os pa a us iajes, AIRTILKAS e o ece la posibilidad
de adqui i cu sos a elegi en e nues as múl iples expe iencias pa a hace u
iaje inol idable. Nues os cu sos aba can desde pa acaidismo has a Snow en las
mí icas mon añas de los pi ineos.
1.2 Mo i a ion
How many imes do you hu y o a ip? Usually, e e y a ele p epa es
e e y hing hey need o hei ip in ad ance and wi h his, a lo o ime is los
and inally we always o ge some hing.
Wi h AIRTILKAS his will no happen o you. A e pu chasing you icke you can
access ou online s o e ha con ains he p oduc s ha e e y a ele usually
needs.
When will he o de a i e? This is he bes ! you buy he p oduc , we ese e i
o you and you pick i up a he ai po .
Apa om exclusi e p oduc s o you ips, AIRTILKAS o e s you he possibili y
o acqui ing cou ses o choose om among ou many expe iences o make you
ip un o ge able. Ou cou ses ange om pa achu ing o Snow in he my hical
moun ains o he Py enees.
1.3 Obje i os
El obje i o p incipal de es e p oyec o es el diseño de una aplicación comple a
amigable con cualquie usua io pa a acili a el p oceso de su p epa ación y hace
de su iaje una expe iencia inol idable. A con inuación, emos los obje i os
p incipales y su desc ipción:
Diseño e implemen ación de una aplicación Web/And oid
Desa ollo de una app in ui i a pa a pe mi i al usua io de o ma sencilla
ges iona sus bille es/comp as desde su pc o sma phone.
3
Diseño e implemen ación de egis o de usua io
Desa ollo del algo i mo pa a el egis o de un usua io inse ando sus da os
pe sonales (nomb e, apellidos, di ección, DNI, elé ono, co eo, usua io y
con aseña). Pa a asegu a la co ec a in oducción de da os en es e
o mula io, se ha u ilizado una alidación de los campos basada en Ja aSc ip .
Respec o el campo DNI, se ha u ilizado un algo i mo pa a asegu a que el DNI
in oducido sea eal.
Diseño e implemen ación de ges ión de bille es pa a usua ios
Desa ollo del algo i mo pa a la comp a, consul a y cancelación de un bille e,
dependiendo de si un usua io es á egis ado o no, es e p oceso se á más co o.
Los usua ios egis ados do an de en ajas ya que, a la ho a de ges iona una
comp a, consul a o cancelación de un bille e no necesi an in oduci epe idas
eces sus da os.
Diseño e implemen ación de in e az adminis ado
Desa ollo de una in e az de adminis ado pa a la c eación, modi icación y
cancelación de un bille e, conduc o es, con ol de usua ios egis ados y
es adís icas de los iajes ealizados.
Diseño de una ienda Wo dP ess
Desa ollo de una aplicación en Wo dP ess basada en una ienda online que
o ece la posibilidad de adqui i p oduc os o expe iencias inol idables.
1.4 Objec i es
The main objec i e o his p ojec is he design o a comple e applica ion
iendly wi h any use o acili a e he p ocess o i s p epa a ion and make you
ip an un o ge able expe ience. Nex , we see he main objec i es and hei
desc ip ion:
10
Capí ulo 3
De e minación de las uncionalidades del p oyec o
En es e capí ulo se an a desa olla las uncionalidades del p oyec o, que se án
di ididas en es pa es. Se comenza á con las uncionalidades de la aplicación web
pa a la ges ión de bille es, seguidamen e las uncionalidades de la aplicación de la
ienda online y inalmen e las uncionalidades de la aplicación And oid.
1.1 Funcionalidades de la aplicación Web
Pa a aba ca odos los de alles de la aplicación, comenza emos suponiendo que
pa imos de una base de da os con ejemplos de p ueba.
La p incipal uncionalidad de la aplicación web es la en a de bille es a usua ios, pa a
ello ecomendamos a nues os clien es egis a se ya que un usua io egis ado posee
en ajas espec o a cie as uncionalidades de ca a a un usua io no egis ado. A
con inuación, en las siguien es igu as se an a mos a los casos de uso de un usua io
egis ado y no egis ado sucesi amen e y las uncionalidades a las que ienen
pe miso.
Figu a de casos de uso de un usua io egis ado

11
Figu a de casos de uso de un usua io no egis ado
Pa a egis a se accedemos desde el bo ón En a /Regis a se si uado en la pa e
supe io de echa de la cabece a de la web, o el bo ón cén ico en el p opio índex.
Si no es amos egis ados in oduci emos nues os da os. Si un usua io se egis a dos
eces con el mismo DNI o con un Nick que no se encuen e disponible, en onces
p ocesa á la pe ición y le mos a á al usua io un e o pa a ol e in en a egis a se.
12
Una ez el usua io se egis a, se inicia sesión au omá icamen e. Pa a ce a la sesión
se pulsa en sali si uado en la pa e supe io de echa de la cabece a.
Pa a ol e a inicia sesión an solo end emos que in oduci nues o Nick y con aseña
con los que nos hemos egis ado.
Figu a de inicio de sesión de la aplicación
13
No es necesa io egis a se pa a iaja con AIRTILKAS, pe o se o ecen en ajas si pasas
a o ma pa e nues a amilia.
Las p incipales en ajas de es a egis ado son pode consul a odos los iajes que se
hayan ealizado o se engan p og amados con un simple is azo. Además, en el p oceso
de comp a de un bille e, los pasos a segui son más dinámicos al no ene que i
in oduciendo los da os pe sonales. Pe o la en aja más des acable e in e esan e pa a
nues os clien es es la posibilidad de cancela un iaje con es días de an elación.
O a en aja que se o ece pa a quienes se egis an, es la posibilidad de alo a la
expe iencia de iaja con AIRTILKAS o la expe iencia i ida con nues os pilo os. No
obligamos a pa icipa , pe o si lo ecomendamos ya que nos ayuda a mejo a y, po ello,
lo ag adecemos ca ego izando como usua ios ip a aquellos usua ios egis ados que
adquie an una ci a supe io o igual a cinco alo aciones.
Veamos un ejemplo, la usua ia Zah a ha ealizado cinco iajes. Pa a los iajes ealizados
ya puede alo a la expe iencia. A p io i emos en la siguien e igu a que no iene ningún
icono de Vip jun o a su nomb e:
Figu a de iajes ealizados pa a un usua io egis ado
14
Si alo amos una más obse amos cómo se mues a el icono al lado de Nick Zah a
indicando que ha pasado a se ip.
Figu a de la e ique a VIP
Se usua io ip o ece una lige a en aja espec o a los usua ios egis ados, el usua io
ip puede cancela un bille e has a un día an es de la echa de salida.
Vemos un ejemplo en el que un usua io ip in en a cancela dos iajes, uno un día an es
de la echa de salida y o o el mismo día de la echa de salida ( e echa ac ual en la
pa e in e io de echa de la cap u a).
Figu a de iajes pendien es
15
Respec o el bille e con la misma echa que el día ac ual, la aplicación no i ica al usua io
de que la echa ha caducado pa a pode ealiza una cancelación como mues a en la
siguien e igu a:
Figu a de mensaje de no i icación pa a consul a de bille es
En cambio, pa a el bille e del día an e io a la echa ac ual, la aplicación si le pe mi e al
usua io Vip cancela lo. En la siguien e igu a obse amos como el usua io Vip ha
eliminado el bille e con echa del día siguien e al ac ual:
Figu a de iajes pendien es pa a usua ios VIP
Pa a un usua io no mal, la cancelación de un bille e es posible es días an es a la echa
del bille e y pa a un usua io no egis ado, no le es posible cancela su bille e.
Si p obamos con el usua io no mal Nass a cancela un iaje es días an es y o o con
cinco como se mues a en la igu a:

16
Figu a de consul a de bille es pa a un usua io egis ado
Pa a el iaje de cinco días después a la echa ac ual, emos que nos deja po que cumple
con los equisi os de un usua io no mal:
Figu a de iajes pendien es pa a usua ios no males
17
En cambio, pa a el bille e del día 21 emos en la igu a que no nos deja y nos mues a
un mensaje de que ha caduca la echa de cancelación:
Figu a de mensaje de no i icación pa a cancelación de un bille e
En odo momen o, el usua io egis ado puede consul a en la pes aña de consul a
bille e los de alles de cualquie iaje que haya ealizado o es é p og amado po el
usua io pa a ol e a imp imi los, emos un ejemplo de un iaje p og amado de la
cap u a an e io :
Figu a de de alles del bille e
18
También es posible consul a un bille e sin inicia sesión, in oduciendo el localizado
y DNI del usua io sin egis a en la pes aña Consul a bille es. Es a uncionalidad es á
diseñada pa a los usua ios no egis ados, pe o ambién es ap a pa a los bille es de los
usua ios egis ados que deseen imp imi un bille e en conc e o sin inicia sesión:
Figu a de consul a bille e pa a usua ios no egis ados
Si los da os del bille e son in oducidos co ec amen e, apa ece án los de alles de dicho
bille e y un bo ón con la posibilidad de imp imi lo como se mues a en la igu a de
de alles del bille e, sin emba go, si los da os in oducidos son inco ec os, se mos a á
un mensaje que indica que son inco ec os como se mues a en la siguien e igu a:
Figu a de mensaje de da os inco ec os en consul a bille es
A con inuación, amos a e los pasos que hay que segui pa a la comp a de un bille e.
La secuencia en e un usua io egis ado y o o que no lo es é di ie e, eamos:
P ime o consul amos el bille e ellenando el o mula io con los da os deseados como
se mues a en la siguien e igu a:
19
Figu a de comp a de un bille e
Como obse amos, el o mula io nos solici a selecciona un o igen, un des ino (ambos
se pueden selecciona con un mapa de España g á ico que se ab e y se cie a con un
bo ón al lado de echo del selec ) que no es posible selecciona un mismo o igen que
des ino, si el bille e a a se de ida o ida y uel a, una echa que no puede se an e io
a la ac ual y un suplemen o que pod ía se en e ninguno, animales, bicicle as, ma e ial
delicado o pesado.
El o mula io es á alidado con Ja aSc ip y po lo an o un da o in oducido
inco ec amen e se á a isado con un mensaje colo eando el cuad o elacionado. En la
siguien e igu a se mues a un ejemplo de cómo sal a el mensaje de a iso de e o al
selecciona el mismo o igen que des ino:
Figu a de e o del mismo o igen y des ino
26
Nues a aplicación web se sus en a g acias a la ges ión del adminis ado .
En es a ges ión hemos implemen ado mul i ud de uncionalidades que pasa emos a
desc ibi a con inuación.
El Nick y con aseña con la que debe inicia sesión el adminis ado son Nick: admin,
con aseña: adminpass (los pasos a segui pa a inicia sesión son los mismos que un
usua io egis ado).
La is a p incipal del adminis ado es un menú en el cual selecciona á la sección a la
que desea di igi se.
Figu a del menú del adminis ado
En la uncionalidad Es adís icas se mos a án los iajes que se han ealizado en la
emp esa. Es os iajes es án o denados de mane a que los más ecien es se ean en las
p ime as ilas, ya que nos in e esa e las alo aciones medias de los úl imos iajes
ealizados. Se puede obse a an o la alo ación media del iaje como la del conduc o .
También si deseamos podemos elimina el iaje del his o ial.

27
Figu a de es adís icas de los iajes
En la uncionalidad Viajes se mues an los iajes p og amados. Es os es án o denados
de mane a que los más ce canos se ean en las p ime as ilas.
Figu a de los iajes c eados
Podemos obse a que cuando han comp ado bille es pa a un iaje, el adminis ado no
puede modi ica las ca ac e ís icas del iaje. En odo momen o se puede cancela un
iaje si a la emp esa no le in e esa que se e ec úe.
Si pulsamos en añadi iaje, p ocede emos a de alla la in o mación elacionada con el
nue o iaje que que amos p og ama .
28
Figu a de c eación de nue o iaje
Debemos selecciona la echa de inalización que no debe se p e ia a la echa de salida.
Las echas se pueden selecciona dando al icono de la de echa desplegándose un
calenda io.
La ho a de salida debe in oduci se a mano o pulsando apa ece un eloj en el que, si
quie es cambia la ho a, debes pulsa en el núme o que ma ca las ho as y de la misma
mane a con los minu os.
En el úl imo campo, se debe á inclui un núme o de au obuses pa a p ocede a asigna
conduc o es al iaje.
Figu a de selección de conduc o es
29
En es e paso, selecciona emos a los conduc o es que deseamos que ealicen el iaje.
Si el nomb e de nomb e algún conduc o se epi iese en cualquie a de los campos,
en onces nos edijé emos a añadi un iaje de nue o (cap u a 24) y mos a á el
siguien e mensaje de e o :
Figu a de mensaje de a iso de selección del mismo conduc o
Si no in oducimos algún conduc o en onces mos a á:
Figu a de mensaje de a iso de al a de conduc o es
O a uncionalidad en ges iona iajes como emos en la igu a de los iajes c eados, es
la de modi ica iaje que si pulsamos en ello pod emos modi ica los campos
secunda ios de un iaje.
Es a uncionalidad se aplica pa a que si al bo a un iaje el adminis ado quisie a
co egi el núme o de au obuses o si desease cambia la echa o la ho a de salida o un
cambio de conduc o como mues a la siguien e igu a:
Figu a de modi icación de un iaje
30
En la uncionalidad Conduc o es se mues an los conduc o es que iene con a ados la
emp esa. Es os es án o denados de mane a que los que ienen más an igüedad se ean
en las p ime as ilas.
Figu a de menú de conduc o es
Podemos obse a su alo ación media y los pod emos elimina a cualquie a si es e
abandona la emp esa.
Si obse amos de alladamen e, podemos pulsa en el id del conduc o pa a e los
iajes que ha ealizado y los de alles de cada uno.
Figu a de de alles de un conduc o
Como obse amos en la igu a de menú de conduc o es, si pulsamos sob e el bo ón
añadi conduc o nos apa ece á los da os pe sonales que debemos in oduci sob e el
conduc o .
31
Figu a de c ea un conduc o nue o
En la uncionalidad Usua ios se mues an los usua ios que se han egis ado en la
aplicación. Es os es án o denados de mane a que los ienen más an igüedad se ean en
las p ime as ilas.
Figu a de lis ado de usua io egis ados
Podemos elimina cualquie usua io. También podemos e los iajes que ha ealizado
cada usua io pulsando en su ID iaje.
Figu a de de alles de un usua io en conc e o

32
Es os se clasi ican según los iajes que iene p og amados y según los iajes que ha
ealizado un usua io egis ado, incluyendo las alo aciones que ha e ec uado.
1.3 Funcionalidades de la ienda online
La idea p incipal de la ienda online es o ece al clien e la posibilidad de adqui i cu sos
y excu siones de modo expe iencia pa a hace inol idable su iaje. Además, puede
adqui i p oduc os con la posibilidad de ecoge los di ec amen e en el ae opue o.
A con inuación, en la siguien e igu a se an a mos a los casos de uso de un usua io
que en a en la ienda pa a adqui i un p oduc o o una expe iencia.
Figu a de los casos de uso de un usua io en la ienda online
Pa a accede a la ienda, pulsamos en el bo ón TIENDA del menú de cabece a de la
aplicación web como se mues a en la igu a:
Figu a de bo ón acceso a la ienda
33
Pulsando el bo ón EXPERIENCIAS ambién accedemos a la ienda online, pe o nos
conduci ía di ec amen e a la desc ipción de las expe iencias que o ecemos.
T as pulsa el bo ón TIENDA, accedemos a la página de inicio de la ienda online donde
emos que se di ide en la sección de odos los p oduc os y un Slide con los p oduc os
más endidos como se mues a en las siguien es igu as:
Figu a de odos los p oduc os de la ienda
Figu a de los p oduc os más endidos
Respec o la na egación, podemos accede desde la cabece a a las expe iencias que
o ece la ienda, un bo ón ienda desde el cual podemos accede a los p oduc os o bien
al ca i o de la comp a, un bo ón bille es que enlaza es a ienda con la aplicación web
pa a la ges ión de bille es, un bo ón Faq donde el usua io encuen a una can idad de
p egun as ecuen es que le pueden su gi a la ho a de ealiza una comp a, un bo ón
conócenos donde el usua io iene la posibilidad de e la desc ipción de qué o ece la
34
ienda, un buscado y dos bande as pa a aduci la web en los dos idiomas disponibles
que son el español y el ancés.
Figu a de la cabece a de la ienda online
Pa a adqui i un p oduc o, podemos hace lo de o ma ápida pulsando el bo ón “añadi
al ca i o” que apa ece au omá icamen e en el cen o del p oduc o o podemos pulsa
en el p oduc o pa a e más de alles sob e él.
Figu a de añadi al ca i o un p oduc o de o ma ápida
T as pulsa el p oduc o, accedemos a la pan alla en la que apa ece el mismo con una
desc ipción de allada y la posibilidad de su alo ación.
35
Figu a del p oduc o de allado
T as pulsa el bo ón de “AÑADIR AL CARRITO” que apa ece en la igu a an e io , el
p oduc o se á añadido au omá icamen e al ca i o y apa ece un dialogo de con i mación
que nos o ece la posibilidad de e el ca i o pa a inaliza la comp a o bien podemos
omi i el dialogo y segui na egando po los p oduc os.
Figu a del diálogo pa a accede al ca i o y inaliza la comp a
Si pulsamos en el bo ón de “Ve ca i o” del diálogo de la igu a an e io , accede emos
a la pan alla en la que apa ece el esumen de nues a comp a con odos los p oduc os
que hemos añadido al ca i o an e io men e, con la posibilidad de inse a un cupón de
descuen o (habla emos de él más adelan e), ac ualiza el ca i o o inaliza la comp a.
42
Pa a las demás uncionalidades, el p oceso es el mismo que la aplicación pa a esc i o io.
Capí ulo 4
De e minación de la a qui ec u a del p oyec o
En es e capí ulo se en oca á la desc ipción del uncionamien o de las pla a o mas desde
un ni el écnico.
4.1 A qui ec u a de la aplicación Web
Como se dijo an e io men e, la a qui ec u a de la aplicación Web es á basada en la
p og amación o ien ada a obje os. Se ha di idido el código en Sc ip s de is as con un
ema h ml5 Responsi e [12], Sc ip s de la lógica y Sc ip s que in e ac úan con dicha
lógica. A con inuación, se de alla án odos los Sc ip ci ados an e io men e y una
desc ipción de cada uno:
4.1.1 Sc ip s de is as
mos a _cabece a: Vis a que mues a el saludo dependiendo si un usua io se encuen a
egis ado.
mos a _pie: Vis a que mues a el pie de página.
gene al_nues aAc i idad: Vis a que mues a la ac i idad que ealizamos.
gene al_equipaje: Vis a que de alla cuan o equipaje puede lle a se.
gene al_en e enimien o: Vis a que de alla el en e enimien o que o e amos.
gene al_con ac o: Vis a pa a con ac a con noso os.
gene al_a isoLegal: Vis a ale a de la legalidad a la que nos acogemos.
gene al_ en ajas: Vis a que mues a odas las en ajas que o e amos.
gene al_quienesSomos: Vis a que mues a in o mación sob e quiénes somos.
gene al_pe sonas: Vis a que mues a in o mación sob e el pe sonal de la emp esa.
Vis as pa a el adminis ado :
admin_index: Vis a del index del admin.
admin_mos a _ oolba : Vis a que mues a el oolba del admin.
admin_ges iona Conduc o es: Vis a de los conduc o es de la emp esa.
admin_ges iona Usua ios: Vis a de los ususa ios egis ados.

43
admin_ges iona Viajes: Vis a de los iajes que se an a ealiza .
admin_es adis icas: Vis a de los iajes ealizados.
admin_consul a Es adis icas: Vis a con los de alles de un iaje ealizado.
No a: Puede que se deban uni ica es as dos úl imas is as.
admin_modi ica Viaje: Vis a pa a edi a un iaje.
admin_anadi Conduc o : Vis a pa a añadi un conduc o .
admin_consul a Conduc o : Vis a que mues as los iajes ealizados po un conduc o .
admin_anadi Viaje: Vis a pa a añadi un iaje.
admin_anadi Viaje_conduc o es: Vis a pa a añadi conduc o es a un iaje.
admin_consul a Usua io: Vis a que mues a los iajes ealizados po un usua io.
Vis as pa a usua ios egis ados y no egis ados:
index: Vis a del index de un usua io no egis ado.
mos a _ oolba : Vis a que mues a el oolba del usua io.
noRegis ado_mos a Regis o: Vis a pa a egis a o inicia sesión de un usua io.
mos a _ allo_ egis a : Vis a pa a iden i ica un allo en el egis ado de un usua io.
comp a : Vis a pa a busca un bille e que se desea comp a .
bille esDisponibles: Vis a con los bille es disponibles.
asien osDisp: Vis a en la que un usua io e qué asien os se encuen an disponibles, se u iliza á
un g á ico de dichos asien os y el usua io pod á selecciona el asien o deseado.
da osClien e: Vis a pa a que unusua io no egis ado in oduzca sus da os pe sonales al comp a
un bille e.
comp oba Da os: Vis a pa a que unusua io no egis ado comp uebe que sus da os son
co ec os en la comp a del bille e.
gene al_imp esion: Vis a que mues a un bille e lis o pa a imp imi con los da os del usua io y
iaje.
consul a : Vis a pa a consul a un bille e que se haya comp ado y ol e a imp imi lo si és e se
ha pe dido.
- Si no se encuen a egis ado: debe á in oduci un localizado .
- Si se encuen a egis ado: mos a a la lis a de iajes ealizados y p og amados.
- los iajes ealizados pod á alo a los
- los iajes p og amados pod á cancela los
bille eConsul ado: Vis a con los de alles de un bille e de un usua io no egis ado.
4.1.2 Sc ip s que in e ac úan con la lógica
Es os sc ip s se encuen an localizados en la ca pe a lógica del p oyec o.
alida _logou : In e acción pa a es ablece el cie e de una sesión.
cabece a: Lógica que ob iene el saludo dependiendo si un usua io se encuen a egis ado.
admin_inse a _conduc o : In e acción pa a inse a un conduc o nue o.
admin_inse a _ iaje: In e acción pa a inse a un iaje nue o.
admin_elimina _conduc o : In e acción pa a elimina un conduc o .
admin_elimina _ iajes: In e acción pa a elimina un iaje.
44
admin_elimina _usua ios: In e acción pa a elimina un usua io.
admin_modi ica _ iaje: In e acción pa a modi ica un iaje.
noRegis ado_ egis o: In e acción que egis a un usua io.
noRegis ado_login: In e acción que es ablece el inicio de una sesión.
egis ado_ alo a _conduc o : In e acción que en ía la alo ación de un conduc o de un
usua io egis ado.
egis ado_ alo a _ iaje: In e acción que en ía la alo ación de un iaje de un usua io
egis ado.
inse a _bille e: In e acción que inse a un bille e de un usua io.
bo a _bille e: In e acción que cancela un bille e de un usua io.
4.1.3 Sc ip s de la lógica
bbdd_conexion: Clase que es ablece la conexión con la base de da os pa a la ealización de
consul as.
bille e.php: Clase que almacena los da os de un bille e.
conduc o .php: Clase que almacena los da os de un conduc o .
usua io.php: Clase que almacena los da os de un usua io egis ado y no egis ado.
alo acion.php: Clase que almacena las alo aciones ealizadas de los usua ios egis ados.
iaje.php: Clase que almacena los da os de un iaje.
4.2 A qui ec u a de la ienda online
Respec o la a qui ec u a de la ienda online, es á basada en el sis ema de ges ión de
con enido Wo dP ess. P incipalmen e se ha seleccionado un ema como cimien o del
sis ema en cues ión, dicho ema es Shop isle.
En Wo dP ess, el ol del adminis ado es o almen e dis in o al de la aplicación web
an e io . Pa a es a aplicación, el adminis ado iene un menú en el que puede ealiza
lo que es ime opo uno pa a la ges ión de la ienda. A dicho menú se le accede
in oduciendo usua io y con aseña del adminis ado como se ha ci ado an e io men e.
Exis en dos menús, uno pa a la pe sonalización de la web de la ienda y o o pa a
ges iona en adas, páginas, plugins y odo aquello elacionado con el mo o de la
ienda.
Figu a del menú del adminis ado
45
Si pulsamos en el menú pe sonaliza , se despliega un submenú a la izquie da de la web
en el cual apa ecen odas las opciones necesa ias pa a la pe sonalización del ema de la
web.
Figu a del submenú pa a pe sonalización de la web
Como dijimos an e io men e, el cimien o de la ienda es el ema y es e se puede cambia
desde el submenú de pe sonalización. Una ez seleccionado el ema deseado, desde
es e submenú podemos modi ica odos sus componen es pa a pone lo a nues o gus o.
Si pulsamos en la opción TILKAS ci ada en la igu a del menú del adminis ado ,
accedemos al menú pa a la ges ión de odos los plugins u ilizados, la ges ión de páginas
y en adas. Una en ada es una expe iencia o ecida al clien e. Las en adas se di iden
po ca ego ías. Un ejemplo de una ca ego ía se ía AGUA y sus en adas se ían buceo,
su , kayak o a ing.
46
4.2.1 Plugins de la ienda
WooComme ce: es e plugin es el mo o p incipal de la ienda ya que es el enca gado
del come cio elec ónico. Desde él podemos ges iona pedidos, cupones e in o mes.
Figu a del menú de WooComme ce
Pa a c ea un cupón amos al submenú cupones, pulsamos en nue o cupón y nos
apa ece la siguien e pan alla:
Figu a de c ea un cupón
Podemos c ea un descuen o pa a un solo p oduc o o ijo en el ca i o. En la igu a
an e io obse amos cómo c eamos un descuen o pa a la expe iencia del cu so de
ap endizaje de kayak. El cupón es de un descuen o de diez Eu os en la adquisición de la
expe iencia y iene una echa de caducidad pa a el 2019-06-14.
En in o mes, podemos e las es adís icas de las comp as ealizadas du an e un iempo
de e minado y el p og eso de la ienda como se mues a en la siguien e igu a:
47
Figu a de las es adís icas de los in o mes
En el submenú ajus es podemos con igu a los da os gene ales como los países dónde
amos a ende , di ección y ubicación de la emp esa y moneda de pago. Además de los
da os gene ales, exis e un submenú de pes añas donde podemos con igu a p oduc os,
impues os, en ío, pagos, cuen as y p i acidad, co eos elec ónicos y un menú a anzado
donde podemos pe sonaliza los con enidos de WooComme ce pa a que sepa dónde
en ia a los usua ios pa a inaliza la comp a.
Figu a de las pes añas de ajus es de WooComme ce
En el submenú p oduc os con igu amos las unidades de peso, dimensiones y
alo aciones de los p oduc os.

48
Figu a de con igu ación de p oduc os
Submenú de impues os:
Figu a de con igu ación de impues os
49
Submenú de en ío:
Figu a de con igu ación de zona de en íos
Submenú de pagos:
Figu a de con igu ación de pagos
Respec o el submenú de cuen as y p i acidad, se ha con igu ado pa a pe mi i a un
usua io adqui i un p oduc o sin c ea una cuen a.
En el submenú co eos elec ónicos ges ionamos los lis ados de los a isos en iados po
co eo elec ónico desde WooComme ce, así como el nomb e del emi en e y la plan illa
del co eo elec ónico.
Cabe des aca que es e plugin no unciona si no subimos nues a ienda online a un
se ido jun o a un dominio.
Respec o los p oduc os, se ges ionan desde el menú P oduc os en el panel del
adminis ado .
50
Figu a del menú de p oduc os
An es de añadi p oduc os se deben c ea ca ego ías pa a es uc u a cada p oduc o a
la ca ego ía a la que pe enece. Pa a c ea una ca ego ía bas a con i al submenú
Ca ego ías del menú P oduc os y podemos in oduci una nue a. En la siguien e igu a
se mues an las ca ego ías ac uales de la ienda, pe enecien es a las expe iencias:
Figu a de las ca ego ías exis en es en la ienda
Cookie No ice: in o ma elegan emen e a los usua ios que u si io u iliza cookies, y ayuda
a cumpli con el los eglamen os de la ley RGPD de cookies pa a la Unión Eu opea. Dicho
mensaje apa ece en la página p incipal la p ime a ez que en amos en la ienda online,
posee dos bo ones, uno pa a acep a las cookies y o o pa a lee la polí ica de cookies
con más de enimien o.
Figu a del mensaje de uso de cookies
51
C you Se ious Slide : plugin pa a el e ec o del zoom al desliza el a ón sob e una imagen
de un p oduc o.
GT ansla e: es el plugin enca gado de aduci a la ienda en a ios idiomas, si uando de
o ma a ac i a en la cabece a bande as de los idiomas disponibles pa a que el usua io
pueda elegi el deseado. Se ha p obado es e plugin con el español como lengua na i a
de la ienda y el ancés.
Theme My Login: es e plugin se enca ga del inicio de sesión, egis o y con aseña den o
de la ienda. Se ha u ilizado solo pa a inicia sesión con el adminis ado .
Wo dP ess Impo e : plugin pa a impo a en adas, páginas en e o as opciones desde
un a chi o de expo ación. Se ha u ilizado pa a impo a alguna de las en adas de o o
p oyec o a modo de p ueba.
Yoas SEO: es un plugin que ealiza un análisis del con enido de la ienda pa a acili a la
comp ensión an o a isi an es como a los as eado es de los mo o es de búsqueda de
los p oduc os u ilizados. En cada p oduc o, ealiza un análisis y mues a al adminis ado
los esul ados de dichos análisis pa a ealiza una mejo ía en la in o mación de dicho
p oduc o pa a así mejo a an o su en a como su posicionamien o en los mo o es de
búsqueda. En la siguien e igu a emos cómo nos mues a un análisis de la in o mación
de la expe iencia “sal o en pa acaídas”:
Figu a del análisis de legibilidad de Yoas SEO
58
A con inuación, se mues a el g á ico de la base de da os de Wo dP ess:
Figu a de la base de da os de Wo dP ess

59
Ins ucciones de ins alación
Las ins ucciones a segui pa a ins ala la aplicación son:
- Ins ala la base de da os en el se ido XAMPP o localhos . U iliza emos el sc ip
ai ilka.sql pa a impo a la base de da os de la aplicación web y ilkasshop.sql pa a la
ienda de Wo dP ess. Debemos c ea un usua io “mam” con odos los p i ilegios en
phpMyAdmin.
- El adminis ado iene po de ec o y el usua io y con aseña como se dijo pa a la
aplicación web es usua io: admin y con aseña adminpass y pa a la ienda es usua io:
mam y con aseña: mam.
Dejamos las ca pe as 99 y Wo dP ess en el di ec o io h docs del se ido XAMPP
Capí ulo 6
Conclusiones y abajo u u o
En es e capí ulo se en oca á la desc ipción de las me as alcanzadas del p oyec o, las
di icul ades que se han encon ado en su desa ollo y las u u as modi icaciones e
in eg aciones al p oyec o pa a su mejo a.
6.1 Conclusiones
Las p incipales me as del p oyec o e an c ea una aplicación web de ges ión de bille es
combinando PHP, Ajax, Ja aSc ip y MySQL pa a la base de da os, jun o con la c eación
de una ienda online basada en Wo dP ess y una aplicación pa a And oid que haga el
mismo uncionamien o.
60
Los obje i os p incipales sob e la combinación de odas es as ecnologías se ha lle ado
a cabo sa is ac o iamen e ya que se han cumplido las expec a i as del p oyec o a pesa
de habe opado con algunas di icul ades como combina PHP con Ajax pa a hace las
consul as del g á ico de los asien os y pone en ojo los ocupados. O a de las
di icul ades encon adas ue la mig ación de las aplicaciones a un hos emo o ya que
ue necesa io pa a ealiza las p uebas opo unas en la ienda online como el uso de
S ipe pa a los pagos de los p oduc os.
U iliza una plan illa HTML Responsi e ha sido un acie o sin duda ya que me ha
aho ado mucho abajo a la ho a de la c eación de la aplicación And oid.
La segu idad de los o mula ios se eía a ec ada po la limi ación de ap endizaje del lenguaje
Ja aSc ip , pe o ha esul ado más sencillo de lo imaginado. Resul a in e esan e el algo i mo de
alidación del documen o de iden idad o iginal ya que hace a la aplicación web más eal.
La u ilización de Ajax pa a los mapas de selección de o igen y des ino, calenda io o eloj en la
c eación de iaje en modo adminis ado hace que la aplicación enga un a ac i o exquisi o
espec o su apa iencia acili ando el manejo de la misma a los usua ios.
Como conclusión, la ienda online es sin duda una aplicación que se pod ía u iliza de o ma
p o esional sin duda ya que cumple los equisi os y unciones que oda ienda necesi a. Lo que
se pod ía añadi en un u u o se ían más p oduc os y expe iencias a modo de comple a mejo
la ienda.
6.2 T abajo u u o
6.2.1 Inco po ación de edes sociales
Ac ualmen e las edes sociales son un pila impo an e de una emp esa a la ho a de publica su
con enido. Es una buena opción añadi cuen as de edes sociales pa a publica los p oduc os de
la ienda y o e as de uelos.
6.2.2 Añadi e minales a la ho a de c ea un uelo
Todo ae opue o se o ganiza po e minales, se ía in e esan e añadi la opción de c ea
e minales y o ganiza los uelos a base de ellas desde el menú del adminis ado .
61
6.2.3 Mejo a el g á ico de asien os
El uncionamien o del g á ico de asien os sin duda se ha log ado, sin emba go, el g á ico en sí
ha quedado dibujado de una o ma es ánda , cabe la posibilidad de mejo ía en el g á ico
simulando a un a ión.
6.2.4 Habili a más o mas de pago en la ienda
En la ienda ac ualmen e es án ac i ados como o ma de pago a je as de c édi o y PayPal, sin
emba go, se pod ían con igu a más o mas de pago ecien es como googlePay (pa a ac i a
S ipe es necesa io subi la aplicación a un se ido emo o, sin emba go, la aplicación de es e
p oyec o es á en un se ido local. Sólo ue subida a un se ido emo o pa a ealiza las p uebas
opo unas sob e las aplicaciones que eque ían de dicho se ido , pos e io men e se ha seguido
abajando en el se ido local ya que uno emo o equie e de pago mensual).
6.2.5 En ia un co eo con el bille e adqui ido y eco da o io el día an e io al uelo
Algo que añadi ía a la aplicación sin duda es la mensaje ía ía co eo con el bille e comp ado y
el a iso po SMS con un eco da o io el día an es de la salida del a ión, conside o que ha ían
que la aplicación sea más a ac i a.
62
Capí ulo 7
Conclusions and u u e wo k
In his chap e he desc ip ion o he goals eached o he p ojec , he di icul ies ha ha e been
ound in i s de elopmen and he u u e modi ica ions and in eg a ions o he p ojec o i s
imp o emen will be ocused.
7.1 Conclusions
The main goals o he p ojec we e o c ea e a web applica ion o managing bankno es
combining PHP, Ajax, Ja aSc ip and MySQL o he da abase, along wi h he c ea ion o an
online s o e based on Wo dP ess and an And oid applica ion ha pe o ms he same ope a ion.
The main objec i es on he combina ion o all hese echnologies has been ca ied ou
sa is ac o ily since he expec a ions o he p ojec ha e been me despi e ha ing encoun e ed
some di icul ies such as combining PHP wi h Ajax o que y he g aph o he sea s and pu in he
busy ones. Ano he o he di icul ies encoun e ed was he mig a ion o he applica ions o a
emo e hos since i was necessa y o pe o m he app op ia e es s in he online s o e as he
use o S ipe o he paymen s o he p oduc s.
Using a HTML Responsi e empla e has been a success wi hou a doub since i has sa ed me a
lo o wo k when i comes o c ea ing he And oid applica ion.
The secu i y o he o ms was a ec ed by he lea ning limi a ions o he Ja aSc ip language, bu
i has been simple han imagined. The alida ion algo i hm o he o iginal iden i y documen is
in e es ing since i makes he web applica ion mo e eal.
The use o Ajax o he selec ion maps o o igin and des ina ion, calenda o clock in he c ea ion
o a el in adminis a o mode makes he applica ion has an exquisi e appeal wi h espec o
i s appea ance acili a ing he managemen o i o he use s.
In conclusion, he online s o e is undoub edly an applica ion ha could be used p o essionally
wi hou a doub since i mee s he equi emen s and unc ions ha e e y s o e needs. Wha
could be added in he u u e would be mo e p oduc s and expe iences in o de o be e
comple e he s o e.
63
7.2 Fu u e wo k
7.2.1 Inco po a ion o social ne wo ks
Cu en ly social ne wo ks a e an impo an pilla o a company when publishing i s con en . I is
a good op ion o add social media accoun s o publish he s o e's p oduc s and ligh o e s.
7.2.2 Add e minals when c ea ing a ligh
E e y ai po is o ganized by e minals, i would be in e es ing o add he op ion o c ea e
e minals and o ganize ligh s based on hem om he adminis a o 's menu.
7.2.3 Imp o e he sea ing g aph
The pe o mance o he sea ing cha has undoub edly been achie ed, howe e he g aphic i sel
has been d awn in a s anda d way, he e is he possibili y o imp o emen in he g aphic
simula ing an ai plane.
7.2.4 Enable mo e o ms o paymen in he s o e
In he s o e a e cu en ly ac i a ed as a o m o paymen c edi ca ds and PayPal, howe e , you
could con igu e mo e ecen paymen me hods such as googlePay ( o ac i a e S ipe is necessa y
o upload he applica ion o a emo e se e , howe e , he applica ion o his The p ojec is on
a local se e , i was only uploaded o a emo e se e o pe o m he app op ia e es s on he
applica ions ha equi ed ha se e , la e i has con inued wo king on he local se e since a
emo e one equi es a mon hly paymen ).
7.2.5 Send an email wi h he icke pu chased and eminde he day be o e he ligh
Some hing ha would add o he applica ion wi hou a doub is he cou ie ia email wi h he
pu chased icke and he no i ica ion by SMS wi h a eminde he day be o e he depa u e o
he plane, I belie e ha hey would make he applica ion mo e a ac i e.

64
Bibliog a ía
[1] h ps://es.wikipedia.o g/wiki/Wo dP ess
[2] h ps://es.wikipedia.o g/wiki/PHP
[3] h ps://es.wikipedia.o g/wiki/Ja aSc ip
[4] h ps://es.wikipedia.o g/wiki/Ajax_de_%C3%81ms e dam
[5] h ps://es.wikipedia.o g/wiki/JQue y
[6] h ps://es.wikipedia.o g/wiki/SQL
[7] h ps://es.wikipedia.o g/wiki/XAMPP
[8] h ps://es.wikipedia.o g/wiki/No epad%2B%2B
[9] h ps://es.wikipedia.o g/wiki/And oid_S udio
[10] h ps://es.wikipedia.o g/wiki/HTML5
[11] h p://www.osca abad olguei a.com/guia-la-base-da os-wo dp ess/
[12] h ps://h ml5up.ne /massi ely
Vol e al índice