ESCUELA SUPERIOR POLITCNICA DE CHIMBORAZO

FACULTAD DE INFORMTICA Y ELECTRNICA

ESCUELA DE INGENIERA EN SISTEMAS

DESARROLLO DE UN SISTEMA DE GEOLOCALIZACIN Y

CLCULOS DE REDES ELCTRICAS BASADO EN GOOGLE
MAPS. CASO PRCTICO LYREC (LNEAS Y REDES
ELCTRICAS DEL CENTRO).

Trabajo de Titulacin presentado para optar al grado acadmico de:

INGENIERO EN SISTEMAS INFORMTICOS

AUTORES:
DENNYS IVAN MOYN GUNSHA
OMAR STALIN CENTENO GUANANGA
TUTOR:
DR. JULIO SANTILLAN CASTILLO.
RiobambaEcuador
2016
ESCUELA SUPERIOR POLITCNICA DE CHIMBORAZO
FACULTAD DE INFORMTICA Y ELECTRNICA
ESCUELA DE INGENIERA EN SISTEMAS
El Tribunal de Tesis certifica que: El trabajo de titulacin: DESARROLLO DE UN
SISTEMA DE GEOLOCALIZACIN Y CLCULOS DE REDES ELCTRICAS
BASADO EN GOOGLE MAPS. CASO PRCTICO LYREC (LNEAS Y REDES
ELCTRICAS DEL CENTRO)., de responsabilidad de los seores Dennys Ivan
Moyn Gunsha y Omar Stalin Centeno Guananga, ha sido minuciosamente revisado por
los miembros del Tribunal de Tesis, quedando autorizada su presentacin.
Dr. Miguel Tasambay
DECANO DE LA FACULTAD

________________

________________

DE INFORMTICA Y
ELECTRNICA
Dr. Julio Santilln
DIRECTOR DE LA ESCUELA
DE INGENIERA
EN SISTEMAS

________________

________________

Dr. Julio Santilln

DIRECTOR DE TESIS

________________

________________

Ing. Ral Rosero

MIEMBRO DEL
TRIBUNAL

________________

DOCUMENTALISTA
SISBIB-ESPOCH
ING. XXX

________________

________________

________________

RESPONSABILIDAD DEL AUTOR

Nosotros, Dennys Ivan Moyn Gunsha y Omar Stalin Centeno Guananga, somos los
responsables de las ideas, doctrinas y resultados expuestos en esta Tesis y el patrimonio
intelectual de la misma pertenece a la Escuela Superior Politcnica de Chimborazo.

_____________________________
Dennys Ivan Moyn Gunsha

_____________________________
Omar Stalin Centeno Guananga

DEDICATORIA
Dedico este proyecto de tesis de manera primordial a Dios, por permitirme lograr con
este objetivo en mi vida, a mis padres papa y mama por ese apoyo incondicional y la
confianza que depositaron en m, a mi familia por su infinito apoyo.
Dennys Ivan Moyn Gunsha

Dedico este proyecto de tesis en primer lugar a Dios por darme la salud y la vida, a mis
padres Cristbal Centeno y Piedad Guananga por su infinito apoyo en los buenos y
malos momentos, por su paciencia y confianza que depositaron en m, a mi familia por
apoyarme constantemente.
Omar Stalin Centeno Guananga

AGRADECIMIENTO
Agradezco a Dios por todas las bondades que me ha dado, a mis padres por el amor y
paciencia que me han dado y por cada palabra expresada que me daba aliento, al Dr.
Julio Santilln por dedicar su tiempo en la orientacin del desarrollo del proyecto de
tesis, a toda mi familia por el apoyo.
Dennys Moyn Gunsha
Agradezco a Dios por fortalecer mi espritu y emprender este proyecto hacia el camino
del xito, a mis padres por confiar en m, por la paciencia de guiarme y la fortaleza de
enfrentar mis errores, al Dr. Julio Santilln por instruirme y guiarme en el desarrollo del
proyecto de tesis, a toda mi familia por su apoyo incondicional.
Omar Centeno Guananga

INTRODUCCION
En la actualidad la mayora de Instituciones, ya sean pblicas o privadas ejecutan
aplicaciones con el fin de automatizar sus procesos en toda la empresa.
El presente trabajo de titulacin tiene como objetivo desarrollar una aplicacin para
localizar y visualizar geogrficamente un punto de red elctrico en un mapa,
generalmente es conocido como poste, del cual analizaremos sus caractersticas, luego
entrara en gestin con otros postes que conforman un mismo proyecto y as determinar
las cadas de tensin entre postes.
El captulo I, Marco Terico,..algo
El captulo II, Marco Metodolgico.algo
El captulo III, Marco de Resultadosalgo

ANTECEDENTES

La empresa LYREC Ca. Ltda. Inici a prestar sus servicios al sector pblico y privado,
a partir del ao 2001, es una entidad cuya funcin principal es la construccin de lneas
y redes elctricas dentro y fuera de la Provincia de Chimborazo, la caracterstica
esencial de esta entidad es gestionar proyectos de redes elctricas y ejecutarlos una vez
firmado los respectivos contratos con las empresas solicitantes.
Los servicios que presta la empresa Lyrec dentro del rea de construcciones elctricas
son, diseo, implantacin de una nueva red, retiro y reconstruccin de redes elctricas,
se puede realizar uno o varios procesos segn sea la necesidad del contratista o de
acuerdo a la naturaleza del proyecto
Varias instituciones han realizado trabajos con la empresa, solicitando sus servicios en
cada uno de sus campos, actualmente la empresa gestiona cada uno de sus proyectos en
hojas de clculo de Excel donde cuenta con plantillas que les permiten estructurar la
informacin, cuenta con una gran variedad de datos a tratar como, materiales,
inspeccin del rea de trabajo (estudios topogrficos), personal y mano de obra, para
cada proyecto se realizan clculos que permitan un adecuado diseo y construccin de
la red elctrica de acuerdo a la cantidad demandante de usuarios para el sector a
construir la red.
Para comenzar con un nuevo proyecto se realiza un proceso de recoleccin de datos,
tales como ingreso de datos, presupuestos, diseos de la red y clculos elctricos,
empezando por la inspeccin del rea donde ser construida o reconstruida la red. En
caso de ser reconstruida se recolecta toda la informacin necesaria de las estructuras
elctricas existentes como material, posicionamiento geogrfico de cada punto elctrico
(postes) por medio de GPS, cantidad de usuarios demandantes etc., para as, de ser
necesario se realizara un rediseo, una vez obtenida la informacin, se procede a
clasificar el material reutilizable de la red anterior y segn sea el contrato del proyecto,
se proceder a comprar el material necesario o los proveern los propios contratistas
como parte del contrato, para el caso de no ser un proyecto de reconstruccin se omite
el material reutilizable y se procede de la misma forma.
Una vez obtenido toda la informacin necesaria se procede a pasar a las plantillas de
Excel donde se almacenan todos los datos pertinentes del proyecto que servirn de base
para hacer presupuestos, diseos y clculos elctricos, para los diseos utilizan la
herramienta de AutoCAD, que las personas encargadas del rea de construccin de
redes esperan hasta que el diseo est listo para proceder a construir la red, ya que no
cuentan con la informacin geogrfica precisa de donde sern ubicadas las estructuras
elctricas del proyecto que estas pueden ser tanto en sectores urbanos y rurales dentro y
fuera de la provincia de Chimborazo, de igual forma los clculos se los realiza en
algunos casos en hojas de Excel o en papel, dibujando un bosquejo de la posible red que
sirva de gua para los clculos, que en muchos casos se vuelven tediosos y repetitivos
corriendo el riesgo de que los clculos sean incorrectos. Todo este proceso demanda
mucho tiempo y personal generando inconvenientes al recolectar los datos y ubicarlos
en el rea geogrfica a ser construida o reconstruida la red, motivo por el cual se
pretende generar una herramienta informtica de geolocalizacin basado en Google
Maps.
La geolocalizacin, en su aspecto ms tecno cientfico, implica el posicionamiento que
define la localizacin, mediante un punto, rea, vector o volumen, de un objeto en un
7

sistema de coordenadas determinado. La tecnologa de geolocalizacin se basa en el

Sistema de Informacin Geogrfica (SIG) para la gestin, anlisis y visualizacin de
conocimiento geogrfico.(Geolocalizacin, s. f.)
La geolocalizacin determina las coordenadas geogrficas de un telfono mvil o un
ordenador. Con un Smartphone, la localizacin es posible incluso sin activar la funcin
GPS del telfono. En este caso, la localizacin es efectuada con la ayuda de estaciones
base cercana al Smartphone. Dependiendo de la distancia de las estaciones base, la
precisin varia de 3 metros a 30 kilmetros.(La geolocalizacin: una tecnologa para
desplazarse fcilmente, s. f.)
Google Maps es un servicio de Google que ofrece imgenes va satlite de todo el
planeta, combinadas, en el caso de algunos pases, con mapas de sus ciudades, lo que
unido a sus posibilidades de programacin abierta ha dado lugar a diversas utilidades
ofrecidas desde numerosas pginas web, desde su lanzamiento en febrero de 2005, la
aplicacin cartogrfica de Google ha conmocionado a la comunidad de desarrolladores.
Si bien sus principios tcnicos de base eran ya conocidos, incluso utilizados desde hace
tiempo, la aplicacin de Google los combina de manera inteligente, y sobre todo ofrece
una accesibilidad sin igual.(Qu es Google Maps?, s. f.)
Como todas las dems aplicaciones Google Maps, descansa poderosamente sobre la
utilizacin de JavaScript. La carga y el deslizamiento de imagen no podran efectuarse
sin este cdigo. Con las API de Google Maps publicadas, numerosos sitios han
aparecido proponiendo sus propias maneras de extraer los datos de los mapas de Google
y presentarlos en la pgina a travs de scripts especficos, proponiendo un servicio
particular. Sin pretender abarcarlos todos, los reseamos en la seccin Utilidades del
men.(Qu es Google Maps?, s. f.)

FORMULACIN DEL PROBLEMA

Cmo el sistema informtico para la automatizacin de los procesos de geolocalizacin
en la empresa de Construcciones Elctricas LYREC va a mejorar en tiempo y costes a la
Empresa?
SISTEMATIZACIN DEL PROBLEMA
Qu mtodos se utilizan para de recoleccin de datos geogrficos en la empresa
Lyrec?
Por qu optar por un sistema de geolocalizacin para la recoleccin y visualizacin de
los datos de redes elctricas?
De qu manera el sistema de geolocalizacin puede ser una alternativa para la
recoleccin de datos de las redes elctricas en la empresa Lyrec?
La empresa cuenta con la tecnologa adecuada que soporte el sistema?
Cul es el impacto y participacin en el uso del sistema para las reas de la empresa
involucradas en el proyecto?
8

JUSTIFICACIN
JUSTIFICACIN TERICA
Las tecnologas informticas en la actualidad han sido de mucho apoyo en varias reas
de la pequea y mediana empresa en el Ecuador, apoyando as con mltiples sistemas
informticos con distintos propsitos tales como, la recoleccin y procesamiento de
informacin, sistemas para la toma de decisiones, sistemas geogrficos, etc. Uno de los
mayores desafos de los sistemas informticos actuales es la presentacin y
recoleccin de informacin en interfaces que sean comprensibles, que sta sea lo ms
clara precisa y oportuna, disponible en cualquier horario y lugar, compatible con
mltiples dispositivos.
Varias herramientas tecnolgicas SIG, permiten crear sistemas de geolocalizacin con la
finalidad de recolectar y visualizar datos geogrficos basados en mapas, todos estos
personalizados y adaptados al usuario de acuerdo a sus necesidades, por ejemplo las
APIS de ArcGIS, Google Maps, Google Earth, etc. Estas poderosas herramientas
compatibles con mltiples plataformas de desarrollo permiten adaptar sus libreras para
el desarrollo de proyectos basados en mapas.
Actualmente el suministro de electricidad llega a muchos lugares urbanos y rurales en el
Ecuador los cuales genera una gran dificultad al ubicar, recolectar y registrar la
innumerable cantidad de puntos elctricos existentes para cada proyecto nuevo
gestionado por empresa Lyrec. La geolocalizacin visualizada en mapas digitales es una
alternativa que permite la ubicacin exacta de cada uno de estos puntos al realizar
simulaciones de redes elctricas en el lugar exacto a ser construida, de esta forma se
personalizar los clculos elctricos basados en ubicaciones geogrficas, vanos, y tipos
de materiales a ser utilizadas para la construccin de la red, todas estas variables,
dependiendo de la carga elctrica requerida en la zona a ser construida la red.
Google Maps es una alternativa tecnolgica gratuita actualmente ms utilizada en la
web compatible con mltiples navegadores que brinda servicios como de generacin
rutas, informacin de varios lugares del mundo, ubicacin geogrfica, etc. Permitiendo
as la ubicacin, localizacin y seguimiento de lugares gracias a sus vistas de mapas
nominal, satelital y de terreno.
JUSTIFICACIN APLICATIVA
Con el propsito de mejorar la recoleccin de datos, automatizar las actividades de
ubicacin de puntos geogrficos para que ayuden en la toma de decisiones, en la
Empresa Lyrec Ca. Ltda. Se implementar un sistema de ubicacin y visualizacin de
informacin (geolocalizacin), logrando que ste sea totalmente funcional y su
rendimiento satisfaga a cada uno de los usuarios (tcnicos) proporcionando as, un fcil
uso y manipulacin.
La Empresa Lyrec Ca. Ltda. Est dedicada a la construccin de Lneas y Redes
Elctricas, ofreciendo de esta manera sus servicios al sector pblico y privado, para ello,
con el sistema se busca incrementar la capacidad de organizacin dentro de la misma,
9

logrando as una mejora en sus procesos o actividades cotidianas como son clculos de
redes elctricas y ubicaciones geogrficas.
Como tecnologa de geolocalizacin, utilizaremos Google Maps, la cual ayudar a
determinar una ubicacin geogrfica en el punto actual desde donde se est accediendo
a la aplicacin, pero el problema radica en que son escazas las aplicaciones que integran
clculos de redes elctricas, por ende ah el problema a solucionar para la empresa.
El mbito de la solucin ser:
Implementar un sistema el mismo que constara de los siguientes mdulos:

Mdulo de autenticacin: Permitir autenticar a los usuarios dentro del sistema.

Mdulo de Localizacin y visualizacin geogrfica: Permitir ubicar un punto
geogrfico en el mapa, y visualizar las caractersticas de ste.
Mdulo de Anlisis de Redes: Permitir analizar y calcular cadas de tensin de Redes
Elctricas.

OBJETIVOS
OBJETIVOS GENERALES
Desarrollar un sistema informtico para la geolocalizacin y clculos de redes
elctricas basado en Google Maps para la empresa LYREC de la ciudad de Riobamba.
OBJETIVOS ESPECIFICOS

Estudiar los procesos utilizados para la recoleccin de datos geogrficos y clculos

elctricos.

Analizar la herramienta tecnolgica utilizada para la localizacin y visualizacin de

puntos de redes elctricas.

Desarrollar una aplicacin informtica centralizada, adaptable,

extensible y
administrable para procesos de geolocalizacin y clculos elctricos con la herramienta
tecnolgica seleccionada.

Evaluar el impacto y participacin de la implementacin del sistema de geolocalizacin

dentro de la empresa Lyrec.

10

CAPITULO I
1. MARCO TEORICO REFERENCIAL
1.1 Definiciones del tema de investigacin.
1.1.1 Redes elctricas.

Sistema de suministro elctrico.

El conjunto de lneas, centros de interconexin elctrica y distintos equipos, que
mantienen conectados entre s a los centros de produccin y de consumo de electricidad
de nuestro sistema elctrico.
Estas redes tambin denominadas redes exteriores son las encargadas del trasporte de
energa elctrica desde subestaciones a grandes distancias, que se encuentran
estratgicamente distribuidas por las empresas de distribucin.
Las redes exteriores estn divididas en dos grupos, redes de baja tensin y media
tensin, el tipo de red aplicada a un cierto lugar depende de la topologa del sistema as
como de la carga o demanda elctrica por parte de los usuarios.

Red de media tensin

Una red de media tensin es aquella que tiene una tensin superior a 400 (V). Estas
redes pueden alimentar tanto a una red exterior de baja tensin o directamente a una
red interior, como es el caso de los clientes denominados de media tensin, los que
cuentan para su conexin con un transformador particular. (UNESA, Asociacin Espaola
de la Industria Elctrica [sin fecha])

Red de baja tensin

Una red exterior de baja tensin es aquella que tiene un potencial de suministro
inferior a 400 (V), y est destinada a alimentar directamente a consumidores
finales, que se entiende son de baja tensin. (Elctricas_gen.PDF - clase1.pdf [sin fecha])
1.1.2 Perdidas de tensin de redes elctricas.

Criterio de la intensidad mxima admisible o de calentamiento.

La temperatura del conductor del cable, trabajan do a plena carga y en rgimen permanente, no
deber superar en ningn momento la temperatura mxima admisible asignada de los materiales
que se utilizan para el aislamiento del cable. Esta temperatura se especifica en las normas
particulares de los cables y suele ser de 70C para cables con aislamiento termoplsticos y de
90C para cables con aislamientos termoestables. (Microsoft Word - Anexo 2 Caidas de tensi.n E sep 03
R1.doc - guia_bt_anexo_2_sep03r1.pdf [sin fecha])

Criterio de cada de tensin

11

La circulacin de corriente a travs de los conductores, ocasiona una prdida de potencia

transportada por el cable, y una cada de tensin o diferencia entre las tensiones en el origen y
extremo de la canalizacin. Esta cada de tensin debe ser inferior a los lmites marcados por el
Reglamento en cada parte de la instalacin, con el objeto de garantizar el funcionamiento de los
receptores alimentados por el cable. Este criterio suele ser el determinante cuando las lneas son
de larga longitud por ejemplo en derivaciones individuales que alimenten a los ltimos pisos en
un edificio de cierta altura. (Microsoft Word - Anexo 2 Caidas de tensi.n E sep 03 R1.doc guia_bt_anexo_2_sep03r1.pdf [sin fecha])

1.1.3 Geolocalizacin.

Definicin de localizacin.
El de localizacin es un concepto relativamente nuevo, que ha proliferado de hace un
par de aos a esta parte y que hace referencia al conocimiento de la propia ubicacin
geogrfica de modo automtico. (Definicin de Geolocalizacin [sin fecha])
Los servicios basados en localizacin (Location Based Services, LBS), tal y como los
entendemos hoy en da, engloban un conjunto de aplicaciones que incorporan a la
informacin de posicin otros datos relativos al entorno, con el fin de proporcionar un
servicio de valor aadido al usuario. Estos servicios nacen de la convergencia de
Internet, las comunicaciones inalmbricas y las tecnologas de posicionamiento, y estn
muy ligados a conceptos emergentes como la inteligencia ambiental o el espacio
inteligente. (Tecnologas y Servicios para la Sociedad de la Informacin tecnologias_servicios_para_sociedad_informacion.pdf [sin fecha], p. 1)

Mtodos de localizacin
a. Mtodo de identificacin por celda.

Localizacin por celda o tambin conocido por punto de acceso, este obtiene
directamente de la celda o punto de acceso de acuerda a la propagacin de la seal
o cobertura que da el terminal mvil, la precisin de este mtodo depende mucho
del radio de frecuencia en redes mviles pueden variar desde docena me metros en
sectores Urbanos y kilmetros en zonas rurales.
b. Mtodo de Angulo de Llegada.

Utiliza arreglos de antenas para determinar el ngulo de seal incidente, si el

dispositivo que transmite est en lnea de visin directa, la antena arreglo puede
conocer de dnde viene la seal midiendo la diferencia de fases a travs del arreglo
o la densidad espectral de potencia.
12

c. Mtodo basado en la potencia de seal recibida.

Se basa en la perdida de potencia de la seal debido al medio de propagacin, este

mtodo funciona utilizando la media de la potencia con la que la seal llega desde
el dispositivo que se desea localizar a la estacin receptora, segn esta medicin
solo se puede estimar una distancia de donde puede estar el dispositivo.
d. Mtodos basados en tiempo

La localizacin basada en clculos sobre parmetros de tiempo. Estos mtodos

todos se emplean con mayor frecuencia en las redes de telefona mvil o de
posicionamiento va satlite, debido a las mayores debidas a las mayores reas de
cobertura y distancias que manejan, aunque en general los conceptos son
trasladables al mbito de las redes locales inalmbricas, en las que es relativamente
frecuente llevar a cabo la localizacin utilizando, por ejemplo, TOA (Time of
Arrival) o TDOA (Time Difference of Arrival). (Tecnologas y Servicios para la Sociedad de la
Informacin - tecnologias_servicios_para_sociedad_informacion.pdf [sin fecha], p. 2)

Geolocalizacin
Tambin denominada georreferenciacin, la geolocalizacin implica el posicionamiento
que define la localizacin de un objeto en un sistema de coordenadas determinado. Este
proceso es generalmente empleado por los sistemas de informacin geogrfica, un
conjunto organizado de Hardware y Software, ms datos geogrficos, que se encuentra
diseado especialmente para capturar, almacenar, manipular y analizar en todas sus
posibles formas la informacin geogrfica referenciada, con la clara misin de resolver
problemas de gestin y planificacin. (Definicin de Geolocalizacin [sin fecha])
Principio de funcionamiento de la Geolocalizacin.
Usa una red de satlites, que rodea la superficie del planeta en forma sincronizada para
cubrir toda la superficie de la tierra, la cual el receptor detecta la seales e indica a
cada satlite, generalmente los GPS, son receptores que solo captan seales no las
pueden emitir.
Se calcula el tiempo que tarda la seal desde el satlite hasta el objeto que se ha
realizado la peticin, esta operacin se lo realiza con tres o ms satlites mediante las
interseccin con una base de datos que indica la posicin de los satlites.
Una vez que sabe el tiempo que ha tardado en llegar la seal desde el satlite, el
receptor calcula da distancia al satlite encontrando su ubicacin en latitud y longitud
de forma exacta.

13

Figura 1.1 Triangulacin satelital

Fuente: Los autores.

1.1.4 Tipos de Geolocalizacin.

Tipos.
Mediante GPS: ajuste de localizacin real.

El sistema de posicionamiento global esta soportado por muchos dispositivos

mviles actuales y obtiene la ubicacin fsica a partir de datos obtenidos de
manera satelital. As como la posicin, por medio del GPS se puede obtener
informacin relativa a la altitud y velocidad de desplazamiento. Una desventaja
de este sistema es que solo funciona al aire libre. (El API de Geolocalizacin de
Javascript para HTML5 [Parte 1] [sin fecha], p. 1)

Mediante Wi fi: Ajuste de localizacin de 100 metros aproximadamente.

La ubicacin por red inalmbrica utiliza uno o varios puntos de acceso para
triangular la posicin. Puede ser bastante exacto y rpido, adems de que
funciona tanto en interiores como en exteriores, sin embargo, requiere que no
ests en movimiento o lo hagas dentro de un radio bastante corto. (El API de
Geolocalizacin de Javascript para HTML5 [Parte 1] [sin fecha], p. 2)

Mediante GSM: Ajuste de localizacin de 500 metros aproximadamente.

Este mtodo obtiene la ubicacin fsica de un telfono celular (usado
comnmente cuando se carece de tecnologa GPS) basado en la distancia de
alguna o algunas antenas de la red telefnica. Una ventaja que tiene es que
funciona tanto en interiores como exteriores, sin embargo, depende de la
cantidad de antenas en un radio de distancia corto para que su aproximacin
sea ms exacta. (El API de Geolocalizacin de Javascript para HTML5 [Parte 1] [sin fecha], p. 3)

Mediante Direccin Ip: Ajuste de localizacin a nivel de ciudad.

La ubicacin basada en direcciones IP utiliza una base de datos externa que le
permite ubicar fsicamente un dispositivo. La ventaja que proporciona este
mtodo es que funciona en cualquier lugar, sin embargo, a menudo la ubicacin
que se obtendr de este mtodo es la del ISP. (El API de Geolocalizacin de Javascript
para HTML5 [Parte 1] [sin fecha], p. 4)

14

Aplicaciones.

Situacin continua e instantnea de un vehculo sobre cartografa digital.

Determinacin y localizacin de cualquier tipo de mvil o vehculo.
Guiado de vehculos sobre trayectorias prefijadas.
Localizacin y control de flotas de vehculos.
Inventario de redes viales.
Navegacin en tiempo real con gran precisin.
Control de deformaciones terrestres.
Posicionamiento de cmaras de fotogrametra.
Establecimiento de bases y redes de replanteo.
Estudio de evolucin de cuencas fluviales.
Levantamientos batimtricos.
Actualizaciones de Sistemas de Informacin Geogrfica
1.1.5 Geolocalizacin en redes elctricas.

La Geolocalizacin en redes elctricas pretende presentar y recolectar informacin

detallada de elementos de redes elctricas, por medio de la ubicacin geogrfica de
puntos elctricos, tambin denominados postes.
Actualmente la empresa elctrica cuanta con un SIG basado en Arcgis que presenta
informacin en mapas de los circuitos elctricos de toda la provincia de Chimborazo,
Toda esta informacin es migrada una vez concluidos los proyectos de construccin y
reconstruccin de redes.

Figura 1.2 Geo Portal EERSA

Fuente: http://gis.eersa.com.ec/geoportal/

1.1.6 Sistemas De Informacin Geogrfica.

Definicin del SIG.

Sistema de Informacin Geogrfica (SIG) es un sistema de informacin que es
utilizado para ingresar, almacenar, recuperar, manipular, analizar y obtener datos
referenciados geogrficamente o datos geoespaciales, a fin de brindar apoyo en la
15

toma de decisiones sobre planificacin y manejo del uso del suelo, recursos
naturales, medio ambiente, transporte, instalaciones urbanas, y otros registros
administrativos.
Importancia de un SIG.

Estudios actuales muestran que cerca del 80% de informacin tratada por
empresas e instituciones oficiales tienen relacin con localizacin geogrfica o
coordenadas espaciales.
El empleo de informacin georreferenciada aumenta un 15% el rendimiento
econmico.

Componentes del SIG.

Organizacin: Est compuesta por todas las operaciones tcnicas, polticas y

financieras en las que funciona un SIG.
Personas: Son las responsables de la conceptualizacin el diseo, la aplicacin
y el uso de los SIG (IGAC, 1998), son el componente que realmente hace el
trabajo de los SIG; incluyen encargados de los SIG, administradores de las
DB, especialistas de uso, analistas y programadores.
Tecnologa: Los software SIG corren en un amplio rango de tipos de
computadores desde equipos centralizados hasta o individuales o de red. Una
organizacin requiere de un software suficientemente especfico para cumplir
con las necesidades de aplicacin.
Datos: Los datos son la materia prima que permite a los SIG realizar anlisis
especiales, simulando el comportamiento de los fenmenos del mundo real.

1.2 Herramientas De Desarrollo.

En esta seccin se definir las herramientas y tecnologas utilizadas para el desarrollo de

la
aplicacin web, cada una de estas fueron seleccionadas acorde a los recursos
disponibles y necesidades del problema a solucionar.
1

Api de Geolocalizacin de HTML5.

El API de Geolocalizacin de Html5 es una de las tecnologas ms utilizadas
actualmente por los desarrolladores de aplicaciones mviles gracias a su uso y
16

beneficio, esta tecnologa soporta de forma nativa Javascript y CSS3 es decir que al
definir un script ya no se establece su tipo porque se sobreentiende que utilizaremos
Javascript lo mismo sucede para los estilos ya que se tomaran los CSS3 por defecto,
este es propio de HTML5 que aplica directamente a la API. (El API de Geolocalizacin de
Javascript para HTML5 [Parte 1] [sin fecha], p. 1)

El api de Geolocalizacin de HTML5 permite ubicar a un usuario por diversos mtodos

los cuales presentar informacin especfica de la ubicacin geogrfica en coordenadas
de latitud y longitud as como detalles de rutas de navegacin del usuario, se puede
aplicar en cualquier sitio web que soporte HTML5, al ingresar a un sitio que utiliza la
Geolocalizacin de HTML5 por motivos de privacidad el usuario debe dar
consentimiento de poder usar esta informacin por la aplicacin de caso contrario no se
podr acceder a esta informacin. (Geolocalizacin con HTML5 [sin fecha])
Los mtodos utilizados por la API de Geolocalizacin de HTML5 se basan en tcnicas
como deteccin por Wifi, IP, GPS y A-GP, cada uno de estos se utilizan de acuerdo a la
tecnologa disponible en el dispositivo que hace la solicitud de localizacin, un
navegador de escritorio utiliza las tcnicas basadas en seales de Wifi o por
direccionamiento IP, mientras los navegadores de dispositivos mviles utilizan la
triangulacin celular gracias al dispositivo GPS incorporados. (Conociendo el api de
Geolocalizacin en HTML5 [sin fecha])

Principales Mtodos utilizados por el Api de Geolocalizacin de HTML5.

Para la ubicacin de un usuario la API de Geolocalizacin utiliza mtodos de JavaScript
a travs de un objeto de Geolocalizacin contenido en WindowsNavigatorGeolocation
la API define tres mtodos principales.

getCurrentPosition (): Recupera la posicin actual y se ejecuta una sola vez.

watchPosition (): Recupera y actualiza la posicin actual a medida que cambia de
posicin.
clearWatch (): Detiene la actualizacin de una vista (Watch) de posicin.

Objeto Posicin.
El objeto determinara la ubicacin del usuario o dispositivo siempre y cuando el
navegador pueda soportar la API, El objeto consta de los siguientes atributos.
Atributo
coords.latitude
coords.longitude
coords.accuracy
timestamp
coords.altitude
coords.altitudeAccura
cy

Tipo de dato
double
double
double
DOMTimeStam
p
double o null
double o null

Descripcin
Latitud en grados decimales
Longitud en grados decimales
Precisin en metros
Momento de la toma de estos
datos
Altitud en metros
Precisin de la altitud en metros
17

coords.heading

double o null

coords.speed

double o null

Orientacin
en
grados
decimales en el sentido de las
agujas del reloj
Velocidad en metros/segundo

Tabla 1.1Objeto Posicin

Fuente: http://www.arumeinformatica.es/blog/html5-api-de-geolocalizacion-geolocation-api/

Objeto Posicin Error.

Este Objeto nos indica la razn por la cual no pudo alcanzar la ubicacin de un
dispositivo o un usuario, este objeto costa de los siguientes atributos.
Valor
PERMISSION_DENIED
POSITION_UNAVAILABLE
TIMEOUT

V. #
Descripcin
1
El usuario ha denegado el acceso a la
obtencin de su ubicacin
2
No se ha podido obtener la ubicacin
del usuario por alguna razn
3
Se ha agotado el tiempo de espera
para obtener la ubicacin

Tabla 1.2 Objeto Posicin Error

Fuente: http://www.arumeinformatica.es/blog/html5-api-de-geolocalizacion-geolocation-api/

Opciones del objeto Posicin.

Este objeto nos permite establecer ciertas condiciones a la forma de obtencin del a
informacin.

18

1.2.1 API de Google Maps V3

Google Maps API es una de las Tecnologas gratuitas ms conocidas de mapas interactivos
utilizado en los ltimos aos por un sin nmero de aplicaciones tanto en dispositivos
mviles como es aplicaciones web de escritorio, actualmente Google Maps Api est
disponible para mltiples plataformas como Android, IOS y mltiples navegadores Web, a
travs de servicios Web HTTP.
Las Apis disponibles para cada plataforma son:
API
Utilidad
Google Maps Android API
Construye un mapa personalizado para tu aplicacin de
Android con edificios en 3D, planos para pisos de
interiores y ms.
Google Maps JavaScript API
Agrega los datos en los cuales confan los desarrolladores.
Construye un mapa personalizado para tu sitio usando
mapas con estilos, edificios en 3D, planos para pisos
de interiores, indicaciones de varios modos y ms.
Google Maps Geocoding API
Este servicio generalmente est diseado para
geocodificar direcciones estticas (ya conocidas)
para la colocacin de contenido de la aplicacin en
un mapa; este servicio no se dise para responder
en tiempo real a las entradas del usuario
Google Maps Directions API
Devuelve indicaciones de varias partes para una serie de
waypoints. Hay disponibles indicaciones para varios
medios de transporte.
Google Places API Web Service Obtenido informacin desde las bases de datos de google
Maps y Google + Local.

Presenta ms de 100 millones de negocios y puntos

de inters que se actualizan regularmente mediante
listas verificadas por el propietario y contribuciones
moderadas por el usuario
Tabla 1.3 Apis de Google Maps
Fuente: https://developers.google.com/maps/?hl=es

Controles de Google Maps

La Google Maps API contiene conjunto de controles integrados que puedes usar en los
mapas.(Controles [sin fecha], p. 1)
Control

Accin
Ubicacin
Permiten cambiar el Este control aparece de
Zoom
nivel de zoom del mapa. manera predeterminada en la
esquina inferior derecha del
mapa.
Tipo
de Permite al usuario elegir Este control aparece de
mapa
un
tipo
de
mapa manera predeterminada en la
(RUTAS,
SATLITE, esquina superior izquierda del
HBRIDO o TIERRA).
mapa.
Street view Permite
al
usuario Este control aparece de
visualizar las calles del manera predeterminada cerca
mapa por medio de un de la esquina inferior derecha
Pegman, donde est del mapa.
disponible Street View.
Rotacin
Proporciona
una Este control aparece de
19

proporcion
a

Escala

combinacin de opciones manera predeterminada cerca

de inclinacin y rotacin de la esquina inferior derecha
para
mapas
que del mapa.
contienen
imgenes
oblicuas.
Este
control
viene
desactivado
de
manera
predeterminada.

Tabla 1.4 Controles Google Maps

Fuente: https://developers.google.com/maps/documentation/javascript/controls?hl=es#DefaultUI

Tipos de Mapas.
Hay cuatro tipos de mapas disponibles dentro de la Google Maps API. Adems de los
mosaicos conocidos de mapas de carreteras pintados, la Google Maps API admite
otros tipos de mapas.
Los siguientes tipos de mapas se encuentran disponibles en la Google Maps API:

MapTypeId.ROADMAP muestra la vista del mapa de carreteras predeterminado. Este

es el modo de mapa predeterminado.
MapTypeId.SATELLITE muestra imgenes satelitales de Google Earth.
MapTypeId.HYBRID muestra una combinacin de vistas normales y satelitales.
MapTypeId.TERRAIN muestra un mapa fsico basado en informacin terrestre.

El tipo de mapa que usa Map se modifica configurando su propiedad mapTypeId, ya sea
realizando ajustes en la configuracin de su objeto Map options dentro del constructor o
llamando al mtodo setMapTypeId(). El valor predeterminado de la propiedad
mapTypeID es MapTypeId.ROADMAP. (Tipos de mapas [sin fecha], p. 1)
Marcadores.
El marcador es un elemento fundamental en el mapa ya que permite identificar la
ubicacin de un elemento posicionado de manera predeterminada, los marcadores en
google maps se muestran con una imagen estndar, los marcadores tambin
denominados iconos pueden ser personalizados de acuerdo a la necesidad del usuario.
La forma de personalizar los iconos o marcadores son por medio del instancias del
objeto marker puedes personalizar tu icono dentro del constructor del marcador, o
tambin llamando al mtodo SetIcon() por medio de la instancia del marcador.

Agregar un marcador.
El constructor google.maps.Marker toma un nico literal de objeto Marker options,
que especifica las propiedades iniciales del marcador . (Marcadores [sin fecha], p. 1)
Propiedad
Position
Map

Accin.
Atributo obligatorio, especifica un
objeto LatLng que identifica la
ubicacin inicial del marcador.
Atributo Opcional, especfica el
Map en el cual debe ubicarse el
marcador. Si no especificas el mapa

20

al construir el marcador, este ltimo

se crea y no se adjunta al mapa (ni
se muestra en l)
Tabla 1.5 Propiedades Agregar Marcador
Fuente: https://developers.google.com/maps/documentation/javascript/markers?hl=es#introduction

Animar un marcador
Puedes agregar animaciones a icono adaptando a circunstancias diferentes de
necesidad para especificar la forma de animacin del marcador utiliza la propiedad
Animation , de tipo google.maps.Animation. (Marcadores [sin fecha], p. 2)
Tipo
de
animacin
DROP

Accin.
Indica que el marcador debe
desplazarse hacia abajo, desde la
parte superior del mapa hasta su
ubicacin final, al disponerse en l
por primera vez.
Indica que el marcador debe rebotar
en el lugar.

BOUNCE

Tabla 1.6 Tipos de Animacin

Fuente: https://developers.google.com/maps/documentation/javascript/markers?hl=

Eliminar un marcador.
Para eliminar un marcador del mapa, llama al mtodo setMap() y pasa null como
argumento.

Visualizacin de Datos del marcador.

Capas
La Google Maps API administra la presentacin de objetos dentro de las capas
representando en un objeto (normalmente, una superposicin de mosaicos) los
elementos que los constituyen y mostrndolos a medida que el viewport del mapa
cambia. Las capas tambin pueden modificar el nivel de presentacin del mapa y
alterar los mosaicos bsicos de una manera coherente respecto del nivel. (Capa de
datos [sin fecha], p. 2)

Informacin Sobre capas

Capa
De datos de Google
Maps

De tablas de fusin
Del mapa de calor
De kml

Definicin.
Proporciona un contenedor para datos
geoespaciales arbitrarios. Puedes usar la capa
de datos para almacenar tus datos
predeterminados o para mostrar datos de
GeoJSON en un mapa de Google Maps.
Representa datos contenidos en tablas de
fusin de Google.
Representan datos geogrficos a travs de
una visualizacin de mapa de calor.
Convierte elementos KML y GeoRSS en una
superposicin de mosaicos de la Maps API

21

V3.
Facilitan la adicin de datos del motor de Google
Maps a tu mapa. En una capa del motor de
Maps se construyen mosaicos desde el servidor y
estos se devuelven al cliente.
Muestra las condiciones del trfico en el mapa.
Muestra la red de transporte pblico de tu ciudad
dentro del mapa.

Del motor de Maps

De trfico
De trnsito.
Circulacin en bicicleta

Representa un nivel de recorridos de bicicleta

o
superposiciones
especficamente
relacionadas con bicicletas dentro de una
capa comn.

Tabla 1.7 Datos de marcadores

Fuente: https://developers.google.com/maps/documentation/javascript/datalayer?hl=es

1.2.2 Asp.net Mvc4.

Framework Asp.net Mvc.

El modelo arquitectnico Modelo-Vista-Controlador (MVC) separa una aplicacin en tres
componentes principales: el modelo, la vista y el controlador. El framework de ASP.NET
MVC proporciona una alternativa al modelo de formularios Web Forms de ASP.NET para
crear aplicaciones web. El framework de ASP.NET MVC es una tecnologa de presentacin
de poca complejidad y fcil de comprobar que (como las aplicaciones basadas en
formularios Web Forms) se integra con las caractersticas de ASP.NET existentes, tales
como pginas maestras y la autenticacin basada en pertenencia. El marco de MVC se
define en el ensamblado System.Web.Mvc. (Informacin general sobre ASP.NET MVC [sin fecha],
p. 1)

Modelo de Diseo MVC.

Este modelo es utilizado por mltiples desarrolladores muchas ya que crea software
ms robusto con un ciclo de vida ms adecuado, donde se potencie la facilidad de
mantenimiento, reutilizacin del cdigo y la separacin de conceptos. (Informacin general
sobre ASP.NET MVC [sin fecha], p. 2)

Framework MVC incluye los siguientes componentes

Tabla 1.8 MVC

Fuente: https://msdn.microsoft.com/es-es/library/dd381412%28v=vs.108%29.aspx

22

Component
e
Modelo

Vista

Accin
Los objetos de modelo son las partes de la aplicacin que
implementan la lgica del dominio de datos de la
aplicacin. A menudo, los objetos de modelo recuperan y
almacenan el estado del modelo en una base de datos.
Las vistas son los componentes que muestra la interfaz de
usuario de la aplicacin. Normalmente, esta interfaz de
usuario se crea a partir de los datos de modelo.
Los controladores son los componentes que controlan la
interaccin del usuario, trabajan con el modelo y por
ltimo seleccionan una vista para representar la interfaz de
usuario. En una aplicacin MVC, la vista solo muestra
informacin; el controlador administra y responde a los
datos proporcionados por el usuario y su interaccin.

Arquitectura
de asp.net
MVC4.

En
el
desarrollo de
software
Controlador
existen varios
niveles
de
abstraccin,
cuando
el
desarrollador
comienza
a
escribir o estimar lneas de cdigo, lo realiza desde el mas bajo nivel enfocndose en
los requerimientos de software, los detalles de los requerimientos como las tareas o
actividades, son las que nos permiten crear la lgica de negocio para despus poder
incluir en componentes mas grandes del sistema.
El mas
Tabla 1.9 Componentes MVC
Fuente: Fuente: https://msdn.microsoft.com/es-es/library/dd381412%28v=vs.108%29.aspx alto
nivel de una arquitectura se puede evidenciar como estn relacionados y estructurados
cada uno de sus componentes entre s.

Tabla 1.10 Aplicacion MVC

Fuente: http://msaspnetmvc.blogspot.com/2015/03/la-arquitectura-de-mis-proyectos-mvc.html#more

Funcionamiento de la arquitectura.

1. Nuestra aplicacin debe seguir el patrn MVC, por lo tanto se espera que contenga
Controladores, Modelos y Vistas, mismos que podemos ver en los cuadros verdes.

23

2. ASP.NET nos ofrece todo el entramado para que nuestra aplicacin funcione en la
plataforma, he resaltado tres partes en color azul oscuro: Ruteo, Mapeo y View Engine.
3. Estos los pueden componentes intervienen en el mecanismo de Ruteo, validando los
permisos del perfil al cual pertenece el usuario que realiza la solicitud.
4. As mismos, una vez que se ha verificado el acceso, se aplican reglas de validacin de
datos para asegurarnos que la informacin que ha llegado cumple con nuestras reglas y
de esta manera prevenir que algn usuario malicioso nos envi datos no vlidos.
5. Una vez que estos datos han sido validados el flujo de la aplicacin lo toma el
controller, en este momento la lgica del Controlador determina si se debe continuar o
si deber ser re direccionado, ya sea por un error o por condiciones especiales.
6. Si el Controlador determina que el flujo debe seguir, los datos pasaran a un servicio para
que se haga cargo de la accin CRUD correspondiente mientras tanto los saros se
encuentran en ViewModel.
7. El servicio recibe el VM los procesa segn la lgica de negocio, lo convierte a una
entidad que el repositorio pueda usar y se lo enva para tomar las acciones pertinentes.
El servicio implementa una interface predefinida, que me asegura que todos los
servicios mantengan la misma estructura as como un mnimo de mtodos requeridos
para responder las acciones del CRUD.
8. El repositorio por su parte es una clase Genrica que es capaz de adaptarse mecanismo
de persistencia que se haya configurado, pudiendo ser MySQL, SQL, etc. Esta clase
contiene los mtodos bsicos del CRUD y mtodos personalizados.
9. Si se trata de una consulta el repositorio responder con una entidad o una coleccin de
entidades, el servicio recibe estas entidades, las convierte en VM y las devuelve al
controlador. El controlador enva estos datos al ViewEngine encapsulados en el VM
para que sean convertidos en una respuesta usando la vista correspondiente.
10. La vista convertida en HTML, CSS, JavaScript, etc. es enviada de regreso al usuario
que ha realizado la solicitud. (Ojeda 2015, p. 7)

Ventajas de Asp.Net MVC4.

Es extensible

Es amigable con SEO (las url son muy sencillas, e implementan las acciones y
parmetros de forma natural, facilitando su acceso mediante buscadores) y
REST

Nos da un enorme control sobre la salida

Nos da un enorme control sobre el flujo

Nos separa de forma natural las responsabilidades

Se sigue basando en todo el framework existente ASP.Net (masterpages,

membership, etc.)

Se integra con el funcionamiento natural de la web, sin metforas que nos

acaben complicando la vida en cuanto tratamos de realizar cosas ms
complejas

Estabilidad y fiabilidad: se basa sobre el ms que probado framework asp.Net, e

integra casi cualquier elemento que nos pueda hacer falta

24

Facilita los cambios (s, esta vez de verdad, de forma muy superior a como se
facilita en las aplicaciones N-tier)

Facilita separar el trabajo de los diseadores, que pueden editar directamente la

capa de presentacin, sin tener que pasar como ocurre con Silverlight con
herramientas especficas de diseo.

Se integra de forma natural con jQuery. (Miana 2011, p. 2)

1.2.3 BootstrapV3.

Bootstrap es un framework potente que combina los lenguajes Html5, Css3 y JavaScript
que permite simplificar el proceso de diseo web as como la compatibilidad en
navegadores, este framework tiene como capacidad de generar diseos Web baja la
filosofa de Resposnive Designer o tambin conocida como diseo web adaptable o
fluido, esto permite la adaptabilidad de la web segn el dispositivo mediante la
resolucin o la ventana del navegador.
Caractersticas del Bootstrap.
Entre las principales caractersticas tenemos. (Que es Twitter Bootstrap y sus ventajas en el diseo
web [sin fecha], p. 2)

Contiene JQuery
Los CSS se generan usando LESS
Sigue el estandar CSS3 y HTML5
Fcil de integrar
Compatible con mltiples navegadores
Distintos Layouts de serie para diferentes resoluciones

Ventajas y desventajas de utilizar el framework Bootstrap.

Ventajas.
-

Utiliza componentes y servicios como: HTML5 shim, Normalize.css, OOCSS, jQuery

UI, LESS y GitHub.
Es un conjunto de buenas prcticas que perduran en el tiempo.
La implementacin de HTML5 + CSS3
El famoso Grid system, que por defecto incluye 12 columnas fijas o fluidas,
dependiendo de si tu diseo ser responsivo o no.
El uso de LESS, que es una ampliacin a las famosas hojas de estilo CSS, pero a
diferencia de ests, funciona como un lenguaje de programacin, permitiendo el uso
de variables, funciones, operaciones aritmticas, entre otras, para acelerar y enriquecer
los estilos en un sitio web.
OOCSS, css orientado a objetos, que est organizado por mdulos independientes y
reutilizables en todo el proyecto.
Hay una enorme comunicad que soporta este desarrollo y cuenta con
implementaciones externas como WordPress, Drupal, SASS o jQuery UI.
Herramienta sencilla y gil para construir sitios web e interfaces. Una vez que
entiendas y domines su funcionamiento, vers lo fcil que es hacer efectos y disear
interfaces que te ahorran realmente mucho tiempo de trabajo.

25

Temas por defecto bastante optimizado y que puedes modificar o crear tu propio
temas. (Ventajas y desventajas de usar Bootstrap 2014, p. 2)

Desventajas.
-

Es necesario adaptarse a su forma de trabajo, si bien su curva de

aprendizaje es liviana, debers comprender y familiarizarte con su
estructura y nomenclatura.
Debes adaptar tu diseo a un grid de 12 columnas, que se modifican segn
el dispositivo.
Bootstrap por defecto te trae anchos, mrgenes y altos de lnea, y realizar
cambios especficos es por decir, un poco tedioso.
Es complicado, cambiar de versin si has realizado modificaciones
profundas sobre el core.
Si necesitas aadir componentes que no existen, debes hacerlos t mismo
en CSS y cuidar de que mantenga coherencia con tu diseo y cuidando el
responsive.
Un problema que he visto a menudo en muchos temas, es que el responsive
funciona bien, pero a nivel de diseo en ocasiones se le escapan ciertos
detalles que le quitan esttica al sitio . (Ventajas y desventajas de usar Bootstrap
2014, p. 3)

26

2. MARCO METODOLOGICO
3. MARCO DE RESULTADOS Y DISCUSION DE RESULTADOS

27