13 widgeta koji čine sjajan prikaz podataka u stvarnom vremenu

Oglas

Ako ste zauzeta osoba koja u stvari nema puno vremena za provjeru vijesti svaki dan, ali volite biti u toku s najnovijih velikih događaja poput velikih oluja, burze ili većih promjena diljem svijeta, grafički prikaz je mnogo više učinkovit.

Vjerojatno ste vidjeli primjere nekih brokerskih ureda gdje postoji monitor s puno grafikona, grafikona i druge grafike koji prikazuju podatke u stvarnom vremenu. Ili ste možda vidjeli one sjajne prikaze NASA-inog centra za pokretanje sa svim vrstama važnih podataka koji se kreću po zaslonu.

Prema mom mišljenju, to je najbolji način prikazivanja puno informacija na malom prostoru. A ako radite s dva ili tri ekrana poput mene, onda imate prostor na monitoru da biste imali prikazivati ​​se cijelo vrijeme - gdje možete samo provjeriti što se događa u cijelom svijetu pogled.

U ovom ću članku provesti vas kroz moja nastojanja da sastavim takav prikaz pomoću vrlo jednostavnih alata i tehnika web dizajna. Dijelit ću i 15 najboljih internetskih widgeta nadzorne ploče koje sam pronašao na Internetu i koji su pomogli u stvaranju ovog velikog informativnog prikaza svjetskih podataka.

Izgradnja prikazivanja svjetskih podataka u stvarnom vremenu

Jedno od prvih mjesta na koje sam otišao kako bih izgradio takav informativni prikaz je Netvibes. Mi često pokrivamo web mjesto, kao što je Angelin sjajan članak o kako ga koristiti za upravljanje svojim životom Kako stvoriti pravi feed vijesti pomoću RSS-aKombinirajte RSS izlaze s nekoliko alata treće strane i stvorite jedinstven prilagođeni feed vijesti koji sadrži samo legitimne priče koje su vam važne. Pokazali smo vam kako u ovom koraku uputstva. Čitaj više .

I meni se jako sviđa Netvibes, a nakon što sam pročitao Angelin članak, počeo sam ga koristiti za organiziranje veza i alata za svaki od glavnih zadataka koje moram obaviti putem interneta. Lijepo je imati sve na jednom mjestu. Međutim, kad sam pokušao pomoću HTML gadgeta za umetanje widgeta u stranicu, primijetio sam da ne djeluje baš dobro. Možete promijeniti veličinu širine, ali čini se da visina ostaje fiksna - rezanje većih widgeta.

Nakon isprobavanja nekoliko drugih web lokacija - Protopage Najbolji graditelji web stranica za stvaranje čistog internetskog portfeljaKoji je besplatni graditelj web stranica najbolji za vaš portfelj? Evo najboljih graditelja web stranica koje možete odabrati! Čitaj više bila je još jedna koja nije baš dobro funkcionirala. Dodao je previše prostora na bočnim dijelovima widgeta i ne dopušta pravilno određivanje veličine. Dakle, nakon što sam potrošio previše vremena pokušavajući učiniti da postojeće stranice rade, odlučio sam se okrenuti dizajniranju stranice ispočetka.

Htio sam iznaći rješenje koje svako može učiniti, bez obzira na iskustvo web dizajniranja. Moj WYSIWYG alat za web dizajn po izboru je Kompozer. Jedina mana ovog pristupa je ta što koristi tablice koje se u svijetu web dizajnera smatraju arhaičnim u usporedbi s CSS-om. Ali zbog jednostavnosti koristit ćemo Kompozer i postaviti widgete točno na stranicu.

Evo kako izgleda dizajn dizajna u Kompozeru nakon što ste umetnuli tablicu - u ovom slučaju ja koristim tablicu 4 po 4, ali možete je napraviti u bilo kojoj veličini koju želite.

Prvo, desnom tipkom miša kliknite tablicu i promijenite svojstva tako da linije nisu u boji (nevidljive). Prvi widget koji sam umetnuo u gornju lijevu ćeliju bio je cool widget od sata clocklink.com. Pod to sam dodao vremensku widget iz Accuweather.com - jedan od mojih omiljenih jer prikazuje cool grafički radarski prikaz svih oluja koje se približavaju.

U svakom slučaju jednostavno kliknem unutar ćelije u koju želim umetnuti kôd widgeta, a zatim kliknete izbornik Umetanje i odaberete HTML. Samo zalijepite kôd widgeta u prozor koji se pojavi.

Možete primijetiti da vaš widget nije centriran ili se prikazuje predaleko od vrha ćelije. To je lako popraviti u Kompozeru bez ikakvog znanja o kodiranju. Samo desnom tipkom miša kliknite ćeliju, odaberite svojstva ćelije tablice, a zatim promijenite poravnanje sadržaja u ono što izgleda najbolje.

Da biste testirali svoje promjene, spremite datoteku na svoje lokalno računalo kao HTML datoteku, a zatim je pregledajte pomoću svog omiljenog preglednika. Ako stvarno imate problema, uvijek možete umetnuti kôd ako stvarno morate. U Kompozeru možete urediti stranicu klikom na karticu "izvor". Primjerice, bilo je nekoliko slučajeva u koje sam jednostavno morao umetnuti predah
da bih odvojio razmak između nekih widgeta koje sam postavio unutar iste ćelije.

Dodajući još tri najbolja widgeta za koje sam našao da sam razvio informativni prikaz u stvarnom vremenu, prikazan dolje. Tri cool widgeta koja sam dodao su dodatak iz kojeg dolaze cijene plina gas-cost.net, i roba widget i widgeti trenutnih tečajeva od 100widgets.com.

Sve su to widgeti u stvarnom vremenu, koji prikazuju trenutne podatke iz cijelog svijeta. Sada imam nove podatke o cijenama, dionicama i vremenskim prilikama, i sve to jednim pogledom. Ali samo je polovica web stranice popunjena, a mi imamo mnogo više podataka na kojima ćemo nadograditi ovu stranicu - još dva cjelovita stupca podataka.

Drugi stvarno cool widget koji sam dodao stranici je korisnički widget za konfiguraciju [No Longer Available] iz web-lokacije 100widgets.com. To vam daje povratne informacije o trenutnoj IP adresi, informacijama o računalu i verziji prozora / preglednika. Ovo je korisno kad ste na putu i povezujete se sa svojom stranicom iz hotela ili knjižnice i morate znati svoj trenutni IP. Dodala sam i jako cool Svjetske šalterice i zalihe indeksa s widgetbox.com.

Nekoliko drugih korisnih widgeta koje vrijedi spomenuti za ovakav prikaz u stvarnom vremenu na cijeloj stranici - prvi je dodatak za odbrojavanje s widgetbox.com. Kad ga postavite, dajete mu datum i događaj do kojih se može odbrojavati, a on se u widgetu prikazuje kao odbrojavanje teksta prema tom događaju (pogledajte veliki prikaz prikazan ovdje dolje dvije slike).

A nijedan prikaz podataka s znanstvene fantastike ne bi bio potpun bez zakretane grafike zemlje koja prikazuje informacije o temperaturi u stvarnom vremenu iz bilo koje točke na planeti koja vam se sviđa. Te podatke možete dobiti od Weather-3D widget s Widgetbox.com.

Na slici ispod moje nadzorne ploče s podacima u stvarnom vremenu u stvarnom vremenu možete vidjeti odbrojavanje na samom vrhu stranicu (umetnuo sam je centriranu ispred same tablice), a 3D Weather Globe odmah ispod odbrojavanja svijeta Widget. U posljednjem stupcu tablice dodao sam trenutna razina prijetnje DHS-om, seksi obline (više za ukras nego za bilo što drugo - izgleda super) i na kraju widget za upozorenje u stvarnom vremenu od Nacionalni centar za uragane.

Kad je stranica konačno dovršena, sada imam pristup trenutnom vremenu, lokalnom i globalnom vremenu, informacijama o burzama, trenutne cijene plina, trenutna upozorenja o uraganima, nacionalna razina prijetnji i naravno mnoštvo svjetskih podataka u odbrojavanju svijeta Widget.

Ovu vrstu zaslona možete prilagoditi bilo kojim informacijama pomoću pretraživanja drugih informativne widgete na bilo kojem glavnom mjestu widgeta i zatim ih umetnite u svoj izgled gdje god želite. Kompozerova mogućnost da lako centrira i poravna ćelije omogućit će vam da cijeli prikaz izgleda čist i stvarno hladan. Nakon što završite, možete jednostavno prenijeti HTML datoteku na svoj vlastiti web domaćin da biste joj mogli pristupiti s bilo kojeg mjesta na svijetu.

Napravite svoju informativnu nadzornu ploču i javite nam kako to ide. Koje ste još korisnih widgeta otkrili za informacije u stvarnom vremenu? Podijelite ih u donjem dijelu komentara - volio bih vidjeti koje su druge cool widgete pronašli!

Kreditna slika: Grafikon telekomunikacija Via Shutterstock