13 Widgets que hacer una visualización de datos en tiempo real impresionante

Si usted es una persona ocupada que en realidad no tienen un montón de tiempo para ver las noticias todos los días, pero te gusta estar al día con los últimos eventos importantes como las grandes tormentas, el mercado de valores o cambios importantes en todo el mundo , una pantalla gráfica es mucho más eficiente.

Usted probablemente ha visto ejemplos de algunas oficinas del agente de bolsa donde hay un monitor con una gran cantidad de cuadros, gráficos y otros gráficos que muestran todos los datos en tiempo real. O tal vez usted podría haber visto esas frías pantallas centro de lanzamiento de la NASA con todo tipo de datos importantes de desplazamiento por la pantalla.

En mi opinión, esa es la mejor manera de mostrar una gran cantidad de información en un espacio pequeño. Y si usted está trabajando con dos o tres pantallas como yo, entonces usted tiene el espacio del monitor para tener una pantalla todo el tiempo - donde se puede ver lo que está pasando en todo el mundo con sólo un vistazo.

En este artículo, voy a caminar a través de mis esfuerzos para armar ese tipo de pantalla utilizando herramientas muy simples de diseño web y técnicas. También voy a compartir 15 de los mejores widgets de paneles en línea que he encontrado a través de Internet que ayudó a construir esta gran pantalla de información de la información mundial.

La construcción de una visualización en tiempo real de los datos Mundial

Uno de los primeros lugares que fui a fin de construir una pantalla informativa es tal Netvibes. Aibek reconoció el valor de Netvibes Hace años, y hemos cubierto el sitio con frecuencia, tales como Artículo impresionante de Angela sobre la manera de utilizarlo para administrar su vida.Cómo administrar su vida completamente en línea utilizando NetvibesCómo administrar su vida completamente en línea utilizando NetvibesLee mas

Me gusta mucho Netvibes también, y después de leer el artículo de Angela, me empezó a usarlo para organizar enlaces y herramientas para cada una de las tareas más importantes que tengo que hacer en línea. Es bueno tener todo en un solo lugar. Sin embargo, cuando he intentado usar el gadget HTML para incrustar widgets en la página, me di cuenta de que no funciona muy bien. Puede cambiar el ancho, pero la altura parece permanecer fijo - cortando los widgets más grandes.

Después de probar algunos otros sitios - Protopage fue otro que no funcionó bien. Añadió demasiado espacio en los laterales de los widgets, y no permitió el cambio de tamaño adecuado. Así que, después de pasar demasiado tiempo tratando de hacer que las páginas funcionan preexistentes, decidí recurrir a diseñar una página desde cero.Cómo hacer que una cartera de su trabajo en línea con ProtopageCómo hacer que una cartera de su trabajo en línea con ProtopageLee mas

Vídeo: Técnica de visualización en el deporte - Salud + Deportes - PGM 09

Yo quería llegar a una solución que alguien pudiera hacer, independientemente de la experiencia de diseño web. Mi WYSIWYG herramienta de diseño web de elección es kompozer. El único inconveniente de este método es que utiliza tablas, que en el mundo de los diseñadores web se considera arcaico en comparación con el uso de CSS. Pero por razones de simplicidad, vamos a utilizar Kompozer y presentar a los Componentes de la derecha en la página.

Así es como la vista de diseño en Kompozer se ocupa de que haya insertado una mesa - en este caso uso una mesa de 4 por 4, pero se puede hacer cualquier tamaño que desee.

En primer lugar, haga clic derecho en la tabla y cambiar las propiedades para que las líneas no son de color (invisible). El primer widget I insertado en la celda superior izquierda era un widget de reloj fresco de clocklink.com. En virtud de eso, he añadido un widget del tiempo de Accuweather.com - uno de mis favoritos, ya que muestra una pantalla gráfica fresca de radar de cualquier tormenta que se acercan.

En cada caso, simplemente haga clic dentro de la celda que quiero insertar código del widget, a continuación, haga clic en el menú Insertar y seleccione HTML. Sólo tienes que pegar el código del widget en la ventana que aparece.

Usted puede notar el widget no está centrada, o se nota demasiado lejos hacia abajo desde la parte superior de la celda. Eso es fácil de solucionar en Kompozer sin tener conocimientos de programación en absoluto. Simplemente haga clic en la celda, seleccione Propiedades de la celda de tabla, y luego cambiar la alineación de contenido a lo que se ve mejor.

Para probar los cambios, sólo guardar el archivo en el equipo local como un archivo HTML, y luego ver el archivo utilizando su navegador favorito. Si realmente estás teniendo problemas, siempre se puede insertar código si realmente tiene que hacerlo. En Kompozer, puede editar la página haciendo clic en la pestaña “fuente”. Por ejemplo, había un par de casos en los que sólo tenía que insertar un salto
para forzar un espacio entre algunos de los widgets que lo coloca dentro de la misma celda.

Añadiendo tres más de los mejores widgets que encontré que había desarrollado la pantalla de información en tiempo real se muestra a continuación. Los tres widgets fresco que he ido añadiendo fueron los precios del gas de flash gas-cost.net, y el widget de materias primas y tipos de cambio actuales widgets de 100widgets.com.

Estos son todos los widgets en tiempo real, visualización de los datos actuales de todo el mundo. Ahora tengo hasta a los segundos datos sobre precios, tipos de archivo y tiempo, todo con un solo golpe de vista. Sin embargo, sólo se llena la mitad de la página Web, y tenemos mucha más información para construir en esta página - dos más columnas completas de los datos para ser exactos.

Vídeo: Ejercicio de Visualización de Luis Miguel Berjón

Otro widget genial que he añadido a la página fue widget de configuración del usuario de 100widgets.com. Esto le proporciona información en cuanto a su dirección IP actual, la información de la computadora y ventanas / versión del navegador. Esto es útil cuando se está en el camino y la conexión a la página de un hotel o de la biblioteca y necesita saber su IP actual. También he añadido el muy fresco Contadores mundo y los índices de widgetbox.com.

Un par de otros widgets útiles que vale la pena mencionar para este tipo de página completa visualización en tiempo real - la primera es una widget de cuenta atrás de widgetbox.com. Cuando lo creó, se le da una fecha y evento para contar en forma descendente, y se nota en el widget de texto como una cuenta regresiva hacia ese evento (ver la gran pantalla que se muestra dos imágenes de aquí abajo).

Y no visualización de datos de ciencia ficción en busca estaría completa sin un gráfico girada de la tierra que muestra información de la temperatura en tiempo real desde cualquier punto del planeta que le guste. Usted puede conseguir que los datos de la widget del tiempo-3D de Widgetbox.com.

En la imagen de abajo de mi página completa salpicadero datos en tiempo real, se puede ver la cuenta atrás en la parte superior de la página (me inserté centrado antes de la propia tabla), y el mundo del tiempo 3d justo por debajo del widget de cuenta regresiva mundo. En la última columna de la tabla he añadido el nivel actual amenaza DHS, curvas atractivas (Más para la decoración que cualquier otra cosa - se ve bien), y finalmente el tiempo real widget de alerta del Centro Nacional de Huracanes.

Con la página finalmente completado, ahora tengo acceso a la hora actual, el clima local y global, información bursátil, los precios de la gasolina actuales, alertas de huracán actuales, los niveles nacionales de amenaza y por supuesto las cargas de datos del mundo en el widget de cuenta atrás mundo.

Se pueden ajustar este tipo de pantalla con la información que desee mediante la búsqueda de otros widgets informativos en cualquiera de los principales sitios de widget, y luego insertarlos en su diseño donde quieras. la capacidad de kompozer para centrar y alinear las células se permitirá hacer toda la pantalla un aspecto limpio y muy fresco fácilmente. Una vez que haya terminado, sólo puede cargar el archivo HTML para su propio servicio de alojamiento web para que pueda acceder a ella desde cualquier lugar del mundo.

Crear su propio tablero de información y háganos saber cómo va. ¿Qué otros widgets útiles has descubierto para obtener información en tiempo real? Comparte ellos en el área de comentarios a continuación - Me gustaría ver lo que otras personas fantásticos componentes encontrados!