Desarrollo de un sitio Web para una agencia de viajes

Escuela Técnica Supe io de Ingenie ía In o má ica Uni e si a Poli ècnica de València Desa ollo de un si io Web pa a una agencia de iajes P oyec o Final de Ca e a [ Ingenie ía Técnica In o má ica de Sis emas ] Au o : Pa icia Baixauli Sánchez Di ec o : Félix Buendía Ga cía Sep iemb e 2015 Desa ollo de un si io Web pa a una agencia de iajes 2 3 Resumen En los úl imos años ha habido un aumen o de los iajes de ocio en odo el mundo, siendo uno de los negocios más en auge. Cada día exis en más agencias de iaje o si ios web en los que el usua io puede encon a el iaje soñado y siemp e al mejo p ecio. Po eso, noso os que emos o ece una he amien a pa a que el usua io sea capaz de descub i cuál es su des ino pe ec o pa a unas acaciones inol idables. Pa a ello, hemos c eado un si io web que les pe mi i á eco e el mundo según las p e e encias de cada uno de ellos desde cualquie luga del mundo. Palab as cla e: iajes, des ino, país, ecomendado . Desa ollo de un si io Web pa a una agencia de iajes 4 Tabla de con enidos Con enido Tabla de con enidos ........................................................................................... 4 1 In oducción ................................................................................................ 6 1.1 Obje i os ............................................................................................... 6 1.2 Con ex o ............................................................................................... 6 1.3 Es uc u a de la memo ia del p oyec o ................................................ 8 2 Especi icación de equisi os ........................................................................ 9 2.1 In oducción .......................................................................................... 9 2.1.1 Ámbi o ............................................................................................... 9 2.1.2 De iniciones, ac ónimos y ab e ia u as .......................................... 10 2.1.3 Re e encias ...................................................................................... 10 2.1.4 Visión global .................................................................................... 10 2.2 Desc ipción gene al ............................................................................ 11 2.2.1 Pe spec i a del p oduc o ................................................................ 11 2.2.2 Funciones del p oduc o ................................................................... 11 2.2.3 Ca ac e ís icas del usua io .............................................................. 12 2.2.4 Res icciones gene ales ................................................................... 13 2.3 Requisi os especí icos ......................................................................... 13 2.3.1 In e az ............................................................................................ 13 2.3.2 Con enido ........................................................................................ 15 2.3.3 Funciones ........................................................................................ 16 3 Análisis ....................................................................................................... 17 3.1 Diag ama de clases ............................................................................. 17 3.2 Diag amas de casos de uso ................................................................. 19 4 Diseño ........................................................................................................ 22 4.1 In oducción ........................................................................................ 22 4.2 A qui ec u a del sis ema .................................................................... 22 4.2.1 Capa de p esen ación ...................................................................... 24 4.2.2 Capa de negocio .............................................................................. 28 5 4.2.3 Capa de da os .................................................................................. 29 5 Implemen ación ........................................................................................ 32 5.1 Tecnologías ......................................................................................... 32 5.1.1 Capa de p esen ación ...................................................................... 32 5.1.2 Capa de negocio .............................................................................. 35 5.1.3 Capa de da os .................................................................................. 36 5.2 He amien as ...................................................................................... 37 5.2.1 No epad++ ....................................................................................... 37 5.2.2 XAMPP Se e .................................................................................. 38 5.2.3 Apache ............................................................................................. 38 5.2.4 Adobe Pho oshop ............................................................................ 39 5.3 De alles de implemen ación ............................................................... 40 5.3.1 Es uc u a de la página web ............................................................ 40 5.3.2 Todos los usua ios ........................................................................... 44 5.3.3 Usua io egis ado ........................................................................... 55 5.3.4 Usua io adminis ado .................................................................... 57 6 E aluación .................................................................................................. 60 6.1 In oducción ........................................................................................ 60 6.2 P uebas ............................................................................................... 60 6.2.1 P uebas de esolución ..................................................................... 60 6.2.2 P uebas con na egado es ............................................................... 65 7 Conclusiones .............................................................................................. 68 8 Bibliog a ía ................................................................................................. 70 Anexo A ............................................................................................................ 71 Desa ollo de un si io Web pa a una agencia de iajes 6 1 In oducción En es e documen o se esume la memo ia del P oyec o Final de Ca e a (a pa i de aho a PFC) ealizado po Pa icia Baixauli Sánchez, pe enecien e a la i ulación de Ingenie ía Técnica Supe io en In o má ica de Sis emas pa a la Uni e sidad Poli écnica de Valencia. 1.1 Obje i os El p incipal obje i o ma cado con la ealización de es e p oyec o se á desa olla un si io web pa a la ecomendación de des inos u ís icos que pe mi a: • O ece al usua io la posibilidad de il a des inos según sus necesidades • Busca des inos según zonas geog á icas • Consul a sus úl imas búsquedas • Recomenda iajes a los des inos seleccionados Como ya exis en muchos si ios web en la ed que o ecen iajes o ganizados a des inos, se ha que ido da un en oque di e en e a nues o si io web pa a pode ealiza algo dis in o a lo que el me cado ya o ece. Po lo an o, no es obje i o compe i con los si ios de iajes ya exis en es sino más en la idea de pode o ece un ca álogo de des inos al usua io según sus gus os y necesidades. O os de los obje i os del p oyec o es que sea compa ible y usable desde la mayo ía de disposi i os que hoy en día es án en pleno auge, como puedan se los sma phones o las able s. Po eso, es e si io web se p og ama á con ecnologías especí icas pa a el desa ollo mó il. 1.2 Con ex o Como ya se ha comen ado, exis en mul i ud de si ios web pa a la ese a de iajes pe o pocos ecomendado es pa a busca des inos no conocidos o des inos que se adap en a nues as necesidades. Exis en algunos si ios web pa a la ecomendación de des inos o pa a búsquedas según gus os y necesidades, así que en esos ejemplos nos hemos apoyado pa a la ealización de es e p oyec o. 7 Pa a nues o si io web nos hemos basado en dos si ios especialmen e, que son way-away y Busco un iaje. Los ejemplos de sus si ios web los podemos e en la ilus ación 1 y 2. Ilus ación 1. www.way-away.es Ilus ación 2. www.buscoun iaje.com Desa ollo de un si io Web pa a una agencia de iajes 8 1.3 Es uc u a de la memo ia del p oyec o La siguien e memo ia se es uc u a siguiendo las dis in as ases po las que ha pasado el p oyec o del po al web has a la implemen ación inal del mismo. La memo ia se di ide en los siguien es capí ulos: • Capí ulo 1. In oducción En es e pun o se desc iben los obje i os, mo i aciones y con ex o en el que se p opone y se ealiza es e p oyec o de si io web. • Capí ulo 2. Especi icación de equisi os En la especi icación de equisi os se ecogen odos los pun os a ene en cuen a pa a la ealización del p oyec o. Desde la mo i ación inicial has a las unciones inales del p oduc o. • Capí ulo 3. Análisis En es e pun o se a an los casos de uso, las clases que end á el p oyec o inal y los diag amas de lujo de las di e en es uncionalidades. • Capí ulo 4. Diseño A qui ec u a y diseño de la aplicación, an o a ni el supe icial como en o os ni eles. • Capí ulo 5. Implemen ación Se desc iben odos los se icios implemen ados en las di e en es capas, las he amien as u ilizadas, la es uc u a global del si io web y las p uebas ealizadas. • Capí ulo 6. Conclusión Conclusiones después de ealiza el abajo y p oblemas y objeciones encon ados du an e el p oceso. • Capí ulo 7. Bibliog a ía Tex os y ma e ial u ilizados pa a la edacción y ealización del p oyec o. Al inal de la memo ia se incluyen di e sos anexos pa a complemen a la in o mación de los apa ados an e io es. 9 2 Especi icación de equisi os 2.1 In oducción La especi icación de equisi os de so wa e (ERS) se u iliza pa a desc ibi comple amen e el compo amien o del sis ema que se a a desa olla . Aquí se an a desc ibi los equisi os uncionales y las ca ac e ís icas de diseño de in e az y de uso que end á nues a página web. 2.1.1 Ámbi o Es e P oyec o es á o ien ado a la p og amación e implemen ación de un po al web dedicado a la búsqueda de des inos pa a iaja . La idea pa a lle a a cabo es e p oyec o nació de la al a de opciones a la ho a de encon a un des ino que se adap e a nues as necesidades an o como a nues os gus os. Po ello, es e p oyec o puedo ayuda a la gen e a encon a un des ino de iajes in oduciendo muy pocos da os. En nues a página se pe mi i á elegi en e 7 zonas di e en es del globo e áqueo pa a delimi a un poco la búsqueda. Se pod á después a ina más la búsqueda in oduciendo di e en es c i e ios esenciales pa a el iaje o, al como puede se que sea un des ino de playa o pa a hace u ismo po g andes ciudades. Después de la elección del des ino se pod án con empla los di e en es ipos de acaciones que se o ecen pa a ese des ino, odo dependiendo de la búsqueda que haya hecho el usua io. Las búsquedas de los usua ios egis ados queda án gua dadas en un his ó ico que pod á consul a cuando necesi e. Hab á dos ipos de usua io pa a el acceso a la web, el in i ado y el egis ado, y cualquie a de ellos pod á ealiza búsquedas en el po al, sin que las del usua io in i ado queden gua dadas pa a pos e io consul a. El usua io adminis ado pod á además inse a un nue o des ino desde la p opia página web. Exis en además dos módulos ex a que son un ecomendado alea o io de des inos pa a aquellos usua ios que no quie an hace una búsqueda, así como un apa ado de úl imas búsquedas pa a e los úl imos des inos buscados (en caso de se un usua io egis ado). Desa ollo de un si io Web pa a una agencia de iajes 16 Una ez elegido el des ino, se pod á e una imagen en un amaño mayo que el an e io , el nomb e del des ino, la zona y los equisi os que cumple ese des ino pa a el usua io. Apa e de la in o mación del des ino, se e án las di e en es ac i idades o excu siones que se pueden ealiza en el des ino o ce ca de él, mos ando in o mación al cómo los días, el p ecio y en qué ipo de ac i idad se puede encasilla . El con enido ambién inclui á una página de úl imas búsquedas ealizadas po los usua ios (sólo usua ios egis ados). En ella se mos a án las 10 úl imas búsquedas ealizadas po el usua io, mos ándose los da os del o mula io que se en ió pa a encon a des inos. Desde es a pa e se puede accede di ec amen e a la búsqueda y ol e a ene los des inos que ya se ie on en la búsqueda an e io . Exis i á ambién un apa ado de des inos alea o ios pa a los más indecisos donde no hay que in oduci ningún da o. Es os des inos se gene a án de un modo alea o io cada ez que un usua io pulse el bo ón. 2.3.3 Funciones En es e pun o se desc iben las unciones y se icios que o ece á el si io web ecomendado de des inos. Algunos de ellos ya se han mencionado en pun os an e io es. Pa a mejo a la comp ensión se han clasi icado dependiendo del ipo de usua io que accede al si io web, dependiendo del ni el de accesibilidad que le pe enezca. Las unciones se pueden con empla en el Anexo A, al inal del documen o. 17 3 Análisis Es e capí ulo a a á de hace una unión en e el pun o an e io de los equisi os ma cados pa a el si io web y la u u a implemen ación que ha emos. Se in en a á aduci las necesidades y especi icaciones del si io web a un lenguaje que nos acili e la implemen ación del sis ema. Pa a ello c ea emos di e en es modelos y di e en es lujos de in o mación según las opciones elegidas po el usua io. Es os modelos y lujos de in o mación nos pe mi i án comp ende mejo desde y hacia donde debe mo e se la in o mación de la que disponemos, lo que nos acili a á la implemen ación así como ampliaciones o mejo as en caso de que ue a así. Pa a de ini es os modelos nos ayuda emos de UML, el lenguaje uni icado de modelado. Aunque UML de ine una g an can idad di e en e de diag amas, en nues o caso nos cen a emos en los siguien es dos ipos de diag amas: • Diag ama de clases • Diag ama de casos de usos Cada uno de es os diag amas cub e una pa e di e en e del análisis de la aplicación lo que nos pe mi i á cub i dis in os aspec os del desa ollo del si io. 3.1 Diag ama de clases Es e ipo de diag ama nos desc ibe la es uc u a de un sis ema mos ando las en idades, a ibu os y las elaciones exis en es en e ellos. Es os diag amas se u ilizan du an e el análisis y diseño de aplicaciones o si ios web pa a ene una idea concep ual de la in o mación que maneja á la aplicación, po dónde se ha de mo e , los componen es necesa ios pa a el co ec o uncionamien o y la elación en e ellos. Es e diag ama nos pe mi e conoce que in o mación maneja á la aplicación y qué pod emos ob ene de ella a g andes asgos. En la ilus ación 5 podemos e el diag ama de clases inicial. Desa ollo de un si io Web pa a una agencia de iajes 18 Ilus ación 5. Diag ama de clases inicial Después de e isa el diseño an e io , con enimos que e a mejo cambia la es uc u a de en idades pa a alige a el diseño y acili a las consul as. La ilus ación 6 mues a el diseño inal del diag ama de clases. Ilus ación 6. Diag ama de clases inal En el diag ama inal nos encon amos cua o en idades impo an es pa a el si io web. El p opio ecomendado de iajes que ac úa de en idad mad e de la que odos dependen. 19 Des ino: Es a es la en idad que ecoge odos los des inos disponibles en nues o sis ema. Es la en idad p incipal de nues o si io web ya que iene la in o mación más impo an e que se puede e en él. P oduc o: Es a en idad iene una elación di ec a con des ino. Cada uno de los des inos puede ene en e 0 y muchos p oduc os que o ece . Cuando elegimos un des ino, podemos e odo lo que se o ece en el mismo. Usua io: En es a clase podemos egis a nos como usua ios o loguea nos en el sis ema como adminis ado es o usua ios comunes. Úl imas búsquedas: En es a en idad lo que hacemos es uni el usua io con las búsquedas ealizadas, pudiendo mos á selas y pe mi iendo nue as búsquedas desde ahí mismo. 3.2 Diag amas de casos de uso El diag ama de caso de uso es usado pa a iden i ica los elemen os p ima ios y los p ocesos que o man el sis ema. Los elemen os p ima ios son llamados “ac o es” y los p ocesos “casos de uso”. Los diag amas de casos de uso mues an qué ac o es in e ac úan con cada caso de uso. Ilus ación 7. Ac o es del sis ema La ilus ación 7 nos mues a los dis in os ac o es que end án acceso al si io web. Desa ollo de un si io Web pa a una agencia de iajes 20 A con inuación desc ibi emos las acciones que puede ealiza cada uno de ellos. Usua io: El ac o p incipal usua io puede ealiza la búsqueda de des inos y los des inos alea o ios. Además ambién puede egis a se en el sis ema. El es o de ac o es end án unas ca ac e ís icas p opias que sólo pod án ealiza ellos. En es e caso, odas las acciones que pueda ealiza el ac o usua io, ambién las pod á ealiza el ac o in i ado. En la ilus ación 8 podemos e los casos de uso del ac o “usua io”. Ilus ación 8. Casos de uso del ac o usua io Usua io egis ado: El ac o usua io egis ado es un usua io in i ado que se ha egis ado en el sis ema. Las acciones pe mi idas a un usua io egis ado son: • Loguea se en el sis ema • Gua da odas las búsquedas ealizadas • Ve las úl imas búsquedas ealizadas y elanza las En la siguien e ilus ación, la 9, podemos e el diag ama de casos de uso del ac o usua io egis ado. 21 Ilus ación 9. Casos de uso de usua io egis ado Adminis ado : El ac o adminis ado puede además de odas las acciones an e io es, alguna más que solo su condición de adminis ado del sis ema le pe mi e. La ilus ación 10 nos mues a su diag ama de casos de uso. Ilus ación 10. Casos de uso de ac o adminis ado Desa ollo de un si io Web pa a una agencia de iajes 22 4 Diseño 4.1 In oducción En nues o si io web se ha op ado po un modelo de p og amación po capas. Las capas que con iene nues o diseño son la capa de p esen ación, la de negocio y la de da os. Es e modelo p opone la sepa ación de la lógica de negocio de la de diseño o la de da os. Op a po es e modelo nos pe mi e ene cla amen e sepa ados las es uncionalidades di e en es. Es o nos pe mi e aho a nos incon enien es en cuan o a escalabilidad, disponibilidad y segu idad del sis ema, an o como pa a u u as mejo as o ampliaciones, pe mi iendo un a ance mucho más ápido en el conocimien o de la aplicación. 4.2 A qui ec u a del sis ema La a qui ec u a de es capas po la que hemos op ado en nues o si io web sepa a la implemen ación y diseño de la aplicación en 3 capas o ni eles. Po una pa e end emos la capa donde se ges iona la in o mación del sis ema, es deci la base de da os. Seguidamen e end emos la lógica de negocio y po úl imo, enemos la úl ima capa, la in e az g á ica o capa de p esen ación. A con inuación un b e e esumen de lo que con iene cada una de las capas. • Capa de da os: es donde esiden los da os y es la enca gada de accede a los mismos. Es á o mada po uno o más ges o es de bases de da os que ealizan odo el almacenamien o de da os, eciben solici udes de almacenamien o o ecupe ación de in o mación desde la capa de negocio. • Capa de negocio: es donde esiden las unciones que se ejecu an, se eciben las pe iciones del usua io y se en ían las espues as as el p oceso. Se denomina capa de negocio (e incluso de lógica del negocio) po que es aquí donde se es ablecen odas las eglas que deben cumpli se. Es a capa se comunica con la capa de p esen ación, pa a ecibi las solici udes y p esen a los esul ados, y con la capa de da os, pa a solici a al ges o de base de da os almacena o ecupe a da os de él. • Capa de p esen ación: la que e el usua io ( ambién se la denomina "capa de usua io"), p esen a el sis ema al usua io, le comunica la in o mación y cap u a la in o mación del usua io en un mínimo de 23 p oceso ( ealiza un il ado p e io pa a comp oba que no hay e o es de o ma o). También es conocida como in e az g á ica y debe ene la ca ac e ís ica de se "amigable" (en endible y ácil de usa ) pa a el usua io. Es a capa se comunica únicamen e con la capa de negocio. La ilus ación 11 nos mues a un diag ama de la a qui ec u a de es capas. Usua ios Capa de p esen ación Capa de negocio Capa de da os O ígenes de da os Ilus ación 11. A qui ec u a de es capas. Como en ajas de es a a qui ec u a des aca emos las siguien es: • Las llamadas de la in e az de usua io en la es ación de abajo al se ido de capa in e media son más lexibles que el diseño de dos capas, ya que la es ación solo necesi a ans e i pa áme os a la capa in e media. • Con la a qui ec u a de es capas la in e az del clien e no es eque ida pa a comp ende o comunica se con el ecep o de los da os, po lo an o, esa es uc u a de da os puede se modi icada sin cambia la in e az de usua io. Desa ollo de un si io Web pa a una agencia de iajes 24 • El código de la capa de negocio puede se eu ilizado po o as unciones si es á diseñado en o ma o modula . • La sepa ación de oles en es capas hace más ácil eemplaza o modi ica una capa sin a ec a a los módulos es an es. 4.2.1 Capa de p esen ación Como ya hemos comen ado en el pun o an e io es a capa se enca ga de p o ee una in e az en e el sis ema y el usua io. Es a capa es la esponsable de la comunicación de in o mación al usua io po pa e del sis ema y ice e sa, man eniendo és a a su ez una comunicación exclusi a con la capa de negocio. Es e apa ado a a desc ibi el diseño elegido pa a la capa de p esen ación del si io web del ecomendado . El si io web dispone de una in e az sencilla y uncional pa a que el usua io pueda ac ua con el sis ema de una o ma ácil y amigable. Pa a el menú inicial se ha c eado un HTML desde ce o, u ilizando elemen os jQue y pa a da le dinamismo y usabilidad. La página inicial con iene los siguien es elemen os: Ilus ación 12. Cabece a del si io web. Una cabece a (ilus ación 12) donde según en la página del si io web que nos encon emos, nos mos a á un í ulo u o o. En el caso de la página inicial, end emos el í ulo del si io web. Ilus ación 13. Mensaje de bien enida. Después del í ulo nos encon amos con el mensaje de bien enida que pe mi e sabe al usua io si se encuen a egis ado en ese momen o o solo 25 es á accediendo como in i ado al si io web. Lo podemos e en la ilus ación 13. Ilus ación 14. Menú de la página inicial. El menú p incipal se p esen a en un aco deón. Se puede con empla en las ilus ación 14. Desde el enemos acceso a odas las unciones que se pe mi en en el si io web. Es o nos pe mi e ene un menú ag upado y sencillo que ayuda al usua io a conoce en cada momen o qué unciones puede ejecu a . El diseño escogido pa a mos a los da os ob enidos de la base de da os es á basado en una aplicación mó il 1 donde se u iliza jQue y Mobile con PhoneGap. De es a aplicación mó il hemos eu ilizado el diseño pa a las lis as de des inos y el des ino elegido. En la ilus ación 15 enemos el ejemplo de diseño de la aplicación módelo. 1 Aplicación mó il C is ophe Coen ae s Desa ollo de un si io Web pa a una agencia de iajes 32 5 Implemen ación En el siguien e apa ado se an a desc ibi las ecnologías, he amien as y los de alles en la implemen ación de la página web 5.1 Tecnologías Pa a la cons ucción de es e si io web hemos u ilizados di e en es ecnologías pa a las di e en es capas que lo componen. En la capa de p esen ación se han u ilizado el lenguaje HTML, así como CSS, pa a man ene el aspec o en las di e en es páginas del si io web. También se han u ilizado los lenguajes Ja asc ip y Jque y, así como Jque y mobile, pa a la mejo a de la na egabilidad y dinamismo de la página web. En la pa e de se ido se ha u ilizado el lenguaje PHP jun o con el mo o de base de da os MySQL. A pa i de aquí amos a p o undiza un poco más en los di e en es lenguajes u ilizados y en qué capa son impo an es. 5.1.1 Capa de p esen ación HTML HTML, en inglés Hype Tex Ma kup Language, es un lenguaje de ma cado pa a la elabo ación de páginas web. Es e lenguaje pe mi e c ea la es uc u a básica de la web y él código HTML, a su ez, de ini el con enido de la página, ya sea como ex o, imágenes o ideos. El lenguaje HTML es un es ánda de la W3C, una o ganización que se enca ga de la es anda ización de muchas de las ecnologías que ienen que e con la web, ya sea e e en e a su esc i u a como a la in e p e ación que se hace del mismo. Es conside ado el lenguaje web más impo an e ya que es es ánda pa a la isualización de páginas web y odos los na egado es ac uales lo han adop ado. Es e lenguaje se basa en las e e encias. Es o signi ica que pa a añadi un elemen o ex e no a la página web, lo que se hace es una e e encia a la ubicación del elemen o median e ex o. Po lo an o, la página web solo con end á ex o que un na egado web debe á in e p e a . A día de hoy odos los na egado es en ienden y son capaces de in e p e a el código HTML en cualquie a de sus e siones, aunque es o cause que eamos 33 di e encias en e los di e en es na egado es y sus e siones a la ho a de in e p e a el código. Al se un lenguaje de e e encias y de e ique as, no se necesi a de un compilado o un p og ama especial pa a su p og amación. Se pueden u iliza los edi o es de ex o de cualquie sis ema ope a i o, ya se Bloc de No ad de Windows, como Vi de Unix. En nues o caso el HTML nos si e pa a la pa e isual de nues o si io web. Lo u ilizamos pa a c ea una página inicial con las di e en es opciones que se le o ecen al usua io y luego dos páginas con una es uc u a simila pa a mos a la búsqueda de des inos y los des inos en sí. CSS CSS, en inglés Cascading S yle Shee s o en español Hoja de es ilos en cascada es un lenguaje u iliza pa a de ini la pa e isual de un documen o es uc u ado esc i o en HTML o XML. En es e caso es ambién el W3C el esponsable de es anda iza la especi icación de las hojas de es ilos an o pa a los agen es de usua io como pa a los na egado es. La idea p incipal del CSS es la de sepa a la es uc u a del documen o de la p esen ación del mismo. Las en ajas que nos supone la u ilización de CSS en la web son, po un lado la eu ilización de es ilos pa a di e en es páginas sin ene que ol e a eesc ibi el mismo es ilo pa a di e en es elemen os y la mejo a de la accesibilidad al documen o al pode p escindi de las ablas, así como de o os elemen os de diseño, que ya es án des asados y que algunos na egado es no pueden in e p e a . Ja aSc ip Ja aSc ip es un lenguaje de p og amación in e p e ado, dialec o del es ánda ECMASc ip . Se de ine como o ien ado a obje os, basado en p o o ipos, impe a i o, débilmen e ipado y dinámico. Se u iliza p incipalmen e en su o ma del lado del clien e (clien -side), implemen ado como pa e de una na egado web pe mi iendo mejo as en la in e az de usua io y páginas web dinámicas aunque ambién exis e una o ma de Ja aSc ip del lado del se ido (Se e -side Ja aSc ip o SSJS). Su uso en o as aplicaciones di e en es a la web, como po ejemplo en documen os PDF o Widge s de esc i o io, es ambién signi ica i o. Desa ollo de un si io Web pa a una agencia de iajes 34 El lenguaje Ja aSc ip se diseñó con una sin axis simila al lenguaje de p og amación C, aunque adop a nomb es y con enciones del lenguaje Ja a. Sin emba go, no exis e elación en e Ja a y Ja aSc ip y sus p opósi os son di e en es. Todos los na egado es mode nos in e p e an el código Ja aSc ip que iene in eg ado en las páginas web. Pa a in e ac ua con una página web se p o ee al lenguaje Ja aSc ip de una implemen ación del DOM o Modelo de Obje os del Documen o. Ja aSc ip se ha u ilizado adicionalmen e en páginas web pa a ealiza ope aciones en la aplicación clien e, sin acceso a unciones del se ido . Hoy en día es ampliamen e u ilizado pa a en ia y ecibi in o mación del se ido jun o con la ayuda de o as ecnologías como AJAX. Ja aSc ip se in e p e a en la aplicación al mismo iempo que las sen encias se an desca gando jun o con el código HTML. En el si io web u ilizamos ja asc ip pa a aquellas unciones en la que no es necesa ia la in e ención del se ido o pa a da un poco de dinamismo a la web. Valida campos en o mula ios, expandi el menú aco deón de la página inicial o la ansición en e las páginas de búsqueda son ambién a ea del ja asc ip . jQue y jQue y no es una ecnología en sí, sino una biblio eca de Ja aSc ip , c eada po John Resig, que pe mi e simpli ica la mane a de in e ac ua con los documen os HTML, manipula el á bol DOM, maneja e en os, desa olla animaciones y ag ega in e acción con la écnica AJAX a páginas web. jQue y es la biblio eca de Ja aSc ip más u ilizada, ya que pe mi e cambia el con enido de una página web sin necesidad de eca ga la. jQue y es so wa e lib e y código abie o, pe mi iendo su uso an o en p oyec os lib es como p i ados. jQue y, al igual que o as biblio ecas, o ece una se ie de uncionalidades basadas en Ja aSc ip que de o a mane a eque i ían de mucho más código. La biblio eca jQue y es compa ible con los siguien es na egado es: Mozilla Fi e ox 2.0+, In e ne Explo es 6+, Sa a i 3+, Ope a 10.6+ y Google Ch ome 8+. Como ya hemos leído, se a a de una biblio eca de Ja asc ip po lo an o, nos a a ayuda con la pa e dinámica de la web. Con añadi la lib e ía 35 code.jque y enemos acceso a muchas unciones jque y que simpli ican el p oceso de p og amación e implemen ación de cualquie página web. jQue y Mobile jQue y Mobile es un amewo k op imizado pa a disposi i os ác iles que es á siendo desa ollado po el equipo de p oyec o de jQue y. El desa ollo se cen a en la c eación de un F amewo k compa ible con la g an a iedad de sma phones y able s. El amewo k de jQue y Mobile es compa ible con o os amewo ks mó iles y pla a o mas como PhoneGap y Wo kligh en e o os. jQue y Mobile es compa ible con la mayo ía de na egado es ac uales y ambién con las p incipales pla a o mas mó iles como And oid, IOS, Windows Phone, blackbe y, WebOS y Symbian. Con jQue y Mobile nos asegu amos que nues o si io web es isible y pe ec amen e u ilizable po la casi o alidad de sma phones o able s. Con él conseguimos un aspec o sencillo y cla o pa a pode lee y ene una mayo usabilidad en disposi i os con pan alla ác il y una zona de acción educida. En nues o caso podemos e que las páginas en las que se mues an la búsqueda de des inos así como los des inos en sí, los campos y los enlaces mos ados son elemen os g andes donde se puede hace click con el dedo sin necesidad de u iliza un lápiz ác il o ene que amplia la pan alla pa a consegui nues o obje i o. 5.1.2 Capa de negocio PHP PHP es un lenguaje de p og amación de uso gene al de código del lado del se ido o iginalmen e diseñado pa a el desa ollo web de con enido dinámico. Fue uno de los p ime os lenguajes de p og amación del lado del se ido que se podían inco po a di ec amen e al documen o HTML en luga de llama a un a chi o ex e no que p ocesase los da os. El código es in e p e ado po un se ido web con un módulo de p ocesado de PHP que gene a la página Web esul an e. Se puede usa en la mayo ía de los se ido es web al igual que en casi odos los sis emas ope a i os y pla a o mas sin ningún cos o. Desa ollo de un si io Web pa a una agencia de iajes 36 Aunque ue c eado po Rasmus Le do , la implemen ación p incipal de PHP ac ualmen e es p oducida po The PHP G oup y si e como el es ánda pa a PHP al no habe una especi icación o mal. Es á publicado bajo la PHP License a la que la F ee So wa e Founda ion conside a como so wa e lib e. El PHP es el enca gado de odas las unciones que se ealizan en nues o si io web. Al ene que ecupe a los da os de la base de da os necesi amos un lenguaje pa a pode de ol e los da os eque idos. En es e caso el PHP se enca ga de lanza las consul as SQL a la base de da os, de ol e los esul ados o simplemen e inse a in o mación del si io web en la base de da os. Con el PHP nos asegu amos ambién man ene el usua io egis ado du an e oda la isi a g acias a las a iables de sesión. Debido a la a qui ec u a de nues o si io web, nues o documen os PHP de uel en a ays de da os codi icados en JSON pa a que la capa de p esen ación los analice y los pueda mos a co ec amen e. 5.1.3 Capa de da os MySQL MySQL es un sis ema de adminis ación de bases de da os (DBMS) pa a bases de da os elacionales. Así, MySQL no es más que una aplicación que pe mi e ges iona a chi os llamados de bases de da os. La his o ia del MySQL se emi e a p incipios de la décadade 1980. P og amado es de IBM lo desa olla on pa a con a con un código de p og amación que pe mi ie a gene a múl iples y ex ensas bases de da os pa a emp esa y o ganizaciones de di e en e ipo. Una de las ca ac e ís icas más in e esan es de MySQL es que pe mi e ecu i a bases de da os mul iusua io a a és de la web y en di e en es lenguajes de p og amación que se adap an a di e en es necesidades y eque imien os. MySQL ue esc i o en C y C++ y des aca po su g an adap ación a di e en es en o nos de desa ollo, pe mi iendo su in e ac uación con los lenguajes de p og amación más u ilizados como PHP, Pe l y Ja a y su in eg ación en dis in os sis emas ope a i os. También es muy des acable, la condición de open sou ce de MySQL, que hace que su u ilización sea g a ui a e incluso se pueda modi ica con o al libe ad, pudiendo desca ga su código uen e. 37 La base de da os nos si e como base de nues o si io web en odo momen o. Tan o pa a el egis o o el login de usua ios, como pa a de ol e las búsquedas de des inos, o elaciona una búsqueda con un usua io de e minado y así pode p esen a las úl imas búsquedas de ese usua io en pan alla. 5.2 He amien as En es a sección se desc ibi án las he amien as u ilizadas pa a la p og amación y c eación de es a página web. 5.2.1 No epad++ No epad++ es un edi o de ex o y de código uen e, así como un eemplazo pa a el Bloc de no as, que sopo a muchos lenguajes. Sólo unciona bajo Mic oso Windows y su uso es á egulado po la licencia GPL. Basado en el po en e componen e Scin illa, No epad++ es á esc i o en C++ y usa la API Win32 y STL lo que asegu a una al a elocidad de ejecución y un amaño educido del p og ama. La ilus ación 20 mues a una cap u a de pan alla de la aplicación No epad++. Ilus ación 20. Cap u a No epad++. Desa ollo de un si io Web pa a una agencia de iajes 38 5.2.2 XAMPP Se e XAMPP es un se ido independien e de pla a o ma que consis e p incipalmen e en el sis ema de ges ión de base de da os MySQL, el se ido web Apache y los in é p e es pa a lenguajes de sc ip , PHP y Pe l. El p og ama es á libe ado bajo la licencia GNU y ac úa como un se ido web lib e, ácil de usa y capaz de in e p e a páginas dinámicas. Ac ualmen e XAMPP es á disponible pa a Mic oso Windows, GNU/Linux, Sola is y Mac OS X. Se puede u iliza como se ido web al uso, pe o en nues o caso ha sido u ilizado pa a el es eo en local de la página web. Los módulos FileZilla FTP Se e y PHPMyadmin ambién han sido u ilizados. En la ilus ación siguien e, 21, emos una cap u a del Con ol Panel de la aplicación XAMPP. Ilus ación 21. Cap u a XAMPP Con ol Panel. 5.2.3 Apache Apache es un se ido de páginas web HTTP de código abie o pa a pla a o mas Unix, Windows, Mac OS X y o as, que implemen a el p o ocolo HTTP/1.12 y la noción de si io i ual. Cuando comenzó su desa ollo en 1995 se basó inicialmen e en código del popula HTTPd de la NCSA (c eado es del na egado Mosaic), pe o más a de ue eesc i o po comple o. El se ido 39 Apache se desa olla den o del p oyec o HTTP Se e (h pd) de Apache So wa e Founda ion. La misión del se ido Apache es acep a las pe iciones de páginas que p o ienen de los isi an es que acceden a nues o si io web y ges iona su en ega o denegación, de acue do a las polí icas de segu idad es ablecidas. 5.2.4 Adobe Pho oshop Adobe Pho oshop es un edi o de g á icos as e izados desa ollado po Adobe Sys ems Incopo a ed. Usado p incipalmen e pa a el e oque de o og a ías y g á icos, su nomb e en español signi ica li e almen e “ alle de o os”. Fue come cializado inicialmen e pa a compu ado es Apple pe o pos e io men e ambién pa a pla a o mas PC con sis ema ope a i o Windows. En la ilus ación 22 emos una cap u a del p og ama de edición o og á ica Adobe Pho oshop. Ilus ación 22. Cap u a de Adobe Pho oshop. Desa ollo de un si io Web pa a una agencia de iajes 40 5.3 De alles de implemen ación En es e apa ado se an a desc ibi los pasos seguidos pa a la implemen ación de es e si io web. 5.3.1 Es uc u a de la página web El si io web es á es uc u ado de o ma que la misma plan illa nos si a pa a di e en es secciones del si io web. Al hace lo de es a o ma, nos aho amos código y le damos mayo usabilidad al si io web, p opo cionándole al usua io una sensación de amilia idad con el si io y con los di e en es escena ios. Se ha di idido el si io web en es plan illas de in e az di e en es según el con ex o en el que nos encon emos. Tenemos un menú en la página p incipal, una página más e pa a mos a la lis a de des inos, an o buscados como alea o ios, y las úl imas búsquedas ealizadas po el usua io. La úl ima de las plan illas es aquella que nos si e pa a p esen a los de alles del des ino y los ipos de ac i idades o p oduc os que nos puede o ece . Pa a ello hemos c eado una página p incipal o índice donde se mos a á el menú y desde donde se ealiza án odas las acciones posibles en el si io web. En es a página encon amos un mensaje de bien enida que nos si e ambién como ayuda pa a sabe si el usua io es un in i ado o es un usua io p e iamen e egis ado en el si io. Después enemos un menú en o ma de aco deón donde se encuen an odas las unciones disponibles en el si io. ¿Dónde oy?, Login, Regis o, Des inos alea o ios, Inse a des ino y Úl imas búsquedas. Es o lo podemos obse a en la ilus ación 23. 41 Ilus ación 23. Página de inicio. Las unciones que se ealizan en Login, Regis o o inse a nue o des ino no necesi an de in e az g á ica pa a su ejecución y po lo an o quedan ue a de es a desc ipción. El es o de unciones del menú (¿Dónde oy?, Des inos alea o ios y Úl imas búsquedas) nos lle an a una in e az que es la misma pa a las es. Se a a de la página mas e que se u iliza en jQue y Mobile pa a ca ga odas las in e aces y sc ip s que se u iliza án más a de. Desde es a página se puede accede a las páginas siguien es, pe o sin ca ga es a página no ca ga á ninguna o a. La plan illa más e con iene una cabece a, el bo ón pa a ol e a ás y una lis a que se ca ga á con los di e en es sc ip s que hemos ejecu a emos al ca ga la página. El código HTML de la plan illa más e lo podemos e en la siguien e imagen (ilus ación 24). Desa ollo de un si io Web pa a una agencia de iajes 48 Ilus ación 33. Resul ado de la búsqueda de des inos. Cada uno de los elemen os de la lis a es a su ez un link a la desc ipción po meno izada de cada uno de los des inos, po eso si pinchamos en uno de los des inos, ob end emos las ac i idades que podemos ealiza en dicho des ino. Pa a ello, se ha á una llamada a des inodes ails.h ml?id=X siendo el id el núme o del des ino elegido en nues a base de da os. Al inal, ob end emos una is a como la mos ada en la ilus ación 34. Ilus ación 34. Vis a del des ino elegido. En es e caso llamamos p ime o al HTML que ca ga á el ja asc ip que iene inc us ado en la página. Lo p ime o que ha emos se á ecoge el ID que le hemos pasado pa a lanza nues a pe ición al PHP (ilus ación 35). 49 Ilus ación 35. Recoge pa áme os GET. El PHP ecoge la a iable ID y lanza dos consul as dis in as a la base de da os. Una de ellas pa a ecoge la in o mación del des ino y la o a pa a ecoge los di e en es ipos de acaciones (p oduc o) que o ece ese des ino. Una ez que hemos lanzado las consul as a la base de da os, ecogemos los alo es y o mamos un a ay donde i án an o los des inos como los p oduc os pa a de ol e lo al ja asc ip que se enca ga á de mon a el HTML inal. Es e p oceso se puede obse a en la ilus ación 36. Ilus ación 36. Consul as BBDD pa a ob ene des ino elegido. Desa ollo de un si io Web pa a una agencia de iajes 50 Llamamos a la unción DisplayDes ino y lo p ime o que hacemos es ecoge el ipo de des ino que es y los ipos de acaciones que o ece pa a mos a lo como in o mación (ilus ación 37). Ilus ación 37. Mos a in o mación del des ino elegido. Pa a después, ecoge la lis a de p oduc os y mos a la como p oduc os o e ados pa a ese des ino (ilus ación 38). Ilus ación 38. Ca ga de la lis a de p oduc os o e ados po des ino elegido. 51 Los usua ios anónimos o in i ados ambién pueden accede a los des inos alea o ios. Aquí se mos a á una lis a de has a es des inos di e en es que siemp e end án en común la zona geog á ica del mundo y un ipo de ac i idad que se pueda ealiza en ellos. Pa a hace lo de o ma alea o ia u ilizamos la unción and() de PHP pa a c ea dos núme os alea o ios, que se án los ipos de ac i idades y la zona geog á ica. Las dos consul as se mues an a con inuación, en sendas ilus aciones 39 y 40. Ilus ación 39. Consul a alea o ia pa a ipo de des ino. Desa ollo de un si io Web pa a una agencia de iajes 52 Ilus ación 40. Consul a alea o ia pa a zona de des ino. Así mon amos la consul a comple a que lo que hace es busca en la lis a de des inos, aquellos con ese ipo de ac i idad en esa zona de e minada. La consul a SQL se mues a comple a en la ilus ación 41. Ilus ación 41. Consul a SQL con da os alea o ios. Al u iliza la misma plan illa index.h ml que en la lis a de des inos an e io , lo que hacemos es c ea o a unción pa a la lis a de des inos alea o ios. La unción ja asc ip ge RandomLis () de ol e á la lis a de des inos alea o ios. La unción de los des inos alea o ios la podemos e en la ilus ación 42. Ilus ación 42. Mos a lis a alea o ia de des inos. 53 Los usua ios in i ados ienen la posibilidad de egis a se en el sis ema pa a pode ene acceso a, po ejemplo, sus úl imas búsquedas. Pa a ello, deben ellena un o mula io de egis o que se encuen a en el menú de la página inicial bajo el í ulo Regis o (ilus ación 43). Ilus ación 43. Fo mula io de egis o pa a usua ios. El usua io debe ellena un nomb e de usua io, una con aseña y una di ección de co eo elec ónico. Los as e iscos nos indican que son campos obliga o ios pa a ealiza el egis o y, en el caso de no ellena se, el sis ema no nos deja ía a anza con el egis o y e íamos el o mula io con los campos en ojo, como emos en la ilus ación 44. Desa ollo de un si io Web pa a una agencia de iajes 54 Ilus ación 44. Fo mula io de egis o sin alida . Pa a consegui es e e ec o u ilizamos un sc ip (ilus ación 45) que se ejecu a an es de en ia el o mula io a la pa e del se ido . Ilus ación 45. Sc ip de alidación de campos. Una ez que hemos en iado los da os al se ido , lo p ime o que hacemos es comp oba que el nomb e de usua io no exis e en nues a base de da os (ilus ación 46). Ilus ación 46. Consul a SQL exis e usua io. 55 Si es a unción nos de uel e un conjun o acío, sabemos que el usua io no exis e y po an o podemos p ocede a inse a los da os en la base de da os. En la ilus ación 47 mos amos la consul a de inse ción en la base de da os y la edi ección a la página inicial después de és a. Ilus ación 47. In oduci usua io en BBDD. La con aseña nunca se gua da á en ex o plano en la base de da os, po eso, al ecibi los da os del usua io se codi ica con la unción md5() p opia de PHP. Si exis e el usua io, de ol emos el e o de que el usua io ya exis e (ilus ación 48) y ol emos a la página inicial, desde donde podemos ol e a inicia el p oceso. Ilus ación 48. E o al inse a usua io ya exis en e. 5.3.3 Usua io egis ado Los usua ios egis ados ienen, además las es opciones an e io es, la opción de eco da sus úl imas búsquedas una ez es án logueados en el sis ema. Pa a loguea se en el sis ema pueden i a la página inicial y bajo el epíg a e de Login pueden ellena un o mula io donde se les pide su nomb e de usua io y con aseña. Pa a ello ienen que habe se egis ado con an e io idad en el sis ema. En la igu a 49 se mues a el o mula io pa a el login de usua io. Desa ollo de un si io Web pa a una agencia de iajes 56 Ilus ación 49. Fo mula io de Login. Una ez e ec uado el login, e emos que el saludo inicial cambia pa a saluda a usua io po su nomb e. El saludo pe sonalizado se mues a en la ilus ación 50. Ilus ación 50. Mensaje de bien enida al usua io logueado. Una ez que el usua io se ha logueado, podemos i a la pa e de las úl imas búsquedas. Lo que hacemos aquí es mos a una lis a con las 10 úl imas búsquedas ealizadas po el usua io, ya sean en es a sesión o en sesiones an e io es. Pa a ello, solo enemos que i al menú de la página de inicio del si io bajo el nomb e Úl imas búsquedas (ilus ación 51). Ilus ación 51. Menú úl imas búsquedas. 57 Aquí nos lle a á a una página donde nos mos a á la lis a con un máximo de 10 búsquedas. Las búsquedas incluyen la zona y los ipos de acaciones que se selecciona on (ilus ación 52). Ilus ación 52. Lis a úl imas búsquedas. Cada una de las búsquedas es un ínculo a la lis a con los des inos que de ol ie on esas búsquedas, pa a pode ol e a hace las o pa a eco da lo que se buscó. La lis a que se de uel e se p esen a en el mismo o ma o que una búsqueda no mal desde el menú ¿Dónde oy? 5.3.4 Usua io adminis ado El usua io adminis ado iene, además de odas las opciones an e io es, la posibilidad de añadi des inos desde el p opio si io web. Pa a es o debe es a logueado con un usua io adminis ado que le pe mi a inse a un nue o des ino en la base de da os. Pa a sabe que usua ios pe enecen al g upo de los adminis ado se ha c eado un campo ipo_use en la base de da os que di e encia en e los dos ipos de usua ios, usua io egis ado y adminis ado . El usua io iene que ellena un pequeño o mula io (ilus ación 53) con los campos obliga o ios pa a la c eación de un des ino nue o. La zona en la que se encuen a, el país, el nomb e de la ciudad y el ipo de ac i idades o p oduc os que puede o ece a los isi an es. Desa ollo de un si io Web pa a una agencia de iajes 64 Las p uebas ealizadas en mó iles mues an que la esolución es co ec a y que se puede u iliza el si io web con acilidad. La ilus ación 62 nos mues a la pan alla de inicio en una pan alla mó il con esolución 320x480, que es una esolución que adap an muchos disposi i os mó iles. Ilus ación 62. Página inicio 320x480. En la ilus ación 63 emos la página con el lis ado de des inos ambién en una esolución 320x480. Como se puede obse a , la usabilidad en disposi i os mó iles ambién es o al. 65 Ilus ación 63. Lis a des inos 320x480. Al ene elemen os de jQue y Mobile la usabilidad en disposi i os de pan alla educida es mejo que o os si ios web no adap ados. 6.2.2 P uebas con na egado es Es a p ueba consis e en comp oba el co ec o uncionamien o y usabilidad del si io web en los di e en es na egado es exis en es. Pa a ello se han elegido los más ep esen a i os an o isibles desde un o denado como desde un disposi i o mó il. Las p uebas se han ealizado con Mozilla Fi e ox, In e ne Explo e y Google Ch ome. En los es na egado es se ha obse ado un no mal compo amien o de los elemen os CSS, no siendo necesa io el u iliza di e en es e siones pa a cada na egado . Desa ollo de un si io Web pa a una agencia de iajes 66 Mozilla Fi e ox Aquí emos la página de inicio mos ada en el na egado Mozilla Fi e ox (ilus ación 64). Ilus ación 64. Página inicio Mozilla Fi e ox. La lis a de des inos ambién se mues a co ec amen e en el na egado . Lo podemos e en la ilus ación 65. Ilus ación 65. Lis a de des ino Mozilla Fi e ox. 67 In e ne Explo e Las p uebas ealizadas en In e ne Explo e ambién nos de uel en un esul ado co ec o. La lis a de des inos de nues o si io web se puede obse a en la ilus ación 66. Ilus ación 66. Lis a de des inos In e ne Explo e . Google Ch ome La ilus ación 67 mues a el ejemplo de la página de des inos seleccionados, mos ada en el na egado Google Ch ome. Ilus ación 67. Lis a de des inos Google Ch ome. Desa ollo de un si io Web pa a una agencia de iajes 68 7 Conclusiones En es e apa ado comen a é las conclusiones que he ex aído du an e el p oceso de ealización de es e p oyec o inal de ca e a. Desde el momen o que supe que enía que ealiza el p oyec o inal de ca e a, sabía que que ía p og ama una aplicación o si io web. Debido a mi abajo como adminis ado a de sis emas, no es oy muy amilia izada con el mundo web, pe o me seducía la idea de p oba la p og amación pa a in e ne con algo de diseño. El ema de hace un po al de iajes ino ecomendado po Félix Buendía en uno de los p oyec os que él o ecía pa a es e cu so, y como los iajes son una de mis pasiones, pensé que podía hace algo nue o e in e esan e pa a mí y que a la ez, el ema me mo i a a pa a da lo mejo . Así que el p oyec o de desa ollo de un si io web pa a una agencia de iajes e a el p oyec o ideal. En las p ime as euniones que u imos decidimos que no íbamos a hace una agencia de iajes al uso ya que in e ne ya es á lleno de páginas que o ecen esos se icios, po eso nues o si io web iba a se algo di e en e e iba a o ece des inos a pe sonas que no supie an dónde i pe o sí lo que espe aban de sus acaciones y así es como su gió la idea del ecomendado de des inos. Al no se la p og amación web mi á ea de especialización el p oceso de es udio de las dis in as ecnologías a u iliza ue mucho más cos oso de lo que p e eía. La p og amación po capas y la inclusión de ja asc ip o jque y mobile hicie on que el abajo de p og amación se e asa a has a el inal, después de ene unas nociones básicas de es os lenguajes de p og amación. Al p incipio el p oyec o iba a se un p oyec o en equipo. Mi pa e del abajo se iba a cen a en la base de da os y odo lo que dependie a de ella, de ol iendo la in o mación al si io web pa a que se mos ase de una o ma limpia y cla a. Mi compañe o, que se enía que ocupa de la in e az, se des inculó del p oyec o al inal lo que hizo que el diseño del si io web no se co esponda con lo que se planeó en la especi icación de equisi os. Algunas de las unciones que al p incipio pensamos que se ían ú iles pa a el si io web ambién se desca a on po al a de iempo o po pensa que no e an necesa ias. Algunas de és as se p opond án como mejo as al inal del documen o. Al ealiza es e p oyec o he cons a ado que las ases de un p oyec o ayudan a que el desa ollo ma che de una o ma o denada, si es e dad que no han sido implemen adas odas las unciones que se pensa on o de la o ma en que se pensa on, pe o ha ayudado a man ene un con ol y a segui un o den 69 en la ealización del p oyec o. También he is o que de ás de un p oyec o in o má ico siemp e hay más abajo del que uno e desde el p incipio, po eso es necesa io segui un esquema de abajo y sabe has a dónde nos podemos des ia del camino o lo que hay que de deja ue a. La inalización de es e p oyec o ha sido un e o pa a mí, ya que como dije an es es á ue a del ámbi o de abajo que yo ealizo el día a día. Ha sido di ícil y cos oso llega has a el inal pe o el esul ado me deja con una buena sensación. El abajo no hab ía sido posible sin la ayuda de Félix Buendía que me ha guiado du an e odo el p oceso y siemp e ha es ado ahí, con paciencia, pa a cualquie p oblema o duda que su gie a. Las posibles mejo as o ampliaciones pa a el si io web son muchas así que las amos a esumi en la lis a siguien e. • Opción de ese a de las acaciones incluidas a los usua ios egis ados en el si io web. • Amplia opciones de búsqueda pa a des inos, como pod ía se po país, po empo ada del año, po p oximidad al luga de esidencia. • Fo o de opiniones o p egun as sob e los des inos pa a los usua ios egis ados del si io web. • Conexión del si io web con las edes sociales pa a mos a o os de o os iaje os a los des inos o e ados. • Lis a de des inos isi ados pa a los usua ios. Desa ollo de un si io Web pa a una agencia de iajes 70 8 Bibliog a ía • Enciclopedia online Wikipedia h ps://www.wikipedia.o g/ • Ch is ophe Coen ae s h p://coen ae s.o g/blog/2011/10/sample- applica ion-wi h-jque y-mobile-and-phonegap/ • S ack O e lo w. h p://s acko e low.com • W3 Schools h p://www.w3schools.com/ • h ps://ami gha a .wo dp ess.com/2011/09/17/how- o-load-con en - in-jque yui-acco dion-dynamically/ • h p:// u o ialzine.com/2009/10/cool-login-sys em-php-jque y/ • Esepe s udio. Especialis as 10.0 h p://www.esepes udio.com 71 Anexo A Todos los usua ios. Nomb e Busca des ino ideal En adas Fuen e Fo mula io a ellena po el usua io Salida Lis a con odos los des inos que co espondan con la búsqueda que ha ealizado el usua io Des ino Página con los esul ados de la consul a hecha po el usua io Res icciones Ninguna. Todos los usua ios pueden hace la búsqueda del des ino ideal P oceso Especi icación de equisi os uncionales Desc ipción El usua io iene que in oduci los siguien es da os: Zona del mundo y el ipo de ac i idad que le gus a ía p ac ica en su des ino El usua io in oduce los pa áme os y se ealiza una búsqueda en la base de da os que de uel e los des inos que coinciden con las exigencias del usua io. Se accede desde el menú de la página inicial. Á ea ¿Dónde oy? Nomb e Des inos alea o ios En adas Fuen e Base de da os Salida Se mues an los des inos alea o ios del día Des ino Página con los esul ados de los des inos p ede e minados pa a ese día calculados po un algo i mo alea o io Res icciones Ninguna. Todos los usua ios pueden e los des inos alea o ios. P oceso Especi icación de equisi os uncionales Desc ipción El usua io solo iene que pincha el bo ón sin la necesidad de ene que ellena ningún o mula io Al i al á ea de des inos alea o ios, se hace una consul a de los des inos u ilizando un algo i mo andom pa a que cada ez que el usua io pincha el bo ón, se de uel a un esul ado di e en e Se accede desde el menú de la página incial. Á ea Des inos alea o ios Desa ollo de un si io Web pa a una agencia de iajes 72 Usua ios egis ados Nomb e Regis o de usua io En adas Fuen e Fo mula io a ellena po el usua io. Salida El usua io queda egis ado en el sis ema. Des ino El des ino es la misma página pe o siendo el usua io ya un usua io egis ado y no un in i ado. Los da os se gua dan en la base de da os pa a u u os accesos. Res icciones Ninguna. Todos los usua ios pueden hace uso del egis o. P oceso Especi icación de equisi os uncionales Desc ipción El usua io iene que ellena un o mula io en el que se pide. Nomb e de usua io, con aseña (2 eces) y di ección de co eo elec ónico. El usua io in i ado in oduce sus da os en el o mula io y es os se in oducen en la base de da os dándole un núme o de usua io egis ado nue o. Se accede desde el menú de la página inicial. Á ea Regis o de usua ios. Nomb e Úl imas búsquedas ealizadas En adas Fuen e Base de da os. Salida La lis a de las úl imas búsquedas ealizadas po ese usua io Des ino Página que mues a la lis a de las úl imas búsquedas ealizadas po el usua io que es á logueado en ese momen o. Res icciones Sólo los usua ios egis ados y logueados en ese momen o pueden e sus búsquedas. P oceso Especi icación de equisi os uncionales Desc ipción El usua io iene que es a logueado pa a que el sis ema sepa cuáles son sus úl imas búsquedas. El sis ema hace una consul a a la base de da os de las úl imas búsquedas del usua io que es á logueado en ese momen o y las de uel e en o ma de lis a. Se accede desde el menú de la página inicial. Á ea Úl imas búsquedas. 73 Usua ios adminis ado es Nomb e Login de usua io En adas Fuen e Fo mula io ellenado po el usua io con sus c edenciales Salida El usua io e á inmedia amen e en la pa e supe io ha dejado de se "In i ado" pa a e su nomb e de usua io en el mensaje de bien enida. Des ino Base de da os. La página se eca ga y se puede lee el nomb e del usua io en el mensaje supe io . Res icciones Solo los usua ios p e iamen e egis ados pod án loguea se. El es o e án un e o al no encon a se su usua io. P oceso Especi icación de equisi os uncionales Desc ipción El usua io debe in oduci su nomb e de usua io y con aseña. El usua io in oduce su usua io y con aseña y la base de da os hace una búsqueda que coincida con esas c edenciales. Si coincide, el usua io es inmedia amen e logueado en la página como usua io egis ado. Se accede desde el menú de la página inicial. Á ea Login. Nomb e Inse a des ino En adas Fuen e El o mula io ellenado po el usua io adminis ado . Salida El des ino se inse a en la base de da os. No se e á has a la p óxima consul a. Des ino Base de da os. Los da os in oducidos po el usua io adminis ado son almacenados en la base de da os pa a o ma pa e de los des inos Res icciones Solo los usua ios adminis ado es y logueados en ese momen o pueden inse a des ino. La imagen del des ino ha de subi se al se ido sepa adamen e. P oceso Especi icación de equisi os uncionales Desc ipción El usua io adminis ado iene que ellena un o mula io con odos los campos que co esponden al des ino. La Zona en la que se encuen a, el país, el nomb e de la ciudad y el ipo de ac i idades que o ece. El usua io adminis ado ellena el o mula io con los da os pe enecien es al des ino. Se gua dan en la base de da os y a pa i de la consul a siguien e ya apa ece án como un des ino más. Se accede desde el menú de la página inicial. Á ea Inse a des ino.