13 widget-uri care fac o afișare minunată a datelor în timp real

Publicitate

Dacă sunteți o persoană ocupată care nu are foarte mult timp pentru a verifica noutățile în fiecare zi, dar doriți să fiți la curent cu ultimele evenimente majore precum furtunile majore, piața bursieră sau schimbările majore din întreaga lume, un afișaj grafic este mult mai mult eficient.

Probabil că ați văzut exemple de oferte de broker în care există un monitor cu o mulțime de diagrame, grafice și alte elemente grafice care afișează date în timp real. Sau poate că ați văzut acele afișări superbe ale centrului de lansare NASA cu tot felul de date importante derulând pe ecran.

În opinia mea, acesta este cel mai bun mod de a afișa multe informații într-un spațiu mic. Și dacă lucrați cu două sau trei ecrane precum eu, atunci aveți spațiul monitorului pentru a avea un ecran afișați tot timpul - unde puteți afla ce se întâmplă în întreaga lume cu doar un privire.

În acest articol, vă voi conduce prin eforturile mele de a crea acest tip de afișaj folosind instrumente și tehnici de web design foarte simple. Voi împărtăși, de asemenea, 15 dintre cele mai bune widget-uri de bord online pe care le-am găsit pe Internet, care au ajutat la crearea acestui afișaj informațional mare de informații despre lume.

Construirea unei afișări în timp real a datelor mondiale

Unul dintre primele locuri în care am mers pentru a construi un astfel de afișaj informațional este Netvibes. Am acoperit site-ul deseori, cum ar fi în articolul minunat al Angelei din cum să-l folosești pentru a-ți gestiona viața Cum să creați un flux de știri reale cu RSSCombinați rezultatele RSS cu câteva instrumente terțe și creați un singur flux de știri personalizat care conține doar povești legitime de care vă interesează. Vă arătăm cum în acest ghid pas cu pas. Citeste mai mult .

Îmi place foarte mult și Netvibes și, după ce am citit articolul Angelei, am început să îl folosesc pentru a organiza link-uri și instrumente pentru fiecare dintre sarcinile majore pe care trebuie să le fac online. Este frumos să avem totul într-un singur loc. Cu toate acestea, când am încercat să folosesc gadgetul HTML pentru a încorpora widgeturi în pagină, am observat că nu funcționează foarte bine. Puteți redimensiona lățimea, dar înălțimea pare să rămână fixă ​​- tăind widget-uri mai mari.

După ce a încercat alte câteva site-uri - Protopage Cei mai buni producători de site-uri web pentru a crea un portofoliu online curatCare constructor de site-uri gratuit este cel mai potrivit pentru portofoliul dvs.? Iată cei mai buni producători de site-uri din care puteți alege! Citeste mai mult a fost un alt lucru care nu a funcționat corect. A adăugat prea mult spațiu pe laturile widgeturilor și nu a permis redimensionarea corectă. Așa că, după ce am petrecut prea mult timp încercând să funcționeze paginile preexistente, am decis să apelez la proiectarea unei pagini de la zero.

Am vrut să vin cu o soluție pe care oricine o poate face, indiferent de experiența de web design. Instrumentul meu de design web WYSIWYG la alegere este Kompozer. Singurul dezavantaj cu această abordare este că folosește tabele, care în lumea designerilor web este considerată arhaică în comparație cu utilizarea CSS. Dar, pentru simplitate, vom folosi Kompozer și vom prezenta widget-urile chiar pe pagină.

Iată cum arată aspectul de design din Kompozer după ce ați introdus o tabelă - în acest caz eu folosesc o tabelă 4 pe 4, dar puteți face orice dimensiune doriți.

În primul rând, faceți clic dreapta pe tabelă și modificați proprietățile, astfel încât liniile să nu aibă culoare (invizibile). Primul widget pe care l-am introdus în celula din stânga sus a fost un widget cu ceas rece clocklink.com. În conformitate cu aceasta, am adăugat un widget de vreme Accuweather.com - unul dintre preferatele mele, deoarece arată un radar grafic de afișare a furtunilor care se apropie.

În fiecare caz, fac simplu clic în interiorul celulei pe care vreau să introduc codul widget, apoi fac clic pe meniul Insert și aleg HTML. Lipiți codul widget în fereastra care apare.

Este posibil să observați că widgetul dvs. nu este centrat sau se afișează prea departe în partea de sus a celulei. Acest lucru este ușor de remediat în Kompozer fără niciun fel de cunoștințe de codare. Faceți clic dreapta pe celulă, alegeți proprietățile celulelor tabelului, apoi modificați alinierea conținutului la orice arată cel mai bine.

Pentru a testa modificările, trebuie doar să salvați fișierul pe computerul dvs. local ca fișier HTML, apoi să vizualizați fișierul folosind browserul preferat. Dacă aveți într-adevăr probleme, puteți oricând să introduceți cod dacă chiar trebuie. În Kompozer, puteți edita pagina făcând clic pe fila „sursă”. De exemplu, au fost câteva cazuri în care a trebuit doar să introduc o pauză
pentru a forța un spațiu între unele dintre widgeturile pe care le-am plasat în interiorul aceleiași celule.

Adăugând încă trei dintre cele mai bune widget-uri am descoperit că am dezvoltat afișajul informațional în timp real prezentat mai jos. Cele trei widgeturi grozave pe care le-am adăugat au fost widgetul Prețurile la gaz gas-cost.net, si widget de mărfuri și Widget-urile curente de schimb de la 100widgets.com.

Acestea sunt toate widget-uri în timp real, care afișează date actuale din întreaga lume. Acum am primit a doua informație despre prețuri, rate de stoc și vreme, toate dintr-o singură privire. Dar doar jumătate din pagina web este completată și avem mai multe informații pe care să le construim pe această pagină - alte două coloane întregi de date pentru a fi exacte.

Un alt widget foarte fain pe care l-am adăugat la pagină a fost widgetul de configurare al utilizatorului [Fără mai mult timp disponibil] de la 100widgets.com. Acest lucru vă oferă feedback cu privire la adresa dvs. IP curentă, informații despre computer și versiunea Windows / browser. Acest lucru este util atunci când vă aflați pe drum și vă conectați la pagina dvs. de la un hotel sau bibliotecă și trebuie să cunoașteți adresa dvs. IP actuală. Am adăugat și foarte tare Contoarele lumii și indicii bursieri de la widgetbox.com.

Câteva alte widget-uri utile, demne de menționat pentru acest tip de afișare în timp real a unei pagini complete - primul este un widget numărătoare inversă de la widgetbox.com. Când o configurați, îi acordați o dată și un eveniment la care să vă numărați, iar acesta apare în widget ca o numărătoare inversă a textului către acel eveniment (consultați afișajul mare cu două imagini jos).

Și niciun afișaj de date cu privire la ficțiune nu ar fi complet fără o grafică rotativă a pământului care să afișeze informații despre temperatură în timp real din orice punct al planetei care vă place. Puteți obține aceste date din Widget vreme-3D de la Widgetbox.com.

În imaginea de mai jos a tabloului meu de date în timp real al paginii complete, puteți vedea numărătoarea inversă chiar din partea de sus a pagina (am inserat-o centrată înaintea tabelului propriu-zis), iar globul 3D Weather chiar sub numărătoarea inversă a lumii widget. În ultima coloană a tabelului am adăugat nivelul actual de amenințare DHS, curbe sexy (mai mult pentru decorare decât orice altceva - arată fain) și, în sfârșit, widget-ul de alertă în timp real din Centrul Național de Uragane.

Cu pagina finalizată, acum am acces la ora actuală, vremea locală și globală, informațiile despre piața de valori, prețurile curente ale gazelor naturale, alertele de uragane curente, nivelurile de amenințări naționale și, desigur, o mulțime de date mondiale în numărătoarea mondială widget.

Puteți regla acest tip de afișare cu orice informație doriți, căutând alte widget-uri informaționale pe oricare dintre site-urile principale de widgeturi, apoi introduceți-le în aspectul dvs. oriunde îți dorești. Capacitatea Kompozer de a centra și alinia celulele cu ușurință vă va permite să faceți întregul ecran să pară curat și cu adevărat interesant. După ce ați terminat, puteți încărca fișierul HTML pe propria gazdă web, astfel încât să îl puteți accesa de oriunde din lume.

Creează-ți propriul tablou de informații și anunță-ne cum merge. Ce alte widget-uri utile ați descoperit pentru informații în timp real? Împărtășește-le în zona de comentarii de mai jos - mi-ar plăcea să văd ce au găsit alți widget-uri interesante!

Credit imagine: Graficul telecomunicațiilor via Shutterstock