UNIVERSIDAD NACIONAL AUTNOMA DE MXICO

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

APls para el desarrollo de

aplicaciones:
Geolocalizacin

CURSOS EN LNEA

VALERIA RAMREZ RODRGUEZ

APls para el desarrollo de aplicaciones: Geolocalizacin

Valeria Ramrez Rodrguez

APls para el desarrollo de aplicaciones

El lenguaje HTML5 al integrarse de lleno con JavaScript nos proporciona
funcionalidades que mejoran el rendimiento de los equipos, la geolocalizacin, el
manejo de sistemas de almacenamiento, comunicaciones bidireccionales e
integracin a ambientes tridimensionales.
En pocas palabras integrando HTML, JavaScript y CSS3 podemos construir parte de
la funcionalidad en sistemas ms amplios y estructurados.
Una breve introduccin al tema del documento, antes de iniciar con los subtemas.

HTML

JavaScri
pt

CSS

Sistema del lado del

usuario final

Geolocalizacin
Como su nombre lo indica consiste en encontrar la localizacin geogrfica de algn
objeto en un sistema de coordenadas y posteriormente desplegarlo en pantalla o
trabajar con l.
Cuando hablamos de esta informacin se requiere un conjunto de software y
hardware pues se determinar fsicamente una determinada ubicacin. As pues en
el caso de los dispositivos mviles trabajan con el GPS y asociacin satelital para
poder determinar la ubicacin, En el caso de las computadoras locales se auxilian de
la direccin fsica IP, as pues antes de continuar es indispensable hacer hincapi
que estas funciones solo aplican con determinados permisos del lado del usuario
final.

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

APls para el desarrollo de aplicaciones: Geolocalizacin

Valeria Ramrez Rodrguez

Figura 1. Imagen obtenida de: http://aprenderinternet.about.com/od/Glosario/g/Que-es-geolocalizacion.htm

Descripcin
La manera en la que trabaja la geolocalizacin es triangulando varias seales. Esto
se da en el momento en que la computadora o el dispositivo mvil encienden la red
wifi y se captan todas las redes inalmbricas cercanas tomando en cuenta las
direcciones fsicas de estas redes.
Posteriormente se enciende el GPS de algn dispositivo que obtiene la direccin
fsica de los routers (MAC Address) conectados de manera cercana y todo esto se va
almacenando en una base de datos que despus puede ser consultada para obtener
su ubicacin ya que rara vez estos dispositivos cambian de lugar.
Cuando una aplicacin utiliza la geolocalizacin por cualquier medio, esta se
conecta a una lista completa de MAC Address de todos aquellos equipos cercanos
que est detectando, posteriormente el sistema triangula estas ubicaciones y donde
converjan estamos hablando de la ubicacin casi exacta del dispositivo que
consulta.

Aplicaciones
El conocer la ubicacin de algn equipo en particular, abre un mundo de
aplicaciones en dnde se puede utilizar esta caracterstica. Por ejemplo en el caso
de los dispositivos mviles, se puede ofrecer cualquier servicio disponible alrededor
de un cliente en el momento en el que este pase por determinado lugar.
As mismo en el caso de buscar algn servicio o aplicacin, le podemos ofrecer al
cliente aquellas opciones que le queden ms cerca como es el caso de un servicio
mdico o de una papelera cercana, etc.
Por otro lado gracias al uso de GPS y Geolocalizacin es como hoy en da se
construyen aplicaciones que informan del trfico en determinado momento. La
geolocalizacin tambin permite ponerse en contacto con conocidos y saber dnde
estn o informales a ellos o a nuestros clientes que ya estamos en algn negocio, se
puede hacer un conteo de los clientes cercanos y fieles, para ofrecerles a stos
buenas ofertas cuando pasen cerca del lugar de algn negocio. Y por supuesto esta
Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

APls para el desarrollo de aplicaciones: Geolocalizacin

Valeria Ramrez Rodrguez

herramienta es fundamental cuando se est buscando algn lugar cercano en la

ciudad o se est perdido.

Figura 2. Imgenes obtenidas de: http://www.redusers.com/noticias/senadores-piden-geolocalizacionobligatoria-en-celulares/

Funcionamiento
HTML5 se fusiona en este sentido con google y nos permite crear sistemas que
pueden encontrar o mostrar un sitio en particular a nuestro usuario final. Esto ltimo
nos permite realizar visitas virtuales por la ciudad alrededor del punto a localizar.

Figura 3. Imagen obtenida de: http://www.redes-sociales.com/2014/03/20/el-valor-de-la-geolocalizacion-2/

Para implementar esta funcin se construir una librera JavaScript que

implementar la manera de obtener la latitud, longitud y exactitud. De tal manera
se tendr un archivo HTML que desplegar la informacin que consultar apoyado
de la librera .js que llamaremos geolocation.js

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

APls para el desarrollo de aplicaciones: Geolocalizacin

Valeria Ramrez Rodrguez

Documento HTML
<!DOCTYPE html>
<html lang="es">
Llamando a la librera

<head>
<title>Ejemplo1</title>

<script src="geolocation.js"></script>
</head>
<body>
<header > <h1> Encabezado h1 </h1> </header>

Generando la seccin donde se desplegar la ubicacin nombrndola con

<section id="ubicacion">
<button id="obtener" onClick="obtener()">Obtener mi
ubicacin</button>
</section>
Al dar clic, se llama a la funcin obtener() definida en la librera geolocation.js

<footer >

<h2

>Pie de p&aacute;gina </h2>

</footer>

</body>
</html>
Se construye una librera por funcionalidad para no mezclar todo el cdigo en un
solo archivo, de tal manera que si se requiere actualizar solo sea este archivo.
A continuacin se describir a grandes rasgos las funciones definidas en esta librera
Golocation.js
La siguiente funcin pone en marcha todo el mecanismo para obtener la ubicacin.
function obtener(){
//Se pregunta si el navegador soporta esta aplicacin
if (navigator.geolocation)
{
//En caso positivo mandamos llamar la funcin que obtendr
nuestra ubicacin (mostrar) y si encuentra algn error
mandamos llamar la funcin (error)
navigator.geolocation.getCurrentPosition (mostrar, error);
} else {
Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

APls para el desarrollo de aplicaciones: Geolocalizacin

Valeria Ramrez Rodrguez

//De no soportar esta funcionalidad en el id definido con

prioridad llamado ubicacin se desplegar un error al
usuario final.
var ubicacion= document.getElementById("ubicacion");
ubicacion.innerHTML="Geolocalizacin no est soportada en su
navegador.";
}
}
La siguiente funcin es la que se llama mostrar y es la que finalmente obtiene la
posicin buscada.
function mostrar(posicion){
//Se llama a la variable donde imprimiremos el resultado
var ubicacion= document.getElementById("ubicacion");
var datos='';
//Se obtienen las coordenadas de la latitud
datos+="Latitud:"+posicion.coords.latitude+"</br>";
// Se obtienen las coordenadas de la longitud
datos+="Longitud:"+posicion.coords.longitude+"</br>";
// Se obtienen las coordenadas de la exactitud
datos+="Exactitud:"+posicion.coords.accuracy+"mts.</br>";
//Se imprime el resultado en el objeto de id ubicacin
ubicacion.innerHTML=datos;
}
Esta funcin maneja cualquier error en caso de no poderse obtener la posicin.
Observemos que la geolocalizacin depende mucho de los permisos que
permita el usuario final o los que el navegador tenga por default.
function error(error){
var ubicacion= document.getElementById("ubicacion");
switch(error.code)
{
case error.PERMISSION_DENIED:
ubicacion.innerHTML="El usuario deneg el acceso a
Geolocalizacin."
break;
case error.POSITION_UNAVAILABLE:

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

APls para el desarrollo de aplicaciones: Geolocalizacin

Valeria Ramrez Rodrguez

ubicacion.innerHTML="Imposible obtener informacin, "

break;
case error.TIMEOUT:
ubicacion.innerHTML="El tiempo de espera se agot,
puede que el servidor que provee dicha informacin
est cado."
break;
case error.UNKNOWN_ERROR:
x.innerHTML="Se desconoce el error."
break;
}
}
La funcin de geolocalizacin cuenta con una variable que trae todos los datos a
consultar segn se muestra en la tabla:
Propiedad

Descripcin

coords.latitude

La latitud dada en nmeros decimales

coords.longitude

La altitud dada en nmeros decimales.

coords.accuracy

Exactitud en metros

coords.altitude

Altitud dada en decimales

coords.altitudeAccurac
Exactitud de la altitud en metros
y
coords.heading

Direccin en grados

coords.speed

Velocidad en metros por segundo

timestamp

Tiempo de respuesta de la funcin

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin