13 logrīki, kas rada satriecošu reāllaika datu parādīšanu

Reklāma

Ja esat aizņemts cilvēks, kuram patiesībā nav daudz laika, lai katru dienu pārbaudītu ziņas, bet jums patīk sekot līdzi jaunākie lielie notikumi, piemēram, lielas vētras, akciju tirgus vai lielas pārmaiņas visā pasaulē, grafiskais displejs ir daudz vairāk efektīvs.

Jūs, iespējams, esat redzējis dažu biržas brokeru biroju piemērus, kur ir monitors ar daudzām diagrammām, grafikiem un citu grafiku, kas visus datus parāda reāllaikā. Vai varbūt jūs varētu būt redzējis šos lieliskos NASA palaišanas centra displejus ar visu veidu svarīgiem datiem, ritinot pa visu ekrānu.

Manuprāt, tas ir labākais veids, kā nelielā telpā parādīt daudz informācijas. Un, ja jūs strādājat ar diviem vai trim ekrāniem, piemēram, es, tad jums ir vieta monitoram, lai būtu visu laiku rādīt - kur tikai ar a varat pārbaudīt, kas notiek visā pasaulē skatiens.

Šajā rakstā es jūs iepazīstināšu ar centieniem izveidot šāda veida displeju, izmantojot ļoti vienkāršus tīmekļa dizaina rīkus un paņēmienus. Es arī dalīšos ar 15 labākajiem tiešsaistes informācijas paneļa logrīkiem, ko atradu visā internetā, kas palīdzēja izveidot šo lielo pasaules informācijas attēlojumu.

Pasaules datu parādīšana reāllaikā

Viena no pirmajām vietām, kur es apmeklēju, lai izveidotu šādu informatīvo displeju, ir Netvibes. Mēs bieži esam apskatījuši šo vietni, piemēram, Angelas lieliskajā rakstā par kā to izmantot savas dzīves pārvaldīšanai Kā izveidot reālu ziņu plūsmu ar RSSApvienojiet RSS izvadus ar dažiem trešo pušu rīkiem un izveidojiet vienotu pielāgotu ziņu plūsmu, kurā ir tikai likumīgi jums rūpīgi stāsti. Mēs parādīsim jums, kā šajā soli pa solim. Lasīt vairāk .

Man ļoti patīk arī Netvibes, un pēc Anželas raksta lasīšanas es to faktiski sāku izmantot, lai organizētu saites un rīkus katram no galvenajiem uzdevumiem, kas man jādara tiešsaistē. Ir jauki, ja viss atrodas vienā vietā. Tomēr, mēģinot izmantot HTML sīkrīku, lai iegultu logrīkus lapā, es pamanīju, ka tas nedarbojas ļoti labi. Jūs varat mainīt platumu, bet šķiet, ka augstums paliek nemainīgs - tiek nogriezti lielāki logrīki.

Pēc dažu citu vietņu izmēģināšanas - Protopage Labākie vietņu veidotāji tīra tiešsaistes portfeļa izveidošanaiKurš bezmaksas vietņu veidotājs ir vislabākais jūsu portfelim? Šeit ir labākie vietņu veidotāji, no kuriem jūs varat izvēlēties! Lasīt vairāk bija vēl viens, kas nedarbojās gluži pareizi. Logrīku sānos tika pievienots pārāk daudz vietas, un tas neļāva pienācīgi mainīt izmērus. Tāpēc, pavadījis pārāk daudz laika, lai mēģinātu panākt, ka iepriekš pastāvošās lapas darbojas, es nolēmu pievērsties lapas noformēšanai no nulles.

Es gribēju nākt klajā ar risinājumu, ko varētu darīt ikviens neatkarīgi no tīmekļa dizaina pieredzes. Mans izvēlētais WYSIWYG tīmekļa dizaina rīks ir Kompozer. Vienīgais šīs pieejas trūkums ir tas, ka tajā tiek izmantotas tabulas, kuras tīmekļa dizaineru pasaulē tiek uzskatītas par arhaiskām, salīdzinot ar CSS izmantošanu. Bet vienkāršības labad mēs izmantosim Kompozer un izkārtosim logrīkus tieši lapā.

Lūk, kā dizaina skats Kompozer izskatās pēc tabulas ievietošanas - šajā gadījumā es izmantoju tabulu 4x4, bet jūs to varat izgatavot jebkura izmēra.

Vispirms ar peles labo taustiņu noklikšķiniet uz galda un mainiet rekvizītus tā, lai līnijas nebūtu krāsas (neredzamas). Pirmais logrīks, kuru ievietoju kreisajā augšējā šūnā, bija vēss pulksteņa logrīks no clocklink.com. Saskaņā ar to es pievienoju laika logrīku no Vietne Accuweather.com - viens no maniem favorītiem, jo ​​tas parāda vēsu grafiku, kas rada vēsu grafiku.

Katrā ziņā es vienkārši noklikšķinu šūnā, kurā vēlos ievietot logrīka kodu, pēc tam noklikšķiniet uz izvēlnes Ievietot un izvēlos HTML. Vienkārši ielīmējiet logrīka kodu uznirstošajā logā.

Varat pamanīt, ka jūsu logrīks nav centrā vai arī tas parādās pārāk tālu uz leju no šūnas augšdaļas. Kompozerā to ir viegli salabot, bez kodēšanas zināšanām. Tikai noklikšķiniet ar peles labo taustiņu uz šūnas, izvēlieties tabulas šūnu rekvizītus un mainiet satura izlīdzināšanu uz to, kas izskatās vislabāk.

Lai pārbaudītu izmaiņas, vienkārši saglabājiet failu lokālajā datorā kā HTML failu un pēc tam apskatiet failu, izmantojot savu iecienīto pārlūku. Ja jums patiešām rodas problēmas, vienmēr varat ievietot kodu, ja tas tiešām ir jādara. Kompozerā jūs varat rediģēt lapu, noklikšķinot uz cilnes “avots”. Piemēram, bija pāris gadījumu, kad man vienkārši vajadzēja ievietot pārtraukumu
lai piespiestu atstarpi starp dažiem logrīkiem, kurus ievietoju tajā pašā šūnā.

Pievienojot vēl trīs labākos preces, es atklāju, ka esmu izstrādājis reāllaika informācijas displeju, kas parādīts zemāk. Trīs atdzist logrīki, kurus es pievienoju, bija logrīks Gāzes cenas no gas-cost.netun preču logrīks un pašreizējie valūtas kursa logrīki no 100widgets.com.

Šie visi ir reāllaika logrīki, kas parāda pašreizējos datus no visas pasaules. Tagad es esmu ieguvis jaunākos datus par cenām, akciju cenām un laikapstākļiem, visi ar vienu skatienu. Bet tikai puse tīmekļa lapas ir aizpildīta, un mēs esam ieguvuši daudz vairāk informācijas, lai veidotu šo lapu - lai būtu precīzas vēl divas veselas datu slejas.

Vēl viens ļoti foršs logrīks, ko pievienoju lapai, bija lietotāja konfigurācijas logrīks [vairs nav pieejams] no 100widgets.com. Tas sniedz jums atsauksmes par jūsu pašreizējo IP adresi, datora informāciju un Windows / pārlūka versiju. Tas ir noderīgi, ja atrodaties ceļā un izveidojat savienojumu ar savu lapu no viesnīcas vai bibliotēkas un jums jāzina jūsu pašreizējais IP. Es arī pievienoju ļoti foršo Pasaules skaitītāji un widgetbox.com akciju indeksi.

Pāris citu noderīgu logrīku, kas ir pieminēšanas vērts šāda veida pilnas lapas reāllaika attēlošanai - pirmais ir atpakaļskaitīšanas logrīks no vietnes widgetbox.com. Iestatot to, jūs tam piešķirat datumu un notikumu, no kura jāatskaitās, un logrīkā tas tiek parādīts kā teksta atpakaļskaitīšana uz šo notikumu (skatiet lielo displeju, kurā divi attēli ir redzami no šejienes).

Un neviens sci-fi tipa datu attēlojums nebūtu pilnīgs, ja nav pagriezta zemes grafika, kas parāda reāllaika temperatūras informāciju no jebkura planētas punkta, kas jums patīk. Šos datus varat iegūt vietnē Laikapstākļu 3D logrīks no vietnes Widgetbox.com.

Attēlā, kas atrodas manas pilnas lapas reāllaika datu paneļa attēlā, jūs varat redzēt atpakaļskaitīšanu pašā lapas augšpusē. lapu (es ievietoju to centrā pirms pašas tabulas), un 3d Weather Globe tieši zem pasaules laika skaitīšanas logrīks. Tabulas pēdējā kolonnā es pievienoju pašreizējais DHS draudu līmenis, seksīgas līknes (vairāk dekorēšanai nekā jebkas cits - tas izskatās forši) un visbeidzot reāllaika brīdinājuma logrīks no Nacionālais viesuļvētras centrs.

Kad lapa beidzot ir pabeigta, man tagad ir pieeja pašreizējam laikam, vietējiem un pasaules laikapstākļiem, akciju tirgus informācijai, pašreizējās gāzes cenas, pašreizējie brīdinājumi par viesuļvētrām, valstu draudu līmeņi un, protams, pasaules datu slodze pasaules skaitīšanā logrīks.

Varat pielāgot šāda veida displeju ar visu nepieciešamo informāciju, meklējot citu informācijas logrīkus par jebkuru no galvenajām logrīku vietnēm un pēc tam ievietojot tos savā izkārtojumā kur vien vēlaties. Kompozer spēja viegli centrēt un izlīdzināt šūnas ļaus visu displeju padarīt tīru un patiešām atdzist. Kad esat pabeidzis, varat vienkārši augšupielādēt HTML failu savā tīmekļa mitinātājā, lai tam varētu piekļūt no jebkuras vietas pasaulē.

Izveidojiet pats savu informācijas paneli un dariet mums zināmu, kā tas notiek. Kādus citus noderīgus preces jūs atradāt reāllaika informācijai? Kopīgojiet tos komentāru laukā zemāk - es labprāt uzzinātu, kādus citus lieliskus preces atrada cilvēki!

Attēla kredīts: Telekomunikāciju grafika caur Shutterstock