Capitulo III. Propuesta de solución al problema
3.3 Metodología de desarrollo de software
3.3.1 Planificación
Esta fase se centra en recolectar toda la información posible acerca de las dificultades que se están presentando en la Unidad Educativa “Espíritu Santo” y a partir de ello se declararan los requerimientos necesarios para poder definir nuestras historias de usuario, iteraciones, tareas de ingeniería y planificar el plan de entrega del proyecto.
Historias del usuario: Las historias de usuario a utilizar en el desarrollo contienen los siguientes elementos:
Nombre de la Historia: Nombres con el que se identificará la historia del usuario en la ficha técnica, contiene un código único y un nombre que lo describe el código.
Días Estimados: Elementos cualitativo que mide la máxima preferencia, permite analizar lo que es mayor importancia y requiere más atención, dando el valor 1 como el rango de mayor grado, valor 2 como el nivel medio y valor 3 como el rango de menor grado.
Estado: Se va a indicar en que la etapa en la que se encuentra la historia de usuario este pueda ser.
Descripción: Rápida explicación de lo que trata la historia de usuario, en palabras sencillas que los clientes puedan entender, para que facilite la comunicación entre los clientes y el equipo desarrollador.
➢ Iteración 1: Plataforma Web
Esta primera iteración tiene como objetivo reflejar los requerimientos obtenidos para la garantía en el acceso a la aplicación web.
48 Tabla 17. Historia de Usuario
HISTORIA DE USUARIO
Nombre de la Historia: Creación del interfaz web de acceso del sistema
Días Asignados: 5 Prioridad: Alta
Disposición: planificada Estado: Definida
Iteración Asignada: Iteración 1
Descripción: Diseño de la interfaz donde el usuario podrá acceder al sistema web
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis
Tabla 18. Historia de Usuario 2 HISTORIA DE USUARIO
Nombre de la Historia: Validación del usuario aplicación web
Días Asignados: 5 Prioridad: Alta
Disposición: planificada Estado: Definida
Iteración Asignada: Iteración 1
Descripción: Creación del componente que permitirá o negará el acceso a un usuario
Observación: El componente deberá validar los datos ingresados en la aplicación web
Elaborado por: Vinueza Carranza Jefferson Michael
49 Tabla 19. Historia de Usuario 3
HISTORIA DE USUARIO
Nombre de la Historia: Creación del interfaz registro de Conductores
Días Asignados: 10 Prioridad: Media
Disposición: Planeada Estado: Definida
Iteración Asignada:
Iteración 1
Descripción: Diseño de componentes adecuados que serán usados para registrar a nuevos conductores.
Observación: El componente deberá validar los datos ingresados
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis
Tabla 20. Historia de Usuario 4 HISTORIA DE USUARIO
Nombre de la Historia: Creación del interfaz registro de Representantes y Estudiantes
Días Asignados:
10 Prioridad: Media
Disposición: Planeada Estado: Definida
Iteración Asignada:
Iteración 1
Descripción: Diseño de componentes adecuados que serán usados para registrar a nuevos Representantes y estudiantes independientemente.
Observación: El componente deberá validar los datos ingresados
Elaborado por: Vinueza Carranza Jefferson Michael
50 Tabla 21. Historia de Usuario 5
HISTORIA DE USUARIO
Nombre de la Historia: Creación del interfaz registro de Rutas y Trasportes
Días Asignados: 10 Prioridad: Media
Disposición: Planeada Estado: Definida
Iteración Asignada:
Iteración 1
Descripción: Diseño de componentes adecuados que serán usados para registrar a nuevas Rutas y Trasportes independientemente.
Observación: El componente deberá validar los datos ingresados
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis
Tabla 22. Historia de usuario 6 HISTORIA DE USUARIO
Nombre de la Historia: Creación del interfaz registro de Asignación del estudiante
Días Asignados:
10 Prioridad: Media
Disposición: Planeada Estado: Definida
Iteración Asignada:
Iteración 1
Descripción: Diseño de componentes adecuados que serán usados para registrar a los estudiantes con sus respectiva ruta y conductor.
Observación: El componente deberá validar los datos ingresados
Elaborado por: Vinueza Carranza Jefferson Michael
51 ➢ Iteración 2: Plataforma Móvil
Esta primera iteración tiene como objetivo reflejar los requerimientos obtenidos para la garantía en el acceso a la aplicación móvil dependiendo del tipo de usuario, sea este conductor o representante.
Tabla 23. Historia de Usuario 7 HISTORIA DE USUARIO
Nombre de la Historia: Creación del interfaz de inicio del sistema
Días Asignados: 5 Prioridad: Alta
Disposición: planificada Estado: Definida
Iteración Asignada: Iteración 1
Descripción: Diseño de la interfaz donde el usuario podrá el acceso al sistema
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis
Tabla 24. Historia de Usuario 8 HISTORIA DE USUARIO
Nombre de la Historia: Validación del usuario
Días Asignados: 5 Prioridad: Alta
Disposición: planificada Estado: Definida
Iteración Asignada: Iteración 1
Descripción: Creación del componente que permitirá o negará el acceso a un usuario
Observación: El componente deberá validar los datos ingresados
Elaborado por: Vinueza Carranza Jefferson Michael
52 Tabla 25. Historia de Usuario 9
HISTORIA DE USUARIO
Nombre de la Historia: Creación del interfaz registro de usuarios
Días Asignados: 10 Prioridad: Media
Disposición: Planeada Estado: Definida
Iteración Asignada:
Iteración 1
Descripción: Diseño de componentes adecuados que serán usados para registrar al usuario.
Observación: El componente deberá validar los datos ingresados
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis
Tabla 26. Historia de Usuario 10 HISTORIA DE USUARIO
Nombre de la Historia: Control y verificación de acceso
Días Asignados: 5 Prioridad: Alta
Disposición: Planeada Estado: Definida
Iteración Asignada: Iteración 1
Descripción: Diseño de componentes adecuados que serán usados para registrar al usuario.
Elaborado por: Vinueza Carranza Jefferson Michael
53 Tabla 27. Historia de Usuario 11
HISTORIA DE USUARIO
Nombre de la Historia: Creación de reportes
Días Asignados: 10 Prioridad: Alta
Disposición: Planificada Estado: Planificada
Iteración Asignada: Iteración 2
Descripción: Interfaz que permita observar los reportes de entrega de los estudiantes en sus domicilios
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis Caso de Uso
En esta fase permite conocer características fundamentales que cada uno de los actores puede realizar, ya que la aplicación tiene los módulos necesarios que puede cumplir con cada petición dentro de la aplicación móvil para la ubicación del recorrido escolar.
Figura 5. Caso de Uso Administrador
Elaborado por: Vinueza Carranza Jefferson Michael
54 Tabla 28. Caso de uso Administrador
Nombre Gestión Administrativa
Autores: Autor: Vinueza Carranza Jefferson Michael
Descripción: Permite gestionar el recorrido escolar
Actores: Unidad Educativa “Espíritu Santo” Precondiciones: N/D
Flujo normal: 1. El usuario ingresa sus credenciales para tener acceso al sistema 2. El usuario puede ingresar los diferentes actores que tendrán acceso al sistema.
3. El usuario asigna las diferentes rutas que deberá seguir el recorrido escolar.
Flujo alternativo: El sistema comprueba la validez de los datos, si los datos no son correctos, se avisa al actor permitiendo que los corrija.
Pos condiciones: El mensaje: Acceso al sistema.
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis
Figura 6. Caso de Uso Padre de familia
Elaborado por: Vinueza Carranza Jefferson Michael
55 Descripción del caso de uso Usuario
Tabla 29. Caso de uso Padre de familia
Nombre Gestión del recorrido
Autores: Autor: Vinueza Carranza Jefferson Michael
Descripción: Permite seguir el recorrido escolar en tiempo real mediante la aplicación Móvil
Actores: Unidad Educativa “Espíritu Santo” Precondiciones: N/D
Flujo normal: 1. El usuario ingresa sus credenciales para tener acceso al sistema
2. El usuario puede seguir en tiempo real el recorrido escolar.
Flujo alternativo: El sistema comprueba la validez de los datos, si los datos no son correctos, se avisa al actor permitiendo que los corrija.
Pos condiciones: El mensaje: Acceso al sistema.
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis
Figura 7. Caso de Uso Chofer
Elaborado por: Vinueza Carranza Jefferson Michael
56 Descripción del caso de uso Chofer
Tabla 30. Caso de uso Chofer
Nombre Gestión Ruta
Autores: Autor: Vinueza Carranza Jefferson Michael
Descripción: Permite gestionar los usuarios y el recorrido del vehículo por los puntos de referencia establecidos por el usuario
Actores: Unidad Educativa “Espíritu Santo”
Precondiciones: El administrador debe ingresar con su usuario y contraseña correctos
Flujo normal: 1. El chofer puede tener acceso al listado de estudiantes que van en el recorrido
2. El chofer sigue la ruta acorde a los puntos de referencia
Flujo alternativo: El sistema comprueba la validez de los datos, si los datos no son correctos, se avisa al actor de ello permitiéndole que los corrija.
Pos condiciones: El mensaje: Acceso al sistema.
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis 3.3.2 Diseño
En esta fase se realizó el diseño respectivo siguiendo los requerimientos detallados en las historias de usuario y las tareas de ingeniería.
57 Entradas y salidas aplicación web-móvil
Figura 8. Entrada al sistema mediante la aplicación web.
Fuente: Tomado del análisis de la propuesta
Figura 9. Reporte del sistema
58
Figura 10. Entradas al sistema mediante la aplicación móvil
Fuente: Tomado del análisis de la propuesta
Figura 11. Demostración del mapa
59 Diagrama de clases
Los diagramas de clases es una estructura estática que describe los atributos, operaciones y relaciones que se llevaran a cabo dentro de la aplicación
Figura 12. Diagrama de Clases aplicación web-móvil
Fuente: Tomado del análisis de la propuesta Diagrama de secuencias
Los diagramas de secuencia son los procesos de vida de un proyecto, aquí se describe como y enque orden un grupo de objetos tiene relacion con el sistema:
Figura 13. Diagrama de secuencia Administrador
60
Fuente: Analisis
Figura 14. Diagrama de secuencia Padre de familia
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis
Figura 15. Diagrama de secuencia Chofer
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Analisis Requerimientos:
61 Tabla 31. Requerimientos
SOFTWARE
Desarrollo Aplicación Móvil ➢ IONIC
➢ PHP
➢ XAMPP
Base de Datos ➢ MYSQL
Navegadores Web ➢ Google Chrome
➢ SMARTPHONE ANDROID
➢ SMARTPHONE IOS
Elaborado por: Vinueza Carranza Jefferson Michael
62
Figura 16. Base de Datos Aplicación Web-Móvil
Elaborado por: Vinueza Carranza Jefferson Michael
63 3.3.2.1 Aplicación Web
Ingreso al sistema web
Figura 17. Ingreso al sistema web
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema web Unidad Educativa “Espíritu Santo”
Diseño del menú, escritorio e información del usuario donde podrá cerrar sesión
Figura 18. Pantalla principal
Elaborado por: Vinueza Carranza Jefferson Michael
64
Listado de los alumnos que requieren el servicio de trasporte escolar.
Figura 19. Listado de alumnos
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema web Unidad Educativa “Espíritu Santo” Diseño del formulario para ingreso de nuevos Estudiantes.
Figura 20. Agregar nuevo estudiante
Elaborado por: Vinueza Carranza Jefferson Michael
65 Reporte de alumnos
Figura 21. Reporte de alumnos
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema web Unidad Educativa “Espíritu Santo” Diseño en PDF, del contrato del trasporte vehicular
Figura 22. Contrato de prestación de servicios.
Elaborado por: Vinueza Carranza Jefferson Michael
66 Listado de contratos emitidos
Figura 23. Listado de Contratos.
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema web Unidad Educativa “Espíritu Santo” 3.3.2.2 Aplicación Móvil
Diseño de la pantalla de inicio Representante
Figura 24. Inicio de Sesión
Elaborado por: Vinueza Carranza Jefferson Michael
67
Ruta del conductor hacia el estudiante registrado
Figura 25. Ruta del conductor
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema móvil Unidad Educativa “Espíritu Santo” Reporte de asistencia Representante
Figura 26. Reporte de asistencia
Elaborado por: Vinueza Carranza Jefferson Michael
68
Posicionamiento de la localización de los estudiantes en la ruta
Figura 27. Localización de los estudiantes
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema móvil Unidad Educativa “Espíritu Santo” Control de asistencia de los estudiantes en el trasporte escolar
Figura 28. Control de asistencia
Elaborado por: Vinueza Carranza Jefferson Michael
69 3.3.3 Codificación
3.3.3.1 Aplicación Web Conexión a la base de datos
Figura 29. Conexión a la base de datos.
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema móvil Unidad Educativa “Espíritu Santo” Función para ingreso de estudiantes
Figura 30. Ingreso de estudiantes.
Elaborado por: Vinueza Carranza Jefferson Michael
70 Script para el ingreso del estudiante
Figura 31. Script Ingreso de alumnos.
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema móvil Unidad Educativa “Espíritu Santo” Formulario ingreso Alumnos
Figura 32. Formulario ingreso alumnos.
Elaborado por: Vinueza Carranza Jefferson Michael
71 3.3.3.2 Aplicación Móvil
Agregar ubicación
Figura 33. Agregar ubicación
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema móvil Unidad Educativa “Espíritu Santo” Formulario para agregar la ubicación
Figura 34. Formulario para agregar la ubicación
Elaborado por: Vinueza Carranza Jefferson Michael
72
Ejemplo del web cervices para listar los estudiantes
Figura 35. Web cervices listar estudiantes.
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema móvil Unidad Educativa “Espíritu Santo” Formulario para el ingreso de la asistencia al trasporte vehicular
Figura 36. Registrar asistencia
Elaborado por: Vinueza Carranza Jefferson Michael
73 Formulario para agregar la asistencia
Figura 37. Registrar la asistencia
Elaborado por: Vinueza Carranza Jefferson Michael
Fuente: Sistema móvil Unidad Educativa “Espíritu Santo” 3.3.4 Pruebas
➢ Pruebas de caja negra
Para la realización de esta prueba se validó los resultados del proyecto mediante diferentes procesos los cuales fueron requeridos en la Unidad Educativa, la misma que fue corroborado en el acceso y autentificación de los usuarios al momento de ingresar al sistema la cual cumple con las normas de seguridad establecidas dicha por la Unidad Educativa, se completó correctamente todos los procedimientos realizados con MYSQL, la cual nos brindó seguridad en la estructura de la base de datos.
La prueba la aplicamos en la parte del código, se pudo ver que el control de acceso cumple con los roles establecidos, convirtiéndose en la parte fundamental de validación en los diferentes procesos de almacenamiento o modificación de los datos que se manejen durante el uso de la aplicación web de esta manera se hizo posible el reconocimiento de los errores.
74 ➢ Pruebas de caja blanca
Mediante la aplicación de esta prueba se pudo verificar en la aplicación web que se están desarrollando todos los procesos eficazmente se pudo constatar la funcionalidad de los botones Guardar, Modificar, Cancelar y Eliminar los mismos que se encuentran alojados en los diferentes formularios y funcionan correctamente, en la aplicación móvil para la geolocalización del recorrido escolar se logró verificar que los procesos cumplen con los requerimientos necesarios, de esta manera se pudo constatar el funcionamiento de los botones que se encuentran alojados dentro de la aplicación móvil ya que los mismos funcionan correctamente
Conclusiones
➢ Se fundamentó científicamente las aplicaciones web móviles, sus tecnologías, herramientas de desarrollo y la gestión administrativa de la geolocalización del recorrido escolar en la Unidad Educativa “Espíritu Santo”, mediante referencias bibliográficas que nos aseguran que su contenido es verdadero para poder hacer uso de este.
➢ Con el desarrollo de la aplicación web - móvil se aportó para que los padres de familia puedan tener conocimiento acerca de la ubicación de sus hijos en el transcurso del recorrido de sus hogares hasta la Unidad Educativa y viceversa. ➢ La aplicación móvil constituye una herramienta indispensable para los
representantes, por la cual se incluye información importante acerca de la localización del recorrido escolar, por lo que se considera a las aplicaciones serán de gran ayuda para conductores y padres de familia.
➢ Al realizar la investigación de campo se puede concluir que no existe un registro de localización del recorrido escolar dentro de la Unidad Educativa, problema que se trata de resolver con el presente trabajo.
Recomendaciones
Para que la aplicación web-móvil para la gestión administrativa de la Unidad Educativa “Espíritu Santo”, tenga un correcto desempeño se recomienda:
75
➢ Se recomienda brindar capacitación al encargado de la aplicación web y a los conductores y representantes para el uso correcto de la aplicación móvil.
➢ Se recomienda realizar un respaldo de la información que se encuentre dentro de la aplicación en caso de pérdida de información o mala manipulación de la aplicación.
➢ Con la finalidad de mantener la aplicación en correcto funcionamiento y en desempeño optimo es recomendable realizar el mantenimiento cada 3 meses. ➢ Es recomendable el uso de la metodología de desarrollo de software XP ya que
mediante sus fases se pudo desarrollar nuestro proyecto de una forma ordenada y sin complicaciones.
➢ A futuro se recomienda la implementación de la aplicación para el sistema operativo iOS ya que con ello se cubrirá casi la totalidad de Smartphone
BIBLIOGRAFÍA
Alvarez, T. I., & Cañar, F. M. (2011). Geolocalizacion para dispositivos moviles. Cuenca: Universidad de Cuenca.
Arroyo, N. (10 de 01 de 2016). aulaformativa.com. Obtenido de aulaformativa.com: https://blog.aulaformativa.com/caracteristicas-gran-aplicacion-movil-posee/ Artime, I. F. (2013). Dispositivos móviles. España: Universidad de Oviedo.
Borja López, Y. (23 de 12 de 2018). Metodología Ágil de Desarrollo de Software – XP. Obtenido de Metodología Ágil de Desarrollo de Software – XP: http://www.runayupay.org/publicaciones/2244_555_COD_18_290814203015.p df
Caceres, L. (09 de 10 de 2016). deustoformacion.com. Obtenido de deustoformacion.com: https://www.deustoformacion.com/blog/desarrollo- apps/lenguajes-para-programar-aplicaciones-android
Campoverde, D. O. (2014). Desarrollo de una aplicación de Geolocalización quefacilite la ubicación de las dependencias en la Universidad Nacional de Loja con técnicas de realidad aumentada para dispositivos móviles. Loja: Universidad Nacional de Loja .
Casco Agudelo , J. A. (2018). aplicación móvil para la geolocalización de árboles endémicos de la reserva biológica Pindo mirador del cantón Mera. Puyo: Uniandes.
Conocimientosweb.net. (13 de 08 de 2015). Conocimientosweb.net. Obtenido de Conocimientosweb.net:
https://www.conocimientosweb.net/dcmt/ficha25959.html
Guato Edmunde, D. E. (2019). aplicación móvil de geolocalización para el servicio de asistencia vial de grúas y winchas en el cantón Pastaza. Puyo: Uniandes.
LOTTTSV. (2014). LEY ORGANICA DE TRANSPORTE TERRESTRE TRANSITO Y SEGURIDAD VIAL. Quito: LEY ORGANICA DE TRANSPORTE TERRESTRE TRANSITO Y SEGURIDAD VIAL.
Martinez, G. (12 de 09 de 2017). Northware. Obtenido de Northware: https://www.northware.mx/desarrollo-de-aplicaciones-moviles-hibridas/
Martinez, R. (2015). Arquitectura para la implementacion de sistemas moviles basados en servicios de geolocalizacion y Crowdsourcing. Lima: Tecnologia Informatica. MediaSmash. (26 de 04 de 2012). Smash Media. Obtenido de Smash Media: http://smash-
Mera, K. T. (2019). ESTUDIO DE NECESIDAD DE TRANSPORTE COMERCIAL EN LA ZONA RURAL DEL CANTÓN AMBATO, PROVINCIA DE TUNGURAHUA. Riobamba: ESCUELA SUPERIOR POLITÉCNICA DE CHIMBORAZO. Mercedes, M. (10 de 01 de 2016). aniel.es. Obtenido de aniel.es:
http://www.aniel.es/desarrollo-web/conceptualizacion-web/
Moreno, M. (18 de 12 de 2010). Aplicaciones Moviles. Obtenido de Aplicaciones Moviles:
https://es.wikipedia.org/wiki/Aplicaci%C3%B3n_m%C3%B3vil#Origen_de_las _aplicaciones_m%C3%B3viles
Moyón Gunsha, D. I. (05 de 10 de 2016). Desarrollo de un sistemas de geolocalización y calculos de redes eléctricas basado en google maps. Riobamba: Escuela Superios Politécnica de Chimborazo. Obtenido de dspace.espoch.edu.ec: http://dspace.espoch.edu.ec/bitstream/123456789/6244/1/18T00655.pdf
Pozo, J. D. (2014). Introducción a los dispositivos móviles. España: Universitat Oberta de Catalunya.
Pressman, R. S. (2016). Ingeniería del software un enfoque práctico. Mexico: McGRAW- HILL Educacion.
Ramírez, A. R. (16 de 07 de 2013). Dispositivos Moviles. Obtenido de Dispositivos Moviles: https://arielrodrigoreyes.wordpress.com/2013/07/16/clasificacion-de- dispositivos-moviles/
Revilla, E. (26 de 01 de 2017). ReviBlog. Obtenido de ReviBlog: https://reviblog.net/2017/01/26/tutorial-de-ionic-v2-construye-apps-moviles- multiplataforma-con-ionic-2-desde-cero/
Rocha, D. S. (2018). Desarrollo de una aplicación móvil multiplataforma con Geolocalización para localizar sitios y establecimientos cercanos. Quito: Universidad Central Del Ecuador.
Rocha, S. D. (2018). Desarrollo de una aplicación móvil multiplataforma con Geolocalización para localizar sitios y establecimientos cercanos. Quito: UNIVERSIDAD CENTRAL DEL ECUADOR.
Rouse, M. (20 de 09 de 2013 ). searchoracle. Obtenido de searchoracle: