13 Widgets som lager en fantastisk sanntidsdisplay

Hvis du er en travel person som ikke har mye tid til å sjekke nyhetene hver dag, men du liker å holde deg oppdatert med de siste store hendelsene som store stormer, aksjemarkedet eller store endringer over hele verden , en grafisk skjerm er mye mer effektiv.

Du har sikkert sett eksempler på noen meglerkontorer der det er en skjerm med mange diagrammer, grafer og annen grafikk som alle viser data i sanntid. Eller kanskje du kanskje har sett de kule NASA-lanseringssenterene med alle slags viktige data som ruller over skjermen.

Etter min mening er det den beste måten å vise mye informasjon på i et lite rom. Og hvis du jobber med to eller tre skjermbilder som jeg, så har du plass på skjermen for å få en skjerm opp hele tiden - hvor du kan sjekke ut hva som foregår over hele verden med bare et blikk.

I denne artikkelen skal jeg gå gjennom mine forsøk på å sette sammen den typen skjerm ved hjelp av svært enkle webdesignverktøy og -teknikker. Jeg skal også dele 15 av de beste elektroniske dashbord-widgets som jeg fant over hele Internett som bidro til å bygge denne store informasjonsvisningen av verdensinformasjon.

Å bygge en sanntidsvisning av verdensdata

En av de første stedene jeg dro til for å bygge slik informasjonsskjerm er Netvibes. Vi har dekket nettstedet ofte, for eksempel i Angelas fantastiske artikkel om hvordan du bruker den til å styre livet ditt Slik administrerer du ditt liv helt på nettet ved hjelp av Netvibes Slik administrerer du ditt liv helt online ved hjelp av Netvibes Les mer .

Jeg liker også Netvibes, og etter å ha lest Angelas artikkel begynte jeg faktisk å bruke den til å organisere lenker og verktøy for hver av de store oppgavene jeg må gjøre online. Det er hyggelig å ha alt på ett sted. Men da jeg prøvde å bruke HTML-gadgeten til å legge inn widgets i siden, la jeg merke til at det ikke fungerer veldig bra. Du kan endre størrelsen på bredden, men høyden ser ut til å forbli fast - skjære av større widgets.

Etter å ha prøvd noen andre nettsteder - Protopage Hvordan lage en portefølje av ditt online-arbeid med Protopage Hvordan lage en portefølje av ditt online-arbeid med Protopage Les mer var en annen som ikke fungerte riktig. Det lagde for mye plass på sidene av widgets, og tillot ikke riktig resizing. Så, etter å ha brukt for mye tid på å forsøke å lage forhåndseksisterende sider, jobbet jeg med å designe en side fra bunnen av.

Jeg ønsket å komme opp med en løsning som alle kunne gjøre, uavhengig av webdesignopplevelse. Mitt WYSIWYG webdesignverktøy av valg er Kompozer. Den eneste ulempen med denne tilnærmingen er at den bruker tabeller, som i verden av webdesignere anses arkaisk sammenlignet med bruk av CSS. Men for enkelhets skyld, skal vi bruke Kompozer og legge ut widgets rett på siden.

Slik ser designvisningen i Kompozer ut etter at du har satt inn et bord - i dette tilfellet bruker jeg et 4 til 4 bord, men du kan gjøre det til enhver størrelse du vil ha.

Først høyreklikker du på bordet og endrer egenskapene slik at linjene ikke er farge (usynlige). Den første widgeten jeg satt inn i øvre venstre celle, var en kul klokke-widget fra clocklink.com. Under det har jeg lagt til en vær widget fra Accuweather.com - en av mine favoritter fordi den viser en kul grafisk radarvisning av noen nærme stormer.

I hvert tilfelle klikker jeg bare inne i cellen at jeg vil sette inn widgetskode, klikk deretter på Sett inn-menyen og velg HTML. Bare lim inn widget-koden i vinduet som dukker opp.

Du kan legge merke til at widgeten din ikke er sentrert, eller den vises for langt ned fra toppen av cellen. Det er lett å fikse i Kompozer uten noen kodende kunnskap i det hele tatt. Bare høyreklikk på cellen, velg tabellcellegenskaper, og endre innholdsinnstillingene til det som ser best ut.

For å teste endringene, bare lagre filen på den lokale datamaskinen som en HTML-fil, og se deretter filen ved hjelp av favorittnettleseren din. Hvis du virkelig har problemer, kan du alltid sette inn kode hvis du virkelig må. I Kompozer kan du redigere siden ved å klikke på “kilde” fane. For eksempel var det et par tilfeller der jeg bare måtte sette inn en pause
å tvinge et mellomrom mellom noen av de widgetene jeg plasserte i samme celle.

Ved å legge til tre av de beste widgets jeg fant, hadde jeg utviklet realtids informasjonsdisplayet vist nedenfor. De tre kule widgetene jeg la til var Gassprisen-widgeten fra gas-cost.net, og råvare-widgeten og dagens valutakurser widgets fra 100widgets.com.

Dette er alle realtime widgets, som viser nåværende data fra hele verden. Nå har jeg up-to-the-second data om priser, aksjekurser og vær, alt med et enkelt blikk. Men bare halvparten av nettsiden er fylt, og vi har mye mer informasjon å bygge på denne siden - to flere hele kolonnene av data skal være nøyaktige.

En annen veldig kul widget som jeg la til på siden var brukerens konfigurasjons widget [Ikke lenger tilgjengelig] fra 100widgets.com. Dette gir deg tilbakemelding om din nåværende IP-adresse, datamaskininfo og Windows / nettleserversjon. Dette er nyttig når du er på vei og kobler til siden din fra et hotell eller et bibliotek og trenger å kjenne din nåværende IP. Jeg har også lagt til de veldig kule World Counters og aksjeindeksene fra widgetbox.com.

Et par andre nyttige widgets som er verdt å nevne for denne typen full-time realtime-skjerm - den første er en nedtelling widget fra widgetbox.com. Når du setter det opp, gir du det en dato og et arrangement for å telle ned til, og det vises i widgeten som en nedtelling av tekst mot den aktuelle hendelsen (se den store skjermen som viser to bilder ned herfra).

Og ingen sci-fi-datadisplay ville være komplett uten en rotert grafikk av jorden som viser realtidstemperaturinformasjon fra et hvilket som helst punkt på planeten du liker. Du kan hente dataene fra Weather-3D-widgeten fra Widgetbox.com.

I bildet nedenfor på min oversikt i sanntidsdata dashbord kan du se nedtellingen øverst på siden (jeg satte den sentrert foran selve tabellen), og 3d Weather Globe like under verdens nedtellingen widget. I den siste kolonnen i tabellen la jeg til det nåværende DHS-trusselenivået, sexy kurver (mer til dekorasjon enn noe annet - det ser kult ut), og til slutt sanntidsvarsling-widgeten fra National Hurricane Center.

Med siden endelig fullført, har jeg nå tilgang til gjeldende tid, lokalt og globalt vær, aksjemarkedsinformasjon, nåværende gasspriser, nåværende orkanvarsler, nasjonale trusselenivåer og selvfølgelig masse verdensdata i verdens nedtellingen.

Du kan finjustere denne typen skjerm med all informasjon du vil ha ved å lete etter andre informative widgets på noen av de store widget-sidene, og deretter sette dem inn i oppsettet ditt uansett hvor du vil. Komposerens evne til å sentrere og justere celler enkelt gjør at du får hele skjermen til å se ren og veldig kul. Når du er ferdig, kan du bare laste opp HTML-filen til din egen webverten, slik at du kan få tilgang til den fra hvor som helst i verden.

Lag ditt eget informasjonsdashboard og la oss få vite hvordan det går. Hvilke andre nyttige widgets oppdaget du for sanntidsinformasjon? Del dem i kommentarfeltet nedenfor - Jeg vil gjerne se hvilke andre kule widgets folk fant!

Bilde Kreditt: Telekommunikasjon Grafisk Via Shutterstock