Proyecto de Grado - Ultima Entrega (Corregido)

1
IMPLEMENTACIÓN DE UN SISTEMA DE INFORMACIÓN PARA LA RESERVA DE
CITAS EN LÍNEA E INTEGRACIÓN CON PÁGINA WEB PARA AUDIOQBOX, SALAS DE
ENSAYO Y GRABACIÓN PROFESIONAL DE LA CIUDAD DE PEREIRA
HECTOR FABIO RAMIREZ FRANCO
UNIVERSIDAD REMINGTON
APLICATIVO DIPLOMADO EN TELECOMUNICACIONES
PEREIRA
2018
2
Implementación de un sistema de información para la reserva de citas en línea e integración con
página web para Audioqbox, salas de ensayo y grabación profesional de la ciudad de Pereira
Héctor Fabio Ramírez Franco
William Castillo
Asesor metodológico
Hugo Nelson Velázquez
Asesor temático
UNIVERSIDAD REMINGTON
APLICATIVO DIPLOMADO EN TELECOMUNICACIONES
PEREIRA
2018
3
Notas de Aceptación
4
Pereira, 2018
Agradecimientos
Primeramente a Dios y a mi familia por acompañarme y apoyarme de una u otra forma
durante todo el proceso universitario, principalmente a mi madre mi mano derecha por
ayudarme, tolerarme y aconsejarme siempre en cada momento.
Por otro lado agradezco al Servicio Nacional de Aprendizaje (Sena) por ayudar
enormemente en mi formación como persona a nivel académico y musical, su preparación fue
crucial e importante para adquirir mejores conocimientos a la hora de ingresar a esta ingeniería,
acortar el tiempo requerido para graduarme de ésta y terminar suficientemente capacitado como
ingeniero.
5
Contenido
Resumen.......................................................................................................................................... 1
Abstract ........................................................................................................................................... 2
Introducción .................................................................................................................................... 3
Justificación .................................................................................................................................... 4
1. Situación del problema ........................................................................................................... 5
1.1 Planteamiento del problema ............................................................................................. 5
1.3 Antecedentes .................................................................................................................... 5
2. Objetivos ................................................................................................................................. 7
2.1 Objetivo general ............................................................................................................... 7
2.2 Objetivos específicos........................................................................................................ 7
3. Marco referencial .................................................................................................................... 8
3.1 Marco teórico ................................................................................................................... 8
3.2 Marco histórico .............................................................................................................. 14
3.3 Marco geográfico ........................................................................................................... 19
3.4 Marco jurídico ................................................................................................................ 20
3.5 Marco conceptual ........................................................................................................... 22
4. Diseño metodológico ............................................................................................................ 24
4.1 Beneficios del aplicativo ................................................................................................ 24
4.2 Limitaciones del aplicativo ............................................................................................ 25

6
4.3 Etapas metodológicas ..................................................................................................... 25
5. Ejecución del aplicativo ........................................................................................................ 27
5.1. Wordpress ......................................................................................................................... 27
5.1.1. Que es un CMS? ......................................................................................................... 27
5.1.2. Qué es WordPress ....................................................................................................... 28
5.1.3. CMS’s más populares ................................................................................................. 29
5.1.4. Por qué WordPress como CMS?................................................................................. 29
5.1.5. Ventajas y desventajas de WordPress ......................................................................... 30
5.1.6. Beneficios de WordPress ............................................................................................ 32
5.1.7. Joomla, su principal adversario................................................................................... 33
5.2. Timify ................................................................................................................................ 36
5.2.1. Que es Timify? ............................................................................................................ 36
5.2.2. Por qué Timify como aplicación de citas online? ....................................................... 37
5.2.3. Timify Classic ............................................................................................................. 37
5.2.4. Timify Premium .......................................................................................................... 37
5.2.5. Beneficios ................................................................................................................... 44
5.2.6. Quienes se pueden beneficiar de Timify? ................................................................... 45
5.3. Implementación Wordpress ............................................................................................ 46
5.3.1. Requerimientos ........................................................................................................... 46
5.3.2. Instalación ................................................................................................................... 46

7
5.3.3. Base de datos............................................................................................................... 47
5.3.4. Configuración ............................................................................................................. 49
5.3.5. Puesta en marcha......................................................................................................... 52
5.4. Implementación Timify ................................................................................................... 53
5.4.1. Registro e instalación .................................................................................................. 53
5.4.2. Configuración ............................................................................................................. 54
5.4.3. Puesta en marcha......................................................................................................... 58
5.5. Integración ........................................................................................................................ 59
6. Situación financiera y económica ......................................................................................... 66
7. Conclusiones ......................................................................................................................... 72
Recomendaciones ........................................................................................................................ 73
Bibliografía ................................................................................................................................... 74
Anexos .......................................................................................................................................... 77
8
Lista de figuras
Figura 1. Juego Snake de Nokia ................................................................................................... 14
Figura 2. Páginas web responsivas ................................................................................................. 9
Figura 3. Logo AudioQbox ........................................................................................................... 19
Figura 4. CMS más usados ........................................................................................................... 29
Figura 5. Timify Classic ............................................................................................................... 36
Figura 6. Creación de base de datos.............................................................................................. 48
Figura 7. Creación de usuario para la base de datos ..................................................................... 49
Figura 8. Modificación del fichero wp-config-sample.php .......................................................... 50
Figura 9. Configuración del sitio web........................................................................................... 51
Figura 10. No disuadir motores de búsqueda................................................................................ 51
Figura 11. Instalación exitosa de Wordpress ................................................................................ 52
Figura 12. Página principal de la zona administrativa de AudioQbox ......................................... 53
Figura 13. Registro Timify ........................................................................................................... 54
Figura 14. Inicio de guía Timify ................................................................................................... 55
Figura 15. Guía Timify paso 1 ...................................................................................................... 56
Figura 20. Puesta en marcha ......................................................................................................... 59
Figura 21. Integración 1 ................................................................................................................ 60

9
Figura 24. Instalación de plugin Timify ....................................................................................... 63
Figura 25. Configuración del plugin Timify ................................................................................. 64
Figura 26. Botón y dialogo de reserva .......................................................................................... 65
Figura 27. Filtro por servicio ........................................................................................................ 66
Figura 28. Planes de hosting (GoDaddy) ...................................................................................... 67
Figura 29. Planes de hosting (Hostgator) ...................................................................................... 67
Figura 30. Búsqueda de dominio (GoDaddy) ............................................................................... 68
Figura 31. Ofertas de dominio (GoDaddy) ................................................................................... 69
Figura 32. Planes Timify............................................................................................................... 70

10
Lista de tablas
Tabla 1. Comparación entre de Drupal, Joomla y WordPress..................................................... 35
Tabla 2. Comparación Timify Classic vs Timify Premium ........................................................... 38

11
Lista de Anexos
Anexo 1. Página web captura 1 (Vista escritorio) ........................................................................ 77
Anexo 2. Página web captura 1 (Vista phone) .............................................................................. 77
Anexo 3. Página web captura 1 (Vista tablet)............................................................................... 78
Anexo 10. Página web captura 4 (Vista escritorio) ...................................................................... 81
Anexo 11. Reserva exitosa ............................................................................................................ 82
Anexo 12. Escritorio Timify ......................................................................................................... 82
Anexo 13. Correo de información de la reserva ........................................................................... 83
Anexo 14. Cancelación de una cita ............................................................................................... 84
Anexo 15. Confirmación de cancelación de una cita .................................................................... 85

1
Resumen
Es muy importante para todo tipo de empresa o negocio tener un lugar en Internet,
ya sea como mínimo una página web es crucial para la prosperidad a nivel económico y
social, por tal motivo este proyecto se empeña en mejorar mediante el componente
tecnológico y comunicativo el proceso actual de reserva de citas para ofrecer mejoras de
tiempo, espacio y comodidad a las personas. Al construir la página web del establecimiento
y dentro de ella un aplicación para la reserva de citas en línea es una solución y mejora para
ambas partes del negocio; por un lado donde el dueño o administrador va a tener el control
de disponibilidad de sus salas y de los clientes que reserven su servicio, con esto tendrá una
buena gestión de su tiempo y tendrá mayor alcance de clientes, por otro lado tener el cliente
la posibilidad de en la misma página poder observar, elegir y reservar los servicios que se
prestan, desde cualquier lugar y cualquier dispositivo.
Palabras claves: Dispositivos móviles, celulares, aplicación, web, móvil, CMS, SEO,
página web, Smartphone, Tablet, Desktop, internet, citas en línea, reservaciones,
geolocalización, SDK, usabilidad, diseño responsivo, html5, css3, Wordpress, Joomla,
Drupal, Timify.
2
Abstract
It is very important for any type of company or business to have a place on the
Internet, be it at least a web page, to scale an online store or at the most, both together is
crucial for economic and social prosperity, for this reason, this project strives to improve,
through the technological and communicative component, the current process of booking
appointments to help improve time, space and comfort for people. By building the
establishment website and within it, an application for booking online appointments, a
solution and an improvement for both parties of the business; On the one hand, where the
owner or administrator has control over the availability of their rooms and the clients who
reserve the service, with this they can have a good management of their time and an
increasing range of clients, on the other hand the client the possibility of being able to see,
choose and reserve the services provided, from anywhere, on the same page
3
Introducción
A diario, el mundo crece rápidamente en cuanto a tecnología se refiere y por ello se
hace casi necesario el acceso a esta, se vuelve tan indispensable que a nivel personal cada
ser humano posee un teléfono móvil ya sea teléfono inteligente o no, en Colombia
actualmente hay mayor cantidad de celulares que habitantes y en la mayoría por no decir
todas las empresas o instituciones tienen como mínimo un computador. Contemplando este
panorama y teniendo en cuenta que cada vez las personas tienen la capacidad de tener ya
sea por primera vez o por mejorar, el acceso a teléfonos inteligentes, y que son ahora muy
pocos los hogares que no disponen de una conexión a internet decido realizar una
aplicación que logre sacar provecho a estas ventajas y pueda ayudar a las personas a ahorrar
tiempo y dinero cuando de practicar en el ámbito musical se trata.
Todas la persona queremos hacer nuestra vida más fácil, más sencilla, y un paso
para ir haciéndolo es poder gestionar nuestras tareas o quehaceres desde un mismo lugar al
tiempo, no tener que desplazarse o llamar al establecimiento que queramos para agendar
una cita y acceder a sus servicios. Lo que propongo es poder lograrlo desde nuestro
teléfono móvil, Tablet o computador y en la comodidad del hogar o cualquier lugar donde
nos encontremos teniendo obviamente una conexión a internet, por medio de esto podremos
ver, pensar, decidir y concretar una cita para la fecha y hora en que haya disponibilidad.
4
Justificación
Estando en una era en donde es posible comprar cualquier tipo de cosa por internet
y desde cualquier dispositivo, es preciso pensar que los negocios actuales
independientemente del sector que sean deben ir avanzando y optando por mejoras
tecnológicas que ayuden y fortalezcan el trabajo que cada una desarrolla, para así optimizar
recursos, reducir esfuerzos, pérdidas, y aumentar ganancias; pudiendo reemplazar el trabajo
de una persona por tareas o funciones automatizadas realizadas por un sistema de
información, aplicación móvil, o programa de escritorio.
Justamente pensando en un avance tecnológico que facilite el agendamiento de una
cita para lograr adquirir un servicio que para este caso son los de salas para ensayos
musicales, se decide implementar un sistema de gestión de citas dentro de la propia página
web del establecimiento pudiendo así fuera de ver información sobre el lugar, información
de los empleados, servicios, precios, fotos, etc, tener la posibilidad de acceder a los
servicios separando un turno por medio de un sitio web. También tener la opción de ver la
disponibilidad de su servicio preferido y acordar un cita para tal espacio, cita la cual el
empleado puede aceptar o eliminar, teniendo así el usuario la oportunidad de mirar en el
momento que desee los horarios disponibles del servicio que sea, el espacio para pensar,
evaluar, reservar y utilizar el servicio y por supuesto disfrutar del tiempo y esfuerzos
ahorrados al no tener que desplazarse, mandar un mensaje o hacer una llamada para tal fin.
5
1. Situación del problema
1.1 Planteamiento del problema
Comúnmente para acceder a los servicios del negocio se debe reservar una cita con
antelación, tener que llamar, dejar un mensaje esperando confirmación o dirigirse al
establecimiento suele ser engorroso para ciertas personas, pero debe hacer de alguna
manera para poder realizar una reservación en donde si no se corre con suerte se podría
perder la ida hasta el establecimiento, traduciéndose en tiempo, esfuerzos y hasta dinero.
Por otro lado la cantidad de afluencia de clientes y demanda de los demás servicios
ofrecidos por el administrador del negocio influyen en que no pueda llevar un control
preciso y llevar con orden y tranquilidad todas las reservas que se efectúen.
1.2 Formulación del problema
¿Cómo se puede mejorar el proceso de reservas de las salas de ensayo en el negocio
mediante un componente tecnológico que ofrezca beneficios administrativos, de tiempo y
dinero al cliente y propietario?
1.3 Antecedentes
Actualmente para realizar una reserva de cualquier sala de ensayo en el negocio se
utilizan principalmente las llamadas telefónicas y mensajes de texto vía WhatsApp, en
segundo plano las mensajerías de redes sociales (Facebook Messenger, Instagram Direct,
6
Mensajes de texto por operador, etc.) y por otro lado la que puede llegar a ser más
desgastante es acercándose personalmente o mediante un familiar o amigo que vaya hasta
el lugar y hable con la persona que corresponda.
El administrador del negocio se apoya en el calendario de Google (Google Calendar)
para gestionar todas las reservas que se realicen.

7
2. Objetivos
2.1 Objetivo general
Implementar un sistema de información que pueda gestionar y facilitar en gran
medida el proceso de reservación en línea para cualquier tipo de servicio y a la vez estar
incluido en la página web del negocio.
2.2 Objetivos específicos
✓ Construir, configurar e implementar la página web de AudioQbox.
✓ Integrar y configurar la aplicación en la página web.

8
3. Marco referencial
3.1 Marco teórico
Aplicaciones web
La información está al alcance de la mano mientras se viaja en el metro o en el bus,
esta afirmación desacredita a los PC actuales al no tener la relación movilidad-navegación
que las personas requieren. En consecuencia, los desarrolladores Web han modificados sus
códigos de programación para que la configuración de sus páginas se adapte a los diferentes
dispositivos tecnológicos.
Una web app no es más que una versión de página web optimizada y adaptable, a
cualquier dispositivo móvil independientemente del sistema operativo que utilice. Esta
optimización es posible gracias al lenguaje HTML5, combinado con hojas de estilo CSS3,
que permiten dicha adaptabilidad denominado diseño web adaptable.

9
Figura 1. Páginas web responsivas
Fuente: Perú Fast Web (PeruFastWeb, 2015)
Ventajas de las aplicaciones web:
- No ocupa espacio de memoria en los dispositivos (no es una app).
- No requiere actualizaciones ya que al ser una página web siempre se accede a la última
versión.
- Menor consumo de recursos del dispositivo y mejor rendimiento del mismo al no ser una
aplicación nativa.
- El proyecto de implementación de una aplicación web es más económico que el de una
aplicación.
10
Desventajas de las aplicaciones web:
- No permite la promoción y distribución a través de los markets.
- Requiere de conexión a internet.
- Menor usabilidad al no poder aprovecharse de los recursos del propio dispositivo
(geolocalización, notificaciones push, etc.).
- Carece de un icono de lanzamiento específico.
Tipos de aplicaciones móviles
- Aplicaciones nativas:
Estas son las apps desarrolladas y diseñadas para cada sistema operativo (Android e
iOS principalmente).
- Web Apps:
Este tipo de apps están programadas en HTML5, CSS y jQuery Mobile, entre otros.
El funcionamiento de estas aplicaciones es bueno dentro de sus limitaciones. Tienen
restringido el acceso a ciertas características del dispositivo móvil.
- Apps interpretadas:
11
En este caso, la aplicación móvil interpretada es programada y luego es traducida al
lenguaje de programación del terminal. Este tipo de programación permite un desarrollo
muy rápido para el desarrollador de apps y facilita el acceso a las distintas plataformas con
un esfuerzo menor.
Clasificación de las aplicaciones:
a. Por sus efectos psicosociales o psicopedagógicos:
- Aplicaciones capacitadoras: aquellas que permiten o incitan a buscar posibilidades
nuevas o fomentar la creatividad.
- Aplicaciones de dependencia: aquellas que impiden, limitan o determinan nuestros
actos, capacidad de elección, creatividad, etc.
b. Por el tipo de contenido que ofrecen al usuario:
- De entretenimiento: donde se encuadran mayoritariamente las apps de juegos.
- De relación social: dirigidas a la comunicación interpersonal
- De producción o utilitarias: proporcionan instrumentos para la resolución de tareas
específicas que requieren inmediatez y rapidez para solucionar problemas, en
especial en el sector empresarial y comercial.
- Educativas o informativas: diseñadas y desarrolladas como transmisoras de la
información y el conocimiento donde se prioriza el acceso a los contenidos y a las

12
herramientas de búsqueda mediante un interfaz de navegación lo más sencillo y
fácil posible.
- Creativas: ofrecen herramientas que potencien la creatividad literaria, musical (y
sonora), fotográfica o video gráfica.
- Publicitarias: con fines comerciales la gran mayoría son de distribución gratuita.
c. Por las condiciones de distribución:
Pueden clasificarse como gratuitas, de pago y freemium, las cuales permiten su
descarga inicial gratuita para un uso limitado y básico, posibilitando posteriormente el
acceso a funcionalidades más avanzadas previo pago.
d. Por la edad de destino de los usuarios:
El App Store establece una clasificación del contenido por tramos de edades de “4+,
9+, 12+ y 17+”, que limita el acceso a la descarga de dicha aplicación.
e. Por el tipo de diseño y desarrollo:
- Genéricas: prácticamente todo el diseño y programación de lenguaje es compatible
con la mayoría de los dispositivos.

13
- Híbridas: determinados componentes de la programación son comunes para todos
los Smartphone y otro porcentaje es específico, dependiendo del sistema operativo.
- Nativas: su programación en su totalidad es específica para cada Market de
distribución.
14
3.2 Marco histórico
El origen de las aplicaciones en los teléfonos celulares se puede evidenciar en
aquellos implementados en segunda generación de los años 90, en las primeras aplicaciones
de videojuegos, calendario, calculadora y agenda por poner ejemplos.
El popular “Tetris” fue el primer juego instalado en el año 1994. Tres años más tarde
Nokia lanzó el juego de mayor aceptación hasta el momento el “Snake”. Este juego fue
preinstalado en más de 350 millones de dispositivos móviles de la marca finlandesa.
Figura 2. Juego Snake de Nokia
Fuente: Rootear (López, 2015)

15
Hacía el año 2000 la irrupción tecnológica del WAP (protocolo de aplicaciones
inalámbricas: un estándar abierto internacional para aplicaciones que utilizan las
comunicaciones inalámbricas, por ejemplo: acceso a servicios de Internet desde un teléfono
móvil.) permitió una mayor capacidad para la descarga de juegos distribuidos por los
operadores de telefonía.
Pero el verdadero surgimiento de las aplicaciones móviles se produjo a partir del año
2008 con el lanzamiento del App Store de Apple, la publicación del primer SDK para
Android y la posterior pero casi inmediata inauguración del Android Market, renombrado
en marzo de 2012 como Google Play, tras su fusión con Google Music, en un nuevo
planteamiento estratégico en la distribución digital de Google.
Distribución de aplicaciones web
Existen diferentes tipos de tiendas para descargar aplicaciones, estas pueden ser creadas por
el mismo sistema operativo o por independientes. Las tiendas organizan las aplicaciones y
cada una tiene normas diferentes de retribución y publicación. Para la distribución de
aplicaciones móviles existen diferentes plataformas distribuidoras:
- Google Play
16
Anteriormente Android Market, es una plataforma de distribución de software en línea
desarrollado por Google Inc. para dispositivos con sistema operativo Android. Fue lanzado
en octubre de 2008. Hasta octubre de 2012, Google Play contaba con más de 700 000
aplicaciones. En la plataforma se encuentran disponibles tanto aplicaciones gratuitas como
de pago.
- App Store
La App Store fue el primer servicio de distribución de aplicaciones, siendo lanzada el 10 de
julio de 2008. En 2016, el CEO de Apple, Tim Cook, anunció que existen 2.000.000
aplicaciones disponibles para dispositivos con iOS. Desde su creación en 2008, más de un
millón de aplicaciones estuvieron disponibles en el App Store. Numerosas empresas
utilizan este canal para distribuir las aplicaciones colaborativas, de gestión y de
productividad a los usuarios externos e internos.
Apple transformó el mercado de las aplicaciones para dispositivos móviles, estrenándose
con un pequeño catálogo de solamente 500 aplicaciones y logrando en cuatro días 10
millones de aplicaciones descargadas.
- Windows Store
La Windows Store es la plataforma de distribución de Microsoft para los dispositivos que
cuentan con el sistema operativo móvil Windows Phone. Fue lanzado en octubre de 2010.
17
Para octubre de 2012, contaba con 120.000 aplicaciones disponibles. En mayo de 2013
Microsoft anunció que ya contaba con 145 000 aplicaciones en Windows Phone Store.
- BlackBerry World
Las aplicaciones para los dispositivos BlackBerry se encuentran disponibles mediante
descarga a través del servicio BlackBerry World (antes BlackBerry App World). Fue
lanzada el 1 de abril de 2009. En julio de 2011 se reportaron tres millones de descargas al
día.
- Amazon Appstore
La Amazon Appstore es una aplicación móvil de distribución de software disponible para
los dispositivos con sistema operativo Android. Fue lanzada en marzo de 2011, contando
con 3 800 aplicaciones.
- F-Droid
Es un repositorio de aplicaciones para Android que incluye únicamente software libre y de
código abierto. Fue fundado en 2010 por Ciaran Gultnieks.

18
Recientemente han surgido páginas y aplicaciones web o móviles que ayuden a la
gestión de citas online, negocio que está creciendo y se está manejando de forma
tercerizada y/o pagando por el manejo o acceso a él. Podemos encontrar páginas como
Creapp, donde uno mismo puede construir la aplicación conforme las necesidades que se
tenga o por el contrario dejar que ellos mismos la elaboren, con posibilidad también aparte
de tener el servicio como página web, se puede tener como aplicación móvil para Android y
IOS.
Reservio, Square y Bookitit son ejemplos de aplicaciones web con excelentes
características, pruebas gratuitas y versiones para dispositivos móviles pero que de una u
otra forma hay que pagar luego. SimplyBook también es un buen ejemplo que ofrece una
versión gratuita pero con ciertas limitaciones las cuales por mencionar incluyen un tope
para la cantidad de reservas que se pueden realizar y la cantidad de plugins de la aplicación
que se puede tener o instalar.
En otros ejemplos hechos aplicaciones móviles podemos encontrar ICita, Meeting
Room Booking System, Booking System Demo, Calendario de reservas B&B en donde no
se enfocan tanto en posibilitar al usuario reservar en las horas predispuestas, sino en ayudar
a la organización de citas ya realizadas y agilizar su tiempo.

19
3.3 Marco geográfico
Este proyecto está dirigido a la mejora operativa del que se puede decir es el negocio
más representativo e importante de la ciudad para las agrupaciones musicales, por donde
han pasado bandas reconocidas a nivel nacional e internacional.
Figura 3. Logo AudioQbox
AudioQbox se dedica al alquiler de salas profesionales de ensayo y grabación para
bandas, orquestas, solistas y artistas de la música en general, con los mejores equipos e
instrumentos para su mejor desempeño, amplias y cómodas instalaciones, baños y sala de
espera. Además también del alquiler de instrumentos musicales, reparaciones,
mantenimientos y asesorías musicales. Administrado principalmente por Leandro Kiza,
músico y guitarrista líder de la banda de Death Metal Nostrom.

20
3.4 Marco jurídico
Leyes:
• Ley Estatutaria 1266 de 2008, Por la cual se dictan las disposiciones generales de
hábeas data y se regula el manejo de la información contenida en bases de datos
personales, en especial la financiera, crediticia, comercial, de servicios y la
proveniente de terceros países y se dictan otras disposiciones.
• Ley 1581 de 2012, la cual se dictan disposiciones generales para la Protección de
Datos Personales.
Decretos:
• Decreto 1727 de 2009, Por el cual se determina la forma en la cual los operadores
de los Bancos de Datos de Información Financiera, Crediticia, Comercial, de
Servicios y la proveniente de terceros países, deben presentar la información de los
titulares de la información.
• Decreto 2952 de 2010, por la cual se dictan las disposiciones generales del Hábeas
Data y se regula el manejo de la información contenida en bases de datos
personales, en especial la financiera, crediticia, comercial, de servicios y la
proveniente de terceros países y se dictan otras disposiciones.
• Decreto 886 de 2014, Por el cual se reglamenta el artículo de la Ley 1581 de 2012,
relativo al Registro Nacional de Bases de Datos. Considerando que mediante la Ley

21
1581 de 2012 se expidió el Régimen General de Protección de Datos Personales, el
cual, de conformidad con su artículo 1, tiene como objeto “(…) desarrollar el
derecho constitucional que tienen todas las personas a conocer, actualizar y
rectificar las informaciones que se hayan recogido sobre ellas en bases de datos o
archivos, y los demás derechos, libertades y garantías constitucionales a que se
refiere el artículo 15 de la Constitución Política; así como el derecho a la
información consagrando en el artículo 20 de la misma”.
Resoluciones:
• Resolución 76434 de 2012, Por la cual se deroga el contenido del Título V de la
Circular Única de la Superintendencia de Industria y Comercio, sobre Acreditación
y se imparten instrucciones relativas a la Protección de Datos Personales, en
particular, acerca del cumplimiento de la Ley 1266 de 2008, sobre reportes de
información financiera, crediticia, comercial, de servicios y la proveniente de
terceros países, las cuales se incorporan en el citado Título.

22
3.5 Marco conceptual
• WAP (protocolo de aplicaciones inalámbricas): un estándar abierto internacional
para aplicaciones que utilizan las comunicaciones inalámbricas, por ejemplo: acceso
a servicios de Internet desde un teléfono móvil.
• SDK: es el acrónimo de “Software Development Kit” (Kit de desarrollo de
software). El SDK reúne un grupo de herramientas que permiten la programación de
aplicaciones móviles.
• Aplicación web: se habla de una versión de página web optimizada y adaptable, a
cualquier dispositivo móvil independientemente del sistema operativo que utilice.
• HTML5: (Hyper Text Markup Language) es un lenguaje markup usado para
estructurar y presentar el contenido para la web.
• CSS3: Cascade Style Sheets, también llamado Hojas de Estilo en Cascada. CSS es
un lenguaje de marcado que se emplea para dar formato a un sitio web.
• Portabilidad: se define como la característica que posee un software para ejecutarse
en diferentes plataformas, el código fuente del software es capaz de reutilizarse en
vez de crearse un nuevo código cuando el software pasa de una plataforma otra. A
mayor portabilidad menor es la dependencia del software con respecto a la
plataforma.
• Geolocalización: es la capacidad para obtener la ubicación geográfica real de un
objeto, como un radar, un teléfono móvil o un ordenador conectado a Internet.

23
• Notificaciones Push: son mensajes que se envían de forma directa a dispositivos
móviles (Smartphones y/o tablets) con sistema operativo iOS, Android, Blackberry
y/o Windows Phone.
• CEO: en inglés se utiliza la expresión chiefs executive officer (literalmente «oficial
ejecutivo en jefe» u «oficial superior») o su acrónimo CEO, o bien managing
director (MD «director general») para designar a la persona con más alta
responsabilidad de una organización o corporación.
• Software libre: se refiere al conjunto de software que por elección manifiesta de su
autor, puede ser copiado, estudiado, modificado, utilizado libremente con cualquier
fin y redistribuido con o sin cambios o mejoras.
• Software de código abierto: es el software cuyo código fuente y otros derechos que
normalmente son exclusivos para quienes poseen los derechos de autor, son
publicados bajo una licencia de código abierto o forman parte del dominio público.
• Widgets: se refiere a pequeñas aplicaciones que tienen como principal cometido
mostrar y dar fácil acceso a algunas de las principales funciones del sistema
principal. Otro aspecto que los distingue y diferencia respecto a las aplicaciones
normales, es que nos ofrecen informaciones de manera muy visual y sin requerir ser
abiertos, pues forman parte de nuestros escritorios.

24
4. Diseño metodológico
El problema nace de la necesidad de llevar un control más preciso sobre los clientes
y las reservas existentes en el negocio, aparte de querer llegar al público con más facilidad
a través de medios más comúnmente utilizados por el público en general. La anterior
afirmación surge en lo que personalmente se ha podido evidenciar mediante visión directa y
comunicación constante con el dueño del negocio, en donde se ha visto la necesidad y se ha
querido mejorar el proceso de reservación de una manera experimental siendo esta la
primera vez que se pondría en funcionamiento una ayuda de este tipo.
El proyecto se desarrolla bajo una metodología aplicada empleando los
conocimientos adquiridos durante todo el proceso universitario.
4.1 Beneficios del aplicativo
Los principales beneficios del proyecto es principalmente ahorrar tiempo y esfuerzos
en la gestión de reservas en línea tanto para los dueños del negocio como para sus clientes,
junto a ello poder llevar de una manera limpia, organizada y fácil toda la información
relacionada a las reservas, servicios disponibles, horarios de atención y clientes.

25
4.2 Limitaciones del aplicativo
Hablando del aplicativo siendo este el complemento de la página web con la
aplicación de reservas hay que ser claros en que para que todo funcione correctamente tanto
en la parte administrativa como en la parte del cliente se deberá disponer de una conexión
estable a internet.
También para una mejor usabilidad para el usuario administrador de la aplicación, se
deberá hacer utilizando un PC (Portátil o de escritorio), ya que la aplicación en dispositivos
móviles como Tablet o Smartphone no se adapta correctamente, a diferencia de la zona
pública para los usuarios.
4.3 Etapas metodológicas
✓ Planeación:
o Definir el CMS a utilizar para implementar la página web.
o Definir la aplicación web de reserva online a utilizar para implementarla en
la página web. (La aplicación debe poder integrarse con el CMS elegido).
✓ Configuración:
o Configurar el servidor para alojar el sitio web.
o Instalar el CMS Wordpress para la creación del sitio web.
o Configurar la base de datos para el manejo de información del sitio web.

26
o Incluir el plugin de la aplicación web al CMS mediante el ID de cuenta
generado previamente.
o Configurar los perfiles de acceso tanto a la página como a la aplicación web
✓ Implementación:
o Añadir todo el contenido del negocio a la página web.
o Añadir información, servicios, horarios y toda la información necesaria a la
aplicación de reservas.
o Añadir widget o botón al sitio web para desde allí realizar las reservas
online.
✓ Evaluación:
o Verificar la correcta visualización de la página web en todos los
dispositivos.
o Validar el correcto funcionamiento de los niveles de acceso a la página web.
o Verificar la correcta visualización del widget de reservas sobre la página
web.
o Validar el proceso de reserva online.
o Validar el correcto funcionamiento de los niveles de acceso a la aplicación
web.
o Verificar el correcto funcionamiento de la zona administrativa de la
aplicación web
27
5. Ejecución del aplicativo
Queriendo optimizar y mejorar la problemática de reservas para el acceso a un
servicio, que incurre no sólo en este tipo de negocios al que este proyecto está enfocado, se
buscó la unión de dos plataformas reconocidas y utilizadas a nivel mundial por su
usabilidad, fácil y rápida curva de aprendizaje, variedad, mantenibilidad y muy completa
gestión como lo es CMS WordPress y la aplicación para de reservas en línea Timify, las
cuales veremos detalladamente a continuación y que precisamente tienen en común los
beneficios que se busca satisfacer con este proyecto que son la optimización de tiempo y
dinero.
5.1. Wordpress
5.1.1. Que es un CMS?
Remontándonos a algunos años atrás, las páginas web se creaban con editores muy
básicos y eran muy complicado crearlas. Si bien es cierto que evolucionaron muy
rápidamente para incorporar mejoras y funcionalidades, la realidad es que estaban más
enfocados a la creación que al mantenimiento de las páginas web.
Precisamente de esa necesidad de facilitar el mantenimiento de las páginas han
proliferado en los últimos años multitud sistemas de gestión de contenidos (Content
Management System) o CMS a partir de ahora. Estos CMS son los que permiten
actualmente crear y mantener una web dinámica con facilidad.

28
Un Sistema de Gestión de Contenidos o CMS es un software que permite crear,
editar, clasificar y publicar cualquier tipo de información en una página web de una forma
sencilla.
5.1.2. Qué es WordPress
Es una herramienta de gestión de contenidos (Content Management System) o
CMS, diseñada para editar, crear, publicar o mantener fácilmente una página web. Este
software fue creado en 2003, principalmente para gestionar y crear blogs, servía como un
instrumento para subir textos, imágenes y publicarlos dándole estilos determinados.
WordPress se reconoció mundialmente hasta llegar a ser unos de los gestores más
implementados del mundo, se le atribuyen características como ser de código abierto (open
source) y lo fácil que es su instalación para un hosting.

29
5.1.3. CMS’s más populares
Figura 4. CMS más usados
Fuente: (builtwith.com, 2016)
5.1.4. Por qué WordPress como CMS?
Son simples las razones para elegir a Wordpress la primera es que es Open source
(Código abierto). Puedes descargarlo, instalarlo y modificarlo sin ningún costo, ya si
quieres tener rasgos más únicos, interesantes puedes pagar, pero si no tienes dinero para
comprar dichos rasgos, es increíble lo que puedes hacer con lo que te ofrecen de entrada.
30
Los temas de WordPress son fáciles de personalizar, ya que tienen una enorme
cantidad de opciones que te permiten cambiar colores, subir un logo, cambiar tu
background, crear hermosas galerías, y hacer muchas otras cosas geniales sin tener que
escribir ni una sola línea de código.
WordPress es súper flexible y puede hacerse más versátil y poderoso por el uso de
los plugins. Al igual que con los temas y templates existen cientos de miles de plugins
disponibles.
Es muy fácil de usar, puedes instalar plugins y temas desde su mismo administrador.
También te envía notificaciones cuando hay una nueva versión de WP disponible y puedes
actualizarlo con un solo clic.
Otro rasgo importante es la facilidad de aprendizaje y de usabilidad de este
software, se podría decir que es tan sencillo el manejo que la mayoría de las personas que
usan Wordpress no son programadores ni diseñadores.
5.1.5. Ventajas y desventajas de WordPress
- Ventajas
Una de las principales ventajas de Wordpress es su flexibilidad, pudiendo crear
cualquier tipo de página web, además de esto los motores de búsqueda lo asimilan a la
perfección, otro aspecto importante es que cuenta con miles de plugins de personalización.
También cuenta con plantillas, las cuales también se encuentran gratuitas en el software,
31
estas plantillas son altamente personalizables y podrás darle un estilo único y deseado a la
página web, blog, etc., cuenta con un panel de inicio de sesión hasta chat para usuarios y
podrás elegir los mejores de cada uno según tus gustos.
Otro dato importante para agregar es la seguridad que puede llegar a tener tu web
debido a plugins que te ayudarán a proteger tu web para cualquier tipo de ataque.
- Desventajas
Una desventaja importante es basada a los dispositivos móviles ya que los temas
gratuitos tienen muy pocas opciones de configuración y además de esto la gran mayoría no
se acoplan a dispositivos móviles.
Además del punto anterior, Wordpress es un consumidor de recursos, debido a que
carga muchos script en cada pestaña que abres, poniendo un ejemplo, en una página con
solo 2000 visitas al mes puede consumir un ancho de banda de 5 gb, debido a esto otro dato
importante que agregar es que sin la contratación de un buen hosting y dominio la página
podría sufrir de caídas y esto disgustara a los usuarios y les traerá problemas a los
diseñadores.
Por otro lado, es importante recalcar que si te gusta la programación es mejor que
no utilices este software ya que es casi imposible modificar sus funciones y códigos.
32
5.1.6. Beneficios de WordPress
Al utilizar este software te brinda muchos beneficios los cuales pueden ser tanto de
diseño, funcionalidad y facilidad al momento de la creación de tu página web.
Algunos aspectos importantes son:
✓ Favorece el Posicionamiento orgánico de tus contenidos
✓ Puedes escoger el diseño que tú quieras entre miles de opciones adaptado a tu
presupuesto de inversión, muchas de las características de Wordpress son gratuitas y
esto lo hace un sistema de administración de contenido más rentable que puedes
usar.
✓ Compatible con dispositivos móviles
✓ Corta curva de aprendizaje
✓ Agregarles funcionalidades a tu web para tener un mayor contacto con los usuarios.
✓ Puedes cambiar y actualizar el contenido y diseño de tu página web sin necesidad de
depender de terceras personas.
✓ Wordpress funciona muy bien con los motores de búsqueda, ya que posee un código
limpio, permite centrarse en palabras claves y las imágenes que se añaden pueden
ser optimizadas para ayudar a Google a indexarlas en sus páginas de resultados de
imágenes.
✓ En los negocios es ideal para principiantes y pequeñas empresas que solicitan un
sitio web y que tengan características simples para empezar.

33
5.1.7. Joomla, su principal adversario
Joomla es un sistema de gestión de contenidos (Content Management System o
CMS) el cual permite crear y diseñar páginas web interesantes, atractivas y elegantes.
Este software se está convirtiendo en un gestor de contenidos favorito para los
usuarios por su flexibilidad, diseño, interactividad, potencia y su gran posibilidad de
ampliación y gracias los grandes desarrolladores lo están escogiendo como su CMS
favorito.
Gracias a este CMS las personas con poco conocimiento en programación pueden
crear una página web, blog, etc. Sin mayor problema y con poco tiempo podrán obtener una
página web totalmente personalizada a su gusto gracias a las plantillas que Joomla tiene
disponible.
- Ventajas
Las extensiones de Joomla comparadas con las de Wordpress, hacen cambios muy
primordiales en nuestra web. En la zona del comercio digital por ejemplo, existen muchas
opciones que nos permiten diseñar y crear tiendas on-line muy funcionales. Las extensiones
en Joomla las podríamos llamar aplicaciones
Este software permite tener un carácter modular, el cual permite integrar en una
misma página distintas aplicaciones web, pudiendo realizar desarrollos paralelos.

34
Joomla cuenta con un soporte para idiomas internacionales, gracias a este soporte es
tan popular alrededor del mundo, se puede instalar con múltiples idiomas o en muchos
idiomas, además de esto ofrece unas características muy básicas para los sitios que son
multilingües de forma nativa.
Cuenta con demasiadas opciones de configuración, esto puede ser un arma de doble
filo ya que para una persona novata podría desilusionarse muy fácilmente al no poder
entender todas las configuraciones posibles, y por otro lado, al tener tantas configuraciones
las personas que ya tiene experiencia con estos sistemas (CMS) estarán muy satisfecho al
tener más posibilidades de personalizarla.
- Desventajas
Este software no es el esencial para crear y mantener un blog ya que no cuenta con
algunos aspectos muy necesarios para los blogs, como pueden ser un sistema de
comentarios, sistema de etiquetas y un buen sistema para reproducir multimedia tal como
YouTube.
El sistema de indexado no es tan bueno como el de Wordpress y básicamente revela
que no es un software con el propósito de la creación de un blog.
Al momento de la configuración de las plantillas (Aplicaciones) y módulos no es
muy intuitivo, así que puede resultar complejo para personas que no tienen experiencia con
este sistema, además de esto cuenta con demasiadas opciones de configuración y para un
usuario nuevo esto podría desilusionarlo al no saber cómo se utilizar todas esas
configuraciones.
35
Tabla 1. Comparación entre de Drupal, Joomla y WordPress
(Un buen plan group, s.f.)
DRUPAL JOOMLA WORDPRESS
Precio Gratuito Gratuito Gratuito
Comunidad activa **** **** ****
Características **** *** ****
técnicas
Seguridad **** *** ****
Diseño *** *** ****
personalizable
Facilidad de uso ** *** ****
Plugins disponibles *** ** ****
Mantenimiento y ** *** ****
Soporte
Edición de *** *** ****
Contenidos
Administración del **** **** ****
Sitio
36
5.2. Timify
5.2.1. Que es Timify?
TIMIFY es el primer sistema internacional para facilitar el proceso de reservas
online entre los proveedores de servicio y sus clientes. TIMIFY reduce la brecha entre los
servicios prestados online y la creciente demanda de los clientes por hacer reservas online.
Es decir, es un desarrollo lógico de la prestación de servicios del futuro. TIMIFY pone a
disposición de sus clientes un calendario gratuito basado en la nube, por los que es posible
gestionar sus citas y las de su equipo de trabajo en cualquier momento y desde cualquier
lugar. Los usuarios de la versión Premium pueden además, acceder al calendario desde la
aplicación móvil, así como trabajar sin conexión a internet desde la aplicación para Tablet y
ordenador.
Figura 5. Timify Classic

37
5.2.2. Por qué Timify como aplicación de citas online?
TIMIFY facilita el proceso de reserva online a sus clientes, permitiéndoles reservar
sus servicios en el momento que quieran y desde cualquier dispositivo. Las confirmaciones
de reserva automática se envían por correo electrónico, mientras su calendario se actualiza
en tiempo real. Esto se traduce en un mejor uso de su tiempo y agenda de trabajo
permitiéndole mejorar la atención al cliente y aumentar su productividad e ingresos.
Bajo el apartado Configuración de clientes en TIMIFY, es posible guardar los datos
personales de sus clientes y cualquier otra información que crea conveniente.
Además, con TIMIFY puede gestionar su equipo de trabajo y su disponibilidad para recibir
reservas.
5.2.3. Timify Classic
Es la versión principal y contiene todas las características y funcionales
fundamentales del sistema, permite gestionar un número ilimitado de empleados, salas o
cuartos, dispositivos o recursos similares. Los clientes pueden hacer reservas online a través
de la aplicación móvil, directamente desde su sitio web o su página de Facebook. Puede
acceder a la información de su negocio desde cualquier lugar y dispositivo.
5.2.4. Timify Premium
Es la versión de pago y contiene todas aquellas funcionalidades y características que
tiene la versión Classic además de otras mucho más avanzadas para una gestión más
38
eficiente y productiva de todo tipo de negocios. Funciones adicionales tales como:
notificación de recordatorio de citas por correo electrónico, aplicaciones para Tablet y
ordenador, entre otras.
Tabla 2. Comparación Timify Classic vs Timify Premium
Funciones / Características Timify Classic Timify Premium
Gestión de citas y reservas
• Asistencia en español para su configuración ✓ ✓
• Calendario de reservas online con funciones
prácticas y personalizables ✓ ✓
• Vista de agenda diaria y semanal ✓ ✓
• Ingreso ilimitado de reservas y citas ✓ ✓
• Todas las reservas ingresadas en el
calendario de forma manual u online, se
actualizan en tiempo real ✓ ✓
• Email de notificación de cambios o
confirmación de nuevas reservas al cliente y
empleado asignado ✓ ✓
• Recordatorio de citas por email con envío
automático previo de 1 - 72 horas  ✓
• Etiquetas de colores para la identificación  ✓

39
de reservas por categorías
• Vista agenda mensual  ✓
Cita online
• Agendamiento de citas online 24/7 ✓ ✓
• Página de reserva personalizada (mini-sitio
web), con información acerca de sus
servicios, empresa, dirección, horarios y
mapa de localización ✓ ✓
• Actualización en tiempo real de sus
servicios, recursos y horarios de reserva
disponibles ✓ ✓
• Widget de reserva para su sitio web ✓ ✓
• Widget y Plugins de reserva para CMS
(Wordpress, Drupal, Joomla, etc) ✓ ✓
• Widget de reserva para su página de
Facebook ✓ ✓
• Confirmación automática de reservas por
email a clientes y empleados ✓ ✓
• Publicación de la empresa en el directorio
de páginas amarillas local* con posibilidad
de reserva online ✓ ✓
40
• Configuración avanzada de reservas. Los
clientes pueden reservar como: invitados, a
través de su cuenta de Facebook o por
medio de un SMS de verificación  ✓
• Opción de personalización del widget de
reserva  ✓
Gestión de clientes / CRM
• Fácil y sencilla herramienta de gestión de
clientes (CMR) ✓ ✓
• Sincronización automática de los clientes
que realizan reservas online a la base de
datos de la empresa ✓ ✓
• Ingreso de un número Ilimitado de clientes ✓ ✓
• Importación de la actual base de datos de
clientes al sistema TIMIFY ✓ ✓
• Historial de reservas por cliente  ✓
• Campos personalizados. Posibilidad de
agregar otros campos para el ingreso de
información sobre clientes. Decida cuáles
de ellos deben ser diligenciados por sus
clientes en el momento de hacer una reserva  ✓

41
online
Gestión de servicios & recursos
• Herramienta de gestión para la
administración del recurso humano y
técnico ✓ ✓
• Ingreso de un número ilimitado de recursos
y servicios ✓ ✓
• Calendario compartido para grupos y
equipos de trabajo ✓ ✓
• Determine los permisos de acceso y/o
edición del calendario para cada uno de los
empleados ✓ ✓
• Envío de notificaciones por correo
electrónico a sus empleados ✓ ✓
• Gestión de servicios por categorías ✓ ✓
• Cree y gestione ofertas y descuentos por
medio de la herramienta de marketing  ✓
• Planeación de turnos de trabajo. Agende el
trabajo de sus empleados y gestione sus
vacaciones, disponibilidad para recibir
reserva online y días de incapacidad  ✓

42
• Ingreso de información adicional para cada
servicio  ✓
• Herramienta para la gestión de reservas para
eventos y grupos donde el número de
participantes sea mayor de uno  ✓
Aplicación para escritorio (Windows & MacOS)
• Vista diaria semanal y mensual de agendas  ✓
• Capacidad de operar sin conexión. Las
reservas y los datos de los clientes se
almacenan localmente en el ordenador y se
sincronizan instantáneamente al conectarse
nuevamente online.  ✓
• Centro de notificación. Listado de reservas
nueva, cambios en la agenda y otras alertas.  ✓
• Gestión de clientes  ✓
• Vista de pantalla completa  ✓
• Pantalla retina  ✓
• Estadísticas  ✓
• Gestión de servicios & recursos  ✓
Aplicación para tablet (IOS & Android)
• Vista diaria semanal y mensual de agendas  ✓

43
• Capacidad de operar sin conexión. Las
reservas y los datos de los clientes se
almacenan localmente en el ordenador y se
sincronizan instantáneamente al conectarse
nuevamente online.  ✓
• Gestión de clientes optimizado para tablets  ✓
• Pantalla retina  ✓
• Estadísticas  ✓
• Reservas automáticas y sincronización de
datos de clientes  ✓
• Gestión de servicios & recursos  ✓
Aplicación móvil (IOS & Android)
• Agenda diaria de todo el equipo de trabajo  ✓
• Agenda diaria de un empleado en particular  ✓
• Ingreso manual de reservas nuevas y
clientes en segundos  ✓
• Gestión de clientes  ✓

44
Soporte al cliente
• Soporte vía email (respuesta dentro de las
48 horas siguientes ) ✓ ✓
• Soporte Premium vía chat (contacto en
menos de una hora en días laborales)  ✓
5.2.5. Beneficios
- Simplifica el trabajo
Gestionar, acceder y modificar toda la información de la empresa: reservas,
servicios, el equipo humano y técnico, todo en un sólo sistema.
- Reservas online 24/7
Permitir a los usuarios reservar fuera del horario de atención al público.
- Seguridad
Posibilidad de compartir calendarios con el equipo de trabajo y establecer derechos
de acceso individuales.
- Accesibilidad
Como negocio poder de ingresar, editar y eliminar citas manualmente, además de
las realizadas por los usuarios. Y como clientes poder ingresar y cancelar una cita.
45
- Veracidad
Todos los datos se sincronizan y actualizan automáticamente en tiempo real.
- Capacidad
Capacidad para un almacenamiento ilimitado de datos
- Ahorro de tiempo
Menor tiempo empleado en llamadas telefónicas, escribiendo y gestionando las citas
en papel.
- Clientes felices
El 50% de las personas prefieren realizar reservas en línea que hacerlas por teléfono.
- Fácil de usar
El sistema se puede configurar fácilmente. No se necesita conocimientos técnicos o
de programación, ni descargar un programa.
5.2.6. Quienes se pueden beneficiar de Timify?
Todas las empresas prestadoras de servicios que trabajan con cita o reservas pueden
beneficiarse de los servicios de TIMIFY. Entre ellos se cuentan: salones de belleza, centros
de salud y estéticos, consultorios médicos, centros deportivos y spas, entre otros.
30.715 empresas en 28 países a nivel mundial utilizan Timify!

46
5.3. Implementación Wordpress
Este punto satisface el primer objetivo específico, que consiste en construir,
configurar e implementar la página web de AudioQbox.
5.3.1. Requerimientos
Aunque los requerimientos son pocos, es muy importante tenerlos exactamente
como se recomienda:
✓ PHP 5.2.4 o superior
✓ MySQL 5.0.15 o superior
✓ No es indispensable, pero se recomienda tener el módulo Apache mod_rewrite
✓ Lo ideal, es que el hosting corra sobre una plataforma Linux.
5.3.2. Instalación
Es importante resaltar que para este proyecto inicialmente y para efectos de prueba
se hará la instalación e implementación de Wordpress de una manera local.
Wordpress nos ofrece una rápida y fácil instalación de 5 minutos, pero aunque es
ligera también hay que tener conocimientos básicos en MySql y saber cómo editar archivos
de texto para concluir la instalación sin ningún inconveniente. Aquí los pasos:
La famosa instalación en 5 minutos:
1. Descarga y descomprime el paquete de WordPress si aún no lo has hecho.

47
2. Crea una base de datos para WordPress en tu servidor web, así como un usuario de
MySQL que tenga todos los privilegios para acceder y modificarla.
3. Renombra el archivo wp-config-sample.php con el nombre wp-config.php.
4. Abre wp-config.php en tu editor de texto y completa los datos con tu base de datos.
5. Coloca los archivos de WordPress en la ubicación deseada en tu servidor web:
- Si quieres integrar WordPress en la raíz de tu dominio (ej.
http://example.com/) mueve o sube los contenidos de la carpeta donde
WordPress fue extraído a la carpeta raíz de tu servidor web.
- Si quieres que la instalación tenga su propia subcarpeta en tu sitio web (ej.
http://example.com/blog/) renombra la carpeta wordpress al nombre que
desees y muévelo o súbelo a tu servidor web. Como ejemplo, si quieres tu
instalación en la carpeta llamada "blog" deberás renombrar la carpeta
"wordpress" a "blog" y subirla a la carpeta raíz de tu servidor web.
6. Ejecuta el script de instalación de WordPress accediendo a wp-admin/install.php en
tu navegador web preferido.
- Si instalaste WordPress en la carpeta raíz deberás ir a
http://example.com/wp-admin/install.php.
- Si instalaste WordPress en su propia subcarpeta llamada blog, deberías
visitar http://example.com/blog/wp-admin/install.php
5.3.3. Base de datos
Siguiendo los pasos de la instalación del punto anterior se realiza la creación de la
base de datos y del usuario para ella con todos los privilegios activos.
48
Figura 6. Creación de base de datos

49
Figura 7. Creación de usuario para la base de datos
5.3.4. Configuración
Siguiendo los pasos de la instalación del punto anterior se realiza la edición del
nombre del fichero wp-config-sample.php y la adición de los datos en el mismo fichero de
nuestra base de datos creada anteriormente.

50
Figura 8. Modificación del fichero wp-config-sample.php
Al editar todo correctamente e ir a la url “localhost/audioqbox/wp-
admin/install.php” como se indicó anteriormente, aparece una pantalla de bienvenida para
configurar allí el título del sitio, el nombre del usuario, contraseña con la que ingresara ese
usuario y correo electrónico.

51
Figura 9. Configuración del sitio web
En este punto Wordpress también ofrece una opción para disuadir a los motores de
búsqueda de indexar el sitio web, es decir, que si el sitio es montado online poderle indicar
a los robots de google que no comiencen a rastrear el sitio para no salir en los resultados de
búsqueda de ellos, opción que puede servir si primero se quiere acondicionar muy bien el
sitio antes de publicarlo, o se tiene predestinado una fecha para tal fin, pero para el caso de
este proyecto no lo seleccionamos para que el sitio comience a ser rastreado desde un
principio.
Figura 10. No disuadir motores de búsqueda

52
Luego de ingresar todos los datos, seleccionar en el botón para comenzar la instalación y
esperar un momento, Wordpress informa que el proceso se terminó correctamente y que ya
se puede ingresar al sitio.
Figura 11. Instalación exitosa de Wordpress
5.3.5. Puesta en marcha
Pasado el proceso de instalación y configuración al ingresar y loguearse en la zona
administrativa del sitio, Wordpress nos da la bienvenida en la página principal a partir de la
cual podemos iniciar con el acondicionamiento del sitio web.

53
Figura 12. Página principal de la zona administrativa de AudioQbox
5.4. Implementación Timify
Este punto satisface el segundo objetivo específico, que consiste en integrar y
configurar la aplicación en la página web.
5.4.1. Registro e instalación
Para empezar a utilizar los servicios de Timify habrá que crear una cuenta, la cual se
puede lograr a través de su página principal, sin necesidad de pagar o descargar un
software. Luego de que el registro se efectúe, seremos re direccionados a la plataforma para
comenzar el proceso de configuración.

54
Figura 13. Registro Timify
5.4.2. Configuración
Al entrar por primera vez a la plataforma se nos desplegará un recuadro de
bienvenida a partir del cual podremos empezar un recorrido guía para conocer todos los
detalles y funcionalidades que nos ofrece la aplicación.

55
Figura 14. Inicio de guía Timify
La guía abarca estos puntos, los cuales tendrán a la vez otros sub-puntos para
ayudarnos a comprender la interfaz más fácilmente.
✓ Vista general del calendario
✓ Gestionar servicios
✓ Gestionar recursos
✓ Gestión de cliente
✓ Configurar perfil de reserva

56
Figura 15. Guía Timify paso 1

57

58
5.4.3. Puesta en marcha
Luego de realizar todas las configuraciones indicadas mediante la guía y las
necesarias para personalizar la plataforma a nuestra información y gusto, se nos informará
en el apartado de “Perfil” si ya estamos listos para que nuestra aplicación esté en línea y
podamos comenzar a hacer y/o recibir reservaciones.

59
Figura 20. Puesta en marcha
5.5. Integración
Ya teniendo la página web Wordpress configurada y en funcionamiento podremos
implementar el plugin de la aplicación de reservas Timify, para ello podremos elegir dos
vías:
- Pegar el código HTML en los script de la página

60
Figura 21. Integración 1
Con esta opción tendremos una mayor libertad para posicionar y hasta personalizar
él botón que aparecerá en la página web y mediante el cual podremos hacer las
reservaciones.
- Facebook
61
Otra excelente opción para que el negocio tenga un mayor alcance en sus clientes es
su integración con Facebook, esto se puede hacer copiando y pegando el ID generado por
Facebook y pegándolo en el campo que proporciona la plataforma. Tal ID se puede
encontrar en la opción "About" o “Sobre mi” de la cuenta de empresa en Facebook.
- Descargar el archivo Zip (comprimido) de la aplicación

62
Esta es la última opción y fue la elegida para poner en marcha la integración de
ambas plataformas.
Como vemos en la imagen la aplicación dispone de varias opciones de plugins para
los diferentes CMS existentes en el mercado.

63
Luego de descargar el archivo para Wordpress procederemos a subir e instalar el
plugin a nuestro CMS.
Figura 24. Instalación de plugin Timify
Luego de activar el plugin podremos ir su apartado de configuración en el cual
vamos a ingresar el ID de reserva que nos proporciona la plataforma como vimos en la
imagen #, también podremos decidir el idioma en que se va a mostrar el diálogo de reserva,
la posición del botón que abre el diálogo (Derecha, Izquierda o debajo de todas las
publicaciones) y por último el texto del botón.

64
Figura 25. Configuración del plugin Timify
Luego de realizar todo lo anterior correctamente tendremos un botón mediante el
cual los clientes que ingresen a la página podrán hacer sus reservaciones, las cuales se
sincronizan automáticamente con la aplicación de Timify, es decir, que inmediatamente
aparecerá la reserva en el tablero del servicio seleccionado.

65
Figura 26. Botón y dialogo de reserva
(Se habla del tablero del servicio seleccionado porque en la plataforma de reservas
éstas se pueden filtrar por los servicios o usuarios existentes).
66
Figura 27. Filtro por servicio
6. Situación financiera y económica
Aportando a la calidad, confiabilidad y facilidad de acceso a todos clientes la
principal recomendación es que la página web esté online con un dominio propio, para ello
se deberá fuera de contratar un alojamiento, comprar un dominio. Son muchas de
compañías para elegir que ofrecen servicios de alojamiento y registro de dominio web,
GoDaddy es una de las más reconocidas a nivel mundial y con la que se recomienda en este
proyecto contratar los servicios, servicios que para esta “cotización” son especializados en
trabajar con páginas creadas en Wordpress, lo que ayudará a la carga y velocidad en
navegabilidad de esta. Estos servicios se detallan a continuación:

67
Figura 28. Planes de hosting (GoDaddy)
También hay otras opciones de hosting como Hostgator, aquí algunos de sus planes:
Figura 29. Planes de hosting (Hostgator)

68
Para el registro del dominio se buscó la disponibilidad de nombre también en la
página de GoDaddy teniendo resultados exitosos, y por exitosos me refiero a que el nombre
del negocio ‘audioqbox’ con las extensiones “.co, .com, .com.co, entre otras” están
disponibles. Aquí el ejemplo de ellas con sus respectivos precios:
Figura 30. Búsqueda de dominio (GoDaddy)

69
Figura 31. Ofertas de dominio (GoDaddy)
Tanto para el servicio de hosting como para el registro de dominio la decisión final
tomada por el cliente no tendrá mayores incidencias positivas o negativas en el
funcionamiento de la página y/o aplicación pues así sea que se tome los planes más baratos
de hosting éstos cubrirán lo mínimo que se requiere para su adecuado funcionamiento, y
más aún para el comienzo de negocio online.
Hablando ahora de la aplicación de reservas, para este proyecto se utiliza de manera
gratuita y por estas razones no dispone todas sus virtudes a sus usuarios. Para sacarle el
máximo provecho a ésta la compañía ofrece una versión Premium que contiene una gran
variedad de opciones y características que la versión gratuita no nos ofrece. Las
características son las siguientes:
✓ Recordatorio automático de citas
✓ Aplicación para PC, Tablet o Smartphone

70
✓ Gestión por turnos de trabajo del personal
✓ Campos personalizados para clientes
✓ Herramienta de etiqueta de colores
✓ Módulo de estadísticas
✓ Gestión de citas recurrentes
✓ Herramienta para Marketing
✓ Historial de citas por usuario
…las cuales como se dijo anteriormente solo están incluidas en la versión Premium,
y tiene un costo mensual de $65.000 pesos.
Figura 32. Planes Timify
La inclusión de aquellas características le llevará un plus al cliente pero
principalmente al administrador al poder llevar un control más extenso sobre todo su

71
negocio. Pero si la elección es seguir con la versión gratuita no habrá problemas, ya que
es y será siempre completamente gratis, no existen costos ocultos o comisiones y no nos
quitarán funcionalidades esenciales que necesitemos para continuar con el proceso
normal de reservas en línea.

72
7. Conclusiones
Todas las empresas deberían considerar el hecho de emplear alguna herramienta
tecnológica para fortalecer sus procesos, sea cual sea el perfil de la empresa siempre habrá
alguna herramienta que logre acomodarse a sus necesidades, por el contrario también se
podría optar por contratar la realización de uno a medida, pero más allá de eso lo
importante es no rechazar el cambio ni la inclusión de la tecnología en nuestras vidas, cosa
que en vez de hacernos un daño nos mantiene al tanto de modernidad, nos hace y mantiene
conectados con todo el mundo y por obvias razones por las cuales la mayoría de personas
acuden a ella es la facilidad de vida que nos ofrece.
Trabajar con Wordpress siempre es grato, siempre se aprende algo nuevo y se
obtienen resultados muy buenos, y ahora con la combinación de Timify se obtuvieron
resultados aún mejores resultando esta última una aplicación muy completa, muy bien
hecha, muy bien soportada, muy usable, muy entretenida y fácil de usar, lo que en un
principio nunca imaginé pero ahora viendo todo en funcionamiento es muy fácil asegurar
que ésta solución tecnológica ofrecida en este proyecto será muy bien recibida.
73
Recomendaciones
Aunque la versión clásica de Timify nos ofrece toda la funcionalidad necesaria para
gestionar nuestras reservas, para tener un mayor y más potente control de todo nuestro
sistema se recomienda comprar la versión Premium de Timify, la cual como se mencionó
anteriormente tiene un abanico de funcionalidades mucho mayor a la versión Clásica.
Siguiendo con la idea de la recomendación anterior se recomienda contratar un
paquete de correos óptimo para el constante envío de correos a los clientes que la
aplicación Premium de Timify pueda llegar a generar. (Esto siempre y cuando se esté
usando la versión Premium de Timify y se tenga activada la función de envío de
recordatorio para el cliente).
Independientemente de la versión de Timify que se utilice es muy importante para
los clientes y el negocio que la página siempre esté disponible y tenga la fluidez suficiente
para estar cómodos a la hora de realizar una reserva sea cual sea el dispositivo empleado
para tal fin, por lo cual se recomienda que ha medida de que el sistema dé resultados y el
afluente de visitantes empiece a subir, mejorar en optimización el servicio de hosting
contratado, es decir; mejorar la velocidad de carga de las paginas, de las imágenes, soportar
una cantidad considerable de usuarios conectados y peticiones sin que colapse la página,
entre otros, todo esto para ofrecer un mejor servicio.

74
Bibliografía
Aleyda. (2015). Platzi. Obtenido de https://platzi.com/blog/porque-usar-wordpress/
builtwith.com. (Octubre de 2016). comunica-web.com. Obtenido de comunica-web.com
Celeiro, Ò. (21 de Diciembre de 2013). Andro4All. Obtenido de Mejores aplicaciones
Android, consejos, tutoriales y ayudas para android:
https://andro4all.com/2013/12/widget
Codex. (s.f.). Codex. Obtenido de Wordpress.org:
https://codex.wordpress.org/es:Instalando_Wordpress
Facchin, J. (11 de Marzo de 2018). El blog de José Facchin. Obtenido de
https://josefacchin.com/que-es-wordpress-como-funciona/
Falcón, Y. S. (14 de octubre de 2015). DeProgramación. Obtenido de Experiencias, trucos,
programación y otros Demonios:
http://deprogramacion.cubava.cu/2015/10/14/aplicaciones-web-ventajas-y-
desventajas/
Hernandez, J. (21 de Julio de 2016). Javier Hernandez. Obtenido de
http://javierhernandez.com.co/cuales-son-ventajas-y-desventajas-de-joomla-y-de-
wordpress/
López, A. (15 de 5 de 2015). Rootear. Obtenido de https://rootear.com

75
Matute, R. (6 de Abril de 2015). Imolko. Obtenido de https://imolko.com/2015/04/06/que-
beneficios-obtengo-al-usar-wordpress/
Neothek. (23 de Agosto de 2017). Blog Neothek. Obtenido de
https://blog.neothek.com/beneficios-de-utilizar-wordpress-como-tu-cms/
PeruFastWeb. (22 de 10 de 2015). Perú Fast Web. Obtenido de https://fastwebperu.com
Pixabay. (s.f.). Obtenido de https://pixabay.com/es/misi%C3%B3n-a-marte-sonda-
2645472/
Por una lengua congruente. (12 de 03 de 2017). Obtenido de
https://porunalenguacongruente.com/2017/03/12/app/
prozona. (Febreo de 2015). Foro de desarrollo - Dato web. Obtenido de
http://datoweb.com/post/80-todas-las-ventajas-y-desventajas-de-wordpress/
Red nacional de protección al consumidor. (s.f.). Obtenido de
http://www.redconsumidor.gov.co/publicaciones/normas_importantes_en_la_protec
cion_de_datos_personales_pub
Rendón, R. B. (10 de Agosto de 2016). Joomla! Community Magazine. Obtenido de
https://magazine.joomla.org/es/ediciones-anteriores/agosto-2016/item/3117-cinco-
razones-para-elegir-joomla
Santi. (2017). Web desde cero. Obtenido de https://webdesdecero.com/que-es-un-cms-y-
para-que-sirve/
76
SilvaniaPcWeb. (18 de Abril de 2016). SilvaniaPC. Obtenido de http://silvaniapc.es/que-es-
wordpress-opinion-ventajas-y-desventajas/
TIMIFY. (s.f.). TIMIFY. Obtenido de Página web: https://www.timify.com/es-co/
TIMIFY. (s.f.). TIMIFY. Obtenido de Aplicacion web: https://app-co.timify.com/#/internal
Un buen plan group. (s.f.). Obtenido de https://unbuenplangroup.com/que-cms-elegir-
drupal-joomla-wordpress-y-prestashop/
Yeeply. (14 de Noviembre de 2016). Yeeply. Obtenido de https://www.yeeply.com/crear-
una-app
77
Anexos
Anexo 1. Página web captura 1 (Vista escritorio)
Anexo 2. Página web captura 1 (Vista phone)

78
Anexo 3. Página web captura 1 (Vista tablet)

79

80

81

82
Anexo 11. Reserva exitosa
Anexo 12. Escritorio Timify

83
Anexo 13. Correo de información de la reserva

84
Anexo 14. Cancelación de una cita

85
Anexo 15. Confirmación de cancelación de una cita

Proyecto de Grado - Ultima Entrega (Corregido)

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Proyecto de Grado - Ultima Entrega (Corregido)

Transféré par

Droits d'auteur :

Formats disponibles

1

IMPLEMENTACIÓN DE UN SISTEMA DE INFORMACIÓN PARA LA RESERVA DE

CITAS EN LÍNEA E INTEGRACIÓN CON PÁGINA WEB PARA AUDIOQBOX, SALAS DE

ENSAYO Y GRABACIÓN PROFESIONAL DE LA CIUDAD DE PEREIRA

HECTOR FABIO RAMIREZ FRANCO

APLICATIVO DIPLOMADO EN TELECOMUNICACIONES

Implementación de un sistema de información para la reserva de citas en línea e integración con

Héctor Fabio Ramírez Franco

Hugo Nelson Velázquez

APLICATIVO DIPLOMADO EN TELECOMUNICACIONES

Primeramente a Dios y a mi familia por acompañarme y apoyarme de una u otra forma

durante todo el proceso universitario, principalmente a mi madre mi mano derecha por

ayudarme, tolerarme y aconsejarme siempre en cada momento.

enormemente en mi formación como persona a nivel académico y musical, su preparación fue

1. Situación del problema ........................................................................................................... 5

1.1 Planteamiento del problema ............................................................................................. 5

1.3 Antecedentes .................................................................................................................... 5

2.1 Objetivo general ............................................................................................................... 7

2.2 Objetivos específicos........................................................................................................ 7

3. Marco referencial .................................................................................................................... 8

3.1 Marco teórico ................................................................................................................... 8

3.2 Marco histórico .............................................................................................................. 14

3.3 Marco geográfico ........................................................................................................... 19

3.4 Marco jurídico ................................................................................................................ 20

3.5 Marco conceptual ........................................................................................................... 22

4. Diseño metodológico ............................................................................................................ 24

4.1 Beneficios del aplicativo ................................................................................................ 24

4.2 Limitaciones del aplicativo ............................................................................................ 25

4.3 Etapas metodológicas ..................................................................................................... 25

5. Ejecución del aplicativo ........................................................................................................ 27

5.1. Wordpress ......................................................................................................................... 27

5.1.1. Que es un CMS? ......................................................................................................... 27

5.1.2. Qué es WordPress ....................................................................................................... 28

5.1.3. CMS’s más populares ................................................................................................. 29

5.1.4. Por qué WordPress como CMS?................................................................................. 29

5.1.5. Ventajas y desventajas de WordPress ......................................................................... 30

5.1.6. Beneficios de WordPress ............................................................................................ 32

5.1.7. Joomla, su principal adversario................................................................................... 33

5.2. Timify ................................................................................................................................ 36

5.2.1. Que es Timify? ............................................................................................................ 36

5.2.2. Por qué Timify como aplicación de citas online? ....................................................... 37

5.2.3. Timify Classic ............................................................................................................. 37

5.2.4. Timify Premium .......................................................................................................... 37

5.2.5. Beneficios ................................................................................................................... 44

5.2.6. Quienes se pueden beneficiar de Timify? ................................................................... 45

5.3. Implementación Wordpress ............................................................................................ 46

5.3.1. Requerimientos ........................................................................................................... 46

5.3.2. Instalación ................................................................................................................... 46

5.3.3. Base de datos............................................................................................................... 47

5.3.4. Configuración ............................................................................................................. 49

5.3.5. Puesta en marcha......................................................................................................... 52

5.4. Implementación Timify ................................................................................................... 53

5.4.1. Registro e instalación .................................................................................................. 53

5.4.2. Configuración ............................................................................................................. 54

5.4.3. Puesta en marcha......................................................................................................... 58

5.5. Integración ........................................................................................................................ 59

6. Situación financiera y económica ......................................................................................... 66

Figura 1. Juego Snake de Nokia ................................................................................................... 14

Figura 2. Páginas web responsivas ................................................................................................. 9

Figura 3. Logo AudioQbox ........................................................................................................... 19

Figura 4. CMS más usados ........................................................................................................... 29

Figura 5. Timify Classic ............................................................................................................... 36

Figura 6. Creación de base de datos.............................................................................................. 48