13 widgettiä, jotka tekevät mahtavasta tosiaikaisen datanäytön

Mainos

Jos olet kiireinen henkilö, jolla ei todellakaan ole paljon aikaa tarkistaa uutisia päivittäin, mutta haluat pitää ajan tasalla viimeisimmät tärkeät tapahtumat, kuten suuret myrskyt, osakemarkkinat tai suuret muutokset ympäri maailmaa, graafinen näyttö on paljon muuta tehokas.

Olet todennäköisesti nähnyt esimerkkejä joistakin osakevälittäjätoimistoista, joissa on näyttö, jossa on paljon kaavioita, kuvaajia ja muita grafiikoita ja jotka kaikki näyttävät tietoja reaaliajassa. Tai ehkä ehkä olet nähnyt ne hienot NASA-käynnistyskeskuksen näytöt, joissa on kaikenlaisia ​​tärkeitä tietoja vierittämässä näyttöä.

Mielestäni se on paras tapa näyttää paljon tietoa pienessä tilassa. Ja jos työskentelet kahdella tai kolmella näytöllä kuten minä, niin sinulla on näyttötila, jolla on näytä koko ajan - missä voit tarkistaa mitä tapahtuu ympäri maailmaa vain a silmäyksellä.

Tässä artikkelissa aion seurata sinua pyrkimyksissäni koota tällainen näyttö hyvin yksinkertaisilla verkkosuunnittelutyökaluilla ja tekniikoilla. Aion myös jakaa 15 parasta verkossa löytämääni kojelaudan widgettiä, jotka auttoivat rakentamaan tämän suuren informaationäytön maailmantiedoista.

Maailmantietojen reaaliaikaisen näytön rakentaminen

Yksi ensimmäisistä paikoista, joissa kävin rakentaaksesi tällaisen informatiivisen näytön, on Netvibes. Olemme käsitellyt sivustoa usein, kuten Angelan mahtava artikkeli aiheesta kuinka käyttää sitä elämäsi hallintaan Kuinka luoda aito uutissyöte RSS: n avullaYhdistä RSS-tulokset muutamalla kolmannen osapuolen työkalulla ja luo yksi räätälöity uutissyöte, joka sisältää vain laillisia tarinoita, joista välität. Näytämme sinulle kuinka tässä vaihe vaiheelta -oppaassa. Lue lisää .

Pidän myös Netvibesistä, ja luettuani Angelan artikkelin, aloin käyttää sitä linkkien ja työkalujen järjestämiseen jokaiselle tärkeimmälle tehtävälle, joka minun on tehtävä verkossa. On mukavaa, että kaikki on yhdessä paikassa. Kun yritin kuitenkin HTML-gadgetia upottaa widgettejä sivulle, huomasin, että se ei toimi kovin hyvin. Voit muuttaa leveyttä, mutta korkeus näyttää pysyvän kiinteänä - leikkaamalla suuret widgetit.

Kun olet kokeillut muutamaa muuta sivustoa - Protopage Parhaat verkkosivustojen rakentajat, jotka luovat puhtaan online-portfolionMikä ilmainen verkkosivustojen rakentaja on parhaiten salkkuusi? Tässä ovat parhaat verkkosivustojen rakentajat, joista voit valita! Lue lisää oli toinen, joka ei ollut aivan oikein. Se lisäsi liian paljon tilaa widgetien sivuille, eikä sallinut koon muuttamista oikein. Joten viettäessään liikaa aikaa yrittää saada olemassa olevat sivut toimimaan, päätin siirtyä sivun suunnitteluun tyhjästä.

Halusin löytää ratkaisun, jonka kuka tahansa voisi tehdä riippumatta web-suunnittelukokemuksesta. WYSIWYG-verkkosuunnittelutyökaluni on Kompozer. Ainoa haittapuoli tässä lähestymistavassa on, että siinä käytetään taulukoita, joita Web-suunnittelijoiden maailmassa pidetään arkaaisina CSS: n käyttöön verrattuna. Mutta yksinkertaisuuden vuoksi aiomme käyttää Kompozeria ja asettaa widgetit oikealle sivulle.

Näin näyttää Kompozerin suunnittelunäkymä taulukon lisäämisen jälkeen - tässä tapauksessa käytän 4 x 4 -taulua, mutta voit tehdä siitä minkä tahansa koon.

Napsauta ensin hiiren kakkospainikkeella pöytää ja muuta ominaisuuksia niin, että viivat eivät ole värejä (näkymättömiä). Ensimmäinen widget, jonka lisäin vasempaan yläosaan olevaan soluun, oli viileä kello-widget clocklink.com. Tämän alle lisäsin sääwidgetin sivustolta Accuweather.com - yksi suosikeistani, koska se näyttää viileän graafisen tutkanäytteen lähestyvistä myrskyistä.

Kummassakin tapauksessa napsautan vain solun sisälle, jonka haluan lisätä widget-koodin, napsauttaa sitten Lisää-valikkoa ja valita HTML. Liitä vain widget-koodi avautuvaan ikkunaan.

Voit huomata, että widgetti ei ole keskitetty tai se näkyy liian kaukana solun yläosasta. Se on helppo korjata Kompozerissa ilman mitään koodaustietoa. Napsauta hiiren kakkospainikkeella solua, valitse taulukon solujen ominaisuudet ja muuta sitten sisällön kohdistus mihin tahansa näyttää parhaiten.

Testaa muutokset tallentamalla tiedosto vain paikalliselle tietokoneellesi HTML-tiedostona ja tarkastele sitten tiedostoa suosikkiselaimellasi. Jos sinulla todella on ongelmia, voit aina lisätä koodin tarvittaessa. Kompozerissa voit muokata sivua napsauttamalla ”lähde” -välilehteä. Esimerkiksi oli muutamia tapauksia, joissa minun piti vain lisätä tauko
pakottaa välilyönnin joidenkin widgetien väliin, jotka sijoitin saman solun sisälle.

Lisäämällä vielä kolme parasta suosittua widgettiä olen kehittänyt alla esitetyn reaaliaikaisen informaationäytön. Kolme lisäämääni hienoa widgettiä olivat kaasun hinta -widget vuodelta gas-cost.net, ja hyödykkeiden widget ja nykyiset valuuttakurssit-widgetit osoitteesta 100widgets.com.

Nämä ovat kaikki reaaliaikaisia ​​widgettejä, jotka näyttävät nykyiset tiedot ympäri maailmaa. Nyt olen saanut ajan tasalle toiset tiedot hinnoista, osakekursseista ja säästä, kaikki yhdellä silmäyksellä. Mutta vain puolet verkkosivusta on täynnä, ja meillä on paljon enemmän tietoa rakentamiseksi tälle sivulle - kaksi muuta kokonaista saraketta, jotta voimme olla tarkkoja.

Toinen todella hieno widget, jonka lisäin sivulle, oli käyttäjän määrityswidget [Ei enää saatavilla] osoitteesta 100widgets.com. Tämä antaa palautetta nykyisestä IP-osoitteestasi, tietokoneen tiedoista ja Windows / selaimen versiosta. Tästä on hyötyä, kun olet matkalla ja muodostat yhteyden sivullesi hotellista tai kirjastosta ja sinun on tiedettävä nykyinen IP-osoitteesi. Lisäsin myös erittäin viileä Maailman laskurit ja widgetbox.com-osakeindeksit.

Pari muuta hyödyllistä widgettiä, jotka on mainitsemisen arvoinen tällaisessa koko sivun reaaliaikaisessa näytössä - ensimmäinen on lähtölaskenta-widget widgetbox.com-sivustosta. Kun määrität sen, annat sille päivämäärän ja tapahtuman, johon voidaan laskea, ja se näkyy widgetissä tekstinlaskurina tapahtumaa kohti (katso suuri näyttö, jossa kaksi kuvaa näkyy täältä).

Ja mikään sci-fi-näköinen datanäyttö ei olisi täydellinen ilman kiertävää maapallon grafiikkaa, joka näyttää reaaliaikaisia ​​lämpötilatietoja mistä tahansa planeetan pisteestä, josta pidät. Voit saada nämä tiedot Sää-3D-widget Widgetbox.comista.

Kokosivun reaaliaikaisen tiedonhallintapaneelin alla olevassa kuvassa näet lähtölaskennan -sivulle (lisäsin sen keskelle itse taulukkoa) ja 3d-sääpallo aivan maailmanlaskennan alapuolelle vekotin. Lisäsin taulukon viimeiseen sarakkeeseen DHS: n nykyinen uhataso, seksikäs käyrät (enemmän koristeluun kuin mikään muu - se näyttää siistiltä), ja lopuksi reaaliaikainen hälytyswidget Kansallinen hurrikaanikeskus.

Sivun lopullisen valmistuttua minulla on nyt pääsy nykyiseen aikaan, paikallisiin ja globaaleihin sääolosuhteisiin, osakemarkkinatietoihin, nykyiset kaasun hinnat, nykyiset hurrikaanihälytykset, kansalliset uhatasot ja tietysti kuormitus maailmantiedoista maailmanlaskennassa vekotin.

Voit muokata tällaista näyttöä millä tahansa haluamallasi tiedolla etsimällä muita minkä tahansa tärkeimpien widget-sivustojen informaationwidgetit ja lisäämällä ne sitten asetteluosi missä haluat. Kompozerin kyky keskittää ja kohdistaa solut helposti antaa sinun näyttää koko näytöltä puhdasta ja todella viileää. Kun olet valmis, voit vain ladata HTML-tiedoston omaan Web-isäntään, jotta voit käyttää sitä mistä päin maailmaa tahansa.

Luo oma tietohallintataulu ja kerro meille miten se menee. Mitä muita hyödyllisiä widgettejä löysit reaaliaikaisiin tietoihin? Jaa ne alla olevaan kommenttialueeseen - haluaisin nähdä, mitä muut hienot widgetit ihmiset löysivät!

Kuvahyvitys: Tietoliikennegrafiikka Shutterstockin kautta