13 Widgets que fazem uma fantástica exibição de dados em tempo real

Se você é uma pessoa ocupada que não tem realmente um monte de tempo para verificar as notícias todos os dias, mas você gosta de manter-se atualizado com as últimas grandes eventos como grandes tempestades, o mercado de ações ou mudanças importantes em todo o mundo , um display gráfico é muito mais eficiente.

Você provavelmente já viu exemplos de alguns escritórios de corretor da bolsa onde há um monitor com lotes de mapas, gráficos e outros gráficos de todos os dados exibindo em tempo real. Ou talvez você pode ter visto esses legais NASA centro de lançamento é exibida com todos os tipos de dados importantes de rolagem na tela.

Na minha opinião, essa é a melhor maneira de mostrar um monte de informações em um espaço pequeno. E se você está trabalhando com duas ou três telas como eu sou, então você tem o espaço do monitor para ter uma tela para cima o tempo todo - onde você pode verificar o que está acontecendo em todo o mundo com apenas um olhar.

Neste artigo, vou orientá-lo através de meus esforços para montar esse tipo de exibição usando ferramentas e técnicas muito simples web-design. Eu também estou indo para compartilhar 15 dos melhores widgets do Dashboard online que eu encontrei em toda a Internet que ajudaram a construir este grande display informativo de informação mundo.

Construir uma visualização em tempo real de dados Mundial

Um dos primeiros lugares que eu fui, a fim de construir uma exposição tão informacional é Netvibes. Aibek reconheceu o valor da Netvibes anos atrás, e cobrimos o site, muitas vezes, como artigo incrível de Angela sobre como usá-lo para gerenciar sua vida.Como gerenciar a sua vida completamente Online Usando NetvibesComo gerenciar a sua vida completamente Online Usando Netvibesconsulte Mais informação

Eu realmente gosto Netvibes também, e depois de ler o artigo de Angela, eu realmente comecei a usá-lo para organizar links e ferramentas para cada uma das principais tarefas que eu tenho que fazer online. É bom ter tudo em um só lugar. No entanto, quando eu tentei usar o gadget HTML para incorporar os widgets na página, eu notei que ele não funciona muito bem. Você pode redimensionar a largura, mas a altura parece permanecer fixo - cortando os widgets maiores.

Depois de tentar algumas outros sites - Protopage foi outro que não funcionou direito. Acrescentou muito espaço nas laterais dos widgets, e não permitir o redimensionamento adequada. Então, depois de passar muito tempo tentando fazer páginas preexistentes trabalhar, decidi recorrer a concepção de uma página a partir do zero.Como fazer um portfólio de seu trabalho em linha com ProtopageComo fazer um portfólio de seu trabalho em linha com Protopageconsulte Mais informação

Video: TOP 5 WIDGETS para iPhone!

Eu queria chegar a uma solução que qualquer um poderia fazer, independentemente da experiência web-design. Minha ferramenta web design WYSIWYG de escolha é Kompozer. A única desvantagem com esta abordagem é que ele usa tabelas, que no mundo da web designers é considerado arcaico comparado ao uso de CSS. Mas, para simplificar, vamos usar Kompozer e colocar para fora os widgets direita na página.

Veja como a visão de design no Kompozer cuida de você inseriu uma tabela - neste caso, eu uso um 4 por 4 mesa, mas você pode fazer isso de qualquer tamanho que você quiser.

Primeiro, clique direito sobre a mesa e alterar as propriedades para que as linhas não são de cor (invisível). O primeiro widget I inserido na célula superior esquerda foi um widget de relógio legal de clocklink.com. Sob esse, eu adicionei um widget do tempo de Accuweather.com - um dos meus favoritos, porque mostra um display de radar gráfica legal de quaisquer tempestades que se aproximam.

Em cada caso, eu simplesmente clique dentro da célula que eu quero inserir código do widget, em seguida, clique no menu Inserir e escolha HTML. Basta colar o código do widget na janela que aparece.

Você pode notar o seu widget não está centralizada, ou ele mostra-se muito abaixo do topo da célula. Isso é fácil de corrigir no Kompozer sem qualquer conhecimento de codificação em tudo. Basta clicar sobre a célula, escolha as propriedades da célula da tabela, e em seguida, altere o alinhamento do conteúdo para qualquer parece melhor.

Para testar as alterações, basta salvar o arquivo em seu computador local como um arquivo HTML, e em seguida, exibir o arquivo usando seu navegador favorito. Se você está realmente tendo problemas, você sempre pode inserir o código se você realmente precisa. Em Kompozer, você pode editar a página clicando na guia “fonte”. Por exemplo, havia um par de casos em que eu tinha que inserir uma quebra de
para forçar um espaço entre alguns dos elementos que I colocado no interior da mesma célula.

Adicionando mais das melhores widgets de eu descobri que eu tinha desenvolvido o display informativo em tempo real abaixo de três. Os três widgets interessantes que adicionei foram os preços de gás widget da gas-cost.net, e as mercadorias widget e taxas de câmbio atuais widgets 100widgets.com.

Estes são todos os widgets em tempo real, exibindo os dados atuais de todo o mundo. Agora eu tenho up-to-segundo dados sobre preços, taxas de estoque e tempo, todos com um único olhar. Mas apenas metade da página web está cheia, e nós temos muito mais informações para construir sobre esta página - mais duas colunas inteiras de dados para ser exato.

Outro widget muito legal que eu adicionado à página foi Widget de configuração do usuário de 100widgets.com. Isto dá-lhe feedback sobre o seu endereço IP atual, info computador e janelas versão / browser. Isso é útil quando você está na estrada e se conectar a sua página de um hotel ou biblioteca e precisa conhecer o seu actual IP. Eu também adicionei o muito legal Contadores mundo eo estoque índices de widgetbox.com.

Video: Coleta de dados da produção em tempo real

Um par de outros widgets úteis que merecem destaque para este tipo de página inteira de exibição em tempo real - a primeira é uma Widget da contagem regressiva de widgetbox.com. Quando você configurá-lo, você dar-lhe uma data e evento a contar para baixo, e ele aparece no widget como uma contagem regressiva de texto para esse evento (ver o grande display mostra duas imagens daqui para baixo).

E nenhuma exibição de dados sci-fi procurando estaria completa sem um gráfico rodada da terra exibindo informações de temperatura em tempo real a partir de qualquer ponto do planeta que você gosta. Você pode obter os dados do widget do tempo-3D de Widgetbox.com.

Video: Configurando Fancy Widget

Na imagem abaixo da minha página inteira painel de dados em tempo real, você pode ver a contagem regressiva no topo da página (Eu inseri-lo centrado antes da própria tabela), e o globo Tempo 3d logo abaixo o widget de contagem regressiva mundo. Na última coluna da tabela Eu adicionei o nível atual ameaça DHS, curvas sensuais (Mais para decoração do que qualquer outra coisa - ele parece legal), e finalmente o tempo real widget de alerta a partir do Centro Nacional de Furacões.

Com a página finalmente concluída, agora tenho acesso ao tempo atual, tempo local e global, informações do mercado de ações, preços de gás atuais, alertas de furacão correntes, os níveis nacionais de ameaças e, claro, as cargas de dados do mundo no widget de contagem regressiva mundo.

Você pode ajustar este tipo de exibição com qualquer informação que deseja pesquisando para outros widgets informativos em qualquer um dos principais locais de widget, e depois inseri-los em seu layout onde quiser. a capacidade do Kompozer para centralizar facilmente e alinhar as células irá permitir que você faça todo o visor olhar limpo e muito legal. Assim que estiver pronto, você pode simplesmente fazer o upload do arquivo HTML para o seu próprio host para que você possa acessá-lo de qualquer lugar do mundo.

Criar seu próprio painel informativo e deixe-nos saber como ele vai. Que outros widgets úteis que você descobriu para obter informações em tempo real? Compartilhá-las na área de comentários abaixo - Eu adoraria ver o que outros widgets interessantes pessoas acharam!