Desarrollo de una aplicación web de gestión de billetes para compañía aérea + Apk Android + tienda en WordPress

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