Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Proyecto Listo
Proyecto Listo
Trabajo de grado
____________________________
____________________________
____________________________
____________________________
____________________________
____________________________
____________________________
____________________________
Firma del jurado 1
____________________________
Firma del jurado 2
Ibagué 25/10/2019
3
DEDICATORIA
Por último, mi reconocimiento al ingeniero Juan Pablo Leiva por sus consejos y
recomendaciones, excelente profesional y persona que con su gran conocimiento,
experiencia y colaboración se logró la realización de este trabajo de grado.
4
AGRADECIMIENTOS
En primer lugar, agradezco a dios y a mis padres ya que sin ellos nunca hubiera
sido posible, sin el amparo incondicional que me otorgaron el cariño que me
inspiraron que estuvieron en mis buenos y mis malos momentos, que a pesar de
todo están a mi lado para saber cómo iba mi proceso. Mis palabras nunca serán
suficientes para testimoniar mi aprecio y mi agradecimiento.
También doy gracias a mi director de trabajo de grado por haberme confiado este
trabajo, por su paciencia, por su valiosa dirección y apoyo para seguir este camino
del proyecto y llegar a la conclusión del mismo. Cuya experiencia y educación han
sido mi fuente de motivación y de curiosidad por estos años.
A todos mis familiares, amigos, y a mi novio estén donde estén, gracias por
acompañarme en este camino.
Tabla de contenido
5
RESUMEN.......................................................................................................14
INTRODUCCIÓN.....................................................................................................15
1.DESCRIPCIÓN DEL PROBLEMA........................................................................16
2. JUSTIFICACIÓN..................................................................................................17
3. OBJETIVOS.........................................................................................................18
3.1. OBJETIVO GENERAL.............................................................................18
3.2. OBJETIVOS ESPECÍFICOS....................................................................18
4. MARCO TEÓRICO..............................................................................................19
4.6 ¿Qué patrón usa Angular?.........................................................................19
5. METODOLOGÍA..................................................................................................22
5.1 Metodo o estructura de la unidad de analisis.....................................22
6. RESULTADOS.....................................................................................................23
7. CONCLUSIONES................................................................................................24
8. RECOMENDACIONES........................................................................................25
BIBLIOGRAFÍA........................................................................................................26
LISTA DE IMÁGENES
6
Ilustración 1
Página de inicio
Ilustración 2
Interfaz de pico y placa
7
Fuente: Autoría propia
Ilustración 4
Mapa general ciudad de Ibagué
Ilustración 5
Mapa de puntos o zonas afectadas
8
Fuente: Autoría propia
Ilustración 6
Base de datos-Consulta Cliente
9
Fuente: Autoría propia
Ilustración 8
Descripción de la tabla del cliente
10
LISTA DE FOTOGRAFÍAS
Ilustración 9
Maya vial en la vía el salado Ibagué
Ilustración 10
Maya vial Bosque largo Ibagué
11
Ilustración 11
Maya vial en el barrio la pola en Ibagué
12
Ilustración 13
Maya vial en la calle 42 en Ibagué
13
RESUMEN
Los dispositivos móviles constituyen cada vez más una realidad que se ofrece al
usuario, en un mismo y reducido aparato que realiza funciones de comunicación y
procesamiento de datos que van mucho más allá de las simples llamadas
telefónicas o la ejecución de aplicaciones básicas como la que estamos realizando
en este proyecto.
14
INTRODUCCIÓN
15
1. DESCRIPCIÓN DEL PROBLEMA.
Subsistema de:
- Transporte
- Movilidad
- Regulación y Control
- Peatonal
- Lugares de servios
- Sistema de ubicación geográfica
- Recolección de datos por los usuarios para el control del pico y placa
- Intermedia
- Local
- Red de ciclo rutas y corredores de movilidad local
- Malla vial rural
16
2. JUSTIFICACIÓN.
Hay un punto de partida donde los estudios, los índices, los resultados y la
evolución acerca del proyecto de grado va a hacer ejemplar y de buen aporte para
nuestros usuarios para poder desarrollar cada actividad que se va a presentar en
nuestra aplicación.
Por lo tanto, nosotros tomamos la iniciativa del desarrollo de esta aplicación ROAD
MESH ya que es muy importante y relevante investigar y recolectar información
acerca de los proyectos y medidas que se están tomando actualmente en la
ciudad de Ibagué.
17
3. OBJETIVOS.
Diseñar y desarrollar una APP tipo web Móvil con el programa IONIC, que permita
registrar, consultar y monitorear las órdenes de servicio de los productos
ingresados por los clientes para la aplicación ROAD MESH IN COLOMBIA.
18
4. MARCO TEÓRICO
4.1 Ionic
Ionic es un popular framework de aplicaciones híbridas para construir aplicaciones
móviles usando tecnologías web tales como CSS, HTML5 y JavaScript con la
diferencia de que no se desarrolla aplicaciones nativas, en su lugar tenemos una
aplicación que se ejecuta dentro de un webview (Cáceres, C.A. 2015).
Ionic es una herramienta hibrida que es pionera en desarrollos móviles y web, a
pesar de no ser un framework nativo, tiene la capacidad de lograr grandes
proyectos ya que trabaja con una arquitectura evolutiva.
4.2 Ionic Ofrece
- Mediante su extensión Córdova se puede wrapear cualquier web
19
4.7 Aplicaciones Móviles
Los servicios móviles representan las capacidades de comunicación que los
operadores ponen a disposición de los clientes “Usuarios”. Estas capacidades
están completamente definidas a través de protocolos y funciones estandarizadas,
al menos en su forma de uso (Mantilla, M. C. G., Ariza, L. L. C., & Delgado, B. M.
(2014)).
En la actualidad, la mayoría de los servicios móviles están desarrollados en:
HTML5, WAP, Java 2 Micro Edición (J2ME), C#, Silverlight, Angular Js, Ionic,
.NET, entre otros. También, en aplicaciones nativas para los Sistemas Operativos
de los móviles (S.O. del móvil), como: Android, Symbian, iOS y MeeGo (Mantilla,
M. C. G., Ariza, L. L. C., & Delgado, B. M. (2014)).
El mundo esta inmerso en la tecnología, actualmente los implementadores de
servicios como la nueva fuerza de negocios en las redes de próxima generación
en las tiendas de aplicaciones como app store y play store se encuentran en el
Rankin de las herramientas más importantes en este negocio , allí radica la
importancia de unificar metodologías y entornos para el desarrollo de servicios,
que faciliten la creación de estos con alto nivel de calidad, obteniendo gran éxito
en el desarrollo de manera atractiva, eficaz, cumpliendo a cabalidad con lo que el
mercado exige a diario.
4.11 Malla vial local: Está conformada por los tramos viales cuya principal función
es la de permitir la accesibilidad a las unidades de vivienda.
4.12 Malla vial rural: Vías que comunican los asentamientos humanos entre sí,
entre veredas, con la ciudad y la región. En el territorio rural, se definen tres tipos
de vías: Principales, Secundarias y corredores de movilidad local rural (CMLR).
4.13 Malla vial arterial principal: Es la red de vías de mayor jerarquía, que actúa
como soporte de la movilidad y la accesibilidad urbana y regional y de conexión
con el resto del país.
4.14 Malla arterial complementaria: Es la red de vías que articula
operacionalmente los subsistemas de la malla arterial principal, facilita la movilidad
de mediana y larga distancia como elemento articulador a escala urbana.
4.15 Malla vial intermedia: Está constituida por una serie de tramos viales que
permean la retícula que conforma las mallas arterial principal y complementaria,
sirviendo como alternativa de circulación a éstas. Permite el acceso y la fluidez de
la ciudad a escala zonal.
20
Vial, con el fin de incrementar la capacidad vehicular, disminuir los tiempos de
viaje y reducir la accidentalidad, la congestión vehicular y el costo de operación de
los vehículos.
4.18 FORK: Permite crear una nueva aplicación partiendo del código actual. De
hecho, cada vez que compartamos un proyecto, lo primero que hay que hacer el
FORK para generar una nueva aplicación y modificarla. El resultado se puede
salvar para poder acceder al código luego. Para poder ver el trabajo realizado
sencillamente se copia el URL.
4.19 PREVIEW: Muestra el resultado del trabajo en una ventana independiente.
4.20 NEW: Crea un nuevo proyecto e inicia desde el principio. Este botón genera
un nuevo código de la aplicación. Al salvar se debe guardar el URL para poder
recuperar la aplicación o compartirla.
4.21 IonicNative: En la parte nativa, ofreciendo clases propias que recubren los
plugins de Cordova para trabajar de manera más sencilla con ellos.
4.23 Las WPA: la aparición de las WPA, aplicaciones web que se pueden instalar
directamente en el dispositivo sin necesidad de distribución en tienda, ha
provocado que el wrapeo no sea la única manera de publicación de apps web.
21
5. METODOLOGÍA.
Para realizar el diseño y desarrollo del aplicativo web movil , se implementara una
serie de actividades las cuales estan descritas a continuacion .
22
6. RESULTADOS.
La cuarta pantalla está dirigida al Parking el cual muestra los sitios o lugares
cercanos donde el usuario se encuentra y tiene mayor posibilidad para poder
parquear sin ningún problema teniendo en cuenta la información que se obtiene
directamente en la base de datos de los parqueaderos de la ciudad de Ibagué.
La séptima pantalla es donde nos dan la opción de poder descargar todo tipo de
información que el cliente desee en un formato PDF. Con cualquier opción la
aplicación esta habilitada para poder adquirirla sea descargando cualquier tipo de
formato, planos arquitectónicos, topográficos, tablas, entre otros .
23
7. CONCLUSIONES.
Se ha desarrollado como trabajo de grado una aplicación web móvil, en el cual los
usuarios, intentarán acertar las posibles incidencias que haya en ellas y así
aprenderán las normas básicas de seguridad vial en Colombia.
El desarrollo de este proyecto de grado ha supuesto dos problemas destacados.
El primero de ellos es el diseño de interfaces sencillas y atractivas para un público
tan exigentes, el segundo de ellos es la puesta en marcha del proyecto sobre un
entorno real.
El primer problema ha supuesto marcar nuevos objetivos y registros para poder
facilitar una información valida y confiable ya que el usuario siempre va a estar a la
disposición de saber en qué condiciones se encuentran dichas vías y que tanto es
la afectación que se esta dando frente a la congestión vehicular.
El segundo problema implica la preparación de la aplicación para su despliegue,
es decir, para ser usada por los usuarios. Es siempre necesario controlar todos los
posibles errores que se vayan a presentar en el momento que se esté alimentando
la aplicación con la información que se esta obteniendo con las dos empresas que
son el INVIAS Y EL ANI, es siempre necesario controlar todos los posibles errores.
En este proceso no todo ha sido éxitos. Ha habido momentos en los que han
surgido problemas. La mayor parte de ellos se han solucionado de una forma u
otra. Cabe destacar que el desarrollo del proyecto se ha realizado a la par con la
finalización del proyecto logrando todas sus expectativas.
Para finalizar y comentar que se ha partido desde cero y se ha pasado por todas
las fases de desarrollo para concluir la creación del proyecto. Muchos de los
conocimientos adquiridos a lo largo de la carrera se han puesto de manifiesto al
afrontar se desarrolló. Por tanto, cabe decir es una gran satisfacción ver como una
idea puede llevarse a cabo si se trabaja con dedicación y empeño.
24
8. RECOMENDACIONES.
Dentro de un proyecto tan ambicioso como lo ha sido este , siempre se desea que
haya una mejora continua del mismo, por lo tanto se recomienda a futuros
estudiantes que tengan interés en el proyecto, la complementación del sistema
con mas distribuciones para la demanda y el tiempo de espera , y aun mas
recomendable seria la implementación de más información para la aplicación
ROAD MESH para así más adelante tener el proceso de optimización , para
hacer comparaciones entre los resultados arrojados por esta aplicación que será
útil para los estudiantes de ingeniería civil y para nuestra comunidad de dichas
regiones del país.
Otra recomendación seria incluir más modelos de inventarios, para que el sistema
se adapte a las necesidades y pueda satisfacer a sus usuarios. Una
recomendación para brindarle mayor velocidad a la aplicación es que en el
momento en el que el usuario registre ciertas rutas no vaya a solicitar ninguna
descarga sea de registros de datos o evidencias fotográficas por que se bloqueará
ya que pues la aplicación no estará aun al 100 % terminada.
Se recomienda que para los estudios de transito se realicen aforos durante largos
periodos de tiempo, con el fin de obtener información mas detallada y precisa ,ya
que se puede identificar una mejor variación de volumen vehicular y un
comportamiento mas eficiente en cuanto a las velocidades de cualquier carretera
en este caso estamos realizándolo en la ciudad de Ibagué y mas adelante con las
demás ciudades de Colombia esta información se obtendrá por medio del INVIAS
o del ANI para así dar información sumamente real y confiable .
25
BIBLIOGRAFÍA
26
27