ESNELL: Una herramienta para la búsqueda online de servicios a domicilio

I ESNELL: UNA HERRAMIENTA PARA LA BÚSQUEDA ONLINE DE SERVICIOS A DOMICILIO TRABAJO FIN DE GRADO CURSO 2022-2023 MARÍA CAÑAS ENCINAS DIRECTOR ANTONIO SARASA CABEZUELO GRADO EN INGENIERÍA INFORMÁTICA FACULTAD DE INFORMÁTICA UNIVERSIDAD COMPLUTENSE DE MADRID Junio - 2023 II ESNELL: A TOOL FOR ONLINE SEARCH OF HOME SERVICES FINAL DEGREE PROJECT REPORT MARÍA CAÑAS ENCINAS DIRECTED BY ANTONIO SARASA CABEZUELO DEGREE IN COMPUTER ENGINEERING FACULTAD DE INFORMÁTICA COMPLUTENSE UNIVERSITY OF MADRID JUNE 2023 1 DEDICATORIA A odos mis se es que idos, que me acompaña on a llega has a aquí. 2 AGRADECIMIENTOS En p ime luga , me gus a ía ag adece la opo unidad que se me ha dado pa a ealiza es e abajo, a mi u o , An onio Sa asa Cabezuelo, dado que siemp e ha es ado o almen e disponible pa a cualquie duda o p egun a que u ie a sob e el p oyec o, además de que la comunicación que se ha enido du an e odo el cu so ha sido de g an ayuda a la ho a de comple a es e p oyec o. También me gus a ía ag adece el apoyo ecibido du an e odo el cu so po pa e de mis amilia es, ya que siemp e han es ado ayudando y apo ando ideas con el obje i o de mejo a es e p oyec o. 3 RESUMEN Es e abajo iene como obje i o c ea una página web donde se o ezca la ayuda a aquellas pe sonas que la necesi en, o eciendo así una mane a ácil y ápida de pode sa is ace las necesidades que ienen los clien es. En conc e o los clien es disponen de un buscado de se icios, con di e en es il os con el obje i o de que encuen en de una mane a más ápida y ácil la ayuda que es án buscando, mien as que los p o esionales pod án añadi los se icios que quie an p es a así como indica su disponibilidad. El sis ema desa ollado es á o mado po una aplicación web jun o con la in o mación añadida a la base de da os y es a i á aumen ando a medida que los p o esionales y clien es hacen uso de ella. Palab as cla e Se icios, P o esionales, Clien es, Ayuda, T abajo. 4 ABSTRACT This wo k aims o c ea e a web page whe e help is o e ed o hose who need i , hus o e ing an easy and as way o sa is y he needs o cus ome s. Speci ically, clien s ha e a se ice sea ch engine, wi h di e en il e s wi h he aim o inding he help hey a e looking o mo e quickly and easily, while p o essionals can add he se ices hey wan o p o ide as well as indica e hei a ailabili y. The de eloped sys em consis s o a web applica ion oge he wi h he in o ma ion added o he da abase and his will inc ease as p o essionals and clien s make use o i . Keywo ds Se ices, P o essionals, Clien s, Help, Wo k. 5 ÍNDICE GENERAL Dedica o ia .............................................................................................................................. 1 Ag adecimien os ..................................................................................................................... 2 Resumen ................................................................................................................................... 3 Abs ac .................................................................................................................................... 4 Índice gene al .......................................................................................................................... 5 Índice de igu as ...................................................................................................................... 9 Índice de ablas ......................................................................................................................12 Capí ulo 1 - In oducción .......................................................................................................14 1.1 Es uc u a de la memo ia .............................................................................................14 1.2 Mo i ación ....................................................................................................................14 1.3 Obje i os ........................................................................................................................15 1.4 Plan de abajo .............................................................................................................16 Chap e 1 – In oduc ion ........................................................................................................21 1.1 Mo i a ion .....................................................................................................................21 1.2 Objec i e .......................................................................................................................21 1.3 Wo k o ganiza ion .........................................................................................................22 Capí ulo 2 - Es ado del a e ...................................................................................................26 2.1 Wallapop .......................................................................................................................26 2.2 Task abbi ......................................................................................................................26 2.3 F eelance .....................................................................................................................27 2.4 Ube ................................................................................................................................27 2.5 Upwo k ...........................................................................................................................27 6 Capí ulo 3 - Tecnología empleada ......................................................................................28 3.1 HTML5 .............................................................................................................................28 3.2 CSS .................................................................................................................................28 3.3 Boo s ap .......................................................................................................................28 3.4 PHP .................................................................................................................................28 3.5 SQL .................................................................................................................................29 3.6 Xampp Apache ............................................................................................................29 3.7 Visual S udio Code .......................................................................................................29 Capí ulo 4 - Casos de uso ......................................................................................................30 4.1 Ac o es ...........................................................................................................................30 4.2 Diag amas de caso de uso .........................................................................................30 4.2.1. Diag ama de clien e ................................................................................................31 4.2.2. Diag ama de p o esional .........................................................................................32 4.2.3. Diag ama de adminis ado ....................................................................................32 4.2.4. Diag ama usua io no egis ado ..............................................................................33 4.3 Especi icación de equisi os .........................................................................................34 4.3.1. Módulo de ges ión de cuen as ...............................................................................34 4.3.2. Módulo de unciones del p o esional .....................................................................37 4.3.3. Módulo de unciones del usua io egis ado ..........................................................40 4.3.4. Módulo de unciones del adminis ado .................................................................42 4.3.5. Módulo de ges ión de alo aciones .......................................................................46 4.3.6. Módulo de ges ión de lis a de a o i os .................................................................48 Capí ulo 5 - A qui ec u a de la Aplicación y modelo de Da os ........................................50 5.1 A qui ec u a de la aplicación .....................................................................................50 7 5.2 Es uc u a de la base de da os ...................................................................................50 5.2.1 Tabla ca ego ías ....................................................................................................53 5.2.2 Tabla dispop o esional ...........................................................................................53 5.2.3 Tabla a o i os ........................................................................................................53 5.2.4 Tabla se acep ados ...............................................................................................54 5.2.5 Tabla se icio ..........................................................................................................54 5.2.6 Tabla solici udesclien e..........................................................................................55 5.2.7 Tabla solise icios ...................................................................................................55 5.2.8 Tabla usua io ..........................................................................................................56 Capí ulo 6 - Implemen ación y diseño de la aplicación ....................................................58 6.1 Diseño de la aplicación ...............................................................................................58 6.2 Implemen ación de la aplicación web ......................................................................59 6.2.1 Sección adminis ado ...........................................................................................59 6.2.2 Sección clien e .......................................................................................................68 6.2.3 Sección p o esional ...............................................................................................75 6.2.4 Sección usua io ......................................................................................................81 Capí ulo 7 - Conclusiones y abajo u u o ...........................................................................92 7.1 Conclusiones .................................................................................................................92 7.2 T abajo u u o ................................................................................................................92 Chap e 7 - Conclusions and u u e wo k .............................................................................95 7.1. Conclusions ..........................................................................................................95 7.2. Fu u e wo k ...........................................................................................................95 Bibliog a ía...............................................................................................................................97 Anexo A ...................................................................................................................................98 14 Capí ulo 1 - In oducción Es e abajo de Fin de G ado (TFG) consis e en la ealización de una página web, en el que p o esionales o ece án sus se icios a clien es (Ambos p e iamen e egis ados), y es os pod án solici a su ayuda con el obje i o de que el p oblema que engan sea esuel o. 1.1 Es uc u a de la memo ia La memo ia de es e TFG se ha di idido en di e en es apa ados, los cuales son: La po ada del TFG, la sección de dedica o ia y los ag adecimien os, un esumen sob e en que consis e la aplicación desa ollada, el índice gene al donde se pueden e los di e en es apa ados de la memo ia jun o con la página en la que se encuen a cada apa ado, el índice de las igu as y de las ablas, los di e en es capí ulos que o man la memo ia como el capí ulo 1 donde se ealiza la in oducción a es e TFG jun o con el plan de abajo, el capí ulo 2 donde se desc iben aplicaciones cuya uncionalidad es pa ecida a la aplicación desa ollada, el capí ulo 3 donde se encuen an las ecnologías u ilizadas en la implemen ación del código, el capí ulo 4 donde se encuen an de inidos los casos de uso, el capí ulo 5 donde se explica la a qui ec u a de la aplicación y la base de da os, el capí ulo 6 en el que se explica la implemen ación y el diseño de la aplicación, y el úl imo capi ulo el 7 donde se comen an las conclusiones y el abajo u u o a ealiza en la aplicación y las dos úl imas pa es de es a memo ia son la bibliog a ía y el anexo donde se puede encon a una guía de uso de la aplicación web. 1.2 Mo i ación Es e abajo de Fin de G ado se basa en desa olla una página web de o ecimien o de se icios de p o esionales hacia clien es. G acias a es a página web los clien es pod án solici a la ayuda de p o esionales que o ezcan se icios elacionados con su consul a. La p incipal mo i ación que hay de ás de es e p oyec o, adica en el g an aumen o de la demanda de se icios en línea debido a la pandemia de Co id-19 15 iniciada en el año 2020, ya que muchas pe sonas se ie on obligadas a queda se en casa y u ie on que busca al e na i as de o ece se icios, pudiendo así amplia más sus conocimien os de mane a independien e y pode acili a la ida de las pe sonas o eciendo esa ayuda que necesi en. La c eación de es a página web es una solución e ec i a pa a pode sa is ace es a demanda c ecien e ayudando así a an o los p o esionales como los clien es, ya que los p o esionales pod án o ece sus conocimien os median e se icios y los clien es pod án ecibi esa ayuda que es án buscando. 1.3 Obje i os El obje i o p incipal de es e abajo es o ece una expe iencia única al clien e al acili a la con a ación de se icios, ealizándolo así de una mane a ácil, segu a y cómoda. Es e obje i o se pa icula iza en los siguien es obje i os más especí icos: • Analiza el me cado: Su obje i o es analiza el me cado de los se icios que o ecen los p o esionales. Es deci , pode iden i ica las necesidades y demandas de los clien es, pudiendo así conoce los se icios más demandados a día de hoy y pode conoce a los mejo es p o esionales de esa ama. • Diseña la página web: Es e se ía el segundo obje i o, el pode diseña una página web que cuen e con una in e az a ac i a, in ui i a y ácil de usa . Pa a ello, se con a á con una es uc u a cla a y o ganizada, pa a que cualquie a de los usua ios pueda na ega de una mane a sencilla y así pode encon a la in o mación que busca sin di icul ad. • Implemen a uncionalidades: El e ce obje i o se ía implemen a unas uncionalidades que acili en la in e acción en e los p o esionales y los clien es. Ya que po ejemplo, una ez se dé po comple ado el se icio, el clien e pod á deja una alo ación sob e el se icio que le ha p es ado ese p o esional. 16 • E alua la sa is acción del usua io: Es e cua o obje i o se pod á log a , como se ha comen ado an es, median e la alo ación de los clien es a los p o esionales en o ma de alo aciones. • Ga an iza la segu idad: El úl imo de los obje i os se ía ga an iza la segu idad de la in o mación an o de los clien es como de los p o esionales. Ya que se con a á con un usua io, siendo es e el adminis ado de la página, el que pod á e /elimina la in o mación ace ca de los usua ios egis ados. 1.4 Plan de abajo En es e apa ado se p esen a un plan de abajo que incluye las a eas p incipales que se lle an a cabo pa a el cumplimien o de los obje i os enume ados en el an e io apa ado. La Tabla 1 1 mues a una es imación que se aco dó al p incipio del cu so sob e la du ación de cada en ega, así como una ep esen ación isual median e un diag ama de Gan en la Figu a 1 1 .Pa a lle a a cabo es a ep esen ación se ha u ilizado el p og ama Can a [1] . 17 E apa Du ación Especi icación de Requisi os 5 Sep iemb e – 17 Sep iemb e Módulo de Ges ión de Cuen as 3 Oc ub e – 30 Oc ub e Funciones del P o esional 7 No iemb e – 18 Diciemb e Funciones del Usua io Regis ado 26 Diciemb e – 5 Feb e o Funciones del Adminis ado 13 Feb e o – 5 Ma zo Ges ión de Valo aciones 13 Ma zo – 2 Ab il Figu a 1.1 Diag ama de Gan con las e apas del desa ollo del p oyec o Figu a 1 1 Diag ama de Gan con las e apas del desa ollo del p oyec o 18 P esen ación al clien e 18 Ab il Ges ión de la lis a de a o i os 10 Ab il - 30 Ab il Desa ollo de la memo ia 18 Ab il - 16 Mayo Tabla 1 1 Du ación y e apas en el desa ollo del p oyec o A con inuación se explican cuáles han sido las ases que se han lle ado a cabo pa a el desa ollo del p oyec o. Fase 1: Especi icación de Requisi os Es a p ime a ase se ealizó la discusión y especi icación de los casos de uso que an a o ma pa e de la aplicación web, pa a ello se u o una eunión con el u o pa a habla sob e ello y pos e io men e se ealiza on más con e saciones ace ca de la co ección de es os equisi os. Fase 2: Módulo de ges ión de cuen as En es a segunda ase se ha desa ollado el código necesa io pa a la implemen ación de la ges ión de las cuen as de usua io. En es a ase se han implemen ado odas las uncionalidades necesa ias pa a el desa ollo de es a ges ión, siendo es as: • Regis o de Usua io. • Login. • Logou . • Modi icación de los da os del usua io. • Eliminación de un usua io. 19 Fase 3: Funciones del p o esional En es a e ce a ase se ha ealizado la implemen ación de las unciones que puede ealiza un p o esional en la página web. En conc e o, se ha desa ollado odo el código necesa io pa a que esas uncionalidades se puedan lle a a cabo, siendo es as: • C ea un nue o se icio. • Modi ica el se icio. • Bo a el se icio. • Ve in o mación del se icio. • Ac i a / Desac i a la disponibilidad del p o esional. • Acep a / Denega un se icio. Fase 4: Funciones del usua io egis ado En es a cua a ase se ha ealizado la implemen ación de las ac i idades que puede ealiza un clien e en cuan o al buscado y solici ud de se icios. En conc e o el clien e pod á busca el se icio, además de con a con una se ie de il os de búsqueda con el in de ob ene unos mejo es esul ados. Es os il os consis en en la ca ego ía del se icio, la localización, p ecio máximo de se icio y la o ma en la que se mues en los esul ados en cuan o al p ecio (Meno a Mayo o Mayo a Meno ). Una ez el clien e ealice la búsqueda y encuen e el se icio que se adap e a sus necesidades, es e pod á manda una solici ud al p o esional. Fase 5: Funciones del adminis ado En es a quin a ase se ha ealizado la implemen ación del código de la uncionalidad que iene el Adminis ado de la página web, ya que es e se á el que enga acceso a odos los da os de los usua ios de la página web y pod á e , edi a o elimina los da os elacionados en cuan o a los se icios, ca ego ías y usua ios. En conc e o es as uncionalidades son: • Ve los se icios de la página y cuales iene un p o esional. • Ve la in o mación de un se icio. 20 • Edi a / Elimina un se icio. • Añadi / Modi ica / Elimina una ca ego ía. • Elimina usua io. Fase 6: Ges ión de alo aciones En es a sex a ase se ha implemen ado el código necesa io pa a ealiza la ges ión de las alo aciones. En conc e o, se han desa ollado odas las uncionalidades necesa ias pa a ello, es as son: • Añadi una alo ación del clien e hacia el p o esional (Es o se pod á ealiza cuando el p o esional de po e minado el se icio). • Modi ica / Elimina una alo ación ealizada po el clien e. • El p o esional end á un apa ado donde pod á e odas las alo aciones que ha ecibido po pa e de odos los clien es a los que ha p es ado se icios. • El adminis ado con a á con un apa ado donde pod á e odas las alo aciones de los p o esionales y las pod á bo a . Fase 7: P esen ación al clien e Es a sép ima ase consis ió en una eunión con una clien a que es á in e esada en el TFG y se p ocedió a enseña la pa e de la página implemen ada. Fase 8: Ges ión de la lis a de a o i os En es a oc a a y úl ima ase se ha lle ado a cabo la implemen ación del código necesa io pa a ealiza la ges ión de la lis a de a o i os, en la cual el clien e añade a su lis a de a o i os a los p o esionales. En conc e o es as uncionalidades son: • Añadi / Elimina p o esional de la lis a de a o i os • Ve la lis a de p o esionales a o i os 21 Chap e 1 – In oduc ion This Final Deg ee P ojec (TFG) consis s o he c ea ion o a web page, in which p o essionals will o e hei se ices o clien s (Bo h p e iously egis e ed), and hey will eques hei help wi h he aim o sol ing he p oblem hey ha e. 1.1 Mo i a ion This Final Deg ee p ojec is based on de eloping a web page o e ing p o essional se ices o clien s. Thanks o his web page, clien s will be able o eques help o p o essionals who o e se ices ela ed o hei que y. The main mo i a ion behind his p ojec lies in he g ea inc ease in he demand o online se ices due o he Co id-19 pandemic ha began in 2020, since many people we e o ce o s ay a home and had o look o al e na i es o o e se ices, hus being able o u he expand hei knowledge independen ly and o msake li e easie o people by o e ing he help hey need. The c ea ion o his web page is an e ec i e solu ion o be able o sa is y his g owing demand, hus helping bo h p o essionals and clien s, since p o essionals will be able o o e hei knowledge h ough se ices and clien s will be able o ecei e he help hey a e looking o . 1.2 Objec i e The main objec i e o his wo k is o o e a unique expe ience o he clien by acila ing he con ac ing o se ices, hus doing i in an easy, sa e and com o able way. This objec i e is b oken down in o he ollowing mo e speci ic objec i es: • Analyze he ma ke : I s objec i e is o analyze he ma ke o he se ices o e ed by p o essionals. Tha is, o be able o iden i y he needs and demands o cus ome s, hus being able o know he mos demanded se ices oday and o mee he bes p o essionals in ha b anch. • Design he web page: This would be he second objec i e, o be able o design a web page ha has an a ac i e, in ui i e and easy o use in e ace. Fo his, he e will be a clea and o ganized s uc u e, so ha 22 any o he use s can na iga e in a simple way and hus be able o ind he in o ma ion hey a e looking o wi hou di icul y. • Implemen unc ionali ies: The hi d objec i e would be o implemen unc ionali ies ha acili a e in e ac ion be ween p o essionals and clien s. Since, o example, once he se ice is comple ed, he clien will be able o lea e an assessmen o he se ice p o ided by ha p o essional • E alua e use sa is ac ion: This ou h objec i e ca be achie ed as men ioned be o e, h ough he e alua ion o clien s o p o essionals in he o m o e alua ions. • Gua an ee secu i y: The las o he objec i es would be o gua an ee he secu i y o he in o ma ion o bo h clien s and p o essionals. Since he e will be a use , his being he adminis a o o he page, who will be able o see/dele e in o ma ion abou he egis e ed use s. 1.3 Wo k o ganiza ion This sec ion p esen s a wo k plan ha includes he main ask ha a e ca ied ou o ul ill he objec i es lis ed in he p e ious sec ion. Tabla 1 1 shows an es ima e ha was ag eed a he beginning o he cou se on he du a ion o each deli e y, as well as a isual ep esen a ion by means o a Gan cha in Figu a 1 1. To ca y ou his ep esen a ion, he Can a [1] p og am has been used. The ollowing a e he phases ha ha e been ca ied ou o he de elopmen o he p ojec . Phase 1: Speci ica ion o Requi emen s In his i s phase, he discussion and speci ica ion o he use cases ha a e going o be pa o he web applica ion was ca ied ou , o which a mee ing was held wi h he u o o alk abou i and la e mo e con e sa ions we e held abou he co ec ion os hese equi emen s. 23 Phase 2: Accoun managemen module In his second phase, he necessa y code o he implemen a ion o use accoun managemen has been de eloped. In his phase, all he necessa y unc ionali ies o he de elopmen o his managemen ha e been implemen ed, hese being: • Use egis e • Login • Logou • Modi ica ion o use da a • Dele ion o a use Phase 3: Func ions o he p o essional In his hi d phase, he implemen a ion o he unc ions ha a p o essional can pe o m on he websi e has been ca ied ou . Speci ically, all he necessa y code has been de eloped so ha hese unc ionali ies can be ca ied ou , hese being: • C ea e a new se ice • Modi y he se ice • Dele e he se ice • View se ice in o ma ion • Ac i a e/Deac i a e he a ailabili y o he p o essional • Accep /Deny a se ice Phase 4: Func ions o he egis e ed use In his ou h phase, he implemen a ion o he ac i i ies ha a clien can ca y ou in e ms o he sea ch engine and eques o se ices has been ca ied ou . Speci ically, he clien will be able o sea ch o he se ice, in addi ion o ha ing a se ies o sea ch il e s in o de o ob ain be e esul s. These il e s consis o he se ice ca ego y, loca ion, maximum se ice p ice and he way in which he esul s a e displayed in e ms o p ice ( Low o High o High o Low). Once he clien pe o ms he 30 Capí ulo 4 - Casos de uso En la página web se han de inido los siguien es ipos de usua ios: 4.1 Ac o es Den o de la página web se encuen an los siguien es ipos de usua ios: • Clien e. Es aquel usua io egis ado p e iamen e como clien e, el cual busca a un p o esional que pueda ealiza el se icio po el cual solici an la ayuda. • P o esional. Es aquel usua io egis ado p e iamen e como p o esional, el cual o ece á sus se icios con el obje i o de ayuda a los clien es. • Adminis ado . Es el usua io enca gado de ges iona oda la in o mación de la página web. • Usua io sin egis a . Son aquellos usua ios que isi an la página web po p ime a ez, o que no ienen c eada una cuen a en la página web. Se les da á la opción de egis a se jun o con la en ana inicial de la página web. Cuando se egis en, es os end án que in oduci la in o mación que se les pide pa a c ea una cuen a en la página web, jun o con el ipo de usua io que quie en se , siendo es e o clien e o p o esional. 4.2 Diag amas de caso de uso Los casos de uso se han ag upado de acue do a los di e en es ac o es, siendo es os: • Diag ama de clien e. • Diag ama de p o esional. • Diag ama de adminis ado . • Diag ama de usua io no egis ado. A con inuación, se desc iben cada uno de ellos, jun o con una igu a ep esen ando los casos de uso elacionados. 31 4.2.1. Diag ama de clien e En es e diag ama es án incluidas odas las uncionalidades que puede ealiza un clien e, egis ado p e iamen e en la página web, como son el inicia sesión, la búsqueda de un se icio, ealiza alo aciones, edi a sus da os de usua io…e c. En la Figu a Figu a 4. 1 se ep esen a el diag ama de casos de uso elacionado con es e módulo. Figu a 4. 1 Diag ama de casos de uso módulo clien e 32 4.2.2. Diag ama de p o esional En es e diag ama es án incluidas odas las uncionalidades que puede ealiza un p o esional, egis ado p e iamen e en la página web, como son el inicia sesión, c ea un se icio, acep a o denega un se icio ecibido po un clien e, modi ica la disponibilidad…e c. En la Figu a 4. 2 se ep esen a el diag ama de casos de uso elacionado con es e módulo. Figu a 4. 2 Diag ama de casos de uso módulo p o esional 4.2.3. Diag ama de adminis ado En es e diag ama es án incluidas odas las uncionalidades que puede ealiza en exclusi a el adminis ado de la página web, como son elimina la cuen a de un usua io de la página web, elimina un se icio, elimina ca ego ías, e in o mación de cualquie usua io de la página…e c. En la Figu a 4. 3 se ep esen a el diag ama de casos de uso elacionado con es e módulo. 33 Figu a 4. 3 Diag ama de casos de uso módulo adminis ado 4.2.4. Diag ama usua io no egis ado En es e diag ama es á incluida la uncionalidad que puede ealiza un usua io no egis ado en la página web. En el caso de es e usua io solo pod á ealiza el egis o a la página. En la Figu a 4. 4 se ep esen a el diag ama de casos de uso elacionado con es e módulo. 34 Figu a 4. 4 Diag ama de casos de uso módulo usuá io no egis ado 4.3 Especi icación de equisi os En es a sección se de allan los casos de uso de inidos pa a los ac o es, es os se han ag upado en a ios módulos uncionales. Siendo es os los siguien es: • Módulo de ges ión de cuen as • Módulo de unciones del p o esional • Módulo de unciones del usua io egis ado • Módulo de unciones del adminis ado • Módulo de ges ión de alo aciones • Módulo de ges ión de lis a de a o i os 4.3.1. Módulo de ges ión de cuen as Los casos de uso pe enecien es a es e módulo son: • Regis o de usua io (Tabla 4.3.1 1) • Login (Tabla 4.3.1 2) • Logou (Tabla 4.3.1 3) • Modi icación de los da os del usua io (Tabla 4.3.1 4) • Eliminación de usua io (Tabla 4.3.1 5) 35 A con inuación se desc ibe cada caso de uso pe enecien e a es e módulo. Requisi o Regis o de Usua io P io idad Al a P econdición NA Pos condición Se ha c eado la cuen a del clien e Desc ipción Los usua ios (Clien es/P o esionales) pueden c ea se una cuen a en es a aplicación En ada Nomb e, Apellidos, Cod Pos al, di ección, elé ono, Con aseña, Co eo elec ónico, o o de pe il Salida NA Secuencia no mal C Paso Acción 1 1 El usua io accede a la aplicación y se le mues a una pan alla p incipal y pulsa el bo ón de “Regis a se” 2 2 El sis ema mues a una pan alla en la que apa ece án odos los campos a ellena po el u u o usua io 3 3 El usua io ellena á esos campos 4 El sis ema alida que la in o mación in oducida sea la co ec a 5 5 El sis ema mos a á la pan alla p incipal de la aplicación Excepciones P Paso Acción 1 3 Se mues a un mensaje si el co eo elec ónico no es co ec o 2 3 Se mues a un mensaje si el núme o de elé ono no es co ec o 3 3 Se mues a un mensaje si el co eo elec ónico o elé ono in oducido ya exis e Ac o es Usua io no egis ado Tabla 4.3.1 1 Regis o de usua io Requisi o Login P io idad Al a P econdición El usua io iene que es a egis ado en la página Pos condición El usua io ha iniciado sesión en la página Desc ipción Los usua ios que es án egis ados (Clien es/P o esiones) puedes inicia sesión en la página En ada Co eo elec ónico y con aseña Salida NA Secuencia no mal C Paso Acción 1 1 El usua io accede a la aplicación po medio de la pan alla p incipal y pulsa sob e el bo on de “Login” 2 2 El sis ema le mues a la pan alla en la que se le pedi án los da os a in oduci a la ho a del inicio de sesión 3 3 El usua io ellena á esos campos 4 El sis ema alida que la in o mación in oducida sea la co ec a 5 5 El sis ema mos a á la pan alla p incipal de la aplicación Excepciones P Paso Acción 1 4 Se mos a á n mensaje en el caso de que los da os in oducidos no se co espondan con los de ese usua io Ac o es Adminis ado , Clien e, P o esional Tabla 4.3.1 2 Tabla de login 36 Requisi o Logou P io idad Al a P econdición El usua io iene que habe iniciado sesión Pos condición Se ha ce ado la sesión del usua io Desc ipción Los usua ios que han iniciado sesión en la página pueden sali de esa sesión En ada Co eo elec ónico Salida NA Secuencia no mal C Caso Acción 1 1 El usua io pulsa á el bo ón de “Ce a Sesión” 2 2 El sis ema cie a la sesión y apa ece á la página p incipal Excepciones P Caso Acción 1 2 No se puede ce a sesión Ac o es Adminis ado , Clien e, P o esional Tabla 4.3.1 3 Tabla de logou Requisi o Modi icación de los da os del usua io P io idad Media P econdición El usua io iene que es a egis ado y ene iniciada la sesión Pos condición Se han modi icado los da os del usua io Desc ipción Se modi ican los da os deseados po el usua io, menos el co eo elec ónico que se á ijo En ada Da os que quie a modi ica Salida NA Secuencia no mal C Paso Acción 1 1 El usua io pulsa sob e el bo ón de “Ve pe il” desde la página p incipal 2 2 El sis ema mues a la página con los da os del usua io, y el usua io pulsa á sob e el bo ón de “Edi a da os” 3 3 El usua io in oduce los da os que quie e modi ica y pulsa á sob e el bo ón de “Edi a da os” 4 El sis ema mos a á la página p incipal Excepciones P Caso Acción 3 4 No se han podido modi ica los da os del usua io Ac o es Adminis ado , Clien e, P o esional Tabla 4.3.1 4 Tabla de modi icación de los da os del usua io Requisi o Eliminación de un usua io P io idad Media P econdición El adminis ado iene que ene iniciada la sesión en la página web Pos condición Se ha eliminado la cuen a del clien e o del p o esional Desc ipción El adminis ado puede elimina la cuen a de un clien e o de un p o esional En ada Co eo elec ónico del usua io que quie e elimina Salida NA Secuencia no mal C Paso Acción 1 1 El usua io accede a la aplicación y pulsa sob e el bo ón de “Elimina cuen a de usua io” 2 2 El sis ema le mos a á una pan alla en el que se le pedi á el co eo elec ónico del usua io que quie e elimina . También se le mos a á una lis a con odos los usua ios de la página. 3 3 El adminis ado in oduce el co eo del usua io o pulsa sob e el icono de bo a en la ila del usua io que quie e elimina 37 4 El sis ema bo a la cuen a del usua io in oducido 5 5 El sis ema le mues a la misma página pe o sin el usua io que acaba de elimina Excepciones P Paso Acción 4 4 No se ha encon ado el usua io que es á buscando 2 2 El adminis ado pulsa sob e el bo ón de “Página p incipal” po lo que no ealiza el bo ado del usua io Ac o es Adminis ado Tabla 4.3.1 5 Tabla de eliminación de un usua io 4.3.2. Módulo de unciones del p o esional Los casos de uso pe enecien es a es e módulo son: • C ea un nue o se icio (Tabla 4.3.2 1) • Modi ica el se icio (Tabla 4.3.2 2) • Bo a se icio (Tabla 4.3.2 3) • Ve in o mación del se icio (Tabla 4.3.2 4) • Ac i a /Desac i a la disponibilidad del p o esional (Tabla 4.3.2 5) • Acep a o denega una solici ud de un se icio (Tabla 4.3.2 6) A con inuación se desc ibe cada caso de uso pe enecien e a es e módulo. Requisi o C ea un nue o se icio P io idad Media P econdición El p o esional debe de es a egis ado y con la sesión iniciada Pos condición NA Desc ipción El p o esional c ea un nue o se icio, añadiéndolo a la lis a de los que ya iene c eados En ada Nomb e del se icio, desc ipción, p ecio/ho a , localización y ca ego ía Salida Lis a de se icios Secuencia no mal C Paso Acción 1 1 El p o esional accede a la página web y se le mues a la pan alla p incipal, pulsando sob e el bo ón de “C ea un Se icio” 2 2 El sis ema le mos a á una pan alla que es a á o mada po los da os que iene que in oduci , pa a añadi ese nue o se icio 3 3 El p o esional ellena á esos da os 4 El p o esional pulsa á sob e el bo ón “Añadi Se icio” Excepciones P Paso Acción 4 4 El sis ema mos a á el mensaje de que al a po in oduci algunos de los da os pedidos Ac o es P o esional Tabla 4.3.2 1 Tabla de c ea un nue o se icio 38 Requisi o Modi ica el se icio P io idad Media P econdición El p o esional debe de es a egis ado, con la sesión iniciada y debe de exis i el se icio que quie e modi ica Pos condición NA Desc ipción El adminis ado o p o esional puede modi ica la in o mación sob e el se icio que p es a En ada Da os que quie e modi ica del se icio Salida Lis a de se icios Secuencia no mal C Paso Acción 1 1 El adminis ado o p o esional accede a la lis a de sus se icios pulsando sob e el bo ón “Lis a de mis se icios” 2 2 El adminis ado o p o esional selecciona el se icio que quie e modi ica pulsando sob e el icono de edi a 3 3 El sis ema mos a á la pan alla con la in o mación de ese se icio y modi ica los da os 4 El adminis ado o p o esional pulsa sob e el bo ón de “Edi a da os” 5 5 El sis ema mos a á la pan alla de los se icios con los da os ya modi icados Excepciones P Paso Acción 4 4 El adminis ado o p o esional pulsa sob e el bo ón “Cancela ”, po lo que los da os no se modi ica án Ac o es P o esional, Adminis ado Tabla 4.3.2 2 Tabla de modi ica el se icio Requisi o Bo a se icio P io idad Media P econdición El p o esional debe es a egis ado, con la sesión iniciada y debe de exis i el se icio que quie e modi ica Pos condición NA Desc ipción El adminis ado o p o esional puede elimina sus se icios En ada NA Salida Lis a de se icios Secuencia no mal C Paso Acción 1 1 El adminis ado o p o esional accede a la lis a de sus se icios pulsando sob e el bo ón “Lis a de mis se icios” 2 2 El adminis ado o p o esional selecciona el se icio que quie e elimina pulsando sob e el icono de elimina 3 El sis ema bo a la el se icio seleccionado 4 4 El sis ema mos a á la pan alla de los se icios menos el que acaba de bo a Excepciones P Paso Acción 4 2 El adminis ado o p o esional pulsa sob e el bo ón de “Página p incipal”, ya que no desea ealiza ninguna modi icación en cuan o a los se icios Ac o es Adminis ado , P o esional Tabla 4.3.2 3 Tabla de bo a se icio 39 Requisi o Ve in o mación del se icio P io idad Media P econdición El se icio debe de exis i , el usua io iene que es a egis ado en la página y con la sesión iniciada Pos condición NA Desc ipción El adminis ado o p o esional pod á e la in o mación de sus se icios En ada NA Salida In o mación de los se icios Secuencia no mal C Paso Acción 1 1 El adminis ado o p o esional accede a la lis a de sus se icios pulsando sob e el bo ón “Lis a de mis se icios” 2 2 El sis ema mues a po pan alla la in o mación de odos los se icios Excepciones NA Ac o es Adminis ado , p o esional Tabla 4.3.2 4 Tabla de e in o mación del se icio Requisi o Ac i a / Desac i a la disponibilidad del p o esional P io idad Media P econdición El p o esional debe de es a egis ado y con la sesión iniciada Pos condición NA Desc ipción El p o esional pod á cambia el es ado de su disponibilidad a “Disponible” o “No Disponible” En ada NA Salida NA Secuencia no mal C Paso Acción 1 1 El p o esional accede a la página p incipal, donde le apa ece á la in o mación de su disponibilidad 2 2 El p o esional pulsa á sob e el bo ón de “Cambia Mi Disponibilidad” 3 3 El sis ema cambia la disponibilidad y mues a de nue o la pan alla p incipal con la disponibilidad cambiada 4 El sis ema bo a la cuen a del usua io in oducido 5 5 El sis ema le mues a la misma página pe o sin el usua io que acaba de elimina Excepciones P Paso Acción 4 2 El p o esional no cambia el es ado de su disponibilidad Ac o es P o esional Tabla 4.3.2 5 Tabla de ac i a / desac i a la disponibilidad del p o esional 46 4.3.5. Módulo de ges ión de alo aciones Los casos de uso pe enecien es a es e módulo son: • Añadi alo ación (Clien e -> P o esional) una ez que el abajo se dé po inalizado (Tabla 4.4.5 1) • Modi ica una alo ación (Tabla 4.4.5 2) • Elimina una alo ación po pa e del clien e (Tabla 4.4.5 3) • Elimina una alo ación po pa e del adminis ado (Tabla 4.4.5 4) A con inuación se desc ibe cada caso de uso pe enecien e a es e módulo. Requisi o Añadi alo ación P io idad Media P econdición El clien e que quie e hace la alo ación iene que es a egis ado y con la sesión iniciada, además de que al p o esional que quie e alo a iene que exis i y que el se icio iene que es a e minado Pos condición NA Desc ipción El clien e puede alo a a un p o esional en cuan o al se icio p es ado. Es a acción solo se pod á ealiza cuando el se icio se de po inalizado En ada Valo ación Salida Secuencia no mal C Paso Acción 1 1 El clien e desde la pan alla p incipal pulsa sob e el bo ón de “Lis a de se icios solici ados” 2 2 El clien e e odos los se icios solici ados, jun o el es ado en el que se encuen a ese se icio. En el caso de que ese se icio es é inalizado, el clien e puede ealiza una alo ación, pa a ello pulsa sob e el bo ón de “Añadi ” 3 3 El clien e in oduce los da os de la alo ación y pulsa sob e el bo ón de “En ia ” 4 El sis ema mues a la pan alla de odos los se icios solici ados po ese clien e, jun o con la alo ación añadida de ese se icio Excepciones P Paso Acción 4 3 El clien e in oduce los da os de la alo ación, pe o no pulsa sob e el bo ón de “En ia ” Ac o es P o esional, Clien e Tabla 4.4.5 1 Tabla de añadi alo ación Requisi o Modi ica una alo ación P io idad Media P econdición El clien e iene que es a egis ado y con la sesión iniciada, además de que la alo ación que quie e modi ica debe de exis i Pos condición NA Desc ipción El clien e puede modi ica una alo ación que ha ealizado hacia o o p o esional En ada Nue os da os de la alo ación Salida Lis a de las alo aciones Secuencia no mal C Paso Acción 47 1 1 El clien e desde la pan alla p incipal pulsa sob e el bo ón de “Lis a de se icios solici ados” 2 2 El clien e elige la alo ación a modi ica y pulsa sob e el icono de edi a 3 3 El clien e in oduce la nue a alo ación y pulsa sob e el bo ón de “Modi ica ” 4 El sis ema mues a la pan alla de odos los se icios solici ados po ese clien e, jun o con los da os ac ualizados Excepciones P Paso Acción 4 3 El clien e in oduce la nue a alo ación pe o no pulsa sob e el bo ón de “Modi ica ” Ac o es P o esional, clien e Tabla 4.4.5 2 Tabla de modi ica una alo ación Requisi o Elimina una alo ación po pa e del clien e P io idad Media P econdición El clien e iene que es a egis ado, con la sesión iniciada, además de que la alo ación que quie e elimina debe de exis i Pos condición NA Desc ipción El clien e puede bo a las alo aciones que ha ealizado En ada NA Salida Lis a de alo aciones Secuencia no mal C Paso Acción 1 1 El clien e desde la pan alla p incipal pulsa sob e el bo ón de “Lis a de se icios solici ados” 2 2 El clien e elige la alo ación a elimina y pulsa sob e el icono de elimina 3 3 El sis ema elimina la alo ación y mues a la pan alla de odos los se icios solici ados con los da os modi icados Excepciones NA Ac o es Clien e, P o esional Tabla 4.4.5 3 Tabla de elimina una alo ación po pa e del clien e Requisi o Elimina una alo ación po pa e del adminis ado P io idad Media P econdición El adminis ado iene que ene la sesión iniciada, además de que la alo ación que quie e elimina debe de exis i Pos condición NA Desc ipción El adminis ado puede bo a cualquie a de las alo aciones ealizadas en la página web po pa e de los clien es En ada NA Salida Lis a de alo aciones Secuencia no mal C Paso Acción 1 1 El adminis ado desde la pan alla p incipal pulsa sob e el bo ón de “Ve alo aciones” 2 2 El sis ema mues a la pan alla de las alo aciones jun o con un buscado , con el obje i o de que pueda busca odas las alo aciones ealizadas po un clien e 3 3 El adminis ado , una ez enga decidida que alo ación quie e elimina , pulsa sob e el icono de bo a 4 4 El sis ema mues a la pan alla de las alo aciones de la página web con la in o mación modi icada Excepciones NA Ac o es Clien e, P o esional, Adminis ado Tabla 4.4.5 4 Tabla de elimina una alo ación po pa e del adminis ado 48 4.3.6. Módulo de ges ión de lis a de a o i os Los casos de uso pe enecien es a es e módulo son: • Añadi p o esional a la lis a de a o i os (Tabla 4.4.6 1) • Elimina p o esional de la lis a de a o i os (Tabla 4.4.6 2) • Ve la lis a de a o i os (Tabla 4.4.6 3) A con inuación se desc ibe cada caso de uso pe enecien e a es e módulo. Requisi o Añadi p o esional a la lis a de a o i os P io idad Media P econdición El clien e debe de es a egis ado, con la sesión iniciada, además de que el p o esional que quie e añadi a la lis a debe de exis i y no apa ece en esa lis a Pos condición NA Desc ipción El clien e dispone de una lis a de p o esionales a o i os, donde pod á añadi a p o esionales a esa lis a con el obje i o de busca los se icios que es os o ecen de una o ma más ápida En ada NA Salida Lis a de a o i os Secuencia no mal C Paso Acción 1 1 El clien e busca un se icio, y den o de cada se icio end á un icono en o ma de co azón pa a ma ca como a o i o al p o esional de ese se icio 2 2 El clien e pulsa sob e el icono de a o i o 3 3 El sis ema añade al p o esional a la lis a de a o i os y mues a al clien e su lis a de p o esionales a o i os con es e añadido Excepciones NA Ac o es Clien e, P o esional Tabla 4.4.6 1 Tabla de añadi p o esional a la lis a de a o i os Requisi o Elimina p o esional de la lis a de a o i os P io idad Media P econdición El clien e debe de es a egis ado, con la sesión iniciada, además de que el p o esional que quie e elimina de la lis a debe de apa ece en ella Pos condición NA Desc ipción El clien e elimina a un p o esional de la lis a de a o i os En ada NA Salida Lis a de a o i os Secuencia no mal C Paso Acción 1 1 El clien e accede a su lis a de a o i os desde la pan alla p incipal pulsando sob e el bo ón de “Lis a de a o i os” 2 2 El sis ema mues a la lis a con la in o mación de los p o esionales que o man pa e de ella 3 3 El clien e, una ez seleccionado que p o esional quie e elimina , pulsa sob e el icono de bo a 4 El sis ema ac ualiza la in o mación y mues a de nue o la lis a pe o sin el p o esional que ha sido bo ado 49 Excepciones NA Ac o es Clien e, P o esional Tabla 4.4.6 2 Tabla de elimina p o esional de la lis a de a o i os Requisi o Ve lis a de a o i os P io idad Media P econdición El clien e iene que es a egis ado y con la sesión iniciada Pos condición NA Desc ipción El clien e puede e una lis a con sus p o esionales a o i os En ada NA Salida Lis a de p o esionales a o i os Secuencia no mal C Paso Acción 1 1 El clien e accede a su lis a de a o i os desde la pan alla p incipal pulsando sob e el bo ón de “Lis a de a o i os” 2 2 El sis ema mues a la lis a con la in o mación de los p o esionales que o man pa e de ella Excepciones NA Ac o es Clien e Tabla 4.4.6 3 Tabla de e lis a de a o i os 50 Capí ulo 5 - A qui ec u a de la Aplicación y modelo de Da os En es e capí ulo se desc ibe la a qui ec u a u ilizada y las ablas que o man la base de da os. 5.1 A qui ec u a de la aplicación En cuan o a la a qui ec u a u ilizada en el desa ollo de la aplicación web, ha sido la del clien e-se ido , en la que la página web se di ide en dos pa es p incipales: el clien e y el se ido . En el que el clien e es el enca gado de ealiza pe iciones a un se ido y es e se á el enca gado de gene a espues as a esas pe iciones. En cuan o a los clien es en es e caso se án los usua ios (Clien es, p o esionales y adminis ado ) que se án los que ealicen las pe iciones a a és del na egado , ya que es á o mado po di e en es pan allas con sus espec i os o mula ios. En cuan o a los se ido es, enemos a Apache como el se ido web y a MySQL como se ido de la base de da os. Po lo an o los clien es se án los que inicien las solici udes o pe iciones y espe an las espues as del se ido , ya que es e es á en espe a has a ecibi las solici udes de los clien es y pos e io men e las p ocesa y en ía la espues a al clien e. 5.2 Es uc u a de la base de da os La in o mación a almacena en la base de da os consis e en: da os de los usua ios de la aplicación, solici udes de los se icios, solici udes de los clien es, da os de los se icios de los p o esionales, se icios que se han acep ado, lis a de a o i os de los clien es, disponibilidad de los p o esionales y ca ego ías de los se icios. Pa a ello se ha di idido la in o mación en di e en es ablas como se puede e en la Figu a 5. 1. 51 Figu a 5. 1 Tablas de la Base de Da os Pa a el almacenamien o de los da os se decidió u iliza el p og ama phpMyAdmin [14], ya que es una he amien a pa a adminis a y man ene una base de da os MYSQL de una mane a ácil y e icien e. Pa a la c eación de las ablas en la base de da os se han seguido una se ie de pasos, siendo es os: 1. Iden i icación de las en idades: El p ime o de los pasos ha sido iden i ica las en idades cla e de la aplicación, que en nues o caso son los “usua ios”, “se icios” y “solici udes” 2. De ini los a ibu os: El segundo de los pasos ha sido el iden i ica los a ibu os o ca ac e ís icas que debe almacena cada abla. Como po ejemplo en el caso de la abla de los “usua ios” se gua da oda la in o mación que se pide a la ho a de c ea se una cuen a en la página web. 3. De ini el ipo de da o: El e ce paso, una ez iden i icado los a ibu os que an a o ma pa e de la abla, se ha p ocedido a de ini el ipo de da o que a a se cada a ibu o, po ejemplo el nomb e se á una cadena de ex o, el código pos al un núme o, la echa un da e… 4. Iden i ica las cla es p ima ias y los alo es que son únicos: El cua o de los pasos, ha sido iden i ica cuáles de los a ibu os an a se alo es únicos y cuáles an a se la cla e o cla es p ima ias de cada abla. 52 5. Es ablece las elaciones: El quin o y úl imo paso ha sido es ablece las elaciones en e los a ibu os de las ablas, po ejemplo la abla de se icio a a ene un a ibu o del email del p o esional el cual a a es a elacionado con el a ibu o de email usua io de la abla de usua ios. A con inuación, en la Figu a 5 2 se mues a el modelo Relacional de la base de da os u ilizada en es e TFG, as la de inición de odas las ablas jun o con sus a ibu os: Figu a 5 2 Modelo Relacional de la base de da os Las ablas jun o con los a ibu os que o man cada una son las siguien es: 53 5.2.1 Tabla ca ego ías Es a abla se u iliza pa a almacena las di e en es ca ego ías en cuan o a los se icios que p es an los p o esionales en la aplicación. En ella se almacena el nomb e de la ca ego ía como se puede e en la Figu a 5. 3. El con enido de es a abla aumen a cuando el adminis ado de la página c ea nue as ca ego ías. Figu a 5. 3 Tabla Ca ego ías 5.2.2 Tabla dispop o esional Es a abla se u iliza pa a almacena el email del p o esional, jun o con la disponibilidad que iene en ese momen o, es e alo se á 0 -> No disponible , 1- >Disponible . En ella se almacena el co eo del p o esional, jun o con el alo de la disponibilidad. La es uc u a de es a abla se puede e en la Figu a 5. 4. Figu a 5. 4 Tabla Dispop o esional 5.2.3 Tabla a o i os Es a abla se u iliza pa a almacena los p o esionales que o man la lis a de a o i os de los clien es. En ella se almacena el co eo del clien e y del p o esional. La es uc u a de es a abla se puede e en la Figu a 5. 5. Figu a 5. 5 Tabla a o i os 54 5.2.4 Tabla se acep ados En es a abla se almacenan los se icios acep ados po cada p o esional. En ella se almacena el co eo del clien e y del p o esional, jun o con el nomb e del se icio y del es ado del se icio, es e alo puede se 0 -> Ha sido acep ado pe o no e minado, 1-> Se ha dado po inalizado el se icio. La es uc u a de la abla se puede e en la Figu a 5. 6. Figu a 5. 6 Tabla se acep ados 5.2.5 Tabla se icio Es a abla almacena la in o mación de cada se icio o ecido po cada p o esional. En ella se gua da el email del p o esional, el nomb e del se icio, la desc ipción de ese se icio, el p ecio, la ca ego ía y la localización. La es uc u a de la abla se puede e en la Figu a 5. 7. Figu a 5. 7 Tabla se icio 55 5.2.6 Tabla solici udesclien e En es a abla se almacenan los se icios solici ados po pa e del clien e jun o con la in o mación en cuan o al es ado de la solici ud y de la alo ación hacia el p o esional de ese se icio. En ella se gua da el co eo del clien e y del p o esional, el nomb e del se icio solici ado, el es ado de la solici ud (0 -> Pendien e, 1 -> Acep ado, 2 ->Denegado), el es ado de la alo ación (0 -> No ealizada, 1 -> Realizada) y la alo ación (Es a solo se pod á ealiza una ez el es ado de la solici ud sea 2, en el caso con a io es e campo es á acío). La es uc u a de la abla se puede e en la Figu a 5. 8. Figu a 5. 8 Tabla solici udesclien e 5.2.7 Tabla solise icios En es a abla se almacenan los se icios ecibidos po un p o esional. En ella se gua da el nomb e del clien e jun o con su co eo, el co eo del p o esional y el nomb e del se icio del cual ha ecibido la solici ud. La es uc u a de la abla se puede e en la Figu a 5. 9. 62 Figu a 6 5 Código pa a añadi nue a ca ego ía Pa a elimina una ca ego ía, el adminis ado hace clic sob e el icono de elimina desde la pan alla donde se mues an odas las ca ego ías en la página web y la aplicación elimina á esa ca ego ía en la base de da os. Además de elimina la ca ego ía de la base de da os, ambién se ha implemen ado que odos los se icios p es ados po los p o esionales que engan la ca ego ía que se a a elimina , se les coloque la ca ego ía de “Sin ca ego ía”. El código u ilizado pa a ealiza es as acciones se puede obse a en la Figu a 6 6. 63 Figu a 6 6 Código pa a elimina una ca ego ía Ve /Elimina usua ios de la aplicación El adminis ado al hace clic sob e el bo ón de “Elimina usua io” desde la pan alla p incipal. La aplicación mues a la pan alla de usua ios, la cual es á o mada po un buscado de usua io, pa a que se in oduzca el co eo elec ónico del usua io que se quie e elimina y ambién mues a una abla con la in o mación de los usua ios de la página web jun o con el icono de elimina . Po lo que la aplicación da dos opciones pa a bo a un usua io. Es a pan alla se puede obse a en la Figu a 6 7. Figu a 6 7 Pan alla con la in o mación de odos los usua ios 64 Al hace clic sob e el icono de elimina , la aplicación bo a á odos los da os de las ablas de la base de da os en las que apa ezca ese usua io. Dependiendo del ipo de usua io, se bo a á los da os de unas ablas u o as. El código implemen ado pa a bo a odos los da os se puede obse a en la Figu a 6 8. Figu a 6 8 Código de eliminación de usua io Ve /Elimina alo aciones ealizadas po los usua ios La pan alla que mues a odas las alo aciones ealizadas po los usua ios es á o mada po un buscado de alo aciones ealizadas po un p o esional jun o a una abla en la que apa ecen odas las alo aciones que se han ealizado en la página web. Cada una de es as alo aciones end á el icono de bo a , al hace clic sob e 65 ese icono la aplicación bo a la in o mación de la base de da os. Es a pan alla se puede obse a en la Figu a 6 9, mien as que el código implemen ado pa a ac ualiza el es ado de la alo ación a 0 (No ealizada) y pone el campo de la alo ación con un alo acío se puede e en la Figu a 6 10. Figu a 6 9 Pan alla de alo aciones de la página web Figu a 6 10 Código de elimina la alo ación Edi a /Elimina se icios de un p o esional Pa a pode edi a el se icio de un p o esional se debe de es a en la pan alla de se icios de la aplicación (Figu a 6 1). Cada se icio con a á con los iconos de 66 edi a y elimina . Según la acción que se quie a ealiza se hace clic en un icono o en o o. En el caso de que se pulse sob e el icono de edi a , la aplicación mues a un o mula io o mado po los campos donde apa ece la in o mación de ese se icio. El adminis ado modi ica los da os deseados y pulsa sob e el bo ón de “Edi a Da os”. La aplicación ac ualiza los da os en la base de da os y uel e a mos a la pan alla de los se icios. El código que ecibe los da os del o mula io y los ac ualiza en la base de da os se puede obse a en la Figu a 6 11. Figu a 6 11 Código de edición de los da os de un se icio En el caso de que se pulse el icono de elimina , la aplicación bo a odos los da os elacionados con ese se icio en la base de da os. El código pa a ealiza es a acción se puede obse a en la Figu a 6 12. 67 Figu a 6 12 Código pa a elimina un se icio Elimina un usua io de la aplicación El adminis ado decide bo a la cuen a de un usua io de la aplicación y desde la pan alla donde se mues an odos los usua ios de la página web, como podemos obse a en la Figu a 6 13, el adminis ado iene dos opciones pa a lle a a cabo es a acción. Una de ellas se á median e un buscado de usua io, en el que se in oduce el co eo elec ónico. La o a opción es hace clic sob e el icono de bo a que es á si uado en la ila de cada usua io. Figu a 6 13 Pan alla de elimina cuen a de usua io 68 En las dos igu as siguien es (Figu a 6 14 y Figu a 6 15) se puede obse a el código implemen ado pa a mos a el buscado de usua ios y la abla donde se mues a la in o mación de odos los usua ios jun o con el icono de elimina . Figu a 6 14 Código pa a el buscado del usua io Figu a 6 15 Código que mues a odos los usua ios de la aplicación 6.2.2 Sección clien e Den o de es a sección se han implemen ado odas las uncionalidades que puede ealiza el usua io de ipo clien e den o de la página web, siendo es as: Busca /solici a 69 un se icio, Añadi /Edi a /Elimina una alo ación, Ve /Añadi /Elimina usua ios de la lis a de a o i os. Busca /Solici a un se icio Desde la pan alla de buscado se se icios, la aplicación mues a una se ie de il os de búsqueda jun o con el buscado de se icios. El usua io in oduce los da os pa a la búsqueda del se icio y la aplicación mues a odos los se icios que es én elacionados con la búsqueda. La pan alla de busca se icios se puede obse a en la Figu a 6 16. El código implemen ado pa a es a pan alla se puede obse a en la Figu a 6 17. Figu a 6 16 Pan alla de búsqueda de se icios 70 Figu a 6 17 Código de la pan alla de búsqueda Una ez ealizada la búsqueda, la aplicación mues a una abla con el lis ado de p o esionales. Es a abla cuen a con el email del p o esional, nomb e del se icio, localización, p ecio/ho a, disponibilidad del p o esional, bo ón de solici a se icio y el bo ón de añadi el p o esional a la lis a de a o i os. Es a abla se puede obse a en Figu a 6 18. 71 Figu a 6 18 Pan alla de in o mación de se icios Una ez seleccionado el p o esional al que se quie e en ia la solici ud, se hace clic sob e el icono de en ia y se en ía la solici ud al p o esional. El código que en ía es a solici ud se puede obse a en la Figu a 6 19. Figu a 6 19 Código solici ud de se icio Añadi /Edi a /Elimina una alo ación Pa a añadi una alo ación, p e iamen e se iene que habe dado po inalizado el se icio p es ado. Una ez se ha inalizado el se icio, el usua io puede ealiza la alo ación desde la pan alla de se icios solici ados haciendo clic sob e el bo ón de “Añadi ”. La aplicación mues a un campo donde se in oduce la alo ación y pos e io men e se pulsa sob e el bo ón de “Añadi ”. La aplicación gua da la 78 Figu a 6 31 Pan alla de edi a un se icio En el caso de hace clic en el icono de bo a el se icio, la aplicación bo a los da os co espondien es a ese se icio de la base de da os. La implemen ación en código de la acción de bo a el se icio se puede obse a en la Figu a 6 32. Figu a 6 32 Código pa a elimina un se icio Da po inalizado un se icio El p o esional pulsa sob e el bo ón de inaliza se icio desde la pan alla de se icios acep ados. La aplicación ac ualiza el alo del es ado del se icio a 79 inalizado. La pan alla de se icios acep ados se puede e en la Figu a 6 33 y el código que ealiza es a acción en la Figu a 6 34. Figu a 6 33 Pan alla se icios acep ados Figu a 6 34 Código pa a la inalización de un se icio Cambia Disponibilidad El p o esional puede cambia su disponibilidad haciendo clic sobe el bo ón de “Cambia Disponibilidad”. La aplicación cambia el es ado de la disponibilidad como podemos obse a en la Figu a 6. 35 y la Figu a 6. 36. 80 Figu a 6. 35 Pan alla de p o esional disponible Figu a 6. 36 Pan alla de p o esional No disponible En la Figu a 6 37 se puede obse a la implemen ación del código el cual ealiza el cambio del alo del campo de la disponibilidad en la base de da os. 81 Figu a 6 37 Código cambio de disponibilidad 6.2.4 Sección usua io Den o de es a sección se han implemen ado odas las uncionalidades que ienen en común odos los usua ios de la aplicación, siendo es as: Regis o de Usua io, Ve y edi a los da os del pe il , Login, Logou . Regis o de Usua io La p ime a is a de un usua io que quie e egis a se en la página web es la del egis o de usua io. Es a pan alla con iene los campos de nomb e comple o, di ección, núme o, ciudad, p o incia, código pos al, elé ono, co eo elec ónico, con aseña y el ipo de usua io del cual a a se c eada la cuen a, como se puede e en la Figu a 6 38 .Todos los campos son obliga o ios de in oduci , en el caso de que al e alguno de ellos, se a isa de que se debe in oduci ese da o. Se puede obse a el código de la implemen ación del o mula io en la Figu a 6 39. 82 Figu a 6 38 Fo mula io de egis o 83 Figu a 6 39 Código del o mula io de egis o Una ez ellenado odos los da os de una o ma co ec a, se hace clic en el bo ón de “Regis o”. La aplicación mues a la pan alla p incipal, es a depende á del ipo de usua io egis ado. La pan alla p incipal de clien e se puede e en la Figu a 6 40, mien as que la del se puede e en la Figu a 6 41. 84 Figu a 6 40 Pan alla p incipal clien e Figu a 6 41 Pan alla p incipal p o esional El código que se mues a en la Figu a 6 42 es el que inse a los da os del nue o usua io en la abla de usua io, y en el caso de que el ipo de usua io sea p o esional ambién se inse a el co eo del usua io en la abla de la disponibilidad, la cual el es ado de la disponibilidad se á “Disponible” po de ec o en el momen o del egis o de la cuen a. 85 Figu a 6 42 Código de inse a un nue o usua io Ve da os y edi a el pe il Al hace clic en el bo ón de “Ve pe il”, la aplicación mues a al usua io los da os asociados a su cuen a jun o con el bo ón de edi a pe il, como podemos obse a en la Figu a 6 43. 86 Figu a 6 43 Pan alla de da os del pe il Al hace clic sob e el bo ón de “Edi a da os”, la aplicación mues a la pan alla con un o mula io en la cual el usua io edi a los da os del pe il, como podemos obse a en la Figu a 6 44. Una ez in oducido los da os que se quie an modi ica la aplicación ac ualiza esa in o mación en la en la base de da os. Se puede obse a el código pa a gene a el o mula io con los campos de los da os de pe il en la Figu a 6 45. 87 Figu a 6 44 Pan alla edi a da os pe il Figu a 6 45 Código del o mula io de los da os de pe il 95 Chap e 7 - Conclusions and u u e wo k 7.1. Conclusions In his wo k, a web applica ion has been de eloped aimed a helping people who need he se ice o a p o essional. Fo his, a se ies o unc ionali ies ha e been implemen ed o mee he objec i es se a he beginning o he de elopmen o he applica ion, such as he sea ch o se ices based on il e s, eques a se ice, see he s a us o said eques . Along wi h he unc ionali ies men ioned abo e, a con en manage has been c ea ed in e ms o he se ices, since i will be possible o add, edi and dele e hei in o ma ion, as well as being able o add o elimina e new ca ego ies o hese se ices, such as adding a ings o use s o he a o i es lis . Rega ding he usabili y o he applica ion, i has been designed wi h he aim o making he in e ace in ui i e and easy o use, in which use s a e com o able na iga ing h ough i . 7.2. Fu u e wo k Despi e he good esul s ob ained when i comes o mee ing a la ge pa o he objec i es and unc ionali ies se a he beginning o he p ojec in he equi emen s ga he ing phase. A numbe o new ea u es and unc ionali y ha e been p oposed o de elopmen as u u e wo k. These imp o emen s a e: • Use in e ace imp o emen : Al hough he use in e ace has been made in ui i e and easy o use, imp o emen s can s ill be made in e ms o page na iga ion and elemen layou . • Adap a ion o di e en sc een sizes: Op imize he css o adap he applica ion elemen s o di e en sc een sizes and hus achie e a use expe ience app op ia e o he size o he de ice om which he page is being accessed. • In e na ionaliza ion: Cu en ly he applica ion has been ully de eloped in Spanish. Bu in he u u e i will be adap ed o make i accessible and unde s andable by any use ega dless o coun y o language. This can be achie ed h ough a d op-down menu wi h which he language o he web page can be selec ed. 96 • Show mo e in o ma ion o clien s abou p o essionals: Cu en ly he applica ion does no show clien s he a ings ha a p o essional has, bu i would be use ul i clien s could see he a ings o a p o essional in o de o help hem when choosing he p o essional sol e you help. • Fea u ed sec ion o p o essionals: I would be o g ea help o clien s o be able o see he p o essionals who ha e he bes a ing in e ms o he ca ego y belonging o he se ice hey a e looking o . 97 BIBLIOGRAFÍA [1] Can a : h ps://www.can a.com/ [2] Wallapop : h ps://es.wallapop.com/wall [3] Task abbi : h ps://www. ask abbi .es/es/es/ [4] F eelance : h ps://www. eelance .es/ [5] Ube : h ps://www.ube .com/es/es-es/ [6] Upwo k : h ps://www.upwo k.com/ [7] HTML5 : h ps://es.wikipedia.o g/wiki/HTML5 [8] CSS : h ps://es.wikipedia.o g/wiki/CSS [9] Boo s ap : h ps://ge boo s ap.com/ [10] PHP : h ps://desa olloweb.com/home/php [11] SQL : h ps://desa olloweb.com/manuales/ u o ial-sql.h ml [12] Xampp Apache : h ps://www.apache iends.o g/es/index.h ml [13] Visual S udio Code : h ps://code. isuals udio.com/ [14] PhpMyAdmin : h ps://www.phpmyadmin.ne / 98 ANEXO A Guía de uso En es e anexo se explica cómo hace la ges ión de la aplicación po pa e del adminis ado y cómo usa la aplicación dependiendo del ipo de usua io. A.1. Usua io adminis ado A.1.1. Vis a p incipal de adminis ado En la Figu a A. 1. se obse a la is a p incipal que pod á e el adminis ado as inicia sesión. En ella se encuen a una ba a de na egación si uada en la pa e in e io con las opciones de e se icios, ca ego ías, elimina cuen a de usua io o e alo aciones. Figu a A. 1 Vis a p incipal de adminis ado 99 A.1.2. Ges ión de se icios En la ges ión de se icios se dis inguen 4 opciones posibles isibles en la Figu a A. 2. Pa a e la in o mación de los se icios de un p o esional especí ico debe hace clic en el buscado de se icios e in oduci el co eo elec ónico del usua io que desea e sus se icios, pos e io men e debe hace clic en el bo ón de “Busca ”. Pa a e más in o mación ace ca un se icio debe pulsa sob e el icono de más in o mación y la aplicación mues a la in o mación adicional ace ca de ese se icio. Pa a edi a un se icio se debe pulsa sob e el icono de edi a , a con inuación, debe edi a los da os deseados en el o mula io obse able en la Figu a A. 3 y po úl imo pulsa sob e el bo ón de “Edi a da os”. Po úl imo, pa a elimina un se icio, debe hace clic sob e el icono de elimina del se icio que desee elimina . Figu a A. 2 Lis ado de se icios 100 Figu a A. 3 Edi a da os de un se icio A.1.3. Ges ión de ca ego ías En la ges ión de ca ego ías se dis inguen 3 opciones posibles isibles en la Figu a A. 4 .Pa a añadi una ca ego ía el adminis ado debe de hace clic sob e el bo ón de “Añadi ca ego ía”, a con inuación, in oduce el nomb e de la ca ego ía y pulsa á sob e el bo ón de “Añadi Ca ego ía” obse able en la Figu a A. 5 .Pa a edi a una ca ego ía se debe pulsa sob e el icono de edi a , modi ica el da o y pulsa sob e el bo ón de “Edi a nomb e”. Po úl imo, pa a elimina una ca ego ía, el adminis ado debe hace clic sob e el icono de elimina de la ca ego ía que desee elimina . 101 Figu a A. 4 Lis ado de ca ego ías Figu a A. 5 Añadi ca ego ía A.1.4. Ges ión de elimina un usua io En la ges ión de eliminación de usua ios se dis inguen 2 opciones posibles pa a lle a a cabo es a acción. La p ime a es in oduci en el buscado el co eo elec ónico del usua io que desee elimina la cuen a y pulsa sob e el bo ón de “Elimina Usua io”. Mien as que la segunda opción es pulsa sob e el icono de elimina del usua io que desee elimina la cuen a. Es as dos opciones se pueden obse a en la Figu a A. 6. 102 Figu a A. 6 Elimina usua io A.1.5. Ges ión de alo aciones En la ges ión de alo aciones se dis inguen 2 opciones isibles en la Figu a A. 7. El adminis ado puede e odas las alo aciones en una abla, pe o ambién iene la opción de busca odas las alo aciones ealizadas po un usua io in oduciendo el co eo elec ónico del usua io en el buscado y pulsa sob e el bo ón de “Busca alo aciones”. Po úl imo, pa a elimina una alo ación, el adminis ado debe pulsa sob e el icono de elimina de la alo ación que desee elimina . Figu a A. 7 Ges ión de alo aciones 103 A.2. Usua io clien e A.2.1. Vis a p incipal de clien e En la Figu a A. 8 se obse a la is a p incipal que pod á e el clien e as inicia sesión. En ella se encuen a una ba a de na egación si uada en la pa e in e io con las opciones de busca un se icio, e la lis a de a o i os o e la lis a de los se icios solici ados. Figu a A. 8 Vis a p incipal de clien e A.2.2. Búsqueda de se icio En la pan alla de búsqueda de se icio, se mues a un buscado de se icios jun o unos il os de búsqueda, como mues a la Figu a A. 9 . Se pod á selecciona la ca ego ía, la localización, el p ecio máximo y la o ma de mos a los se icios buscados. 110 acep a , sin en cambio, si desea denega esa solici ud debe de hace clic sob e el icono de denega . En el caso de que la solici ud sea acep ada, la in o mación del se icio apa ece á en la pan alla de se icios acep ados (Figu a A. 18), en caso con a io, la in o mación se desca a. Figu a A. 17 Solici udes de se icios A.3.6. Se icios acep ados Desde la pan alla de se icios acep ados se pueden e odos los se icios que ha acep ado el usua io. También se pod á da po inalizado el se icio haciendo clic sob e el bo ón de “Finaliza se icio”. En la Figu a A. 18 se puede obse a dicha pan alla. Figu a A. 18 Se icios acep ados 111 A.3.6. Lis a de alo aciones Desde la pan alla de lis a de alo aciones ecibidas, el usua io puede e la in o mación de la alo ación ecibida po pa e del clien e en el se icio ealizado. En la Figu a A. 19 se puede e la lis a de las alo aciones ecibidas. Figu a A. 19 Valo aciones ecibidas