universidad de guayaquil facultad de...

I

UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS

CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES

DESARROLLO DE PROTOTIPO PARA LA AUTOMATIZACIÓN DE LOS

PROCESOS DE ATENCIÓN AL CLIENTE DE UN CENTRO DE BELLEZA,

POR MEDIO DE UNA APLICACIÓN WEB.

PROYECTO DE TITULACIÓN

Previa a la obtención del Título de:

INGENIERO EN SISTEMAS COMPUTACIONALES

AUTOR:

GLORIA STEFANYA RAFFO ORTEGA

TUTOR:

ING. ERICK VICENTE LAVID CEDEÑO, MSIG

GUAYAQUIL – ECUADOR

2018

II

FECHA DE PUBLICACIÓN: AÑO 2018 N° DE PÁGS: 136

PALABRAS CLAVES

N° DE CLASIFICACIÓN:

N°

ADJUNTO PDF SI NO

CONTACTO CON AUTOR: Teléfono:


CONTACTO EN LA INSTITUCIÓN: Nombre:

Universidad de Guayaquil

Teléfono: 2318067

E-mail: [email protected]

REPOSITORIO NACIONAL EN CIENCIAS Y TECNOLOGÍAS

TÍTULO "DESARROLLO DE PROTOTIPO PARA LA AUTOMATIZACIÓN DE LOS PROCESOS DE

ATENCIÓN AL CLIENTE DE UN CENTRO DE BELLEZA, POR MEDIO DE UNA APLICACIÓN WEB."

INSTITUCIÓN: Universidad de Guayaquil FACULTAD: Ciencias Matemáticas y

Físicas

CARRERA: Ingeniería en Sistemas Computacionales

ÁREA TEMÁTICA: DESARROLLO TECNOLÓGICO

APLICACIÓN WEB, RESERVA DE TURNOS, SANDBOX

RESUMEN: EXISTEN EMPRESAS DEDICADAS AL ÁREA DE BELLEZA QUE NO CUENTAN CON UNA

APLICACIÓN WEB QUE LES PERMITA GESTIONAR, REPROGRAMAR, REALIZAR PAGOS

DIRECTAMENTE REALIZADO POR EL CLIENTE. POR ELLO SE HA CREADO ÉSTA HERRAMIENTA

PARA LA AUTOMATIZACIÓN DE ESOS PROCESOS.

N° DE REGISTRO(en base de datos):

DIRECCIÓN URL(tesis en la web):

REVISOR: ING. XAVIER GUERRERO PÉREZ

M. Sc.

X

III

APROBACIÓN DEL TUTOR

En mi calidad de Tutor del trabajo de titulación, “DESARROLLO DE

PROTOTIPO PARA LA AUTOMATIZACIÓN DE LOS PROCESOS DE

ATENCIÓN AL CLIENTE DE UN CENTRO DE BELLEZA, POR MEDIO DE UNA

APLICACIÓN WEB. “elaborado por la Srta. GLORIA STEFANYA RAFFO

ORTEGA, de la Carrera de Ingeniería en Sistemas Computacionales, Facultad

de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil, previo a la

obtención del Título de Ingeniero en Sistemas, me permito declarar que luego de

haber orientado, estudiado y revisado, la Apruebo en todas sus partes.

Atentamente


TUTOR

IV

DEDICATORIA

Dedico éste proyecto a Dios y

mis padres pilares

primordiales en mi vida.

V

AGRADECIMIENTO

Le agradezco a Dios por

permitirme vivir ésta fase final

de mi carrera, no sabía

cuánto me iba a demorar,

pero aquí estoy, gracias a mis

padres que me han guiado en

éste largo camino. Gracias a

mi novio que no me ha dejado

desmayar ante ninguna

situación.

Mis amigos que conocí en el

transcurso de la carrera

fueron esa ayuda que

necesité para continuar con

éste sueño y mi tutor, todos

son parte fundamental de éste

proceso.

VI

TRIBUNAL PROYECTO DE TITULACIÓN

VII

DECLARACIÓN EXPRESA

“La responsabilidad del contenido de este

Proyecto de Titulación, me corresponden

exclusivamente; y el patrimonio intelectual

de la misma a la UNIVERSIDAD DE

GUAYAQUIL”


VIII





PROCESOS DE ATENCIÓN AL CLIENTE DE UN CENTRO DE BELLEZA, POR

MEDIO DE UNA APLICACIÓN WEB.

Proyecto de Titulación que se presenta como requisito para optar por el título de

INGENIERO EN SISTEMAS COMPUTACIONALES

Autor/a: GLORIA STEFANYA RAFFO ORTEGA

C.I.0930080585

Tutor: Ing. Erick Vicente Lavid Cedeño, Msig.

Guayaquil, agosto de 2018

IX

CERTIFICADO DE ACEPTACIÓN DEL TUTOR

En mi calidad de Tutor del proyecto de titulación, nombrado por el Consejo

Directivo de la Facultad de Ciencias Matemáticas y Físicas de la Universidad de

Guayaquil.

CERTIFICO:

Que he analizado el Proyecto de Titulación presentado por el/la

estudiante GLORIA STEFANYA RAFFO ORTEGA, como requisito previo para

optar por el título de Ingeniero en Sistemas Computacionales cuyo problema es:


PROCESOS DE ATENCIÓN AL CLIENTE DE UN CENTRO DE BELLEZA, POR

MEDIO DE UNA APLICACIÓN WEB.

Considero aprobado el trabajo en su totalidad.

Presentado por:

RAFFO ORTEGA GLORIA STEFANYA C.I. N° 0930080585

Tutor: Ing. Erick Vicente Lavid Cedeño, Msig.

Guayaquil, agosto de 2018

X




Autorización para Publicación de Proyecto de Titulación en Formato Digital

1. Identificación del Proyecto de Titulación

Nombre Alumno: GLORIA STEFANYA RAFFO ORTEGA

Dirección: URB. LA JOYA ETAPA AMBAR MZ. 2 VILLA. 31

Teléfono: 0984737557 E-mail: [email protected]

Facultad: CIENCIAS MATEMÁTICAS Y FÍSICAS

Carrera: INGENIERÍA EN SISTEMAS COMPUTACIONALES

Proyecto de titulación al que opta: INGENIERÍA EN SISTEMAS COMPUTACIONALES

Profesor tutor: ING. ERICK VICENTE LAVID CEDEÑO, MSIG.

Título del Proyecto de titulación: DESARROLLO DE PROTOTIPO PARA LA AUTOMATIZACIÓN

DE LOS PROCESOS DE ATENCIÓN AL CLIENTE DE UN CENTRO DE BELLEZA, POR MEDIO

DE UNA APLICACIÓN WEB.

Tema del Proyecto de Titulación: GESTIONAR CITAS, DISPONIBILIDAD DE SERVICIOS,

REPROGRAMAR, REALIZAR PAGOS

2. Autorización de Publicación de Versión Electrónica del Proyecto de Titulación

A través de este medio autorizo a la Biblioteca de la Universidad de Guayaquil y a la Facultad de

Ciencias Matemáticas y Físicas a publicar la versión electrónica de éste Proyecto de titulación.

Publicación electrónica:

Inmediata x Después de 1 año


3. Forma de envío:

El texto del proyecto de titulación debe ser enviado en formato Word, como archivo .Doc. O .RTF y.

Puf para PC. Las imágenes que la acompañen pueden ser: .gif, .jpg o .TIFF.

DVDROM X CDROM

XI

ÍNDICE GENERAL

APROBACIÓN DEL TUTOR ................................................................................. III DEDICATORIA ....................................................................................................... IV AGRADECIMIENTO ............................................................................................... V TRIBUNAL PROYECTO DE TITULACIÓN ........................................................... VI DECLARACIÓN EXPRESA .................................................................................. VII CERTIFICADO DE ACEPTACIÓN DEL TUTOR .................................................. IX ÍNDICE GENERAL ................................................................................................. XI ABREVIATURAS ................................................................................................. XIII SIMBOLOGÍA ....................................................................................................... XIII ÍNDICE DE CUADROS ........................................................................................ XIV ÍNDICE DE GRÁFICOS ........................................................................................ XV RESUMEN ........................................................................................................... XVI ABSTRACT ......................................................................................................... XVII INTRODUCCIÓN .................................................................................................... 1 CAPÍTULO I ............................................................................................................ 3

El Problema ......................................................................................................... 3 OBJETIVOS ........................................................................................................ 8 ALCANCES DEL PROBLEMA ............................................................................ 9 JUSTIFICACION E IMPORTANCIA ................................................................. 10 METODOLOGÍA DEL PROYECTO .................................................................. 12 SUPUESTOS Y RESTRICCIONES .................................................................. 13 PLAN DE CALIDAD .......................................................................................... 13

CAPÍTULO II ......................................................................................................... 14 Marco teórico ..................................................................................................... 14 FUNDAMENTACIÓN TEÓRICA ....................................................................... 17 FUNDAMENTACIÓN LEGAL............................................................................ 27 PREGUNTA CIENTÍFICA A CONTESTARSE ................................................. 29 DEFINICIONES CONCEPTUALES .................................................................. 30

CAPÍTULO III ........................................................................................................ 32 Propuesta tecnológica ....................................................................................... 32 Análisis de factibilidad ....................................................................................... 32 Etapas de la metodología del proyecto ............................................................ 40 DIAGRAMA DE CASOS DE USO .................................................................... 56 Entregables del proyecto .................................................................................. 62 CRITERIOS DE VALIDACIÓN DE LA PROPUESTA ...................................... 62 PROCESAMIENTO Y ANÁLISIS ...................................................................... 63

CAPÍTULO IV ........................................................................................................ 72 CRITERIOS DE ACEPTACIÓN DEL DESARROLLO DE PROTOTIPO PARA LA AUTOMATIZACIÓN DE LOS PROCESOS DE ATENCIÓN AL CLIENTE

DE UN CENTRO DE BELLEZA, POR MEDIO DE UNA APLICACIÓN WEB . 72 Conclusiones ..................................................................................................... 74 Recomendaciones ............................................................................................. 75

Bibliografía ............................................................................................................ 76 ANEXOS ............................................................................................................... 79

Encuesta a usuarios .......................................................................................... 80 Manual de Usuario ............................................................................................ 82 INTRODUCCIÓN .............................................................................................. 84

XII

MANUAL USUARIO ADMINISTRADOR .......................................................... 84 MANUAL USUARIO CLIENTE ......................................................................... 93 Manual Técnico ............................................................................................... 102 MODELO ENTIDAD RELACIÓN .................................................................... 109 Código fuente de la aplicación web ................................................................ 112

XIII

ABREVIATURAS

ASP.NET Entorno para aplicaciones web

UG Universidad de Guayaquil

FTP Archivos de Transferencia

Html Lenguaje de Marca de salida de Hyper Texto

http Protocolo de transferencia de Hyper Texto

IIS Internet Information Services

Ing. Ingeniero

ISP Proveedor de Servicio de Internet

Mgs. Magister en un grado académico posgrado

Msc. Master de ciencias

SANDBOX Sand: arena – Box: caja (Entorno de pruebas de paypal)

URL Localizador de Fuente Uniforme

www world wide web (red mundial)

SIMBOLOGÍA

s Desviación estándar

e Error

E Espacio muestral

E(Y) Esperanza matemática de la v.a. y

s Estimador de la desviación estándar

e Exponencial

XIV

ÍNDICE DE CUADROS

Cuadro N° 1 Causas y consecuencias del problema…………………………….5

Cuadro N° 2 Delimitación del Problema…………………………………………...6

Cuadro N° 3 Recursos para Aplicación Web……………………………………...33

Cuadro N° 4 Presupuesto del Proyecto……………………………………………37

Cuadro N° 5 Listado de número de clientes mensuales…………………………38

Cuadro N° 6 Presupuesto centro de belleza………………………………………39

Cuadro N° 7 Personas y Roles del Proyecto………………………………………53

Cuadro N° 8 Actividades Iniciales…………………………………………………..53

Cuadro N° 9 Diseño de Diagramas…………………………………………………54

Cuadro N° 10 Diseño de Aplicación………………………………………………...54

Cuadro N° 11 Codificación…………………………………………………………...55

Cuadro N° 12 Actividades Finales………………………………………………..…55

Cuadro N° 13 Casos de uso – Creación de profesionales……………………….57

Cuadro N° 14 Casos de uso – Creación de servicios…..…………………………58

Cuadro N° 15 Casos de uso – Creación de usuarios……………………………..59

Cuadro N° 16 Casos de uso – Reserva de turnos………………………………...60

Cuadro N° 17 Casos de uso – Gestionar reserva…………………………………61

Cuadro N° 18 Población clientes del Centro de belleza……………………….…63

Cuadro N° 19 Frecuencia de servicios de belleza………………………………...64

Cuadro N° 20 Requerimiento de Servicios por medio de una aplicación web…65

Cuadro N° 21 Problema en reservaciones erróneas……………………………...66

Cuadro N° 22 Demora en servicios reservados……………………………………67

Cuadro N° 23 Desorganización en establecimiento…………………………..…..68

Cuadro N° 24 Mejorar calidad atención al cliente…………………………………69

Cuadro N° 25 Reducir tiempo de espera…………………………………………...70

Cuadro N° 26 Dispositivo con acceso a internet…………………………...……...71

Cuadro N° 27 Criterios de aceptación del producto…………………………..…..73

XV

ÍNDICE DE GRÁFICOS

Gráfico N° 1 Metodología del proyecto………………………………………………13

Gráfico N° 2 Referencia de Software………………………………………..………15

Gráfico N° 3 Referencia de Software GDS………………………………………….15

Gráfico N° 4 Aplicación Web………………………………………………………….17

Gráfico N° 5 Protocolo Web…………………………………………………………..18

Gráfico N° 6 Servicio Web…………………………………………………………….19

Gráfico N° 7 Navegador Web…………………………………………………………20

Gráfico N° 8 Cómo funciona PHP……………………………………………………23

Gráfico N° 9 ASP.NET………………………………………………………………...24

Gráfico N° 10 PayPal Express CheckOut…………………………………………...26

Gráfico N° 11 Arquitectura del Sistema……………………………………………..36

Gráfico N° 12 Diagrama de Flujo de Datos (DFD) Simbología…………………...40

Gráfico N° 13 Diagrama de Flujo de Datos (DFD) Nivel 0………………………...41

Gráfico N° 14 Diagrama de Flujo de Datos (DFD) Nivel 1………………………...42

Gráfico N° 15 Diagrama de Flujo de Datos (DFD) Nivel 2 Proceso 1……………43






Gráfico N° 21 Diagrama Entidad Relación (DER) 1/3……………………………..49



Gráfico N° 24 Diagrama de Casos de Uso de la Aplicación Web………………..56

Gráfico N° 25 Frecuencia de servicios de belleza…………………………………64

Gráfico N° 26 Requerimiento de Servicios por medio de una aplicación web….65

Gráfico N° 27 Problema en reservaciones erróneas………………………………66

Gráfico N° 28 Demora en servicios reservados……………………………………67

Gráfico N° 29 Desorganización en establecimiento……………………………….68

Gráfico N° 30 Mejorar calidad atención al cliente………………………………….69

Gráfico N° 31 Reducir tiempo de espera……………………………………………70

Gráfico N° 32 Dispositivo con acceso a internet……………………………………71

Gráfico N° 33 Cronograma de actividades………………………………………….79

XVI






POR MEDIO DE UNA APLICACIÓN WEB

Autor: Gloria Stefanya Raffo Ortega

Tutor: Ing. Erick Vicente Lavid Cedeño, Msig

RESUMEN

Actualmente el Estudio de Maquillaje Madeleyn Amat utiliza un mecanismo

convencional para la reservación de citas de atención al cliente. Se propone el

desarrollo de un aplicativo web que le permita al cliente gestionar sus citas de

servicios de belleza, además ver la disponibilidad del asesor de belleza, evitando

olvido y duplicidad de turnos, por medio del calendario. El cliente podrá acceder

desde computador de escritorio o laptop que tenga acceso a internet,

permitiendo reservar turnos, reprogramar y realizar el pago mediante el entorno

de pruebas SANDBOX de PayPal. Se realizó encuesta a 58 clientes para

determinar si están de acuerdo en el uso de la tecnología en sus reservas. Éste

proyecto aplicará la metodología scrum que permite entregas parciales de la

aplicación web. Consecuentemente, con el desarrollo del aplicativo web la

empresa optimizará sus procesos de reservas de citas.

Palabras clave: aplicación web, reserva de turnos, sandbox

XVII




DEVELOPMENT OF PROTOTYPE FOR THE AUTOMATION OF THE

PROCESSES OF ATTENTION TO THE CUSTOMER OF A CENTER OF

BEAUTY, BY MEANS OF A WEB APPLICATION

Author: Gloria Stefanya Raffo Ortega

Tutor: Ing. Erick Lavid Cedeño, Msig

ABSTRACT

Currently, the Madeleyn Amat Makeup Studio uses a conventional mechanism

for booking customer service appointments. It is proposed the development of a

web application that allows the client to manage their appointments of beauty

services, also see the availability of the beauty consultant, avoiding forgetfulness

and duplication of shifts, through the calendar. The client will be able to access

from desktop computer or laptop that has internet access, allowing to reserve

shifts, reprogram and make the payment through the SANDBOX testing

environment of PayPal. A survey was conducted on 58 clients to determine if

they agree on the use of technology in their reservations. This project will apply

the scrum methodology that allows partial deliveries of the web application.

Consequently, with the development of the web application, the company will

optimize its booking process for appointments.

Keywords: web application, reservation of shifts, sandbox

1

INTRODUCCIÓN

En la actualidad el Estudio de Maquillaje Madeleyn Amat está conformada por su

propietaria y dos colaboradoras quiénes brindan servicio de belleza semana a

semana. Es así como, en sus inicios, contaba con 6 clientes a la semana y

actualmente su promedio es de 30 clientes semanales aproximadamente, lo que

conlleva a confusión al momento de la reservación, respecto a la atención a sus

clientes.

En ese sentido, la empresa registra los turnos de atención de sus clientes

mediante reservación por vía telefónica, anotando datos en una agenda física.

Con el crecimiento de la demanda de los servicios, éste método de reservación

se torna complejo y propenso a confusiones de horarios, demoras en la

verificación y confirmación de las mismas.

A renglón seguido, tener contemplado un registro manual o físico aumenta el

riesgo de extraviarse, ocasionando que no se pueda confirmar las atenciones y

disponibilidad de cupo, de hecho, han existido quejas verbales al agendar a

varios clientes en el mismo turno, causando insatisfacción y pérdida de los

mismos.

Por lo que, éste proyecto busca contribuir en la gestión de las reservas y la

disponibilidad de turnos del servicio que brinda el Estudio de Maquillaje

Madeleyn Amat, mediante el desarrollo de un aplicativo web y realizar pagos a

través del entorno de pruebas de sandbox, lo que posibilita realizar

reservaciones de una forma ágil y sencilla para los clientes.

2

El documento está compuesto por cuatro capítulos, que a continuación se

detallan:

Capítulo I: Se expondrá el problema que aqueja a la empresa Estudio de

Maquillaje Madeleyn Amat exponiendo sus causas y consecuencias que ésta

genera, además se definirá los objetivos de llevar a cabo el proyecto.

Capítulo II: Detalle del marco teórico e información necesaria para solución del

problema, presentando los antecedentes de la investigación, además

fundamentando la investigación en teorías realizadas acerca de aplicaciones

web, por consiguiente el proyecto se debe fundamentar en leyes vigentes del

país, es por ello que en la fundamentación legal se ha citado algunos artículos de

leyes aplicadas a desarrollo de proyectos.

Capítulo III: Tenemos lo que es la propuesta tecnológica donde permite y

describe el análisis de factibilidad tanto técnica, legal, económica y operativa, se

mostrará a detalle las etapas de la metodología del proyecto, además se detalla

los entregables del proyecto y encuesta a los clientes sobre el aplicativo.

Capítulo IV: En éste capítulo tenemos el cronograma de actividades para el

desarrollo del proyecto, también se expondrá conclusiones y recomendaciones,

bibliografía y manuales técnico, de usuario, de administrador, de instalación del

aplicativo.

3

CAPÍTULO I

El Problema

Planteamiento del problema

El Estudio de maquillaje Madeleyn Amat no cuenta con una aplicación

tecnológica que le permita la automatización de sus procesos, ocasionando que

al momento de realizar las reservaciones existan riesgos de, pérdidas de

información en los registros de las agendas físicas, que eventualmente se

disponen, cuando son receptados vía telefónica o, se susciten varias

reservaciones en un mismo horario, así como, una serie de situaciones que

finalmente impactan en la atención al cliente las mismas que,

consecuentemente, puede tener efectos en el portafolio de clientes. Todo ello

implica entonces corregir con prontitud tales efectos partiendo del hecho que

están relacionados en la organización y registro de las reservas.

El Estudio de Maquillaje Madeleyn Amat da inicio a sus actividades en el año

2016 en el norte de la ciudad de Guayaquil ofreciendo servicios de belleza,

donde su enfoque primordial es prestar servicio de alta calidad y con el paso de

los años va incrementando su cartera de clientes, teniendo en claro que no ha

sido una de sus prioridades el control de la información, sus conocimientos están

orientados al cuidado de la imagen personal, dejando de lado a la tecnología, ya

que ha basado su solución en el registro de agendas físicas o programa de

Excel para cubrir sus necesidades. Asimismo cuenta con dos colaboradoras que

se turnan en llevar la agenda del día a día, por consiguiente, no llevan una

continuidad en reservaciones de servicios, por consiguiente, se busca lograr la

optimización de la gestión de reservas a través de una aplicación web con el

objeto de reducir el trabajo manual y aumentar la productividad de los

colaboradores.

http://blog.corponet.com.mx/importancia-del-analisis-de-procesos-durante-la-evaluacion-de-compra-de-un-erp

4

Por otra parte, debido a que la forma de hacer negocios y gestionar empresas no

es la misma que hace algunos años, actualmente las tecnologías cada vez son

más influyentes. En relación con lo anterior, la globalización desde todo punto de

vista, está presionando y obligando a las empresas a diseñar un futuro de forma

mediata, dando paso a la tecnología que contribuirá a las empresas a crear un

entorno favorable para cumplir con sus expectativas y logros esperados (Renée,

2009).

Situación Conflicto Nudos Críticos

El Estudio de Maquillaje Madeleyn Amat presenta múltiples inconvenientes en el

agendamiento de las citas, lo que ocasiona un impacto no necesariamente

positivo en la atención al cliente, por ejemplo:

Pérdida de citas, por inadecuada gestión operacional.

Excesivo tiempo de espera de los clientes, generando márgenes

importantes en su nivel de satisfacción.

Reducción en la calidad del servicio prestado, debido a la duplicidad de

citas.

5

Cuadro N° 1

Causas y consecuencias del problema

CAUSAS CONSECUENCIAS

Desconocimiento de herramientas

tecnológicas

- No aprovechar las bondades de las

TICS como potencializador del giro de

negocio.

Ausencia de sistema automatizado

- Olvidos de registro de reservas.

- Registros duplicados. -

Pérdida de agenda física. -

Falta de seguimiento a clientes.

Información dispersa y no accesible

oportunamente

- Se desconoce cantidad de clientes que

han reservado servicios.

- No se puede identificar la

disponibilidad real para la atención. -

Merma en la operatividad del giro del

negocio.

Elaboración: Gloria Stefanya Raffo Ortega

Fuente: Gloria Stefanya Raffo Ortega

6

Cuadro N° 2

Delimitación del Problema

CAMPOCentros de Belleza en el Norte de la Ciudad de

Guayaquil

ÁREAServicio de Belleza profesional enfocado en

maquillaje y peinado

ASPECTO Reservación de citas con aplicación web

TEMA

Desarrollo de Prototipo para la Automatización de

los procesos de atención al cliente de un Centro de

Belleza, por medio de una aplicación web



7

Formulación del Problema

¿Contribuirá la aplicación web significativamente en la mejora de procesos de las

reservaciones de servicios en el estudio de maquillaje?

Evaluación del Problema

Delimitado: En la actualidad la tecnología está al alcance de todos los usuarios,

no sólo basta realizar registros en una hoja de cálculos, en agendas físicas o

algún otro método tradicional. Consultar información con los métodos anteriores

resulta un proceso demorado y la información no se la tiene en línea, tener

estructurados los datos permitirá realizar una búsqueda rápida.

Claro: Contar con una aplicación web para la gestión de procesos de atención al

cliente, mantendrá a la empresa actualizada con su listado de clientes, los

servicios contratados, reservando para fechas futuras teniendo un control de la

disponibilidad.

Evidente: No tener información de clientes actualizada, no garantiza un correcto

control y gestión de procesos, refleja inconsistencia en los datos y poco

profesionalismo en la empresa.

Concreto: En su mayoría las empresas dedicadas a la belleza no cuentan con

una aplicación web que les brinde llevar una gestión viable de sus procesos y

ésta sería una herramienta favorable para la toma de decisiones.

Factible: El desarrollo de éste proyecto será factible para mitigar la aquejada

atención al cliente de la empresa.

Identifica los productos esperados: Con la correcta observación y análisis del

problema, se busca por medio de ésta aplicación web, reducir los procesos de

gestión de reservaciones; ya que el cliente con ésta herramienta podrá realizar

directamente en el momento que desee.

8

OBJETIVOS

OBJETIVO GENERAL

Desarrollar un prototipo para la automatización de los procesos de atención al

cliente del estudio de maquillaje Madeleyn Amat mediante el diseño y

cristalización de una aplicación web.

OBJETIVOS ESPECÍFICOS

Diagnosticar el estado actual del centro de belleza, a nivel operativo.

Desarrollar aplicación web conforme los procesos de atención al cliente

propios de un centro de belleza.

Desarrollar un prototipo para el pago, desde la aplicación web, de modo

que se utilizará el entorno de pruebas SANDBOX de PayPal.

9

ALCANCES DEL PROBLEMA

La aplicación será usada por tres tipos de personas que contarán con

diferentes privilegios:

o Administrador: Persona que tiene acceso a toda la aplicación y

podrá crear los diferentes servicios que ofrece, como a su vez

crear nuevos profesionales que brindarán servicios en el

establecimiento.

o Profesional: Persona que da los servicios profesionales de

belleza.

o Usuario general: Persona que realiza la reservación de turno por

internet.

La aplicación contará con una pantalla que permitirá al cliente (usuario

general) registrarse como usuario, verificando su autenticidad.

La aplicación dispondrá de una pantalla que podrá realizar reservaciones

de los servicios que ofrezca el establecimiento, de acuerdo a la

disponibilidad de los profesionales de belleza.

El cliente podrá hacer el pago de los servicios requeridos, utilizando la

plataforma de PayPal, pero por tratarse de un prototipo, se lo hará en el

entorno de pruebas de SANDBOX de PayPal que tiene la misma

funcionalidad del entorno de producción.

La aplicación permitirá realizar reprogramación de reservaciones, tanto

en elección de nueva fecha y hora, además de mantener el profesional o

seleccionar otro según la disponibilidad del mismo, no obstante, el pago

no podrá ser eliminado.

La aplicación tendrá una pantalla que permitirá al administrador registrar

10

a los profesionales que posteriormente estarán disponibles en la pantalla

de reservaciones.

La aplicación tendrá una pantalla que permitirá al administrador incluir el

registro de servicios y costos.

El profesional tendrá acceso a reportes relacionados a las reservaciones

en las que han sido seleccionados para las citas.

JUSTIFICACION E IMPORTANCIA

En la actualidad, el cuidado de la imagen personal ha evolucionado hacia una

concepción global que tiene que ver con la mejora de la salud y del bienestar

personal, hay que destacar que en el país ha incrementado considerablemente

los centros de belleza, dado el aumento de la demanda de servicios de atención

estética, es por ello la importancia de garantizar una adecuada atención al

cliente (Treball, 2013).

Es por eso que hoy en día las personas se preocupan por su imagen personal y

buscan estos centros de belleza, además buscan una atención adecuada,

personalizada y oportuna.

La instalación de peluquerías y centros de belleza, un negocio manejado en su

mayoría por mujeres, ha registrado un incremento en los últimos tres años,

según datos del SRI1. En éste sentido, en Ecuador existen 14.426 peluquerías,

siendo éste un número significativo (Villacis, 2011).

Según el INEC2, en el censo económico del 2010, hasta ese año en Guayaquil

había 2.581 locales de peluquería y belleza.

1 SRI: Servicio de Rentas Internas 2 INEC: Instituto nacional de estadística y censos

11

Éste proyecto busca contribuir en la gestión de los clientes y el manejo de la

disponibilidad de turnos del servicio que brinda el centro de belleza, mediante el

desarrollo de un sistema web donde se pueda realizar las reservaciones de una

forma m ágil y sencilla para los clientes.

Por ésta razón, se desarrolla una aplicación web afín de mejorar la calidad de la

atención al cliente, permitiéndoles la reservación en la comodidad del lugar en

que se encuentre, la tecnología les brinda la automatización de los procesos

diarios, los tiempos de respuesta son inmediatos obteniendo resultados

oportunos.

Es decir, éste proyecto ofrece la solución al problema antes mencionado sobre la

deficiencia en atención al cliente en el manejo de sus reservaciones,

adicionalmente permitirá obtener información actualizada en tiempo real.

Información de disponibilidad de reservas en tiempo real

Se beneficia la empresa ya que automatiza varios de sus procesos en pro

de la fidelización de sus clientes porque se mitigará las malas

experiencias que actualmente experimentan.

Reportes de clientes

Eliminación de duplicidad de reservas

Realizar pagos de los servicios requeridos por medio del entorno de

pruebas PayPal (SANDBOX3) que tiene la misma funcionalidad del

entorno de producción.

3 SANDOX: Entorno de pruebas de paypal

12

METODOLOGÍA DEL PROYECTO

Scrum es un modelo de desarrollo ágil caracterizado por:

Adoptar una estrategia de desarrollo incremental, en lugar de la

planificación y ejecución completa del producto.

Basar la calidad del resultado más en el conocimiento tácito de las

personas en equipos auto organizados, que en la calidad de los procesos

empleados.

Diferentes fases del desarrollo, en lugar de realizarlas una tras otra en un

ciclo secuencial o de cascada.

La gestión de procesos y equipos es una de las partes más

complicadas para cualquier empresa. No se trata solo de recursos. La

optimización del tiempo, coordinación del equipo, definición de

protocolos y la asignación de tareas es un asunto de peso, que

requiere de conocimiento, buen criterio y mucho tiempo para su

implementación.

Es una opción de gestión ideal para acometer proyectos desarrollados

en entornos complejos que exigen rapidez en los resultados y en los

que la flexibilidad es un requisito imprescindible. Scrum ofrece agilidad

en lo que se refiere a resultados (Guía SBOK, 2013).

En definitiva, la aplicación de la metodología, de éstas buenas prácticas permite

reducir el tiempo de desarrollo de productos finales, flexibilidad requisitos

variados, aumentando el valor que se aporta a los clientes.

13

Gráfico N° 1

Metodología del proyecto



SUPUESTOS Y RESTRICCIONES

Para el correcto funcionamiento de la aplicación web propuesta se

requiere de servicio de internet y de computador para el funcionamiento

correcto.

PLAN DE CALIDAD

Para el registro de usuario se comprobará que se ingrese toda la

información necesaria para validar el proceso.

Se verificará que el usuario administrador acceder a todas las opciones y

funciones de la aplicación.

La aplicación no dejará guardar la reservación sin el previo pago de los

servicios requeridos.

14

CAPÍTULO II

Marco teórico

Antecedentes del estudio

Por otro lado, la tecnología crece a pasos agigantados y que con el pasar de los

años se tornó en una herramienta fundamental para los seres humanos, en la

era actual, a diario usamos y observamos tecnología. Por consiguiente, podemos

decir que la tecnología ha modificado la vida de la mayoría de las personas, y

muchas de ellas la necesitan para poder desempeñar correctamente sus

obligaciones laborales. Del mismo modo, la tecnología es un pilar indispensable

en las empresas sean estas: pequeñas, medianas o grandes, permitiéndoles

reducir significativamente costes operativos y permitiendo una automatización de

procesos, accediendo a los usuarios centralizar sus esfuerzos en alcanzar sus

objetivos e incluso poder lograr estabilidad y rentabilidad en el mercado, sin ella

los procesos de las organizaciones y el control de la información serían

incorrectos provocando un grave problema en el desarrollo de la misma

(Gonzalez Rojas, 2010).

Existen en la actualidad diversas aplicaciones web para los diferentes servicios

de cada empresa, es decir que se han convertido en pilar fundamental de

empresas modernas.

Finalmente, se toma como referencia el programa Bewe desarrollado en

Colombia, con el mismo objetivo de eliminar errores humanos en las reservas,

doble reservas.

15

Gráfico N° 2

Referencia de Software

Elaboración: https://bewe.io/ec/

Fuente: https://bewe.io/ec/

y el Software de GDS permite gestionar un spa manejando el fácil manejo de

reservas de turnos, donde se puede cargar al cliente y los servicios a realizarse.

Gráfico N° 3

Referencia de Software GDS

Elaboración: http://www.gdssistemas.com.ar/

Fuente: http://www.gdssistemas.com.ar/

16

Proyecto de tesis Universidad de Guayaquil: DESARROLLO DE

APLICACIÓN WEB ORIENTADA AL AGENDAMIENTO DE CITAS MÉDICAS

Y A LA HISTORIA CLÍNICA GINECO–OBSTÉTRICA PARA USO

PREVENTIVO EN ATENCIÓN PRIMARIA DE SALUD Y AMBIENTE (APS-

APA), APLICADA EN COMUNIDADES DEL MANGLAR DEL GOLFO DE

GUAYAQUIL “CERRITO DE LOS MORREÑOS” Elaborado por: Veronica

Gisell Olivo Bacilio (Olivo Bacilio, 2015). En definitiva, éste proyecto puede

realizar agendamiento, re-agendamiento, citas médicas para Gineco-

Obstetricia, reduciendo la carga administrativa y ayudando a mejorar el

servicio a la comunidad, éste proyecto tiene relación con el proyecto que se

llevará a cabo para el Centro de Belleza logrando la automatización de los

procesos.

Proyecto de tesis Universidad Católica del Ecuador: DESARROLLO DE UN

SISTEMA WEB DE CONTROL DE CITAS, PARA UN HOSPITAL DEL DÍA,

Elaborado por: Marcelo Alejandro Aguilera Dagnino (Aguilera Dagnino, 2013).

En síntesis, busca automatizar los procesos de síntomas de pacientes,

registro de nuevos pacientes, registro de actos y decisiones asistenciales

importantes, accesibilidad de literatura científica, disminución de errores, éste

proyecto tiene relación con el proyecto que se llevará a cabo para el Centro

de Belleza logrando la automatización de los procesos.

Proyecto de tesis Universidad de Guayaquil: “Desarrollo e implementación

web de módulos de gestión, administración de horarios para doctores y citas

médicas de pacientes del policlínico “Dra. Jenny Ayoví Corozo de la ciudad de

Guayaquil”. Elaborado por: Erick Stalin Lindao Rodríguez (Stalin, 2017). En lo

específico, éste proyecto permite consultas de médicos disponibles,

especialidades más utilizadas, número de pacientes atendidos y

disponibilidad de consultorios, manejando el flujo de la información de una

manera más ordenada y segura, gestionar reportes y consolidar datos para el

correcto desenvolvimiento de las actividades diarias del policlínico “Dra.

Jenny Ayoví Corozo”. Éste proyecto tiene relación con el proyecto que se

llevará a cabo para el Centro de Belleza logrando la automatización de los

procesos.

17

FUNDAMENTACIÓN TEÓRICA

Aplicación web

La arquitectura de las aplicaciones web consta de máquinas conectadas a una

red, por lo general, Internet o una Intranet corporativa que sigue el esquema

cliente-servidor en nuestro caso de servidores web. Surgió a mediados de la

década de 1990, durante la etapa de la Web 1.0 con la aparición de las primeras

conexiones de acceso conmutado (RTC, RDSI, GSM, GPRS) y de las etiquetas

multimedia del estándar HTML (Pavón, 2013).

Gráfico N° 4 Aplicación Web

Elaboración: APLICACIONES WEB · Ciclo Formativo Grado Medio 2013

Fuente: LIBRO APLICACIONES WEB · Ciclo Formativo Grado Medio 2013

18

Protocolo Web

El principal protocolo utilizado en la Web es el HTTP, que es el Protocolo de

Transferencia de HiperTexto (HyperText Transfer Protocol); éste protocolo fue

creado en 1989 en el CERN (Laboratorio Europeo de Física de las Partículas)

como un medio para compartir los datos científicos a nivel internacional,

rápidamente y a bajo coste. De hecho, es el método más común de intercambio

de información en la World Wide Web, por el cual se transfieren las páginas web

o páginas HTML a un ordenador. Es decir, el hipertexto es el contenido de las

páginas web, y el protocolo de transferencia es el conjunto de normas mediante

las cuales se envían las peticiones de acceso a una web y la respuesta de esa

web (Lerma Raül & Mifsud, 2013).

Gráfico N° 5

Protocolo Web



19

Servicio web

Un Servicio Web es un componente al que podemos acceder mediante

protocolos Web estándar, utilizando XML para el intercambio de información,

entonces un servicio web es una colección de procedimientos (métodos) a los

que podemos llamar desde cualquier lugar de Internet o de nuestra intranet,

siendo este mecanismo de invocación totalmente independiente de la plataforma

que utilicemos y del lenguaje de programación en el que se haya implementado

internamente el servicio. Así mismo, las aplicaciones auto-contenidas, auto-

descritas que pueden ser publicadas, localizadas e invocadas a través de la Web

(Lujan Mora, 2013).

Gráfico N° 6

Servicio Web



Navegador Web

Es un programa o Software, por lo general gratuito, que nos permite visualizar

páginas web a través de Internet o en el propio ordenador. Además, posibilita

acceder a otros recursos de información alojados también en Servidores Web,

como pueden ser videos, imágenes, audio y archivos XML. Incluso la

funcionalidad básica de un navegador web es permitir la visualización de

documentos de texto, posiblemente con recursos multimedia incrustados. Los

documentos pueden estar ubicados en la computadora en donde está el usuario,

pero también pueden estar en cualquier otro dispositivo que esté conectado a la

computadora del usuario o a través de Internet (Ecured, 2010).

https://www.ecured.cu/Software

https://www.ecured.cu/Internet

https://www.ecured.cu/Servidores_Web

https://www.ecured.cu/XML

20

Gráfico N° 7

Navegador Web



Servidores web

Un servidor web es el encargado de manejar páginas web y enviarlas a través de

la red a quienes lo requieran y tengan los permisos para dichas páginas. De

modo que, éste programa envía la información a los clientes cuando se solicita

vía navegador, Con él podemos obtener archivos de otro computador utilizando

el navegador de Internet preferido (Álvarez & Monsalve, 2008).

Estándares Web

Los estándares son lenguajes web, como así también, protocolos y

tecnologías inter-operativas internacionales creadas con la finalidad de guiar a la

web hacia su máximo potencial, a través del desarrollo de protocolos

estandarizados. Afín de que la Web alcance su máximo potencial, es por ello que

las tecnologías web más destacadas deben ser compatibles entre sí y permitir

que cualquier hardware y software para acceder a la Web (Delgado, 2013).

SQL

A principios de la década de 1970, después que se publicó el artículo de E. F.

Codd, IBM comenzó a desarrollar un lenguaje y un sistema de base de datos

que podría usarse para la aplicación de ese modelo. Dado que se definió por

primera vez, el lenguaje denominado Lenguaje de consulta estructurado (en

21

inglés, SEQUEL, Structured English Query Language). Es decir, se descubrió

que SEQUEL era propiedad de una marca comercial de Hawker-Siddeley Aircraft

Company en el Reino Unido, el nombre se cambió a SQL, cuando se pasó la voz

de que IBM estaba desarrollando un sistema de base de datos relacional basado

en SQL, otras compañías comenzaron a desarrollar sus propios productos

basados en SQL. De hecho, Relational Software, Inc., ahora Oracle Corporation,

lanzó el sistema de base de datos antes de que IBM lanzara el suyo al mercado,

luego lanzaron sus productos y SQL comenzó a surgir como el lenguaje estándar

de base de datos relacional (Oppel & Sheldon, 2010).

Es así como SQL es el lenguaje relacional universalmente aplicado, del mismo

modo que los lenguajes computacionales como C, COBOL y Java, los cuales

son de procedimiento. Es decir, un lenguaje de procedimiento que define las

operaciones de una aplicación, por otro lado, se refiere a los resultados de una

operación y el entorno fundamental del software determina cómo se procesan las

operaciones. Esto no quiere decir que SQL respalda a la funcionalidad de no

procedimiento. Por ejemplo, los procedimientos almacenados, agregados a

varios productos RDBMS hace algunos años, son parte del estándar SQL:2006 y

proporciona capacidades parecidas a procedimiento. Muchos de los proveedores

de RDBMS añadieron extensiones a SQL para proporcionar esas capacidades

de procedimiento, como Transact-SQL encontrado en Sybase y Microsoft SQL

Server y PL/SQL encontrado en Oracle. SQL aún carece de muchas de las

capacidades básicas de programación de la mayoría de los lenguajes

computacionales. Por esta razón, a menudo SQL se considera como un sub

lenguaje de datos porque se utiliza con frecuencia en asociación con la

aplicación de lenguajes de programación como C y Java, lenguajes que no

fueron diseñados para la manipulación de datos almacenados en una base de

datos. Como resultado, SQL se utiliza en conjunto con la aplicación del lenguaje

para proporcionar un medio eficaz de acceder a los datos, razón por la cual se

considera a SQL como un sub lenguaje.

22

Tecnologías de Programación

Java

Para comenzar, java es un lenguaje bastante documentado y fácil de aprender,

contiene muchas librerías tiene varias alternativas de framework para un

desarrollo más fácil y creación de aplicaciones robustas.

Por otra parte, java es un lenguaje interpretado así que es relativamente lento en

comparación con otros lenguajes, es orientado a objetos, al ser orientado a

objetos permite su modularización, permite la creación de aplicaciones de

escritorio Tiene soporte a desarrollo de aplicaciones móviles y web (Rosado,

2015).

Cómo funciona Java

Java es un lenguaje semi-compilado que funciona con una máquina virtual, la

cual se conoce como la Java virtual machine, o JVM. La máquina virtual de Java

es necesaria para poder ejecutar los programas escritos en este lenguaje, y se

encuentra disponible para diversos sistemas operativos, como son OS X,

Windows, y diversas distribuciones de Linux. Esta máquina virtual lo que hace es

interpretar los programas de Java, transformarlos a lenguaje máquina para la

PC, y así la PC puede ejecutar el programa. Bien la PC no ejecuta directamente

el programa, si no que ejecuta la JVM, y la JVM interpreta el programa pre

compilado, razón por la cual Java se considera un lenguaje semi-compilado

como se mencionó anteriormente (Dean & Dean, 2009).

Ventajas

En conclusión, Java tiene muchas ventajas, entre éstas tenemos que Java es un

lenguaje multiplataforma, lo que quiere decir que se ejecuta en la mayoría de los

sistemas operativos, inclusive en sistemas operativos móviles. Cabe indicar, otra

ventaja es que java es un software de distribución libre, no es necesario pagar

una licencia para poder comenzar a desarrollar en este lenguaje. Así mismo es

23

un lenguaje muy completo y poderoso, se pueden realizar muchas tareas con él,

pues posee una librería y utilidades muy completas que facilitan la programación.

Desventajas

Así como éste lenguaje tiene ventajas, también tiene desventajas, una de ellas

es que puede ser un lenguaje de ejecución lenta, debido al uso de la máquina

virtual de Java, a diferencia de otros lenguajes de programación de más bajo

nivel como lo es “C”, su velocidad de ejecución disminuye drásticamente al

compararse con este lenguaje. Cabe mencionar otra desventaja en la que Java

es considerado un lenguaje difícil de aprender, esto debido a su compleja

sintaxis, sin embargo, la estructura de este lenguaje es completa y organizada y

semejante a el lenguaje de C++, por lo que, si se tiene conocimiento previo en

C++, Java no debería de ser un lenguaje difícil de aprender.

Php

PHP es un lenguaje de script del lado del servidor. Conviene destacar los

lenguajes similares que son ASP, JSP o ColdFusion, los scripts PHP están

incrustados en los documentos HTML y el servidor los interpreta y ejecuta antes

de servir las páginas al cliente, el cliente no ve el código PHP sino los resultados

que produce (Bahit, 2012).

Gráfico N° 8

Cómo funciona PHP

Elaboración: http://www.lsi.us.es/cursos/cursophp/apuntes/tema1.pdf

Fuente: http://www.lsi.us.es/cursos/cursophp/apuntes/tema1.pdf

24

Asp

ASP es la tecnología de Microsoft que permite desarrollar aplicaciones web que

ejecuten en el servidor HTTP de Microsoft, el Internet Information Server (IIS).

Por ende, el desarrollo de aplicaciones utiliza páginas ASP que consiste

básicamente en intercalar macros o fragmentos de código dentro de los

documentos HTML que sirven para crear las interfaces de usuario de las

aplicaciones web, los fragmentos de HTML proporcionan la parte estática de lo

que ve el usuario mientras que los fragmentos de código generar la parte

dinámica. Ahora bien, esto suele conducir a mezclar los detalles de la interfaz

con la lógica de la aplicación, algo que, repetimos, no suele ser demasiado

recomendable una página ASP no es más que un fichero HTML con extensión

.asp (.aspx en el caso de ASP.NET) al que le añadimos algo de código (Arnaud

Guerin, 2015).

Éste código se puede implementar utilizando distintos lenguajes interpretados.

Por lo general, se emplea una variante de Visual Basic conocida como VBScript

[Visual Basic Script]. Cuando alguien accede a la página, el Internet Information

Server interpreta el código que incluye la página y combina el resultado de su

ejecución con la parte estática de la página ASP (la parte escrita en HTML

convencional). Una vez interpretada la página ASP, el resultado final es lo que

se envía al navegador web instalado en la máquina del usuario que accede a la

aplicación.

Gráfico N° 9

ASP.NET

Elaboración: ftp://ciclope.unicauca.edu.co/ingenieria_web/web-book-a4-

ASPNET.pdf

Fuente: ftp://ciclope.unicauca.edu.co/ingenieria_web/web-book-a4-ASPNET.pdf

25

Tomando como referencia algunos lenguajes de programación, se escogió

ASP.Net para la elaboración de éste proyecto, ya que permite el fácil desarrollo y

ejecución de aplicaciones web además de servicios web, las aplicaciones web

en muchas ocasiones se desarrollan utilizando formularios web lo que hace

sencilla la programación como en Visual Basic.

PAYPAL

En primer lugar, entender qué tipo de integración ofrece PayPal, es decir, lo más

importante para comenzar con el desarrollo. Se detalla la clasificación de

integraciones de PayPal:

Estándar de pagos del sitio web (HTML)

Procesamiento posterior al pago

AutoReturn

Transferencia de datos de pago (PDT)

Notificación de pago instantánea (IPN)

API de PayPal

Chequeo rápido

Pago directo (Pagos en el sitio web Pro)

Payflow Gateway

Los elementos en la clasificación también se ordenan de una manera que

sugeriría a todos que sigan. Por lo tanto, si es nuevo en PayPal, primero aprenda

todas las opciones que tiene con el Estándar de pagos del sitio web (HTML).

Luego, si necesita agregar algún procesamiento básico de post pago, vea si el

Retorno automático o PDT.

Es por ello que, se utilizó el entorno de pruebas de Sandbox

https://www.sandbox.paypal.com/cgi-bin/webscr, de manera efectiva, se inserta

la palabra sandbox en la URL (esto también es para algunas otras integraciones,

por ejemplo, la API de PayPal)

26

Gráfico N° 10

PayPal Express CheckOut

Elaborado: https://developer.paypal.com/docs/classic/express-

checkout/ec_api_flow/

Fuente: https://developer.paypal.com/docs/classic/express-

checkout/ec_api_flow/

Para la integración de PayPal con el gestor web, se implementó el API que

ofrece la plataforma web, es decir, que se basó en un producto llamado Express

ChekOut, donde el gestor web envía las credenciales (clave, usuario y firma)

proporcionada por Paypal, además de las páginas

PayPalExpressCheckOutSucess.aspx si la transacción sigue el flujo normal y

PayPalExpressCheckOutCancel.aspx cuando la transacción ha sido cancelada.

https://developer.paypal.com/docs/classic/express-checkout/ec_api_flow/


27

Y ésta a su vez retorna un token y todos lo parámetro enviado en la invocación

para poder redireccionar al servidor de PayPal (PayPal API Server). Cabe indicar

que todo esto sucede internamente, al usuario final le presenta la página donde

debe ingresar el correo de comprador y contraseña (también proporcionado por

PayPal). Una vez iniciada la sesión el usuario escoge su forma de pago y da clic

en continuar, es aquí dónde PayPal redirecciona los datos de la transacción,

valor, token y credenciales a la página PayPalExpressCheckOutSucess.aspx

(del gestor web), es aquí donde el cliente confirma su transacción y queda

efectivizada su reserva (PayPal, s.f.).

FUNDAMENTACIÓN LEGAL

El presente proyecto de titulación se fundamenta en las siguientes leyes:

Ley de Propiedad Intelectual (Registro Oficial N°320, 1998)

Art. 1.- El estado reconoce, regula y garantiza la propiedad intelectual adquirida

de conformidad con la Ley, las decisiones de la Comunidad Andina y los

convenios internacionales vigentes en el Ecuador.


Disposiciones Especiales sobre ciertas obras De los Programas de

Ordenador

Art. 28.- Los programas de ordenador se consideran obras literarias y se

protegen como tales. Dicha protección se otorga independientemente de que

hayan sido incorporados en un ordenador y cualquiera sea la forma en que estén

expresados, ya sea en forma legible por el hombre (código fuente) o en forma

legible por máquina (código objeto), ya sean programas operativos y programas

aplicativos, incluyendo diagramas de flujo, planos, manuales de uso, y en

general, aquellos elementos que conformen la estructura, secuencia y

organización del programa.

28

Art. 29.- Es titular de un programa de ordenador, el productor, esto es la persona

natural o jurídica que toma la iniciativa y responsabilidad de la realización de la

obra. Se considerará titular, salvo prueba en contrario, a la persona cuyo nombre

conste en la obra o sus copias de la forma usual.

Ley de Propiedad Intelectual (Registro Oficial Suplemento N° 899, 2016)

Art. 322.- de la Constitución reconoce la propiedad intelectual de acuerdo con las

condiciones que señala la Ley y de igual manera prohíbe toda forma de

apropiación de conocimientos colectivos, en el ámbito de las ciencias,

tecnologías y conocimientos tradicionales y la apropiación sobre los recursos

genéticos que contienen la diversidad biológica y la agro biodiversidad.

Decreto Sistema Nacional de Ciencia, Tecnología, Innovación y saberes

ancestrales (Registro Oficial N° 449, 2008)

Art. 385.- El sistema nacional de ciencia, tecnología, innovación y saberes

ancestrales, en el marco del respeto al ambiente, la naturaleza, la vida, las

culturas y la soberanía, tendrá como finalidad:

1. Generar, adaptar y difundir conocimientos científicos y tecnológicos.

2. Recuperar, fortalecer y potenciar los saberes ancestrales.

3. Desarrollar tecnologías e innovaciones que impulsen la producción

nacional, eleven la eficiencia y productividad, mejoren la calidad de vida y

contribuyan a la realización del buen vivir.

Art. 388.- de la Constitución prevé que el Estado destinará los recursos

necesarios para la investigación científica, el desarrollo tecnológico, la

innovación, la formación científica, la recuperación y desarrollo de conocimientos

ancestrales y la difusión del conocimiento, y que un porcentaje de estos recursos

se destinará a financiar proyectos mediante fondos concursables, y que las

organizaciones que reciban fondos públicos estarán sujetas a la rendición de

cuentas y al control estatal respectivo.

29

Ley Orgánica de Educación Superior (Registro Oficial N° 449, 2008)

Sistema de Educación Superior

Art. 350.- El sistema de educación superior tiene como finalidad la formación

académica y profesional con visión científica y humanista; la investigación

científica y tecnológica; la innovación, promoción, desarrollo y difusión de los

saberes y las culturas; la construcción de soluciones para los problemas del

país, en relación con los objetivos del régimen de desarrollo.

Ley Orgánica de Educación Superior (Registro Oficial Suplemento N° 298,

2010)

Art. 4.- Derecho a la Educación Superior. - El derecho a la educación superior

consiste en el ejercicio efectivo de la igualdad de oportunidades, en función de

los méritos respectivos, a fin de acceder a una formación académica y

profesional con producción de conocimiento pertinente y de excelencia. Las

ciudadanas y los ciudadanos en forma individual y colectiva, las comunidades,

pueblos y nacionalidades tienen el derecho y la responsabilidad de participar en

el proceso educativo superior, a través de los mecanismos establecidos en la

Constitución y esta Ley.

PREGUNTA CIENTÍFICA A CONTESTARSE

¿La aplicación web contribuirá al Estudio de Maquillaje Madeleyn Amat en la

optimización de su proceso de reservas de citas?

30

DEFINICIONES CONCEPTUALES

ColdFusion.- Es una plataforma que permite la creación rápida de aplicaciones

web con características parecidas a PHP, ASP, JSP.

DCL.- Lenguaje de control de datos para la correcta gestión y control que

permitirán el acceso a los datos.

DDL.- Lenguaje de definición de datos, permite la definición de estructuración de

los datos, funciones, procedimientos.

DML.- Lenguaje de manipulación de datos, permite a usuarios la edición de

información de la base de datos.

Framework.- Es una plataforma de desarrollo provee metodología de trabajo que

utiliza aplicaciones de dominio.

GPRS.- Servicio general de paquetes vía radio, se puede usar servicios WAP,

SMS, MMS para servicios de comunicación.

Html.- Lenguaje de marcas de hipertexto, estándar que conecta con páginas o

aplicaciones web.

Http.- Protocolo de transferencia hipertexto, se refiere a la transferencia de datos

e información entre distintos servicios .

.NET.- Creado por Microsoft para el desarrollo de aplicaciones, programas,

software indiferente de la arquitectura física. Disminuye el tiempo de desarrollo

del proyecto.

PAYPAL.- Es una de las mayores compañías de pago por Internet del mundo.1

La compañía opera como un procesador de pagos para vendedores en línea.

https://es.wikipedia.org/wiki/PayPal#cite_note-1

31

RDBMS.- Sistema de Gestión de base de datos relacionales, es un programa

que ayuda a crear, actualizar y hasta administrar base de datos relacional.

RDSI.- Red digital de servicios integrados, permite conexiones digitales de

extremo a extremo donde los usuarios acceden por medio de interfaces

normalizadas.

RTC.- Red telefónica conmutada

Sql.- Lenguaje de consulta estructurada, permite la creación y gestión de base

de datos, los usuarios podrán realizar consultas de información almacenada.

Widgets.- Aplicación permite el acceso rápido a funciones realizadas con

frecuencia.

W3C.- World Wide Web

32

CAPÍTULO III

Propuesta tecnológica

En el proceso de levantamiento de información del Centro de Belleza, se pudo

constatar la problemática que actualmente poseen, de la cual se elaboró los

objetivos del proyecto, los alcances que éste tendrá, donde por consiguiente se

procederá a realizar el análisis de factibilidad y considerar aspectos como

factibilidad operacional, técnica, legal y económica.

Análisis de factibilidad

Factibilidad Operacional

Se conoce como los usuarios actualmente realizan el proceso de reservación de

turnos, de manera incorrecta, el cliente llama vía telefónica al Centro de Belleza

para realizar su reserva de servicio y las colaboradoras escriben en una agenda

física la reservación o también llevan un archivo de Excel, existiendo

inconsistencia en la información por tener dos medios para la reservación de las

mismas.

Éste método es aceptado por las colaboradoras, pero conocen los problemas

que han ocurrido por no llevar un correcto control durante éste tiempo y están

conscientes que éste método es obsoleto. El equipo administrativo y colaborativo

de la empresa se encuentran comprometidos con la entrega de información

oportuna para la elaboración del proyecto.

En la actualidad en el Centro de belleza no cuenta con un aplicativo, con el cual

podrán agilitar el proceso de reserva ya que el cliente podrá realizar ésta acción,

mitigando el problema de duplicidad en la reserva.

La tecnología hoy en día está al alcance de todos y es adaptada a las diferentes

necesidades de empresas y/o usuarios que la requieran, mejorando los procesos

y contando con información actualizada.

33

La elaboración de éste proyecto traerá consigo la automatización de los

procesos que maneja el estudio de maquillaje, agilitando la reserva de turnos, las

colaboradoras no tendrán inconvenientes con las reservaciones, ya que éste

proceso lo realizará el cliente directamente desde la aplicación web logrando un

uso eficiente de la tecnología, logrando mitigar los problemas actuales al

momento de realizarlo manualmente.

Las colaboradoras dejarán de realizar las reservaciones manuales, sólo tendrán

que revisar su agenda de los servicios que han contratado los diferentes clientes

mediante la aplicación web, el cliente ya no deberá esperar largas horas vía

telefónica para requerir de un servicio, sino deberá acceder a la aplicación web

para reservar desde cualquier lugar y dispositivo móvil, se optimizará tanto el

tiempo del cliente como el del personal del establecimiento.

Factibilidad técnica

Mediante la factibilidad técnica tomaremos en cuenta los recursos necesarios de

hardware y software que requerirá para llevar a cabo la realización de éste

proyecto.

Cuadro N° 3

Recursos para Aplicación Web

Hardware Software

1 Laptop(Intel Core I5) Windows 10 Pro

RAM 6 Gb IIS (Internet Information Services)

Disco duro 500 Gb Visual Studio 2017 (Community

Edition)

Procesador 2,20 GHz SQL Server Express 2017

DevExpress (Componentes para

Asp.net)



34

Se estima que se necesitará un espacio mínimo de 500 Gb para las

instalaciones de motores de base de datos de SQL y el crecimiento estimado de

la información en el tiempo.

Se ha evaluado un servidor con 6Gb de memoria RAM para que funcione

nuestra base de datos y la aplicación web.

Procesador Intel Core I5 de 2.20 Ghz de 4 núcleos.

Todas estas estimaciones son en base a experiencias anteriores en desarrollo

de proyectos de base de datos y aplicaciones en las cuales se ha requerido

éstas características mínimas para un óptimo desempeño.

Adicional se requiere un disco duro externo con espacio mínimo de 500Gb para

realizar el respaldo diario de la base de datos.

Características mínimas de las aplicaciones a instalar

Dentro de las aplicaciones que se va a requerir tenemos las siguientes:

Requisitos mínimos para SQL Server Express Edition versión 2017

Memoria 512 Mb Edición Express

Procesador x64 1,4 GHz (recomendado 2GHz o más)

Tipo de Procesador x64 AMD Opteron, AMD Athlon 64, Intel Xeon

compatible con Intel EM64T Intel Pentium IV compatible con EM64T

Disco Duro 6Gb para la instalación

Se requiere .NET Framework que se instala automáticamente con SQL

Server.

35

Requisitos mínimos para Visual Studio Community

Memoria 2 Gb

Sistema Windows 7 o superior

Procesador 1,8 GHz

Disco Duro instalación típica de 20 a 50 Gb

Se requiere .NET Framework que se instala automáticamente con Visual

Studio Community

Requisitos mínimos para .Net Framework 4.5

Memoria 512 Mb

Procesador 1GHz

Disco duro 2 Gb

IIS (Internet Information Services)

Es una herramienta de Microsoft que permitirá servir a páginas web

desarrolladas en asp.

DevExpress

Es una suite de componentes de UI para el desarrollo en diferentes plataformas

.NET como también para Windows Form, MVC, Silverlight.

36

Gráfico N° 11

Arquitectura del Sistema



Factibilidad Legal


Art. 1.- El estado reconoce, regula y garantiza la propiedad intelectual adquirida

de conformidad con la Ley, las decisiones de la Comunidad Andina y los

convenios internacionales vigentes en el Ecuador.

Disposiciones Especiales sobre ciertas obras De los Programas de

Ordenador (Registro Oficial N°320, 1998)

Art. 28.- Los programas de ordenador se consideran obras literarias y se

protegen como tales. Dicha protección se otorga independientemente de que

hayan sido incorporados en un ordenador y cualquiera sea la forma en que estén

expresados, ya sea en forma legible por el hombre (código fuente) o en forma

legible por máquina (código objeto), ya sean programas operativos y programas

aplicativos, incluyendo diagramas de flujo, planos, manuales de uso, y en

general, aquellos elementos que conformen la estructura, secuencia y

organización del programa.

37

Factibilidad Económica

A través del análisis de factibilidad económica se determina los costos que

intervienen en el desarrollo de éste proyecto que serán financiados con fondos

propios. Cabe señalar que la licencia DevExpress había sido adquirida

anteriormente por el estudio de maquillaje.

Cuadro N° 4

Presupuesto del Proyecto

Recursos Valor

Programador 1.200

1 Laptop(Intel Core I5/ 6Gb RAM/ 1Tb) 800

Uso De Dominio 50

Movilización 400

Internet 100

Total 2.550



38

Cuadro N° 5

Listado de número de clientes mensuales

CLIENTES POR MES COSTO SERVICIO TOTAL POR SERVICIO TOTAL

MAQUILLAJE PEINADO MAQUILLAJE PEINADO MAQUILLAJE PEINADO

ENERO 21 24 $ 40,00 $ 25,00 $ 840,00 $ 600,00 $ 1.440,00

FEBRERO 15 21 $ 40,00 $ 25,00 $ 600,00 $ 525,00 $ 1.125,00

MARZO 16 24 $ 40,00 $ 25,00 $ 640,00 $ 600,00 $ 1.240,00

ABRIL 12 17 $ 40,00 $ 25,00 $ 480,00 $ 425,00 $ 905,00

MAYO 19 38 $ 40,00 $ 25,00 $ 760,00 $ 950,00 $ 1.710,00

JUNIO 31 37 $ 40,00 $ 25,00 $ 1.240,00 $ 925,00 $ 2.165,00

JULIO 113 92 $ 40,00 $ 25,00 $ 4.520,00 $ 2.300,00 $ 6.820,00

AGOSTO 59 43 $ 40,00 $ 25,00 $ 2.360,00 $ 1.075,00 $ 3.435,00

SEPTIEMBRE 20 18 $ 40,00 $ 25,00 $ 800,00 $ 450,00 $ 1.250,00

OCTUBRE 30 19 $ 40,00 $ 25,00 $ 1.200,00 $ 475,00 $ 1.675,00

NOVIEMBRE 28 21 $ 40,00 $ 25,00 $ 1.120,00 $ 525,00 $ 1.645,00

DICIEMBRE 11 9 $ 40,00 $ 25,00 $ 440,00 $ 225,00 $ 665,00

TOTAL 375 363 TOTAL $ 15.000,00 $ 9.075,00 $ 24.075,00


Fuente: Centro de Belleza

En referencia al Cuadro N° 5, se realizó un cuadro detallando el número de

clientes mensuales que actualmente tiene el estudio de maquillaje, cabe indicar

que la información fue recolectada de agenda física y archivo de Excel que es

donde actualmente llevan el registro de sus clientes. Es por ello que se puede

evidenciar que el estudio de maquillaje ha incrementado considerablemente el

número de clientes, ya que en sus inicios contaba con 6 clientes por semana,

donde actualmente ven la necesidad de utilizar una herramienta tecnológica que

les permita llevar el control de los servicios que ofrece, un orden en su cartera de

clientes. En el mes de Julio se visualiza un incremento mayor, esto se debe a

que cuenta con personal adicional para llevar a cabo los servicios que ofrece, lo

que implica llevar una agenda por cada profesional de belleza. Lo que lleva a

errores humanos al reservar turnos de los diferentes clientes que requieren los

servicios que ofrece el establecimiento.

Finalmente, a partir del mes de agosto a diciembre son los turnos que hasta el

momento han reservado los clientes vía telefónica, ésta información fue recibida

en agenda física y archivo de Excel por parte del establecimiento el mismo que

se consolidó la información en el Cuadro N°5, para tener claro el volumen de

clientes y los ingresos que generan los servicios que ofrecen.

39

Cuadro N° 6

Presupuesto centro de belleza

ENERO FEBRERO MARZO ABRIL MAYO JUNIO JULIO AGOSTO SEPTIEMBRE OCTUBRE NOVIEMBRE DICIEMBRE

No. Mes 1 2 3 4 5 6 7 8 9 10 11 12

INGRESOS 1.440,00 1.125,00 1.240,00 905,00 1.710,00 2.165,00 6.820,00 3.435,00 1.250,00 1.675,00 1.645,00 665,00

MAQUILLAJE 840 600 640 480 760 1240 4520 2360 800 1200 1120 440

PEINADO 600 525 600 425 950 925 2300 1075 450 475 525 225

EGRESOS 521,37 519,57 826,99 531,12 1.073,91 1.719,11 2.611,70 1.596,20 1.440,70 1.068,20 1.059,20 1.265,20

SUELDO PERSONAL 513,00 649,50 2.046,00 1.030,50 375,00 502,50 493,50 199,50

ALQUILER 300,00 300,00 300,00 300,00 300,00 300,00 300,00 300,00 300,00 300,00 300,00 300,00

LUZ 25,67 23,87 31,29 35,42 65,21 73,91 70,00 70,00 70,00 70,00 70,00 70,00

INTERNET 23,70 23,70 23,70 23,70 23,70 23,70 23,70 23,70 23,70 23,70 23,70 23,70

INSUMO LIMPIEZA 100,00 100,00 100,00 100,00 100,00 100,00 100,00 100,00 100,00 100,00 100,00 100,00

INSUMO DE BELLEZA 300,00 500,00 500,00 500,00

IMPUESTO 72,00 72,00 72,00 72,00 72,00 72,00 72,00 72,00 72,00 72,00 72,00 72,00

TOTAL 918,63 605,43 413,01 373,88 636,09 445,89 4.208,30 1.838,80 -190,70 606,80 585,80 -600,20


Fuente: Estudio de maquillaje

En el presupuesto Cuadro N° 6, podemos observar que el Centro de Belleza tiene el recurso financiero necesario para poder

acceder a la utilización de una aplicación web, en los primeros meses no contaba con el egreso de sueldo de personal el mismo

que en meses después aparece, debido a la demanda de clientes se han visto en la necesidad de requerir personal profesional en

la rama de la belleza. A partir del mes de agosto a diciembre reflejan totales bajos debido a que son clientes que han reservado con

anticipación y conforme llegue cada mes el valor de sus ingresos irá incrementado.

40

Etapas de la metodología del proyecto

Gráfico N° 12

Diagrama de Flujo de Datos (DFD) Simbología



Podemos visualizar la simbología que nos podrá ayudar a entender el DFD de la

gestión de reservaciones de turnos del centro de belleza.

41

Gráfico N° 13

Diagrama de Flujo de Datos (DFD) Nivel 0



En el nivel 0 del DFD se tiene el proceso principal que es Sistema de gestión de

reservaciones de turnos para atención de servicios cosméticos, y sus

ramificaciones creador de calendario, profesional, usuario, creador de servicios y

precios.

42

Gráfico N° 14

Diagrama de Flujo de Datos (DFD) Nivel 1



Se descompone el proceso principal Sistema de gestión de reservaciones de

turnos en:

Gestión de usuarios accesos y perfiles

Estructuración de calendario y horarios profesionales

Gestión de profesionales

Estructuración de servicios y precios

PROCESO PRINCIPAL (Gestión de reservación de turnos)

Gestión post servicio

43

Gráfico N° 15

Diagrama de Flujo de Datos (DFD) Nivel 2 Proceso 1



Se descompone en subprocesos el proceso 1 (gestión de usuarios accesos y

perfiles).

44

Gráfico N° 16




Se descompone en subprocesos el proceso 2 (estructuración de calendario y

horarios profesionales).

45

Gráfico N° 17




A continuación se descompone en subprocesos el proceso 3 (gestión de

profesionales).

46

Gráfico N° 18




Luego se descompone en subprocesos el proceso 4 (estructuración de servicios

y precios).

47

Gráfico N° 19




Se descompone en subprocesos el proceso 5 (selección de servicios y horarios

de reservación).

48

Gráfico N° 20




En el Gráfico N° 20 descomponemos en subprocesos el proceso 6 (gestión post

servicio).

49

Gráfico N° 21

Diagrama Entidad Relación (DER) 1/3



En el Gráfico N° 21, tenemos las tablas que tienen las seguridades como registro

del perfil de profesional, registro del cliente, registro del administrador, validación

de credenciales ingresadas.

50

Gráfico N° 22




51

Podemos visualizar las tablas relacionadas en SQL para la creación de la base

datos del aplicativo, las tablas que contienen TB_RES_ quiere decir tabla de

reservaciones ya sea de servicios TB_RES_SERVICIOS, detalle de la

reservación (detalle del servicio) TB_RES_RESERVACIÓN DETALLE,

reservación con un profesional de belleza

TB_RES_PROFESIONAL_CALENDARIO_DIA_AGENDA y reservación en el

calendario TB_RES_CALENDARIO.

52

Gráfico N° 23




Una vez que el cliente ha escogido el servicio a realizarse, además seleccionado

el profesional se procede a realizar el pago TB_RES_PAGO en ésta tabla será

donde se almacenen los datos del pago.

53

Cuadro N° 7

Personas y Roles del Proyecto

PERSONA ROL CONTACTO

Stefanya Raffo Ortega Product Owner [email protected]

Stefanya Raffo Ortega Scrum Master [email protected]

Stefanya Raffo Ortega Equipo de Trabajo [email protected]



Pila de Sprint

Es importante contar con la planificación detallada del desarrollo del proyecto, lo

lograremos por medio de Sprints, donde nos permitirá estimar el tiempo de cada

una de las actividades que intervienen en la elaboración del proyecto.

Cuadro N° 8

Actividades Iniciales

SPRINT 0

ACTIVIDADES INICIALES

ACTIVIDADES DÍAS RESPONSABLE

Levantamiento de información 2 Stefanya Raffo

Análisis de información receptada 8 Stefanya Raffo

Evaluación de proceso automatizado planteado 1 Stefanya Raffo

Duración 11 días



54

Cuadro N° 9

Diseño de Diagramas

SPRINT 1

DISEÑO DE DIAGRAMAS


Diagrama de Flujo de Datos 3 Stefanya Raffo

Diagrama Entidad Relación 3 Stefanya Raffo

Duración 6 días



Cuadro N° 10

Diseño de Aplicación

SPRINT 2

DISEÑO DE APLICACIÓN


Elementos de Software Reutilizable Stefanya Raffo

Página maestra 2 Stefanya Raffo

Módulo de Notificaciones email 1 Stefanya Raffo

Mantenedores y Procesos Stefanya Raffo

Registro de Usuario 0,2 Stefanya Raffo

Registro de profesionales 0,5 Stefanya Raffo

Gestión de reservaciones Stefanya Raffo

Control de Calendario 1 Stefanya Raffo

Control de pago 1 Stefanya Raffo

Cambio de reservación 1 Stefanya Raffo

Notificaciones 0,5 Stefanya Raffo

Reportería Stefanya Raffo

Historial de citas por usuario 1,5 Stefanya Raffo

Historial de citas atendidas por profesional 1,5 Stefanya Raffo

Reporte de reservaciones 1,5 Stefanya Raffo

Duración 11,7 días



55

Cuadro N° 11

Codificación

SPRINT 3

CODIFICACIÓN


Elementos de Software Reutilizable Stefanya Raffo

Página Maestra 2 Stefanya Raffo

Módulo de Notificaciones Email 3 Stefanya Raffo

Mantenedores y Procesos Stefanya Raffo

Registro de Usuario 0,8 Stefanya Raffo

Registro de Profesionales 0,5 Stefanya Raffo

Gestión de Reservaciones Stefanya Raffo

Control de Calendario 3 Stefanya Raffo

Control de Pago 2 Stefanya Raffo

Cambio de Reservación 2 Stefanya Raffo

Notificaciones 2,5 Stefanya Raffo

Reportería Stefanya Raffo

Historial de Citas por Usuario 1,5 Stefanya Raffo

Historial de Citas atendidas por Profesional 1,5 Stefanya Raffo

Reporte de Reservaciones 1,5 Stefanya Raffo

Duración 20,3 días



Cuadro N° 12

Actividades Finales

SPRINT 4

ACTIVIDADES FINALES


Pruebas 3 Stefanya Raffo

Ajustes post pruebas 2 Stefanya Raffo

Ajustes por Imprevistos 3 Stefanya Raffo

Documentación del Software 8 Stefanya Raffo

Duración 16 días



56

DIAGRAMA DE CASOS DE USO

Estos diagramas nos ayudarán a identificar las funciones generales que

tendrá el proyecto, detallando los requerimientos del desarrollo.

Se identificará las personas que harán uso de la aplicación como son:

persona con perfil administrador, persona con perfil profesional y persona

usuario general.

Gráfico N° 24

Diagrama de Casos de Uso de la Aplicación Web



57

Cuadro N° 13

Casos de uso – Creación de profesionales

CASOS DE USO: Creación de profesionales

AUTOR: Administrador

DESCRIPCIÓN: La persona con perfil administrador se encargará de registrar los nuevos

profesionales

PRECONDICIÓN: El profesional no debe estar registrado en el aplicativo

FLUJO NORMAL

ACCIONES

Pasos APLICATIVO

1

2

3

4

Ingresar al aplicativo con usuario y clave de administrador

Abrir la opción de mantenimientos

Creación de profesionales (clic en nuevo):

Nombres

Apellidos

Número telefónico

Dirección email

Tipo de identificación (Cédula, Ruc, Pasaporte)

Número de identificación (número de cédula)

Clic en actualizar, una vez completo los campos con la

información requerida.

FLUJO

ALTERNATIVO

5

6

7

El aplicativo mostrará la opción de NUEVO (para crear un

nuevo profesional)

Una vez creado el registro, puede ser editado

También el registro puede ser eliminado

POST CONDICIÓN Ninguna



58

Cuadro N° 14

Casos de uso – Creación de servicios

CASOS DE USO: Creación de servicios


DESCRIPCIÓN: La persona con perfil administrador se encargará de registrar los servicios que

ofrece el establecimiento

PRECONDICIÓN: Ninguna

FLUJO NORMAL

ACCIONES

Pasos APLICATIVO

1

2

3

4



Creación de servicios (clic en nuevo):

Nombre

Descripción

Tiempo requerido

Disponibilidad

Precio

Clic en actualizar, una vez completo los campos con la

información requerida.

FLUJO

ALTERNATIVO

5

6

7

El aplicativo mostrará la opción de NUEVO (para crear un nuevo

servicio)

Una vez creado el servicio, puede ser editado

También el servicio puede ser eliminado




59

Cuadro N° 15

Casos de uso – Creación de usuarios

CASOS DE USO: Creación de usuarios


DESCRIPCIÓN: La persona con perfil administrador podrá crear usuarios con los perfiles de

profesional y usuario

PRECONDICIÓN: Tener actualizada la información de la aplicación

FLUJO NORMAL

ACCIONES

Pasos APLICATIVO

1

2

3

4



Creación de usuarios:

Usuario

Nombres

Apellidos

Identificación (número de cédula)

Perfil (se puede escoger entre administrador,

Profesional y usuario)

Teléfono

Correo

Clave – Confirmar clave

Estado (activo o inactivo)

Clic en guardar, una vez completo los campos con la información

requerida.

FLUJO

ALTERNATIVO

5

6

7

El aplicativo mostrará la opción de NUEVO (para crear un nuevo

usuario)

Una vez creado el usuario, puede ser editado

También el usuario puede ser eliminado




60

Cuadro N° 16

Casos de uso – Reserva de turnos

CASOS DE USO: Reserva de turnos

AUTOR: Usuario (cliente)

DESCRIPCIÓN: La persona con perfil usuario podrá realizar la reservación de servicio de

belleza de la empresa

PRECONDICIÓN:

El usuario (cliente) debe contar con un usuario y contraseña para acceder a

la reservación de servicio

FLUJO NORMAL

ACCIONES

Pasos APLICATIVO

1

2

3

4

5

6

7

8

9

Ingresar al aplicativo con usuario y clave de cliente

Abrir la opción de reservaciones

Escoger el servicio que se ajuste a sus necesidades dando clic en

Reservar Servicio

Seleccionar el profesional de preferencia

Escoger la fecha y hora según disponibilidad del profesional

Clic en realizar reservación

Realizar pago del servicio

Clic en Regresar

Para visualizar la reserva, dar clic en Inicio

FLUJO

ALTERNATIVO

10

11

El aplicativo permitirá el Cambio Reservación, donde el cliente

podrá elegir una nueva fecha, hora o inclusive cambiar de

profesional

No se podrá eliminar el pago de la reserva

POST

CONDICIÓN Ninguna



61

Cuadro N° 17

Casos de uso – Gestionar reserva

CASOS DE USO: Gestionar reserva

AUTOR: Profesional

DESCRIPCIÓN: La persona con perfil profesional podrá gestionar la reserva, dando por

finalizada la reserva una vez atendida

PRECONDICIÓN: Estar registrado en la aplicación

FLUJO NORMAL

ACCIONES

Pasos APLICATIVO

1

2

3

4

5

Ingresar al aplicativo con usuario y clave de profesional

Abrir la opción de procesos

Seleccionar Gestionar Reservaciones

Clic en Gestionar Reservación

Clic en Finalizar reservación

Nota: Se lista todos los servicios que han reservado las clientes a

través de la aplicación

FLUJO

ALTERNATIVO

Ninguno

POST

CONDICIÓN Ninguna



62

Entregables del proyecto

Una vez finalizado el proyecto “Desarrollo de prototipo para la automatización de

los procesos de atención al cliente de un centro de belleza, por medio de una

aplicación web” se hará la entrega de éste prototipo con el código fuente, el

ejecutable, manual de usuario, manual técnico.

Detalle de entregables del proyecto:

Manual técnico de instalación de herramientas de desarrollo que se

aplicaron en el proyecto.

Manual de usuario donde detalla el manejo paso a paso de la aplicación

web.

DVD con el ejecutable y script de la base de datos.

CRITERIOS DE VALIDACIÓN DE LA PROPUESTA

Concluido el desarrollo del aplicativo web, se utilizará la metodología

cuantitativa, para determinar la satisfacción del proyecto, es por eso que se

elabora una encuesta a clientes.

Encuesta

a encuesta es un instrumento de la investigación de mercados que consiste en

obtener información de las personas encuestadas mediante el uso de

cuestionarios diseñados en forma previa para la obtención de información

específica.4 La encuesta contendrá 10 preguntas puntuales donde permitirá

obtener información sobre si el usuario final acepta que en los centros de belleza

exista tecnología como una aplicación web.

4 Métodos de Investigación 3° Educación Especial – Marta Alelú

63

PROCESAMIENTO Y ANÁLISIS

La población es tomada por clientes recurrentes y clientes nuevos.

Cuadro N° 18

Población clientes del Centro de belleza

Población N° personas

Clientes 150

Total 150



Para definir el tamaño de la muestra se hará uso de la fórmula de población

finita:

n = Z^2 * N * P * Q

((e^2(N-1)) + (Z^2*P*Q))

En donde:

Z= Nivel de confianza (1,96)

P= Probabilidad de éxito (0,50)

Q= Probabilidad de fracaso (0,50)

E= Margen de error (0,1)

Cálculo:

n = 1,96^2 * 150 * 0,50 * 0,50

((0,1^2(150-1)) + (1,96^2*0,50*0,50))

n = 3,8416*150*0,50*0,50

(0,01*149)+0,9404

n = 3,8416*150*0,50*0,50

1,49 + 0,9404

n = 144,06

2,4504

n = 58

64

Encuesta a clientes

Pregunta 1:

¿Con qué frecuencia requiere servicios de belleza?

Cuadro N° 19

Frecuencia de servicios de belleza

Opción N° de respuesta % Respuesta

Alto (6 o 10 veces al

mes)

35 60%

Medio (4 o 5 veces al

mes)

22 38%

Bajo (0 a 3 veces al año) 1 2%

Total 58 100%


Fuente: Encuesta

Gráfico N° 25

Frecuencia de servicios de belleza

0

5

10

15

20

25

30

35

40

N° de respuesta

Alto

Medio

Bajo


Fuente: Encuesta

ANÁLISIS DE RESULTADO

En la pregunta 1 se visualiza que la mayoría de la población requieren de

servicios de belleza, por ello la demanda de servicio.

65

Pregunta 2:

¿Estaría de acuerdo que las reservaciones de servicios de belleza se realicen

online, por medio de una aplicación web?

Cuadro N° 20

Requerimiento de Servicios por medio de una aplicación web


Si me gustaría 55 95%

No me gustaría 3 4%

Me es indiferente 0 1%

Total 58 100%


Fuente: Encuesta

Gráfico N° 26

Requerimiento de Servicios por medio de una aplicación web

0

10

20

30

40

50

60

N° de respuesta

Si me gustaría

No me gustaría

Me es indiferente


Fuente: Encuesta


La mayoría de clientes prefieren que se realice las reservaciones por medio de

una aplicación web, el 4% con desconocimiento en aplicaciones web, pero con

inducción realizarían la reserva por medio del aplicativo, el 1% por

desconocimiento total.

66

Pregunta 3:

¿Ha tenido usted problemas con las reservas?

Cuadro N° 21

Problema en reservaciones erróneas


Si 56 96%

No 2 4%

Total 58 100%


Fuente: Encuesta

Gráfico N° 27

Problema en reservaciones erróneas

0

10

20

30

40

50

60

N° de respuesta

Si

No


Fuente: Encuesta


Se visualiza claramente un 96% de desconformidad en los problemas de

reservaciones erróneas o duplicidad, esto conlleva a demoras de atención.

67

Pregunta 4:

¿Se resolvió adecuadamente?

Cuadro N° 22

Demora en servicios reservados


Si 50 86%

No 8 14%

Total 58 100%


Fuente: Encuesta

Gráfico N° 28

Demora en servicios reservados

0

10

20

30

40

50

60

N° de respuesta

Si

No


Fuente: Encuesta


Debido a la demanda de clientes el 86% de ellas han presenciado demoras en

atención, en lo posible el establecimiento trata de cumplir con todas las clientes

por ello se evidencia un 14% de demora.

68

Pregunta 5:

¿Cree que existe desorganización en el centro de belleza? Indique el grado de

desorganización.

Cuadro N° 23

Desorganización en establecimiento


Alto 57 98%

Medio 1 2%

Bajo 0 0%

Total 58 100%


Fuente: Encuesta

Gráfico N° 29

Desorganización en establecimiento

0

10

20

30

40

50

60

N° de respuesta

Alto

Medio

Bajo


Fuente: Encuesta


El 98% de las clientes piensa que existe desorganización en la empresa, la

misma que provoca poca credibilidad y es punto desfavorable para la misma.

69

Pregunta 6:

¿Cree que sería útil el uso de una herramienta para que usted gestione la

reserva?

Cuadro N° 24

Mejorar calidad atención al cliente


Si 53 92%

No 5 8%

Total 58 100%


Fuente: Encuesta

Gráfico N° 30

Mejorar calidad atención al cliente

0

10

20

30

40

50

60

N° de respuesta

Si

No


Fuente: Encuesta


El 92% de las clientes encuestadas piensa que la empresa mejorará

notablemente en la calidad de atención al cliente.

70

Pregunta 7:

¿Cuál sería el principal beneficio de usar una herramienta para gestionar su

reserva?

Cuadro N° 25

Reducir tiempo de espera


Reducción tiempo en

reservación

35 61%

Verificación de

disponibilidad

14 24%

Control de mi reserva 9 15%

Total 58 100%


Fuente: Encuesta

Gráfico N° 31

Reducir tiempo de espera

0

5

10

15

20

25

30

35

40

N° de respuesta

Reducción tiempo enreservación

Verificación dedisponibilidad

Control de mi reserva


Fuente: Encuesta


El 61% de las personas encuestadas consideran que con la aplicación se

reducirá el tiempo de espera, ya que no tendrán que esperar vía telefónica para

realizar la reservación, sino directamente en la aplicación.

71

Pregunta 8:

¿Cuenta con un dispositivo con acceso a internet, ya sea éste dispositivo celular

o computador de escritorio?

Cuadro N° 26

Dispositivo con acceso a internet


Si 52 89%

No 6 11%

Total 58 100%


Fuente: Encuesta

Gráfico N° 32

Dispositivo con acceso a internet

0

10

20

30

40

50

60

N° de respuesta

Si

No


Fuente: Encuesta


El 89% de las personas encuestadas cuentan con dispositivo con acceso

internet, para poder realizar las reservas por medio de la aplicación.

72

CAPÍTULO IV

CRITERIOS DE ACEPTACIÓN DEL DESARROLLO DE PROTOTIPO PARA

LA AUTOMATIZACIÓN DE LOS PROCESOS DE ATENCIÓN AL CLIENTE DE

UN CENTRO DE BELLEZA, POR MEDIO DE UNA APLICACIÓN WEB

Una vez concluido el proyecto debemos tener un acuerdo escrito por ambas

partes cliente y desarrollador con la finalidad de determinar la aceptación del

producto final.

La aplicación web será el único medio para las reservas de turnos del Centro de

belleza, logrando tener un mayor control, será aceptado por la propietaria del

Centro de Belleza Madeleyn Amat, la cual aportó con información valiosa para el

análisis y desarrollo del proyecto para beneficio de su empresa.

Responsabilidades

Por parte del cliente (propietaria de la empresa)

Revisar las funcionalidades de la aplicación según las necesidades.

Si encuentra observaciones, dar a conocer al desarrollador(a) de la

aplicación.

Por parte del desarrollador(a) de la aplicación:

Corregir observaciones por parte del cliente, si es que las hubiere.

73

Se detallan varios criterios para la aceptación, tomando como base el alcance

del proyecto en el Cuadro N° 27.

Cuadro N° 27

Criterios de aceptación del producto

ÍTEM DETALLE ACEPTACIÓN

1 Autenticación de todos los usuarios

- Administrador

- Profesional

- Usuario general

2 Creación de usuarios (nuevos clientes)

3 Creación de usuarios (profesional de belleza)

4 Creación de horarios de establecimiento

5 Creación de servicios que ofrece la empresa

6 No permitir doble ingreso en un mismo horario

7 Realizar reprogramación de cita

8 Realizar pago de cita reservada

9 Editar registro de usuarios

10 Reporte de clientes

11 Mensaje recordatorio de cita a cliente



74

Conclusiones

En suma, la aplicación logra mejorar la calidad de atención al cliente,

consiguiendo así uno de los objetivos principales planteados. Ésta herramienta

contribuye en la gestión de reserva de citas del Estudio de maquillaje de forma

práctica e intuitiva para el cliente, el cual tiene la posibilidad de visualizar en

línea la disponibilidad del profesional que sea de su preferencia en los horarios

que tenga disponible e inclusive los clientes podrán acceder a la plataforma a

través de internet, en cualquier momento y desde cualquier lugar, utilizando el

navegador de su preferencia.

Como toda aplicación web en la cual el cliente compra un servicio, en la misma

también está presente el mecanismo de pago. En éste caso, se diseñó un

prototipo que también le brinde la facilidad de realizar el pago del servicio que se

está adquiriendo. Consecuentemente, la aplicación cuenta con un entorno de

pruebas SANDBOX de Paypal, el cual permite realizar el pago de la reserva para

así confirmar su cita.

A vistas de lo anterior, el estudio de maquillaje cuenta con una base de datos

donde los profesionales y dueños del estudio de maquillaje pueden acceder en

cualquier momento a realizar consultas y conocer la información de contacto de

los clientes, asimismo el historial de trabajos solicitados, y con ésta información

ofrecer otros servicios y aplicar promociones.

75

Recomendaciones

La autora de éste proyecto, preocupada por el correcto manejo de la aplicación,

considera que en el estudio de maquillaje los profesionales sean correctamente

capacitados en el uso de la herramienta, así como, realizar una inducción previa

al personal que se incorpore a la entidad.

En lo que respecta a la seguridad de información personal de los clientes, es de

suma importancia por lo que se necesita que los usuarios que manejan la

aplicación mantengan un compromiso de confidencialidad y no divulgación de

ningún tipo de claves de acceso.

Otro punto importante está, en dar a conocer a los clientes el manual de usuario

para el correcto uso del aplicativo.

En consecuencia, es de suma importancia que el mantenimiento de la aplicación

web y de la base de datos debe ser realizado por un profesional capacitado.

76

Bibliografía

Aguilera Dagnino, M. A. (2013). Obtenido de

http://repositorio.puce.edu.ec/handle/22000/9534

Álvarez, N., & Monsalve, J. (2008). Introducción a la Ingeniería Telemática.

Arnaud Guerin, B. (2015). Obtenido de https://www.ediciones-eni.com/brice-

arnaud-guerin

Bahit, E. (2012). Programador PHP. En E. Bahit, Programador PHP (pág. 218).

Dean , J., & Dean, R. H. (2009). Introducción a la programación con java.

México: McGraw Hill.

Delgado, H. (2013). Obtenido de https://disenowebakus.net/estandares-web.php

Ecured. (2010). Obtenido de https://www.ecured.cu/Navegador_web

Gonzalez Rojas, H. D. (2010). Obtenido de

http://www.eumed.net/ce/2010a/hdgr.htm

Guía SBOK, S. (2013). Obtenido de

https://www.tenstep.ec/portal/images/pdfs/Suscripciones_TenStep/Silver/

SCRUMstudy_GUIA_SBOK_espanol.pdf

INEC. (2010). Obtenido de

http://anda.inec.gob.ec/anda/index.php/catalog/586/related_materials

Lerma Raül, J. M., & Mifsud, E. (2013). Aplicaciones Web. México.

http://repositorio.puce.edu.ec/handle/22000/9534

https://www.ediciones-eni.com/brice-arnaud-guerin

https://www.ediciones-eni.com/brice-arnaud-guerin

https://disenowebakus.net/estandares-web.php

https://www.ecured.cu/Navegador_web

http://www.eumed.net/ce/2010a/hdgr.htm

https://www.tenstep.ec/portal/images/pdfs/Suscripciones_TenStep/Silver/SCRUMstudy_GUIA_SBOK_espanol.pdf

https://www.tenstep.ec/portal/images/pdfs/Suscripciones_TenStep/Silver/SCRUMstudy_GUIA_SBOK_espanol.pdf

http://anda.inec.gob.ec/anda/index.php/catalog/586/related_materials

77

Lujan Mora, S. (2013). Programación de aplicaciones web: historia, principios

básicos y clientes web. Editorial Club Universitario.

Martínez, R., Fernández, V., & Boshell, L. (2002). Manual de PHP. En R.

Martínez, V. Fernández, & L. Boshell.

Olivo Bacilio, V. G. (2015). Obtenido de

http://repositorio.ug.edu.ec/bitstream/redug/10170/1/PTG-

624%20Olivo%20Bacilio%20Ver%C3%B3nica%20Gisell.pdf

Oppel, A., & Sheldon, R. (2010). Fundamentos de SQL. México: McGraw-Hill.

Pavón, J. (2013). Introducción a las aplicaciones web. En Tecnologías de la web

(pág. 65).

PayPal. (s.f.). Flujo de Express Checkout API. Obtenido de


PayPal. (s.f.). Guia de uso de PayPal Express Checkout con PHP. Obtenido de

https://www.sanwebe.com/2012/07/paypal-expresscheckout-with-

php/comment-page-2

PayPal. (s.f.). Introducción a PayPal para C#. Obtenido de

https://www.codeproject.com/Articles/42894/Introduction-to-PayPal-for-C-

ASP-NET-developers

PayPal. (s.f.). PayPal Developer. Obtenido de

https://developer.paypal.com/docs/classic/api/#

Renée, M. (2009). Estrategia empresarial basada en tecnologías de información

y comunicaciones.

http://repositorio.ug.edu.ec/bitstream/redug/10170/1/PTG-624%20Olivo%20Bacilio%20Ver%C3%B3nica%20Gisell.pdf

http://repositorio.ug.edu.ec/bitstream/redug/10170/1/PTG-624%20Olivo%20Bacilio%20Ver%C3%B3nica%20Gisell.pdf


https://www.sanwebe.com/2012/07/paypal-expresscheckout-with-php/comment-page-2

https://www.sanwebe.com/2012/07/paypal-expresscheckout-with-php/comment-page-2

https://www.codeproject.com/Articles/42894/Introduction-to-PayPal-for-C-ASP-NET-developers

https://www.codeproject.com/Articles/42894/Introduction-to-PayPal-for-C-ASP-NET-developers

https://developer.paypal.com/docs/classic/api/

78

Rosado, S. (2 de Febrero de 2015). Obtenido de

http://desarrollowebydesarrolloweb.blogspot.com/2015/02/tabla-

comparativa-de-los-lenguajes-de.html

Stalin, L. R. (Mayo de 2017). Obtenido de

http://repositorio.ug.edu.ec/bitstream/redug/18096/1/UG-FCMF-B-CINT-

PTG.1235.pdf

Treball, B. (2013). Bienestar e imagen personal. Catalunya.

Villacis, B. (8 de Agosto de 2011). Ecuador inmediato. En Ecuador hay 135 mil

tiendas, restaurantes y peluquerías. Obtenido de

http://www.ecuadorinmediato.com/index.php?module=Noticias&func=new

s_user_view&id=155330

http://desarrollowebydesarrolloweb.blogspot.com/2015/02/tabla-comparativa-de-los-lenguajes-de.html

http://desarrollowebydesarrolloweb.blogspot.com/2015/02/tabla-comparativa-de-los-lenguajes-de.html

http://repositorio.ug.edu.ec/bitstream/redug/18096/1/UG-FCMF-B-CINT-PTG.1235.pdf

http://repositorio.ug.edu.ec/bitstream/redug/18096/1/UG-FCMF-B-CINT-PTG.1235.pdf

79

ANEXOS

Gráfico N° 33 Cronograma de actividades



80

Encuesta a usuarios

Pregunta 1:

¿Con qué frecuencia requiere servicios de belleza?

Pregunta 2:

¿Estaría de acuerdo que las reservaciones de servicios de belleza se realicen

online, por medio de una aplicación web?

Pregunta 3:

¿Ha tenido usted problemas con las reservas?

Pregunta 4:

¿Se resolvió adecuadamente?

Pregunta 5:

¿Cree que existe desorganización en el centro de belleza? Indique el grado de

desorganización.

81

Pregunta 6:

¿Cree que sería útil el uso de una herramienta para que usted gestione la

reserva?

Pregunta 7:

¿Cuál sería el principal beneficio de usar una herramienta para gestionar su

reserva?

Pregunta 8:

¿Cuenta con un dispositivo con acceso a internet, ya sea éste dispositivo celular

o computador de escritorio?

82







Manual de Usuario

AUTOR:


TUTOR:



2018

83

ÍNDICE

Gráfico N° 1: Aplicativo Web……………………………………………..……….84

Gráfico N° 2: Inicio de sesión……………………………………………………..85

Gráfico N° 3: Pantalla principal del administrador…………………...…………85

Gráfico N° 4: Mantenedor Creación de servicio………………………..……….86

Gráfico N° 5: Editar servicio creado……………………………………….……..87

Gráfico N° 6: Eliminar servicio creado……………………………………..….....87

Gráfico N° 7: Mantenedor Creación de profesionales………………………….88

Gráfico N° 8: Editar profesionales……………………………………………......88

Gráfico N° 9: Eliminar profesional creado……………………………………….89

Gráfico N° 10: Creación de usuario………………………………………………90

Gráfico N° 11: Procesos……………………………………………………………91

Gráfico N° 12: Reporte general de reservaciones………………………….......91

Gráfico N° 13: Reporte ingresos totales………………………………………….92

Gráfico N° 14: Finalizar Sesión……………………………………………………92

Gráfico N° 15: Creación de Usuario………………………………………………93

Gráfico N° 16: Iniciar sesión……………………………………………………….93

Gráfico N° 17: Cambio de clave…………………………………………………..94

Gráfico N° 18: Reservación de cita……………………………………………….94

Gráfico N° 19: Selección de profesional de belleza y horario………………….95

Gráfico N° 20: Pago PayPal…………………………………………………….....96

Gráfico N° 21: Saldo de PayPal…………………………………………………...97

Gráfico N° 22: Pago realizado………………………………………………….....97

Gráfico N° 23: Confirmación transacción…………………………………………98

Gráfico N° 24: Reservas……………………………………………………………98

Gráfico N° 25: Cambiar reservación………………………………………………100

Gráfico N° 26: Notificación vía mail……………………………………….………101

84

INTRODUCCIÓN

El manual de usuario administrador permitirá a la persona que tenga éste perfil,

a guiarse para el manejo correcto del aplicativo web, se detallará paso a paso

para mejor comprensión.

MANUAL USUARIO ADMINISTRADOR

Digitar en el navegador localhost:12815/Home para abrir la aplicación

Gráfico N° 1:

Aplicativo Web



85

Gráfico N° 2:

Inicio de sesión



Dar clic en el ícono superior derecho, para inicio de sesión, el administrador

cuenta con el usuario ADMIN y clave 123, clic en LOGIN.

Gráfico N° 3:

Pantalla principal del administrador



Inicio: Se visualiza las reservas que tienen los profesionales

Galería: Muestra imágenes de servicio de belleza

Reservaciones: El administrador tiene habilitado la opción de reservaciones

Mantenimientos: Se encuentra la Creación de servicios, profesionales, usuarios

86

Procesos: Muestra las reservaciones realizadas a los profesionales a modo de

información

Reportes: Reporte general de reservaciones, muestra las reservaciones que

están pendientes por atender del profesional y además las que ya han sido

atendidas.

Ingresos totales, el administrador podrá seleccionar por rango de fecha un

reporte mensual o diario de sus ingresos, exportando a Excel dicha información.

Gráfico N° 4:

Mantenedor Creación de servicio

En Mantenimientos, el administrador puede crear Servicios, Profesionales y

Usuarios. Al dar clic en mantenimiento, creación de servicios y clic en nuevo

(Llenar todos los campos requeridos).



Una vez completo los campos, dar clic en actualizar. Cada servicio creado se

mostrará un servicio debajo del otro.

87

Gráfico N° 5:

Editar servicio creado

Seleccionar el servicio a modificar y dar clic en EDITAR. Modificamos el campo

que deseemos y dar clic en actualizar



Gráfico N° 6:

Eliminar servicio creado

Seleccionar el servicio a eliminar y dar clic en ELIMINAR. Nos presenta un

mensaje donde no consulta si estamos seguros de eliminar el servicio



Dar clic en aceptar y automáticamente se elimina el servicio

88

Gráfico N° 7:

Mantenedor Creación de profesionales

Clic en mantenimiento, creación de profesionales, clic en nuevo (Llenar todos los

campos requeridos).



Una vez completo los campos, dar clic en actualizar. Cada profesional creado se

mostrará un profesional debajo del otro.

Gráfico N° 8:

Editar profesionales

Seleccionar el profesional a modificar y dar clic en EDITAR. Modificamos el

campo que deseemos y dar clic en actualizar.



89

Gráfico N° 9:

Eliminar profesional creado

Seleccionar el profesional a eliminar y dar clic en ELIMINAR. Nos presenta un

mensaje donde no consulta si estamos seguros de eliminar profesional y damos

clic en Aceptar.



Dar clic en aceptar y automáticamente se elimina el profesional.

90

Gráfico N° 10:

Creación de usuario

En ésta opción el administrador puede crear usuarios de diferentes perfiles

como:

Administrador

Profesional

Usuario

Llenar todos los campos y clic en guardar



91

Gráfico N° 11:

Procesos

El administrador puede visualizar en ésta opción de PROCESOS todas las

reservaciones que ha realizado los clientes por medio de la aplicación.



Gráfico N° 12:

Reporte general de reservaciones



92

El reporte general de reservaciones permite al administrador visualizar las

reservas que tienen los profesionales de belleza.

Gráfico N° 13:

Reporte ingresos totales



El reporte ingresos totales permite al administrador visualizar los ingresos que ha

tenido en todas las reservas.

Gráfico N° 14:

Finalizar Sesión

Dar clic en el ícono superior derecho y clic en Finalizar sesión



93

MANUAL USUARIO CLIENTE

Gráfico N° 15:

Creación de Usuario



Dar clic en inicio de sesión, nos muestra una pantalla donde debemos llenar

datos como Usuario, Clave, Confirmación de clave, Nombres, Apellidos, Email.

Cabe indicar que todos los campos deben estar llenos para proceder a dar clic

en OK y el registro será registrado.

Gráfico N° 16:

Iniciar sesión



94

Una vez creado el usuario (cliente), podrá ingresar al sistema. Deberá ingresar

su usuario y contraseña, luego clic en LOGIN. Si el usuario no está registrado el

sistema mostrará un mensaje donde indica EL USUARIO ES INCORRECTO.

Gráfico N° 17:

Cambio de clave



Dar clic en MI CUENTA, aparece la información del cliente. Donde podrá

cambiar su clave.

Gráfico N° 18:

Reservación de cita



95

El usuario (cliente) para reservar una cita, deberá dar clic en RESERVACIONES,

presenta los diferentes servicios a escoger del establecimiento. El cliente podrá

escoger 1 servicio.

Gráfico N° 19:

Selección de profesional de belleza y horario



En ésta pantalla el cliente podrá seleccionar el profesional de belleza que le va a

realizar el servicio y el horario disponible que tenga el profesional. Una vez

seleccionado estos dos puntos, dar clic en REALIZAR RESERVACIÓN.

96

Gráfico N° 20:

Pago PayPal


Fuente: API de PayPal

La integración de paypal existe un ambiente de pruebas (SANDBOX) propio de

PayPal. El cliente podrá iniciar sesión con el correo

[email protected] y contraseña paypal123.

mailto:[email protected]

97

Gráfico N° 21:

Saldo de PayPal

Al iniciar sesión escogemos la opción de Saldo de PayPal, donde el ambiente

de prueba cuenta con un saldo asignado para el débito de la transacción

realizada por medio de la aplicación para dar efecto a la reservación del servicio.


Fuente: API de PayPal

Gráfico N° 22:

Pago realizado



Una vez que PayPal verifica que haya saldo disponible, ejecuta la transacción.

98

Gráfico N° 23:

Confirmación transacción



La reserva es exitosa cuando se realiza el pago de la reserva. La aplicación

mostrará un mensaje de que el pago fue realizado con éxito, se le notificará al

cliente y profesional de la cita reservada por medio de la aplicación.

Gráfico N° 24:

Reservas



El cliente podrá visualizar todas las reservas pendientes que está por realizarse,

al dar clic en INICIO.

99

Gráfico N° 25

Notificación vía mail



Se notificará vía mail la reservación realizada y también los cambios realizados

en las reservaciones.

100

Gráfico N° 26:

Cambiar reservación



El cliente podrá realizar cambio en la cita reservada, podrá cambiar el

profesional, día y hora. No podrá eliminar el pago. Una vez realizado los cambios

dar clic en CAMBIAR RESERVACIÓN, luego se notificará por correo al cliente y

profesional del cambio realizado en la reserva.

101

Gráfico N° 27:

Notificación vía mail



Se notificará vía mail la reservación realizada y también los cambios realizados

en las reservaciones.

102


FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS

CARRERA DE INGENIERIA EN SISTEMAS COMPUTACIONALES




Manual Técnico

AUTOR:


TUTOR:



2018

103

INTRODUCCIÓN

El manual técnico contiene la estructura del proyecto, que ayudará como guía

para futuros cambios. Permitiendo tener una idea clara de su funcionalidad.

Diccionario de Datos

Se detalla las tablas que intervienen en el desarrollo del proyecto para su

correcto funcionamiento del almacenamiento de datos.

Nombre tabla: TB_RES_PROFESIONAL

Ésta tabla contiene la información de la

creación de profesionales

Nombre tabla: TB_RES_PROFESIONAL_CALENDA_

RIO_DIA_AGENDA

Ésta tabla contiene la agenda del

profesional, aquí se encuentra las horas

de cada día

104

Nombre tabla: TB_RES_PROFESIONAL_CALENDA_

RIO_DIA

En ésta tabla se define cada día del mes

para cada profesional

Nombre tabla: TB_RES_ CALENDARIO

En ésta tabla sirve para poner los

meses de cada año, se puede indicar

que día o mes no presta servicio la

empresa

Nombre tabla: TB_SEG_MENU

Son las opciones del sistema con las

105

Nombre tabla: TB_SEG_ACCION

Son acciones de consulta

Nombre tabla: TB_SEG_MENU_ACCION

Acciones que se pueden ejecutar en

cada opción del sistema

Nombre tabla: TB_SEG_PERFIL_MENU_ACCION

Se asocia una acción de una opción de

menú a un perfil de usuario

106

Nombre tabla: TB_SEG_PERFIL

Perfiles de usuario para el acceso

Nombre tabla: TB_SEG_USUARIO

Almacena la información de los

usuarios que accederán al sistema

Nombre tabla: TB_RES_COMENTARIO

Comentario de clientes nivel de

satisfacción

107

Nombre tabla: TB_RES_PAGO

Se almacena la información de pago de

Paypal

Nombre tabla: TB_RES_RESERVACIÓN

Almacena los datos de la reservación

seleccionado por el cliente

108

Nombre tabla: TB_RES_SERVICIOS

Se almacena los datos de los servicios

que brinda en centro de belleza

109

MODELO ENTIDAD RELACIÓN

112

Código fuente de la aplicación web

Se detallará código fuente unas de las principales funciones como son: la

creación de profesionales de belleza, creación de servicios y creación de

usuarios.

Creación de profesionales

Public Class CreacionProfesionales

Inherits System.Web.UI.Page

Dim objProfesional As New Profesional

Private objHeaderImage As System.Drawing.Image

Protected Sub Page_Load(ByVal sender As Object, ByVal e As

System.EventArgs) Handles Me.Load

If Not IsPostBack Then

AspxGridView1.Settings.ShowTitlePanel = True

AspxGridView1.Styles.TitlePanel.Font.Size = 12

AspxGridView1.Styles.TitlePanel.Font.Bold = True

End If

End Sub

Private Sub AspxGridView1_RowInserted(sender As Object, e As

ASPxDataInsertedEventArgs) Handles AspxGridView1.RowInserted

'AspxGridView1.JSProperties("cpMensajeGrid") = ""

AspxGridView1.JSProperties("cpMensajeGrid") = "Registro Creado con

éxito..."


AspxGridView1.SettingsText.Title = "Registro Creado con éxito..."

113

AspxGridView1.Styles.TitlePanel.BackColor =

System.Drawing.Color.LimeGreen



End Sub

Private Sub AspxGridView1_RowUpdated(sender As Object, e As

ASPxDataUpdatedEventArgs) Handles AspxGridView1.RowUpdated


AspxGridView1.JSProperties("cpMensajeGrid") = "Registro Actualizado con

éxito..."

AspxGridView1.SettingsText.Title = "Registro Actualizado con éxito..."



End Sub

Creación de servicios

Public Class CreacionServicios


Dim objServicio As New ServicioEstudio







114


End If

End Sub

Private Sub AspxGridView1_RowInserted(sender As Object, e As

ASPxDataInsertedEventArgs) Handles AspxGridView1.RowInserted


AspxGridView1.JSProperties("cpMensajeGrid") = "Registro Creado con

éxito..."


AspxGridView1.SettingsText.Title = "Registro Creado con éxito..."





End Sub

Private Sub AspxGridView1_RowUpdated(sender As Object, e As

ASPxDataUpdatedEventArgs) Handles AspxGridView1.RowUpdated


AspxGridView1.JSProperties("cpMensajeGrid") = "Registro Actualizado con

éxito..."

AspxGridView1.SettingsText.Title = "Registro Actualizado con éxito..."



End Sub

115

Creación de Usuarios

Public Class CreacionUsuarios



Private Property DtBusqueda() As DataTable

Get

Return TryCast(Session("DtBusqueda"), DataTable)

End Get

Set(ByVal value As DataTable)

Session("DtBusqueda") = value

End Set

End Property




If Session("currentLogin") = "GUEST" Then

Response.Redirect("Home.aspx", False)

End If

DevExpress.Web.ASPxWebControl.GlobalTheme = "Moderno"

Call CargaComboPerfiles()

Call MostrarUsuarios()

Me.txtIdUsuario.ClientVisible = False

Me.txtUsuario.Focus()

116

End If

End Sub

Private Sub CargaComboPerfiles()

Dim unUsuario As New Usuarios

Dim unDataTable As New DataTable

unDataTable = unUsuario.ListarPerfiles()

Me.Cmb_Perfil.DataSource = unDataTable

Me.Cmb_Perfil.ValueField = "id"

Me.Cmb_Perfil.TextField = "nombreMostrar"

Me.Cmb_Perfil.DataBind()

Me.Cmb_Perfil.SelectedIndex = 0

End Sub

Private Sub MostrarUsuarios()

Dim unUsuario As New Usuarios

Dim unDataTable As New DataTable

unDataTable = unUsuario.ListarUsuarios()

DtBusqueda = unDataTable

Me.ASPxGridViewUsuarios.DataSource = unDataTable

Me.ASPxGridViewUsuarios.DataBind()

End Sub

117

Private Sub ASPxGridViewUsuarios_DataBinding(sender As Object, e As

EventArgs) Handles ASPxGridViewUsuarios.DataBinding

Me.ASPxGridViewUsuarios.DataSource = DtBusqueda

End Sub

Private Sub GrabarDatos()

Try

Dim objUsuario As New Usuarios

Dim S_Error As String

If Me.txtIdUsuario.Text.Length = 0 Then

objUsuario.AccionBD = "I"

Else

objUsuario.AccionBD = "U"

End If

objUsuario.Login = Me.txtUsuario.Text

objUsuario.Nombres = Me.txtNombres.Text

objUsuario.Apellidos = Me.txtApellidos.Text

objUsuario.Clave = Me.txtPass11.Text

objUsuario.IdPerfil = Me.Cmb_Perfil.SelectedItem.Value

objUsuario.Identificacion = Me.txtIdentificacion.Text

objUsuario.Telefono = Me.txtTelefono.Text

objUsuario.Correo = Me.txtEmail.Text

objUsuario.Estado = IIf(Me.Rad_Activo.Items(0).Selected, "A", "I")

objUsuario.UsuarioModifica = Session("idUsuario")

S_Error = objUsuario.Grabar()

If (S_Error = "") Then

Me.CallBackUsuario.JSProperties("cpMensaje") = "Datos almacenados

con exito..."

118

Else

Me.CallBackUsuario.JSProperties("cpMensaje") = S_Error

End If

Catch ex As Exception

Me.CallBackUsuario.JSProperties("cpMensaje") = ex.Message

End Try

End Sub

Private Sub MostrarUsuarioEspecifico()

Dim objUsuario As New Usuarios

Dim objDataTable As New DataTable

Me.txtUsuario.ReadOnly = True

objUsuario.Login = Me.txtUsuario.Text

objUsuario.Id = Me.txtIdUsuario.Text

objDataTable = objUsuario.MostrarUsuario()

If objDataTable.Rows.Count > 0 Then

Me.txtIdUsuario.Text = objDataTable.Rows(0).Item("id")

Me.txtUsuario.Text = objDataTable.Rows(0).Item("login")

Me.txtNombres.Text = objDataTable.Rows(0).Item("nombres")

Me.txtApellidos.Text = objDataTable.Rows(0).Item("apellidos")

Me.Cmb_Perfil.Value = objDataTable.Rows(0).Item("idPerfil").ToString

Me.txtTelefono.Text = objDataTable.Rows(0).Item("telefono").ToString

Me.txtEmail.Text = objDataTable.Rows(0).Item("email").ToString

Me.txtPass11.Text = objDataTable.Rows(0).Item("clave").ToString

Me.txtPass22.Text = objDataTable.Rows(0).Item("clave").ToString

Me.txtIdentificacion.Text =

objDataTable.Rows(0).Item("Identificacion").ToString

If objDataTable.Rows(0).Item("estado") = "A" Then

Me.Rad_Activo.Items(0).Selected = True

119

Else

Me.Rad_Activo.Items(1).Selected = True

End If

txtNombres.IsValid = True

txtApellidos.IsValid = True

txtEmail.IsValid = True

txtIdentificacion.IsValid = True

txtTelefono.IsValid = True

Me.txtPass11.IsValid = True

Me.txtPass22.IsValid = True

txtPass11.ClientSideEvents.Init = "function(s, e) {s.SetText('" +

objDataTable.Rows(0).Item("clave").ToString + "');}"

txtPass22.ClientSideEvents.Init = "function(s, e) {s.SetText('" +

objDataTable.Rows(0).Item("clave").ToString + "');}"

End If

End Sub

universidad de guayaquil facultad de...

Documents