Visor Sofia2 Geographics

Sofia2 Geographics es una demo para mostrar las capacidades de Sofia2 a la integradas sobre un interfaz dinámico con acceso a datos en soft real time.

Se puede encontrar en la web de Sofia2 la sección desarrollador:

http://sofia2.com/Examples/Geographics.html

Funcionalidades del Visor

Autobuses Coruña y Gijón, en Tiempo Real

El SIB Sofia2 es alimentado con datos a tiempo real de los ayuntamientos de La Coruña y Gijón. El visor consulta la plataforma para actualizar un mapa con las posiciones de los autobuses.

Posibilita la selección de rutas de autobuses mediante la banda a la izquierda. Estas rutas quedan resaltados en el mapa:

Al seleccionar cada autobús ofrece información acerca de la línea, tipo, última parada y la hora a la que pasó y la próxima parada.

Antenas de Rivas Vaciamadrid

El SIB Sofia2 es alimentado con datos a tiempo real de las antenas de recogida de información distribuidas por el ayuntamiento de Rivas.

La ventana de información de las antenas da los datos de identificación, ubicación, temperatura media y una muestra del histórico de las temperaturas recogidas en las últimas horas hasta el momento actual.

Buscador de Tweets

El visor posibilita la búsqueda de Tweets geolocalizados mediante un buscador de área y palabras clave.

Se escribe una palabra y la plataforma Sofia2, mediante el API de Twiter, devuelve los tweets filtrados en el área de búsqueda.

La información de un tweet incuye la foto, usuario, fecha, mensaje, retweets, url origen y una valoración positiva/negativa/neutral realizada en la plataforma Sofia2 del mensaje.

Un click en la foto abrirá una página hacia el perfil del usuario en twitter.com

También se mostrará una banda de estadísticas relacionadas con la búsqueda.

Características Tecnológicas del Visor

  • Multidispositivo (basado en HTML, CSS, Document Object Model (DOM) y Javascript)
  • Utiliza el Canvas de HTML5 junto con las APIs de animación EASELJS y TWEENJS
  • Capacidades de consulta a KPs de Sofia2 mediante DWR Ajax
  • Posicionamiento de datos en el API Google Maps
  • Graficas mediante Open source HTML5 chartjs

Infraestructura de las Vistas

Para el diseño de la infraestructura gráfica se ha utilizado el IDE Flash CC Professional de Adobe. Ofrece un entorno de creación de contenido multimedia y diseños web interactivos. En sus últimas versiones de soporte para diseños sobre el Canvas de HTML5.

El visor Sofia2 Geographics aprovecha la funcionalidad a alto nivel del IDE para la elaboración del interfaz e interacciones con el usuario.

Geolocalizaciones con Google Maps

Google Maps API es una colección de utilidades y herramientas provistas por Google.

Permite construir visores geográficos basados en Google Maps, asi como acceder a sus servicios.

Overlapping Marker Spiderfier para Google Maps

Complemento para el API de google maps que separa los apilamientos de markers en radios, facilitando la selección de uno de ellos.

TimeCircles

TimeCircles es un plugin de jquery que permite de un modo sencillo y flexible introducir un contador temporal.

ChartJS

Es una librería que permite la construcción de graficas. Tiene un set de componentes muy completo que permiten mostrar graficas con multiples orígenes, dinámicas, animadas…

Visor Sofia2 Geographics

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s