SISTEMA DE INFORMACION DEL DEPARTAMENTO DE

TARIJA
(SIDTA)
CAPITULO I
A.

INTRODUCCION
Los avances tecnolgicos que se han producido en las ltimas
dcadas han facilitado el acceso a grandes volmenes de
informacin, lo que a su vez ha hecho ms complejo su manejo, al
mismo tiempo que la componente espacial de los datos ha ido
adquiriendo cada vez ms relevancia.
Los Sistemas de Informacin Geogrfica (SIG), por su capacidad
para gestionar y analizar variables espaciales, constituyen una
herramienta cada vez ms utilizada por disciplinas muy diversas,
desde las ms tcnicas hasta los distintos campos dentro de las
ciencias sociales.
La ventaja ms destacada que presentan es su capacidad para
analizar informacin temtica y espacial al mismo tiempo. Por un
lado, la base de datos con la que trabaja el SIG puede ser
permanentemente actualizada y, por otro, el hecho de trabajar con
datos espaciales permite cartografiar la informacin obtenida.
La elaboracin del Sistema de Informacin del Departamento de
Tarija (SIDTA) conlleva identificar varias posiciones de los distintos
lugares de inters para que estos puedan ser mapeados con la
ayuda de herramientas web, tales como SIMILE EXHIBIT y Google
Maps.

B.

PLANTEAMIENTO DEL PROBLEMA

1.

Identificacin del problema.

1

Ausencia de una herramienta Web de fcil acceso y manejo

que permita la visualizacin de datos espaciales en el
Departamento de Tarija.

2.

Formulacin del problema.

Qu herramientas tecnolgicas de visualizacin espacial
sern las necesarias para disear el Sistema de Informacin
del Departamento de Tarija?

C.

OBJETIVOS
1.

Objetivo General
Desarrollar un aplicativo web de visualizacin espacial que
permita

la

consulta

de

posicin

caractersticas

de

entidades geogrficas en el Departamento de Tarija.

2.

Objetivos Especificos
a.

Construir una base de datos espacial que permita el

almacenamiento

b.

gestin

de

la

informacin

geogrfica.
Implementar un Sistema de Informacin Geogrfica
usando una plataforma libre que permita la interaccin
entre el usuario, los datos y los resultados de forma

c.

fcil y sencilla.
Generar una aplicacin web para la visualizacin y
consulta de datos del Departamento de Tarija

D.

JUSTIFICACION
1.

Justificacin Tcnica
El presente trabajo proporcionara informacin detallada y
actualizada de los distintos lugares de inters en el
departamento de Tarija.
2

2.

Justificacin Social
La tecnologa de la cartografa web o su acrnimo en ingls
Web Mapping impulsara la planificacin y gestin de
actividades desarrolladas por las personas del departamento
de Tarija y las que visiten el mismo.

3.

Justificacin Econmica
El uso de herramientas de cdigo abierto (Open Source)
facilitara y reducir el costo y la gestin del aplicativo web.
Mediante el uso de herramientas como ser el API de Google
Maps V3, SIMILE EXHIBIT 3.0, Sublime Text,

E.

ALCANCE
1.

Alcance Temtico
El

alcance

temtico

del

Sistema

de

Informacin

del

Departamento de Tarija SIDTA abarca los conocimientos de

Cartografa Digital, Sistemas de Informacin Geogrfica,
Tecnologas Web, Visualizacin Espacial, Cartografa Web,
Geodesia Geometrica, etc., estas especialidades de la
Geografia permitirn el desarrollo de la aplicacin Web.
2.

Alcance Geogrfico
El presente trabajo toma en cuenta el departamento de
Tarija ubicado al sur del pas.

3.

Alcance Temporal
El presente proyecto se desarrollara desde febrero de 2015
hasta el mircoles 17 de junio de 2015

CAPITULO II
A.

MARCO TEORICO
1.

Simile Exhibit
Exhibit le permite crear fcilmente pginas Web con
bsqueda de texto y funcionalidades avanzadas de filtrado,
con

mapas

interactivos,

lneas

de

tiempo

otras

visualizaciones. El software de exposiciones 3.0 dispone de

dos modos distintos: El guin, escrito para la construccin de
pequeos

objetos

expuestos

en

el

navegador,

y por

etapas para las Pruebas basadas en servidores ms grandes.

2.

AJAX.
Acronimo de Asynchronous JavaScript And XML (JavaScript
asncrono y XML), es una tcnica de desarrollo web para
crear

aplicaciones

interactivas

o RIA (Rich

Internet

Applications). Estas aplicaciones se ejecutan en el cliente, es

decir, en el navegador de los usuarios mientras se mantiene
la comunicacin asncrona con el servidor en segundo plano.
De esta forma es posible realizar cambios sobre las pginas
sin necesidad de recargarlas, mejorando la interactividad,
velocidad y usabilidad en las aplicaciones.
Ajax es una tecnologa asncrona, en el sentido de que los
datos adicionales se solicitan al servidor y se cargan en
segundo plano sin interferir con la visualizacin ni el
comportamiento de la pgina. JavaScript es el lenguaje
interpretado (scripting language) en el que normalmente se
efectan las funciones de llamada de Ajax mientras que el
acceso a los datos se realiza mediante XML Http Request,
objeto disponible en los navegadores actuales. En cualquier
4

caso, no es necesario que el contenido asncrono est

formateado en XML.
Ajax es una tcnica vlida para mltiples plataformas y
utilizable en muchos sistemas operativos y navegadores
dados que est basado en estndares abiertos como
JavaScript y Document Object Model (DOM).
3.

HTML
HTML, siglas de HyperText Markup Language (lenguaje de
marcas de hipertexto), hace referencia al lenguaje de
marcado para la elaboracin de pginas web. Es un estndar
que sirve de referencia para la elaboracin de pginas web
en sus diferentes versiones, define una estructura bsica y
un cdigo (denominado cdigo HTML) para la definicin de
contenido de una pgina web, como texto, imgenes, videos,
entre otros. Es un estndar a cargo de la W3C, organizacin
dedicada a la estandarizacin de casi todas las tecnologas
ligadas a la web, sobre todo en lo referente a su escritura e
interpretacin.
El lenguaje HTML basa su filosofa de desarrollo en la
referenciacin. Para aadir un elemento externo a la pgina
(imagen, vdeo, script, entre otros.), este no se incrusta
directamente en el cdigo de la pgina, sino que se hace una
referencia a la ubicacin de dicho elemento mediante texto.
De este modo, la pgina web contiene slo texto mientras
que recae en el navegador web (interpretador del cdigo) la
tarea de unir todos los elementos y visualizar la pgina final.
Al ser un estndar, HTML busca ser un lenguaje que permita
que cualquier pgina web escrita en una determinada

versin,

pueda

ser

interpretada

de

la

misma

forma

(estndar) por cualquier navegador web actualizado.

4.

CSS
Hoja de estilo en cascada o CSS (siglas en ingls de
cascading style sheets) es un lenguaje usado para definir y
crear la presentacin de un documento estructurado escrito
en HTML o XML2 (y por extensin en XHTML). El World Wide
Web Consortium (W3C) es el encargado de formular la
especificacin de las hojas de estilo que servirn de estndar
para los agentes de usuario o navegadores.
La idea que se encuentra detrs del desarrollo de CSS es
separar la estructura de un documento de su presentacin.
La informacin de estilo puede ser definida en un documento
separado o en el mismo documento HTML. En este ltimo
caso podran definirse estilos generales en la cabecera del
documento o en cada etiqueta particular mediante el
atributo style

5.

JAVASCRIPT
JavaScript (abreviado comnmente "JS") es un lenguaje de
programacin

interpretado,

dialecto

del

estndar

ECMAScript. Se define como orientado a objetos,basado en

prototipos, imperativo, dbilmente tipado y dinmico.
Se utiliza principalmente en su forma del lado del cliente
(client-side), implementado como parte de un navegador
web permitiendo mejoras en la interfaz de usuario y pginas
web dinmicas4 aunque existe una forma de JavaScript del
lado del servidor (Server-side JavaScript o SSJS). Su uso en
aplicaciones externas a la web, por ejemplo en documentos
6

PDF, aplicaciones de escritorio (mayoritariamente widgets)

es tambin significativo.
JavaScript se dise con una sintaxis similar al C, aunque
adopta

nombres

convenciones

del

lenguaje

de

programacin Java. Sin embargo Java y JavaScript no estn

relacionados y tienen semnticas y propsitos diferentes.
Todos los navegadores modernos interpretan el cdigo
JavaScript integrado en las pginas web. Para interactuar con
una pgina web se provee al lenguaje JavaScript de una
implementacin del Document Object Model (DOM).
Tradicionalmente se vena utilizando en pginas web HTML
para realizar operaciones y nicamente en el marco de la
aplicacin cliente, sin acceso a funciones del servidor.
JavaScript se interpreta en el agente de usuario, al mismo
tiempo que las sentencias van descargndose junto con el
cdigo HTML.

6.

VISUALIZACIN ESPACIAL
Uno de los elementos fundamentales en la adquisicin de
conocimiento en general, son los procesos de exploracin
visual o visualizacin espacial. La mayor parte de los autores
se refieren a ste como un componente importante para
cualquier transmisin o diseminacin de datos e informacin.
En la actualidad el desarrollo tecnolgico y la revolucin
tcnica asociada a ste afectan al desarrollo de todas las
ciencias, entre ellas a las sociales relacionadas con el
territorio.
Como lo afirma MacEachren (TAYLOR, 2004), la Cartografa
es una de las ciencias que ms se ha visto influida por esta
7

revolucin, la aparicin de herramientas informticas cada

vez ms potentes de visualizacin, la utilizacin de nuevos
medios de comunicacin, como vas para modernizar el
proceso de comunicacin global, todo ello aunado a la
incorporacin

de

los

Ambientes

Virtuales,

permitiendo

vislumbrar cambios significativos en el desarrollo de modelos

de sistemas geotemporales que hasta ahora han marcado el
trabajo cartogrfico.
Segn Kraak (KRAAK, 2003), la Geovisualizacin es definida
como: La alternativa para visualizar datos geogrficos y
posibilita el acceso interactivo a los datos de un mapa, este
proceso es realizado por la combinacin de los grficos o las
imgenes, utilizacin de herramientas geocomputacionales y
el empleo de base de datos que contengan datos espacio
temporales.
De este modo, es posible considerar a la Geovisualizacin
como una herramienta trascendente recurriendo a complejas
tecnologas informticas para crear imgenes visuales, a fin
de facilitar la comprensin y resolucin de problemas
geoespaciales.

7.

API V3 DE GOOGLE MAPS

Antes de que hubiera

una

API

pblica,

algunos

desarrolladores descubrieron la manera de hackear Google

Maps para incorporar los mapas en sus propios sitios web.
Esto llev a Google a la conclusin de que haba una
necesidad de una API pblica, y en junio de 2005 fue lanzado
pblicamente.
El mashup por primera vez en Internet es a menudo
considerado

que

lo

ejerci
8

Housingmaps.com,

una

combinacin de Google Maps con los listados de bienes

races de Craiglist.org. Fue creado de hecho antes de la API
pblica fuera puesto en libertad y fue hackeado por el
desarrollador Paul Rademacher. En mayo de 2010, se
anunci

la

versin

del

API.

Ahora

es

la

opcin

recomendada para las nuevas aplicaciones de Google Maps y

el siguiente paso en la historia de Google Maps.
B.

MARCO METODOLOGICO
1.

CRONOGRAMA DE ACTIVIDADES
a) Fase de Identificacin
a. Descripcin del Sistema
b. Definicin de Requerimientos
c. Seleccin de Herramientas
b) Fase de Diseo
a. Definicin de la arquitectura del sistema
b. Definicin de los mdulos del sistema
c) Fase de implementacin
a. Construccin de la base de datos
b. Construccin de la interfaz grfica
c. Pruebas y Afinamiento del sistema

CAPITULO IV
1.

MARCO PRCTICO
9

1.1

DISEO DE LA BASE DE DATOS ESPACIALES

Para el diseo de la base de datos espaciales se plante un

diccionario de datos geogrficos que se muestra en la siguiente
grfico:

SIDTA
Sistema de Informacin del Departamento
de Tarija

CARRETER
AS

PROVINCI
AS

MUNICIPIOS
VIAS
PRINCIPALES

MUNICIPI
OS

Hospitales
Clnicas

TURISMO

EDUCACIN

SALUD

Educacin
Humanstica
Educacin Superior

Iglesias
Restaurantes
Hoteles
Centros de la
Ciudad

Figura 1. Diagrama de Base de Datos

1.2

DIGITALIZACIN DE ENTIDADES GEOGRFICAS

10

La digitalizacin de las distintas entidades geogrficas que se van a

visualizar en el SIDTA se ha llevado a cabo con la ayuda de
PersoWanadoo Juckar que es una herramienta web que nos permite
obtener las coordenadas geogrficas de cada una de las entidades

Figura 2. Herramienta Web PersoWanadoo Juckar

Adems de esta herramienta tambin se us la aplicacin de

escritorio Google Earth para digitalizar y visualizar datos.

Figura 3. Google Earth

1.3

GENERACION DE METADATOS

11

Una vez realizada la digitalizacin de entidades geogrficas se

procede al llenado de metadatos con la ayuda de Microsoft Excel
para posteriormente su transformacin en json con la ayuda de la
herramienta Babel.

Figura 4. Datos en formato json

1.4 DESARROLLO DE APLICACIN WEB

1.4.1 HTML
El interfaz de la Aplicacin Web se desarroll sobre una
arquitectura HTML para poder visualizar las entidades geogrficas
en la Web, para esto se utilizaron las siguientes herramientas

Figura 5. Interfaz del SIDTA

1.4.1.1

CSS
12

Se program los estilos de las distintas pginas web

utilizadas en la aplicacin Web en archivos .css que poseen
los distintos tamaos y formas en la que se va a mostrar la
Aplicacin Web

Figura 6. Ejemplo de archivo CSS

1.4.1.2

JAVASCRIPT

La programacin en javascript se desarroll sobre SIMILE

EXHIBIT que nos proporciona las herramientas para poder
visualizar los datos y realizar consultas entre los distintos
datos almacenados en la base de datos geogrficos.

Figura 7. Programacin en Javascript

1.4.1.3

JSON

Se almaceno las coordenadas y los metadatos en formato

json que nos permite la compatibilidad entre Simile Exhibit y
Google Maps.
En los distintos archivos que se encuentran en formato json
se encuentran almacenados los puntos de posicin (Latitud,

13

Longitud), los distintos metadatos que posee cada una de las

entidades geogrficas.

Figura 8. Base de Datos en JSON

CAPITULO V
1. RESULTADOS Y EVALUACION
Los resultados obtenidos cumplen con satisfaccin lo esperado ya que
sobre la aplicacin web se visualizan los datos y se pueden realizar
consultas mediante un interfaz amigable para el usuario

Figura 10. Interfaz de SIDTA

14

Figura 11. Interfaz de consulta de SIDTA

Figura 12. Interfaz de Consultas sobre los municipios y provincias de Tarija

15

Figurra 13. Interfaz de consulta en Municipios ms importantes de Tarija

Figura 14. Interfaz de simulacin con movimiento de la ruta del vino

CAPITULO VI
CONCLUSIONES Y RECOMENDACIONES
Se implement un aplicativo web mediante la integracin de
herramientas SIG de cdigo abierto que permite llevar a cabo consultas

16

y visualizacin de cualquier tipo de variable espacial con valores

cualitativos realizadas por los usuarios.
Los resultados obtenidos tanto en visualizacin como en consultas
fueron tan veraces como las realizadas por cualquier software GIS de
escritorio, por otra parte en cuanto a los tiempos de procesamiento se
encontr que estos fueron linealmente dependientes de la velocidad de
acceso que se tiene a internet y de la estructura de los datos.
Para el uso de la herramienta es conveniente trabajar con reas
pequeas para un mejor despliegue de informacin para que esta sea
ms entendible.

17