UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo...

97
UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES UNIANDESIBARRA FACULTAD DE SISTEMAS MERCANTILES CARRERA DE SISTEMAS PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA OBTENCIÓN DEL TITULO DE INGENIERA EN SISTEMAS E INFORMÁTICA TEMA: APLICACIÓN MÓVIL PARA CONSULTA DE SALDO DE LA OPERADORA CNT “CORPORACION NACIONAL DE TELECOMUNICACIONES” AUTOR: AYALA NARVÁEZ ROSANGELA ESTEFANIA ASESOR: ING. LOZADA TORRES EDWIN FABRICIO AMBATO ECUADOR 2016

Transcript of UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo...

Page 1: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES

“UNIANDES” IBARRA

FACULTAD DE SISTEMAS MERCANTILES

CARRERA DE SISTEMAS

PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA

OBTENCIÓN DEL TITULO DE INGENIERA EN SISTEMAS E

INFORMÁTICA

TEMA: APLICACIÓN MÓVIL PARA CONSULTA DE SALDO DE LA

OPERADORA CNT “CORPORACION NACIONAL DE TELECOMUNICACIONES”

AUTOR: AYALA NARVÁEZ ROSANGELA ESTEFANIA

ASESOR: ING. LOZADA TORRES EDWIN FABRICIO

AMBATO – ECUADOR

2016

Page 2: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

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ñorita Rosangela Estefanía Ayala Narváez estudiante de la Carrera de Sistemas,

Facultad de sistemas mercantiles, con el tema “APLICACIÓN MÓVIL PARA

CONSULTA DE SALDO DE LA OPERADORA CNT CORPORACION NACIONAL

DE TELECOMUICACIONES”, ha sido prolijamente revisado, y cumple con todos los

requisitos establecidos en la normativa pertinente de la Universidad Regional Autónoma de los

Andes -UNIANDES-, por lo que apruebo su presentación.

Ambato, Agosto de 2016

_______________________________

Ing. Fabricio Lozada.

ASESOR

_______________________________

Ing. Fabricio Lozada .

ASESOR

Page 3: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

DECLARACIÓN DE AUTENTICIDAD

Yo, Rosangela Estefanía Ayala Narváez, estudiante de la Carrera de Sistemas, Facultad de

Sistemas Mercantiles, declaro que todos los resultados obtenidos en el presente trabajo de

investigación, previo a la obtención del título de INGENIERÍA EN SISTEMAS, son

absolutamente originales, auténticos y personales; a excepción de las citas, por lo que son de

mi exclusiva responsabilidad.

Ambato, Agosto de 2016

_______________________________

Srta. Rosangela Estefanía Ayala Narváez

CI. 171618077-8

AUTORA

_______________________________

Sr ta . Rosangela Estefanía Ayala Narváez

CI. 171618077 - 8

AUTOR A

Page 4: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

DERECHOS DE AUTOR

Yo, Rosangela Estefanía Ayala Narváez, declaro que conozco y acepto la disposición

constante en el literal d) del Art. 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;

Ambato, Agosto de 2016

_______________________________

Srta. Rosangela Estefanía Ayala Narváez

CI. 171618077-8

AUTORA

_______________________________

Sr ta . Rosangela Estefanía Ayala Narváez

CI. 171618077 - 8

AUTOR A

Page 5: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

DEDICATORIA

A un amigo excepcional y único, quien con su infinita bondad,

confianza y sabiduría, guío mis pasos y fortaleció mi espíritu, para

lograr una de las anheladas metas de mi vida “Dios”

También dedico este trabajo a mi querida hija Roberta Estefanía

que gracias a su amor me ayudó para la realización de este

trabajo.

Rosangela

Page 6: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

AGRADECIMIENTO

Fraterna gratitud a la Universidad Autónoma de los Andes,

facultad de Sistemas Mercantiles, por la oportunidad de acogerme

en sus aulas y forjar una profesional eficiente y efectiva al servicio

de la sociedad.

Agradecimiento a todos los docentes de la carrera que impartieron

sus conocimientos, en especial al Ingeniero Jorge Lozada mi

asesor de tesis, quien con sus conocimientos supo orientar el

trabajo de investigación del proyecto de Examen Complexivo.

Al personal administrativo de la Corporación Nacional de

Telecomunicaciones CNT EP, por la colaboración, quienes fueron

apoyo decidido para poder cumplir con la investigación en sus

diferentes procesos.

Rosangela

Page 7: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

ÍNDICE GENERAL

APROBACIÓN DEL ASESOR DEL TRABAJO DE TITULACIÓN

DECLARACIÓN DE AUTENTICIDAD

DERECHOS DE AUTOR

DEDICATORIA

AGRADECIMIENTO

ÍNDICE GENERAL

ÍNDICE DE TABLAS

ÍNDICE DE FIGURAS

RESUMEN EJECUTIVO

EXECUTIVE SUMMARY

CAPÍTULO I ................................................................................................................ 1

INTRODUCCIÓN ........................................................................................................ 1

1.1. Antecedentes investigativos ........................................................................... 1

1.2. Planteamiento del problema ........................................................................... 3

1.3. Formulación del problema .............................................................................. 4

1.4. Delimitación del problema .............................................................................. 4

1.5. Objeto de investigación y campo de acción ................................................... 4

1.6. Campo de acción ........................................................................................... 5

1.7. Identificación de la línea de investigación ...................................................... 5

1.8. Objetivos ........................................................................................................ 5

1.9. Idea a defender .............................................................................................. 6

1.10. Justificación del tema ..................................................................................... 6

CAPÍTULO II ............................................................................................................... 8

MARCO TEÓRICO ...................................................................................................... 8

2.1. Origen y evolución del objeto de investigación .............................................. 8

2.2. Análisis de las distintas posiciones teóricas ................................................... 9

2.3. Valoración crítica de los conceptos del objeto de investigación ................... 10

2.4. CNT EP ........................................................................................................ 10

2.5. Sistemas Web .............................................................................................. 12

2.6. Herramientas de sistema web ...................................................................... 18

Page 8: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

2.7. Aplicaciones móviles .................................................................................... 22

2.8. Tecnologías de aplicaciones móviles híbridas ............................................. 24

2.9. Metodología XP ............................................................................................ 32

2.10. Conclusiones parciales del capitulo ............................................................. 33

CAPITULO II ............................................................................................................. 34

MARCO METODOLÓGICO ...................................................................................... 34

3.1. Caracterización del sector ............................................................................ 34

3.2. Descripción de procedimiento metodológico ................................................ 34

3.3. Tipo de investigación.................................................................................... 34

3.4. Tabulación y análisis de datos ..................................................................... 36

3.5. Propuesta del investigador ........................................................................... 41

3.6. Conclusiones parciales del capítulo ............................................................. 41

CAPÍTULO IV ............................................................................................................ 42

MARCO PROPOSITIVO ........................................................................................... 42

4.1. Tema ............................................................................................................ 42

4.2. Objetivos ...................................................................................................... 42

4.2.1. Objetivo general .......................................................................................................... 42

4.2.2. Objetivos específicos ................................................................................................. 42

4.3. Desarrollo de la propuesta ........................................................................... 43

4.3.1. Análisis de requerimientos ........................................................................................ 43

4.4. Fase de inicio del sistema ............................................................................ 43

4.4.1. Propósito ...................................................................................................................... 43

4.4.2. Requerimientos funcionales ...................................................................................... 43

4.4.3. Definición de acrónimos y abreviaturas .................................................................. 44

4.4.4. Definición del problema ............................................................................................. 44

4.4.5. Perfiles de usuarios e interesados ........................................................................... 45

4.4.6. Restricciones de la aplicación .................................................................................. 45

4.5. Fase de diseño ............................................................................................. 46

4.5.1. Modelo de casos de uso ............................................................................................ 46

4.5.2. Modelo de casos de uso cliente ............................................................................... 47

4.5.3. Casos de Uso Cliente ................................................................................................ 50

4.5.4. Modelo de datos ......................................................................................................... 53

Page 9: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

4.5.5. Modelo de despliegue ................................................................................................ 55

4.6. Fase de construcción ................................................................................... 55

4.6.1. Propósito ...................................................................................................................... 56

4.6.2. Alcance ......................................................................................................................... 56

4.6.3. Visión general del sistema ........................................................................................ 56

4.6.4. Características del producto ..................................................................................... 56

4.7. Implementación del sistema ......................................................................... 58

4.7.1. Propósito ...................................................................................................................... 58

4.7.2. Alcance ......................................................................................................................... 58

4.7.3. Sistema de gestión saldos operadora CNT EP ..................................................... 58

4.7.4. Estrategias de aplicación de las pruebas ............................................................... 60

4.7.5. Pruebas funcionales ................................................................................................... 61

4.7.6. Pruebas de integración de datos ............................................................................. 62

CONCLUSIONES ...................................................................................................... 64

RECOMENDACIONES ............................................................................................. 65

BIBLIOGRAFÍA

Page 10: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

ÍNDICE DE TABLAS

Tabla 1 Elementos de un sistema ............................................................................. 13

Tabla 2 Gestión de información cliente ..................................................................... 36

Tabla 3 Tipos de reclamos del cliente ....................................................................... 37

Tabla 4 Tipos de herramientas de gestión de información ........................................ 38

Tabla 5 Disposición del sistema web y móvil ............................................................ 39

Tabla 6 Características del sistema web y móvil ....................................................... 40

Tabla 7 Definición del problema. ............................................................................... 44

Tabla 8 Perfiles de los interesados. .......................................................................... 45

Tabla 9 Gestión de clientes ....................................................................................... 47

Tabla 10 Gestión de contratos .................................................................................. 48

Tabla 11 Gestión de planes....................................................................................... 48

Tabla 12 Gestión de usuarios .................................................................................... 49

Tabla 13 Inicio de sesión ........................................................................................... 49

Tabla 14 Cliente ........................................................................................................ 50

Tabla 15 Consultar Saldos ........................................................................................ 50

Tabla 16 Inciar sesión ............................................................................................... 51

Tabla 17 Registrar dispositivo ................................................................................... 51

Tabla 18 Operador .................................................................................................... 52

Tabla 19 Gestión de clientes ..................................................................................... 52

Tabla 20 Gestión de contratos .................................................................................. 52

Tabla 21 Gestión de planes....................................................................................... 52

Tabla 22 Inicio de sesión ........................................................................................... 53

Tabla 23 Características del sistema ........................................................................ 57

Tabla 24 Pruebas funcionales ................................................................................... 61

Tabla 25 Pruebas de integración de datos ................................................................ 62

Page 11: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

ÍNDICE DE FIGURAS

Figura 1 Aplicación JavaScrip ................................................................................... 28

Figura 2 Tecnologías Ajax ......................................................................................... 31

Figura 3 Gestión de información cliente .................................................................... 36

Figura 4 Tipos de reclamos del cliente ...................................................................... 37

Figura 5 Herramientas de gestión de información .................................................... 38

Figura 6 Disposición del sistema web y móvil .......................................................... 39

Figura 7 Características del sistema web y móvil ..................................................... 40

Figura 8 Especificación de casos de uso .................................................................. 46

Figura 9 Actores del sistema ..................................................................................... 47

Figura 10 Caso de uso administrador ....................................................................... 47

Figura 11 Caso de uso cliente ................................................................................... 50

Figura 12 Caso de uso operador ............................................................................... 51

Figura 13 Modelo lógico de datos ............................................................................. 54

Figura 14 Modelo de datos ........................................................................................ 54

Figura 15 Modelo de desplegué ................................................................................ 55

Figura 16 Interfaz del sistema ................................................................................... 59

Figura 17 Aplicación móvil......................................................................................... 59

Figura 18 Gestión plan .............................................................................................. 60

Figura 19 Aplicación móvil......................................................................................... 60

Page 12: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

RESUMEN EJECUTIVO

El presente trabajo nace de la necesidad de la operadora CNT EP E.P, de la ciudad

de Ibarra, que permita facilitar a los clientes de la información referida al servicio móvil

que estos tienen contratado a través de una aplicación móvil de consulta de saldos y

servicios que estos mantienen con la operadora. La sistematización del proceso y

desarrollo de la información permitirá a la empresa optimizar los procesos y cubrir de

una manera eficiente las necesidades y servicios de información que demandan los

clientes de la operadora.

El sistema web fue realizado utilizando tecnologías y herramientas de desarrollo web

y móvil como PHP, HTML, MySql, JSon, Jquerty, JquertyMobile, Apache Cordova

asociada con el debido estudio de las necesidades y requerimientos de la operadora,

que se fue cubriendo por medio de la aplicación web-móvil, constituyéndose como una

herramienta de gestión de información de saldos y servicio de la operadora para con

los clientes.

Page 13: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

EXECUTIVE SUMMARY

The current work stems from the necessity for the CNT public company, of Ibarra city,

which can facilitate customers the information related to the mobile service that they

have through an application for consulting services that people have with the company.

Systematizing the process and development of information can allow the company to

optimize processes and efficiently satisfy the needs and information services

requested by customers.

The web system was made using technologies as web and mobile development tools

as PHP, HTML, MySQL, JSON, Jquerty, JquertyMobile, Apache Cordova associated

with the correct study of necessities and requirements of the company, that was

covered by the mobile web application constituted as a management tool of balance

and all service information to customers.

Page 14: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

1

CAPÍTULO I

INTRODUCCIÓN

1.1. Antecedentes investigativos

El surgimiento de la telefonía móvil, nace del sector de la economía dedicada a las

telecomunicaciones, que en la actualidad da pasos agigantados con el crecimiento

constante de dicho sector comercial.

Con la producción en masa de los celulares y su evolución en tiempo y tecnología,

éstos son objeto de la innovación y mejoras constantes. Los cambios son

modificaciones en las partes reemplazables, en la estructura interna y externa. Con

los avances tecnológicos y la especialización del recurso humano, la industria

productora de telefonía móvil, con el pasar del tiempo se ha convertido en un eje

impulsador en el cambio de vida de las personas.

En la actualidad y a nivel nacional, específicamente en la ciudad de Ibarra, el tamaño

del mercado de telefonía móvil es muy alto. Por ello el presente proyecto busca

conocer y comprender las características y el funcionamiento de este nuevo sistema

móvil aplicado a Android, averiguando sus posibilidades y ventajas frente a otras

alternativas. Además, existen tres empresas de telefonía móvil, las cuales se dedican

a la importación de celulares siendo los más comercializados los Smartphone bajo su

tecnología Android abarcando un gran nicho de mercado.

Una aplicación APP se utiliza como un programa informático diseñado como

herramienta para permitir a un usuario realizar uno o diversos tipos de trabajos. Esto

lo diferencia principalmente de otros tipos de programas, como los sistemas

operativos, los utilitarios y los lenguajes de programación.

Las aplicaciones nacen de alguna necesidad concreta de los usuarios, y se usan para

facilitar o permitir la ejecución de ciertas tareas en las que un analista o un

programador han detectado una cierta necesidad.

Page 15: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

2

Una aplicación se diseña para ser usada con uno o varios sistemas operativos, siendo

hasta cierto punto dependiente de estos, las aplicaciones pueden ser desde

pequeñísimos programas de apenas unas líneas de código, hasta grandes obras de

ingeniería informática, con miles de horas de trabajo detrás. El tamaño, sin embargo,

no define el éxito de una aplicación, sino justamente que cubra las necesidades del

usuario.

Luego de realizar una investigación en el Repositorio de la Universidad se pudo

determinar que existen 2 temas afines a una variable del tema, como los detallados a

continuación:

Tema: “Aplicación web para la Gestión Contable de la microempresa comunitaria de

agua potable y alcantarillado “ECAPASR” SCC, de la parroquia San Rafael, cantón

Otavalo”.

Autor: Otavalo Criollo María Luzmila

Objetivo: Elaborar una aplicación web que permita el mejoramiento de la gestión

contable de la Microempresa Comunitaria de Agua Potable y Alcantarillado

“ECAPASR” SCC.

Conclusión: conclusión de que los sistemas informáticos han venido involucrándose

en diferentes áreas de la industria, el comercio, entre otras, especialmente en lo

referente a la contabilidad del talento humano.

Tema: Aplicación web para la gestión de las prácticas pre profesionales de la Carrera

de Sistemas de la UNIANDES.

Autor: Miguel Ángel Martínez

Objetivo: Implementar una Aplicación WEB para la gestión de la información del

proceso de prácticas pre profesional de la carrera de sistemas.

Page 16: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

3

Conclusión: El uso de una metodología extrema, permitió una fuerte interacción con

el cliente quien obtuvo un sistema acorde a sus necesidades.

Además, se informa que no existe ningún tema relacionado con la Aplicación App para

consulta de saldos para la operadora CNT EP E.P.

1.2. Planteamiento del problema

La insatisfacción del usuario final al no poder realizar una consulta directa de su saldo

tanto en tiempo aire, megas compradas y promocionales, evidencia un malestar,

porque siente que el servicio de información que brinda CNT EP E.P. no es ágil y

amigable. Además, el acudir a centros de atención al cliente tan solo por una consulta

de saldo es molesto porque demanda un costo en tiempo y dinero, repercutiendo a la

institución en una disminución de clientes nuevos.

Debido a estas y otras necesidades del usuario final, se propone la creación de una

App, para consulta de saldo aplicado a la Corporación Nacional de

Telecomunicaciones (CNT EP) para Android, el descubrimiento de la informática, su

aplicación paulatina en todo tipo de áreas de conocimiento y de producción, así como

su introducción en el común de la población a través de todo tipo de componentes ha

cambiado nuestra sociedad y nuestra economía más rápido que cualquier otro hecho

o descubrimiento anterior.

La empresa que se eligió para el desarrollo del proyecto es la CORPORACIÓN

NACIONAL DE TELECOMUNICACIONES (CNT EP), la misma que se encuentra

direccionada hacia todos los ecuatorianos, integrando nuestro país al mundo,

mediante la provisión de soluciones de telecomunicaciones innovadoras, con talento

humano comprometido y calidad de servicio de clase mundial. Buscando como

objetivo, ser la empresa líder de telecomunicaciones del país, por la excelencia en su

gestión, el valor agregado que ofrece a sus clientes y el servicio a la sociedad, que

sea orgullo de los ecuatorianos.

Page 17: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

4

En la actualidad la tecnología ha dado pasos agigantados permitiendo al usuario una

evolución notable de cambios y actualización de conocimientos, es por ello que en el

lugar de trabajo donde me desempeño diariamente, he visto la necesidad de contribuir

con el usuario final reduciendo procesos para la consulta de su saldo y sus megas

tanto compradas como promocionales.

El proceso que se maneja para la telefonía móvil en esta operadora requiere de varias

opciones para dicha consulta, la misma que se vuelve poco funcional, sobre todo para

el sector adulto-mayor que es quien más inconvenientes tiene con este servicio.

El tener que recurrir a puntos directos de atención al cliente tan solo por una consulta

de saldo, demanda un costo en tiempo y dinero, originando en los usuarios finales una

insatisfacción en el nivel de servicio de información y esto repercute a la institución en

la disminución de nuevos clientes potenciales y el crecimiento constante de nuestra

empresa a causa de una información tan esencial.

1.3. Formulación del problema

¿Cómo mejorar las consultas a través de una aplicación móvil para consulta de saldo

de la operadora CNT “Corporación Nacional de Telecomunicaciones”

1.4. Delimitación del problema

El proyecto investigó la gestión de la información del departamento técnico de la

empresa pública de telecomunicaciones CNT EP de la cuidad de Ibarra.

1.5. Objeto de investigación y campo de acción

El objeto de estudio es la gestión de información de saldos disponibles de los clientes

que utilizan la operadora CNT EP, la investigación está dentro del campo de acción

de los sistemas de información que permiten recopilar, elaborar y distribuir la

información necesaria para los clientes.

Page 18: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

5

1.6. Campo de acción

Campo: Sistemas de información.

Área: Aplicaciones web y programación de sistemas.

Aspecto: Gestión de información de atención al cliente

Delimitación Espacial: CNT EP

Delimitación Temporal: 5 meses

Beneficiarios: Departamento de atención al cliente

1.7. Identificación de la línea de investigación

El presente trabajo se enmarca en la línea de investigación: Desarrollo de Software

y programación de sistemas.

1.8. Objetivos

1.8.1. Objetivo general

Desarrollar una aplicación móvil para consulta de saldo de la operadora cnt

“corporación nacional de telecomunicaciones”

1.8.2. Objetivos específicos

Fundamentar bibliográficamente las aplicaciones App para Android,

herramientas de desarrollo y programación.

Realizar una aplicación móvil, aplicado a la CNT EP, para Android en

dispositivos móviles.

Validar la aplicación móvil para consulta de saldo de la operadora CNT

“Corporación Nacional de Telecomunicaciones”

Page 19: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

6

1.9. Idea a defender

¿La utilización de una aplicación móvil para consulta de saldo de la operadora CNT

“Corporación Nacional de Telecomunicaciones”?

1.10. Justificación del tema

El presente trabajo de investigación es desarrollado con la finalidad de poder ofrecer

a los usuarios de la Corporación Nacional de Telecomunicaciones una nueva

alternativa de poder realizar las diversas consultas de telefonía móvil de una forma

más sencilla y funcional.

Si bien es cierto que la CNT EP, cuenta con un equipamiento basto en el tema de

telefonía móvil, muy a pesar de esto, encontramos que el usuario debe digitalizar

varias funciones para obtener sus saldos finales, por ello se propone el desarrollo de

la aplicación móvil que se plantea en este trabajo, el diseño de un aplicativo móvil que

sea capaz de poder realizar la función de consulta de saldos en un solo paso o

movimiento con la diferencia de que la información pueda ser revisada mucho más

rápida, en cualquier lugar y tiempo que el usuario lo solicite, ya que el principal

propósito es de satisfacer los requerimientos de los usuarios de manera más rápida

gracias al diseño de la aplicación.

Los procesos o cambios tecnológicos en lo que respecta a telefonía móvil a través de

los equipos inteligentes y las nuevas tecnologías han impuesto que Android es

actualmente el sistema operativo para Smartphone y tablets más famoso, con una

enorme cuota de mercado.

Esa es la razón por la que se ideó una forma sencilla para desarrollar aplicaciones

para Android haciendo uso de programación gráfica. Siendo una palabra de uso

común en el mundo del software, el término App comenzó a utilizarse especialmente

para referirse a las aplicaciones para móviles en 2008, tras la consecución de tres

hitos importantes en la historia de las aplicaciones, el lanzamiento del App Store de

Page 20: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

7

Apple, la publicación del primer SDK para Android y la posterior pero casi inmediata

inauguración del Android Market.

Durante mucho tiempo, desde hace unos años, se ha popularizado un antagonismo

que en muchas ocasiones se veía como un enfrentamiento forzado donde no tiene

por qué haberlo. Se trata de contraponer aplicaciones nativas con aplicaciones web.

Las Web Apps permiten un desarrollo multiplataforma basado en tecnologías Web

como HTML, CSS, JavaScript, etc. Corren en muchas ocasiones en servidores Web

y son visibles en cualquier dispositivo que tenga un navegador, es decir prácticamente

cualquier celular o dispositivo móvil.

Durante la última década la tecnología y el uso de los dispositivos móviles han crecido

de una forma espectacular. En nuestra sociedad, son pocas las personas que no

poseen un móvil o un ordenador portátil y ya no nos extrañamos al ver gente

conectada a la red en bares, parques y playas a través de estos dispositivos. Y es que

el estar comunicado a todas horas se ha convertido en parte de nuestro día a día.

El móvil ya no es un dispositivo que sirve sólo para llamar. Sirve para escribir mensajes

de texto, conectarse a internet, reproducir multimedia, GPS e incluso para hacer

fotografías de alta resolución. Con el Mobile World Congress a la vuelta de la esquina

y con rumores de la aparición de Smartphone de hasta cuatro núcleos, estamos ante

dispositivos que nos están ofreciendo una potencia computacional que va a permitir

tener servicios complejos e interesantes en muchos ámbitos. Todo esto está

provocando que estén surgiendo nuevas utilidades para estos dispositivos y, entre

ellas, utilizar éste como herramienta de tele asistencia.

El objetivo de una app es facilitar la consecución de una tarea determinada o guiarnos

en operaciones y gestiones del día a día. El término App es la abreviatura de

Aplicación y como tal, siempre se ha utilizado para denominar a éstas en sus

diferentes versiones.

Page 21: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

8

CAPÍTULO II

MARCO TEÓRICO

2.1. Origen y evolución del objeto de investigación

Las gestiones de información en la actualidad ocupa la atención en las organizaciones

públicas o privadas para ello se desarrollan soluciones informáticas mediante

aplicaciones web y móviles que se diseñan como medio de gestión, tratamiento y

recuperación de información de las actividades o servicios que los clientes requieren

en este contexto la aplicación móvil desarrollada para el departamento de atención al

cliente de la operadora CNT EP implica la automatización de procesos y actividades

de forma eficaz dentro del departamento acordes a la información que el cliente

requiere sobre el estado de saldos que mantienen los clientes.

CNT EP la ciudad de Ibarra no tiene una aplicación de gestión de información de

saldos de los clientes por lo que se propone el desarrollo de una aplicación móvil que

permita controlar y automatizar la información que el cliente requiere sobre el estado

de saldos que mantiene con la operadora, además la solución tecnológica constituye

una herramienta de apoyo y soporte para los usuarios y del departamento de atención

al cliente.

En el ámbito local el proyecto permite la inserción de tecnologías mediante

aplicaciones móviles aplicada a procesos de gestión de información que permiten a la

empresa garantizar y facilitar el acceso a datos que facilitan la organización de las

actividades del negocio y por ende el mejoramiento de servicios para los clientes de

la operadora CNT EP. (CNT.EP, 2014)

El departamento de atención al cliente de la operadora CNT EP se forma como un

medio para dar atención a los problemas, dudad e inquietudes que tiene los distintos

clientes que utilizan la operadora, es por ello que el departamento debe atender los

problemas y dar solución a estos, tales como la atención de saldos, servicios, equipos,

servicios entre otras, debido a esto se propone unas aplicación móvil que permita

Page 22: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

9

facilitar al cliente dispone y proveer de soporte y asesoramiento a los usuarios

permitiéndoles disponer de los datos al alcance de la mano.

Bajo este razonamiento se ve la necesidad dentro del departamento de atención al

cliente de CNT EP Ibarra facilitar de información que el propio cliente pueda gestionar

de una forma eficiente y eficaz facilitando el control y consulta de los saldos y servicios

que el cliente mantiene con la operadora.

2.2. Análisis de las distintas posiciones teóricas

El impacto social de las Tecnologías de Información y Comunicación (TIC ) ha creado

una revolución tecnológica no solo abarca toda la sociedad sino también la inserción

de las organizaciones en internet. El mundo informático produce interés en cuanto se

descubre que penetra en distintas áreas y disciplinas profesionales, en general y en

particular las organizaciones se han visto beneficiadas con las tecnologías móviles.

Con frecuencia, puede verse que los usuarios utilizan la tecnología móvil de forma

cotidiana para la gestión y tratamiento de información.

Porque es necesario la utilización de sistemas de gestión de información móvil.

(Adrade 2016), manifiesta que; “Cada vez más, las empresas se enfrentan a

demandas de rentabilidad, calidad y tecnología que contribuyan al desarrollo y gestión

de información que permita de forma eficiente el tratamiento de datos que los usuarios

requieren.

Por otra parte (Gonzáles, 2014) manifiesta que “Los sistemas de gestión web-móvil

hacen referencia a todos aquellos sistemas informáticos con los que se apoya una

empresa para poder desarrollar correctamente las actividades que el negocio requiere

como estrategias que desarrollan las empresas mediante herramientas tecnológicas

correspondientes a los sistemas de gestión que se emplean en algún momento dado

para la obtención y tratamiento de datos e información.

Page 23: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

10

De estos enunciados se puede destacar la importancia que se resalta en los sistemas

de gestión de información apoyados en tecnologías web y móvil ya que estos

permitirán a la empresa desarrollar de una manera eficiente la complejidad de las

actividades en las que están inmersas las organización y que le permiten mejorara los

procesos y actividades en beneficio de estas y de los clientes a las que provén

productos y servicios.

2.3. Valoración crítica de los conceptos del objeto de investigación

Al análisis de información necesaria y sustento del marco teórico se recopila de libros,

documentos electrónicos, revistas e internet con la finalidad de sustentar las bases

conceptuales necesarias para el desarrollo del proyecto propuesto.

2.4. CNT EP

La Corporación Nacional de Telecomunicaciones CNT EP, trabaja para satisfacer de

manera socialmente responsable y sostenible las necesidades de servicios de

telecomunicaciones, televisión y de valor agregado de sus clientes y ciudadanos. Se

administra por objetivos y realiza revisiones periódicas del sistema para promover la

mejora continua.

“La Corporación Nacional de Telecomunicaciones CNT EP, es la empresa pública de

telecomunicaciones del Ecuador, creada el 30 de octubre del 2008, opera servicios de

telefonía fija local, regional e internacional, acceso a internet estándar y de alta

velocidad (Dial-UP, DSL, Internet móvil 3g y 4g LTE), televisión satelital y telefonía

móvil en el territorio nacional ecuatoriano”. (CNT.EP, 2014).

El departamento de publicidad y marca de la Corporación Nacional de

Telecomunicaciones (CNT EP), busca acortar la brecha entre los productores

independientes y los canales de difusión, siendo este servicio una ventana para

ofrecer contenidos y servicios tanto fijos como móviles.

Page 24: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

11

Servicios fijos

Telefonía fija: Línea telefónica Residencial de CNT EP basada en tecnología

GPON, CDMA y mediante COBRE.

Televisión: Como operador de televisión pagada, CNT EP usa tecnología DTH

(Direct to Home).

Internet banda ancha: Ofrece servicios con tecnología ADSL desde los 3

Mbps hasta los 15 Mbps, y con Fibra Óptica desde 5 Mbps hasta 100 Mbps.

Servicios móviles

Telefonía e internet móvil: CNT EP inicialmente ofreció este servicio como

OMV (Operador móvil virtual), después de la absorción de la ya desaparecida

Alegro PCS. En la actualidad cuenta con concesión de espectro GSM a nivel

nacional y LTE en las principales ciudades del Ecuador desde el 2013.

CNT EP Play: Desde fines del año 2014, CNT EP lanzó su plataforma de

contenidos On-Demand denominado CNT EP Play, en la que incluye

producción ecuatoriana, pretendiendo ser un espacio de difusión de estos.

(CNT.EP, 2014)

2.4.1. Filosofía CNT EP

CNT EP trabaja firmemente para unir a todos los ecuatorianos integrando nuestro país

al mundo, mediante la provisión de soluciones de telecomunicaciones innovadoras,

con talento humano comprometido y calidad de servicio de clase mundial. Su visión

es ser una empresa líder de telecomunicaciones del país, por la excelencia en su

gestión, el valor agregado que ofrece a sus clientes y el servicio a la sociedad, que

sea orgullo de los ecuatorianos.

La empresa está orientada a la gestión de servicios de calidad y de forma eficiente

con la finalidad de proveer de comunicación, telefonía fija y móvil que permita a los

Page 25: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

12

clientes disponer de tecnologías y métodos de comunicación acordes a las

necesidades de estos (CNT.EP, 2014)

2.5. Sistemas web

Los sistemas de información permiten realizar un conjunto de actividades de

automatización de los procesos y por ende disponer de información en tiempo real

para la toma de decisiones acordes a los requerimientos de las organizaciones.

En la vida cotidiana las actividades siguen un determinado proceso es decir un sistema

que permite la iteración de elementos que son procesados para la consecución de un

objetivo común, en este sentido se define a los sistemas de información como:

“Elementos o partes que están organizados y relacionados para interactuar entre sí,

con el objetivo de lograr un fin que permiten capturar, procesar, almacenar y distribuir

la información para apoyar la toma de decisiones y el control en una institución para

lo cual están implementados o creados” (CAUCA, 2015).

En la ingeniería de software se denomina aplicación web a aquellas herramientas que

los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de

una intranet mediante un navegador. En otras palabras, es una aplicación software

que se codifica en un lenguaje soportado por los navegadores web en la que se confía

la ejecución al navegador.

Los elementos que interactúan en un sistema de información se detallan a

continuación:

Entradas: Datos generales del cliente: nombre, dirección, tipo

de cliente, etc.

Políticas de créditos: límite de crédito, plazo de pago,

etc.

Facturas (interface automático).

Pagos, depuraciones, etc.

Page 26: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

13

Proceso: Cálculo de antigüedad de saldos.

Cálculo de intereses moratorios.

Cálculo del saldo de un cliente.

Almacenamiento: Movimientos del mes (pagos, depuraciones).

Catálogo de clientes.

Facturas.

Salidas: Reporte de pagos.

Estados de cuenta.

Tabla 1 Elementos de un sistema

Fuente: (CAUCA, 2015).

Los sistemas web permiten a las instituciones la automatización de los posesos por lo

que estos juegan un papel importante en la forma en que estas administran y

gestionan la información a la vez que permite disponer datos para la toma de

decisiones que les permita llevar un control de la información generada en cada una

de las actividades en las que de desempeña la institución.

2.5.1. Características

Las aplicaciones web tiene una serie de características que las diferencias de los

sistemas informáticos tradicionales debido a la facilidad de acceso a través de internet

que prácticamente elimina la barrera tiempo especio.

Compatibilidad multiplataforma: Las aplicaciones web, dependiendo de su versión,

puede correr sin problemas en múltiples plataformas como Windows, Linux, Mac, etc.

Actualización: Estas aplicaciones por lo general siempre se encuentran actualizadas,

no requieren que el usuario deba descargar actualizaciones y realizar tareas de

instalación.

Page 27: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

14

Acceso inmediato y desde cualquier lugar: Las mencionadas aplicaciones web no

necesitan ser descargadas, instaladas y configuradas. Pueden ser accedidas desde

cualquier computadora conectada a la red desde donde se accede a la aplicación.

Requerimientos mínimos: Este tipo de aplicación consumen muy poco espacio en

disco y también es mínimo el consumo de memoria RAM en comparación con los

programas instalados localmente.

Seguridad en los datos: Los datos se alojan en servidores con sistemas de

almacenamiento altamente fiables y se ven libres de problemas que comúnmente

sufren los ordenadores de usuarios comunes, como virus y/o fallas de disco duro

(CAUCA, 2015).

Ventajas

Una aplicación web contiene elementos que permiten una comunicación activa

entre el usuario y la información, permitiendo el acceso a los datos de una

manera interactiva.

Para trabajar en la aplicación Web solo se necesita un computador con un buen

navegador Web y conexión a internet. No ocupan espacio en nuestro disco

duro.

Para operar en las aplicaciones Web no se necesita conocimientos previos de

informática. Con una aplicación Web tendrá total disponibilidad en cuanto a

hora y lugar, podrá trabajar en ella en cualquier momento y en cualquier lugar

del mundo siempre que tenga conexión a internet.

Permite un ahorro de tiempo ya que se pueden realizar tareas sencillas sin

necesidad de descargar ni instalar ningún programa.

Las aplicaciones web están siempre actualizadas con la última versión.

El consumo de recursos es bajo debido a que todo o gran parte de la aplicación

no se encuentra instalada en nuestra computadora, sino en el servidor de la

aplicación.

Permiten la operación de múltiples usuarios concurrentes. Las aplicaciones

basadas en web pueden ser utilizada por múltiples usuarios al mismo tiempo.

Page 28: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

15

Tienen la funcionalidad de ser multiplataforma, es decir, que pueden ser usadas

desde cualquier sistema operativo (Torres, 2014. Pág. 4-8)

Desventajas

Las aplicaciones web tienen limitaciones en la funcionalidad que ofrecen. Por

lo general utilizan lenguajes interpretados (scripts) en el entorno del cliente para

adicionar más funcionalidad interactiva, lo que suele resultar molesto a los

usuarios.

La disponibilidad de la aplicación web depende de un tercero, del proveedor de

la conexión a internet o del que provee el enlace entre el servidor de la

aplicación y el cliente (Torres, 2014. Pág. 4-8).

2.5.2. Estructura web

Las aplicaciones web son aquellas en que los usuarios acceden a ellas en un servidor

Web a través de Internet o de una intranet

(Velasco, 2013) La arquitectura tradicional de cliente/servidor también es conocida

como arquitectura de dos capas. Requiere una interfaz de usuario que se instala y se

ejecuta en una PC o estación de trabajo y envía solicitudes a un servidor para ejecutar

operaciones complejas.

La arquitectura de tres capas es un diseño reciente que introduce una capa intermedia

en el proceso. Cada capa es un proceso separado y bien definido corriendo en

plataformas separadas. En la arquitectura tradicional de tres capas se instala una

interfaz de usuario en la computadora del usuario final (el cliente). La arquitectura

asada en Web transforma la interfaz de búsqueda existente (el explorador de Web),

en la interfaz del usuario final

Page 29: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

16

2.5.3. Modelo cliente servidor

La arquitectura cliente servidor es un modelo de aplicación distribuida en el que las

tareas se reparten entre los proveedores de recursos o servicios llamados servidores

y los demandantes llamados clientes. Un cliente hace peticiones a otro programa y el

servidor es quien da respuesta (Neo, 2014).

Este modelo posee las siguientes características:

Las tareas del cliente y del servidor tienen diferentes requerimientos en cuanto

a recursos como velocidad d procesador, memoria, capacidad del disco.

Los clientes son procesos activos debido a que son los que hacen las peticiones

de servicio los servidores, en tanto éstos últimos son de carácter pasivo ya que

esperan las peticiones de los clientes.

Se establece una relación entre distintos procesos que pueden ser ejecutados

desde la misma computadora o desde diferentes computadoras distribuidas a

lo largo de la red. (Neo, 2014)

La relación establecida puede ser de muchos a uno en la que un servidor puede

dar servicio a muchos clientes, regulando su acceso a recursos compartidos.

El ambiente es heterogéneo. La plataforma de hardware y el sistema operativo

del cliente y del servidor no son siempre la misma. Una de las ventajas de esta

arquitectura es la posibilidad de conectar clientes y servidores independientes

de sus plataformas.

2.5.4. Programación MVC

El modelo – vista – controlador (MVC), es un patrón de arquitectura de software

utilizada para implementar sistemas donde se requiere el uso de interfaces de usuario

y que son accedidos mediante redes e internet.

Para ello MVC propone la construcción de tres componentes distintos que son el

modelo, la vista y el controlador, es decir, por un lado, define componentes para la

Page 30: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

17

representación de la información, y por otro lado, para la interacción del usuario. Surge

de la necesidad de crear software más robusto con un ciclo de vida más adecuado,

donde se potencie la facilidad de mantenimiento, reutilización del código y la

separación de conceptos (d àlacant, 2013)

El modelo MVC se podría definir de la siguiente manera:

Modelo: es la capa donde se trabaja con los datos, contiene mecanismos de

acceso a la información. Los datos habitualmente se encuentran en las bases

de datos, por lo que en la capa modelo están todas las funciones de acceso a

la tabla.

Vistas: contiene el código de la aplicación que va a producir la visualización de

las interfaces de usuario, es decir, el código que permite renderizar (proceso

de generar una imagen o video mediante el cálculo de la iluminación GI

partiendo de un modelo en 3D) los estados de nuestra aplicación en HTML.

Controlador: contiene el código necesario para responder a las acciones que

se solicitan en la aplicación. Es la capa que sirve de enlace entre las vistas y

los modelos para implementar las diversas necesidades de la aplicación. (d

àlacant, 2013).

La programación de aplicaciones web mediante modelos y patrones de desarrollo

facilita la organización y estructura interna del código fuente permitiendo al

programador programar y reutilizar el código fuente de forma óptima y eficiente.

2.5.5. Seguridad en aplicaciones web

La seguridad de la información y datos es de vital importancia dentro del desarrollo de

aplicaciones web debido a que los datos viajan a través de redes e internet que

pueden ser capturados y por ende modificados por terceros o ajenos a las actividades

de las organizaciones, es por ello que las aplicaciones web incorporan una serie de

métodos, formas y mecanismos de seguridad que permiten salvaguardar la

información de un extremo a otro cuando viajan por la red.

Page 31: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

18

“La seguridad es un aspecto fundamental a la hora de garantizar el uso de la

información que se maneja y viaja a través de internet y que hacen uso los sistemas

web, es por ello que en este apartado se considera como parte importante para el

desarrollo de la solución propuesta con el objetivo de mantener tres características

fundamentales de la información, confidencialidad, integridad y disponibilidad de la

información” (Bermeo, 2010)

Las medidas de seguridad centran todos los esfuerzos principalmente en la

eliminación y reducción de las vulnerabilidades que comprometan la integridad de la

información que maneja el sistema.

La seguridad que se incorpora para la accesibilidad a los sistemas web

mediante conexiones en internet se implementan a nivel lógico.

Caducidad de sesiones.

Validaciones de usuario

Encriptación a nivel de base de datos MD5 así como mecanismos del lado de

la aplicación

A nivel físico mediante el uso firewallas, proxy y criptografía directorio activo

(AD),

Acceso a través de MAC address del equipo que solicita acceso a la

aplicación web. (Bermeo, 2010)

Además la seguridad está contemplada a nivel lógico bajo código así como físico

mediante la implementación de hardware que controla los accesos negando y

denegando el acceso a usuarios no permitidos.

2.6. Herramientas de sistema web

Para el desarrollo de las aplicaciones web hay una variedad de herramientas que

permiten la construcción de sitios web dinámicos es por ello que en este apartado se

trataran las herramientas tecnológicas- móviles específicas que intervienen en la

construcción de una solución informática basadas en arquitecturas cliente servidor

Page 32: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

19

bajo patrón de programación modelo vista controlador MVC que se describen a

continuación.

2.6.1. Hypertext Pre-Processor PHP

PHP, es un lenguaje de codificación de aplicaciones web móvil dinámicas que usa una

mezcla entre interpretación y compilación para intentar ofrecer a los programadores

la mejor herramienta de rendimiento y flexibilidad. PHP compila el código una serie de

instrucciones (llamadas opcodes) siempre que estas son accedidas.

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 ( Olivier , 2011).

Al ser un lenguaje libre dispone de una gran cantidad de características ideal

para la creación de páginas web dinámicas.

Soporte para una gran cantidad de bases de datos PostgreSQL, MysSQL,

SybasemSQL, Informix etc.

Integración con varias bibliotecas externas, permite generar documentos en

PDF.

Ofrece una solución simple y universal para las paginaciones dinámicas del

web de fácil programación.

Perceptiblemente más fácil de mantener y poner al día que el código

desarrollado en otros lenguajes.

Soportado por una gran comunidad de desarrolladores, como producto de

código abierto, PHP goza de la ayuda de un gran grupo de programadores,

permitiendo que los fallos de funcionamiento se encuentren y reparen

rápidamente.

Page 33: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

20

El código se pone al día continuamente con mejoras y extensiones de lenguaje

para ampliar las capacidades de PHP.

Con PHP se puede hacer cualquier cosa que podemos realizar con un script

CGI, como el procesamiento de información en formularios, foros de discusión,

manipulación de cookies y páginas dinámicas. ( Olivier , 2011).

La forma de usar php es insertando código php dentro del código html de un sitio web.

Cuando un cliente (cualquier persona en la web) visita la página web que contiene

éste código, el servidor lo ejecuta y el cliente sólo recibe el resultado. Su ejecución,

es por tanto en el servidor, a diferencia de otros lenguajes de programación que se

ejecutan en el navegador.

Es un lenguaje de programación de código del lado del servidor diseñado para

desarrollar web de contenido dinámico. Fue de los primeros lenguajes del lado del

servidor que se podía incorporar directamente en el documento HTML, en lugar de

utilizar un archivo externo que procese los datos.

PHP es uno de los lenguajes más flexibles, potentes y de alto rendimiento que ha

concitado el interés de sitios con gran demanda de tráfico como Facebook. Su diseño

se orienta a facilitar la creación de sitios web, pero también es usado para crear

aplicaciones con una interfaz gráfica para el usuario.

2.6.2. Base de datos MySql

Una base de datos es una colección de información organizada de forma que un

programa pueda seleccionar rápidamente los datos que necesite. Una base de datos

representa algunos aspectos del mundo real, aquellos que le interesan al diseñador.

Se diseña y almacena datos con un propósito específico. Los datos más usuales que

pueden registrarse son números telefónicos, direcciones, nombres, etc.

Existen programas denominados Sistemas de Gestión de Bases de Datos (DataBase

Management System o DBMS), cuyo propósito es servir de interfaz entre la base de

Page 34: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

21

datos, el usuario y las aplicaciones, permitiendo almacenar y acceder a los datos de

forma rápida y estructurada. Se componen de un lenguaje de definición de datos

(DDL), de un lenguaje de manipulación de datos (DML) y de un lenguaje de consulta

(SQL). (Santillán, 2015)

Las bases de datos poseen las siguientes ventajas:

Permiten tener un control sobre la redundancia de datos.

Controlando la redundancia se reduce en gran medida el riesgo de que haya

inconsistencia de datos.

Se puede compartir datos entre todos los usuarios de la base de datos.

Se obtiene integridad en la información, con datos válidos y consistentes.

La información está segura y protegida.

Los datos están al alcance de los usuarios, permitiendo hacer cualquier tipo de

consulta sobre los datos, sin ser necesario que un programador escriba una

aplicación que realice tal tarea.

Los DBMS gestionan el acceso concurrente de varios usuarios a la base de

datos garantizando que no exista interferencia en la información por el acceso

simultáneo de los usuarios.

Los DBMS ofrecen un mejor servicio en copias de seguridad minimizando la

cantidad de trabajo perdido cuando se produce un fallo en el sistema.

(Santillán, 2015)

La información que contiene una base de datos puede ser de temática variada y

categorizada de distintas formas, pero que mantiene algún tipo de relación que

permite ordenarla, clasificarla y mostrarla de diversas formas.

MySQL es un sistema de gestión de bases de datos relacional y es considerada como

una de las más populares bases de datos junto con Oracle y Microsoft SQL Server,

en lo que respecta a entorno de desarrollo web. MySQL es una base de datos rápida

en lectura cuando utiliza el motor no transaccional MyISAM, pero puede provocar

problemas de integridad en entornos de alta concurrencia en modificación.

Page 35: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

22

MySQL es un software de código abierto, licenciado bajo la GPL de la GNU, aunque

MySQL AB distribuye una versión comercial, en lo único que se diferencia de la versión

libre, es en el soporte técnico que se ofrece, y la posibilidad de integrar este gestor en

un software propietario, ya que de otra manera, se vulneraría la licencia GPL. (Helma

, 2010)

2.7. Aplicaciones móviles

Una aplicación móvil (app) es un programa diseñado para que pueda ser utilizado en

teléfonos inteligentes o cualquier otro aparato móvil como puede ser una tablet o un

reproductor mp3. Estas se encuentran en tiendas por medio de las cuales son

accedidas por el usuario. Para tener un claro concepto, se puede decir que las

aplicaciones son para los móviles lo que los programas son para los computadores de

escritorio.

Su disponibilidad es a través de plataformas de distribución que son operadas por las

compañías dueñas de los sistemas operativos móviles como Android, BlackBerry,

Windows Phone, etc. Se debe tener en cuenta que una App no es una aplicación web,

ni un sistema operativo, ni tampoco un servicio de alojamiento informático.

Al principio, las App estaban enfocadas en mejorar la productividad personal del

usuario como alarmas, calendarios, calculadores, clientes de correo. Con el ingreso

del iPhone al mercado, se generaron nuevas formas de negocio, lo que influyó en una

mayor rentabilidad por las aplicaciones móviles tanto para quienes desarrollan como

para los mercados de aplicaciones como App Store, Google Play y Windows Phone

Store (LanCelant, 2014)

2.7.1. Características

Las Apps comparten la pantalla del teléfono con las webs móviles, tienen que ser

previamente descargadas e instaladas antes de usar.

Page 36: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

23

Las aplicaciones pueden verse aun cuando se está sin conexión a Internet, pueden

acceder a ciertas características de hardware del teléfono como los sensores. Se

puede decir que una aplicación móvil ofrece una mejor experiencia de uso, evitando

tiempos de espera excesivos y logrando una navegación más fluida entre los

contenidos (LanCelant, 2014).

Las Apps ofrecen una serie de ventajas como:

Acceso rápido y sencillo a la información sin necesidad de autenticación de los

datos en cada acceso.

Almacenamiento de datos personales de manera segura.

Gran versatilidad en su uso.

Mejorar la conectividad y disposición de servicios y productos.

2.7.2. Tipos de Aplicaciones Móviles (Nativas e Híbridas)

Aplicaciones Nativas: Son desarrolladas bajo un lenguaje y entorno de desarrollo

específico, permitiendo un funcionamiento fluido y estable para el sistema operativo

para el que fue creada.

Tiene las siguientes ventajas:

Utilización de los recursos tanto del sistema como del hardware.

Permiten ser publicadas en tiendas para su distribución.

La gran mayoría de Apps no necesitan estar conectadas a Internet.

La actualización de la App es constante.

Como desventajas se puede mencionar:

Pueden ser utilizadas solo por un dispositivo que tenga el sistema para el que

fue desarrollada.

Su distribución en una tienda requiere de un costo.

Page 37: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

24

Necesitan de una aprobación para ser publicadas en la plataforma.

El código del cliente no es reutilizable entre las plataformas (LanCelant, 2014)

Aplicaciones Híbridas: Se crean usando lenguajes de desarrollo web y un framework

dedicado para la creación de estas aplicaciones. Estas aplicaciones no requieren de

un entorno específico para su aplicación y la mayoría de las herramientas son de uso

gratuito, pudiendo también ser integradas con las herramientas de aplicaciones

nativas.

Tiene las siguientes ventajas:

Uso de los recursos del dispositivo y del sistema operativo

Su costo de desarrollo es menor que el de una nativa

Son multiplataforma

Su distribución es a través de tiendas de su respectiva plataforma

Como desventajas se puede considerar las siguientes:

La documentación es un poco escasa y sin un orden.

Su diseño visual no siempre es relacionado con el sistema operativo en el que

se muestra.

2.8. Tecnologías de aplicaciones móviles híbridas

En la actualidad existen una variedad de tecnologías de desarrollo de aplicaciones

móviles que se describen a continuación.

2.8.1. HTML5

Es la quinta versión del lenguaje básico de la World Wide Web. Contiene una serie de

nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos,

Page 38: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

25

además de disponer de un conjunto más amplio de tecnologías que permite a los sitios

web y a las aplicaciones ser más diversas y de más alcance (HTML5 Gallery, 2015)

Las tecnologías de HTML5 se clasifican en varios grupos según su funcionalidad:

Semántica: Permite describir con mayor precisión su contenido.

Conectividad: La comunicación con el servidor incluye formas nuevas e

innovadoras.

Sin conexión y almacenamiento: Permite a las páginas web almacenar

datos localmente en el lado del cliente y operar sin conexión de manera más

eficiente.

Multimedia: Brinda un buen soporte para utilizar contenido multimedia como lo

son audio y video nativamente.

Gráficos y efectos 2D/3D: Proporciona una amplia gama de nuevas

características que se ocupan de los gráficos en la web como lo son canvas

2D, WebGL, SVG, etc.

Rendimiento e Integración: Proporciona una mayor optimización de la velocidad

y un mejor uso del hardware.

CSS3: Ofrece una nueva gran variedad de opciones para hacer diseños más

sofisticados. (HTML5 Gallery, 2015)

2.8.2. JSON

JSON (JavaScript Object Notation) es un formato para el intercambio de datos,

describiéndolos con una sintaxis dedicada que se usa para identificar y gestionar los

datos. Nació como una alternativa a XML, el fácil uso en javascript ha generado un

gran número de seguidores de esta alternativa. Una de las mayores ventajas que tiene

el uso de JSON es que puede ser leído por cualquier lenguaje de programación. Por

lo tanto, puede ser usado para el intercambio de información entre distintas

tecnologías (Json.Org, 2014)

JSON se basa en dos estructuras:

Page 39: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

26

Una colección de pares nombre / valor. Esto se realiza como

un objeto, registro, estructura, diccionario, tabla hash, lista con clave, o una

matriz asociativa.

Una lista ordenada de valores. Esto se realiza como una matriz, vector, lista o

secuencia. (Json.Org, 2014)

Estas son estructuras de datos universales. Prácticamente todos los lenguajes de

programación modernos los apoyan de una forma u otra. Tiene sentido que un formato

de datos que es intercambiable con los lenguajes de programación también se basará

en estas estructuras.

2.8.3. Apache Córdova

Es un framework de licencia libre que cuenta con muchas Apis (Application

Programming Interface) de diversos dispositivos móviles para desarrollar aplicaciones

nativas dentro de un smartphone. Permite a los programadores construir aplicaciones

para dispositivos móviles utilizando las tecnologías web HTML, CSS y JavaScript. Una

de las características de este entorno de trabajo es la posibilidad de desarrollar para

iOS, Android y demás sistemas operativos sin la necesidad de programar en sus

lenguajes nativos (Java, Objetive-C, etc.) (Apache Software Foundation, 2014)

Cuando se puede usar Apache Cordova:

Si se establece un móvil desarrollador y se desea extender una aplicación a

través de más de una plataforma, sin tener que re implementarlo con

herramienta y lenguaje de cada plataforma.

Si se es un desarrollador web y se desea implementar una aplicación web que

se envasa para su distribución en varias App store portales.

Si se es un móvil desarrollador interesado en que se mezclan los componentes

de la aplicación nativa con un WebView (ventana del navegador especial) que

puede tener acceso a las API de nivel de dispositivo, o si quiere desarrollar una

interfaz plugin entre componentes WebView y nativos.

Page 40: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

27

Características de Cordova: Las aplicaciones Apache Cordova se basan en un

archivo común config.xml que proporciona información acerca de la aplicación y

especifica los parámetros que afectan a cómo funciona, como si responde a la

orientación cambia de puesto. Este archivo se adhiere a la especificación de

empaquetado de la aplicación Web, widget, o de la W3C.

El WebView Cordova habilitado puede proporcionar la aplicación con su interfaz de

usuario completa. En algunas plataformas, también puede ser un componente dentro

de una aplicación híbrida más grande, que mezcla la vista Web con componentes de

la aplicación nativa (Apache Software Foundation, 2014)

Una interfaz plugin está disponible para Cordova y componentes nativos para

comunicarse con los demás, esto permite invocar un código de JavaScript. Las API

de JavaScript para ese código nativo son consistentes a través de múltiples

plataformas de dispositivos.

A partir de la versión 3.0, las extensiones proporcionan enlaces a APIs estándar.

Plugins de terceros proporcionan enlaces adicionales a funciones no necesariamente

disponibles en todas las plataformas. Desde la versión 3.0, cuando se crea un

proyecto de Córdoba no tiene presente algún plugin. Este es el nuevo comportamiento

predeterminado. Algún plugin que desee, incluso los plugins del núcleo, debe

agregarse explícitamente.

Córdova no proporciona ninguna widgets UI o MV. Cordova proporciona solamente el

tiempo de ejecución en el cual se pueden ejecutar. Si se desea utilizar widgets UI o

un marco MV, se necesitará seleccionar aquellos e incluirlos en una solicitud como

material de terceros.

2.8.4. JavaScript

Como cualquier lenguaje de programación, JavaScrips tiene características

especiales como sintaxis, modelo de objetos,… JavaScrip, está basado en el modelo

Page 41: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

28

orientado para la www mediante la ejecución de eventos y funciobnes JavaScrip que

está compuesta por varias sentencias que examinan o modifican el contenido de la

página web o ejecuta otras tareas para dar respuesta de alguna forma a dichos

eventos.

(Menéndez, 2014, pág. 4), define a “JavaScript es un lenguaje de programación de

scripts (secuencia de comandos) orientado a objetos. Es un API programable que

permite crear escritos de eventos, objetos y acciones, bajo cualquier plataforma.

Gracias a que JavaScript es parte de la conexión en vivo, se puede usar para crear

interacciones entre documentos HTML, Plug-ins (aplicaciones que corren dentro del

browser del Web) y Java.

En general los comandos del programa Java Scrip están divididos en cinco categorías

que se describen a continuación.

Variables y valores

Expresiones que manipulan los valores de las variables.

Estructuras de control que modifican la ejecución de las sentencias.

Funciones que ejecutan un bloque de sentencias.

Figura 1 Aplicación JavaScrip Fuente: (Menéndez, 2014, pág. 4)

Page 42: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

29

La figura muestra el funcionamiento de la tecnología JavaScrp en las aplicaciones web

del lado del servidor y ejecutadas a través de los navegadores del lado de los usuarios.

2.8.5. jQuery

jQuery es software libre y de código abierto, posee un doble licenciamiento bajo la

Licencia Pública General de GNU. jQuery, al igual que otras bibliotecas, ofrece una

serie de funcionalidades basadas en JavaScript que de otra manera requerirían de

mucho más código, es decir, con las funciones propias de esta biblioteca se logran

grandes resultados en menos tiempo y espacio.

Los programadores utilizan los frameworks para no tener que desarrollar ellos mismos

las tareas más básicas, puesto que en el propio framework ya hay implementaciones

que están probadas, funcionan y no se necesitan volver a programar (Alvarez, 2012,

pág. 3).

$("#tablaAlumnos"); // Devolverá el elemento con id="tablaAlumnos"

$(".activo"); // Devolverá una matriz de elementos con class="activo"

jQuery es un framework Javascript, que sirve como base para la programación

avanzada de aplicaciones que aporta una serie de funciones o códigos para realizar

tareas habituales y contienen procesos o rutinas listos para usar.

2.8.6. Bootstrap

Es un framework de desarrollo que tiene un soporte relativamente incompleto para

HTML5 y CSS 3, pero es compatible con la mayoría de los navegadores web. La

información básica de compatibilidad de sitios web o aplicaciones está disponible para

todos los dispositivos y navegadores.

Existe un concepto de compatibilidad parcial que hace disponible la información

básica de un sitio web para todos los dispositivos y navegadores. Desde la versión 2.0

Page 43: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

30

también soporta diseños sensibles. Esto significa que el diseño gráfico de la página

se ajusta dinámicamente, tomando en cuenta las características del dispositivo usado

(Computadoras, tabletas, teléfonos móviles). Bootstrap es de código abierto y está

disponible en GitHub. (Cochran, 2012).

Este framework permite al programador utilizar diseños predefinidos para las

interfaces y formularios del lado del cliente facilitando al desarrollador optimizar el

tiempo en la construcción y diseño visual del sistema, además se ajusta a cualquier

ventana o dispositivo de forma automática.

2.8.7. jQuery mobile

En este sentido jQuery mobile constituye un plugin para jQuery que está basado en el

famework JavaScrip que permite escribir código HTMl desde jQuery mobile al código

optimizando para realizar de forma dinámica el comportamiento de los navegadores

móviles de forma automática.

jQueryMobile, es un framewor web optimizado para teléfonos inteligentes, tablet touch

es decir Smart device, permitiendo la generación de interfaces basadas en HTML 5

para ser desplegado en plataformas móviles más populares (Android, iOS, Window).

(Rojas, 2014).

Las características básicas de jQuery Mobile incluyen:

Simplicidad y flexibilidad general

El marco de trabajo es simple de usar. Puede:

Desarrollar páginas utilizando principalmente marcas con un mínimo o sin

JavaScript.

Utilizar JavaScript avanzado y eventos.

Utilizar un solo documento HTML con varias páginas incluidas.

Separar su aplicación en varias páginas.

Mejoras progresivas y degradación natural

Page 44: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

31

La filosofía de jQuery Mobile consiste en ser compatible tanto con dispositivos de alta

gama como con dispositivos menos poderosos, como los que no tienen compatibilidad

con JavaScript, y aun así proporcionar la mejor experiencia posible.

2.8.8. Ajax

Ajax no es una tecnología en sí mismo constituye un conjunto de tecnologías

independientes que se unen de formas nuevas y sorprendentes para el desarrollo de

distintas aplicaciones.

Las tecnologías que conforman Ajax se describen a continuación.

XHTML y CSS, para crear una presentación basada en estándares.

DOM, para la interacción y manipulación dinámica de la presentación.

XML, XSLT y JSON, para el intercambio y la manipulación de información.

XMLHttpRequest, para el intercambio asíncrono de información.

JavaScript, para unir todas las demás tecnologías.

Figura 2 Tecnologías Ajax

Fuente: (Menéndez, 2014, pág. 4)

La figura muestra las distintas tecnologías que integradas mediante JavaScrip que

intervienen en el desarrollo de aplicaciones web y móviles con la finalidad de que sean

desplegables y ejecutables a través de dispositivos inteligentes.

JAVASCRIPT

JSONXMLCSSXHTML

DOM XHTMLhttprecuest

Page 45: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

32

2.8.9. AngularJS

AngularJS es un framework MVC de código abierto desarrollado por Google y escrito

en Javascript, que trabaja del lado del cliente (client-side) y nos permite hacer más

dinámica nuestra aplicación web, trabajando de la mano con otras tecnologías como

HTML y CSS, así como librerías de terceros.AngularJS es un framework MVC de código

abierto desarrollado por Google y escrito en Javascript, que trabaja del lado del cliente (client-

side) y nos permite hacer más dinámica nuestra aplicación web, trabajando de la mano con

otras tecnologías como HTML y CSS, así como librerías de terceros.

El equipo de AngularJS lo define como:

AngularJS permite realizar aplicaciones de tipo SPA (Single Page Applications), lo que

significa que podemos construir una aplicación web en donde una parte de la misma

cargue dinámicamente, sin que se tenga que recargar todo la página. Esto permite

hacer una aplicación web más rápida y fácil. También se puede realizar aplicaciones

más complejas, pero eso lo explicaremos más adelante.

AngularJS permite hacer web apps increíblemente dinámicas, y puedo comentarles

que con este framework es más que suficiente, refiriendome a que podemos prescindir

de otras librerías como jQuery. (HTML 5 FACIL, 2014)

2.9. Metodología XP

La programación extrema está sustentada en 12 "prácticas básicas" que deben

perseguir en el desarrollo de software que se describen a continuación.

Equipo completo: Forman parte del equipo todas las personas que tienen algo

que ver con el proyecto, incluido el cliente y el responsable del proyecto.

Planificación: Se hacen las historias de usuario y se planifica en qué orden

se van a hacer y las mini-versiones. La planificación se revisa continuamente.

Test del cliente: El cliente, con la ayuda de los desarrolladores, propone sus

propias pruebas para validar las mini-versiones.

Page 46: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

33

Versiones pequeñas: Las mini-versiones deben ser lo suficientemente

pequeñas como para poder hacer una cada pocas semanas. Deben ser

versiones que ofrezcan algo útil al usuario final y no trozos de código que no

pueda ver funcionando.

Diseño simple: Hacer siempre lo mínimo imprescindible de la forma más

sencilla posible. Mantener siempre sencillo el código.

Desarrollo guiado por las pruebas automáticas: Se deben realizar

programas de prueba automática y deben ejecutarse con mucha frecuencia.

Cuantas más pruebas se hagan, mejor.

Integración continua: Deben tenerse siempre un ejecutable del proyecto que

funcione y en cuanto se tenga una nueva pequeña funcionalidad, debe

recompilarse y probarse. Es un error mantener una versión congelada dos

meses mientras se hacen mejoras y luego integrarlas todas de golpe. Cuando

falle algo, no se sabe qué es lo que falla de todo lo que hemos metido. (LLC,

2015).

2.10. Conclusiones parciales del capitulo

La información recopilada permite la sustentación de los conceptos y

definiciones para el diseño de aplicaciones web enfocadas en la automatización

de procesos de información del cliente.

Los conceptos tomados para el desarrollo del marco teórico constituyen la

información fundamental bibliográfica del proyecto propuesto.

El análisis de información permite validar los conceptos y demás definiciones

necesarias que tienen que ver con las temáticas requerida para el desarrollo de

la aplicación web y de la aplicación móvil de gestión de saldos contratados por

los clientes con la operadora CNT EP. propuesta.

Page 47: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

34

CAPITULO II

MARCO METODOLÓGICO

3.1. Caracterización del sector

CNT EP, se encuentra ubicada en la ciudad de Ibarra en las calles Sucre y García

Moreno, es una empresa pública reconocida en la Zona norte del país que tiene como

propósito satisfacer las necesidades de servicios de comunicaciones, telefonía fija y

móvil a empresa públicas y privadas así como la ciudanía en general de la provincia

de Imbabura en base a calidad de servicios y excelencia.

3.2. Descripción de procedimiento metodológico

3.2.1. Metodología de la investigación

La presente investigación se aplicó la modalidad investigativa cuantitativa-cualitativa

que permite determinar el problema diagnóstico dentro del departamento de atención

al cliente, a la vez apoyados en instrumentos propios de la investigación permitieron

recopilar los datos necesarios para el desarrollo de la propuesta acorde a los

requerimientos y necesidades del departamento.

3.3. Tipo de investigación

La investigación en la que está inmerso el desarrollo del proyecto así como objeto de

investigación es aplicada en la que se enmarca el proyecto ya que automatiza

procesos asociados a le gestión de información de saldos del cliente, para ello la

investigación se apoya en la metodología cuantitativa y cualitativa con el uso de

estadística que permiten determinar el proceso a ser automatizado además esto

permite idear una solución tecnológica a la problemática existente en el departamento

de atención al cliente de la operadora CNT EP.

Page 48: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

35

3.3.1. Métodos, técnicas e instrumentos

Para el desarrollo de la investigación en la que se enmarca el proyecto se utilizan una

serie de métodos técnicas así como instrumentos propios de la investigación que se

detallan a continuación.

a) Inductivo.- Este método permitirá analizar una serie de hechos y

acontecimientos del proceso de gestión de información del departamento de

atención al cliente de CNT EP.

b) Deductivo.- Permite a partir del modelo de gestión de información, actividades

y procedimientos del departamento sean analizados y particularizados en los

aspectos específicos para el desarrollo del sistema móvil.

Técnicas: Las técnicas que se utilizan en el desarrollo de la propuesta están

centrada en el departamento de atención al cliente que se describe a continuación.

a) Encuesta.- Esta técnica permitirá presentar atención de forma detallada los

procesos involucrados en el departamento de gestión de información del

cliente de tal forma que permite apreciar aspectos, procedimientos y

documentos de orientación técnica que serán las bases de referencia de la

investigación.

Instrumentos. La operatividad de las técnicas anteriormente descritas es

necesaria una serie de instrumentos que permitan captar la información que se

describen a continuación:

Diarios de campo.

Ficha de observación.

Análisis de datos.

Cuestionario de encuesta.

Page 49: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

36

3.4. Tabulación y análisis de datos

La encuesta se aplicó al personal que trabaja en el departamento de atención al

cliente de la operadora CNT EP, con la finalidad de determinar la necesidad y

factibilidad de realizar el sistema de gestión de información de saldos de telefonía

móvil por parte de clientes.

Cuál es el proceso de gestión de información del cliente sobre saldos y

servicios que este tiene contratado con la operadora.

Tabla 2 Gestión de información cliente

Opción Frecuencia Porcentaje

Manual 6 86%

Sistema 1 14%

TOTAL 8 100%

Fuente: Encuesta 2016

Figura 3 Gestión de información cliente Fuente: Encuesta 2016

Análisis. Los datos obtenidos de los encuestados permiten determinar que el

proceso de gestión de la información que los clientes se lo realiza de forma manual

debido a a que la operadora no dispone de un sistema o aplicación móvil para que

los clientes consulten los saldos que disponen del servicio de telefonía móvil.

Manual86%

Sistema14%

Page 50: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

37

Que reclamos se presentan con frecuencia por parte de los clientes respecto

a saldos de minutos y servicios contratados.

Tabla 3 Tipos de reclamos del cliente

Opción Frecuencia Porcentaje

Servicios 1 %

Saldos 5 %

Fallos 2

TOTAL 8 100%

Fuente: Encuesta 2016

Figura 4 Tipos de reclamos del cliente

Fuente: Encuesta 2016

Análisis. Los datos obtenidos de los asesores de clientes del departamento de

atención al cliente manifiestan que los reclamos que se presentan en su mayoría

por parte del cliente están asociado a información de saldos que estos mantienen

contratado con la operadora, ya que el proceso actual de consulta que la operadora

dispone es complejo de realizar por parte del cliente. Además los clientes tienen

reclamos sobre los servicios asociados al plan móvil contratado como tipo de plan

contratado, servicios, comunicación, saldos, fechas de pago.

Servicios12%

Saldos63%

Fallos25%

Page 51: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

38

Que herramientas utilizan los asesores para gestionar la información del tipo

de plan del cliente

Tabla 4 Tipos de herramientas de gestión de información

Opción Frecuencia Porcentaje

Excel 5 %

Aplicaciones externas 1 %

Sistema CNT EP 3

TOTAL 8 100%

Fuente: Encuesta 2016

Figura 5 Herramientas de gestión de información

Fuente: Encuesta 2016

Análisis. Los datos permiten determinar que los asesores de los clientes no

disponen de una herramienta adecuada para la gestión de información de las

cuentas y planes que mantiene el cliente con la operadora de telefonía fija y móvil

CNT EP, esta actividad provoca molestias y contratiempos debidos que los medios

y herramienta que mayormente se utilizan son las hojas de cálculo de Excel.

Excel 56%

Aplicaciones externas

11%

Sistema CNT EP33%

Page 52: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

39

Le gustaría disponer de una aplicación web así como una apk móvil para

gestión de información de los planes del cliente.

Tabla 5 Disposición del sistema web y móvil

Opción Frecuencia Porcentaje

Si 6 %

No 1 %

Indiferente 1

TOTAL 8 100%

Fuente: Encuesta 2016

Figura 6 Disposición del sistema web y móvil Fuente: Encuesta 2016

Análisis: los resultados permiten determinar que se requiere de una aplicación móvil

con la cual sea el propio cliente quien pueda consultar el estado del plan que tiene

contratado con la operadora CNT EP, además con estas herramientas los asesores

de clientes dispondrán de un sistema de apoyo a las actividades que permitan

solventar las dudas y reclamos con los clientes.

Si75%

No12%

Indiferente 13%

Page 53: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

40

Que características debe tener la aplicación de gestión de información de saldos

de la operadora CNT EP.

Tabla 6 Características del sistema web y móvil

Opción Frecuencia Porcentaje

Datos generales 1 %

Saldos 6 %

Servicios 1

TOTAL 8 100%

Fuente: Encuesta 2016

Figura 7 Características del sistema web y móvil Fuente: Encuesta 2016

Análisis: Los resultados permiten determinar que el sistema de gestión de

información debe tener información general, saldos tipo de cuenta, estados de

saldos, servicios contratados y asociados con el tipo de plan, esto permitirá mejorar

los servicios asociados y contratos de forma eficiente y según las especificaciones

del departamento de atención al cliente de la operadora CNT EP.

Datos generales

12%

Saldos75%

Servicios 13%

Page 54: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

41

3.5. Propuesta del investigador

El trabajo está enfocado al proceso de construcción aplicación web y móvil para la

gestión de información de saldos de los clientes como estrategia que permita al

departamento de atención al cliente de la empresa CNT EP facilitar de datos sobre

los servicios de telefonía móvil que el cliente requiere que se detalla a continuación.

3.6. Conclusiones parciales del capítulo

Existe la necesidad de implementar un sistema móvil para la gestión del de la

información del departamento de atención al cliente de la operadora CNT EP.

Los datos obtenidos de las actividades del departamento de atención al cliente

de la operadora CNT EP, reflejan que se debe mejorar mediante el uso de

tecnologías y aplicación móvil que permitan mejorar el servicio de consulta de

saldos a los clientes de la operadora.

La implementación de la aplicación móvil de información es factible ya que;

permite la gestión, control y seguimiento de los saldos de forma eficiente y

acorde a requerimientos del cliente

Page 55: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

42

CAPÍTULO IV

MARCO PROPOSITIVO

4.1. Tema

Aplicación móvil de gestión de información para consulta de saldo de la operadora

CNT EP de la ciudad de Ibarra.

4.2. Objetivos

4.2.1. Objetivo general

Desarrollar una aplicación móvil de gestión de información de saldos para el

departamento de atención a los clientes de la operadora de telefonía CNT EP.

4.2.2. Objetivos específicos

Analizar los requerimientos específicos del producto de software a desarrollar

dentro de CNT EP.

Diseñar los procesos de gestión de información, modelo de datos y casos de

uso del departamento de atención al cliente de la operadora CNT EP.

Desarrollar la arquitectura e ingeniería de software de la aplicación móvil

propuesta para la operadora CNT EP.

Realizar la validación y pruebas aplicación móvil para consulta de saldo de la

operadora CNT “Corporación Nacional de Telecomunicaciones.

Page 56: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

43

4.3. Desarrollo de la propuesta

4.3.1. Análisis de requerimientos

Los requerimientos y requisitos del sistema necesarios para el desarrollo de la

aplicación móvil se han obtenido a través de una reunión con el responsable de

gestión se servicios al cliente referidos a consulta de información y saldos. La

propuesta del desarrollo del producto de software se define mediante la metodología

Extreme Programming (XP).

4.4. Fase de inicio del sistema

4.4.1. Propósito

El documento tiene la finalidad determinar los requisitos del proyecto para el desarrollo

de una aplicación móvil acorde a las necesidades y requerimientos del departamento

de atención al cliente de la operadora CNT EP.

4.4.2. Requerimientos funcionales

Los requerimientos que la aplicación móvil corresponde a un conjunto de entradas

salidas que este tiene que ser capaza de realizar mediante peticiones del usuario que

están enfocadas a la obtención de información del cliente que se describen a

continuación.

La aplicación debe manejar un esquema de seguridad mediante autentificación

de usuario.

El acceso de la aplicación está limitada según para cada usuario.

La aplicación se debe ejecutar en entorno web y móvil.

La aplicación cliente se ejecutará en un browser.

La aplicación debe ejecutarse independientemente de la plataforma pero la apk

está definida para la plataforma Android.

Page 57: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

44

4.4.3. Definición de acrónimos y abreviaturas

BDD: Base de datos.

RS: Requisitos de sistema.

Referencias

Modelo de datos

Modelo de casos de uso

Políticas y reglas del departamento de atención al cliente

4.4.4. Definición del problema

El problema se analiza desde el enfoque de ingeniería de software en función de los

requerimientos y necesidad del departamento de atención al cliente así como las

tecnologías requeridas para el desarrollo del proyecto que se describen a

continuación.

Tabla 7 Definición del problema.

El problema

El departamento de atención al cliente de la operadora

CNT EP no dispone de una apk móvil para la consulta

de saldos por parte de los clientes.

En que afecta En el proceso de gestión de información de saldos de

los clientes.

El impacto de ello es: No conocer el estado de los saldos que mantienen los

clientes de la operadora.

Una solución exitosa

debería ser

Desarrollar una aplicación móvil que automatice los

procesos de gestión de información de los clientes de la

operadora CNT EP:

Fuente: Rosangela Ayala

Page 58: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

45

4.4.5. Perfiles de usuarios e interesados

Los usuarios del sistema están determinados en función de los actores del proceso

de atención al cliente que se describen a continuación.

Tabla 8 Perfiles de los interesados.

Representante

Descripción Operadora CNT EP

Tipo Desarrollo del proyecto

Responsabilidades Determinar los lineamientos base para el desarrollo

del proyecto propuesto, diseño, desarrollo,

implementación y pruebas del sistema.

Entregable Sistema apk móvil y documentación del proyecto de

software.

Fuente: Rosangela Ayala

Representante Ing. Fabricio Lozada

Descripción Coordinador del proyecto.

Tipo Asesor del proyecto.

Responsabilidades Análisis, gestión pruebas y validación del sistema.

Entregable Revisión del sistema, documentos y capítulos.

Comentarios Coordinar las actividades en cada etapa de

desarrollo.

Fuente: Rosangela Ayala

4.4.6. Restricciones de la aplicación

La aplicación móvil de gestión de información de saldos tiene las siguientes

restricciones que se deben tomar en cuenta en el proyecto así como en el desarrollo

e implementación.

Metodología de desarrollo de software Extreme Programing XP

Page 59: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

46

No contempla almacenamiento distribuido o Cloud.

Herramientas de desarrollo 100% Open Source.

Plataforma de ejecución móvil Android

4.5. Fase de diseño

Al tratarse de una aplicación que se ejecuta en un entorno web así como en

dispositivos móviles se define una arquitectura cliente/servidor tres capas, que se

describe a continuación.

4.5.1. Modelo de casos de uso

El modelo describe los usuarios en base a las interacciones que realizan estos en el

sistema desde el frontal a la base de datos y desde la base de datos al frontal según

las especificaciones esperadas por los usuarios.

Figura 8 Especificación de casos de uso Fuente: Rosangela Ayala

Page 60: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

47

Figura 9 Actores del sistema

Fuente: Rosangela Ayala

4.5.2. Modelo de casos de uso cliente

Figura 10 Caso de uso administrador

Fuente: Rosangela Ayala

Tabla 9 Gestión de clientes

Conector Origen Destino

Dependencia

Origen -> Destino

Public

Gestión de Clientes

Public

Gestión de Contratos

Generalización Public Public

uc Actores

Administrador Operador Cliente

uc Casos de Uso Administrador

Aplicacion Web

Administrador

Inicio de Sesión

Gestión de Usuarios

Gestión de Clientes

Gestión de Planes

Gestión de Contratos

«invokes»

«invokes»

Page 61: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

48

Conector Origen Destino

Origen -> Destino

Inicio de Sesión

Gestión de Clientes

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Clientes

Fuente: Rosangela Ayala

Tabla 10 Gestión de contratos

Conector Origen Destino

Dependencia

Origen -> Destino

Public

Gestión de Clientes

Public

Gestión de Contratos

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Contratos

Dependencia

Origen -> Destino

Public

Gestión de Planes

Public

Gestión de Contratos

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Contratos

Fuente: Rosangela Ayala

Tabla 11 Gestión de planes

Conector Origen Destino

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Planes

Dependencia

Origen -> Destino

Public

Gestión de Planes

Public

Gestión de Contratos

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Planes

Page 62: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

49

Conector Origen Destino

Fuente: Rosangela Ayala

Tabla 12 Gestión de usuarios

Conector Origen Destino

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Usuarios

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Usuarios

Fuente: Rosangela Ayala

Tabla 13 Inicio de sesión

Conector Origen Destino

Asociación

Sin especificar

Public

Administrador

Public

Inicio de Sesión

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Contratos

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Planes

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Clientes

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Usuarios

Fuente: Rosangela Ayala

Page 63: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

50

4.5.3. Casos de Uso Cliente

Figura 11 Caso de uso cliente

Fuente: Rosangela Ayala

Tabla 14 Cliente

Conector Origen Destino

Asociación

Sin especificar

Public

Cliente

Public

Inciar Sesión

Asociación

Sin especificar

Public

Cliente

Public

Registrar Dispositivo

Fuente: Rosangela Ayala

Tabla 15 Consultar Saldos

Conector Origen Destino

Dependencia

Origen -> Destino

Public

Inciar Sesión

Public

Consultar Saldos

Fuente: Rosangela Ayala

uc Casos de Uso Cliente

Aplicacion Movil

Cliente

Registrar Dispositiv o

Inciar SesiónConsultar Saldos

«invokes»

«invokes»

Page 64: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

51

Tabla 16 Inciar sesión

Conector Origen Destino

Asociación Sin especificar Public Cliente Public Inciar Sesión

Dependencia Origen ->

Destino

Public Registrar Dispositivo

Public Inciar Sesión

Dependencia

Origen -> Destino

Public Inciar Sesión

Public Consultar Saldos

Fuente: Rosangela Ayala

Tabla 17 Registrar dispositivo

Conector Origen Destino

Dependencia

Origen -> Destino

Public

Registrar Dispositivo

Public

Inciar Sesión

Asociación Sin especificar Public Cliente Public Registrar Dispositivo

Fuente: Rosangela Ayala

3.6.1. Casos de uso operador

Figura 12 Caso de uso operador

Fuente: Rosangela Ayala

uc Casos de Uso Operador

Aplicación Web

Inicio de SesiónGestión de Clientes

Gestión de Planes

Gestión de Contratos

Operador

«invokes»«invokes»

Page 65: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

52

Tabla 18 Operador

Conector Origen Destino

Asociación

Sin especificar

Public

Operador

Public

Inicio de Sesión

Fuente: Rosangela Ayala

Tabla 19 Gestión de clientes

Conector Origen Destino

Dependencia

Origen -> Destino

Public

Gestión de Clientes

Public

Gestión de Contratos

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Clientes

Fuente: Rosangela Ayala

Tabla 20 Gestión de contratos

Conector Origen Destino

Dependencia

Origen -> Destino

Public

Gestión de Planes

Public

Gestión de Contratos

Dependencia

Origen -> Destino

Public

Gestión de Clientes

Public

Gestión de Contratos

Fuente: Rosangela Ayala

Tabla 21 Gestión de planes

Conector Origen Destino

Dependencia

Origen -> Destino

Public

Gestión de Planes

Public

Gestión de Contratos

Page 66: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

53

Conector Origen Destino

Fuente: Rosangela Ayala

Tabla 22 Inicio de sesión

Conector Origen Destino

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Clientes

Asociación

Sin especificar

Public

Operador

Public

Inicio de Sesión

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Contratos

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Planes

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Usuarios

Generalización

Origen -> Destino

Public

Inicio de Sesión

Public

Gestión de Clientes

Fuente: Rosangela Ayala

4.5.4. Modelo de datos

Corresponde a la estructura de almacenamiento de la información que soporta la

aplicación web y móvil en función de los requerimientos a ser automatizados dentro

de las actividades y procesos que se dan en el departamento de atención al cliente de

la operadora CNT EP de la cuidad de Ibarra.

Page 67: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

54

Figura 13 Modelo lógico de datos

Fuente: Rosangela Ayala

Figura 14 Modelo de datos

Fuente: Rosangela Ayala

class Esquema1

tbl_asignacion

*PK id_asignacion

id_contrato

id_estado_asignacion

fecha_asignacion

pagar_desde_asignacion

pagar_hasta_asignacion

mes_asignacion

anio_asignacion

tbl_ciclo

*PK id_ciclo

nombre_ciclo(50)

dia_asignacion_ciclo

pago_desde_ciclo(11)

pago_hasta_ciclo(11)

tbl_cliente

*PK id_cliente

nombres_cliente(50)

apellidos_cliente(50)

identificacion_cliente(13)

email_cliente(50)

direccion_cliente(50)

nacimiento_cliente

tbl_cnt_libre

*PK id_cnt_libre

id_contrato

numero_cnt_libre(15)

tbl_contrato

*PK id_contrato

id_cliente

id_producto

id_estado_contrato

id_ciclo

id_usuario

id_forma_pago

inicio_contrato

fin_contrato

numero_telefono_contrato(15)

imei_contrato(50)

serie_telefono_contrato(50)

device_id_contrato(255)

tbl_detalle_contrato

*PK id_detalle_contrato

id_asignacion

id_detalle_producto

asignado_detalle_contrato = 0.00

consumido_detalle_contrato = 0.00

tbl_detalle_producto

*PK id_detalle_producto

id_producto

id_servicio

valor_detalle_producto

tbl_estado_asignacion

*PK id_estado_asignacion

nombre_estado_asignacion(50)

tbl_estado_contrato

*PK id_estado_contrato

nombre_estado_contrato(50)

tbl_estado_producto

*PK id_estado_producto

nombre_estado_producto(50)

tbl_estado_usuario

*PK id_estado_usuario

nombre_estado_usuario(50)

tbl_forma_pago

*PK id_forma_pago

nombre_forma_pago(50)

tbl_producto

*PK id_producto

id_estado_producto

id_tipo_producto

nombre_producto(50)

valor_producto

tbl_rol

*PK id_rol

nombre_rol(50)

tbl_serv icio

*PK id_servicio

id_tipo_servicio

nombre_servicio(50)

tbl_tipo_producto

*PK id_tipo_producto

nombre_tipo_producto(50)

tbl_tipo_serv icio

*PK id_tipo_servicio

nombre_tipo_servicio(50)

tbl_usuario

*PK id_usuario

identificacion_usuario(20)

nombre_usuario(50)

clave_usuario(255)

id_rol

id_estado_usuario

+fk_reference_15 0..*

(id_detalle_producto = id_detalle_producto)

+PK_tbl_detalle_producto 1

+fk_reference_13 0..*

(id_estado_asignacion = id_estado_asignacion)

+PK_tbl_estado_asignacion 1

+fk_reference_16 0..*

(id_contrato = id_contrato)

+PK_tbl_contrato 1

+fk_reference_11

0..*

(id_ciclo = id_ciclo)

+PK_tbl_ciclo

1

+fk_reference_5

0..*

(id_cliente = id_cliente)

+PK_tbl_cliente

1

+fk_reference_6

0..*

(id_producto = id_producto)

+PK_tbl_producto

1

+fk_reference_7 0..*

(id_estado_contrato = id_estado_contrato)

+PK_tbl_estado_contrato 1

+fk_reference_12 0..*

(id_contrato = id_contrato)+PK_tbl_contrato 1

+tbl_contrato_ibfk_2

0..*

(id_usuario = id_usuario)

+PK_tbl_usuario 1

+tbl_usuario_ibfk_2 0..*

(id_estado_usuario = id_estado_usuario)

+PK_tbl_estado_usuario 1

+tbl_detalle_contrato_ibfk_1

0..*

(id_asignacion = id_asignacion)

+PK_tbl_asignacion

1

+fk_reference_3 0..*

(id_producto = id_producto)

+PK_tbl_producto 1

+tbl_detalle_producto_ibfk_1 0..*

(id_servicio = id_servicio)

+PK_tbl_servicio 1

+fk_reference_1 0..*

(id_estado_producto = id_estado_producto)

+PK_tbl_estado_producto 1

+fk_reference_2 0..*

(id_tipo_producto = id_tipo_producto)

+PK_tbl_tipo_producto 1

+fk_reference_10 0..*

(id_tipo_servicio = id_tipo_servicio)

+PK_tbl_tipo_servicio 1

+tbl_usuario_ibfk_1 0..*

(id_rol = id_rol)

+PK_tbl_rol 1

+tbl_contrato_ibfk_1

0..*

(id_forma_pago = id_forma_pago)

+PK_tbl_forma_pago 1

Page 68: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

55

4.5.5. Modelo de despliegue

Se describe la configuración y funcionamiento del sistema desde la perspectiva física

que incluyen hardware, software y topología necesaria para ejecutar el sistema desde

el lado el cliente en función de la distribución física de los componentes que lo

conforman.

Figura 15 Modelo de desplegué

Fuente: Rosangela Ayala

La estructura de la solución tecnológica está compuesta por: (capa de datos MySql)

que se encarga del almacenamiento de la información (Lógica de negocio motor PHP),

que permite la construcción del software (Capa de presentación Apache) que permite

el acceso a la aplicación a los usuarios a través del navegador web.

4.6. Fase de construcción

Esta fase es importante dentro del ciclo de vida del desarrollo de la aplicación web

móvil en función de los requerimientos así como a la especificación de casos de uso

ya que provee una visión del sistema en base a la ingeniería de software que permite

la construcción flexible en base a iteraciones entre el código fuente así como la

validación por parte del cliente/usuario del sistema.

SER APACHE SER MYSQL

RESULATDO

HTML

MOTOR PHP

CONSULTA

JAVASCRIP

PLUGINS

Page 69: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

56

4.6.1. Propósito

Documentar la ingeniería de software de la solución tecnológica, módulos y

funcionalidades que constituyen el sistema de gestión de información y saldos de los

clientes de la operadora CNT EP de forma que el producto final este acorde a las

especificaciones y requerimientos definidos en los apartados anteriores.

4.6.2. Alcance

Implementar el sistema y subsistemas que lo conforman mediante iteraciones del

código fuente asociadas al modelo visto y controlador del sistema.

4.6.3. Visión general del sistema

La aplicación corresponde una solución informática para la gestión de información de

saldos de los clientes de la operadora CNT EP de la cuidad de Ibarra, con la finalidad

de facilitar de información requeridos por los clientes además la solución remplazará

un proceso manual en base a un sistema definido por los siguientes módulos:

Gestión de usuarios.

Gestión productos.

Gestión contratos.

Cada módulo está definido en función del rol y perfil de cada uno de los actores del

sistema, así como una interfaz web del lado del cliente que permite dar inicio al

sistema a través de formulario asociando a los usuarios.

4.6.4. Características del producto

El producto está definido en base a los requerimientos del departamento de atención

al cliente de la operadora CNT EP, asociados a las especificaciones y requerimientos

del departamento.

Page 70: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

57

Tabla 23 Características del sistema

GESTIÓN

PERSONAS

Clientes: Permite el registro de los clientes de la operadora

CNT EP aplicación posee controles estándar (Agregar –

editar –eliminar )

o

En el módulo y secciones se manejan controles estándar

(Agregar – editar –eliminar )

Fuente: Rosangela Ayala

GESTIÓN

PRODUCTOS

Producto. Asociados a los productos que la empresa da

dispone para los clientes.

Detalle servicios. Corresponde a los servicios que dispone

la operadora CNT EP para los clientes.

En el módulo y secciones se manejan controles estándar

(Agregar – editar –eliminar).

Fuente: Rosangela Ayala

GESTIÓN

CONTRATOS

Ingresos: Permite generar contratos sobre los servicios

que el cliente requiere y que la operadora ofrece a los

clientes.

Ciclo de pago: Permite definir las fechas de corte y pago

de los contratos adquiridos por el cliente

En el módulo y secciones se manejan controles estándar

(Agregar – editar –eliminar )

Fuente: Rosangela Ayala

GESTIÓN

USUARIOS

Usuarios Permite la creación de los usuarios que

manejarán el sistema la aplicación posee controles

estándar (Agregar – editar –eliminar).

Tarea de asignación: Permite el seguimiento de cobro de

los servicios que mantiene el cliente con la operadora

mediante envió de alertas y recordatorios mediante sms.

o

En el módulo y secciones se manejan controles estándar

(Agregar – editar –eliminar )

Page 71: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

58

FRONTAL

USUARIOS

Permite acceder a la página de acceso a los clientes para

poder descargar la aplicación móvil de gestión de

información del saldo de los clientes de la operadora CNT

EP.

Fuente: Rosangela Ayala

APK

MÓVIL

Apk Móvil: Permite generar los reportes de saldos que el

cliente mantiene sobre el contrato adquirido con la

operadora CNT EP

Fuente: Rosangela Ayala

4.7. Implementación del sistema

4.7.1. Propósito

Implementar el sistema de gestión de información en base a las especificaciones de

los requisitos definidos por la empresa, así como los modelos establecidos en la fase

de diseño.

4.7.2. Alcance

Desarrollar los escenarios operacionales con la finalidad de verificar el

funcionamiento, despliegue y carga de datos y transacciones necesarias que el

sistema debe realizar y soportar para detectar fallos durante la fase de construcción

del software.

4.7.3. Sistema de gestión saldos operadora CNT EP

Permite el acceso al sistema de gestión de mantenimiento para ello se debe ingresar

usuario y contraseña que deben ser registradas a través del formulario de inicio de

sesión.

Page 72: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

59

Figura 16 Interfaz del sistema

Fuente: Rosangela Ayala

Gestión clientes

Figura 17 Aplicación móvil

Fuente: Rosangela Ayala

Page 73: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

60

Figura 18 Gestión plan

Fuente: Rosangela Ayala

Figura 19 Aplicación móvil

Fuente: Rosangela Ayala

4.7.4. Estrategias de aplicación de las pruebas

Contemplan el procedimiento de ejecución de las pruebas, consideraciones de carácter

técnico operacionales de cada uno de las funciones de la aplicación.

Page 74: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

61

4.7.5. Pruebas funcionales

Tabla 24 Pruebas funcionales

COMPONENTE REGISTRAR USUARIOS REQUISITO ING. FABRICIO LOZADA

AUTOR ROSANGELA AYALA REVISADO POR

ORD FECHA RAZÓN DE DESARROLLO O

CAMBIO RUTA

PROYECTO

VER

1 01/03/2016 Versión inicial del proyecto C:/xampp/htdocs ACCESO

USUARIO

1.0

2 01/03/2016

Creación tablas en la bdd C:/xampp/htdocs ACCESO

USUARIO 1.0

3 01/03/2016 Definición de roles en la estructura de

la bdd

C:/xampp/htdocs ACCESO

USUARIO 1.0

4 01/03/2016

Pruebas funcionales Pruebas.imb.msp.ec/ ACCESO

USUARIO 1.0

Fuente: Rosangela Ayala

COMPONENTE REGISTRAR CONTRATOS REQUISITO ING. FABRICIO LOZADA

AUTOR ROSANGELA AYALA REVISADO POR

ORD FECHA RAZÓN DE DESARROLLO O

CAMBIO RUTA

PROYECTO

VER

1 01/03/2016 Versión inicial del proyecto C:/xampp/htdocs TETS 1.0

2 01/03/2016 Creación tablas en la bdd C:/xampp/htdocs TETS 1.0

3 01/03/2016 Definición de roles en la estructura de

la bdd

C:/xampp/htdocs TETS 1.0

4 01/03/2016 Pruebas funcionales Pruebas.imb.msp.ec/ TETS 1.0

Fuente: Rosangela Ayala

COMPONENTE REGISTRAR EQUIPOS REQUISITO ING. FABRICIO LOZADA

AUTOR ROSANGELA AYALA REVISADO POR

ORD FECHA RAZÓN DE DESARROLLO O

CAMBIO RUTA

PROYECTO

VER

1 01/03/2016 Versión inicial del proyecto C:/xampp/htdocs REGISTRO PERS 1.0

2 01/03/2016 Creación tablas en la bdd C:/xampp/htdocs REGISTRO PERS 1.0

3 01/03/2016 Definición de roles en la estructura de

la bdd

C:/xampp/htdocs REGISTRO PERS 1.0

4 01/03/2016 Pruebas funcionales Pruebas.imb.msp.ec/ REGISTRO PERS 1.0

Fuente: Rosangela Ayala

Page 75: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

62

COMPONENTE GENERAR DATOS APK REQUISITO ING. FABRICIO LOZADA

AUTOR ROSANGELA AYALA REVISADO POR

ORD FECHA RAZÓN DE DESARROLLO O

CAMBIO RUTA

PROYECTO

VER

1 01/03/2016 Versión inicial del proyecto C:/xampp/htdocs REGISTRO PERS 1.0

2 01/03/2016 Creación tablas en la bdd C:/xampp/htdocs REGISTRO PERS 1.0

3 01/03/2016 Definición de roles en la estructura de

la bdd

C:/xampp/htdocs REGISTRO PERS 1.0

4 01/03/2016 Pruebas funcionales Pruebas.imb.msp.ec/ REGISTRO PERS 1.0

Fuente: Rosangela Ayala

COMPONENTE GENERAR PRODUCTOS REQUISITO ING. FABRICIO LOZADA

AUTOR ROSANGELA AYALA REVISADO POR

ORD FECHA RAZÓN DE DESARROLLO O

CAMBIO RUTA

PROYECTO

VER

1 01/03/2016 Versión inicial del proyecto C:/xampp/htdocs REGISTRO PERS 1.0

2 01/03/2016 Creación tablas en la bdd C:/xampp/htdocs REGISTRO PERS 1.0

3 01/03/2016 Definición de roles en la estructura de

la bdd

C:/xampp/htdocs REGISTRO PERS 1.0

4 01/03/2016 Pruebas funcionales Pruebas.imb.msp.ec/ REGISTRO PERS 1.0

Fuente: Rosangela Ayala

4.7.6. Pruebas de integración de datos

Tabla 25 Pruebas de integración de datos

Objetivo: Asegurar la integridad de datos

Técnica: 1. Registrar datos con tipos válidos.

2. Registrar datos en entidad que tengan relación con otras.

3. Revisar el esquema de base de datos para asegurarse que

los datos se han guardado satisfactoriamente

Criterio de completitud 1. Todos los métodos de acceso y procesos de la Base de

datos funcionan como fueron diseñados.

Consideraciones

especiales

4. Se debe utilizar un conjunto pequeño de datos para

incrementar la visibilidad de cualquier evento anormal o

inesperado

Fuente: Rosangela Ayala

Page 76: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

63

Las pruebas se llevaron a cabo mediante la evaluación de las acciones para las cuales está

desarrollado el sistema de gestión de saldos de la operadora CNT EP se validaron datos,

acceso desde la interfaz principal, seguridades tratamiento, control y recuperación de la

información del proceso de gestión de evaluación de desempeño docente desde el frontal a

la base de datos y desde la base de datos al frontal.

Page 77: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

64

CONCLUSIONES

El sistema propuesto permite a la operadora CNT EP, mejorar los procesos,

actividades y servicios que esta ofrece a los clientes, a la vez consolida la

imagen institucional con la inserción de tecnología enfocada en el cliente.

La implantación de la aplicación móvil de consultas de saldos de los clientes y

sitio web para operadora permitirá tener el control de la información y

transacciones del servicio móvil contratado por el cliente.

La implantación de la aplicación web en la operadora CNT EP, contribuye una

herramienta que permite la automatización de los procesos manuales, a la vez

un mecanismo de seguimiento y control de las actividades de ventas del

negocio.

La tecnología permite el desarrollo de negocios bajo el enfoque de lo que se

denomina e-Business, que es una nueva forma de hacer negocios que afecta

al departamento de atención al cliente por ende del negocio, así como al

comportamiento de la microempresa.

La solución tecnológica constituye un nuevo modelo que se caracteriza por una

redefinición de valor del negocio que implica un cambio en los factores de

percepción del valor por parte del cliente.

La aplicación móvil de gestión facilita al cliente la búsqueda y selección de los

productos y servicios que el cliente tiene con la operadora CNT EP, además

genera cadena de valor al proveer al de la información y estado de saldos que

este tiene contratado y disponible por la operadora.

Page 78: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

65

RECOMENDACIONES

La solución tecnológica constituye una herramienta para la gestión de la

información del cliente por lo que se recomienda la implementación de forma

inmediata facilitando las actividades en el departamento de atención al cliente

de la operadora CNT EP de la cuidad de Ibarra.

Socializar la aplicación de gestión de servicios con los asesores de atención al

cliente con la finalidad de que el personal realice las operaciones mediante el

sistema garantizando el buen uso del mismo.

Fomentar y apoyar la inserción de proyectos investigativos realizados por los

estudiantes ya que esto permite consolidar la formación profesional y a la vez

automatizar procesos en las organizaciones que los auspician.

Se debe fomentar la investigación de normas y procedimientos que permitan

tener una administración y control de las transacciones para que así realizar

una mejor gestión de la información generada del negocio.

Page 79: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

BIBLIOGRAFÍA

Apache Software Foundation. (2014). Apache Software Foundation. Obtenido

de

https://cordova.apache.org/docs/es/latest/guide/cli/index.html#a%C3%B1adir-

funciones-plugin

CNT.EP. (2014). Empresa pública de conumicaciones. Obtenido de

https://es.wikipedia.org/wiki/Corporaci%C3%B3n_Nacional_de_Telecomunica

ciones.

d àlacant. (2013). Modelo MVC. Obtenido de

http://si.ua.es/es/documentacion/asp-net-mvc-3/1-dia/modelo-vista-

controlador-mvc.html.

HTML 5 FACIL. (2014). Obtenido de

http://html5facil.com/tutoriales/introduccion-angularjs/.

HTML5 Gallery. (2015). HTML%. Obtenido de http://www.trazos-

web.com/2010/02/01/html5-que-es-y-como-usarlo/.

INTERNET YA. (s.f.). Obtenido de SOLUCIONES WEB:

http://www.internetya.co/ventajas-y-beneficios-de-las-aplicaciones-web/.

Json.Org. (2014). Introducción Json. Obtenido de http://www.json.org/json-

es.html

LanCelant. (2014). Aplicaciones móviles . Obtenido de

https://www.lancetalent.com/blog/tipos-de-aplicaciones-moviles-ventajas-

inconvenientes/.

Page 80: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

Neo. (2014). Modelocliente/servidor. Obtenido de

http://neo.lcc.uma.es/evirtual/cdd/tutorial/aplicacion/cliente-servidor.html

Santillán, L. A. (2015). Bases de datos MySql. Obtenido de

http://ocw.uoc.edu/computer-science-technology-and-multimedia/bases-de-

datos/bases-de-datos/P06_M2109_02151.pdf

Page 81: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

ANEXOS

Page 82: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

PORTAL WEB

Page 83: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

1. Abrir un navegador compatible con html5, ya sea Firefox o Chrome y en la barra de navegación

digitamos http://54.86.251.23/cntdemo/. Visualizamos la interfaz para la descarga de la aplicación

móvil.

2. Para acceder a la sección administrativa en la barra de navegación ingresamos

httpL://186.101.144.4/cntdemo/administrador. Se visualiza la interfaz de acceso al módulo

administrativo del sistema.

Page 84: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

3. Para ingresar a la parte administrativa los datos de inicio de sección son usuario es “0000000000“ y

contraseña es “admin“. Y nos muestra la interfaz de Administración

4. Primero vamos al enlace personas y hacemos clic en gestión de clientes.

Page 85: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

5. Hacemos clic en el enlace nuevo e ingresamos los datos del nuevo cliente usted debe ingresar sus

datos reales especialmente el correo electrónico donde le llegaran las notificaciones; para el ejemplo

utilizamos lo que sigue:

6. Hacemos clic en guardar

Page 86: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

7. Una vez guardado le asignamos al cliente un contrato CNT, para ello nos vamos a contratos gestión

de contratos.

8. Hacemos clic en nuevo e ingresamos los datos para el nuevo contrato, es importante que el

número telefónico sea real para poder recibir los mensajes SMS. Para ello seleccionamos el ultimo

cliente que ingresamos Gavino Barrera, seleccionamos el producto, el ciclo, la forma de pago, inicio

del contrato, número telefónico que debe ser un número real (por motivos de prueba no importa la

operadora) el imei por motivos de prueba no necesita ser el número real y la serie del teléfono, que

también no necesita ser un número real.

Page 87: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

7. Para visualizar el detalle del contrato hacemos clic en editar en gestión de contratos y muestra la

información del contrato.

Page 88: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

Nos indica el nivel de saldo asignado dependiendo del plan y visualiza las fechas de ingreso y fin del

ciclo de pago y proporcionales.

Por motivos de prueba podemos modificar el consumo del plan haciendo clic en ver detalle, se

actualiza automáticamente al momento de cambiar valores.

Con esto queda concluida la parte administrativa principal sin adentrarnos a la sección de creación de

planes.

Page 89: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

APLICACIÓN MOVIL CNTDEMO

Page 90: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

Para poder descargar y utilizar la aplicación móvil primero debemos seguir el siguiente

procedimiento

1. En el dispositivo móvil en un navegador web digitamos http://54.86.251.23/cntdemo/

Page 91: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

2. Nos muestra la página de la aplicación y hacemos clic en el botón de descargar

3. Instalamos

Page 92: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

4. Si le muestra un error de instalación bloqueada hacemos clic en ajustes y activamos orígenes

desconocidos y aceptamos la razón, es porque al ser una aplicación de desarrollo, no está firmada

por google play.

Page 93: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

5. Hacemos clic en instalar

6. Abrimos la aplicación

Page 94: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

7. Solicita el número telefónico, para nuestra prueba digitamos el numero registrado en el contrato

en el cual se instaló la aplicación. Para la demostración 0994107361. Hacemos clic en Enviar.

Page 95: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

8. Recibe un mensaje sms o un correo electrónico con la clave de activación

Page 96: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

9. Insertamos la clave hacemos clic en validar y

10. Muestra la información del usuario con el número de teléfono y el nombre del plan

Page 97: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS …dspace.uniandes.edu.ec/bitstream/123456789/5650/1/...lo diferencia principalmente de otros tipos de programas, como los sistemas operativos,

11. hacemos clic en mi plan y muestra la información de consumos usos y tiempos de pago