TESINA Desarrollo de una aplicación hibrida con el uso de ...
58
Universidad Politécnica de Sinaloa PROGRAMA ACADEMICO DE INGENIERIA EN INFORMATICA TESINA Desarrollo de una aplicación hibrida con el uso de programación web y phonegap Para obtener la acreditación de las estadías profesionales y contar con los créditos para el grado de Ingeniero en Informática. NOMBRE DEL AUTOR: Edgar Gustavo Madueño Campa NOMBRE DEL ASESOR: Rosa Angélica Rosales Camacho NOMBRE DEL ASESOR OR: Lic. Salvador Sánchez Enciso Mazatlán Sinaloa, Diciembre de 2016.
Transcript of TESINA Desarrollo de una aplicación hibrida con el uso de ...
Universidad Politécnica de Sinaloa
PROGRAMA ACADEMICO DE
INGENIERIA EN INFORMATICA
TESINA
Desarrollo de una aplicación hibrida con el
uso de programación web y phonegap
Para obtener la acreditación de las estadías profesionales y contar
con los créditos para el grado de Ingeniero en Informática.
NOMBRE DEL AUTOR: Edgar Gustavo Madueño Campa
NOMBRE DEL ASESOR: Rosa Angélica Rosales Camacho
NOMBRE DEL ASESOR OR: Lic. Salvador Sánchez Enciso
Mazatlán Sinaloa, Diciembre de 2016.
1
AGRADECIMIENTOS
En el presente documento quiero agradecer a mis padres Carmen Julia Campa
Loaiza y Edwviges Madueño Arechiga, quienes siempre han estado conmigo en
los momentos buenos y en los malos. Por apoyarme incondicionalmente en hacer
realidad este sueño.
Mi familia que siempre ha estado conmigo apoyándome en todo momento.
A la Universidad Politécnica de Sinaloa por darme la oportunidad de ser un
estudiante con formación integral y un profesionista exitoso en un futuro próximo.
Agradezco a todos mis profesores, que durante toda mi carrera profesional han
aportado sus conocimientos para mi formación profesional.
2
ÍNDICE GENERAL
Agradecimientos .......................................................................................................................................... 1
Carta de aceptación de tesina ................................................................................................................... 4
Carta de culminación de tesina ................................................................................................................. 5
Carta de aceptación de estadías ............................................................................................................... 6
Carta de terminación de estadías ............................................................................................................. 7
Resumen ........................................................................................................................................................ 8
Abstract ......................................................................................................................................................... 9
Capítulo 1. Introducción ........................................................................................................................... 10
Antecedentes .......................................................................................................................................... 10
Localización ............................................................................................................................................ 11
Objetivos y prioridades de la empresa. ............................................................................................. 11
Misión de la empresa ............................................................................................................................. 11
Visión de la empresa ............................................................................................................................. 11
Principios y Valores ............................................................................................................................... 11
Orden Social............................................................................................................................................ 11
Convivencia ............................................................................................................................................. 12
Honestidad .............................................................................................................................................. 12
Espíritu de Servicio................................................................................................................................ 12
Profesionalismo ...................................................................................................................................... 12
Organigrama de la empresa ................................................................................................................. 12
Propuesta de investigación .................................................................................................................. 13
Objetivos generales ............................................................................................................................... 13
Particulares ............................................................................................................................................. 13
Preguntas de investigación .................................................................................................................. 13
Hipótesis .................................................................................................................................................. 14
Limitaciones ............................................................................................................................................ 14
Relevancia .............................................................................................................................................. 14
Capítulo 2. MARCO REFERENCIAL Y MARCO TEORICO ................................................................... 15
PhoneGap ................................................................................................................................................ 15
CodeIgniter .............................................................................................................................................. 15
¿Qué es MVC? ........................................................................................................................................ 15
Programación hibrida ............................................................................................................................ 16
Moovit ....................................................................................................................................................... 16
Vinden ...................................................................................................................................................... 16
Enrútate.................................................................................................................................................... 17
3
Comparación con las aplicaciones ya existentes ............................................................................ 17
Capítulo 3. METODOLOGIA ...................................................................................................................... 18
SUJETOS ................................................................................................................................................. 18
Ingeniería y análisis del sistema ......................................................................................................... 21
Análisis de los requisitos del software .............................................................................................. 21
DISEÑO .................................................................................................................................................... 21
MVC .......................................................................................................................................................... 25
Desarrollo con el método de cascada ................................................................................................ 29
Procedimiento ......................................................................................................................................... 32
Capítulo 4. Resultados .............................................................................................................................. 36
Análisis de Datos ................................................................................................................................... 36
Capítulo 5. Discusión ................................................................................................................................ 37
Recomendaciones y Sugerencias ....................................................................................................... 37
Referencias Bibliográficas ....................................................................................................................... 38
APENDICES Y/O ANEXOS ........................................................................................................................ 39
Lista de Imágenes o Fotografías
Imagen 1. Organigrama de la Empresa………………………………………12
Imagen 2. Ruta de Ejemplo…………………………………………………….18
Imagen 3. Paleta de Colores…………………………………………………...22
Imagen 4. MVC…………………………………………………………………..27
Imagen 5. Modelo de Cascada………………………………………………...30
Imagen 6. Login………………………………………………………………….32
Imagen 7. Validación……………………………………………………………33
Imagen 8. Validación 2………………………………………………………….33
Imagen 9. Agregar Ruta………………………………………………………...33
Imagen 10. Insertar Mapa……………………………………………………….34
Imagen 11. Poli Línea…………………………………………………………....34
Imagen 12. Almacenamiento de Rutas………………………………………...35
Lista de Tablas
Tabla 1. Rutas de Camiones de Mazatlán…………………………………….19
4
CARTA DE ACEPTACIÓN DE TESINA
5
CARTA DE CULMINACIÓN DE TESINA
6
CARTA DE ACEPTACIÓN DE ESTADÍAS
7
CARTA DE TERMINACIÓN DE ESTADÍAS
8
RESUMEN
Este proyecto está desarrollado con programación web utilizando Codeigniter un
framework de php y phonegap (un programa para crear aplicaciones hibridas de
código html a apk), la aplicación será visualizada por los distintos dispositivos
móviles como Android, IOS, Windows. La aplicación será enfocada para la consulta
de las rutas y localización del transporte urbano en la ciudad de Mazatlán Sinaloa.
El sistema de programación se llevara a cabo con el editor de texto sublime text 3,
utilizando el código HTML5, JavaScript, codeigniter de php. Para la conexión a base
de datos se usara MySQL, donde se guardará la información necesaria de las
coordenadas de la ruta. Se utilizara bootstrap un framework de css para que la
aplicación desarrollada en programación web sea responsiva en cualquier
dispositivo móvil.
La tecnología api de google maps servirá para visualizar los mapas de las distintas
rutas. La tecnología phonegap servirá para convertir la aplicación a Android, IOS o
Windows.
Palabras claves: Apk, Api, hibrida.
9
ABSTRACT
This project is developed with web programming using codeigniter a framework of
php and phonegap (a program to create hybrid applications apk html code), the
application will be displayed by various mobile devices such as Android, IOS,
Windows. The application will be focused in the routes consultation and the location
of urban transport in the city of Mazatlán, Sinaloa.
The programming system will be held with the editor of text sublime Text 3 using
HTML5, JavaScript code, codeigniter of php. For connection to MySQL database
where the necessary information from the coordinates of the route will be saved will
be used. It is used bootstrap css a framework for the application developed in web
programming is responsive to any mobile device.
The technology of the api of google maps serve to display the maps of the different
routes. The phonegap technology will serve to convert the application to Android,
IOS or Windows.
The keyword : Apk, Api, Hybrid.
10
CAPÍTULO 1. INTRODUCCIÓN
Los camiones urbanos de la Ciudad de Mazatlán, Sinaloa satisfacen la necesidad de
la población, pero en varias ocasiones es necesario conocer la ruta. El H.
Ayuntamiento de Mazatlán Sinaloa, planea crear una aplicación que brindara las
rutas del transporte urbano. Ayudará a los usuarios a conocer la ruta de dicho
transporte a su respectivo destino. En donde la aplicación se podrá visualizar en
distintos tipos de dispositivos móviles, que son los que mayor preferencia tienen
entre los usuarios en la actualidad.
Las cartografías topográficas que existen en el mercado, por regla general no
disponen de la funcionalidad de enrutamiento, eso significa que, si se selecciona un
destino en el GPS y se presiona el botón ir, el equipo trazara una ruta hasta el punto
de destino que se ha seleccionado.
En determinadas ocasiones, cuando no se conoce una zona rural, puede ser muy
útil el disponer de una aplicación para poder ir a un destino sin necesidad de perder
mucho tiempo analizando punto por punto el recorrido o preguntar sobre dicha ruta.
Así que esta aplicación móvil solucionara todos esos problemas que tienen los
ciudadanos a la hora de tomar un transporte.
ANTECEDENTES
En la ciudad de Mazatlán años atrás han existido problemas con el transporte
urbano, como es el retraso de los camiones en las paradas o accidentes de tráfico
por ir a exceso de velocidad porque tenían que cumplir con una cuota. En el año
2016 se cambió el esquema de trabajo para mejorar el servicio de transporte urbano
por los concesionarios de la Alianza de Transporte de Mazatlán. Lo primero que se
hizo en Mazatlán fue la instalación de una gasolinera para reducir el costo del
combustible para adquirirlo más barato, también se reorganizo el sistema de tal
manera que no compiten en tiempos y se supervisa de manera satelital el
desplazamiento de las unidades de tal manera que se garantiza la seguridad de los
usuarios, también a los choferes se les brindo una capacitación para mejorar el
servicio, por último el monto total de ventas del boletaje es repartido por igual a los
miembros de la alianza.
11
Pero aun con este nuevo esquema de trabajo los usuarios mencionan que siguen
existiendo problemáticas con el transporte urbano en la ciudad de Mazatlán. [9],[10][11].
LOCALIZACIÓN
Ángel Flóres s/n Colonia Centro Mazatlán Sinaloa México.
OBJETIVOS Y PRIORIDADES DE LA EMPRESA.
Reconocer y otorgar a cada uno de los integrantes de la comunidad lo que le
corresponde, respetando su dignidad y sus derechos; respetando la libertad de cada
hombre y cada mujer en su búsqueda por realizarse plenamente como ser humano.
MISIÓN DE LA EMPRESA
Administrar de manera eficiente y transparente los recursos del municipio que
permita la ejecución de obras y servicios óptimos mediante la integración de
esfuerzos entre sociedad y gobierno.
VISIÓN DE LA EMPRESA
Ser un municipio con alto espíritu de servicio, que se acerque a la gente para
atender sus necesidades con la prestación y la buena calidad y la buena gestión y
administración de los recursos necesarios para implementar acciones que mejoren
la calidad de vida de la población en el presente y generen oportunidades para el
desarrollo del municipio a futuro.
PRINCIPIOS Y VALORES
A continuación se mencionan los principios y valores fomentados dentro del H.
Ayuntamiento de Mazatlán
ORDEN SOCIAL
Procurar la armonía social velando por la seguridad y el bienestar de la comunidad,
protegiéndola en sus bienes y en el ejercicio de los derechos de cada uno de los
12
integrantes; persiguiendo y sancionando a quien altere la paz social o no se rija por
las normas de convivencia establecidas legalmente.
CONVIVENCIA
Estimular en la comunidad el establecimiento de relaciones de ayuda mutua entre
sus integrantes, para orientar esfuerzos, compartir ideas y aportar soluciones, más
allá de las instituciones y de los hombres, tratando de alcanzar el bien común.
HONESTIDAD
Actitud permanente de congruencia y rectitud entre las palabras y los hechos para
mantener la credibilidad y la confianza de los demás.
ESPÍRITU DE SERVICIO
Atender con amabilidad y sin distracciones a todos los ciudadanos, manteniendo una
política de puertas abiertas.
PROFESIONALISMO
Manejar de manera eficiente los recursos del Ayuntamiento, atendiendo con
prioridad las necesidades básicas de la población y desarrollar con eficacia las
responsabilidades adquiridas.
ORGANIGRAMA DE LA EMPRESA
Imagen 1. Organigrama de la Empresa
13
PROPUESTA DE INVESTIGACIÓN
En la ciudad de Mazatlán Sinaloa, siempre ha tenido el problema con las rutas del
transporte urbano. Que no tienen el conocimiento de la trayectoria de dicho
transporte. Donde se puede tomar, para que el usuario tenga menos tiempo perdido
a la hora de tomar un camión.
El H. Ayuntamiento de Mazatlán Sinaloa, ven que el funcionamiento de la aplicación
creada en Culiacán por la empresa Esoft del Pacifico que se llama ENRUTATE, creó
una versión para Mazatlán, pero no está terminada, siendo así, los usuarios tienen la
información de las rutas del transporte público limitado.
Se propone desarrollar una aplicación para mejorar el aprovechamiento del
transporte urbano en la ciudad de Mazatlán Sinaloa, creada por cuatro estudiantes
de la Universidad Politécnica de Sinaloa que actualmente cursan sus estadías en el
H. Ayuntamiento de Mazatlán que el Lic. Salvador Sánchez Enciso asigno.
OBJETIVOS GENERALES
Crear una aplicación la cual ayude a la comunidad de Mazatlán para el
aprovechamiento y reducción del tiempo a la hora de tomar el transporte urbano.
PARTICULARES
Crear una herramienta en donde permita conocer las diversas rutas de Mazatlán
Sinaloa, que la comunidad tenga información de las distintas rutas y localización de
los camiones.
PREGUNTAS DE INVESTIGACIÓN
¿Cuál sería la ayuda óptima para solucionar el problema de la búsqueda de rutas de
camiones urbanos en Mazatlán?
¿Cuáles serían los beneficios de tener una aplicación en donde te muestre todas las
rutas de camiones de Mazatlán?
¿En qué nivel se ven afectados los usuarios al no tener una aplicación que les ayude
a aprovechar al máximo los camiones urbanos de Mazatlán?
14
HIPÓTESIS
La aplicación de la tecnología puede mostrar un fuerte ayuda ante la resolución de
un problema que se presenta en los usuarios de camiones urbanos de la ciudad de
Mazatlán. Mediante la creación de la aplicación móvil para las rutas de camiones de
la ciudad de Mazatlán se permitirá tener un mayor aprovechamiento de las rutas, así
como una mejora en el uso del servicio de camiones urbanos y reducción del tiempo.
La aplicación móvil permitirá ver en tiempo real todas las rutas de camiones urbanos
y para las personas que no tengan un amplio conocimiento de la ciudad de Mazatlán
y que quieran visitar un lugar desconocido para ellos tengan una opción de cómo
llegar al destino que desean de la forma más sencilla y menor tiempo.
LIMITACIONES
Las limitaciones que se pueden presentar serian el tiempo asignado al desarrollo del
mismo y también se tiene planteado que cuando el usuario encienda el GPS de su
dispositivo móvil, la aplicación le diga que rutas son las más cercanas a él, pero
como es poco el tiempo de desarrollo, se enfocara solo en ver las rutas de la ciudad
de Mazatlán.
RELEVANCIA
Este proyecto ayudara a la ciudadanía de Mazatlán a usar de manera más adecuada
los camiones urbanos y evitar estar deteniendo camiones y para preguntar si pasan
por alguna colonia o calle, o evitar perderse en la ciudad.
Otra relevancia es la gran dependencia de la tecnología para la operación de la
aplicación, como los dispositivos móviles y el uso de internet para la visualización de
los mapas.
15
CAPÍTULO 2. MARCO REFERENCIAL Y MARCO TEORICO
En este capítulo se verán las diferentes tecnologías utilizadas, así como
contribuciones de desarrolladores anteriores.
PHONEGAP
Es un framework para el desarrollo de aplicaciones móviles producido por Nitobi, y
comprado posteriormente por Adobe Systems Principalmente, PhoneGap permite a
los programadores desarrollar aplicaciones para dispositivos móviles utilizando
herramientas genéricas tales como JavaScript, HTML5 y CSS3.
Las aplicaciones resultantes son híbridas, es decir que no son realmente
aplicaciones nativas al dispositivo (ya que se realiza mediante vistas web y no con
interfaces gráficas específicas de cada sistema), pero no se tratan tampoco de
aplicaciones web (teniendo en cuenta que son aplicaciones que son empaquetadas
para poder ser desplegadas en el dispositivo incluso trabajando con el API del
sistema nativo) [1].
CODEIGNITER
Codeigniter es un framework para el desarrollo de aplicaciones en php que utiliza
el MVC. Permite a los programadores Web mejorar la forma de trabajar y hacerlo a
mayor velocidad.
Al igual que cualquier framework está pensado para gente que tiene un dominio, del
lenguaje de programación PHP. Siempre hay que controlar PHP, para empezar a
trabajar de forma eficiente con este framework [2].
¿QUÉ ES MVC?
Es patrón llamado Modelo Vista Controlador, el cual es un estilo de programación en
el que la aplicación está dividida en 3 capas:
1-Modelo: es dónde se procesa y obtienen los datos, la conexión con la base de
datos.
2-Vista: presenta los datos en pantalla, es donde va el código HTML.
16
3-Controlador: es un intermediario entre el modelo y la vista, dicho de forma rápida
obtiene datos de un modelo, los procesa, y se los pasa a la vista.
PROGRAMACIÓN HIBRIDA
Proporciona un mecanismo por medio del cual se puede aprovechar las ventajas del
lenguaje ensamblador y los lenguajes de alto nivel, todo esto con el fin de escribir
programas más rápidos y eficientes.
En la programación de software, los sistemas híbridos inteligentes denotan a los
sistemas que emplean, en paralelo, una combinación de modelos de inteligencia
artificial, métodos y técnicas de éstos sub campos [6].
Contribuciones de investigadores anteriores
MOOVIT
Moovit está implementado en la ciudad de México, utiliza la información de los
usuarios para mejorar su experiencia en el transporte público. Con la idea de
informar sobre el tránsito y cómo desplazarse de un lugar a otro en transporte
público, nace Moovit, una aplicación para informar sobre recorridos y planificar
trayectos. Esta aplicación le permite al usuario planear sus viajes, recibir y compartir
información en tiempo real y navegar hacia su destino, según un comunicado de
Moovit.
VINDEN
Es un sistema de gestión de la información creado por Marytere Narváez e
implementado en Merida Yucatan, el cual tiene como objetivo optimizar el servicio de
camiones de Yucatán para que el usuario reduzca sus tiempos de espera, localice
las rutas, los paraderos y otros datos que puede consultar a través de una aplicación
que se descarga gratuitamente en el celular.
Vinden capta a través de un dispositivo colocado en el camión, la posición del
mismo, velocidad promedio de la unidad; cuenta con una base de datos de las rutas
y paraderos oficiales; esta información se ubica en la nube (hospedaje de la
aplicación), donde se procesan los datos, y todo se puede visualizar en la aplicación
17
móvil gratuita, las redes sociales y el sistema de monitoreo. Aporta además un mapa
interactivo.
Destacó que actualmente están desarrollando un estudio de las 238 rutas que
operan en Mérida, para conocer datos de su logística. Para este fin han consultado a
las concesionarias, sin embargo, no todas han accedido a brindar la información
para resolver esta carencia, el equipo complementa con una investigación en
campo, es decir usando el servicio de transporte público. [5].
ENRÚTATE
Una idea para la movilización de usuarios de transporte urbano ha sido el proyecto
Enrútate de María Georgina Patrón Camacho, quien ha implementado una
herramienta básica de información de las rutas de camiones en Culiacán por medio
de una app donde los usuarios pueden acceder y localizar trayectos, rutas, horarios
y paradas de los camiones urbanos.
Actualmente esta plataforma pone a disposición de los usuarios las 63 rutas de
transporte público que se tienen en la ciudad de Culiacán, facilita ubicaciones de los
destinos que se seleccionen y las opciones de rutas que se pudieran tomar para
llegar a lugar indicado, tiempo de trayecto y recomendaciones para usuarios.
Cabe señalar que este proyecto pretende llegar a más municipios del estado, por lo
que ya se avanza con la recopilación de la información de rutas en Mazatlán, ya que
gracias a la demanda de los ciudadanos se han alcanzado las 2 mil 60 descargas y
eso ha reflejado la necesidad de que los usuarios del transporte cuenten con la
información indispensable [4].
COMPARACIÓN CON LAS APLICACIONES YA EXISTENTES
La implementación de la aplicación, que estará dirigida a la ciudad de Mazatlán
Sinaloa, con la propuesta del H. Ayuntamiento. Será propiedad del estado.
La aplicación tendrá todas las rutas del transporte urbano de dicha ciudad. Con la
implementación del GPS del dispositivo móvil mostrara la ubicación actual en la que
se encuentra el usuario utilizando Google Maps y mostrara las paradas del
transporte, para que el usuario pueda trasladarse a las paradas registradas más
cercanas.
18
CAPÍTULO 3. METODOLOGIA
En este capítulo se explica acerca del material, sujetos y procedimientos utilizados
para la creación de la aplicación y el administrador así como una lista de tecnología
utilizada para el desarrollo.
SUJETOS
Debido a que se pretende crear una aplicación para tener el conocimiento de las
distintas rutas de camiones en la ciudad de Mazatlán Sinaloa, se visitó la empresa
alianza que se encarga del manejo de las rutas de los camiones para obtener
información y crear la aplicación. Además del apoyo de una aplicación ya existente
pero no completa llamada (ENRUTATE).
Rutas de camiones de Mazatlán
La siguiente imagen es un ejemplo de la información obtenida en la empresa Alianza
de Mazatlán.
La ruta Alarcón Sábalo que inicia en la Marina Mazatlán y termina en Los Magueyes
Imagen 2. Ruta de Ejemplo
19
A continuación se muestra una tabla con los nombres de las distintas rutas, donde
inician y donde terminan.
NOMBRE INICIA TREMINA
20 de noviembre Balcones de Loma Linda Huerta Grande
Alarcón Sábalo Marina Mazatlán Los Magueyes
Casa Hogar Mercado Municipal José
María Pino Suarez
Parque Industrial Alfredo
V. Bonfil
Centro Colonias Mercado Municipal José
María Pino Suarez
El Castillo
Cerritos Juárez Cerritos Urbi Villa del Real
Chololos Juárez Ayuntamiento de Mazatlán Icatsin
Cocos Alemán Terminal de
Transbordadores de
Mazatlán
Mazatlán International
Center
Cocos Juárez Mazatlán International
Center
Rafael Buelna
Colinas del Real Mercado Municipal José
María Pino Suarez
Colinas del real
Dorados Mazatlán International
Center
Mercado Municipal José
María Pino Suarez
El Castillo Ayuntamiento de Mazatlán El habalito del tubo
Federal 3 Mercado Municipal José
María Pino Suarez
Escuela Secundaria
Federal Genaro Estrada
Federal 5 Mercado Municipal José
María Pino Suarez
Rincón Mazatlán
Flores Magón Mercado Municipal José
María Pino Suarez
Rincón Mazatlán
Francisco Villa Mercado Municipal José
María Pino Suarez
Privanzas
Infiernillo Mercado Municipal José
María Pino Suarez
Alborada
Infonavit Conchi Ayuntamiento de Mazatlán Vistas del Mar
Insurgentes Secretaria de Hacienda y Urbi Villa del Real
20
Crédito Publico
Jabalíes Monumento a Pedro
Infante
Vistas del Sol
Jesús Osuna Ayuntamiento de Mazatlán Renato Vega Amador
Libramiento Mercado Municipal José
María Pino Suarez
Renato Vega
Lomas del Ébano
Central
Mercado Municipal José
María Pino Suarez
Universidad Politécnica
De Sinaloa
Lomas del Ébano
Juárez
Ayuntamiento de Mazatlán Rincón Mazatlán
Morelos Faro Mazatlán Rincón de Mazatlán
Nuevo Milenio Ayuntamiento de Mazatlán Puerta del Sol
Parque Bonfil Mercado Municipal José
María Pino Suarez
Parque Industrial Alfredo
V. Bonfil
Pradera Directo Mercado Municipal José
María Pino Suarez
Instituto Tecnológico de
Mazatlán Unidad II
San Joaquín
Sábalo
Marina Mazatlán Icatsin
Santa Fe Mercado Municipal José
María Pino Suarez
Santa Fe
Sirena Secretaria de Hacienda y
Crédito Público
El Castillo
San Joaquín
Juárez
Mercado Municipal José
María Pino Suarez
Instituto Tecnológico de
Mazatlán Unidad II
Toreo Playa Sur Faro Mazatlán Cerritos
Urías Sábalo Marina Mazatlán La sirena
Valle del Ejido San Francisco Coordinación General de
Extensión de la Cultura
Unidad Regional Sur
Venadillo
Ayuntamiento de Mazatlán El Chillo
Vía Zaragoza Cerro del Vigía Las mañanitas
Villa Galaxia Secretaria de Hacienda y Instituto Tecnológico de
21
Crédito Publico Mazatlán Unidad II
Zapata Juárez Mercado Municipal José
María Pino Suarez
Lucio Valverde
Tabla 1 Rutas de Mazatlán
Si se desea obtener más información acerca de las rutas así como imágenes puede
revisar el anexo.
INGENIERÍA Y ANÁLISIS DEL SISTEMA
Debido a que el software es siempre parte de un sistema mayor el trabajo comienza
estableciendo los requisitos de todos los elementos del sistema y luego asignando
algún subconjunto de estos requisitos al software.
ANÁLISIS DE LOS REQUISITOS DEL SOFTWARE
El proceso de recopilación de los requisitos se centra e intensifica especialmente en
el software. El ingeniero de software (Analistas) debe comprender el ámbito de la
información del software, así como la función, el rendimiento y las interfaces
requerida. De esta fase surge una memoria llamada SRD (documento de
especificación de requisitos), que contiene la especificación completa de lo que debe
hacer el sistema sin entrar en detalles internos.
Es importante señalar que en esta etapa se debe consensuar todo lo que se
requiere del sistema y será aquello lo que seguirá en las siguientes etapas, no
pudiéndose requerir nuevos resultados a mitad del proceso de elaboración del
software de una manera.
DISEÑO
En la realización del proyecto se formaron dos equipos de trabajo, uno encargado de
la aplicación del usuario común y otro equipo encargado de la parte administrativa
del sistema.
La guía que se siguió para poder realizar el diseño de la página administrador fue
llevada a cabo con el framework bootstrap de css, con el uso de bootstrap se redujo
22
el tiempo en la parte del maquetado de la página, este framework usa clases ya
predefinidas que le dan un mejor aspecto en la parte del diseño a la página, también
se agregaron clases propias para complementarla y mejorarla para mejor
conformidad para el usuario.
También con el uso de este framework se logró que la página sea responsiva para
que se visualice en distintos dispositivos y se adaptarse a éste.
El framework de bootstrap tiene los siguientes colores predefinidos que se muestra
en la siguiente imagen, además de que se pueden agregar colores propios con el
uso de las clases.
Imagen 3 Paleta de Colores
El diseño del software se enfoca en cuatro atributos distintos del programa: la
estructura de los datos, la arquitectura del software, el detalle procedimental y la
caracterización de la interfaz. El proceso de diseño traduce los requisitos en una
representación del software con la calidad requerida antes de que comience la
codificación.
Como resultado surge el SDD (Documento de Diseño del Software), que contiene la
descripción de la estructura relacional global del sistema y la especificación de lo
que debe hacer cada una de sus partes, así como la manera en que se combinan
unas con otras.
Es conveniente distinguir entre diseño de alto nivel o arquitectónico y diseño
detallado. El primero de ellos tiene como objetivo definir la estructura de la solución
(una vez que la fase de análisis ha descrito el problema) identificando grandes
23
módulos (conjuntos de funciones que van a estar asociadas) y sus relaciones. Con
ello se define la arquitectura de la solución elegida. El segundo define los algoritmos
empleados y la organización del código para comenzar la implementación.
Codificación:
El diseño debe traducirse en una forma legible para la máquina. El paso de
codificación realiza esta tarea. Si el diseño se realiza de una manera detallada la
codificación puede realizarse mecánicamente.
Prueba:
Una vez que se ha generado el código comienza la prueba del programa. La prueba
se centra en la lógica interna del software, y en las funciones externas, realizando
pruebas que aseguren que la entrada definida produce los resultados que realmente
se requieren.
Verificación:
Es la fase en donde el usuario final ejecuta el sistema, para ello el o los
programadores ya realizaron exhaustivas pruebas para comprobar que el sistema no
falle.
Mantenimiento:
El software sufrirá cambios después de que se entrega al cliente. Los cambios
ocurrirán debido a que se hayan encontrado errores, a que el software deba
adaptarse a cambios del entorno externo (sistema operativo o dispositivos
periféricos), o debido a que el cliente requiera ampliaciones funcionales o de
rendimiento.
Una de las etapas más críticas, ya que se destina un 75 % de los recursos, es el
mantenimiento del software ya que al utilizarlo como usuario final puede ser que no
cumpla con todas las expectativas.
Herramientas que se utilizan para cada fase:
Análisis de requisitos del personal administrativo, desde el jefe hasta la
persona de menor rango.
Diseño del sistema. Arquitectura pura de donde se va a trabajar teniendo
dependencia a su vez del hardware.
Diseño del Programa. Todo el hardware y el software que se usara para el
desarrollo del sistema
24
Codificación. De igual manera el hardware y el software para desarrollar el
programa.
Pruebas. Personal capacitado para realizar las acciones del sistema.
Verificación. Personal capacitado para verificar que todo esté en orden.
Mantenimiento. Desarrolladores para la actualización y estabilidad del
sistema.
Existen variantes de este modelo; especialmente se destaca que hace uso de
prototipos y en la que se establece un ciclo antes de llegar a la fase de
mantenimiento, verificando que el sistema final esté libre de fallos.
Otros ejemplos de variantes del modelo en cascada son el modelo en cascada con
fases solapadas, cascada con sub-proyectos y cascada con reducción de riesgos.
Ventajas
Se tiene todo bien organizado y no se mezclan las fases
Ayuda a localizar errores en las primeras etapas del proyecto a un bajo costo
Ayuda a minimizar los gastos de la planificación.
Realiza un buen funcionamiento en equipos débiles y productos maduros, por
lo que se requiere de menos capital y herramientas para hacerlo funcionar de
manera óptima.
Es un modelo fácil de implementar y entender.
Está orientado a documentos.
Es un modelo conocido y utilizado con frecuencia.
Promueve una metodología de trabajo efectiva: Definir antes que diseñar,
diseñar antes que codificar
Desventajas
Gran dependencia en los requerimientos iníciales
Difícilmente un cliente va a establecer al principio todos los requerimientos
necesarios, por lo que provoca un gran atraso trabajando en este modelo, ya
que este es muy restrictivo y no permite movilizarse entre fases.
El modelo genera pocos signos visibles de progreso hasta el final. Esto puede
dar la impresión de un desarrollo lento, existe la incertidumbre de los clientes
si sus proyectos serán entregados a tiempo.
Inicio de la codificación muy tarde en el ciclo de vida del proyecto.
25
En la vida real, un proyecto rara vez sigue una secuencia lineal, esto crea una
mala implementación del modelo, lo cual hace que lo lleve al fracaso.
El proceso de creación del software tarda mucho tiempo ya que debe pasar
por el proceso de prueba hasta que el software esté completo, de lo contrario
no se opera. Esto es la base para que funcione bien.
Cualquier error de diseño detectado en la etapa de prueba conduce
necesariamente al rediseño y nueva programación del código afectado,
aumentando los costos del desarrollo.
La aplicación de la metodología en cascada se orienta mejor al desarrollo de
proyectos de corto plazo, de poca innovación y proyectos definitivos y detallados.
Para comenzar la aplicación de la metodología en cascada se necesita tener el
análisis de los requerimientos bien definidos, el resultado del desarrollo dependerá
de que estos requerimientos sean los adecuados para satisfacer la necesidad del
proyecto. Se caracteriza por cumplir un orden secuencial en el desarrollo de sus
tareas esto implica retardar el avance del proyecto ya que cada etapa inicia cuando
haya finalizado la anterior siempre y cuando se haya realizado la evaluación
respectiva y resuelto los errores en caso de que los hubiera tenido. Los resultados
del proyecto solo se pueden conocer a partir de que se llegue a la aplicación, hasta
entonces el cliente deberá tener paciencia para esperar los resultados.
MVC
Es el acrónimo de Modelo Vista Controlador, que es un patrón para el desarrollo de
software que separa la lógica de control, la interfaz del usuario y los datos del
sistema. En este tipo de arquitectura del software existe un sistema central que
controla las entradas y salidas del sistema, un modelo que se encarga de buscar los
datos e información que sea necesaria y una interfaz gráfica que muestran lo que al
final va a ver un usuario.
El MVC es muy usado en el desarrollo Web porque a diferencia de la creación de
programas locales donde se usa por lo general un mismo lenguaje para desarrollar
toda un aplicación en el desarrollo Web se requiere por lo menos usar dos
lenguajes(HTML y PHP) para crear una página simple, y todo esto en una sola
página aunado a las consultas en la base de datos que son imprescindibles pues
26
crean hasta páginas de 300 líneas que después para depurar, mejorar o saber
dónde hay un error es un poco difícil [3].
A continuación una explicación un poco más detallada del modelo vista controlador.
La capa del modelo
El modelo representa la parte de la aplicación que implementa la lógica del negocio.
Esto significa que es responsable de la recuperación de datos convirtiéndolos en
conceptos significativos para la aplicación, así como su procesamiento, validación,
asociación y cualquier otra tarea relativa a la manipulación de dichos datos.
A primera vista los objetos del modelo pueden ser considerados como la primera
capa de la interacción con cualquier base de datos que podría estar utilizando la
aplicación. Pero en general representan los principales conceptos en torno a los
cuales se desea implementar un programa.
Para el caso de este proyecto de investigación, la capa de modelo se haría cargo de
tareas tales como: guardar el nombre de la ruta, el almacenamiento de las
coordenadas de cada punto que se recorre en toda la ruta, así como la consulta de
los datos.
La capa de la vista.
La vista hace una presentación de los datos del modelo estando separada de los
objetos del modelo. Es responsable del uso de la información de la cual dispone
para producir cualquier interfaz de presentación de cualquier petición que se
presente.
Por ejemplo, como la capa de modelo devuelve un conjunto de datos, la vista los
usaría para hacer una página HTML que los contenga. O un resultado con formato
XML para que otras aplicaciones puedan consumir.
La capa de la vista no se limita únicamente a HTML o texto que represente los
datos, sino que puede ser utilizada para ofrecer una amplia variedad de formatos en
función de sus necesidades tales como videos, música, documentos y cualquier otro
formato que se pueda imaginar.
La capa del controlador
La capa del controlador gestiona las peticiones de los usuarios. Es responsable de
responder la información solicitada con la ayuda tanto del modelo como de la vista.
Los controladores pueden ser vistos como administradores cuidando de que todos
los recursos necesarios para completar una tarea se deleguen a los trabajadores
27
más adecuados. Espera peticiones de los clientes, comprueba su validez de
acuerdo a las normas de autenticación o autorización, delega la búsqueda de datos
al modelo y selecciona el tipo de respuesta más adecuado según las preferencias
del cliente. Finalmente delega este proceso de presentación a la capa de la vista.
A continuación se explica cómo es que funciona el esquema de MVC, esto se
explicara con un ejemplo.
Imagen 4. MVC
El usuario solicita una acción al servidor.
El servidor atiende la petición y manda a llamar al controlador.
El controlador llama al modelo necesario. El modelo atiende la petición y
realiza las operaciones de datos correspondientes. El modelo regresa el
resultado.
El controlador llama a la vista, enviándole los datos procesados del modelo.
La vista presenta los datos.
El controlador devuelve la vista al servidor.
El servidor presenta el resultado al cliente.
28
Ventajas
La implementación se realiza de forma modular.
Sus vistas muestran información actualizada siempre. El programador no
debe preocuparse de solicitar que las vistas se actualicen, ya que este
proceso es realizado automáticamente por el modelo de la aplicación.
Cualquier modificación que afecte al dominio, como aumentar métodos o
datos contenidos, implica una modificación sólo en el modelo y las interfaces
del mismo con las vistas, no todo el mecanismo de comunicación y de
actualización entre modelos.
Las modificaciones a las vistas no afectan al modelo de dominio, simplemente
se modifica la representación de la información, no su tratamiento.
MVC está demostrando ser un patrón de diseño bien elaborado pues las
aplicaciones que lo implementan presentan una extensibilidad y una
mantenibilidad únicas comparadas con otras aplicaciones basadas en otros
patrones.
Desventajas
Para desarrollar una aplicación bajo el patrón de diseño MVC es necesario
una mayor dedicación en los tiempos iniciales del desarrollo. Normalmente el
patrón exige al programador desarrollar un mayor número de clases que en
otros entornos de desarrollo, no son necesarias. Sin embargo, esta
desventaja es muy relativa ya que posteriormente, en la etapa de
mantenimiento de la aplicación, una aplicación MVC es más mantenible,
extensible y modificable que una aplicación que no lo implementa.
MVC requiere la existencia de una arquitectura inicial sobre la que se deben
construir clases e interfaces para modificar y comunicar los módulos de una
aplicación. Esta arquitectura inicial debe incluir, por lo menos, un mecanismo
de eventos para poder proporcionar las notificaciones que genera el modelo
de aplicación; una clase Modelo, otra clase Vista y una clase Controlador
genéricas que realicen todas las tareas de comunicación, notificación y
actualización que serán luego transparentes para el desarrollo de la
aplicación.
29
MVC es un patrón de diseño orientado a objetos por lo que su
implementación es sumamente costosa y difícil en lenguajes que no siguen
este paradigma.
Esta arquitectura de software es con la que trabaja Codeigniter ya que el sistema
funciona de manera más rápida debido a que todo está separado en diferentes
archivos. Por lo que solamente se hacen referencias a las funciones a las que se
están utilizando, las cuales darán respuesta de manera casi inmediata.
DESARROLLO CON EL MÉTODO DE CASCADA
La metodología utilizada para el desarrollo del sistema es el método de cascada. El
cual, es el enfoque metodológico que ordena rigurosamente las etapas del proceso
para el desarrollo de software, esto quiere decir que no se puede comenzar con una
nueva actividad o proceso sin que la actividad o proceso anterior finalice. El modelo
puede ser considerado como una cascada con varios saltos, en la que cada salto
representa cada una de las etapas de las fases del ciclo de vida. En este modelo el
desarrollo del software se divide en 5 etapas principales, las cuales pueden ser
representadas en la siguiente figura. [8].
30
Imagen 5. Modelo de Cascada
Como se puede observar en la imagen 5 el método de cascada divide el desarrollo
del sistema en cinco etapas principales.
1. La primera de estas etapas es la de análisis de requerimientos, en esta etapa se
analizan las necesidades de los usuarios finales del sistema para determinar qué
objetivos debe de cubrir.
2. La segunda etapa es la de diseño, es la fase en donde se realizan los algoritmos
necesarios para el cumplimiento de los requerimientos del usuario así como también
los análisis necesarios para saber que herramientas usar en la etapa de
Codificación, en cuanto al diseño del sistema o de las ventas de este pasa por un
proceso en el cual se investiga cuáles son los colores que mejor se verían en el sin
ser cansados para el usuario de ver durante mucho tiempo.
3. La tercera etapa es la de implementación (programación). Es la fase en donde se
implementa el código fuente, haciendo uso de prototipos así como de pruebas y
ensayos para corregir errores. Dependiendo del lenguaje de programación y su
versión se crean las bibliotecas y componentes reutilizables dentro del mismo
proyecto para hacer que la programación sea un proceso mucho más rápido.
4: La cuarta etapa es la etapa de prueba, en esta etapa se realizan diferentes
pruebas en busca de errores que puedan surgir y no solo eso sino que también se
prueba la aplicación en cuanto al tiempo que paso desde que realizas una acción
31
hasta el tiempo en el que te devuelve el resultado esto para qué los programadores
puedan optimizar el sistema para poder reducir este tiempo lo más Posible.
5: La quinta y última etapa es la de mantenimiento. Una de las etapas más críticas,
ya que se destina un 75% de los recursos, es el mantenimiento del Software ya que
al utilizarlo como usuario final puede ser que no cumpla con todas nuestras
expectativas.
Ventajas
1. Modelo y planificación fácil y sencilla.
2. Sus fases son conocidas por los desarrolladores.
3. Los usuarios lo pueden comprender fácilmente.
Desventajas
1. En la vida real, un proyecto rara vez sigue una secuencia lineal, esto crea una
mala implementación del modelo, lo cual hace que lo lleve al fracaso.
2. El proceso de creación del software tarda mucho tiempo ya que debe pasar por el
proceso de prueba y hasta que el software no esté completo no se opera. Esto es la
base para que funcione bien.
3. Cualquier error de diseño detectado en la etapa de prueba conduce
necesariamente al rediseño y nueva programación del código afectado, aumentando
los costos del desarrollo.
A continuación se muestra una lista de las tecnologías utilizadas para desarrollar la
aplicación y el sistema de administración que fueron utilizadas.
1. Codeigniter, este fue utilizado como el ambiente de desarrollo para el sistema de
administración.
2. Sublime Text 3, este editor de texto fue el que se utilizó para codificar.
3. MySQL, es la base de datos con la cual se trabajó durante el desarrollo.
4. XAMPP, este programa se utilizó para instalar los siguientes servicios a la
computadora asignada, apache, PHP y MySQL.
5. PhoneGap, este programa fue utilizado para hacer la aplicación hibrida de HTML
a Android.
32
PROCEDIMIENTO
En la siguiente explicación se habla acerca del trabajo realizado en el administrador.
Para desarrollar la parte administrativa del sistema se realizaron los siguientes
puntos:
1: Análisis de los requerimientos
En este punto se deciden los nombres de los campos a utilizar, también se acuerda
la visita a las distintas empresas encargadas de la administración de los camiones
de Mazatlán. Para la obtención de información se visitó la empresa Alianza de
Mazatlán la cual brindo muy poca información, como es el nombre de la ruta y unas
cuantas fotos de esta, también se hizo uso de una aplicación llamada ENRUTATE
aunque estaba incompleta.
2: Diseño de los módulos para la solución
En este punto se empezó con la realización la interface para el inicio de sesión con
el uso de CodeIgniter y Bootstrap para lograr un buen aspecto.
Imagen 6. Login
Los campos requeridos como se pueden observar en la imagen 6 son el Usuario y
Contraseña así como un botón para entrar.
33
Lo siguiente fue validar que el usuario existiera en la base de datos y validar los
campos vacíos como se muestra en las imágenes 7 y 8 estas validaciones se
realizaron mediante el uso de las librerías que existen en CodeIgniter.
Imagen 7. Validación
Imagen 8. Validación 2
Después de terminar con las validaciones se empezó con la realización de los
controladores, modelos y vistas que se requerían para el administrador. Esto hasta
que el administrador pudiera guardar, editar y borrar sin ningún error.
Imagen 9. Agregar Ruta
34
Como se ve en la imagen 9 existen dos campos para guardar una nueva ruta, el
primero es el nombre de la ruta y el segundo son las coordenadas de la ruta.
Después de finalizar con lo de agregar una nueva ruta se pasó a agregar todo lo
relacionado con la API de google map, para insertar un mapa, trazar una poli línea y
codificar las coordenadas, para después guardarlas, mostrar mapas con la ruta
trazada gracias a la poli línea con información extraída de la base de datos como se
muestra en la imagen 10 y 11.
Imagen 10. Insertar Mapa
Imagen 11. Poli Línea
35
Al finalizar de agregar todo lo relacionado con la API de google map se empezó con
la agregación de todas las rutas de la ciudad de Mazatlán, Sinaloa a la base de
datos como se muestra en la imagen 12, esta parte no fue difícil pero consumió
mucho tiempo al momento de trazarlas.
Imagen 12. Almacenamiento de Rutas
Al finalizar se entregó el trabajo realizado en el administrador a los asesores para
que lo subieran a un servidor y estuviera funcionando en el internet.
3: Diseño de la base de datos
Para el diseño de la base de datos mediante una junta se determinó los campos a
utilizar.
Algunos de los datos son:
Para el usuario:
Usuario
Contraseña
Para las Rutas:
Id
Nombre
Coordenadas
36
CAPÍTULO 4. RESULTADOS
En este capítulo se habla acerca de los resultados obtenidos a lo largo del desarrollo
del proyecto y el cumplimiento de los objetivos señalados por el líder de proyecto al
comienzo de este.
ANÁLISIS DE DATOS
Los resultados que se obtuvieron fueron positivos ya que la aplicación fue finalizada,
cumpliendo con todos y cada uno de los objetivos puestos por el líder de proyecto.
La aplicación y el administrador funcionan como se esperaba, se hicieron pruebas
para detectar cualquier error, este se concluyó exitosamente.
Si bien en algún punto del proceso se pensó que no se terminaría a falta de tiempo
el proyecto finalizo correctamente a excepción de la parte que se quería agregar
acerca de la geolocalización por falta de tiempo, pero los objetivos planteados
principalmente se cumplieron de forma positiva.
37
CAPÍTULO 5. DISCUSIÓN
En cuanto a la conclusión, se puede decir que se cumplió con el trabajo que
realizado en la empresa H. Ayuntamiento de Mazatlán Sinaloa, el administrador y la
aplicación funcionan correctamente pero al igual que con otras aplicaciones se
necesita mantenimiento para que la aplicación mejore con el tiempo.
El trabajar en este proyecto fue un gran reto, el realizar una aplicación hibrida con el
uso de tecnología nueva para nosotros como (Phonegap, CodeIgniter, Bootstrap),
pero es gratificante ya que este trabajo ayudara a las personas de Mazatlán a
mejorar el aprovechamiento del transporte urbano, el que se ahorren tiempo en
algunas actividades así como conocer las rutas, complace el trabajo realizado como
equipo.
Existen varias cosas por agregar a este proyecto para poder mejorarlo como es la
geolocalización, también unas rutas que no se encontró información sobre ellas.
RECOMENDACIONES Y SUGERENCIAS
Las recomendaciones y sugerencias son que este proyecto pueda seguir adelante
mejorando y agregando nuevas funcionalidades para su usabilidad, así como
agregar nuevas rutas de la ciudad para que los habitantes de Mazatlán puedan
contar con una excelente herramienta de uso diario que les permitiera tener este tipo
de información a su disposición de forma fácil y segura.
38
REFERENCIAS BIBLIOGRÁFICAS
[1] https://es.wikipedia.org/wiki/PhoneGap
[2] https://en.wikipedia.org/wiki/CodeIgniter
[3] https://es.wikipedia.org/wiki/Modelo%E2%80%93vista%E2%80%93controlador
[4] http://www.conacytprensa.mx/index.php/tecnologia/transportes/9366-enrutate-
una-app-para-optimizar-la-movilidad-urbana
[5] http://conacytprensa.mx/index.php/tecnologia/transportes/7471-vinden-
plataforma-integral-de-transporte-publico-reportaje
[6] https://es.wikipedia.org/wiki/Sistemas_h%C3%ADbridos_inteligentes
[7] http://metodologiaencascada.blogspot.mx
[8] https://es.wikipedia.org/wiki/Desarrollo_en_cascada#cite_note-1
[9] Plantea Codesin soluciones al problema del transporte público _ EL DEBATE
[10] Choferes de urbanos reprobados en el servicio _ EL DEBATE
[11] Problemas en Transporte urbano _ Lo relevante _ Noticias _ Cd. Obregón _ TV
Pacífico
39
APENDICES Y/O ANEXOS
1. La ruta 20 de noviembre inicia en Balcones de Loma Linda y termina en
Huerta Grande.
Tabla 1 Rutas de Mazatlán
2. La ruta Alarcón Sábalo inicia en la Marina Mazatlán y termina en Los Magueyes.
40
3. La ruta Casa Hogar inicia en el Mercado Municipal José María Pino
Suarez y termina en el Parque Industrial Alfredo V. Bonfil.
4. La ruta Centro Colonias inicia en el Mercado Municipal José María Pino Suarez y
termina en el Castillo.
41
5. La ruta Cerritos Juárez inicia en los Cerritos y termina en Urbi Villa del
Real.
6. La ruta Chololos Juárez inicia en el Ayuntamiento de Mazatlán y termina en el
Icatsin.
42
7. La ruta Cocos Alemán inicia en la Terminal de Transbordadores de Mazatlán y
termina en Mazatlán International Center.
8. La ruta Cocos Juárez inicia en Mazatlán International Center y termina en la
Rafael Buelna.
43
9. La ruta Colinas del Real inicia en el Mercado Municipal José María Pino Suarez y
termina en Colinas del real.
10. La ruta Dorados inicia en Mazatlán International Center y termina en el Mercado
Municipal José María Pino Suarez.
44
11. La ruta El Castillo inicia en el Ayuntamiento de Mazatlán y termina en el habalito
del tubo.
12. La ruta Federal 3 inicia en el Mercado Municipal José María Pino Suarez y
termina en la Escuela Secundaria Federal Genaro Estrada.
45
13. La ruta Federal 5 inicia en el Mercado Municipal José María Pino Suarez y
termina en el Rincón Mazatlán.
14. La ruta Flores Magón inicia en el Mercado Municipal José María Pino Suarez y
termina en el Rincón Mazatlán.
46
15. La ruta Francisco Villa inicia en el Mercado Municipal José María Pino Suarez y
termina en Privanzas.
16. La ruta Infiernillo inicia en el Mercado Municipal José María Pino Suarez y
termina en Alborada.
17.
18. La ruta Infonavit Conchi inicia en el Ayuntamiento de Mazatlán y termina en
Vistas del Mar.
47
19. La ruta Insurgentes inicia en la Secretaria de Hacienda y Crédito Público y
termina en la Urbi Villa del Real.
20. La ruta Jabalíes inicia en el Monumento a Pedro Infante y termina en Vistas del
Sol.
48
21. La ruta Jesús Osuna inicia en el Ayuntamiento de Mazatlán y termina en el
Renato Vega Amador.
22. La ruta Libramiento inicia en el Mercado Municipal José María Pino Suarez y
termina en el Renato Vega.
49
23. La ruta Lomas del Ébano Central inicia en el Mercado Municipal José María Pino
Suarez y termina en la Universidad Politécnica De Sinaloa.
24. La Ruta Lomas del Ébano Juárez inicia en el Ayuntamiento de Mazatlán y
termina en el Rincón Mazatlán.
50
25. La ruta Morelos inicia en el Faro Mazatlán y termina en el Rincón de Mazatlán.
26. La ruta Nuevo Milenio inicia en el Ayuntamiento de Mazatlán y termina en la
Puerta del Sol.
51
27. La ruta Parque Bonfil inicia en el Mercado Municipal José María Pino Suarez y
termina en el Parque Industrial Alfredo V. Bonfil.
28. La Ruta Pradera Directo inicia en el Mercado Municipal José María Pino Suarez y
termina en el Instituto Tecnológico de Mazatlán Unidad II.
52
29. La ruta San Joaquín Sábalo inicia en la Marina Mazatlán y termina en el Icatsin.
30. La ruta Santa Fe inicia en el Mercado Municipal José María Pino Suarez y
termina en Santa Fe.
53
31. La ruta Sirena inicia en la Secretaria de Hacienda y Crédito Público y termina en
El Castillo.
32. La ruta San Joaquín Juárez inicia en el Mercado Municipal José María Pino
Suarez y termina en el Instituto Tecnológico de Mazatlán Unidad II.
54
33. La ruta Toreo Playa Sur inicia en el faro
Faro Mazatlán y termina en Cerritos.
34. La ruta Urías Sábalo inicia en la Marina Mazatlán y termina en La sirena.
55
35. La ruta Valle del Ejido inicia en San Francisco y termina en la Coordinación
General de Extensión de la Cultura Unidad Regional Sur.
36. La ruta Venadillo inicia en el Ayuntamiento de Mazatlán y termina en El Chillo.
56
37. La ruta Vía Zaragoza inicia en el
Cerro del Vigía y termina en Las mañanitas.
38. La ruta Villa Galaxia inicia en la Secretaria de Hacienda y Crédito Público y
termina en el Instituto Tecnológico de Mazatlán Unidad II.
57
39. La ruta Zapata Juárez inicia en el Mercado Municipal José María Pino Suarez y
termina en Lucio Valverde.
