ESCUELA POLITÉCNICA NACIONAL

VICERRECTORADO DE DOCENCIA
F_AA_225
ESCUELA DE FORMACIÓN DE TECNÓLOGOS
CARRERA DE ANÁLISIS DE SISTEMAS INFORMÁTICOS

PLAN DE TRABAJO DE TITULACIÓN/TESIS

TIPO DE TRABAJO DE TITULACIÓN: PROYECTO INTEGRADOR

I.- INFORMACIÓN BÁSICA

PROPUESTO POR: LÍNEA DE INVESTIGACIÓN:
María Fernanda Tibanta Legña Creación y Gestión del Software
ÁREA DE CONOCIMIENTO:
Edison David Hernández Almagro
Ingeniería de Software
AUSPICIADO POR: FECHA:
Ing. Byron Loarte 19/02/2018

II.- INFORMACIÓN DEL TRABAJO DE TITULACIÓN

1. Título del Trabajo de Titulación
DESARROLLO DE UN SISTEMA WEB Y UNA APLICACIÓN MÓVIL PARA LA GESTIÓN DE
FUNDACIONES DE ANIMALES DE COMPAÑÍA EN LA CIUDAD DE QUITO.
2. Planteamiento del Problema

Según las proyecciones poblacionales del INEC en la ciudad de Quito y sus alrededores, las
estimaciones de los censos del año 2013 dieron a conocer que existían 41.676 perros callejeros, con
lo cual se estima que para el 2018 existirían alrededor de 122.280, lo que indica que el abandono de
las mascotas va en aumento hasta casi triplicarse (Castellanos, El Comercio, 2018), es por ello que,
actualmente se han unido varios grupos de personas con el objetivo de crear varias fundaciones sin
fines de lucro con la única finalidad de ayudar con esta causa.

Sin embargo, muchas de estas fundaciones no se encuentran calificadas por el Municipio de Quito
para ejercer dichas actividades y al no contar con un medio de comunicación como: página web o
aplicación móvil utilizan las redes sociales para darse a conocer y ser un medio de comunicación entre
fundaciones, voluntarios y ciudadanía.
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

De la misma manera, en la ciudad de Quito existen varias fundaciones como: Lucky Bienestar Animal,
Acción Animal Ecuador, Catman and Doging (Castellanos, El Comercio, 2017), Protección Animal
Ecuador (PAE), Urbanimal (Díaz & Landeta, 2018) entre otras, además de nuevas fundaciones que
pueden surgir con el pasar de los días creadas por grupos de voluntarios, (Castellanos, El Comercio,
2017).

Esta problemática no solo afecta al Municipio de Quito, sino también a la ciudadanía quienes con el
afán de adoptar una mascota o aportar con una donación voluntaria, no tienen el conocimiento de todas
las fundaciones existentes en la ciudad de Quito, lo que conlleva a un sin número de inconvenientes
como: retraso en el proceso de adopción y donaciones, realizar un adecuado seguimiento y control por
el Municipio para cada una de estas fundaciones y las nuevas que puedan existir, falta de información
sobre voluntarios a cargo de las fundaciones y la ausencia de alternativas que se ajusten con las
necesidades de sus habitantes provocan que el abandono de las mascotas vaya en aumento con el pasar
de los días.

Por lo tanto, para dar solución a esta problemática y partiendo de la situación en la que se encuentran
tanto los ciudadanos como las fundaciones, se propone el desarrollo de un Sistema Web, que permita
integrar y gestionar aquellas fundaciones dentro de la ciudad de Quito; para que de esta manera cada
fundación gestione el flujo de pre-aprobación del proceso de adopción, donación y atención de
emergencias.

Mientras que la aplicación móvil permitirá a la ciudadanía en general obtener información relacionada
a las fundaciones tal como: personal de voluntarios que trabaja en cada una de ellas, animales de
compañía que se encuentran listas para ser adoptadas, formulario para solicitar adopciones, solicitar
atención de emergencias y realizar donaciones; de la misma manera recibir notificaciones de
aprobación o negación de la adopción. Además, mediante la aplicación móvil los voluntarios podrán
enviar notificaciones en caso de emergencia a las fundaciones, aceptar o rechazar las solitudes para
atender una emergencia o retirar una donación, ayudando de esta manera a mejorar la organización y
comunicación entre los involucrados.
3. Justificación
En la actualidad las fundaciones y voluntarios de la ciudad de Quito que tienen como propósito
ayudar a los diferentes animales de compañía, no cuentan con un medio de comunicación fiable
(página web o aplicación móvil) para informar acerca de animales en adopción, accidentes que día a
día sufren los animales, o incluso para solicitar donaciones, por lo que se han visto en la necesidad
de usar las redes sociales que al no ser un medio de información fiable genera desconfianza en la
ciudadanía al momento que desee adoptar, realizar donaciones y ayudar a una mascota en emergencia.
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

Por tal motivo en este trabajo se propone implementar un Sistema Web y una aplicación móvil capaz
de brindar una solución definitiva en los procesos de adopción, donaciones y emergencias,
beneficiando principalmente a los animales callejeros para que logren encontrar un hogar y de esta
manera reducir las estadísticas de abandono.
Actualmente en una era tecnológica en constante evolución, las aplicaciones móviles y Sistemas
Web se han convertido en parte fundamental del día a día de las personas, es por ello que para el
caso de estudio se convierte en parte fundamental para que las personas puedan involucrase en las
actividades que realizan las fundaciones por el bienestar de los animales callejeros.
Por lo citado anteriormente, el desarrollo e implementación de los dos sistemas presentará ventajas
como: informar a la ciudadanía acerca de las fundaciones existentes en la ciudad de Quito, informar
a fundaciones y voluntarios sobre emergencias que pueden suscitarse con las mascotas, agilizar el
proceso de adopción, informar a los voluntarios para el rescate y atención de emergencias, guiar a la
ciudadanía en el proceso de realizar cualquier tipo de donaciones y principalmente proporcionar
información real y confiable entre los involucrados.
Además de garantizar la integridad, consistencia y seguridad de los datos, tanto la aplicación móvil
como el Sistema Web contará con un sistema de autenticación y perfiles.
El sistema web dispondrá de dos perfiles:
El perfil administrador permitirá:
 Registro, actualización y eliminación de fundaciones.
El perfil fundaciones permitirá:
 Registrar información relevante a la fundación.
 Registro, actualización y eliminación de animales de compañía.
 Registro, actualización y eliminación de voluntarios.
 Registro de donaciones económicas y de productos.
 Aprobar o negar la petición de una adopción por parte de los ciudadanos.
 Aprobar o negar las emergencias por parte del ciudadano y del voluntario.
Cabe recalcar que todos los usuarios que no tengan un perfil como los citados anteriormente pueden
visualizar la información de todas las fundaciones en una sección del Sistema Web.

Mientras que la aplicación móvil se desarrollará únicamente para dispositivos que cuenten con
Sistema Operativo Android y realizará lo siguiente:
Por parte de los ciudadanos:
 Registro por medio de Facebook y un formulario de registro.
 Visualización de todas las fundaciones registradas en el Sistema Web.
 Enviar el formulario para solicitar la adopción de un animal de compañía.
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA
 Enviar el formulario para solicitar la emergencia de un animal de compañía.
 Enviar el formulario para realizar una donación.
 Recibir una notificación de aprobación de la adopción.
 Recibir una notificación de aprobación o negación de la emergencia.
 Recibir una notificación de aprobación o negación de la donación.
Por parte de los voluntarios:
 Enviar el formulario para solicitar la emergencia de un animal de compañía.
 Aprobar o negar la petición para atender la emergencia.
 Aprobar o negar la petición para retirar la donación.
4. Hipótesis (Si aplica)
NO APLICA

5. Objetivo General
Desarrollar un sistema web y una aplicación móvil para la gestión de fundaciones de animales
de compañía en la ciudad de Quito.
6. Objetivos Específicos
OBJ 1: Determinar los requerimientos del Sistema Web y la aplicación móvil.
OBJ 2: Diseñar la arquitectura, modelo de base de datos e interfaces del Sistema Web y la aplicación
móvil.
OBJ 3: Codificar el Sistema Web y la aplicación móvil.
OBJ 4: Probar el funcionamiento del Sistema Web y la aplicación móvil.

7. Metodología
Para el desarrollo del presente proyecto se implementará SCRUM, el cual es una metodología ágil y
flexible para gestionar el desarrollo y mantenimiento de productos complejos, por lo que su objetivo
será controlar y planificar proyectos con un gran volumen de cambios de última hora, ayudando a una
óptima interacción con los involucrados. (Schwaber & Sutherland, 2016).
Sin embargo, esta metodología se basa en la creación de ciclos llamados iteraciones, las cuales se las
conoce como Sprints (Trigas, 2018), los cuales son ejecutados en ciclos cortos de dos a cuatro
semanas. De la misma manera cabe recalcar que esta metodología aplica un conjunto de buenas
prácticas para trabajar colaborativamente en equipo, y así tener el mejor resultado posible en el
desarrollo de un proyecto (Proyectos Ágiles, 2016).
Adicional a ello da flexibilidad al cambio, mayor productividad, reduce riesgos ya que los problemas
son identificados con antelación y estos pueden ser resueltos con rapidez, alineamiento entre el cliente
y el equipo de desarrollo, entre otras características (Iswugscrumaps2, 2017), lo que hacen que
SCRUM sea una metodología adecuada en el desarrollo de Software.
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

OBJ 1:
El tipo de información y funcionalidad para el Sistema Web y aplicación móvil de este proyecto se
obtendrán por medio de reuniones con aquellas fundaciones interesadas, quienes proporcionarán la
información necesaria sobre el proceso de adopción, donación y emergencias. Los resultados
obtenidos de las reuniones y entrevistas realizadas servirán para elaborar los requerimientos, a los
cuales se les asignará un nivel de importancia y con ello determinar el orden en el cual se
implementarán cada uno de ellos en el desarrollo del Sistema Web y aplicación móvil propuestos.
OBJ 2:
La información obtenida por parte de las fundaciones se someterá a un proceso de análisis y
depuración para diseñar el esquema de base de datos NoSQL, el cual almacenará toda la información
de las fundaciones, voluntarios y ciudadanos. No obstante, toda esta información será gestionada por
el gestor de base de datos MongoDB, el cual es una base de datos no relacional orientada a
documentos, es decir, en lugar de guardar datos en registros los guarda en documentos, estos son
guardados en BSON una representación binaria de JSON (Genbeta, 2014). Finalmente, al ser una base
datos no relacional ofrece una mejor escalabilidad, rendimiento, disponibilidad y fácil integración con
las herramientas determinadas para el desarrollo del proyecto.
Adicionalmente, para el diseño de interfaces y cada una de las funcionalidades tanto para el Sistema
Web como para la aplicación móvil serán determinados por medio de prototipos (mockups), con el
objetivo de mostrar a las fundaciones, voluntarios y ciudadanos una idea más aproximada del diseño
final con una vista práctica y sencilla de toda la navegación, flujo de actividades y determinados
aspectos que tendrán los dos sistemas. (RYTE WIKI, 2014). Cuya arquitectura estará basada en el
patrón de arquitectura Modelo Vista Controlador (MVC), lo que permitirá separar los datos y la lógica
del negocio de la interfaz de usuario (Pavón, 2018), facilitando el mantenimiento, integración y
mejorando la legibilidad del código (Alvizu, 2016).
OBJ 3:
Para el desarrollo del presente proyecto en lo que respecta al back-end del Sistema Web y la aplicación
móvil se utilizará Node.js un entorno JavaScript del lado del servidor que utiliza un modelo asíncrono
y dirigido por eventos. Node.js fue formulado para generar un sistema escalable y que tuviese la
consistencia suficiente como para poder generar un elevado número de conexiones de forma
simultánea con el servidor (NetConsulting, 2015).
Adicionalmente, para el desarrollo del front-end del Sistema Web se utilizará Angular, el cual es un
framework de desarrollo para JavaScript creado por Google. La finalidad de Angular es facilitar el
desarrollo de aplicaciones web SPA y además proporcionar herramientas para trabajar con los
elementos de una web de manera más sencilla y optima, separando el front-end y el back-end (Robles,
2018)
Mientras que para el desarrollo de la aplicación móvil se utilizará Ionic, una herramienta, gratuita y
open source, para el desarrollo de aplicaciones híbridas basadas en HTML5, CSS y JS. (Pérez, 2015)
juntamente con AngularJS con el fin de crear un marco más adecuado para desarrollar aplicaciones
robustas. El uso de Cordova una colección de extensiones que hacen que sea fácil construir, probar y
desplegar aplicaciones móviles. Finalmente, para la autenticación de usuarios se utilizará el
complemento para Facebook de Ionic, que permitir obtener acceso a la aplicación FB navita de
Android (Ionic, 2019).
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA
OBJ 4:
Al finalizar con las actividades antes mencionadas se procederá a realizar pruebas en todo el Sistema
Web y aplicación móvil, con el fin de validar la funcionalidad establecida en los requerimientos
identificados. Así, para el Sistema Web se procederá a realizar las pruebas por medio de la herramienta
ApacheBench una herramienta que permite testear aplicaciones y determinar la capacidad de soporte
de tráfico que generen las visitas, a fin de valorar el rendimiento del sistema (Ubunlog, 2018).
En lo que respecta a la aplicación móvil, se utilizará la herramienta Ionic View, un visor de
aplicaciones desarrolladas bajo el framework Ionic, el cual permite comprobar que la aplicación
realiza todas las acciones implementadas (Jordán, 2016).
Finalmente, se procederá a realizar la instalación de la aplicación móvil en diferentes dispositivos con
sistema operativo Android con el objetivo de comprobar el correcto funcionamiento y desempeño.

8. Plan de Trabajo
1. INTRODUCCIÓN
1.1. Planteamiento del problema
1.2. Objetivo general
1.3. Objetivos Específicos
1.4. Alcance
2. METODOLOGÍA
2.1. Metodología de desarrollo
2.2. Análisis y levantamiento de requisitos
2.3. Diseño de la base de datos y prototipos de las interfaces
2.4. Herramientas de desarrollo web
2.5. Herramientas de desarrollo móvil
3. RESULTADOS Y DISCUSIÓN
3.1. Codificación del Sistema Web
3.2. Codificación de la aplicación móvil
3.3. Pruebas del Sistema Web
3.4. Pruebas de la aplicación móvil
4. CONCLUSIONES

5. REFERENCIAS BIBLIOGRÁFICAS

6. ANEXOS
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA
9. Bibliografía

Alvizu, Á. (27 de Marzo de 2016). A Devel. Obtenido de https://www.adevelca.com/blog/que-es-el-

patron-mvc

Angular. (2018). angularx-social-login. Obtenido de GitHub: https://github.com/abacritt/angularx-social-

login

Castellanos, G. (15 de Agosto de 2017). El Comercio. Obtenido de https://www.elcomercio.com/narices-

frias/voluntariado-refugios-animales-quito-abandono.html

Castellanos, G. (09 de Octubre de 2018). El Comercio. Obtenido de https://www.elcomercio.com/narices-

frias/poblacion-perros-callejeros-quito-censo.html

Díaz, V., & Landeta, D. (4 de Octubre de 2018). El Comercio. Obtenido de

https://www.elcomercio.com/afull/perros-abandonados-quito-censo-parroquias.html

Genbeta. (3 de Febrero de 2014). Obtenido de https://www.genbeta.com/desarrollo/mongodb-que-es-

como-funciona-y-cuando-podemos-usarlo-o-no

Iswugscrumaps2. (23 de Mayo de 2017). Obtenido de https://iswugscrumaps2.wordpress.com/pros-y-

contras/

Jordán, L. (2016). Visualizar aplicaciones en Ionic desde el móvil con Ionic View. Obtenido de
JuisJordan.net: https://luisjordan.net/tutorial-de-ionic/visualizar-aplicaciones-ionic-2-e-ionic-3-
desde-movil-ionic-view/

NetConsulting. (30 de Septiembre de 2015). Node.js: ¿Qué es y para que sirve NodeJS? Obtenido de
NetConsulting: https://www.netconsulting.es/blog/nodejs/

Pavón, J. (2018). FDI. Obtenido de https://www.fdi.ucm.es/profesor/jpavon/poo/2.14.mvc.pdf

Pérez, J. (15 de Enero de 2015). Qué es y cómo empezar con Ionic Framework. Obtenido de
PhoneGapSpain: https://www.phonegapspain.com/que-es-y-como-empezar-con-ionic-
framework/

Proyectos Ágiles. (04 de Febrero de 2016). Obtenido de https://proyectosagiles.org/que-es-scrum/

Robles, V. (05 de Agosto de 2018). ¿Qué es Angular y para qué sive? Obtenido de victorroblesweb:
https://victorroblesweb.es/2017/08/05/que-es-angular-y-para-que-sirve/

RYTE WIKI. (07 de Julio de 2014). Obtenido de

https://es.ryte.com/wiki/Mockup#Ventajas_de_la_usabilidad

Schwaber, K., & Sutherland, J. (2016). La Guía de Scrum.

Trigas, M. (08 de Julio de 2018). Openaccess. Obtenido de

http://openaccess.uoc.edu/webapps/o2/bitstream/10609/17885/1/mtrigasTFC0612memoria.pdf

Ubunlog. (18 de Junio de 2018). ApacheBench(ab). Obtenido de UBUNLOG:

https://ubunlog.com/apachebench-carga-pagina-web/
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA
10. Cronograma
ANEXO 1

Firma Firma

Tibanta Legña María Fernanda Hernández Almagro Edison David

PROPONENTE 1 PROPONENTE 2
Email: maria.tibanta@epn.edu.ec Email: edison.hernandez@epn.edu.ec
Telf.: 0998625773 Telf.: 0995649554

Firma Firma

Ing. Byron Loarte, M.Sc. Ing. Luz Marina Vintimilla, M.Sc.

DIRECTOR CODIRECTOR
Email: byron.loarteb@epn.edu.ec Email: marina.vintimilla@epn.edu.ec
Telf.: 0995644186 Telf.: 0998757317
ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

ANEXO 1