13 widgeta koji čine sjajan prikaz podataka u stvarnom vremenu

Ako ste zauzeta osoba koja u stvari nema puno vremena za provjeru vijesti svaki dan, ali volite biti u tijeku s najnovijim velikim događajima poput velikih oluja, burze ili većih promjena u svijetu , grafički prikaz je mnogo učinkovitiji.

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.

Po 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 budete stalno prikazani - gdje možete samo jednim pogledom provjeriti što se događa u svijetu.

U ovom članku ću vas provesti 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 cijelom internetu koji su pomogli u stvaranju ovog velikog informativnog prikaza svjetskih informacija.

Izgradnja prikazivanja svjetskih podataka u stvarnom vremenu

Jedno od prvih mjesta na koje sam otišao kako bih izgradio takav informativni prikaz je Netvibes. Često smo pokrivali web mjesto, primjerice u sjajnom članku Angele o tome kako ga koristiti za upravljanje životom Kako potpuno upravljati svojim životom na mreži koristeći Netvibes Kako potpuno upravljati svojim životom na mreži koristeći Netvibes .

I ja volim Netvibes, a nakon što sam pročitao Angelin članak, zapravo sam ga počeo 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 stranica - Protopage Kako napraviti portfelj svog mrežnog rada s Protopageom Kako napraviti portfelj svog mrežnog rada s Protopageom, bio je još jedan koji nije baš dobro funkcionirao. Dodao je previše prostora na bočnim dijelovima widgeta i nije omogućio ispravno mijenjanje 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 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 s sata s web-lokacije clocklink.com. Ispod toga dodao sam vremensku widget s 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žda ć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 ikonu “izvor” kartica. 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 koje sam pronašao razvio sam informativni prikaz u stvarnom vremenu prikazan dolje. Tri cool widgeta koje sam dodao su dodatak za cijene plina od gas-cost.net, te widgeti za robu i trenutni tečajevi deviznih tečajeva sa 100widgets.com.

Sve su to widgeti u stvarnom vremenu, koji prikazuju trenutne podatke iz cijelog svijeta. Sad 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 za nadogradnju na ovoj stranici - još dva cjelovita stupca podataka da budemo precizni.

Drugi stvarno cool widget koji sam dodao na stranicu 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. To je korisno kad ste na putu i povezujete se sa svojom stranicom iz hotela ili knjižnice i morate znati svoj trenutni IP. Dodao sam i vrlo cool Svjetske Brojače i indekse dionica s widgetbox.com.

Nekoliko drugih korisnih widgeta koje vrijedi spomenuti za ovakav prikaz u stvarnom vremenu na cijeloj stranici - prvi je widget 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 odavde dvije slike).

A nijedan prikaz podataka znanstveno-fantastičnih podataka 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 putem Widget-3D widget-a s Widgetbox.com.

Na slici ispod moje nadzorne ploče s podacima u stvarnom vremenu na cijeloj stranici možete vidjeti odbrojavanje na samom vrhu stranice (umetnuo sam ga centrirano prije same tablice) i 3d vremenski globus odmah ispod svjetskog widgeta za odbrojavanje. U posljednji stupac tablice dodao sam trenutnu razinu prijetnje DHS-om, seksi obline (više za ukras nego išta drugo - izgleda super) i na kraju widget za upozorenje u stvarnom vremenu iz Nacionalnog centra za uragane.

Kad je stranica konačno dovršena, sada imam pristup trenutnom vremenu, lokalnom i globalnom vremenu, informacijama o burzama, trenutnim cijenama plina, trenutnim upozorenjima o uraganu, nacionalnoj razini prijetnji i, naravno, mnoštvu svjetskih podataka u widgetu za odbrojavanje svijeta.

Ovu vrstu prikaza možete prilagoditi bilo kojim informacijama koje želite da pretražite druge informacijske widgete na bilo kojem glavnom mjestu widgeta i zatim ih umetnete u svoj izgled gdje god želite. Kompozerova sposobnost da lako centrira i poravna ćelije omogućit će vam da cijeli zaslon bude čist i stvarno hladan. Nakon što završite, možete jednostavno prenijeti HTML datoteku na svoj vlastiti web domaćin tako da joj možete 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