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