GRADO EN TURISMO - ujaen.es
Transcript of GRADO EN TURISMO - ujaen.es
Trabajo Fin de Grado
La creación de un
sitio Web para el
Comercio electrónico
Alumno: Antonio Moreno
JULIO, 2018
F
acu
lta
d d
e C
ien
cia
s S
ocia
les y
Ju
ríd
ica
s
GR
AD
O E
N T
UR
ISM
O
1
Tabla de contenido
1. RESUMEN EN ESPAÑOL ................................................................................... 2
2. SUMMARY IN ENGLISH ................................................................................... 3
3. INTRODUCCIÓN ................................................................................................. 4
4. ¿QUÉ ES UNA CMS? ........................................................................................... 5
4.1 Tipos de CMS .................................................................................................. 5
4.1.1 E-commerce o comercio electrónico ................................................. 6-7
4.2 WordPress, Joomla o Drupal ....................................................................... 7-8
4.3 ¿Qué ventajas e inconvenientes podemos encontrar con un CMS? .......... 8-10
5. EL ORIGEN DE LOS CMS ................................................................................ 10
6. PARA QUÉ UTILIZAMOS UN CMS ................................................................ 11
7. PUESTA EN MARCHA DE NUESTRA CMS PARA LA CREACIÓN DE
NUESTRA WEB ................................................................................................. 12
7.1 Análisis de nuestra página web ............................................................... 12-13
7.2 Puesta en marcha del diseño de nuestra web ........................................... 13-28
7.3 Implementación de nuestra página web................................................... 28-29
8. CONCLUSIONES ............................................................................................... 30
9. BIBLIOGRAFÍA ................................................................................................. 31
2
1. Resumen en español
Como iré explicando a lo largo de esta memoria, mi trabajo fin de grado trata de unir uno
de mis mayores hobbies como es el Pádel profesional y aquello que he estado estudiando
en mi grado universitario, el sector turístico.
En este trabajo trato de interrelacionarlos en una especie de buscador de eventos
deportivos de pádel y compatibilizarlo con la búsqueda de hoteles y de lugares de interés.
De esta forma, se ofrece una solución interesante para el turista o excursionista que realice
el viaje y que desee realizar más actividades que solo aquella de presenciar el torneo de
pádel.
La idea me pareció muy interesante ya que yo, como fan de los diferentes torneos de
pádel, no conocía ninguna página web que realizase esto, y que te informase de qué
alternativas había cerca de las instalaciones donde se realizaba el evento de pádel ya que,
una vez terminado el partido, muchas de las personas se alojaran en dicho destino,
comerán y visitaran monumentos y lugares emblemáticos cercanos.
Mi trabajo fin de grado consta de dos partes;
La primera la parte redactada, donde plasmo la evolución y la estructura de mi página
web, así como el por qué y todos los detalles de mi proyecto;
Y por otra parte la parte práctica, se trata de la realización de mi página web donde moldeo
lo redactado, y doy forma, para el uso de aquellos viajeros que la necesiten.
3
2. SUMMARY IN ENGLISH
Since I Will be explaining along this memory, my work end of degree tries to join one of
my major hobbies since it is the profesional padel and that one that I have been studying
in my university degre, the tourist sector.
In this work I try to interrelate them in a seeker`s species of sports events of padel and to
make compatible it with the search of hotels and interest places.
In this way, an interesting solution is offered for the tourist or tripper who wants to realize
more activities than just that one of attending the tilt of padel.
The idea seemed to my to be very interesting since I, as fan of the different tilts of padel,
did not know any web page that realized this, and that was informing you what
alternatives were near the installations where the event was realized of pádel since, once
finished the match, many of the persons were lodging at the above mentioned destination,
they will eat and they were visiting monuments and emblematic nearby places.
My work end of degree consists of two parts:
The first one, the written part, where i form the evolution and structure of my web page,
as well as why and all the details of my work.
And on the other hand the practical part, it is a question of the accomplishment of my
web page where I mold the written part, and I give form, for the use of those travelers
who need it.
4
3. Introducción
En este apartado explicare el porqué de escoger este tema en mi proyecto fin de grado,
que trabajo propongo y el porqué de este.
La creación de un sitio Web para el comercio electrónico era un tema que me interesaba
y que actualmente es muy importante para grandes, medianas y pequeñas empresas. En
mi caso, hace unos años intenté crear una página web para el restaurante de mis padres,
y siempre me interesó la creación de una página web.
Víctor, mi tutor del proyecto, me aconsejo centrarme en un tema que a mí me gustase y
que a su vez supiese del tema, y ya que sigo mucho el mundo del pádel, decidí crear una
página web.
En esta, podrías ponerte al día de lo último en el pádel, informarte de los próximos
grandes campeonatos o incluso de aquellos partidos benéficos o amistosos en las distintas
ciudades españolas menos conocidos, y más en concreto ayudarte a la hora de la reserva
de alojamiento, de actividades alternativas a aquella principal de ir a ver jugar este
deporte, cerca del destino donde se celebre.
Antes de empezar a crear esta página investigué si ya había algo parecido a esto que yo
tenía pensado crear y di con páginas webs, para mi complejas, con falta de información y
muy poco cercano a la hora de ayudar al cliente con su reserva.
Concluyendo, de eso trata mi proyecto, la creación de una página web dedicada al pádel,
que te informe de los partidos ya sea dentro de España como en toda Europa, con
asesoramiento a la hora de escoger un alojamiento u otro además de información e
imágenes de los últimos partidos
5
4. ¿Qué es un CMS?
Según Álvarez (2014) En su artículo, qué es un CMS, los CMS son las siglas inglesas de
Content Management System, traducido directamente al español como Sistema Gestor de
Contenidos cuya función básica como bien indica su nombre es gestionar contenidos en
un medio digital, en este caso en una web, permitiendo así crear, publicar y ordenar
cualquier tipo de información. Estos tienen una base de datos de modo que el propietario
simplemente actualiza una base de datos, añadiéndole o cambiando la información.
4.1 Tipos de CMS
Actualmente existen miles de CMS a nuestro alcance con grados variados en cuanto a
dificultades y personalización, a continuación, voy a nombrar los 5 más conocidos.
Los tres primeros los explicare con más profundidad en el apartado 4.2
1. WordPress: el más importante en mi proyecto ya que será con el que realice
finalmente mi web. Mundialmente, es el más usado con diferencia debido a su
sencillez y efectividad.
2. Joomla: el oponente que hace cara a WordPress. Su problemática, a diferencia del
anterior, es el aumento de la complejidad en su uso.
3. Drupal: Finalmente, dentro de esta trilogía más reconocida y usada se haya
Drupal, el más complejo de los tres mencionados.
6
4.1.1 E-commerce o comercio electrónico
Saltamos a los CMS de e-commerce o comercio electrónico, según Ramírez (2017), en
su artículo el ABC del e-commerce, es el proceso por el cual dos partes o más realizan
una transacción de negocios a través de un ordenador.
Hoy día, las cifras reflejan la enorme presencia de los negocios online, el 40 % de la
población cuenta con internet y el mercado de las ventas online ya sea tanto de productos
como de servicios está en auge.
Resumiendo, una de las grandes ventajas de contar con una página web es que te
encuentras disponible y abierta los 365 días del año.
Continuando con los dos CMS de e-commerce más importantes, podemos nombrar dos
de ellos:
5. Prestashop: se trata de un gestor de contenidos dinámico diseñado para la creación
de tiendas con software desde cero y 100% gratuito, incluso pudiendo ser
alimentado con temas y módulos desarrollados.
6. Magento: se trata, como en el anterior caso, de un gestor de contenidos que, ha
diferencia de Prestashop, es mucho más difícil de usar, pero con una
personalización mucho más ajustada.
Los gestores de contenido también se pueden calificar según diferentes criterios según
Hernández Sánchez, (2015):
Por Características:
1. Según el lenguaje de programación empleado: Active Server Pages, Java, PHP,
ASP.NET, Ruby On Rails…
7
2. Según la licencia: Código abierto o Software propietario.
Por su uso y funcionalidad
3. Blogs: para webs más personales.
4. Wikis: para el desarrollo colaborativo.
5. Publicaciones digitales.
6. Difusión de contenido multimedia.
7. Foros: para compartir opiniones.
8. E-commerce: gestión de usuarios, catálogo, compras y pagos.
4.2 WordPress, Joomla o Drupal
Al inicio de este proyecto es necesario saber cómo y qué medios son los más adecuados
para la creación de nuestra página web, así que indague entre los tres CMS (Content
Management System) o gestores de contenidos más usados y reconocidos, los cuales son,
WordPress, Joomla y Drupal.
Voy a empezar hablando por el primero que descarté, Drupal, estuve informándome de
cómo funcionaba y que opinaban de este Gestor de Contenidos profesionales, ya que leí
en diversos medios que Drupal era un muy buen Gestor muy completo, pero a su vez
engorroso y posiblemente inaccesible para usuarios sin un conocimiento especifico en
programación.
No obstante, intenté entender cómo funcionaba a través de videos e información, pude
ver que tenía una gran ventaja frente a las demás y era que podías armar una página web
muy a tu medida, pero con una gran desventaja, que no sabía utilizarla.
8
Quizás mi última opción desde el principio fue usar Joomla, ya que, al inicio, cuando me
informe de las características de cada una, fue la que menos me intereso y según mi punto
de vista la más desusada entre estas tres anteriormente mencionadas.
Tal vez lo único que me llamaba su atención era que a diferencia de Drupal era más
sencilla a la hora de su uso sin necesidad de tener unos conocimientos en programación
podías llevarla a cabo, pero la comparé con WordPress y fue esta la que finalmente decidí
escoger a la hora de crear mi página web.
Para finalizar con este apartado de CMS, explicare el porqué de mi elección de
WordPress.
WordPress se convirtió en mi primera opción después de descartar Drupal, quería saber
cómo funcionaba y qué podía hacer ya no esté gestor de contenidos, si no yo con unos
conocimientos básicos sobre programación.
La verdad es que no tuve ninguna dificultad ni si quiera desde el principio, todo es como
un puzle que vas armando pieza por pieza hasta completarlo, WordPress te lo facilita
todo, quizás hubiese quedado más satisfecho realizándolo por Drupal, pero al fin y al cabo
WordPress hacia lo mismo de un modo más sencillo.
No necesite de información adicional para guiarme por este gestor y es así como continúe
mi proyecto con este CMS.
4.3 ¿Qué ventajas e inconvenientes podemos encontrar con un CMS?
En los últimos años como ya bien sabemos, el uso de las tecnologías para cualquier
necesidad se ha hecho notorio, llegando a veces, a ser necesario.
9
Con esto me refiero a que cada vez más son las empresas, como pueden ser agencias de
viajes o proveedores de servicios que tienen que crearse su propia página web, ya que,
cada vez más, la gente prefiere comprar o realizar su búsqueda por internet, que, en una
agencia de viajes, por cuestiones de comodidad y eficacia.
Aquí el papel de las CMS cobra un importante papel, el de mostrarnos a un público más
amplio y agilizando “el proceso de papeleo”
En resumen, las funciones principales de, en mi caso WordPress, es la de:
1. Facilidad de uso, he de reconocer que como verdaderamente se aprende a manejar
y crear una web a través de WordPress, es utilizándolo, al principio de este
proceso no entendía algunos conceptos, pero con el tiempo me di cuenta de que
es sencillo y que era cuestión de práctica.
2. Gratuita, uno de los grandes rasgos de esta, es que no tiene costo, eso sí, a menos
que utilices la versión gratuita, si deseas integrar botones de pago, otros temas o
servicios adicionales que darán mayor rendimiento a tu página, esta incurrirá en
gastos adicionales.
3. Mantenimiento de nuestra página, WordPress está diseñado para ir actualizando
la información presente en nuestra página.
4. Página propia: a lo que me quiero referir en este apartado es que tú eres el creador,
nadie mejor que tu va a saber cómo deseas ver tu página, por lo que es un gran
punto fuerte.
¿Qué inconvenientes podemos encontrar en un CMS?
1. Pagos: como he dicho anteriormente, puede que la página, si no recurrimos a
pagos ya sea estéticos o para añadir funciones, quede un poco insulsa y no llegue
a dar lo mejor de sí.
10
2. Visibilidad: el posicionamiento web de nuestra página será poco óptimo ya que
seremos poco visibles.
3. Rigidez del software: ya que la estructura del CMS será siempre la misma a
diferencia de un desarrollo a medida.
5. El origen de los CMS
Estos sistemas de administración de contenidos fueron desarrollados por organizaciones
que subían a internet contenido, y necesitaban actualizar la información de su contenido
como puede ser la información de publicaciones, periódicos o revistas, etc.
Según Hernández Sánchez, (2015) el primer gestor de contenido se dio en 1995 cuando
el sitio de noticas tecnológicas CNET, creo un sistema de gestión de documentos y
publicación, llamado Vignette.
La evolución de internet en los últimos años ha hecho que la necesidad de estos sea
evidente convirtiendo de esta manera a los CMS en una herramienta esencial en internet,
en un apartado más laboral como para el propio usuario.
Los primeros fueron desarrollados por organizaciones que publicaban una gran cantidad
de contenido en internet, y necesitaban actualizarse continuamente; como podrían ser
periódicos, artículos y publicaciones o revistas.
Los wikis y los sistemas groupware también son considerados CMS.
Hoy día existen diversos sistemas con software libre y software privativo. En cualquiera
de los dos casos mencionados se necesita una implantación para adaptar el gestor de
contenidos al esquema gráfico.
11
6. ¿Para qué utilizamos un cms?
Un CMS puede ser utilizado para muchas funciones y para un número variado de usos.
Principalmente sirve para publicitarte, para ser visto a través de internet, publicitando un
contenido, informando, usándolo como un “blog personal” por algunos usuarios y como
un negocio por la otra parte.
Un sitio donde un usuario pueda colgar información, o donde una empresa pueda darse a
ver y venderse.
Como he dicho el uso no corporativo de estos tipos de gestores de contenido es común y
sencillo, como ejemplo personal, un familiar cercano creó esta página web para dar
información y cursos preparto, así como actividades postparto con los bebes:
https://tumatronajaen.com/
La Web anteriormente mencionada me ayudó mucho estéticamente y a tomar un ejemplo.
Un CMS tiene como finalidad mostrarse al mundo, con o sin un fin económico para contar
experiencias o vender tu producto, en los últimos años es un medio necesario, ya que
vivimos en un mundo globalizado y la competencia es muy elevada.
Hoy día para que una organización sea competitiva tiene que tener una buena campaña
de marketing y estar presente en internet es la manera óptima para la búsqueda y compra
de cualquier producto o servicio.
12
7. Puesta en marcha de nuestra CMS para la creación de nuestra web
Para la creación de nuestra página web, primero debería hacer un esquema de aquello que
quería plasmar en mi página web.
Quería que mi página fuera dirigida a los amantes del pádel que viajan alrededor de toda
la península en busca de torneos y que, a su vez, no solo viajen con este fin si no que
pudieran realizar más actividades alternativas a aquella principal que era la de ver pádel,
aquellas como ver zonas emblemáticas, museos, teatros, etc.
A su vez incluir un pequeño apartado dedicado al hospedaje cerca de aquellos lugares
donde se disputará el encuentro, para facilitar de esta manera al viajero toda la
información básica y darle un pequeño empujón para fomentar este tipo de turismo
gracias a la sencillez de mi página.
7.1 Análisis de nuestra página web
En este apartado responderé a la pregunta, ¿De qué se trata? mi página web y la función
que yo le he intentado dar:
La función que le he intentado dar a este gestor de contenidos ha sido la de informar y la
de ejercer de vínculo entre aquellos amantes del propio deporte mencionado y que, a su
vez, también opten por visitar y conocer los parajes del lugar donde se disputará el
encuentro.
Mi página web se divide en las siguientes categorías: (el próximo torneo en disputarse),
inicio, campeonatos, contacto y blog.
13
En el siguiente apartado 7.2, explicaré más detalladamente el proceso de realización de
mi web, explicado todo paso a paso.
7.2 Puesta en marcha del diseño de nuestra web
A continuación, explicaré como ha progresado mi proyecto, desde la primera idea que
tuve, su desarrollo, hasta la página web que hoy día tengo y que seguirá actualizándose
en un futuro.
Para dar comienzo, en la imagen 1, mostraré un pequeño esquema de cómo quería ver mi
página web al principio, explicare cada una de las siglas que se mostrarán:
Imagen 1: Esquema de portada
En la imagen 1 se pueden observar una serie de siglas que iré explicando, básicamente
las siglas de arriba serán el conjunto de opciones en los cuales se podía interaccionar
dentro de mi web:
14
A: Actualidad, en este apartado tenía una idea de ir añadiendo información que tocara los
dos grandes grupos que he ido mencionando a lo largo de mi trabajo fin de grado, un
deporte en auge como es el pádel y el turismo, noticias informativas sacadas de
buscadores, periódicos o revistas que hablaran de ambos ámbitos. Así como la
información de los últimos torneos disputados y sus resultados
C: Campeonatos, sería sin duda una de las pestañas más complicadas de desarrollar,
debido a su alto contenido. En total el WPT cuenta con 8 grandes premios disputados por
toda la península, y que tendría que resumir en esa pestaña, dentro de esta quería dar una
información sencilla y básica de cada uno de ellos para no tener un overbooking de
información.
Por eso mi idea era la de insertar un pequeño mapa de la localización del torneo con
ubicaciones importantes cerca de este como podrían ser parkings, al menos 3 hoteles
cercanos y variados, restaurantes, bares o pubs y zonas de interés cultural, como bien
puede ser una iglesia, una marmita, o también zonas de descanso y relax ya sean parques
o cascos antiguos solo peatonales para poder caminar y conocer un poco más el destino.
También dentro de esta pestaña, se verá qué tipo de torneo es, y la fecha en la que se
disputará, además de un link directo a Ticketea para la compra de las entradas al
campeonato.
Finalmente, doy una breve reseña de los hoteles mostrados en el mapa, su localización y
una breve información sobre este, incluyendo un link directo a la reserva en la propia
página del hotel ya que, de esta manera, sin intermediarios como pueden ser booking o
tripadvisor, la reserva será más económica y más para las fechas de los torneos ya que los
precios se disparan debido a la alta demanda de estos.
P: Personal o contacto, en esta pestaña se localizarán los datos del creador de la página,
es decir, yo y donde se podrá encontrar mis apellidos y nombre junto con el correo
electrónico en el caso de que hubiese una duda o una idea para mejorar la página que me
escribieran a esa dirección y solucionarlo.
15
T.A: Torneo Actual, este apartado finalmente se encontrará situado el primero, como el
propio nombre dice, especifica y muestra cual es el torneo actual o en su defecto el
próximo torneo en disputarse.
Esta fue una idea de Víctor, mi tutor del TFG y que sin duda recorta la búsqueda, teniendo
solamente que hacer un click y redirigiéndote directamente a lo actual y que seguramente
busquen los usuarios de la web.
B: Blog, esta última opción, da la posibilidad de acceder a todos los blogs que he creado,
con información sobre los torneos, lugares extraños donde se práctica el pádel…
Una vez explicadas todas las opciones, como en la imagen, esta sería la página principal
que veríamos nada más entrar, las siguientes siglas se refieren a lo siguiente:
I: información, al inicio de la página web se situarán los blogs más recientes, de torneos
disputados o por disputar o de información turística y en la que también este presente el
pádel.
W: Widgets, por último, a la hora de realizar la página principal, también he añadido
widgets, que mejoran el rendimiento, que son muy útiles y visibles, como podría ser el de
torneos por disputar, que avisaba del próximo evento y que te redirigía al blog informativo
del lugar.
Esto fue lo que en un primer lugar tenía pensado y que no dista mucho de lo que
finalmente realice y diseñe:
16
Imagen 2: fuente https://wordpress.com/stats/day/travelpadel.wordpress.com
Como se puede apreciar en la imagen número 2, el menú de opciones es como dije en un
principio que me gustaría que fuese, elegí un tema en el cual, el diseño atrajera
visualmente y pudiese poner el nombre de mi página web con distintas imágenes de
portada y con unos links a una cuenta de Instagram y Twitter con información
relacionada.
Una vez explicada la página principal, voy a desarrollar las pestañas más trascendentales
y con más importancia en el desarrollo de mi página web.
Una de ellas, es la pestaña que te redirecciona directamente al próximo o actual evento
deportivo, como muestro en la imagen 3:
17
Imagen 3: fuente Google Maps
Dentro de esta imagen número 3 (en este caso era el Zaragoza Open por eso aparece este
campeonato), aparecerán los datos principales de la competición (fechas y categorías) y
con un pequeño mapa con información.
La función del mini mapa es una función sencilla pero laboriosa y que explicare a
continuación:
Esta función la realizaba por Google Maps;
Mi tutor de prácticas me sugirió hacer un mapa señalizado, ya sea con zonas que podemos
visitar cerca del complejo deportivo o sitios donde podemos comer para facilitar al viajero
tener que buscar a través de otras aplicaciones lugares donde comer o cosas que ver en la
localidad en cuestión.
Primeramente, necesitamos meternos en nuestro Google Maps y dirigirnos dentro de los
ajustes a “Tus sitios” te saldrán cuatro opciones que son las siguientes:
18
Imagen 4: Fuente https://wordpress.com/view/travelpadel.wordpress.com
Nos tendremos que dirigir a la casilla Mapas, donde te dará la opción de crear tu nuevo
mapa o de editarlo en el caso de que ya estuviese hecho.
Una vez dentro puedes insertar iconos refiriéndose a lo que quieras destacar en sí:
Imagen 5: Fuente Google Maps
En la imagen número 5 muestro un ejemplo del que creé de Granada donde señalicé los
eventos deportivos en amarillo, los gastronómicos de azul y los culturales de rojo.
En mi caso creé mapas de todas las localidades en las que se iba a disputar un torneo del
WPT, destacando sobre estos diferentes sitios donde comer, patrimonio tanto cultural
como natural cercano a donde se disputa el torneo de pádel.
19
Imagen 6: Fuente Google Maps
Una vez realizado el mapa del destino el método para poder añadirlo a nuestra página es
sencillo, primero deberemos ponerlo público y deberemos de dirigirnos a “Compartir”
Imagen 7: Fuente Google Maps
En la imagen 7, una vez dentro de compartir deberemos, dentro de “Quien tiene acceso”
cambiar el acceso a este y señalar que este activado y sea público en la web, sin olvidar
que solo puedan verlo sin llegar a modificarlo
20
Imagen 8: Fuente https://wordpress.com/view/travelpadel.wordpress.com
Este es el primer paso, ahora para introducirlo dentro de nuestra web debemos dirigirnos
a nuestro Google Maps, ir a Mapas, vemos todos nuestros mapas y nos aparecerá la
pestaña de compartir, de esta manera podremos compartir a través del link que nos da, y
finalmente nos dirigimos a nuestra página y copiaremos el link en HTML.
Dentro de el HTML podremos cambiar el tamaño de la imagen para estandarizarlas y
modificar su posición además de muchas más funciones.
Imagen 9: Fuente https://wordpress.com/customize/travelpadel.wordpress.com
21
En la imagen 9 destacamos una función muy importante de personalización, la del tema:
Lo primero que hay que realizar al comenzar una página con contenido es la disposición
de esta, cómo te gustaría que se viese tu sitio para, a partir de esa estructura, poder darle
forma a su página web.
WordPress tiene muchas opciones (identidad del sitio, colores y fondos, fuentes …) y voy
a explicar la personalización que yo le he dado.
1. Identidad del sitio: En este apartado tendremos que escribir el nombre principal
de nuestra página (imagen número 10) y a continuación, una descripción corta de
lo que trata tu página como muestro a continuación. Se encuentra la opción de
añadir un logo de tu página, el cual se superpone en la imagen de cabecera.
Imagen 10: Fuente https://wordpress.com/customize/travelpadel.wordpress.com
2. Colores y fondo: En esta podremos elegir el color de fondo que queremos darle a
nuestra página o si queremos añadir una imagen de fondo.
22
3. Fuentes: Qué fuente queremos que tenga nuestra web, en esta pestaña podremos
establecer como predeterminada la que viene por defecto del tema o, en cambio,
podremos modificar la fuente de los títulos y de la fuente base.
4. Imagen de cabecera: Bien, en este apartado no hay mucho que explicar,
simplemente mantendremos como imágenes de cabecera aquellas que vienen por
defecto en la página o tendremos la opción de subir nuestras propias imágenes de
cabecera como se muestra en la imagen número 11, y elegir que sean estáticas o
que se vayan alternando
Imagen 11: Fuente https://wordpress.com/customize/travelpadel.wordpress.com
23
5. Widgets: para añadir o modificar Widgets dentro de la pestaña de WordPress
debemos de dirigirnos a personalizar temas, una vez dentro nos aparecerán varias
pestañas, nos dirigimos a widgets y dentro de esta elegimos donde queremos
añadir nuestro widget cómo en la siguiente imagen:
Imagen 12: Fuente https://wordpress.com/customize/travelpadel.wordpress.com
La funcionalidad de estos es muy amplia, una vez dentro te da a elegir entre diversos
widgets que puedes integrar a tu gusto (audio, categorías, botón seguir, calendario...)
Personalmente integré “próximos eventos”, mostrando más fácilmente las fechas donde
se disputaban los torneos y eventos importantes.
24
Imagen 13: Fuente https://wordpress.com/customize/travelpadel.wordpress.com
Más información dentro de este apartado, como bien se sabe, este TFG está relacionado
en un 50% con el deporte del pádel y en el otro 50% con servicios turísticos y en general
con el sector servicios, por eso, era necesaria la integración de información hotelera
cercana al destino que ayude al usuario a elegir o al menos a informarse sobre qué tipos
de hoteles puede encontrar.
Dentro de cada destino he elegido tres hoteles, elegidos por cercanía al evento deportivo
y por nota media de diversos buscadores y he escrito una breve reseña de ellos adjuntando,
a su vez, un mapa de cuanto se tardaría ir del evento de pádel al hotel, andando o en coche,
25
simplemente para hacer una idea a visitantes que vengan sin su vehículo y que tengan
conocimiento de las distancias que tendrían que recorrer.
Por último, también añado la opción de comprar las entradas (Imagen 13) a través del
propio hotel, debido a que, si se realiza la reserva a través de terceros, esta saldrá con un
coste superior y directamente por el hotel será más económica el precio por habitación y
día.
Además, debido a que estoy trabajando en un hotel, se informa de las ventajas que tienen
aquellos clientes que realicen sus reservas a través de la página del hotel.
Por poner un ejemplo, el hotel en el que actualmente estoy trabajando BARCELO
PUNTA UMBRIA BEACH RESORT, tiene unos precios más bajos en “MY
BARCELÓ”, esta es la web del hotel donde se pueden hacer las reservas ya no solo con
un precio por habitación inferior al de buscadores como Booking o Tripadvisor, sino que
también, al menos este hotel te regala un bono valorado, en base al precio que estas
pagando y este bono será mayor, también en base de cuantos días se alojen los clientes.
Como bien se puede observar, justo encima del mapa he puesto un link directo al hotel
para reservarlo, con el fin de facilitárselo al usuario.
Visitando otra pestaña muy importante dentro del menú de opciones encontramos a,
campeonatos:
Imagen 14: Fuente https://wordpress.com/view/travelpadel.wordpress.com
26
Dentro de la imagen número 14 encontraremos todos los campeonatos de pádel que se
disputen en España, y dentro de ellos añado una breve imagen de algún lugar emblemático
o de interés turístico del destino con el nombre del campeonato turístico.
Imagen 15: Fuente https://wordpress.com/view/travelpadel.wordpress.com
Como se puede observar en la imagen número 15, la disposición de cada uno de los
campeonatos es lateral y diferenciándose uno de otro gracias a una imagen, como dije
anteriormente, identificativa de cada destino y también con el nombre del campeonato
que se disputara.
El usuario de mi página web puede hacer clic en el nombre del campeonato y será
redirigido hacia la misma pantalla que la imagen 3, anteriormente mostrada, pero
obviamente dando información de aquel destino que necesitemos en este caso pondré una
imagen del campeonato de melilla.
27
Imagen 16: Fuente https://wordpress.com/view/travelpadel.wordpress.com
Como se puede observar en la imagen anterior, el orden es el mismo que en anterior caso,
solo que coloco el mini mapa con lugares a donde ir primero, posteriormente información
básica sobre el campeonato y un link que te redirecciona
Para finalizar dentro de este apartado, mencionar la ultima pestaña de gran importancia
y con más contenido dentro de mi Web, esta es la de Inicio.
28
Imagen 17: Fuente https://wordpress.com/view/travelpadel.wordpress.com
En esta imagen podemos ver la página de inicio, aquella donde aparecerán, como se
mencionó anteriormente, noticias ya sean de información turística vinculadas con el pádel
o simplemente información sobre los campeonatos de pádel.
Por ejemplo, el que se puede observar en la imagen es el artículo relacionado con la final
del Estrella Damn Catalunya Master 2018, en el cual doy un resumen del torneo,
vencedores y vencedoras del torneo y una vista general del torneo.
7.3 Implementación de nuestra página web
A través de una serie de directrices se describe el cómo implementar un conjunto de
procesos y herramientas en un trabajo fin de grado
Este grupo de directrices generales de planificación se pueden agrupar en:
29
1. Fase previa al proyecto: siempre antes de la realización del trabajo fin de grado,
me he informado del método de actuación de una página web y de los procesos de
actuación. Es un punto muy importante para el éxito ya que es el comienzo, son
las bases de donde nace todo, si no supiera que hacer probablemente no lo haría
bien.
2. Inicio del proyecto: a la hora de adentrarse dentro de esta fase debemos centrarnos
en cómo mejorar y cómo gestionar el proyecto.
3. Elaboración del TFG: una vez finalizada la elaboración, debemos comprobar cada
uno de los procesos que se hayan realizado estén en su lugar. Una de las partes
más importantes dentro de esta fase es tener muy en cuenta la gestión de cambios
ya sea porque en la próxima fase, la de construcción, debemos tener muy bien
definidas las pautas de desarrollo que vamos a seguir.
4. Construcción del TFG: la principal acción dentro de este proceso es la de producir
el producto. En mi caso la creación de un servicio mixto deportivo y de hospedaje
y actividades.
5. Transición: en este último paso, me enfoco principalmente en la revisión ya sea
para el mantenimiento de mi página web o para la mejora de procesos. Estas
mejoras se dan a conocer a través del posterior uso y experiencia con la página,
dejando ver sus puntos fuertes y débiles.
A través de esta planificación previa, es como he estructurado mi web y como he ido
desarrollándola. Este aparatado facilita a comprender todo el proceso que he seguido
desde el inicio y el posterior desarrollo de la web.
30
8. Conclusión
Desde el principio fue una elección arriesgada por el simple hecho de que además de
suponer el doble de esfuerzo que cualquier otro TFG, ya que se tiene que hacer una web
más el trabajo escrito también es algo totalmente nuevo para mí.
Por eso el escoger mi trabajo fin de grado fue meditado, sabía que iba a suponer el doble
de trabajo que otras elecciones, pero también supondría aprender el doble que otras.
A lo largo de mi trabajo he mejorado y aprendido mucho a la hora de estructurar una
página web, esta ha sido la primera vez que he usado un CMS y sin duda finalizo
sabiéndola usar perfectamente.
Es muy laborioso e importante el trabajo dentro de una web, la organización, la
predisposición de la información y en general todo, como bien se sabe hoy día es, sino
obligatorio, muy importante la presencia en internet, para cualquier servicio, todos
acabamos mirándolo en un buscador por facilidad.
Para finalizar he de decir que no solo he aprendido mucho, sino que también me ha
interesado mucho la idea que desde un principio me dio mi tutor, aquella de mezclar una
actividad o en este caso un deporte que me gustase con el servicio turístico (hoteles,
restaurantes, sitios que ver…) sin duda continuaré mejorando y desarrollando mi web.
31
9. Bibliografía
Páginas Webs:
CGR, (2006) “Implementación de un proceso en un proyecto” de
(https://cgrw01.cgr.go.cr/rup/RUP.es/SmallProjects/core.base_rup/guidances/concepts/i
mplementing_a_process_in_a_project_3656F98A.html#)
Álvarez, Miguel Ángel, (2008) “Qué es un CMS” de
(https://desarrolloweb.com/articulos/que-es-un-cms.html)
FEP, (2015) “Buscador hotelero y de pádel” de
(https://www.padelfederacion.es/Hoteles_Concertados)
ZDP, (2018) “Blog de pádel” de (https://www.zonadepadel.es/blog/2018/06/conjunto-
para-jugadora-de-padel-en-negro-y-rojo-de-la-marca-emwey/)
Ramírez, José Antonio, (2018) “Ecommerce” de
(https://www.entrepreneur.com/article/268503)
E-Lis, (2007) “Gestor de contenido” de
(http://eprints.rclis.org/11076/1/quesonlosgestoresdecontenido.pdf)
Cuerda García, Xavier y Minguillón Alfonso, Julia, (2007) “Introducción a los CMS” de
(https://mosaic.uoc.edu/articulos/cms1204.html)
Hernández Sánchez, (2015) “Gestores de contenido CMS” de
(https://es.slideshare.net/torre19/cms-ylms)