13 pripomočkov, ki omogočajo osupljiv prikaz podatkov v realnem času

Oglas

Če ste zasedena oseba, ki v resnici nima toliko časa, da bi vsak dan preverjala novice, vendar želite biti na tekočem z najnovejših velikih dogodkov, kot so večje nevihte, borza ali velike spremembe po vsem svetu, je grafični prikaz veliko več učinkovit.

Verjetno ste videli primere nekaterih uradov borznih posrednikov, kjer je monitor z veliko grafikoni, grafi in drugo grafiko, ki vse prikazujejo podatke v realnem času. Morda ste morda videli tiste super prikazovalnike NASA-inoga centra za zagon z vsemi vrstami pomembnih podatkov, ki se premikajo po zaslonu.

Po mojem mnenju je to najboljši način, da na majhnem prostoru prikažete veliko informacij. In če delate z dvema ali tremi zasloni, kot sem jaz, potem imate na voljo prostor za monitor prikazovati se ves čas - kjer lahko samo s tipko preverite, kaj se dogaja po vsem svetu pogled.

V tem članku vas bom predstavil v svojih prizadevanjih, da sestavim takšen prikaz z zelo preprostimi orodji in tehnikami spletnega oblikovanja. Prav tako bom delil 15 najboljših spletnih pripomočkov na nadzorni plošči, ki sem jih našel po internetu, ki so pripomogli k oblikovanju tega velikega informativnega prikaza svetovnih informacij.

Izdelava svetovnih podatkov v realnem času

Eno prvih mest, ki sem jih šel, da bi sestavil tak informativni prikaz, je Netvibes. Spletno mesto pokrivamo pogosto, na primer v super članku Angele o kako ga uporabiti za upravljanje svojega življenja Kako ustvariti resnični vir novic z RSS-omZdružite RSS izhode z nekaj zunanjih orodij in ustvarite en sam prilagojen vir novic, ki vsebuje samo zakonite zgodbe, ki vas zanimajo. Pokažemo vam, kako v tem koraku vodite po korakih. Preberi več .

Tudi Netvibes mi je zelo všeč, in ko sem prebral članek Angele, sem ga dejansko začel uporabljati za organizacijo povezav in orodij za vsako od glavnih nalog, ki jih moram opraviti v spletu. Lepo je imeti vse na enem mestu. Ko pa sem poskusil s pripomočkom HTML vgraditi gradnike v stran, sem opazil, da ne deluje zelo dobro. Lahko spremenite velikost širine, vendar se zdi, da višina ostane fiksna - odrežite večje gradnike.

Po poskusu nekaj drugih spletnih mest - Protopage Najboljši graditelji spletnih strani za ustvarjanje čistega spletnega portfeljaKateri brezplačni graditelj spletnih mest je najboljši za vaš portfelj? Tukaj so najboljši gradniki spletnih strani, ki jih lahko izbirate! Preberi več je bila še ena, ki ni bila ravno prav. Dodalo je preveč prostora na straneh gradnikov in ni omogočilo ustrezne velikosti. Potem ko sem porabil preveč časa za to, da bi obstoječe strani delovale, sem se odločil, da bom od začetka prešel na oblikovanje strani.

Želel sem najti rešitev, ki jo lahko stori vsak, ne glede na izkušnje s spletnim oblikovanjem. Moje orodje za spletno oblikovanje WYSIWYG je Kompozer. Edina pomanjkljivost tega pristopa je ta, da uporablja tabele, ki v svetu spletnih oblikovalcev veljajo za arhaične v primerjavi z uporabo CSS. Zaradi poenostavitve bomo uporabili Kompozer in postavili pripomočke desno na stran.

Takole je videti oblikovalski pogled v Kompozerju, ko ste vstavili tabelo - v tem primeru uporabljam tabelo 4 za 4, vendar jo lahko naredite v poljubni velikosti.

Najprej z desno miškino tipko kliknite tabelo in spremenite lastnosti, tako da črte niso barvne (nevidne). Prvi pripomoček, ki sem ga vstavil v zgornjo levo celico, je bil hladen pripomoček ure clocklink.com. Pod to sem dodal vremenski pripomoček iz Accuweather.com - eden mojih najljubših, ker prikazuje kul grafični radarski prikaz vsake bližajoče se nevihte.

V vsakem primeru preprosto kliknem v celico, v katero želim vstaviti kodo gradnika, nato kliknite meni Vstavi in ​​izberite HTML. Vstavite kodo pripomočka v okno, ki se pojavi.

Morda opazite, da vaš pripomoček ni osredotočen ali pa je prikazan predaleč od vrha celice. To je enostavno popraviti v Kompozerju, brez kakršnega koli znanja o kodiranju. Z desno miškino tipko kliknite celico, izberite lastnosti celice tabele in nato spremenite poravnavo vsebine v tisto, kar je videti najbolje.

Če želite preizkusiti svoje spremembe, datoteko shranite v svoj lokalni računalnik kot datoteko HTML in jo nato oglejte v priljubljenem brskalniku. Če imate res težave, lahko kodo vedno vstavite, če res morate. V Kompozerju lahko stran uredite s klikom na zavihek "vir". Na primer, bilo je nekaj primerov, ko sem moral samo vstaviti premor
da si prisvojim presledek med nekaterimi gradniki, ki sem jih postavil v isto celico.

Če dodam še tri najboljše pripomočke, ki sem jih ugotovil, sem razvil informacijski zaslon v realnem času, prikazan spodaj. Trije kul pripomočki, ki sem jih dodal, so pripomoček za cene plinov gas-cost.net, in pripomoček za blago in trenutni devizni tečaji s spletnega mesta 100widgets.com.

Vse to so pripomočki v realnem času, ki prikazujejo trenutne podatke z vsega sveta. Zdaj sem dobil druge podatke o cenah, tečajih in vremenskih razmerah, vse z enim pogledom. Vendar je napolnjena le polovica spletne strani in na tej strani imamo na voljo veliko več informacij - še dva celotna stolpca podatkov.

Drugi zelo kul pripomoček, ki sem ga dodal na stran, je pripomoček za konfiguracijo uporabnika [No Longer Available] s spletnega mesta 100widgets.com. Tako dobite povratne informacije glede trenutnega naslova IP, informacij o računalniku in različice okna / brskalnika. To je koristno, ko ste na poti in se povezujete s svojo stranjo iz hotela ali knjižnice in morate poznati svoj trenutni IP. Dodala sem tudi zelo kul Svetovni števci in delniške indekse widgetbox.com.

Še nekaj uporabnih pripomočkov, ki jih je vredno omeniti pri tovrstnem celozaslonskem prikazu v realnem času - prvi je pripomoček za odštevanje z widgetbox.com. Ko ga nastavite, mu določite datum in dogodek, do katerega se lahko odštevajo, in se v pripomočku prikaže kot odštevanje besedila do tega dogodka (glejte velik zaslon, prikazan od spodaj).

Noben prikazovalnik podatkov, ki išče znanstveno fantastiko, ne bi bil popoln brez zasukane grafike zemlje, ki bi prikazovala podatke o temperaturi v realnem času iz katere koli točke na planetu, ki vam je všeč. Te podatke lahko dobite pri Weather-3D pripomoček z Widgetbox.com.

Na spodnji sliki moje nadzorne plošče v realnem času s podatki na polni strani lahko vidite odštevanje na samem vrhu stran (vstavil sem jo v sredino pred samo tabelo) in 3d vremenski globus tik pod svetovnim odštevanjem gradnik. V zadnji stolpec tabele sem dodal trenutna stopnja nevarnosti DHS, seksi obline (bolj za dekoracijo kot karkoli drugega - videti je kul) in končno pripomoček za opozarjanje v realnem času s strani Nacionalni center za organe.

Ko je stran končno zaključena, imam zdaj dostop do trenutnega časa, lokalnega in svetovnega vremena, informacij o borzah, trenutne cene plina, trenutna opozorila o orkanih, nacionalne stopnje ogroženosti in seveda obremenitve svetovnih podatkov v odštevanju sveta gradnik.

Te vrste zaslona lahko prilagodite z vsemi informacijami, ki jih želite, tako da iščete druge informativne gradnike na katerem koli od glavnih mest gradnikov in jih nato vstavite v svojo postavitev kjerkoli želiš. Kompozerjeva sposobnost, da zlahka centrira in poravnava celice, vam bo omogočila, da bo celoten zaslon videti čist in res kul. Ko končate, lahko datoteko HTML preprosto naložite v svoj spletni strežnik, tako da lahko do nje dostopate od kjer koli na svetu.

Ustvarite svojo informacijsko nadzorno ploščo in nam sporočite, kako gre. Katere druge uporabne pripomočke ste odkrili za informacije v realnem času? Dajte jih v skupno rabo v spodnjem področju komentarjev - rad bi videl, katere druge kul pripomočke so našli ljudje!

Kreditna slika: Telekomunikacijska grafika Via Shutterstock