Reklaam
Kui olete hõivatud inimene, kellel pole tegelikult iga päev palju aega uudiste kontrollimiseks, kuid soovite end kursis hoida viimased suured sündmused, nagu suured tormid, aktsiaturg või suured muutused kogu maailmas, on graafiline ekraan palju muud tõhus.
Tõenäoliselt olete näinud näiteid mõnede maakleribüroode kohta, kus on ekraan, millel on palju diagramme, graafikuid ja muud graafikat ning mis kuvavad andmeid reaalajas. Või olete ehk näinud neid lahedaid NASA käivituskeskuse väljapanekuid, kus ekraanil kerivad kõikvõimalikud olulised andmed.
Minu arvates on see parim viis näidata palju teavet väikeses ruumis. Ja kui töötate kahe või kolme ekraaniga nagu mina, siis on teil ekraanil ruumi, kus on a kuva kogu aeg - kus saate vaadata, mis toimub kogu maailmas vaid a-ga pilk.
Selles artiklis tutvun teile oma jõupingutustest sedalaadi kuvari kokku panemiseks, kasutades väga lihtsaid veebidisaini tööriistu ja tehnikaid. Jagan ka 15 parimat Internetis leiduvat armatuurlaua vidinat, mis aitasid üles ehitada seda suurt teavet maailmateabe kohta.
Maailma andmete reaalajas kuvamine
Üks esimesi kohti, kus sellise informatiivse väljapaneku üles ehitamiseks käisin, on Netvibes. Oleme seda saiti sageli katnud, näiteks Angela vinge artikli kohta kuidas seda oma elu haldamiseks kasutada Kuidas luua RSS-iga tõelist uudistevooguKombineerige RSS-väljundid mõne kolmanda osapoole tööriistaga ja looge ühtne kohandatud uudistevoog, mis sisaldab ainult teile olulisi õigustatud lugusid. Näitame teile, kuidas selles samm-sammult juhises saate. Loe rohkem .
Mulle väga meeldib ka Netvibes ja pärast Angela artikli lugemist hakkasin seda tegelikult kasutama linkide ja tööriistade korraldamiseks kõigi peamiste ülesannete jaoks, mida pean veebis tegema. Tore, kui kõik on ühes kohas. Kui proovisin HTML-vidina abil lehele vidinaid manustada, märkasin, et see ei tööta eriti hästi. Laiuse suurust saate muuta, kuid kõrgus näib olevat fikseeritud - lõigates ära suuremad vidinad.
Pärast mõne muu saidi proovimist - Protoleht Parimad veebisaidi koostajad puhta veebiportfelli loomiseksMilline tasuta veebisaidi koostaja sobib teie portfelli jaoks kõige paremini? Siin on parimad veebisaidi ehitajad, kelle hulgast võite valida! Loe rohkem oli veel üks, mis ei töötanud päris õigesti. See lisas vidinate külgedele liiga palju ruumi ega võimaldanud korralikku suurust muuta. Pärast seda, kui olin kulutanud liiga palju aega eelnevate lehtede töölerakendamiseks, otsustasin pöörduda selle poole, et kujundada leht nullist.
Tahtsin välja pakkuda lahenduse, mida saaks teha kõik, sõltumata veebidisaini kogemusest. Minu valitud WYSIWYG veebidisaini tööriist on Kompozer. Selle lähenemisviisi ainsaks puuduseks on see, et ta kasutab tabeleid, mida veebidisainerite maailmas peetakse CSS-i kasutamisega võrreldes arhailiseks. Kuid lihtsuse huvides hakkame kasutama Kompozerit ja paigutama vidinad otse lehele.
Nii näete pärast laua sisestamist Kompozeri kujundusvaadet - sellisel juhul kasutan 4: 4 tabelit, kuid saate selle teha mis tahes suuruses.
Esiteks paremklõpsake tabelit ja muutke atribuute nii, et read poleks värvilised (nähtamatud). Esimene vidin, mille ma vasakusse ülaossa lahtrisse lisasin, oli lahe kella vidin clocklink.com. Selle alla lisasin ilmateate vidina Accuweather.com - üks minu lemmikuid, kuna see näitab lahedat graafilist radariekraani lähenevate tormide kohta.
Mõlemal juhul klõpsan lihtsalt lahtris, kuhu tahan vidina koodi sisestada, siis klõpsain menüüd Lisa ja valin HTML. Lihtsalt kleepige vidina kood hüpikakent aknasse.
Võite märgata, et teie vidin pole tsentreeritud või see kuvatakse lahtri ülaosast liiga kaugel. Seda on Kompozeris lihtne parandada ilma kodeerimise teadmisteta. Paremklõpsake lahtril, valige tabeli lahtri atribuudid ja muutke sisu joondus kõige parema väljanägemise järgi.
Muudatuste testimiseks salvestage fail lihtsalt kohalikku arvutisse HTML-failina ja vaadake seda faili oma lemmikbrauseri abil. Kui teil on tõesti probleeme, võite alati sisestada koodi, kui seda tõesti vaja on. Kompozeris saate lehte redigeerida, klõpsates vahekaardil „allikas”. Näiteks oli paar juhtumit, kus pidin lihtsalt pausi sisestama
sundida tühikut mõne vidina vahel, mille ma paigutasin samasse lahtrisse.
Lisades veel kolm parimat vidinat, leidsin, et olen välja töötanud allpool näidatud reaalajas teabeekraani. Kolm lahedat vidinat, mille lisasin, olid gaasihindade vidin gas-cost.net, ja kauba vidin ja praegused vahetuskursi vidinad saidilt 100widgets.com.
Need kõik on reaalajas vidinad, mis kuvavad jooksvaid andmeid kogu maailmast. Nüüd on mul ajakohastatud andmed hindade, aktsiate määrade ja ilmastiku kohta, ühe pilguga. Kuid ainult pool veebilehte on täidetud ja selle lehe jaoks on meil palju rohkem teavet - kui täpsed on veel kaks tervet andmeveergu.
Veel üks väga lahe vidin, mille ma sellele lehele lisasin, oli kasutaja seadistusvidin [pole enam saadaval] saidilt 100widgets.com. See annab teile tagasisidet teie praeguse IP-aadressi, arvuti teabe ja Windowsi / brauseri versiooni kohta. See on abiks, kui olete teel ja loote oma lehega hotellist või raamatukogust ühenduse ning peate teadma oma praegust IP-d. Lisasin ka väga lahedad Maailma loendurid ja widgetbox.com aktsiaindeksid.
Paar muud kasulikku vidinat, mida tasub mainida sellisel täislehe reaalajas kuvamisel - esimene on loenduri vidin saidilt widgetbox.com. Selle seadistamisel annate sellele kuupäeva ja sündmuse, milleni loendada, ning see kuvatakse vidinas selle sündmuse tekstiloendurina (vaadake suurt pilti, millel on kaks pilti siit näha).
Ja ükski sci-fi välimusega andmeekraan poleks täielik, kui Maa pööratud graafikul pole reaalajas temperatuuriteavet mis tahes planeedi punktist, mis teile meeldib. Neid andmeid saate saidilt Ilm-3D-vidin saidilt Widgetbox.com.
Minu terve lehe reaalajas andmete juhtpaneeli allpool oleval pildil näete loendurit ülaosas (sisestasin selle keskele tabeli ette) ja 3d ilmakera otse maailma loenduse alla vidin. Tabeli viimasesse veergu lisasin praegune DHSi ohutase, seksikad kõverad (kaunistamiseks rohkem kui miski muu - see näeb lahe välja) ja lõpuks reaalajas hoiatav vidin Riiklik orkaanikeskus.
Kui leht lõpuks valmis, on mul nüüd juurdepääs praegusele ajale, kohalikule ja globaalsele ilmale, börsiteabele, praegused gaasihinnad, praegused orkaaniteated, riiklikud ohutasemed ja muidugi kogu maailma andmete koormus maailma loenduses vidin.
Sellist kuva saate kohandada mis tahes teabega, mida soovite otsida mis tahes peamise vidina saidi teabe vidinad ja seejärel sisestate need oma paigutusse kuhu iganes soovite. Kompozeri võime lahtrid hõlpsalt tsentreerida ja joondada võimaldab teil muuta kogu ekraani puhtaks ja tõeliselt lahedaks. Kui olete lõpetanud, saate lihtsalt HTML-faili oma veebimajutajasse üles laadida, et saaksite sellele juurde pääseda kõikjal maailmas.
Looge oma informatsiooniline juhtpaneel ja andke meile teada, kuidas see läheb. Milliseid muid kasulikke vidinaid te reaalajas teabe leidmiseks avastasite? Jagage neid allpool olevas kommentaaride piirkonnas - mul oleks hea meel näha, mida teised lahedad vidinad leidsid!
Kujutise krediit: Telekommunikatsiooni graafika Shutterstocki kaudu
Ryanil on bakalaureuse kraad elektrotehnika alal. Ta on töötanud 13 aastat automatiseerimise alal, 5 aastat IT alal ja on nüüd rakenduste insener. MakeUseOfi endine tegevtoimetaja, ta on rääkinud andmete visualiseerimise riiklikel konverentsidel ja teda on kajastatud üleriigilises televisioonis ja raadios.