universidad regional autÓnoma de los …dspace.uniandes.edu.ec/bitstream/123456789/6667/1/... ·...
TRANSCRIPT
UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES
“UNIANDES”
FACULTAD DE SISTEMAS MERCANTILES
CARRERA DE SISTEMAS
PROYECTO DE INVESTIGACIÓN PREVIO A LA OBTENCIÓN DEL TÍTULO DE
INGENIERO EN SISTEMAS E INFORMÁTICA
TEMA:
APLICACIÓN WEB Y MÓVIL DE GESTIÓN DE TURNOS, EN ATENCIÓN AL
CLIENTE, MEDIANTE FRAMEWORK JQUERY MOBILE PARA EL MUNICIPIO DE
LA CIUDAD DE OTAVALO.
AUTOR: QUISHPE QUISHPE PATRICIO ANDRES
ASESOR: ING. CHECA CABRERA MARCO ANTONIO, MBA
IBARRA – ECUADOR
2017
APROBACIÓN DEL ASESOR DEL TRABAJO DE TITULACIÓN
CERTIFICACIÓN:
Quien suscribe, legalmente CERTIFICA QUE: el presente Trabajo de Titulación
realizado por el señor Patricio Andrés Quishpe Quishpe, estudiante de la Carrera de
Sistemas, facultad Sistemas Mercantiles con el tema: “APLICACIÓN WEB Y MÓVIL
DE GESTIÓN DE TURNOS, EN ATENCIÓN AL CLIENTE,
MEDIANTE FRAMEWORK JQUERY MOBILE PARA EL MUNICIPIO DE LA CIUDAD
DE OTAVALO.” Ha sido prolijamente revisado, y cumple con los requisitos
establecidos en la normativa pertinente de la Universidad Regional Autónoma de Los
Andes – UNIANDES- por lo que apruebo su presentación.
Ibarra, Octubre de 2016
DECLARACIÓN DE AUTENTICIDAD
Yo, Patricio Andrés Quishpe Quishpe, estudiante de la Carrera de Sistemas,
Facultad Sistemas Mercantiles, declaro que todos los resultados obtenidos en el
presente trabajo de Investigación, previo a la obtención del título de INGENIERO EN
SISTEMAS E INFORMATICA, son absolutamente originales, auténticos y personales
a excepción de la citas, por lo que son de mi exclusiva responsabilidad.
Ibarra, Octubre de 2016
CERTIFICACIÓN DEL LECTOR DEL TRABAJO DE TITULACIÓN
Yo, Ing. Ana Lucía Sandoval Pillajo, MSC. En calidad de Lector del Proyecto de
Titulación
CERTIFICO:
Que el presente trabajo de titulación realizado por el estudiante Patricio Andrés
Quishpe Quishpe, con el tema “APLICACIÓN WEB Y MÓVIL DE GESTIÓN DE
TURNOS, EN ATENCIÓN AL CLIENTE, MEDIANTE FRAMEWORK JQUERY
MOBILE PARA EL MUNICIPIO DE LA CIUDAD DE OTAVALO”, ha sido
cuidadosamente revisado por la suscrita, por lo que he podido constatar que cumple
con todo los requisitos de fondo y forma establecidos por la Universidad Regional
Autónoma de los Andes, para cada clase de trabajos, por lo que autorizo su
presentación.
Ibarra, Julio de 2017
DERECHOS DE AUTOR
Yo, Patricio Andrés Quishpe Quishpe, declaro que conozco y acepto, la
disposición constante en el literal d) del Artículo 85. Del estatuto de la Universidad
Regional Autónoma de Los Andes, que en su parte pertinente textualmente dice: el
patrimonio de la UNIANDES, está constituido por: La propiedad intelectual sobre las
investigaciones, trabajos científicos o técnicos, proyectos profesionales y consultaría
que se realicen en la Universidad o por cuenta de ella.
Ibarra, Octubre de 2016
AGRADECIMIENTO
Agradezco a Dios por regalarme primeramente salud y vida, por brindarme fuerza
en todo el transcurso de mi vida estudiantil ya que habido momentos en los cuales
sentía que no podía seguir pero con su bendición todo ha sido posible, a los
docentes de la universidad por haber tenido paciencia y brindar sus conocimientos, a
la Universidad Regional Autónoma de los Andes por abrirme sus puertas, ha sido
como mi casa durante todos estos años, agradezco infinitamente a mis padres por su
apoyo incondicional y siempre estar conmigo en las buenas y en las malas, si así no
fuese no habría logrado concluir con mis estudios desde ya quiero que sepan que
todo lo que logre en esta vida es gracias a su apoyo, de igual forma agradezco
aquella persona especial que llego a mi vida para brindarme su apoyo
incansablemente, quien directa e indirectamente ha sido pieza fundamental en este
proceso estudiantil de esta forma juntos poder cumplir la promesa de concluir
nuestros estudios gracias a ti Natalia, así también a ti hermano mío Carlitos, eres la
persona que más quiero en la vida, y eres tu quien me motiva a esforzarme y seguir
adelante me gustaría que te sientas orgulloso de mi, gracias ñaño por apoyarme en
todo, gracias por creer en mí, gracias por ser como eres nunca cambies también
nunca dudes que siempre estaré ahí listo dispuesto para lo que tu necesites y por
ultimo agradezco a todos mis familiares tíos, primos, abuelitos y todos en general
que de una manera u otra me motivaron a no rendirme y seguir con mis estudios
muchas gracias a todos Dios los Bendiga.
El Autor.
DEDICATORIA
Este logro se lo dedico a mi familia, quienes confiaron en mi desde un principio y
jamás me abandonaron, mis familiares que siempre me dieron el aliento necesario
para seguir adelante, para todos ustedes con mucho cariño este logro y si Dios
quiere espero no sea el primero y ultimo logro en mi vida, con la ayuda de Dios y su
ayuda como siempre espero seguir cosechando más éxitos.
El Autor.
RESUMEN
El ilustre Municipio de la Ciudad de Otavalo, es una entidad pública que a lo largo de
su existencia ha brindado el mejor servicio a su población, en la actualidad se ha
detectado un número muy extenso de ciudadanos que a diario acuden a realizar los
diferentes tramites, consultas, pagos, etc. Esto ha provocado que exista una gran
aglomeración de personas en la ventanilla de atención al cliente, razón por la cual la
institución ha visto la necesidad de modernizar su manera de gestionar los turnos
mediante una aplicación web y móvil.
Es de suma importancia la implementación de una página web de gestión de turnos,
mediante la cual el usuario pueda obtener su turno desde la comodidad de su hogar,
de igual manera es muy innovador la implementación de una aplicación móvil que
permita gestionar turnos sin la necesidad de llegar personalmente a las oficinas de
atención al cliente del municipio de Otavalo, de esta manera disminuyendo el tiempo
de espera, así poder brindar una atención rápida y efectiva para mayor satisfacción de
los ciudadanos.
Para el desarrollo de la investigación se utilizó el método deductivo mediante el cual se
recolecto información necesaria sobre los procesos de gestión de turnos, y con ello
se obtuvo la información para realizar un diagnóstico acerca de las debilidades
encontradas en este proceso, el método inductivo determinó las características,
parámetros y relaciones que existe entre el software basado en aplicaciones móviles e
interacción con los beneficiarios, enfocados en la línea de investigación de Desarrollo
de Software y Programación de Sistemas.
La investigación fue cuantitativa, a partir de datos numéricos generados por las
encuestas y entrevistas, y posteriormente se aplicó la investigación cualitativa,
determinó el impacto de la aplicación en la ciudadanía y para el desarrollo de software
se utiliza la metodología de desarrollo XP, puesto que esta metodología ofreció
características necesarias para el desarrollo del sistema informático.
Resultados obtenidos con el desarrollo del presente proyecto, es una notable
aceptación de los ciudadanos, el sistema ha permitido una gran reducción de tiempo
de espera en largas filas, ya que ahora obtienen sus turnos desde su domicilio o
cuando se encuentran en camino a la municipalidad a realizar sus respectivos
tramites, así también causa gran satisfacción en el personal administrativo del
Municipio.
ABSTRACT
The illustrious municipality of Otavalo city, is a public entity that has provided the best
service to its population, but nowadays it has been detected a large number of citizens
who daily come to do different procedures, queries, payments, etc. This has caused a
large agglomeration of people in the customer service sector, for this reason the
institution has seen the need to modernize the way how they manage shifts through a
web and mobile application.
For the development of this research it has been applied the deductive method to
collect needed information about shift management processes, information collected in
order to develop the diagnosis about the weaknesses found in this process, the
inductive method determined the characteristics, parameters and relationships that
exist between the software based on mobile apps and interaction with users, framed on
the research line of Software Development and Systems Programming.
The research was quantitative established by numerical data generated by surveys and
interviews, and then the qualitative research was applied to determine the impact of the
application on citizenship and for the software development it has been used the
methodology XP, because this methodology offers necessary characteristics for the
development of the computer system.
As result, it must be said that the project has a great citizenship acceptance, and it
causes great satisfaction with the administrative staff in the Municipality office.
ÍNDICE GENERAL
Pág.
INTRODUCCIÓN ......................................................................................................... 1
Antecedentes de la Investigación ................................................................................. 1
Estado del Arte ............................................................................................................. 2
Actualidad e Importancia del Tema .............................................................................. 2
Formulación del Problema ............................................................................................ 2
Delimitación del Problema ............................................................................................ 2
Objeto de Investigación ................................................................................................ 3
Campo de Acción ......................................................................................................... 3
Identificación de la Línea de Investigación ................................................................... 3
Objetivo General .......................................................................................................... 3
Objetivos Específicos ................................................................................................... 3
Preguntas Científicas ................................................................................................... 3
Justificación del Tema .................................................................................................. 4
CAPÍTULO I. MARCO TEÓRICO .............................................................................. 5
1.1. Origen y evolución del objeto de investigación ..................................................... 5
1.2. Análisis de las distintas posiciones teóricas sobre el objeto de la investigación.... 5
1.3. Valoración crítica de los conceptos principales de las distintas posiciones teóricas
sobre el objeto de investigación. .................................................................................. 6
1.3.1. Municipio de Otavalo .......................................................................................... 6
1.3.1.1. Misión ............................................................................................................. 6
1.3.1.2. Visión .............................................................................................................. 6
1.3.1.3. Historia ........................................................................................................... 6
1.3.1.4. Objetivos Alcaldía ........................................................................................... 7
1.3.1.5. Ubicación y Contacto ...................................................................................... 7
1.3.2. Atención al Cliente Ventanilla ............................................................................. 9
1.3.2.1. Conceptos Generales ..................................................................................... 9
1.3.2.2. Objetivos ........................................................................................................ 9
1.3.3. Normativas ......................................................................................................... 9
1.3.4. Gestión de Turnos ............................................................................................ 12
1.3.5. Gestión de Turnos Especiales .......................................................................... 12
1.3.6. Control de Usuarios .......................................................................................... 12
1.3.6.1. Registro de usuarios ..................................................................................... 12
1.3.6.2. Control de Sesiones ..................................................................................... 12
1.3.6.3. Reportes personales ..................................................................................... 13
1.3.7. Estructura de la Aplicación Web ....................................................................... 13
1.3.7.1. Programación PHP ....................................................................................... 13
1.3.8. Base de Datos Mysql ........................................................................................ 14
1.3.8.1. Definición ...................................................................................................... 14
1.3.8.2. Características .............................................................................................. 14
1.3.8.3. Ventajas y Desventajas ................................................................................ 15
1.3.8.4. Servidor XampServer ................................................................................... 15
1.3.8.5. Ventajas y Desventajas ................................................................................ 16
1.3.9. Seguridades Web ............................................................................................. 16
1.3.9.1. Amenazas web ............................................................................................. 16
1.3.9.2. Protocolo http ............................................................................................... 17
1.3.9.3. Encriptación MD5 ......................................................................................... 17
1.3.10. Framework JQuery Mobile .............................................................................. 17
1.3.10.1. Funcionalidad .............................................................................................. 18
1.3.10.2. Características ............................................................................................. 18
1.3.10.3. Para que Sirve ............................................................................................. 19
1.3.10.4. Compatibilidad ............................................................................................. 19
1.3.10.5. Su Origen .................................................................................................... 20
1.3.10.6. Ventajas ...................................................................................................... 20
1.4. Conclusiones parciales del capítulo .................................................................... 21
CAPÍTULO II. MARCO METODOLÓGICO Y PLANTEAMIENTO DE LA
PROPUESTA ............................................................................................................. 22
2.1. Caracterización del sector, rama, empresa, contexto institucional o problema
seleccionado para la investigación. ............................................................................ 22
2.2. Descripción del procedimiento metodológico para el desarrollo de la
investigación .............................................................................................................. 22
2.2.1. Metodología de la Investigación ...................................................................... 22
2.2.1.1. Deductivo e Inductivo ................................................................................... 22
2.2.1.2. Cuantitativa y Cualitativa .............................................................................. 23
2.2.2. Población y Muestra ........................................................................................ 23
2.2.2.1. Población ...................................................................................................... 23
2.2.2.2. Muestra ........................................................................................................ 24
2.2.2.3. Muestra corregida ......................................................................................... 24
2.2.3. Técnicas de la Investigación ............................................................................. 25
2.2.4. Herramientas .................................................................................................... 25
2.2.5. Análisis de Resultados ..................................................................................... 25
2.3. Propuesta del investigador modelo, sistema, metodología, procedimiento. ........ 48
2.4. Conclusiones parciales del capítulo .................................................................... 48
CAPÍTULO III. VALIDACIÓN Y/O EVALUACIÓN DE LOS RESULTADOS DE SU... 49
APLICACIÓN ............................................................................................................. 49
3.1. Procedimientos de la aplicación de los resultados de la investigación ................ 49
3.2. Análisis de los resultados finales de la investigación .......................................... 49
3.2.1. Metodología XP ................................................................................................ 49
3.2.1.1. Fase 1: Planificación ..................................................................................... 50
3.2.1.2. Fase 2: Diseño ............................................................................................ 58
3.2.1.3. Requerimientos ............................................................................................ 68
3.2.1.4. Fase 3 Codificación ...................................................................................... 69
3.2.1.5. Fase 4 Pruebas ............................................................................................ 72
3.3. Conclusiones parciales del capítulo .................................................................... 78
CONCLUSIONES GENERALES: ............................................................................... 79
RECOMENDACIONES: ............................................................................................. 80
BIBLIOGRAFÍA .......................................................................................................... 81
LINKOGRAFÍA ........................................................................................................... 83
ANEXOS .................................................................................................................... 84
ÍNDICE DE TABLAS
Pág.
Tabla 1 Atención al Cliente ......................................................................................... 10
Tabla 2 Población ....................................................................................................... 23
Tabla 3 Gestión de Turnos .......................................................................................... 26
Tabla 4 Inconformidad ................................................................................................ 27
Tabla 5 Calificación ..................................................................................................... 28
Tabla 6 Personal Suficiente ........................................................................................ 29
Tabla 7 Reporte Usuario ............................................................................................. 30
Tabla 8 Usuarios Atendidos ........................................................................................ 31
Tabla 9 Equipos Necesarios ....................................................................................... 32
Tabla 10 Reportes ...................................................................................................... 33
Tabla 11 Entrada y Salida ........................................................................................... 34
Tabla 12 Inconvenientes ............................................................................................. 35
Tabla 13 Frecuencia de Atención ................................................................................ 36
Tabla 14 Asignación de Turnos ................................................................................... 37
Tabla 15 Inconvenientes Turnos ................................................................................. 38
Tabla 16 Tiempo de Espera ........................................................................................ 39
Tabla 17 Servicio de Internet ...................................................................................... 40
Tabla 18 Conocimiento ............................................................................................... 41
Tabla 19 Manejo e Interacción .................................................................................... 42
Tabla 20 Innovación .................................................................................................... 43
Tabla 21 Comodidad ................................................................................................... 44
Tabla 22 Descargar .................................................................................................... 45
Tabla 23 Historia de Usuario ....................................................................................... 53
Tabla 24 Historia de Usuario 2 .................................................................................... 54
Tabla 25 Historia de Usuario 3 .................................................................................... 54
Tabla 26 Historia de Usuario 4 .................................................................................... 55
Tabla 27 Historia de Usuario 5 .................................................................................... 55
Tabla 28 Historia de Usuario 8 .................................................................................... 56
Tabla 29 Historia de Usuario 9 .................................................................................... 56
Tabla 30 Historia de Usuario 10 .................................................................................. 57
Tabla 31 Historia de Usuario 11 .................................................................................. 57
Tabla 32 Descripción caso de uso del Usuario ........................................................... 58
Tabla 33 Descripción caso de uso del Administrador ................................................. 60
Tabla 34 Descripción caso de uso del Empleado ....................................................... 61
Tabla 35 Requerimientos Hardware ............................................................................ 68
Tabla 36 Requerimientos Software ............................................................................. 68
ÍNDICE DE FIGURAS
Pág.
Figura 1 Mapa de Ubicación ......................................................................................... 8
Figura 2 Gestión de Turnos ........................................................................................ 26
Figura 3 Inconformidad ............................................................................................... 27
Figura 4 Calificación ................................................................................................... 28
Figura 5 Personal Suficiente ....................................................................................... 29
Figura 6 Usuarios ........................................................................................................ 30
Figura 7 Usuarios Atendidos ....................................................................................... 31
Figura 8 Equipos Necesarios ...................................................................................... 32
Figura 9 Almacenamiento ........................................................................................... 33
Figura 10 Entrada y Salida .......................................................................................... 34
Figura 11 Proceso de Generación .............................................................................. 35
Figura 12 Frecuencia .................................................................................................. 36
Figura 13 Entrada y Salida .......................................................................................... 37
Figura 14 Obtener Turno ............................................................................................. 38
Figura 15 Control de Personal .................................................................................... 39
Figura 16 Servicio de Internet ..................................................................................... 40
Figura 17 Aplicación Móvil .......................................................................................... 41
Figura 18 Manejo e Interacción ................................................................................... 42
Figura 19 Innovador .................................................................................................... 43
Figura 20 Comodidad ................................................................................................. 44
Figura 21 Descarga Aplicación ................................................................................... 45
Figura 22 Cronograma de actividades 1 ..................................................................... 50
Figura 23 Cronograma de Actividades 2 ..................................................................... 51
Figura 24 Cronograma de Actividad 3 ........................................................................ 52
Figura 25 Caso de Uso Cliente ................................................................................... 58
Figura 26 Caso de Uso Administrador ........................................................................ 59
Figura 27 Caso de Uso Empleado .............................................................................. 60
Figura 28 Diagrama de Contexto ................................................................................ 62
Figura 29 Diagrama Nivel 1 ........................................................................................ 63
Figura 30 Base de Datos ............................................................................................ 64
Figura 31 Diagrama de Actividades Registro Clientes................................................. 65
Figura 32 Diagrama de Actividad para Gestión de Usuario ......................................... 65
Figura 33 Diagrama de actividad para gestión de reportes ......................................... 66
Figura 34 Formulario Generación de Turnos ............................................................... 66
Figura 35 Formulario de Administración ...................................................................... 67
Figura 36 Formulario Atención al Cliente .................................................................... 67
Figura 37 Instalación aplicación Móvil ......................................................................... 73
Figura 38 Verificación de Funcionamiento .................................................................. 73
Figura 39 Pantalla Principal ........................................................................................ 74
Figura 40 Prueba de Ingreso ..................................................................................... 74
Figura 41 Sesión Inactiva ............................................................................................ 75
Figura 42 Sesión Activa .............................................................................................. 75
Figura 43 Página Web Principal ................................................................................. 76
Figura 44 Generar Turnos ........................................................................................... 76
Figura 45 Bienvenida .................................................................................................. 77
Figura 46 Turno Generado .......................................................................................... 77
1
INTRODUCCIÓN
Antecedentes de la Investigación
En América Latina, el uso de la gestión de automatización de procesos de diferentes
procesos gubernamentales se han aumentado en gran manera como es el caso del
Municipio de Campeche Candelaria (México), Municipio de Catamarca (Argentina)
han visto las ventajas de la automatización y cuentan con una aplicación que permite
realizar todo los procesos de turnos, quejas, sugerencias, etc.
En Ecuador se ha implementado un gran portal llamado “Ciudad 360”, en dicha
aplicación web los ciudadanos pueden beneficiarse de diferentes ofertas o servicios
como diversión y entretenimiento, edificación y construcción, educación y servicios
públicos, financiero y jurídicos, tecnología viajes y turismo.
En la provincia de Imbabura, en la ciudad de Ibarra se ha implementado recientemente
una página web llamada “MEJORA IBARRA”, donde se anuncia las diferentes
actividades a realizarse por parte de la municipalidad de Ibarra y las noticias más
relevantes que se esté presentando en la provincia y específicamente en la ciudad de
Ibarra, pero este portal web no brinda a la ciudadanía procesos como asignación de
turnos, incidencias, quejas o sugerencias.
La ciudad de Otavalo y la municipalidad actualmente está en procesos de implantación
de un gran proyecto llamado “OTAVALO DIGITAL”, que aparte de contar con un portal
de información, guía turística, noticias, novedades también contará con diferente
aplicación siendo una de las principales y más requerida la automatización de gestión
de turnos de servicio al cliente.
2
Estado del Arte
Atención al cliente es un conjunto de actividades que realiza una empresa para
satisfacer y atender a sus clientes, de la manera más rápida y eficaz mediante la
tecnología web y JQuery Framework enfocada al desarrollo de las aplicaciones
móviles.
Actualidad e Importancia del Tema
El desarrollo del presente proyecto tiene una gran importancia para el Municipio de
Otavalo, que es una entidad dedicada a brinda servicios de calidad a la ciudadanía en
general sin embargo no cuenta con una tecnología web o móvil que pueda facilitar el
proceso de gestión de turnos, por lo que se ha visto la necesidad de implementar un
sistema web y aplicación móvil, en el departamento de atención al cliente, y mejorar
su atención a la ciudadanía otavaleña a través de estas tecnologías.
Formulación del Problema
El Municipio de Otavalo, es una entidad que brinda los mejores servicios a la
ciudadanía, lastimosamente no se ha implementado una aplicación mediante la cual
los ciudadanos puedan realizar consultas, observaciones o procesos de una manera
más rápida y cómoda que sería desde su hogar.
Existe un gran número de ciudadanos que acuden frecuentemente al municipio a
realizar diferentes trámites, consultas, pagos, etc. Y el municipio cuenta solo con una
ventanilla de atención al cliente, esto lleva a que exista una gran aglomeración de
personas.
Por ende existe dificultad en el proceso de gestión de turnos para los diferentes
trámites administrativos del municipio de Otavalo.
Delimitación del Problema
Existencia de un gran número de ciudadanos que frecuentan al municipio a realizar
diferentes trámites, el Municipio de la ciudad de Otavalo cuenta solo con una
ventanilla que genera turnos.
3
Objeto de Investigación
Procesos de gestión de turnos, en atención al cliente.
Campo de Acción
Sistemas de Información.
Identificación de la Línea de Investigación
Desarrollo de software y programación de sistemas.
Objetivo General
El presente proyecto tiene la finalidad de implantar una aplicación web y móvil de
gestión de turnos, en atención al cliente, mediante framework jquery mobile en el
ilustre municipio de la ciudad de Otavalo, así también fundamentar bibliográficamente
los procesos de automatización,
Objetivos Específicos
Fundamentar bibliográficamente los procesos de Automatización.
Diagnosticar las necesidades del municipio y cumplir con todas las expectativas
requeridas y necesarias con el desarrollo del sistema
Desarrollar una aplicación web y móvil para la gestión de turnos, de atención al
cliente, para el ilustre municipio de la ciudad de Otavalo
Validar la propuesta.
Idea a defender
¿Cómo mejorar el proceso de asignación de turnos para los ciudadanos que acuden al
municipio de la ciudad de Otavalo?
Preguntas Científicas
¿Cómo se establece el orden de turnos a los clientes que llegan de manera personal y
los clientes que obtienen su turno mediante la web?
¿Si tiene un control de cuantos ciudadanos visitan, cada una de las ventanillas del
departamento de atención al cliente por parte del municipio?
4
Justificación del Tema
El presente proyecto tiene una significación práctica importante en el ilustre municipio
de Otavalo, es el proceso de automatización y a su vez la agilización a los clientes la
asignación de turnos para realizar sus procesos necesarios.
Por otro lado la novedad científica reside en la utilización de framework jquery móvil
que permite el desarrollo de sistemas robustos de manera fácil, acceso móvil que
soporta iOs, Android, Windows Phone, Blackberry, Symbian de esta manera
permitiendo que la aplicación móvil sea útil para la mayor ciudadanía posible con sus
respectivos dispositivos móviles.
5
CAPÍTULO I. MARCO TEÓRICO
1.1. Origen y evolución del objeto de investigación
Desde tiempos remotos en el municipio de la ciudad de Otavalo la asignación de
turnos, se realizaba de la manera tradicional que es: madrugando, realizando largas
filas de espera, disgustos por algún tipo de alteración en la fila de espera, etc. hasta
llegar a su ventanilla de atención y realizar su gestión, no existía ningún tipo de
tickets o número de turnos todo se realizaba de manera propia.
Con el paso de los años la municipalidad, con el fin de reducir la aglomeración en una
sola fila de espera, dividió en 3 ventanillas, para que los usuarios puedan realizar su
fila de una manera más ordenada y menos extensa donde realizan todo tipo de
procesos requeridos por los ciudadanos.
En los años siguientes hasta la actualidad con la aparición de las primeras
computadoras y nuevas tecnologías, se coordinó de mejor manera las ventanillas de
atención al cliente e implementando un sistema de asignación de turnos que se
encuentra en una ventanilla única donde el empleado municipal se encarga de
generar turno de manera manual dependiendo del departamento al cual necesite
dirigirse el usuario.
1.2. Análisis de las distintas posiciones teóricas sobre el objeto de la
investigación
Según (Calvet, 2010), “La real academia de las ciencias físicas y exactas, define la
(automática), como el conjunto de métodos y procedimientos para la sustitución del
operario en tareas físicas y mentales previamente programadas. De esta definición
original se desprende la definición de la automatización como la aplicación de la
automática al control de procesos”.
“La gestión de los sistemas de turnos es una labor compleja, para ellos las diferentes
organizaciones suelen utilizar, como herramientas de apoyo, documentos de Word,
hojas tipo Excel o programas informáticos. A veces es suficiente con programas
estándar, incluso de carácter gratuitos, que pueden ser descargaos directamente
desde el internet, en otras ocasiones es preciso contactar con compañías que
desarrollar software, para que diseñen programa ad hoc, más complejos que tengan
en cuenta las peculiaridades y especificadas que caractericen a los sistemas de turnos
de la organización que les ha contratado” (Fernández, 2014).
6
Según (Alarcón, 2010) “. En esta actividad el analista de sistemas debe decidir que
procesos deben automatizarse y que procesos deben seguir haciéndose de manera
manual, en ocasiones el analista de sistemas se encuentra en situaciones en que se
podría tanto automatizar un proceso como dejarlo funcionando de manera manual,
ante estas decisiones el analista debe tener presente los objetivos del proyecto si está
limitado.”
En base a criterios anteriormente citados, la gestión de turnos es un proceso se suma
importancia en las instituciones que tienen un gran número de entes que acuden con
frecuencia, así evitando grandes aglomeraciones en ventanillas o departamentos así
dando paso a la automatización de procesos desde la comodidad de sus hogares.
1.3. Valoración crítica de los conceptos principales de las distintas posiciones
teóricas sobre el objeto de investigación.
1.3.1. Municipio de Otavalo
1.3.1.1. Misión
(Lago, 2011, pág. 1), define “Planear, implementar y sostener las acciones del
desarrollo del Gobierno regional. Dinamizar los proyectos de obras y servicios con
calidad y oportunidad, que aseguren el desarrollo social y económico de la población,
con la participación directa y efectiva de los diferentes actores sociales y dentro de un
marco de transparencia y ética institucional y el uso óptimo del talento humano
altamente comprometidos, capacitados y motivados.”
1.3.1.2. Visión
(Lago, 2011, pág. 1),”El Gobierno regional se constituirá en un referente nacional del
desarrollo y contará con una organización interna altamente eficiente, que gerencia
productos y servicios compatibles con la demanda de la sociedad y capaz de asumir
los nuevos papeles vinculados con el desarrollo, con identidad cultural y de género,
descentralizando y optimizando los recursos.”
1.3.1.3. Historia
“En 1930 el Municipio adquiere el edificio para el estadio, en 1931 se inaugura el
Neptuno diseñado por el señor Luis Garzón, en 1938 empieza a funcionar la Caja de
Pensiones actualmente el Dispensario Médico del IESS, en 1941 se crea con motivo
del conflicto bélico con Perú la Cruz Roja edificio que se concluyó en 1961” (Otavalo,
Gobierno Autónomo de Otavalo, 2015)
7
1.3.1.4. Objetivos Alcaldía
(Otavalo, Gobierno Autónomo de Otavalo, 2015, pág. 1), “A través de esta página
podrás informarte de la actividad que realizamos para mejorar la calidad de vida de los
otavaleños, cómo realizar tus gestiones de la forma más cómoda y, también, cómo
ponerte en contacto con nosotros. Asimismo, te ofrecemos información sobre el
municipio en general, sus valores y atractivos, con el fin de animarte a visitarnos y a
que puedas organizar tus días de descanso en nuestra ciudad.”
“Trabajamos para mejorar esta página y por ello, solicito tu colaboración para que nos
envíes sugerencias, críticas y opiniones. Sólo así podremos estar más cerca de ti, que
es nuestro objetivo diario.” (Otavalo, Gobierno Autónomo de Otavalo, 2015, pág. 1).
1.3.1.5. Ubicación y Contacto
El cantón Otavalo se localiza al norte del callejón interandino a 110 kilómetros de la
capital Quito y a 20 kilómetros de la ciudad de Ibarra, se encuentra a una altura de
2.565 metros sobre el nivel del mar, y está ubicada geográficamente en las siguientes
coordenadas:
78° 15’ 49’’ longitud oeste
0° 13’ 43’’ latitud norte
El Gobierno Autónomo Descentralizado GAD de Otavalo se encuentra ubicado en la
provincia de Imbabura, cantón Otavalo, calle García Moreno 505 y Simón Bolívar
frente al parque Bolívar. Datos generales del cantón Otavalo
Provincia: Imbabura
Cantón: Otavalo
Región: Sierra Norte
Cobertura cantonal: San Luis de Otavalo
Nombre del alcalde Abg. Gustavo Pareja Cisneros
Superficie (Km2) Urbana: 82,10; Rural: 424,37; Total Cantón 507,47
Perímetro urbano:
800 Hectáreas
Población urbana:
44.536
Población Rural:
65.925
Población total:
110.461
Página web: www.otavalo.gob.ec
Email: [email protected]
Teléfonos: 062 920 46062 924566
8
Fuente: Autor
Fax: 062 920 404
Telefax: 06-920381
Figura 1 Mapa de Ubicación
9
1.3.2. Atención al Cliente Ventanilla
1.3.2.1. Conceptos Generales
“Se designa con el concepto de Atención al Cliente a aquel servicio que prestan y
proporcionan las empresas de servicios o que comercializan productos, entre otras, a
sus clientes para comunicarse directamente con ellos. En caso que estos necesiten
manifestar reclamos, sugerencias, plantear inquietudes sobre el producto o servicio en
cuestión, solicitar información adicional, solicitar servicio técnico, entre las principales
opciones+ y alternativas que ofrece este sector o área de las empresas a sus
consumidores, los clientes de una empresa deberán comunicarse con este servicio.”
(ABC, Definición ABC, 2007-2015, pág. 1).
1.3.2.2. Objetivos
(ABC, Definición ABC, 2007-2015), “Son variadas las vías a través de las cuales un
cliente o consumidor puede comunicarse con el área de atención al cliente: por
teléfono, normalmente se trata de líneas gratuitas, es decir, sin costo para quien llama,
y que ofrecen una serie de opciones para resolver dudas, reclamos o sugerencias.
Una vez que se selecciona la opción deseada lo atenderá un representante de la
empresa que tomará nota del pedido o reclamo.”
“Otra de las vías de atención muy comunes por estos días es la de enviar un correo
electrónico que llegará directamente a las casillas de quienes se desempeñan en el
área de atención al cliente. Ofrecen la misma atención que las líneas de atención
gratuitas y son ideales para aquellos que no gustan de esperar a que los atiendan. Y
obviamente muchas de estas empresas mantienen la atención al cliente presencial en
sus oficinas comerciales a las cuales también los clientes o consumidores pueden
acercarse para hacer su reclamo o dejar su pedido o consulta.” (ABC, Definicion ABC,
2007-2015).
1.3.3. Normativas
(Pérez, 2014), “Cada persona es un mundo pero en los negocios hay ciertos patrones
que se repiten una y otra vez.
Es por eso que hay algunas normas de comportamiento que funcionan en la mayoría
de los casos.
10
Según (Pérez, 2014, pág. 1) a continuación expongo 7 reglas que te ayudarán a llevar
mejor la relación con el cliente.”
Tabla 1 Atención al Cliente
Nª Nombre de Regla Concepto
1
Llámalos
Es el punto más importante. Si un cliente se pone en
contacto contigo debes contestar en el menor tiempo
posible. No permitas que tengan que volver a llamarte.
Dejar pasar más de 30 minutos es perder parte de la
relación con ese cliente. La comunicación es
fundamental y se puede dar bajo diferentes medios y
plataformas: sms, email, chat, adáptate a su medio y
mantén un canal abierto efectivo y rápido. ¡Un cliente
nunca se cansa de recibir tus llamadas! Además
pueden servir de iniciativa ante futuros cambios o
problemas en el proyecto.
2
Haz lo que dices
No te comprometas con el cliente, nunca, a hacer algo
que no estás seguro que puedes cumplir. Si cierras
una fecha para un trabajo, cúmplela, si no estás 100%
seguro dobla el tiempo de entrega o directamente deja
un margen abierto de entrega. Al cliente le importa lo
mismo esperar una semana que dos, pero si le dices
una semana y no lo cumples estará enormemente
disgustado. Un cliente tiene su agenda, su plan y tú
estás dentro de ese plan, si fallas estarás
comprometiendo la imagen de tu empresa.
3
Dar ejemplo
Tus empleados o socios, poco a poco, asimilan tu
forma de tratar al cliente. Si tú tratas mal al cliente o
pasas de ellos, ellos les darán el mismo trato. Dar
ejemplo es importante. Tu comportamiento debe ser
ejemplar.
11
4
Ponte al frente
Planta cara al cliente y no permitas que otras personas
hablen en tu nombre o te cubran las espaldas (y
menos con mentiras). Hay ciertos asuntos que sólo tú
puedes encarar, ya sea por su nivel técnico o por un
elevado grado de importancia. Te ayudará a entender
realmente el problema que tiene tu cliente.
5
Se cuidadoso
No siempre podrás solucionar los problemas que se
crucen en tu camino, es por eso que debes ser
creativo y plantear alternativas ¿Darle otro servicio o
producto a cambio? ¿Hacerle un descuento en el
siguiente trabajo? En cualquier caso debes admitir tu
culpa, eso cambiará su estado receptivo 360º
¿Da una vuelta por tu casa, tienes toallas del baño en la cocina? ¿La basura delante de la tele?
¿Polvo y humedades en el techo?
Un cliente requiere de las mismas atenciones que tu
propia casa. Un trabajo necesita organización, orden.
6
Un cliente no es un
amigo
Puedes dar un trato de amistad a tu cliente,
considerar que es tú amigo, pero en numerosas
ocasiones hay ciertos comportamientos que no
puedes compartir con ellos. Cuántas veces te has
encontrado con un viejo amigo y te has despedido con
un – Ya te llamaré! – y luego nunca lo hiciste?
Cuando tratas con un cliente es muy importante que
cumplas lo que dices.
7
Tomar Notas
Tomar notas en un cuaderno, iPod o portátil es
importantísimo mientras habla el cliente. Demuestra
que realmente estás prestando atención a lo que dice.
Se sentirá más seguro y tomará la explicación con
más seriedad. No todo es impresionar al cliente,
también tenemos que tener en cuenta que no somos
ordenadores, nuestra cabeza pierde información y
olvida por más atención que prestemos siempre habrá
algunos detalles que deberíamos haber apuntado
12
1.3.4. Gestión de Turnos
Desde tiempos remotos para la realización de cualquier tipos de procesos en
instituciones ya sea públicas o privadas, es necesario obtener un turno para ser
atendido, unos pueden ser automatizados otros realizados manualmente el fin es
satisfacer la petición que realizan los usuarios al llegar a la ventanilla de atención al
cliente.
En la aplicación gestión de turnos el proceso que se cumplirá para la generación de un
turno es:
• Registrarse
• Elegir el departamento al cual quiere dirigirse
• Generar turno
• Imprimir el turno generado
1.3.5. Gestión de Turnos Especiales
En cualquier tipo de institución existe atención especial es decir a personas que se
encuentren en los siguientes aspectos: tercera edad, discapacidad, mujeres
embarazadas. Este tipo de usuarios tienen preferencias para poder realizar sus
trámites de la manera más rápida posible. De igual manera con la automatización de
turnos se tomara en cuenta la generación de turnos especiales así cumpliendo con
los requerimientos que solicita la municipalidad.
1.3.6. Control de Usuarios
1.3.6.1. Registro de usuarios
Al registrarse, el usuario va a disponer de un nombre y una contraseña que van a
hacer posible que, en el caso de tener problemas con la aplicación, nuestros
técnicos puedan hacer un seguimiento para solucionarlos. Por otra parte, el usuario
podrá cerrar la sesión e iniciarla de nuevo en el punto en el que se hubiera quedado,
ya que el sistema guarda el trabajo realizado.
1.3.6.2. Control de Sesiones
Para controlar las sesiones en PHP se utilizó la función session_start();. Esta función
simplemente nos va a crear para sesión en curso el vector $_SESSION, donde se
guarda distintos datos para la sesión en curso. Lógicamente las sesiones también se
pueden finalizar usando las siguientes funciones: session_unset() y
13
session_destroy(). Con la primera se desactiva el vector $_SESSION pero es con la
segunda con la que realmente se cierra la sesión. (jlmora, 2014)
1.3.6.3. Reportes personales
Experiencia de visualización de informes interactivos: los usuarios finales pueden
ordenar, filtrar y dar formato a los informes de manera dinámica dentro de los
visualizadores de informes (compatibles en .NET Webform y .NET Winform), todo sin
forzar una actualización de la base de datos. Los usuarios también pueden responder
más preguntas empresariales con menos archivos de informes. (CONSULTING, 2015)
1.3.7. Estructura de la Aplicación Web
1.3.7.1. Programación PHP
Conceptos generales
PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código
abierto muy popular especialmente adecuado para el desarrollo web y que puede
ser incrustado en HTML. Lo que distingue a PHP de algo del lado del cliente como
Javascript es que el código es ejecutado en el servidor, generando HTML y
enviándolo al cliente. El cliente recibirá el resultado de ejecutar el script, aunque no
se sabrá el código subyacente que era. El servidor web puede ser configurado
incluso para que procese todos los ficheros HTML con PHP, por lo que no hay
manera de que los usuarios puedan saber qué se tiene debajo de la manga. (PHP,
2015, pág. 1).
Características
Es un lenguaje multiplataforma.
El código fuente escrito en PHP es invisible al navegador y al cliente ya que es el
servidor el que se encarga de ejecutar el código y enviar su resultado HTML al
navegador.
Capacidad de conexión con la mayoría de los motores de base de datos que se
utilizan en la actualidad, destaca su conectividad con MySQL y PostgreSQL.
Capacidad de expandir su potencial utilizando la enorme cantidad de módulos Posee
una amplia documentación en su página oficial (Sitio Oficial), entre la cual se
destaca que todas las funciones del sistema están explicadas y ejemplificadas en un
único archivo de ayuda.
Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
14
Permite aplicar técnicas de programación orientada a objetos.
Ventajas y desventajas
Ventajas PHP
Una de las principales ventajas en el uso de PHP es que puede funcionar en un
servidor Windows y en LINUX. También, tiene muchas características para su fácil
manejo y aprendizaje ya que utiliza. Instrucciones sencillas que cualquier
programador promedio puede entender, aparte, tiene funciones incorporadas para
manejadores de bases de datos como MySQL, POSTGRE y hasta ODBC. (php,
2015)
Otra de las ventajas es que no tiene ningún costo y se puede descargar fácilmente
desde Internet.
PHP ejecuta más rápido las operaciones matemáticas que ASP.
Capacidad de conexión con la mayoría de los manejadores de base de datos. Permite
las técnicas de Programación Orientada a Objetos. (php, 2015)
Desventajas PHP
Se dificulta más a la hora de programar ya que no cuenta con códigos prediseñados
como los tiene ASP. (php, 2015)
1.3.8. Base de Datos Mysql
1.3.8.1. Definición
El sistema de base de datos operacional MySQL es hoy en día uno de los más
importantes en lo que hace al diseño y programación de base de datos de tipo
relacional. Cuenta con millones de aplicaciones y aparece en el mundo informático
como una de las más utilizadas por usuarios del medio. El programa MySQL se usa
como servidor a través del cual pueden conectarse múltiples usuarios y utilizarlo al
mismo tiempo. (ABC, Definición Abc, 2012, pág. 1)
1.3.8.2. Características
Una de las características más interesantes de MySQL es que permite recurrir a
bases de datos multiusuario a través de la web y en diferentes lenguajes de
programación que se adaptan a diferentes necesidades y requerimientos. Por otro
lado, MySQL es conocida por desarrollar alta velocidad en la búsqueda de datos e
información, a diferencia de sistemas anteriores. Las plataformas que utiliza son de
variado tipo y entre ellas podemos mencionar LAMP, MAMP, SAMP, BAMP y WAMP
(ABC,
15
Definición Abc, 2012, pág. 1)
1.3.8.3. Ventajas y Desventajas
Ventajas:
• MySQL software es Open Source
• Velocidad al realizar las operaciones, lo que le hace uno de los gestores con
mejor rendimiento.
• Facilidad de configuración e instalación.
• Baja probabilidad de corromper datos, incluso si los errores no se producen en
el propio gestor, sino en el sistema en el que está.
• Su conectividad, velocidad, y seguridad hacen de MySQL Server altamente
apropiado para acceder bases de datos en Internet.
• El software MySQL usa la licencia GPL.
Desventajas.
• Un gran porcentaje de las utilidades de MySQL no están documentadas.
• No es intuitivo, como otros programas (ACCESS).
1.3.8.4. Servidor XampServer
Definición
XAMP es el acrónimo usado para describir un sistema de infraestructura de internet
que usa las siguientes herramientas:
• Windows, como sistema operativo;
• Apache, como servidor web;
• MySQL, como gestor de bases de datos;
• PHP (generalmente), Perl, o Python, como lenguajes de programación.
16
1.3.8.5. Ventajas y Desventajas
Ventajas
• Interfaz intuitiva y permite poder trabajar con versiones anteriores.
• Otra de las ventajas de usar XampServer es que la instalación modificará los
archivos de configuración (*.conf) con la ruta donde finalmente se ubicará el
programa.
• También crea un directorio denominado ’WWW’ que será la raíz para tus
documentos. (XampServer, 2015)
Desventajas:
• Conocer un poco de Apache, PHP y MySQL.
• Otra desventaja es que todos los componentes vienen instalados y cualquier
usuario puede ingresar y alterar los códigos. (XampServer, 2015)
1.3.9. Seguridades Web
1.3.9.1. Amenazas web
Utilice tecnología de seguridad informática acreditada y procure mantenerla
actualizada. Instale siempre software de cortafuegos y detección de intrusiones y
manténgalo actualizado. Utilice los navegadores Web más recientes e instale los
parches de seguridad. Si usa Microsoft Windows, active la función "Actualización
automática". (TrendMicro, 2015, pág. 1)
Utilice un servicio de reputación de sitios Web (para una comprobación rápida de la
seguridad de una URL, visite nuestro Site Safety Center (ingl.)). Este tipo de servicio
puede etiquetar sitios potencialmente dañinos para su equipo. Extreme la atención
en sitios Web que requieren instalación de software. Lea siempre los acuerdos de
licencia detenidamente y cancele el proceso de instalación si se pretende instalar
otro programa además del deseado. Facilite información personal solo en sitios
Web que muestren un icono con forma de candado en la parte inferior del
navegador. (TrendMicro, 2015, pág. 1)
Desconfíe ante mensajes de correo electrónico inesperados o con aspecto extraño.
No abra nunca los datos adjuntos ni haga clic en los enlaces que aparecen en estos
mensajes de correo electrónico. (TrendMicro, 2015, pág. 1)
17
1.3.9.2. Protocolo http
Desde el punto de vista de las comunicaciones, está soportado sobre los servicios
de conexión TCP/IP, y funciona de la misma forma que el resto de los servicios
comunes de los entornos UNIX: un proceso servidor escucha en un puerto de
comunicaciones TCP (por defecto, el 80), y espera las solicitudes de conexión de los
clientes Web. Una vez que se establece la conexión, el protocolo TCP se encarga de
mantener la comunicación y garantizar un intercambio de datos libre de errores.
(Herramientas web, 2014)
HTTP se basa en sencillas operaciones de solicitud/respuesta. Un cliente establece
una conexión con un servidor y envía un mensaje con los datos de la solicitud. El
servidor responde con un mensaje similar, que contiene el estado de la operación y
su posible resultado. Todas las operaciones pueden adjuntar un objeto o recurso
sobre el que actúan; cada objeto Web (documento HTML, fichero multimedia o
aplicación CGI) es conocido por su URL. (Herramientas web, 2014)
1.3.9.3. Encriptación MD5
Es un algoritmo que proporciona un código asociado a un archivo o un texto
concretos. De esta forma, a la hora de descargar un determinado archivo, como
puede ser un instalador, el código generado por el algoritmo, también llamado hash.
1.3.10. Framework JQuery Mobile
Primero que nada, jQuery es una librería JavaScript open-source, que funciona en
múltiples navegadores, y que es compatible con CSS3. Su objetivo principal es
hacer la programación “scripting” mucho más fácil y rápida del lado del cliente. Con
jQuery se pueden producir páginas dinámicas así como animaciones parecidas a
Flash en relativamente corto tiempo.
JQuery Mobile es un framework desarrollado por jQuery que combina HTML5 y
jQuery para la creación de portales web móviles. Nos permite generar aplicaciones
cuya apariencia será siempre la misma independientemente del dispositivo desde el
que acceda un usuario siempre que este usuario acceda desde un dispositivo que
acepte HTML5. (Barrios, 2013, pág. 1)
Este framework nos provee de ciertas herramientas que nos hacen la tarea de crear
una página mucho más sencilla. Con unas pocas asignaciones de atributos HTML
18
podremos generar increíbles interfaces muy usables y accesibles. (Barrios, 2013,
pág.1)
1.3.10.1. Funcionalidad
Un punto a favor para este framework es que las aplicaciones generadas a través de
él cumplen con los estándares de accesibilidad 1.0. Muchos de los componentes de
jQuery Mobile utilizan técnicas como el control del foco, la navegación a través del
teclado o los atributos HTML especificados por la especificación W3C WAI-ARIA.
Actualmente están trabajando para cumplir absolutamente con los entandares de
accesibilidad, y su objetivo es que todos su componentes cumplan con las normas
de accesibilidad 1.0. (Barrios, 2013, pág. 1)
1.3.10.2. Características
Como es lógico, la respuesta es sí. Su sintaxis sigue siendo la misma pero han
ampliado el número de funciones y métodos para dar cabida a todas las nuevas
funcionalidades de HTM5 como la geo localización, acelerómetro, o eventos que
detecten el control con el dedo sobre la pantalla. Cada componente tiene sus
propias funcionalidades Javascript y sus propios métodos de control. (Barrios, 2013,
pág. 1)
Creado sobre jQuery con arquitectura de jQueryUI: Los propios creadores de jQuery
usaron su experiencia para desarrollar el framework para móviles y además
implementaron la arquitectura diseñada para las librerías de interfaces de usuario
jQueryUI. Por tanto se trata de un producto muy bien pensando, en base a la
experiencia de años.
Está desarrollado para trabajar con HTML5: de hecho, estamos obligados a hacer
páginas HTML5 para aprovechar todas las características del framework.
Repleto de automatismos: Si ya era fácil hacer Ajax en jQuery, todavía es más fácil
en jQueryMobile. De hecho, si el framework capta que puede hacer una conexión
Ajax en lugar de una convencional, lo hace automática por Ajax. Y eso es solo un
ejemplo, también son automáticas las transiciones entre páginas, la personalización
del aspecto de la página, etc.
Preparado para dispositivos táctiles: Los dispositivos táctiles tienen cambios en la
gestión de eventos y jQuery Mobile nos facilita la labor de adaptarnos a ellos.
19
Personalización de temas: Igual que ocurría con las jQueryUI, el jQuery Mobile
podemos elegir entre varios temas gráficos ya listos para aplicar al aspecto de
nuestra página. Además, podemos crear nuestros propios temas personalizados.
Compatible con el mayor número de plataformas, los creadores del framework
comentan entre sus características que se han esforzado para cubrir el mayor número
de plataformas de dispositivos móviles posible. Dicen que el target que han buscado
es mayor que el del resto de frameworks disponibles en el mercado.
1.3.10.3. Para que Sirve
No tener que lidiar con las particularidades de cada navegador. Desarrollar una vez
con código jQuery y que se vea correctamente en todos los navegadores del
mercado. Incluso, cuando saquen otro navegador, o versiones nuevas de los
existentes, que no tengas que retocar tu código para adaptarlo también a ellos.
(Duarte, 2013)
También sirve para escribir menos código fuente y hacer cosas más espectaculares.
1.3.10.4. Compatibilidad
No obstante, cabe señalar existen diversos grados de compatibilidad para cada
sistema, o mejor dicho, para cada navegador dentro de cada familia de dispositivos.
En la documentación del framework, en la sección de (Duarte, 2013)
Supported Platforms, veremos que el grado de compatibilidad está dividido en tres
niveles distintos, desde Grado-A (donde están la mayoría navegadores para iOS y
Android, así como BlackBerry, Palm WebOS, los navegadores de ordenadores de
escritorio, etc.) a Grado-B (donde encontramos a Symbian, Opera Mini 5.0 y 6.0 para
iOS o Balckberry 5.0) o Grado-C (con el resto de los smartphones, entre los que se
encuentra Windows Mobile o Blackberry 4). (Duarte, 2013)
En resumen, que según apuntan en la documentación, solo se ha dejado sin soporte
deliberadamente en esta versión 1.0 del framework el sistema Samsung Bada (El
sistema operativo propietario de Samsumg para smartphones), aunque dicen que
probablemente funcione relativamente bien incluso sin haberla probado, pues
todavía no hay dispositivos o emuladores. (Duarte, 2013)
20
1.3.10.5. Su Origen
Query fue publicado por primera vez en Enero del 2006 en “BarCamp NYC” por John
Resign. Soporte para AJAX fue agregado un mes después, y el modelo de
licenciamientos open source del MIT fue adoptado en Mayo de ese mismo año.
Doce meses después, en Septiembre del 2007, jQuery ya mostraba una nueva
interfaz de usuario y ya adquiría gran popularidad, y exactamente un año después,
en Septiembre 2008, Microsoft y Nokia anunciaron su soporte. Microsoft ha tratado
de adoptar jQuery para usarlo en Visual Studio (integrándolo en el Framework AJAX
de ASP.NET), y Nokia lo ha integrado en la plataforma de desarrollo de widgets.
(Duarte, 2013)
1.3.10.6. Ventajas
La ventaja principal de jQuery es que es mucho más fácil que sus competidores.
Usted puede agregar plugins fácilmente, traduciéndose esto en un ahorro
substancial de tiempo y esfuerzo. De hecho, una de las principales razones por la
cual Resig y su equipo crearon jQuery fue para ganar tiempo (en el mundo de
desarrollo web, tiempo importa mucho). (Duarte, 2013)
La licencia open source de jQuery permite que la librería siempre cuente con soporte
constante y rápido, publicándose actualizaciones de manera constante. La
comunidad jQuery es activa y sumamente trabajadora.
Otra ventaja de jQuery sobre sus competidores como Flash y puro CSS es su
excelente integración con AJAX.
21
1.4. Conclusiones parciales del capítulo
• En el primer capítulo se habla sobre las diferentes herramientas y procesos que
se utilizaran para el desarrollo de software de manera segura y eficaz para poder
satisfacer las necesidades que presentan la entidad a la cual se va aplicar este
presente proyecto, de la misma manera se menciona la metodología que se va
utilizar para el impulso de la misma.
• Por otro lado también se ha hablado acerca de la evolución del objeto de
investigación y se conoce que no ha tenido gran cambio en lo que es atención al
cliente, la municipalidad se mantiene con su forma tradicional de trabajo.
• También acerca de las aplicaciones móviles, en la actualidad la tecnología móvil
está en auge y todas empresas privadas o entidades públicas se verán en la
necesidad de implementar para mantenerse a la par de la tecnología.
• Por último cabe mencionar que la automatización de procesos ayuda en gran
manera ya que cada proceso realizado sustituye grandes demoras ya que
anteriormente se realizaban de forma manual, así optimizando tiempo,
satisfaciendo al administrador y al cliente.
22
CAPÍTULO II. MARCO METODOLÓGICO Y PLANTEAMIENTO DE LA
PROPUESTA
2.1. Caracterización del sector, rama, empresa, contexto institucional o
problema seleccionado para la investigación.
El municipio Otavalo, es una entidad pública que a lo largo de su existencia ha
brindado el mejor servicio posible a su población tales como: Informar y asesorar al
usuario en función de sus necesidades, dar a conocer al usuario sobre la normativa
jurídica, apoyar al usuario en la realización de trámites, informar y asesorar sobre la
renovación de permisos y patentes municipales, permiso ambiental, permisos de
transporte, permisos de matriculación y uso de vía pública, permisos del ministerio
de turismo, permisos del cuerpo de bomberos.
La municipalidad tiene la estructura organizacional dividida en tres funciones
principales que son: función legislativa que está constituida por el concejo municipal
con sus respectivas comisiones de consejo, función ejecutiva su eje principal que es
la Alcaldía que permite la coordinación general y gestión internacional y finalmente la
función participativa que conforma la asamblea cantonal, seguridad ciudadana y
operaciones emergentes.
El Gobierno Autónomo Descentralizado GAD de Otavalo se encuentra ubicada en
la provincia de Imbabura, cantón Otavalo, calle García Moreno 505 y Simón Bolívar
frente al parque Bolívar.
2.2. Descripción del procedimiento metodológico para el desarrollo de la
investigación
2.2.1. Metodología de la Investigación
2.2.1.1. Deductivo e Inductivo
Para el desarrollo de la investigación se emplearon el método deductivo que puede
ser evidenciado en el análisis de los procesos de gestión de turnos que actualmente
la municipalidad brinda a la ciudadanía en general, y mediante ello obtener la
información necesaria para realizar un diagnóstico acerca de las deficiencias que se
puede encontrar en este proceso, El método inductivo determinó las características,
parámetros y relaciones que existiría entre el software móvil y los usuarios finales
que son los ciudadanos del cantón Otavalo.
23
2.2.1.2. Cuantitativa y Cualitativa
La presente investigación es cuantitativa ya que los procesos de gestión de turnos
fueron analizados a partir de datos numéricos generados por las encuestas y
entrevistas, y cualitativa porque con los resultados obtenidos, se determinó el
impacto que tendrá el software basado en aplicaciones web y móviles.
2.2.2. Población y Muestra
2.2.2.1. Población
Para la obtención de datos se aplica una encuesta a los ciudadanos de Otavalo, que
son 104.874 habitantes, datos adquiridos gracias al último censo del INEC
población por área según provincias, cantones, y parroquias del 2010 en los
sectores urbano y rural.
Debido al extenso número de habitantes, se analizó el último censo realizada por el
INEC, en la categoría de población por grupos de edad según la provincia, cantón,
parroquia y área de empadronamiento. Se tomó en cuenta los habitantes del cantón
Otavalo entre 21 y 80 años de edad, esto es 28.945 habitantes.
Así también se realiza la encuesta a los empleados del departamento de atención al
cliente de la municipalidad.
Por otro lado se realizó una entrevista a la coordinadora del departamento de atención
al cliente la Lic. Mayra Rosales.
Tabla 2 Población
Elemento Población Técnica
Lic. Mayra Rosales
Coordinadora
1
Entrevista
Empleados del Departamento 5 Encuesta
Ciudadanía de Otavalo 28.945 Encuesta con
Muestra
Fuente: Autor
24
2.2.2.2. Muestra
Debido al extenso número de habitantes de la ciudad de Otavalo, para sacar la
muestra se aplicó la siguiente formula.
Dónde:
N: Tamaño de la Muestra.
Z: Nivel de confiabilidad: 1,96
P: Probabilidad de que el evento ocurra (0,5) o 50%.
Q: Probabilidad de que el evento no ocurra (0,5) o 50%.
E: Error de muestreo 0,05 o 5%.
N: Tamaño Poblacional (28.945 habitantes de Otavalo)
2.2.2.3. Muestra corregida
Dónde:
Nc = muestra corregida
N = muestra obtenida sin corregir
25
2.2.3. Técnicas de la Investigación
Para la obtención de datos se aplicó una encuesta a los ciudadanos del cantón
Otavalo, tanto del sector urbano como del sector rural, así también se realiza la
encuesta a los empleados del departamento de atención al cliente, por último se
realizó una entrevista a la coordinadora del departamento de atención al cliente la Lic.
Mayra Rosales.
2.2.4. Herramientas
La herramienta que se utilizó es el cuestionario, un cuestionario dirigido a los
trabajadores del departamento de atención al cliente otro cuestionario diferente a la
coordinadora del departamento Lic. Maya Rosales, por último se aplicó también el
cuestionario dirigido a los ciudadanos del cantón Otavalo tomando en cuenta la
muestra determinada con anterioridad.
2.2.5. Análisis de Resultados
Una vez realizadas las encuestas se procedió a realizar el análisis de las mismas, los
resultados obtenidos fueron los siguientes:
Encuesta dirigida a los empleados del departamento de atención al cliente del
“MUNICIPIO DE OTAVALO”.
Objetivo: Esta encuesta tiene como objetivo de conocer como realiza los procesos
de gestión de turnos actualmente en el municipio, para adquirir la información
necesaria para el desarrollo del sistema de automatización.
26
1. ¿Cree usted que el proceso de gestión de turnos que se realiza es el
correcto?
Tabla 3 Gestión de Turnos
Indicador Nro. Encuestados Porcentaje
Si 4 90%
No 1 10%
Total 5 100%
Fuente: Autor
Figura 2 Gestión de Turnos
Fuente: Autor
Interpretación: Por medio de la tabulación de los datos se puede observar que el
mayor número de los empleados del departamento creen que la gestión que realizan
es la correcta y adecuada.
¿Cree usted que el proceso de gestión de
Turnos que se realiza es el correcto?
SI NO
27
2. ¿Ha notado algún tipo de inconformidad por parte de los ciudadanos que
acuden al municipio?
Tabla 4 Inconformidad
Indicador Nro. Encuestados Porcentaje
Si 2 40%
No 3 60%
Total 5 100%
Fuente: Autor
Figura 3 Inconformidad
Fuente: Autor
Interpretación: Gracias a la información obtenida se llega a la conclusión que existe
un número de clientes que muestran inconformidad con la atención que brindan los
empleados en la actualidad.
¿Ha notado algún tipo de inconformidad por parte
de los ciudadanos que acuden al munici pio?
Si. No.
28
3. ¿Cómo calificaría usted la manera de gestionar los turnos actualmente?
Tabla 5 Calificación
Indicador Nro. Encuestados Porcentaje
Bajo 1 10%
Medio 1 10%
Alto 3 80%
Total 5 100%
Fuente: Autor
Figura 4 Calificación
Fuente: Autor
Interpretación: Los resultados obtenidos nos muestran que la calificación a la manera
de gestionar los turnos es el correcto
¿Cómo calificaría usted la manera de gestionar
los turnos actualmente?
Bajo Medio Alto
29
4. ¿Cuenta el departamento con el personal suficiente para satisfacer a la
ciudadanía de manera eficaz?
Tabla 6 Personal Suficiente
Indicador Nro. Encuestados Porcentaje
Si 5 100%
No 0 0%
Total 5 100%
Fuente: Autor
Figura 5 Personal Suficiente
Fuente: Autor
Interpretación: Mediante la herramienta aplicada se pudo conocer el criterio de los
empleados que si tienen el personal suficiente para brindar la atención necesaria.
¿Cuenta el departamento con el personal suficiente
para satisfacer a la ciudadanía de manera eficaz?
Si. No.
30
5. ¿Realizan algún reporte de los usuarios que atienden diariamente?
Tabla 7 Reporte Usuario
Indicador Nro. Encuestados Porcentaje
Si
0
0%
No 5 100%
Total 5 100%
Fuente: Autor
Figura 6 Usuarios
Fuente: Autor
Interpretación: Gracias a la encuesta realizada se pudo conocer que los empleados
no realizan ningún tipo de reportes diarios.
¿Realizan algún reporte de los usuarios que
atienden diariamente?
Si. No.
31
6. ¿Aproximadamente cuantos usuarios atiende usted diariamente en este
rango?
Tabla 8 Usuarios Atendidos
Indicador Nro. Encuestados Porcentaje
10 a 20 1 10%
30 a 40 1 10%
50 a 60 3 80%
Total 5 100%
Fuente: Autor
Figura 7 Usuarios Atendidos
Fuente: Autor
Interpretación: Los resultados demuestran que el departamento de atención al cliente
atiende alrededor de 50 a 60 personas por ventanilla.
¿Aproximadamente cuantos usuarios atiende
usted diariamente en este rango?
a 20 10 30 a 40 50 a 60
32
7. ¿Cree usted que poseen todo los equipos necesarios actualmente?
Tabla 9 Equipos Necesarios
Indicador Nro. Encuestados Porcentaje
Si 0 0%
No 5 100%
Total 5 100%
Fuente: Autor
Figura 8 Equipos Necesarios
Fuente: Autor
Interpretación: Los empleados muestran en su totalidad que no tienen el equipo
necesario para mejorar el proceso de gestión de turnos.
¿Cree u sted que poseen todo los equipos necesarios
actualmente?
Si. No.
33
8. ¿Los reportes que realiza diariamente queda almacenada de alguna
manera?
Tabla 10 Reportes
Indicador Nro. Encuestados Porcentaje
Si 0 0%
No 5 100%
Total 5 100%
Fuente: Autor
Figura 9 Almacenamiento
Fuente: Autor
Interpretación: Gracias a la encuesta realizada se pudo conocer que no realizan
reportes y por ende no queda registrado ningún tipo de datos de cada uno de los
usuarios atendidos
¿Los reportes que realiza diariamente queda
almacenada de alguna manera?
Si. No.
34
9. ¿Cómo controlan su entrada y salida del trabajo?
Tabla 11 Entrada y Salida
Indicador Nro. Encuestados Porcentaje
10 a 20 0 0%
30 a 40 0 0%
Total 0 O
Fuente: Autor
Figura 10 Entrada y Salida
Fuente: Autor
Interpretación: con la tabulación aplicada se pudo concluir que los empleados
registran su entrada y salida mediante un software digital.
¿Cómo controlan su entrada y salida del trabajo?
firma huella digital
35
10. ¿Con que frecuencia, suele tener inconvenientes en el proceso de
generación de turnos?
Tabla 12 Inconvenientes
Indicador Nro. Encuestados Porcentaje
Siempre 0 0%
Frecuentemente 0 0%
Rara Vez 5 100%
Nunca 0 0%
Total 5 100%
Fuente: Autor
Figura 11 Proceso de Generación
Fuente: Autor
Interpretación: Mediante esta herramienta aplicada se pudo conocer que los
empleados coinciden en su totalidad que los usuarios rara vez muestran
inconformidad
¿Con que frecuencia, suele tener inconvenientes
en el proceso de generación de turnos?
Siempe Frecuentemente Rara Vez Nunca
36
Encuesta dirigida a los ciudadanos del cantón Otavalo.
Objetivo: Esta encuesta tiene como objetivo de conocer como realiza los procesos
de gestión de turnos actualmente en el municipio, para adquirir la información
necesaria para el desarrollo del sistema de automatización.
1. ¿Con que frecuencia acude usted al municipio a realizar algún tipo de
trámites?
Tabla 13 Frecuencia de Atención
Indicador Nro. Encuestados Porcentaje
Siempre 30 25%
Frecuentemente 20 10%
Rara Vez 100 45%
Nunca 40 30%
Total 190 100%
Fuente: Autor
Figura 12 Frecuencia
Fuente: Autor
Interpretación: Se pudo conocer que la mayoría de ciudadanos acuden rara vez al
municipio.
¿Con que frecuencia acude usted al municipio a
realizar algún tipo de trámites?
Siempe Frecuentemente Rara Vez Nunca
37
2. ¿El proceso actual de asignación de turnos que el municipio ofrece como lo
calificaría?
Tabla 14 Asignación de Turnos
Indicador Nro. Encuestados Porcentaje
Cumple expectativas 40 20%
Cumple Medianamente 120 70%
No cumple
expectativas
30 10%
Total 190 100%
Fuente: Autor
Figura 13 Entrada y Salida
Fuente: Autor
Interpretación: Mediante esta encuesta realizada se pudo saber que la opinión de los
ciudadanos acerca de la atención que brindan en el municipio cumple medianamente
¿Cómo controlan su entrada y salida del trabajo?
Cumple Medianamente No cumple
38
3. ¿Ha tenido usted algún inconveniente al momento de obtener su turno
cuando va a realizar sus trámites personales?
Tabla 15 Inconvenientes Turnos
Indicador Nro. Encuestados Porcentaje
Si 60 20%
No 130 80%
Total 190 100%
Fuente: Autor
Figura 14 Obtener Turno
Fuente: Autor
Interpretación: con la tabulación realizada nos permitió conocer que la mayoría de
usuarios que acude al municipio no han tenido ningún tipo de inconvenientes.
¿Ha tenido usted algún inconveniente al momento
de obtener su turno cuando va a real izar sus
trámites personales?
Si. No.
39
4. ¿Cómo calificaría usted el tiempo de espera que se realiza para ser
atendidos?
Tabla 16 Tiempo de Espera
Indicador Nro. Encuestados Porcentaje
Normal 30 15%
Extenso 20 10%
Muy extenso 140 75%
Total 190 100%
Fuente: Autor
Figura 15 Control de Personal
Fuente: Autor
Interpretación: La mayoría de ciudadanos coincide que el tiempo de espera para
realizar sus trámites es muy extenso
¿Cómo controlan su entrada y salida del trabajo?
Normal Extenso Muy extenso
40
5. ¿Dispone del servicio de Internet en su hogar?
Tabla 17 Servicio de Internet
Indicador Nro. Encuestados Porcentaje
Si 140 80%
No 50 20%
Total 190 100%
Fuente: Autor
Figura 16 Servicio de Internet
Fuente: Autor
Interpretación: Gracias a realizar esta encuesta se pudo conocer que la mayor
cantidad de usuarios no cuentan con servicio de internet en sus hogares.
¿Dispone del servicio de Internet en su hogar?
Si. No.
41
6. ¿Tiene algún tipo de conocimiento acerca de aplicaciones móvil?
Tabla 18 Conocimiento
Indicador Nro. Encuestados Porcentaje
Si 50 20%
No 140 80%
Total 190 100%
Fuente: Autor
Figura 17 Aplicación Móvil
Fuente: Autor
Interpretación: Se pudo evidenciar mediante esta herramienta que un 30% son las
que tienen conocimiento acerca de aplicaciones móviles.
¿ Tiene algún tipo de conocimiento acerca de
Aplicaciones móvil?
Si. No.
42
7. ¿Qué nivel de manejo e interacción tiene con su dispositivo móvil?
Tabla 19 Manejo e Interacción
Indicador Nro. Encuestados Porcentaje
Alto 35 10%
Medio 35 10%
Bajo 120 80%
Total 190 100%
Fuente: Autor
Figura 18 Manejo e Interacción
Fuente: Autor
Interpretación: Gracias a esta herramienta pudimos conocer la capacidad de los
usuarios al interactuar con un dispositivo móvil y es un nivel bajo en su mayoría
¿Qué nivel de manejo e interacción tiene con su
dispositivo móvil?
Alto Medio 50 a 60
43
8. ¿Cree usted que sería algo innovador poder generar un turno desde su
dispositivo móvil?
Tabla 20 Innovación
Indicador Nro. Encuestados Porcentaje
Si 132 80%
No 58 20%
Total 190 100%
Fuente: Autor
Figura 19 Innovador
Fuente: Autor
Interpretación: Se pudo conocer la opinión de los ciudadanos y la mayoría comenta
que si es una idea innovadora y esperan que sea de mucha utilidad.
¿Cree usted que sería algo innovador poder generar
un turno desde su dispositivo móvil?
Si. No.
44
9. ¿Le gustaría poder obtener su turno desde la comodidad de su hogar?
Tabla 21 Comodidad
Indicador Nro. Encuestados Porcentaje
Si 137 80%
No 53 20%
Total 190 100%
Fuente: Autor
Fuente: Autor
Interpretación: Por medio de la tabulación se pudo conocer que la mayoría de
personas si les gustaría obtener sus turnos desde la comodidad de su hogar.
Le gustaría poder obtener su turno desde la comodidad de su hogar?
SI NO
Figura 20 Comodidad
45
10. ¿Está usted dispuesto (a), a descargar y dar uso de nuestra aplicación una
vez implementada?
Tabla 22 Descargar
Indicador Nro. Encuestados Porcentaje
Si 20 10%
No 36 10%
Tal vez 134 80%
Total 190 100%
Fuente: Autor
Figura 21 Descarga Aplicación
Fuente: Autor
Interpretación: Gracias a la tabulación realizada se pudo evidenciar que la opinión
de los usuarios es que si les gustaría descargar y probar la funcionalidad de la
aplicación web que se va a implementar
¿Está usted dispuesto (a), a descargar y dar uso
de nuestra ap licación una vez implementada?
Si No Tal vez
46
Entrevista dirigida a la coordinadora del departamento de atención al cliente del
“MUNICIPIO DE OTAVALO”: Lic. Mayra Rosales.
Objetivo: Esta entrevista tiene como objetivo de conocer como realiza los procesos
de gestión de turnos actualmente en el municipio, para adquirir la información
necesaria para el desarrollo del sistema de automatización.
1. ¿Qué tipos de procesos realiza el departamento de atención al cliente de
“MUNICIPIO DE OTAVALO”?
• Generamos turnos
• Contamos con Ventanillas de atención
• Recepción de documentos
• Apoyo a proceso de trámites
2. ¿Cómo se realiza el proceso de gestión de turnos actualmente?
Contamos con un personal que atiende a las personas y asigna un turno según a la
ventanilla que desea dirigirse.
3. ¿Con cuántas ventanillas cuenta el departamento de atención al cliente?
• 4 Ventanillas
4. ¿Cree usted que la atención que se brinda actualmente es la correcta y suficiente
para los usuarios?
• Existe el personal altamente capacitado para brindar atención merecida a los
usuarios, pero no estaría demás incorporar un sistema que ayude a satisfacer
todas las necesidades de los ciudadanos.
5. ¿Cuentan con el personal suficiente para gestionar los turnos de manera rápida?
• No
6. ¿Enumere los inconvenientes que cree usted que deberían ser analizado para el
desarrollo del sistema de automatización?
• Tiempo de espera
• Aglomeración de personas
47
7. ¿Cuál es la incidencia que sucede con más frecuencia?
• Quejas que el tiempo de espera es demasiado largo y muchas veces no existe
ayuda para realizar sus trámites de manera rápida
8. ¿Realizan reportes diarios, semanales, mensuales de los usuarios atendidos?
• Cada empleado debe entregar un informe semanal y mensual de su trabajo
realizado en archivos de Word.
9. ¿Cuáles son los requerimientos que el departamento solicita para el desarrollo de
la aplicación móvil?
• Fácil Manejo
• Procesos Rápidos
• Que se rija a la gestión de turnos establecida en el departamento
10. ¿Cree usted que la ciudadanía, acepte de buena manera la implementación de
una aplicación móvil?
• Si
48
2.3. Propuesta del investigador modelo, sistema, metodología, procedimiento.
En primera instancia se realizó un análisis de la estructura del Municipio de la Ciudad
de Otavalo y específicamente el área de atención al cliente, para determinar el estado
actual de sus procesos, y obtener los problemas que acontecían en dicho
departamento, posteriormente debido a que se necesitaba obtener información real del
problema a solucionar se procedió a realizar encuestas tanto a trabajadores como a
ciudadanos y entrevistar a la Directora del departamento la Lic. Mayra Rosales, para
obtener diferentes puntos de vista y seguidamente aplicarlo en el software.
Una vez hecho esto se inició con el desarrollo de la aplicación, utilizando la
metodología XP, después se estableció un período de pruebas para obtener datos
sobre el desenvolvimiento de la aplicación en un entorno real, así como también
pactar cambios, finalmente se entregó la aplicación, obteniendo resultados positivos y
de aceptación por parte de los trabajadores, Ciudadanos, y directores del área de
atención al cliente.
2.4. Conclusiones parciales del capítulo
• Tomando en cuenta que la aplicación se implementará con la finalidad de disminuir
el tiempo de espera del usuario, deberá ser un software bastante rápido en el
proceso de asignación de turnos.
• La aplicación web debe contar con un módulo de registro y control de usuarios, con
la finalidad de que no exista generación repetitiva de turnos por un solo usuario ya
sea por error o por el simple gusto de incomodar el lúcido trabajo del departamento,
así generando pérdida de tiempo y malestares.
• La ciudadanía de Otavalo mediante una encuesta realizada manifestó que no tienen
el suficiente conocimiento e interacción con dispositivos móviles por lo cual debe
ser un sistema sencillo y de fácil manejo.
• Por su pare la tecnología Jquery Mobile necesariamente es implementada en el
sistema, por la razón que los usuarios cuentan con diferentes dispositivos móviles
con diferentes plataformas lo ideal es satisfacer la mayor ciudadanía posible.
49
CAPÍTULO III. VALIDACIÓN Y/O EVALUACIÓN DE LOS RESULTADOS DE SU
APLICACIÓN
3.1. Procedimientos de la aplicación de los resultados de la investigación
En esta fase, los empleados y la coordinadora del departamento de atención al cliente
del municipio de la ciudad de Otavalo, plantearon desde sus diferentes puntos de vista
las necesidades y requerimientos que solicitan los usuarios mediante (encuestas y
entrevista) permitiendo la recopilación de información necesaria para continuar con el
desarrollo del sistema. Así como el reconocimiento de su estructura organizacional,
estructuración de las actividades a desarrollar, etc.
Se realizó un diseño de fácil manejo, reducir el tiempo de espera es uno de los
requerimientos más importantes del sistema por lo cual el procedimiento de generar
turno se lo realiza en tres simples pasos (registro, elección de departamento e
impresión del turno generado), Durante el desarrollo del sistema se realizó varias
pruebas constantes, primero para verificar el correcto funcionamiento, luego para
corregir los posibles errores que existían proceso de generación de turnos, probar con
datos reales, verifica y valida estándares…etc.
3.2. Análisis de los resultados finales de la investigación
3.2.1. Metodología XP
En el desarrollo del presente proyecto se utilizó la metodología XP, la cual brinda una
serie de pasos metodológicos detallados a seguir, también una forma disciplinada de
asignar las tareas y una excelente administración de requisitos, y con la cual es más
factible obtener un software de calidad que se adapte a las necesidades de los
ciudadanos.
Los principales beneficiarios del sistema de gestión de turnos son los empleados y
administrativo del departamento de atención al cliente, quienes pueden llevar un
control organizado de los procesos que se realiza, dependiendo de los privilegios que
se tengan cada uno de los usuarios, mejorando así la calidad de servicio a la
ciudadanía.
50
3.2.1.1. Fase 1: Planificación
a. Cronograma de Actividades
Para la correcta ejecución y desarrollo del proyecto se realizó un el cronograma de trabajo donde se evidencia todas las actividades y
tiempos establecidos.
Figura 22 Cronograma de actividades 1
Fuente: Autor
51
Figura 23 Cronograma de Actividades 2
Fuente: Autor
51
52
Figura 24 Cronograma de Actividad 3
Fuente: Autor
53
b. Historias del usuario
Las historias de usuario a utilizar en el desarrollo contienen los siguientes elementos:
Nombre de la Historia: Nombres con el que se identificará la historia del usuario en la
ficha técnica, contiene un código único y un nombre que lo describe el código.
Días Estimados: Elementos cualitativo que mide la máxima preferencia, permite
analizar lo que es mayor importancia y requiere más atención, dando el valor 1 como
el rango de mayor grado, valor 2 como el nivel medio y valor 3 como el rango de
menor grado.
Estado: Se va a indicar en que la etapa en la que se encuentra la historia de usuario
este pueda ser.
Descripción: Rápida explicación de lo que trata la historia de usuario, en palabras
sencillas que los cliente puedan entender, para que facilite la comunicación entre los
cliente y el equipo desarrollador.
Iteración 1: Gestión de Turnos en la aplicación Web
Esta primera iteración tiene como objetivo reflejar los requerimientos obtenidos para la
garantía en el acceso a la aplicación web dependiendo del tipo de usuario, sea este
administrador o usuario.
Tabla 23 Historia de Usuario
Nombre de la historia: Creación de la interfaz de inicio del
sistema
1
Días asignados: 1 Prioridad: Alta
Disposición: Planificada Estado: Definida Iteración asignada: Iteración 1
Descripción: Diseño de la interfaz donde el usuario podrá
ver los artículos, ayudas e ingreso
Fuente: Autor
HISTORIA DE USUARIO
54
Tabla 24 Historia de Usuario 2
Nombre de la historia: Validación del usuario
administrador
Días asignados: 1 Prioridad: Alta
Disposición: Planificada Estado: Definida Iteración asignada: Iteración 1
Descripción: Creación del componente que permitirá o negará el acceso a
un usuario con todos los privilegios de un administrador
Observación: El componente deberá validar los datos ingresados
Fuente: Autor
Tabla 25 Historia de Usuario 3
HISTORIA DE USUARIO
Nombre de la historia:
Creación de la interfaz para r
egistro de otros usuarios
Días asignados: 2 Prioridad: Media
Disposición: Planeada Estado: Definida
Iteración asignada: Iteración 1
Descripción: Diseño de componentes adecuados que serán usados para registrar al usuario en conexión
Observación: El componente deberá validar los datos ingresados
Fuente: Autor
HISTORIA DE USUARIO
55
Tabla 26 Historia de Usuario 4
HISTORIA DE USUARIO
Nombre de la historia Control y verificación de acceso
Días asignados: 1 Prioridad: Alta
Disposición: Planeada
Iteración asignada: Iteración 1
Descripción: Control de usuario mediante un nombre y contraseña correc una contraseña correcta
Estado:
Definida
Fuente: Autor
Tabla 27 Historia de Usuario 5
Nombre de la Creación de la interfaz para asignación de datos
historia:
Días asignados: 10 Prioridad: Medio
Disposición: Planeada Estado: Definida
Iteración asignada: Iteración 2
Descripción: Diseño y codificación de los formularios para le entrada de datos
Fuente: Autor
HISTORIA DE USUARIO
56
Tabla 28 Historia de Usuario 8
HISTORIA DE USUARIO
Nombre de la historia: Mostrar resultados
Días asignados: 5 Prioridad: Alta
Disposición: Planificada Estado: Planificada
Iteración asignada: Iteración 2
Descripción: Interfaz que permite verificar el turno asignado y hora estimada
Fuente: Autor
Tabla 29 Historia de Usuario 9
HISTORIA DE USUARIO
Nombre de la historia:
Entrega de un ticket de turno
realizado
Días asignados: 2 Prioridad: Alta
Disposición: Planificada Estado: Definida
Iteración asignada: Iteración 2
Descripción: Imprimir el ticket generado con sus respectivas indicaciones y detalles
Fuente: Autor
57
Iteración 2.- Conexión al módulo de base de datos
Tabla 30 Historia de Usuario 10
HISTORIA DE USUARIO
Nombre de la historia:
Creación de componentes par a almacenar datos
Días asignados: 10 Prioridad: Alta
Disposición: Planificada Estado: Definida
Iteración asignada: Iteración 3
Descripción: Recolección de datos de los diferentes módulos para diseñar interfaces
Fuente: Autor
Tabla 31 Historia de Usuario 11
HISTORIA DE USUARIO
Nombre de la historia:
Creación de interfaces para mostrar datos consultados
Días asignados: 5 Prioridad: Alta
Disposición: Planificada Estado: Planificación
Iteración asignada: Iteración 3
Descripción: Diseño de interfaces para mostrar consultas realizadas
Fuente: Autor
58
3.2.1.2. Fase 2: Diseño
Caso de Uso
En esta fase permite conocer características fundamentales que cada uno de los
actores puede realizar, ya que la aplicación tiene los módulos necesarios que puede
cumplir con cada petición dentro de la aplicación web realizada para el municipio de
Otavalo departamento de atención al cliente.
Caso de uso Numero 1
Figura 25 Caso de Uso Cliente
Fuente: Autor
Descripción de casos de uso del actor usuario
Tabla 32 Descripción caso de uso del Usuario
NOMBRE: Gestión de turnos
AUTOR:
Autor: Patricio Quishpe
Fuente: Patricio Quishpe
DESCRIPCIÓN:
Permite gestionar turnos en atención al cliente mediante aplicación web y móvil
ACTORES: Municipio de Otavalo
59
PRECONDICIONES: El usuario debe haberse registrado en el sistema
FLUJO NORMAL:
1. El actor se registra con datos reales
2. El actor visualiza departamentos y estados
de turnos actuales
3. El sistema genera un numero de turno
FLUJO ALTERNATIVO:
El sistema comprueba la validez de los datos, si los datos no son correctos, se avisa al actor de ello permitiéndole que los corrija.
POS CONDICIONES: El mensaje ha sido almacenado en el sistema
Fuente: Autor
Caso de uso Número 2
Figura 26 Caso de Uso Administrador
Fuente: Autor
60
Descripción de casos de uso del actor administrador
Tabla 33 Descripción caso de uso del Administrador
FLUJO El sistema comprueba la validez de los datos, si los datos
no son correctos, se avisa al actor de ello permitiéndole
que los
ALTERNATIVO corrija.
POS CONDICIONES: El mensaje ha sido almacenado en el sistema
Fuente: Autor
Caso de uso Numero 3
Figura 27 Caso de Uso Empleado
Fuente: Autor
AUTOR: Autor: Patricio Quishpe
Fuente: Patricio Quishpe
DESCRIPCIÓN: Permite gestionar turnos en atención al cliente mediante
aplicación web y móvil
ACTORES: Municipio de Otavalo
PRECONDICIONES:
El usuario debe haberse ingresar con su clave de
Administrador
FLUJO NORMAL:
1) Puede modificar empleados, departamentos
2) El actor puede visualizar reportes de toda los procesos que se realicen en el departamento
NOMBRE: Gestión de turnos
61
Descripción de casos de uso del actor empleado
Tabla 34 Descripción caso de uso del Empleado
AUTOR: Autor: Patricio Quishpe
Fuente: Patricio Quishpe
DESCRIPCIÓN: Permite gestionar turnos en atención al cliente mediante aplicación web y móvil
ACTORES: Municipio de Otavalo PRECONDICIONES: El usuario debe haberse ingresar con su clave de
Empleado
FLUJO NORMAL:
1) Atención al cliente
2) Gestionar clientes
3) El actor puede visualizar y realizar reportes
FLUJO ALTERNATIVO:
El sistema comprueba la validez de los datos, si los datos no son correctos, se avisa al actor de ello permitiéndole que los corrija.
POS El mensaje ha sido almacenado en el sistema CONDICIONES:
Fuente: Autor
NOMBRE: Gestión de turnos
62
Figura 28 Diagrama de Contexto
Fuente: Autor
El presente diagrama muestra la interacción o privilegios que el sistema brinda a los
diferentes usuarios que lo manipulan en este caso: empleados, clientes y
administrador, esta es una vista general del funcionamiento del sistema de gestión de
turnos.
Diseño de diagrama de contexto
APLICACIÓN WEB Y MOVIL
Datos de información
Datos referenciales
Datos referenciales
ADMINISTRADOR
Datos de información Datos referenciales
EMPLEADOS CLIENTES
Datos de gestión de turnos
63
Diagrama de Nivel 1
El diagrama de nivel 1, Representa más detalle que el diagrama de nivel 0, la cual
implica todos los procesos o gestión que va a realizar la aplicación, las cuales suelen
ser procesos de gestión de turnos, con el fin de satisfacer las necesidades del cliente.
Figura 29 Diagrama Nivel 1
Fuente: Autor
64
Diagrama de Clase
Este diagrama de clases representa la estructura de la base de datos, y de cómo están
conformadas las tablas relacionales entre sí para cumplir con las diferentes
funcionalidades de la aplicación web gestión de turnos.
Base de datos de Gestión de Turnos
La base de datos, que se ha realizado para el desarrollo de la aplicación web como
podemos aprecias es una BDD bastante pequeña que conforma cinco tablas cuatro de
ellas relacionadas y un que se encuentra apartada de los demás como podemos mirar
en el siguiente gráfico.
Figura 30 Base de Datos
Fuente: Autor
65
Diagrama de Actividades
Diagrama de actividades para registrar cliente: este diagrama nos explica el proceso
como un usuario nuevo se registra en el sistema los pasos a seguir son muy sencillos
y se los muestra a continuación.
Figura 31 Diagrama de Actividades Registro Clientes
Fuente: Autor
Diagrama de actividades para gestión de usuarios
Este es un diagrama específicamente para el administrador o también un empleado
del departamento el cual puede manipular los usuarios que se encuentran registrados
se puede añadir usuario, eliminar, modificar, dar de baja siguiendo los pasos que se
muestran en el diagrama.
Figura 32 Diagrama de Actividad para Gestión de Usuario
Fuente: Autor
Si
No
Si
66
Diagrama de estado para gestión de reportes de turnos
Para poder generar un turno, utilizando la aplicación web y móvil se debe realizar de la
siguiente manera.
Figura 33 Diagrama de actividad para gestión de reportes
Fuente: Autor
Formulario de generación de turnos
Figura 34 Formulario Generación de Turnos
Fuente: Autor
67
Formulario de administración de departamentos
Figura 35 Formulario de Administración
Fuente: Autor
Formulario de atención al cliente que ha obtenido su turno con anterioridad
Figura 36 Formulario Atención al Cliente
Fuente: Autor
68
3.2.1.3. Requerimientos
Para el desarrollo del presente proyecto de investigación se utilizó los siguientes
recursos
.
Tabla 35 Requerimientos Hardware
HARDWARE
Equipo Características
Laptop
HP pavilion g series
Windows 8.1 Pro
4GB Memoria Ram
200 GB Disco Duro
Procesador Intel i3
Computador de Escritorio
Windows 7 Profesional
2GB Memoria Ram
150 GB Disco Duro
Procesador Inter Core Duo
Flash Memory
Hp
8 GB
Dispositivo móvil
Samsung
Android versión 4.1.2 en adelante
Fuente Autor
Tabla 36 Requerimientos Software
SOFTWARE
Desarrollo Pagina Web Adobe Dreamweaver CS6 Tecnología php
Base de Datos MySQL Versión 1.2.17
Servidor web WammpServer Versión 2.5
Aplicación Móvil Android Studio Versión 1.5.1
Navegadores Web Google Chrome Mozilla Firefox
Fuente: Autor
69
3.2.1.4. Fase 3 Codificación
La metodología XP opta por la programación bien estructurada ya que permite un
código más eficiente y con una gran calidad, además sugiere un modelo de trabajo en
equipo usando repositorios de código dónde las parejas de programadores publican
cada pocas horas sus códigos implementados y corregidos junto a los test que deben
pasar.
Para el desarrollo de la página web se utilizó la herramienta de codificación
Dreamweaver, juntamente con la tecnología php, y crystal report para lo que es la
generación de reportes.
Por otro lado para el desarrollo de la aplicación móvil se utilizó el software android
studio el cual permite el uso de diferentes frameworks en este caso se usó el jquery
mobile el cual fue la tecnología de innovación que se utilizó en el desarrollo del
presente proyecto.
Conectarse a la Base de Datos
<?php
function
conectarse()
{
$conexion =
null; try
{
//$conexion =
pg_connect("dbname=ddr8bislb4p21h host=ec2-54-225-243-
113.compute1.amazonaws.com port=5432
user=hmadfgkigcyfly
password=tx24DCRCiJBKcMpEUtJjqJ0VnD sslmode=require");
$conexion = pg_connect("host=localhost dbname=aplicacion_dow
port=5432 user=postgres password=root"); if( $conexion == false )
throw new Exception( "Error PostgreSQL ".pg_last_error() );
}
catch( Exception $e )
{
throw $e;
}
return $conexion;
}
?>
Esta función nos permite conectarnos la BDD y trabajar conjuntamente con la
aplicación
Web.
70
Carga de imagen
function img_64($destino,
$img_64,
$extension, $nombre) { define('UPLOAD_DIR', $destino . '/');
$img_64 =
str_replace('data:image/png;base64,', '', $img_64);
$img_64 = str_replace(' ', '+', $img_64); $data_img = base64_decode($img_64);
$file = UPLOAD_DIR . $nombre . '.' .
$extension;
if ($success = file_put_contents($file,
$data_img)) {
return "true";
} else { return "false";
}
}
Este código nos permite guardar una imagen de productos, usuarios, etc
Guardar Datos
$sql = "insert into bodega values ('$id','" . strtoupper($_POST['nombre_bodega']) . "','" .
strtoupper($_POST['ubicacion_bodega']) .
"','$fecha','1')";
$guardar = guardarSql($conexion, $sql);
$data = "2";
Nos permite hacer un insert a la BDD y almacenar información deseada y ser utilizada
Modificar
$sql = "update bodega set nombre_bodega
= '" . strtoupper($_POST['nombre_bodega'])
"', ubicacion_bodega= '" . strtoupper($_POST['ubicacion_bodega']) . "', fecha_creacion
=
'$fecha' where id_bodega = '$_POST[id]'";
$guardar = guardarSql($conexion, $sql);
Permite modificar la información que se seleccionada
Función Texto
function txt(e){ var code; if (!e) var e = window.event; if (e.keyCode) code =
e.keyCode; else if (e.which) code = e.which; var character =
String.fromCharCode(code); varAllowRegex = /^[\ba-zA-Z\s-]$/; if
(AllowRegex.test(character)) return true; return false;
71
}
Esta función me permite validar los campos que sean necesarios que solo se ingrese
valores de tipo texto
Función Número
function num(evt) { varcharCode = (evt.which)
? evt.which : event.keyCode if (charCode> 31
&& (charCode< 48 || charCode> 57)) return
false; return true;
Esta función me permite validar los campos que sean necesarios que solo se ingrese
valores de tipo numérico ya sea entero o decimal
Generación de turnos aplicación móvil.
generar.setOnClickListener(new
View.OnClickListener() {
@Override
public void onClick(View view) {
request = new StringRequest(Request.Method.POST, URL, new
Response.Listener<String>() {
@Override
public void onResponse(String
response) { try {
JSONArray jsonarray = new JSONArray(response);
for(int i=0; i < jsonarray.length(); i++) {
JSONObject jsonobject = jsonarray.getJSONObject(i);
System.out.println(jsonobject.getString("resul"));
if (jsonobject.getString("resul").equals("2TURNOS")){
Toast.makeText(getApplicationContext(),"SOLO ESTA PERMITIDO LA
GENERACION DE
2 TURNO POR DÍA", Toast.LENGTH_SHORT).show();
}
if (jsonobject.getString("resul").equals("DEPYAGENERADO")){
Toast.makeText(getApplicationContext(),"USTED YA A GENERADO
UN
TURNO PARA ESTE DEPARTAMENTO", Toast.LENGTH_SHORT).show();
}if (jsonobject.getString("resul").equals("OK")){
Toast.makeText(getApplicationContext(),"!! CORRECTO !! turno generado
para:
"+departamento_selected, Toast.LENGTH_SHORT).show();
}}
} catch (JSONException e) {
e.printStackTrace();
}}
}, new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError error) {}}) {
72
@Override protected Map<String, String> getParams()
throws AuthFailureError { HashMap<String, String> hashMap
= new HashMap<String, String>(); hashMap.put("usuario",
parametros);
hashMap.put("departamento",
departamento_selected); return hashMap; }};
3.2.1.5. Fase 4 Pruebas
Durante el desarrollo del sistema se realizó varias pruebas constantes, primero para
verificar el correcto funcionamiento, luego para corregir los posibles errores que
existían en el sistema de Gestión de Turnos, probar con datos reales, verifica y valida
estándares…etc.
Lamentablemente por cuestiones administrativas de la municipalidad que no se
encuentra en manos de la coordinadora del departamento de atención al cliente Lcda.
Mayra Rosales, el proyecto CAF no se encuentra aún en marcha, razón por la cual el
sistema de gestión de turnos no se encuentra en una página web oficialmente en
funcionamiento, de la misma manera la aplicación móvil aún no se encuentra
disponible para su respectiva descarga, como respaldo de la presente situación la
institución emitió un certificado de ACEPTACIÓN Y ENTREGA, que se acordó con
anterioridad en el CONVENIO MARCO DE COOPERACIÓN INTERINSTITUCIONAL
que se encuentra en anexos.
Pruebas del Sistemas
Verificación de datos: En esta prueba se realiza los siguientes pasos.
• Instalación de aplicación móvil en diferentes dispositivos
• Cedulas incorrectas
• Prueba con dirección de correo ya existente
• Prueba con dirección de correo incorrecto
• Validación de la propuesta
73
Pruebas de instalación de la aplicación en diferentes dispositivos móviles.
Figura 37 Instalación aplicación Móvil
Fuente: Autor
Verificación de que la aplicación se ha podido instalar exitosamente en todo tipo de
dispositivo móvil
Figura 38 Verificación de Funcionamiento
Fuente: Autor
74
Pantalla de bienvenida a la aplicación móvil, instalada ya en un dispositivo móvil
Figura 39 Pantalla Principal
Fuente: Autor
Ingreso de cedula incorrecta o falsa
Figura 40 Prueba de Ingreso
Fuente: Autor
75
Resultado: Al ejecutar la prueba se demostró que el sistema no admite datos falsos
por la debida validación de los campos, detectándolos del lado del cliente y mostrando
un mensaje de alerta siendo correcta o incorrecta. De igual forma con los campos de
solo números los eventos de cada campo permite teclear únicamente los caracteres
habilitados mediante código ASCII.
Prueba de Sesiones
Sesión sin iniciar
Figura 41 Sesión Inactiva
Fuente: Autor
Sesión activa
Figura 42 Sesión Activa
Fuente: Autor
76
Pruebas de Navegador
Navegador Google Chrome
Título: Grafica del diseño del Formulario Principal
Figura 43 Página Web Principal
Fuente: Autor
Título: Formulario de generación de turno
Figura 44 Generar Turnos
Fuente: Autor
77
Navegador Firefox Mozilla
Título: Grafica del diseño del Formulario Principal
Figura 45 Bienvenida
Fuente: Autor
Título: Formulario de generación de turno
Figura 46 Turno Generado
Fuente: Autor
78
3.3. Conclusiones parciales del capítulo
• El tercer capítulo habla sobre la metodología utilizada para el desarrollo del
sistema de Gestión de Turnos, de manera detallada de sus fases y cumplir con la
meta que se planteó el cual es el desarrollo del software.
• Se realizó pruebas de diferentes tipos para ver la factibilidad y funcionalidad del
software, que nos permitió evidenciar el rendimiento, la rapidez y la compatibilidad
en diferentes navegadores.
• Debido a que la mayor parte de los usuarios utilizan de manera básica los
dispositivos móviles, el software fue desarrollado para que sus procesos sean
realizados de manera rápida y sencilla.
• Es importante mencionar también que el sistema, tiene relación tanto con
empleados, coordinadores y usuarios, de tal manera que se permite satisfacción
equitativa para cada persona.
79
CONCLUSIONES GENERALES:
La aplicación móvil de gestión de turnos permitirá avanzar en los procesos de
modernización de las empresas, prueba de ello es que ayudará en los procesos de
auditoría ya que habilitará la búsqueda y localización rápida de los reportes de
usuarios atendidos.
La novedad científica en este caso el uso del framework es satisfacer a la mayor
población posible de Otavalo ya que no todos tienen dispositivos móviles con la misma
plataforma, son diferentes por ende necesariamente debe ser un sistema que cumpla
el requerimiento.
Para garantizar la calidad del software móvil, se involucró tanto a empleados,
coordinadores y ciudadanía en general, de esta manera consiguiendo la aceptación
total del software
Se han implementado páginas web de información y localización de lugares turísticos
en diferentes municipios del país, el municipio de Otavalo es uno de los primeros que
contará con una aplicación móvil que genere turnos esto conlleva a una buena
iniciativa a nuevas tecnologías
El municipio de Otavalo es una entidad que brinda los mejores servicios posibles a la
ciudadanía, con la implementación de nuevas tecnologías promueve a la juventud y
personas en general darle provecho a los dispositivos móviles que hoy en día la
mayoría cuenta con ello.
La tecnología móvil es un campo que está en constante crecimiento y mejora, por lo
cual ha resultado un poco dificultoso al realizar búsquedas de ayuda para el desarrollo
de la aplicación.
Es importante mencionar que el sistema fue desarrollado tomando en cuenta las
capacidades de los ciudadanos, esto hace que la herramienta sea más amigable y de
fácil manejo.
Al desarrollar el software para el sistema Android se presentaron serias dificultades,
sin embargo se ha concluido con el desarrollo, presentando finalmente un software de
calidad
80
RECOMENDACIONES:
Recomendamos a todos los usuarios que interactuaran con esta aplicación aprendan
a manipular este tipo de aplicaciones para que en un futuro no tengan problemas con
aplicaciones más complejas.
Para garantizar un correcto desempeño del sistema se debe tener instalado o
actualizado el sistema Android a una versión superior o igual a la 4.2.2.
De surgir un inconveniente en el uso del software se recomienda la lectura de los
distintos manuales.
Debe preparar un entorno adecuado para el uso del software, de tal manera que el
usuario tenga el gusto de usarlo.
Se debe generar un respaldo de información mensualmente para tener soporte por
algún caso de pérdida de información.
Para su mejor manipulación del sistema debe realizar una capacitación anteriormente
ya que algunos procesos son algo confusos para su manipulación y requiere de un
previo aviso.
El administrador puede controlar los permisos de usuario de acuerdo a las funciones a
las que debe tener acceso, restringiendo algunas de ellas para la seguridad de la
información.
Los parámetros sobre la accesibilidad a la información y el funcionamiento de los
procesos de gestión de turno pueden ser cambiados de acuerdo a las conveniencias
del administrador.
El sistema cuenta con políticas de seguridad tanto en funcionamiento y seguridad de
datos, el administrador es el único que puede poner en marcha el sistema de la misma
manera puede desactivar su funcionamiento.
BIBLIOGRAFÍA
Alarcón, V. F. (2010). Desarrollo De Sistemas De Información. España: upc-2010.
Ángel C. (2012). Tecnología para el desarrollo de aplicaciones web México Primera
edición.
Bai, G. (2013). Jquery mobile. Unite States: packt. Barcelona Primera Edición.
Bárbara H. (2014). Introducción a android studio. México Tercera Edición.
Calvet, J. (2010). Automatización de procesos mediante la guía GEMMA. Barcelona:
Universidad Politécnica de Catalunya tercera edición.
Decsai. (2010). Ciclo de vida de un sistema de información. España:Primera.
Enrique E. Condor (2014). Programación Web con CSS, JavaScript, PHP y AJAX.
Barcelona: Universidad Politécnica de Catalunya tercera edición
Editorial Limusa. (2010). Metodología de la Investigación México Tercera Edición.
Fernández, C. J. (2014). Turnos de trabajo. España: bukok publishing.
Gabriel Méndez G. ( 2016). Desarrollo con Spring framework España: Primera Edición
Honrubia, L, (2013). Programación de aplicaciones para IPhone y IPad. España
Cuarta edición
Hernán M. G (2011). Atención al cliente eficaz. Barcelona Primera Edición.
Helma Spona. (2010). Programación de bases de datos con MySQL y PHP
Joaquín T. (2010). Fundamentos de bioestadística y análisis de datos
Argentina Universidad Buenos Aires.
José, A. S. (2011). Creación de aplicaciones móvil. España vértice
segunda edición
José R. L. (2015). Desarrollo de software ágil. Barcelona Primera Edición.
Kenneth E. Kendall, J. E. (2005). Análisis y diseño de sistemas. México: Sexta Edición.
Maximiliano Firtman. (2012). Jquery Mobile. España sexta Edición.
Maximiliano Firtman. (2013). Programing the móvil web. Canada Primera Edition
Miguel Torres H. (2016). Synfony Framework España sexta Edición.
Pedro J. Martel. (2006). Probabilidad y estadística matemática. España sexta Edición.
Pamela Q. J. (2014). Programación MySQL y php. Barcelona Primera Edición.
Pimienta, P. (2012). Tipos de aplicaciones móviles. México: primera edición.
Rogelio Q. A. (2014). Manejo de Aplicaciones móviles: Los Ángeles. Sexta Edición.
Ruiz, W. P. (2012). Normas básicas de atención al cliente. España: primera edición.
TrendMicro. (2015). Problemas de red. Obtenido de problemas de red España: upc-
2011
Vértice, E. (2010). Atención al cliente. España: vértice 2014
LINKOGRAFÍA
Báez, M., Borrego, Á., Cordero, J., Cruz, L., Gonzales, M., Hernández, F.,Zapata, Á.
(2011). Introducción a Android. Obtenido de Introducción a Android:
http://pendientedemigracion.ucm.es/info/tecnomovil/documentos/android.pdf
recuperado el 22 de noviembre de 2015
Barrios, S. G. (2013). jquery mobile. Obtenido de jquery mobile:
http://www.chekis.es/cargarArticulo.php?id=47
Educativo, P. (2015). Tipos de sistemas de información. Obtenido de Tipos de
sistemas de información: http://www.tiposde.org/informatica/89-tipos-de-sistemas-
deinformacion/
Ferrer, S. (2011). La Ardilla Digital. Obtenido de La Ardilla Digital.: recuperado el 22 de
noviembre de 2015 http://ardilladigital.com/index.htm
Gómez, S. (2014). Pensamientos varios sobre programación, Android, .NET y Java.
Obtenido de Pensamientos varios sobre programación, Android, .NET y Java:
http://www.sgoliver.net/blog/?Page_id=3011 recuperado el 22 de noviembre de 2015
Herramientas web. (2014). protocolos de comunicación. Obtenido de protocolos de
comunicación: http://neo.lcc.uma.es/evirtual/cdd/tutorial/aplicacion/http.html
Jimora. (2014). control de sesiones.Obtenido de control de sesiones:
http://hacerpaginaswebconphp.com/control-de-sesiones-en-php/
Otavalo, G. A. (2015). Gobierno Autónomo de Otavalo. Obtenido de Gobierno
Autónomo de Otavalo: recuperado el 22 de noviembre de 2015
http://www.otavalo.gob.ec/otavalo/historia-de-otavalo.html
TRÁMITES, A. D. (2008). Nuevas prácticas de gestión. Obtenido de nuevas prácticas
de gestión: recuperado el 22 de noviembre de 2015.
https://www.soloturnos.com/index.htm
XampServer. (2015). XampServer. Obtenido de XamServer: recuperado el 22 de
noviembre de 2015. http://mantenimientosdeunapc.blogspot.com/2011/11/que-es-
xampp-y-para-que-sirve.html
ANEXOS
Anexo 1 Perfil de Proyecto de Investigación
UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES
“UNIANDES – IBARRA”
FACULTAD DE SISTEMAS MERCANTILES
CARRERA DE SISTEMAS
PERFIL DE PROYECTO DE INVESTIGACIÓN PREVIO A LA
OBTENCIÓN DEL TÍTULO DE INGENIERÍA EN SISTEMAS E
INFORMATICA
TEMA:
APLICACIÓN WEB Y MÓVIL DE GESTIÓN DE TURNOS, EN
ATENCIÓN AL CLIENTE, MEDIANTE FRAMEWORK JQUERY
MOBILE PARA MUNICIPIO DE LA CIUDAD DE OTAVALO
AUTOR: QUISHPE QUISHPE PATRICIO ANDRES
ASESOR: ING. CHECA CABRERA MARCO ANTONIO, MBA.
Ibarra - Ecuador
2016
1. DESARROLLO
ANTECEDENTES DE LA INVESTIGACIÓN
“La fuerte apuesta y las políticas implementadas para avanzar en la agilización
de los procesos administrativos mediante la tecnología, posicionan a la
Municipalidad de la Ciudad de Mendoza como un municipio 2.0, pionero en el
país en el uso de Internet como motor propulsor de un gobierno local que da
pasos firmes hacia una Ciudad
Digital.”
(TRÁMITES, nuevas practicas de gestion, 2008, pág. 1)
“Con el Sistema de Gestión Municipal al basarse en tecnología WEB permitió
rápidamente acercar el Municipio al Vecino por medio de los Centros de
Atención Municipal (CAM), descentralizando de esta manera la Atención
municipal. Para mejorar aún más la atención se implementó un sistema de
turnos permitiendo obtener turnos de atención por diferentes medios:
telefónicos, desde la web institucional, desde puestos de auto consultas
ubicados estratégicamente y desde centros de recepción. El método determina
según qué trámite va a efectuar, los posibles puestos que lo atenderán. Este
mecanismo permite elaborar estadísticas de atención, por ejemplo, cuántas
personas vienen para determinados trámites, cuál es el tiempo promedio de
atención, etc. De esta manera se mejoró la atención al contribuyente
reduciendo el tiempo de espera. Con el objetivo estratégico de acercar la
administración al ciudadano se instrumentaron distintos servicios a través del
portal municipal.”
(TRÁMITES, nuevas prácticas de gestión, 2008, pág. 1)
En el Ecuador se ha implementado un gran portal llamado, “CIUDAD 360” a
inicios del año 2014, en la provincia de Imbabura, en dicha aplicación web,
los ciudadanos pueden beneficiarse de diferentes ofertas o servicios, tales
como diversión y entretenimiento, edificación y construcción educación y
servicios públicos, financieros y jurídicos, tecnología viajes y turismo.
(Digital, 2014, pág. 1)
En la ciudad de Ibarra también se ha implementado recientemente una página
web llamada “MEJORA IBARRA”, permite mejorar los canales de
comunicación entre los ciudadanos y la Municipalidad de San Miguel de Ibarra
los 365 días del año, las 24 horas del día.
Con “Mejora Ibarra” podrás:
• Enviar avisos en la vía pública en 30 segundos y saber el estado de la
resolución en tiempo real.
• Sugerir nuevos servicios para la Municipalidad
• Recibir alertas
• Consultar noticias de interés
• Además puedes compartir, comentar, seguir y apoyar las solicitudes de los
demás. (radmas, 2015, pág. 1)
En la ciudad de Otavalo, la municipalidad y el área de sistemas actualmente se
encuentra en un proceso de implementación de un gran proyecto llamado
“OTAVALO DIGITAL”, que aparte de contar con un portal de información,
guía turística, noticias, novedades también contará con diferentes aplicaciones
siendo una de las principales y más querida la automatización de gestión de
turnos de servicio al cliente.
SITUACIÓN PROBLÉMICA
El ilustre municipio de Otavalo es una entidad pública, que brinda los mejores
servicios a la ciudadanía lastimosamente no se ha implementado una
aplicación web específica donde se pueda anunciar noticias, novedades,
información acerca de lo que la municipalidad a realizar día a día en beneficio
de la población.
Existe un gran número de ciudadanos que acuden frecuentemente al municipio
para realizar los múltiples procesos como: atención y tramites, recaudación,
avalúos y catastros, comisaria municipal, coactivas, SRI, renta, comisaria
construcción. Esto genera que exista gran aglomeración en el área de atención
al cliente.
Es muy importante y necesario contar con un módulo donde los ciudadanos
puedan manifestar sus opiniones, mensajes o sugerencias, que ayude a mejorar
la atención brindada por la municipalidad de Otavalo.
Lamentablemente el carecer de una aplicación web de gestión de turnos, impide
tener el control numérico de cuantos usuarios son atendidos diariamente por
cada una de las ventanillas.
A su vez el departamento de atención al cliente carece de un módulo que permita
generar turnos especiales para: discapacitados, tercera edad y mujeres
embarazadas.
Existe muchas veces inconformidades por parte de los usuarios, ya sea por mala
atención o razones personales, y es necesario que puedan manifestar este suceso,
para ello es necesario un módulo donde se pueda calificar al empleado en los
siguientes aspectos. (Excelente, muy bueno, bueno, regular).
PROBLEMA CIENTÍFICO
Dificultad en el proceso de asignación de turnos para los diferentes trámites
administrativos del municipio de Otavalo.
OBJETO DE INVESTIGACIÓN Y CAMPO DE ACCIÓN
Objeto de estudio
Procesos de asignación de turnos.
Campo de acción
Sistemas de información
IDENTIFICACIÓN DE LA LÍNEA DE INVESTIGACIÓN
Desarrollo de Software y programación de sistemas.
OBJETIVO GENERAL
Implantar una aplicación web y móvil de gestión de turnos, en atención al
cliente, mediante framework jquery mobile para el municipio de la ciudad de
Otavalo.
OBJETIVOS ESPECÍFICOS
● Fundamentar teórica y bibliográficamente los procesos de gestión de turnos
dentro de la municipalidad de la ciudad de Otavalo.
● Diagnosticar las necesidades del municipio y cumplir con toda las
expectativas requeridas y necesarias con el desarrollo del sistema.
● Desarrollar una aplicación web y móvil para la gestión de turnos, de atención
al cliente mediante framework jquery mobile.
● Mediante la implantación, evidenciar si la aplicación web cumple con todo
los requerimientos solicitados por la Municipalidad.
IDEA A DEFENDER
¿Cómo mejorar los procesos de asignación de turnos para los ciudadanos que
acuden al municipio de la ciudad de Otavalo?
VARIABLES DE LA INVESTIGACIÓN
Variable dependiente: Procesos de asignación de turnos
Variable independiente: Sistemas de Información
2. METODOLOGÍA A EMPLEAR: MÉTODOS, TÉCNICAS Y
HERRAMIENTAS EMPLEADAS EN LA INVESTIGACIÓN
Para el impulso de la investigación se utilizaran diferentes métodos, la cual son
deductivo e inductivo.
El método deductivo ayudara el análisis de los procesos de gestión de turnos y
obtener información necesaria, con lo cual se realiza un diagnóstico para
evidenciar falencias y necesidades en este proceso, el inductivo determina las
características, parámetros y relaciones que existirán entre el sistema de
automatización de turnos y la ciudadanía de la municipalidad de Otavalo.
La presente investigación es cuantitativa ya que el estudio va ser analizado a
partir de datos numéricos obtenidos por las encuestas y entrevistas, y dar un
enfoque cualitativo a los resultados obtenidos, que determinara la importancia
y factibilidad de la aplicación de automatización de turnos.
Una de las técnicas que se va utilizar es la encuesta para evidenciar los
requerimientos tanto funcionales como no funcionales para el desarrollo del
proyecto de gestión de turnos. Aplicada a los ciudadanos y trabajadores del
municipio de Otavalo.
Por otro lado se utilizara la entrevista para la obtención de requerimientos del
sistema de gestión de turnos, y verificar la factibilidad del desarrollo del
sistema. Es aplicada a la Lcda. Mayra Rosales coordinadora del departamento
de atención al cliente.
Además se emplea la observación para conocer cómo se realizan actualmente los
procesos de asignación de turnos en la ventanilla de atención al cliente.
ESQUEMA DE CONTENIDOS
Municipio de Otavalo
Misión
Visión
Historia
Objetivos Alcaldía
Servicios
Ubicación y Contactos
Atención al cliente en ventanilla
Conceptos Generales
Objetivos
Normativas
Gestión de Turnos
Gestión de turnos especiales
Control de Usuarios
Control de Empleados
Generación de reportes
Módulo de información
Módulo de calificación al empleado
Estructura de la Aplicación Web
Lenguaje de Programación PHP
Conceptos Generales
Características
Ventajas y Desventajas
Base de Datos MySql
Conceptos Generales
Características
Versiones
Ventajas y Desventajas
Servidor Web WampServer
Conceptos Generales
Características
Versiones
Ventajas y Desventajas
Seguridades Web
Concepto
Tipos de Amenaza
Protocolo Seguro Http
Encriptación MD5
Control de Sesiones
Framework Jquery Mobile
Definición
Funcionalidad
Características
Librerías
Complementos
Ventajas y Desventajas
Versión
APORTE TEÓRICO, SIGNIFICACIÓN PRÁCTICA Y NOVEDAD
CIENTÍFICA
Aporte Teórico
Como aporte teórico en el desarrollo del presente proyecto informático, tiene
la utilización de herramientas nuevas como es el jquery mobile para el
desarrollo de aplicaciones móviles, que ayudara a satisfacer a la mayor
población posible ya que esta herramienta soporta diferentes plataformas
móviles.
Significación Práctica
El presente proyecto tiene una significación práctica importante en la
municipalidad de la ciudad de Otavalo, el proceso de automatización y a su
vez la agilización de asignación de turnos a los ciudadanos, para la realización
de los diferentes procesos como: información general, recaudación, avalúos y
catastros, comisaria municipal, coactivas, SRI, rentas y comisaria municipal.
Novedad Científica
Por otro lado la novedad científica reside en la utilización de framework
jquery mobile que permite la elaboración de aplicaciones móviles robustos de
manera fácil, soporta acceso móvil iOS, Android, Windows Phone,
Blackberry, Symbian asi permitiendo la satisfacción a la mayor ciudadanía
posible de Otavalo.
3. BIBLIOGRAFIA
Aguilar, L. J. (2010). Fundamentos de Programación. España: McGrawHill.
ARANA ORBEGOZO, A. (2013). Gestión de bases de datos con sql, MySQL y
Acces.México: Alfaomega.
Beati, H. (2012). PHP Creacion de páginas Dinámicas. México: Alfaomega.
Broulik, B. (2011). Pro jQuery Mobile. appres.
Campos, R. M. (2010). Diseño de páginas web y diseño gráfico metodología y
técnicas . España: vigo
Canales, A. R. (2010). Automatización y telecontrol de sistemas . Barcelona:
marcombo primera.
Chile, P. U. (2008). Asignación de turnos público. Chile: Asignación de turnos
público.
Concepción, U. d. (2010). Programación de turnos y asignación de supervisores
en terreno empresa. Universidad de Concepción.
Copyright the php group. (2011). Lenguaje de programacion. Obtenido de
Lenguaje de programacion: http://www.php.net/
Coronel Castillo, E. (2011). PHP Profesional. Lima: Macro.
Culturals, I. C. (2011). Manual de Indesign CS5. España: MARCOMBO.
Digital, C. (2014). ciudad 360. Obtenido de ciudad360: http://ciudad360.ec/
García Sánchez, Á., & Sanz Rodríguez, J. (2012). Despliegue de Aplicaciones
Web.
Madrid: Ibergaceta Publicaciones.
HURTADO DE BARRERA, J. (2010). Metodología de la Investigación.
Bogotá:
CieaSypal.
Jesus, M. G. (2014). Diseno de Un Modelo de Aplicacion Movil En Entorno
Android.
Mexico: EAE, 2014.
KENDALL, K. E., & KENDALL, J. E. (2011). Aálisis y Diseño de Sistemas.
México:
Pearson Educación.
López Quijado, J. (2011). Domine PHP y MySQL. Madrid-España: Alfaomega.
Padro Nieves, M. (2012). Creación y Diseño Web. Esapaña: Anaya Multimedia.
Peña, O. (2012). Dreamweaver CS6. Madrid: Anaya Multimedia.
Pere Ponsa Asensio, R. V. (2010). Automatizacion de Procesos. España: upc.
Portilla, Á. I. (2010). Nuevas tecnologías de la información. primera.
radmas. (29 de 07 de 2015). Mejora ibarra. Obtenido de Mejora Ibarra:
https://play.google.com/store/apps/details?id=com.radmas.iyc.ibarra&hl=es_419
Reid, J. (2011). JQuery Mobile. Estados Unidos de las Americas: Mary Treseler.
Soriano, J. E. (2011). Programación de dispositivos móviles . Barcelona:
marcombo.
Spona, H. (2010). Programación de bases de datos con MYSQL y PHP.
Barcelona:
Primera.
Vértice. (2009). Diseño básico de páginas web en HTML. Barcelona: vertice.
4. LINKOGRAFIA
SARAVIA GALLARDO, M. A. (2011). Tipos de metodologia. Obtenido de
php y ajax: http://www.ajaxya.com.ar/
TRÁMITES, A. D. (2008). nuevas practicas de gestion. Obtenido de nuevas
practicas de gestion:
ttp://www.ceats.org/comisiones/monografias/AutomatizProcesos.pdf
GÓMEZ, S. (2011). Curso de programación Android. Obtenido de Curso de
programación Android: http://www.sgoliver.net/blog/curso-
deprogramacionandroid/
GÓMEZ, S. (2014). Pensamientos varios sobre programación, Android,
.NET y
Java. Obtenido de Pensamientos varios sobre programación, Android,
.NET y Java: http://www.sgoliver.net/blog/?Page_id=3011
_______________________
C.C. 1721096293
Patricio Quishpe
Anexo 2 Entrevista
ENTREVISTA
Presentación:
La Municipalidad de la ciudad de Otavalo, promueve la implementación de un
proyecto de gestión de turnos, para lo cual es muy necesaria su colaboración.
Lugar: Otavalo “MUNICIPIO DE
OTAVALO” Fecha: Hora:
Entrevista dirigida a la coordinadora del departamento de atención al cliente del
“MUNICIPIO DE OTAVALO”: Lic. Mayra Rosales.
Objetivo: Esta entrevista tiene como objetivo de conocer como realiza los
procesos de gestión de turnos actualmente en el municipio, para adquirir la
información necesaria para el desarrollo del sistema de automatización.
1. ¿Qué tipos de procesos realiza el departamento de atención al cliente de
“MUNICIPIO DE OTAVALO”?
-------------------------------------------------------------------------------------------------------------------
--------------
-------
----------------------------------------------------------------------------------------------------------
-------------------
----------------------------------------------------------------------------------------------------------
-----------
2. ¿Cómo se realiza el proceso de gestión de turnos actualmente?
-------------------------------------------------------------------------------------------------------------------
--------------
-------
----------------------------------------------------------------------------------------------------------
-------------------
----------------------------------------------------------------------------------------------------------
-----------
3. ¿Con cuántas ventanillas cuenta el departamento de atención al cliente?
-------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------
4. ¿Cree usted que la atención que se brinda actualmente es la correcta y
suficiente para los usuarios? ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------
--------------------
5. ¿Cuentan con el personal suficiente para gestionar los turnos de manera
rápida?
-------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------
6. ¿Enumere los inconvenientes que cree usted que deberían ser analizado para
el desarrollo del sistema de automatización?
-------------------------------------------------------------------------------------------------------------------
--------------
-------
----------------------------------------------------------------------------------------------------------
-------------------
----------------------------------------------------------------------------------------------------------
-----------
7. ¿Cuál es la incidencia que sucede con más frecuencia? ------------------------------
-------------
---------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------
-------------------
----------------------------------------------------------------------------------------------------------
8. ¿Realizan reportes diarios, semanales, mensuales de los usuarios atendidos?
-------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------
9. ¿Cuáles son los requerimientos que el departamento solicita para el desarrollo
de la aplicación móvil?
-------------------------------------------------------------------------------------------------------------------
--------------
-------
----------------------------------------------------------------------------------------------------------
-------------------
----------------------------------------------------------------------------------------------------------
-----------
10. ¿Cree usted que la ciudadanía, acepte de buena manera la
implementación de una aplicación móvil?
-------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------
Lic. Mayra Rosales.
Anexo 3 Encuesta
ENCUESTA
Presentación:
La municipalidad de la ciudad de Otavalo, promueve la implementación de un
proyecto de gestión de turnos, para lo cual es necesario su colaboración
Lugar: Otavalo “MUNICIPIO DE
OTAVALO” Fecha: Hora:
Encuesta dirigida a los empleados del departamento de atención al
cliente del “MUNICIPIO DE OTAVALO”.
Objetivo: Esta encuesta tiene como objetivo de conocer como realiza los
procesos de gestión de turnos actualmente en el municipio, para adquirir la
información necesaria para el desarrollo del sistema de automatización.
1. ¿Cree usted que el proceso de gestión de turnos que se realiza es
el correcto?
Si ( )
No ( )
Por qué.………………………………………………………………………
……………………………………………………………………………….
2. ¿Ha notado algún tipo de inconformidad por parte de los
ciudadanos que acuden al
Municipio?
Si ( )
No ( )
¿Cual?……………………………………………………………………………
….
…………………………………………………………………………………….
3. ¿Cómo calificaría usted la manera de gestionar los turnos
actualmente?
Bajo
Medio
Alto
4. ¿Cuenta el departamento con el personal suficiente para
satisfacer a la ciudadanía
de manera eficaz?
Si ( )
No ( )
5. ¿Realizan algún reporte de los usuarios que atienden
diariamente?
Si ( )
No ( )
6. ¿Aproximadamente cuantos usuarios atiende usted diariamente
en este rango?
10-20 ( ) 30-
40 ( )
50-60 ( )
7. ¿Cree usted que poseen todo los equipos necesarios actualmente?
Si ( )
No ( )
8. ¿Los reportes que realiza diariamente queda almacenada de
alguna manera?
Si ( )
No ( )
Donde……………………………………………………………………………………
…………
…………………………………………
………………………
9. ¿Cómo controlan su entrada y salida del trabajo?
Firma ( ) Huella ( ) Ninguna ( )
10. ¿Con que frecuencia, suele tener inconvenientes en el proceso de
generación de turnos?
Siempre ( ) Frecuentemente ( ) Rara Vez ( )
Nunca ( )
ENCUESTA
Presentación:
La municipalidad de la ciudad de Otavalo, promueve la implementación de un
proyecto de gestión de turnos, para lo cual es necesario su colaboración
Lugar: Otavalo
Fecha: Hora:
Encuesta dirigida a los ciudadanos del cantón Otavalo.
Objetivo: Esta encuesta tiene como objetivo de conocer como realiza los
procesos de gestión de turnos actualmente en el municipio, para adquirir la
información necesaria para el desarrollo del sistema de automatización.
1. ¿Con que frecuencia acude usted al municipio a realizar algún tipo de
trámites?
Frecuentemente ( )
Poco Frecuente ( )
Casi nunca ( )
Nunca ( )
2. ¿El proceso actual de asignación de turnos que el municipio ofrece como lo
calificaría?
Cumple las expectativas ( )
Cumple medianamente ( )
No cumple con las expectativas ( )
3.¿Ha tenido usted algún inconveniente al momento de obtener su turno
cuando va a realizar sus trámites personales?
Si ( )
No ( )
¿Cuál?.........................................................................................................
......
…………………………………………………………………………………
4. ¿Cómo calificaría usted el tiempo de espera que se realiza para ser
atendidos?
Normal
Extenso
Muy Extenso
5. ¿Dispone del servicio de Internet en su hogar?
Si ( )
No ( )
6. ¿Tiene algún tipo de conocimiento acerca de aplicaciones móvil?
Si ( )
No ( )
7. ¿Qué nivel de manejo e interacción tiene con su dispositivo
móvil?
Bajo
Medio
Alto
8. ¿Cree usted que sería algo innovador poder generar un turno
desde su dispositivo móvil?
Si ( )
No
( )
9.
¿Le gustaría poder obtener su turno desde la comodidad de su hogar?
Si ( )
No
( )
10.
¿Está usted dispuesto (a), a descargar y dar uso de nuestra aplicación una vez implementada?
Si ( )
No ( ) Tal Vez ( )
Anexo 4 Manual de Usuario
MANUAL DE USUARIO
Formulario de bienvenida, siguiendo las indicaciones podemos registrarnos o
a su vez podemos ingresar si es el caso que ya nos encontremos registrados
en el sistema de gestion de Formulario de registro para nuevo cliente donde
turnos.
REGISTRARTE SI NO TIENES UNA CUENTA
INGRES AR NOMBRE Y CONTRASEÑA CREAD
DATOS INFROMATIVOS DE LA PAGINA
INGRESAR AL SISTEMA
se debe llenar todo los campos solicitados y confirmar en su correo
elect4ronico una vez que guarde los cambios.
Pantalla principal del cliente una vez ingresado nos muestra el siguiente
formulario.
Formulario clientes vista de departamentos, tomar en cuenta que un cliente
puede generar dos turnos máximo por dia.
Formulario de generación de turno, una vez que tengamos nuestro
departamento al cual queremos dirigirnos aceptamos y obtendremos nuestro
turno con los detalles de hora y fecha.
Formulario de perfil de usuario que permite modificar datos personales y
contraseña dado el caso que el usuario así lo desea.
Formulario usuario “empleado” este es el menú inicial donde podemos
informarnos de cuáles son los departamentos a los que vamos a brindar
atención y continuamos.
+
Numero de último
turno generado
Departamentos a cual
quiere dirigirse
Generar turno
Numero de turnos
generados y t
Su número de turno
Verificar sus datos
personales
Aceptar para
continuar
Cambiar contraseña
Modificar datos
personales de registro
Guardar los cambios
Formulario usuario tiene el privilegio de poder mirar los clientes que ha
atendido y así mismo de cuantos están en espera y cuantos turnos se han
cancelado.
INICIAR ATENCION DEPARTAMENTOS AL QUE
VA BRINDAR ATENCION
Estado de usuarios Datos de los clientes
Formulario de atención a los clientes, este es formulario mas importante del empleado
donde
se realiza la atención de los turnos generados dependiendo el orden de su
generación
anteriormente.
Formulario del administrador, este formulario contiene varios procesos los
cuales son muy importantes para el funcionamiento que solo el administrador
puede manipularlo.
Turno al cual está
atendiendo
Tiempo de atenció n
Datos personales del
cliente
Botones de
navegación
Administración de departamentos, crear un nuevo departamento asignar a un
módulo existente o nuevo.
Anexo 5 Manual Técnico
Búsqueda inteligente
Ingresar nuevo
departamento
Actividades a re alizar Perfil de usuario
Función Código Descripción
Conectarse
a la Base
de
Datos
<?php function
conectarse()
{
$conexion = null; try
{
//$conexion = pg_connect("dbname=ddr8bislb4p21h host=ec2-54- 225-243-113.compute-1.amazonaws.com port=5432 user=hmadfgkigcyfly password=tx24DCRCiJBKcMpEUtJjqJ0VnD
sslmode=require");
$conexion = pg_connect("host=localhost dbname=aplicacion_dow
port=5432 user=postgres password=root");
if( $conexion == false ) throw new
Exception( "Error PostgreSQL
".pg_last_error() );
}
catch( Exception $e )
{
throw $e;
}
return $conexion;
}
?>
Esta función nos permite conectarnos la BDD y trabajar conjuntamente con la aplicación web
Imagen
function img_64($destino, $img_64, $extension, $nombre) {
define('UPLOAD_DIR', $destino . '/');
$img_64 = str_replace('data:image/png;base64,', '', $img_64);
$img_64 = str_replace(' ', '+', $img_64);
$data_img = base64_decode($img_64);
$file = UPLOAD_DIR . $nombre . '.' . $extension; if
($success = file_put_contents($file, $data_img)) { return
"true";
} else { return
"false";
}
}
Este código nos permite guardar una imagen de productos, usuarios, etc
Guardar datos
$sql = "insert into bodega values ('$id','" . strtoupper($_POST['nombre_bodega']) . "','" .
strtoupper($_POST['ubicacion_bodega']) . "','$fecha','1')";
$guardar = guardarSql($conexion, $sql);
$data = "2";
Nos permite
hacer un insert a
la BDD y
almacenar
información deseada y ser utilizada
Modificar $sql = "update bodega set nombre_bodega = '" .
strtoupper($_POST['nombre_bodega']) . "', ubicacion_bodega= '" .
strtoupper($_POST['ubicacion_bodega']) . "', fecha_creacion = '$fecha'
where id_bodega = '$_POST[id]'";
$guardar = guardarSql($conexion, $sql);
Permite modificar la información que se seleciona
Función Texto
function txt(e){ var code; if (!e) var e
= window.event; if (e.keyCode) code
= e.keyCode;
else if (e.which) code = e.which; var character =
String.fromCharCode(code); varAllowRegex = /^[\ba-zA-Z\s-]$/; if
(AllowRegex.test(character)) return true; return false;
}
Esta función me permite validar los campos que sean necesarios que solo se ingrese valores de tipo texto
Función
Numero
function num(evt) { varcharCode = (evt.which) ? evt.which : event.keyCode if (charCode> 31 && (charCode< 48 || charCode>
57)) return false; return true;
Esta función me permite validar los campos que sean necesarios que solo se ingrese valores de tipo numérico ya sea entero o decimal
Aplicación
móvil
Registro
LOGIN
public class registrar extends AppCompatActivity {
EditText
cedula,nombres,apellidos,telefono,direccion,correo,usuario,pass;
RadioGroup sexo;
Button btn_registrar; String textsexo;
private RequestQueue requestQueue; private
static final String URL =
"http://192.168.1.5/turnos_app/web_services/registro_clientes.
php"; private StringRequest request;
@Override protected void onCreate(Bundle
savedInstanceState) { super.onCreate(savedInstanceState);
setContentView(R.layout.activity_registrar);
sexo=(RadioGroup) findViewById(R.id.rbtng_sexo);
btn_registrar=(Button) findViewById(R.id.btnregistrar);
requestQueue = Volley.newRequestQueue(this);
sexo.setOnCheckedChangeListener(new
RadioGroup.OnCheckedChangeListener() {
@Override public void
onCheckedChanged(RadioGroup group, int checkedId) {
RadioButton radioButton = (RadioButton)
group.findViewById(checkedId); textsexo
= radioButton.getText().toString();
}
});
cedula=(EditText) findViewById(R.id.txtcedula);
nombres=(EditText) findViewById(R.id.txtnombres);
apellidos= (EditText) findViewById(R.id.txtapellidos);
telefono=(EditText) findViewById(R.id.txttelefono);
direccion=(EditText) findViewById(R.id.txtdireccion);
correo=(EditText) findViewById(R.id.txtcorreo);
usuario=(EditText) findViewById(R.id.txtusuario);
pass=(EditText) findViewById(R.id.txtpass);
btn_registrar.setOnClickListener(new View.OnClickListener() {
@Override public void
onClick(View view) {
Toast.makeText(getApplicationContext(),
"!!CORRECTO!! Hemos Enviado un correo a " +
correo.getText().toString()+" revisalo para activar su cuenta",
Toast.LENGTH_LONG).show(); startActivity(new
Intent(getApplicationContext(),LoginActivity.class));
request = new StringRequest(Request.Method.POST,
URL, new Response.Listener<String>() {
@Override public void
onResponse(String response) { try {
JSONObject jsonObject = new
JSONObject(response);
if (jsonObject.names().get(0).equals("success")) {
} else {
Toast.makeText(getApplicationContext(),
"!!!ERROR!!" + jsonObject.getString("error"),
Toast.LENGTH_LONG).show();
}
} catch (JSONException e) {
e.printStackTrace();
}
}
}, new Response.ErrorListener() {
@Override public void
onErrorResponse(VolleyError error) {
}
public class
generar_turno
extends AppCompatActivity {
ArrayList<String> listItems=
ArrayAdapter<String> adapter
String parametros;
Spinner departamentos;
URL url=null;
Button generar;
private RequestQueue private static final String URL
p"; private StringRequest
request
Intent intent;
String departamento_selected
@Override
new ArrayList<>();
;
requestQueue; =
"http://192.168.1.5/turnos_app/web_services/generar_turno.ph
;
;
GENERAR
TURNO
protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);
setContentView(R.layout.activity_generar_turno);
parametros=getIntent().getStringExtra("usuario"); //Toast.makeText(getApplicationContext(), parametros,
Toast.LENGTH_SHORT).show();
requestQueue = Volley.newRequestQueue(this);
departamentos = (Spinner) findViewById(R.id.cmb_depa); adapter=new
ArrayAdapter<String>(this,R.layout.spinner_departamentos,R.id.t
xt,listItems); departamentos.setAdapter(adapter);
generar=(Button) findViewById(R.id.btn_generar);
departamentos.setOnItemSelectedListener(new
AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parentView, View selectedItemView, int position, long id) {
departamento_selected=departamentos.getSelectedItem().toStrin g();
}
@Override public void
onNothingSelected(AdapterView<?> parentView) { // your
code here
}
});
generar.setOnClickListener(new View.OnClickListener() {
@Override public void
onClick(View view) {
Toast.makeText(getApplicationContext(),"Generacion
Correcta para: "+departamento_selected, Toast.LENGTH_SHORT).show(); request = new
StringRequest(Request.Method.POST,
URL, new Response.Listener<String>() {
@Override
public void onResponse(String response) { try {
JSONObject jsonObject = new
JSONObject(response);
if (jsonObject.names().get(0).equals("success")) {
//Toast.makeText(getApplicationContext(),jsonObject.getString("id
_user"),Toast.LENGTH_SHORT).show();
//intent.putExtra("usuario", jsonObject.getString("id_user"));
//startActivity(intent);
} else {
Toast.makeText(getApplicationContext(),
"!!!ERROR!!" + jsonObject.getString("error"),
Toast.LENGTH_SHORT).show();
}
} catch (JSONException e) { e.printStackTrace(); }
}
}, new Response.ErrorListener() {
@Override public void
onErrorResponse(VolleyError error) {
}
}) {
@Override protected Map<String,
String> getParams() throws
AuthFailureError {
HashMap<String, String> hashMap = new HashMap<String, String>();
hashMap.put("usuario", parametros); hashMap.put("departamento", departamento_selected);
return
hashMap;
}
};
requestQueue.add(request);
}
});
}
public void onStart(){
super.onStart();
BackTask bt=new BackTask(); bt.execute();
}
private class BackTask extends AsyncTask<Void,Void,Void> { ArrayList<String> list; protected void
onPreExecute(){ super.onPreExecute();
list=new ArrayList<>();
}
protected Void doInBackground(Void...params){
InputStream is=null; String result="";
try{
url = new
URL("http://192.168.1.5/turnos_app/web_services/get_depa.ph p");
HttpURLConnection urlConnection =
(HttpURLConnection) url.openConnection(); is = new
BufferedInputStream(urlConnection.getInputStream()); }catch(IOException e){ e.printStackTrace();
}
//convert response to string try{
BufferedReader reader = new BufferedReader(new
InputStreamReader(is,"utf-8"));
String line = null; while ((line
= reader.readLine()) != null) {
result+=line;
}
is.close();
//result=sb.toString();
}catch(Exception e){
e.printStackTrace();
}
// parse json data
try{
JSONArray jArray =new JSONArray(result);
for(int i=0;i<jArray.length();i++){
JSONObject jsonObject=jArray.getJSONObject(i);
// add interviewee name to arraylist
list.add(jsonObject.getString("nombre_depa"));
}
}
catch(JSONException e){ e.printStackTrace();
}
return null;
}
protected void onPostExecute(Void result){
listItems.addAll(list);
adapter.notifyDataSetChanged();
}
}
}
Visualizar
turno
generado e
imprimir
public class mi_turno extends Activity { String parametros; private RequestQueue requestQueue; private static final String URL =
"http://192.168.1.5/turnos_app/web_services/mi_turno.php";
private StringRequest request; Intent intent; TextView
mi_turno,fecha_turno,hora_estimada,departamento,modulo; ArrayList<String> list;
@Override
protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.miturno_activity);
parametros=getIntent().getStringExtra("usuario"); //Toast.makeText(getApplicationContext(), parametros,
Toast.LENGTH_SHORT).show();
requestQueue = Volley.newRequestQueue(this); final TextView fecha_actual = (TextView) findViewById(R.id.txt_fecha_actual); final TextView
hora_actual = (TextView) findViewById(R.id.txt_hora_actual);
mi_turno = (TextView) findViewById(R.id.lbl_miturno); fecha_turno = (TextView) findViewById(R.id.lbl_fecha); hora_estimada = (TextView) findViewById(R.id.lbl_hora_estimanda); departamento = (TextView) findViewById(R.id.lbl_departamento);
modulo = (TextView) findViewById(R.id.lbl_modulo);
String date_actual = (DateFormat.format("dd-MM-yyyy", new java.util.Date()).toString()); fecha_actual.setText(date_actual);
list =new ArrayList<>();
request = new StringRequest(Request.Method.POST, URL, new Response.Listener<String>() {
@Override
public void onResponse(String response) { try {
JSONObject jsonObject = new
JSONObject(response);
// System.out.println();
//Toast.makeText(getApplicationContext(),""+Integer.parsent(json Object.getString("id_usuario")), Toast.LENGTH_SHORT).show();
mi_turno.setText(mi_turno.getText()+" :
"+jsonObject.getString("mi_turno"));
fecha_turno.setText(fecha_turno.getText() + " : " + jsonObject.getString("fecha_turno")); hora_estimada.setText(hora_estimada.getText()+" :
"+jsonObject.getString("hora_estimada")); departamento.setText(departamento.getText()+" :
"+jsonObject.getString("departamento"));
modulo.setText(jsonObject.getString("modulo"));
} catch (JSONException e) { e.printStackTrace();
}
}
}, new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError error) {
}
}) {
@Override protected Map<String, String>
getParams() throws
AuthFailureError {
HashMap<String, String> hashMap = new HashMap<String, String>(); hashMap.put("usuario",
parametros);
return hashMap;
}
};
requestQueue.add(request);
Thread t = new Thread() {
@Override public void run() {
try {
while (!isInterrupted()) { Thread.sleep(1000);
runOnUiThread(new Runnable() {
@Override
public void run() {
String hora_actal =
(DateFormat.format("hh:mm:ss", new java.util.Date()).toString());
hora_actual.setText(hora_actal);
}
});
}
} catch (InterruptedException e) { } } }; t.start();