Hirdetés

műszerfal-kütyüHa elfoglalt ember vagy, akinek nincs sok ideje arra, hogy minden nap ellenőrizze a híreket, de szeretne naprakészen tartani a legfrissebb események, például a nagy viharok, a tőzsde vagy a világ minden táján bekövetkező jelentős változások, a grafikus kijelző sokkal több hatékony.

Valószínűleg látott példákat néhány tőzsdei közvetítő irodára, ahol van egy olyan monitor, amelyen sok diagram, grafikon és más grafika látható, az adatok valós időben jelennek meg. Vagy talán látta azokat a hűvös NASA indítóközpont-kijelzőket, amelyek mindenféle fontos adatot görgetnek a képernyőn.

Véleményem szerint ez a legjobb módja annak, hogy sok információt jelenítsen meg egy kis térben. És ha két vagy három képernyővel dolgozik, mint én, akkor a monitor számára van egy hely a folyamatosan jelenjen meg - ahol csak egy a-val ellenőrizheti, mi folyik az egész világon pillantás.

Ebben a cikkben megismerem az erőfeszítéseimet, hogy nagyon egyszerű web-tervező eszközökkel és technikákkal összeállítsam egy ilyen típusú képernyőt. Ezenkívül megosztom a 15 legjobb online műszerfal-kütyüt, amelyeket az interneten találtam, és amelyek elősegítették a világinformációk ilyen nagy információs megjelenítésének elkészítését.

instagram viewer

A világ adatainak valós idejű megjelenítése

Az egyik első hely, ahol elmentem egy ilyen információs kijelző elkészítéséhez, a Netvibes. Gyakran fedeztük fel a webhelyet, például Angela félelmetes cikkében hogyan lehet felhasználni az életed kezelésére Hogyan készítsünk valós hírcsatornát RSS-velKombinálja az RSS-kimenetet néhány harmadik féltől származó eszközzel, és hozzon létre egy egyéni testreszabott hírcsatornát, amely csak az Ön érdekelő legitim történeteket tartalmazza. Megmutatjuk Önnek, hogyan kell ebben a lépésről lépésre. Olvass tovább .

Nagyon szeretem a Netvibeset is, és miután elolvastam Angela cikkét, valójában elkezdtem linkeket és eszközöket szervezni minden olyan fontosabb feladathoz, amelyet online kell tennem. Örülök, hogy mindent egy helyen lehet elhelyezni. Amikor azonban megkíséreltem a HTML-modul használatával widget-eket beágyazni az oldalra, észrevettem, hogy az nem működik nagyon jól. Átméretezheti a szélességet, de úgy tűnik, hogy a magassága állandó marad - levágja a nagyobb kütyüket.

műszerfal-kütyü

Néhány más webhely kipróbálása után - Protopage A legjobb weboldal-készítők egy tiszta online portfólió létrehozásáhozMelyik ingyenes weboldal készítő a legmegfelelőbb portfóliójának? Itt állnak a legjobb weboldal-készítők, akik közül választhat! Olvass tovább volt egy másik, ami nem igazán működött jól. Túl sok helyet adott a kütyü oldalán, és nem tette lehetővé a megfelelő átméretezést. Tehát, miután túl sok időt töltöttem az előzőleg létező oldalak működésével, úgy döntöttem, hogy az oldal nulláról történő tervezéséhez fordulok.

Olyan megoldást akartam elérni, amelyet bárki megtehet, függetlenül a webdesign tapasztalatától. A választott WYSIWYG webdesign eszközem a Kompozer. Ennek a megközelítésnek az egyetlen hátránya, hogy táblázatokat használ, amelyeket a webes tervezők világában archaikusnak tekintnek a CSS használatához képest. De az egyszerűség kedvéért a Kompozer alkalmazást fogjuk használni, és a kütyüket közvetlenül az oldalon kell elrendezni.

Így néz ki a tervezési nézet a Kompozerben, miután beillesztett egy táblát - ebben az esetben 4: 4-es táblát használok, de bármilyen méretű elkészítheti.

időjárási kütyü

Először kattintson a jobb gombbal az asztalra, és változtassa meg a tulajdonságokat, hogy a vonalak ne legyenek színesek (láthatatlanok). Az első eszköz, amelyet beillesztettem a bal felső cellába, egy hűvös óra widget volt clocklink.com. Ezen kívül hozzáadtam egy időjárási widget Accuweather.com - az egyik kedvencem, mert hűvös grafikus radart mutat a közelgő viharokról.

időjárási kütyü

Mindegyik esetben egyszerűen rákattanok a cellába, amelybe be akarom helyezni a widget kódot, majd kattintson a Beszúrás menüre, és válassza a HTML lehetőséget. Csak illessze be a widget kódját a felbukkanó ablakba.

időjárási kütyü

Előfordulhat, hogy a widget nem központos, vagy túl messzire mutat a cella tetejétől. Ezt könnyű megjavítani a Kompozerben, bármilyen kódolási ismeret nélkül. Csak kattintson a jobb egérgombbal a cellára, válassza ki az asztali cellák tulajdonságait, majd változtassa meg a tartalom igazítását a legjobban néző színre.

widget hírek

A változások teszteléséhez csak mentse a fájlt HTML-fájlként a helyi számítógépre, majd tekintse meg a fájlt kedvenc böngészőjével. Ha valóban problémái vannak, akkor mindig beilleszthet kódot, ha igazán kell. A Kompozerben szerkesztheti az oldalt a „forrás” fülre kattintva. Például volt néhány eset, amikor csak szünetet kellett beillesztenem
arra, hogy teret kényszerítsen néhány olyan kütyü között, amelyeket ugyanabban a cellában helyeztem el.

widget hírek

Három további legjobb widget hozzáadásával találtam ki az alább bemutatott valós idejű információs képernyőt. A három hűvös kütyü, amelyeket hozzáadtam, a benzin árainak widgetje volt gas-cost.net, és a áruk widget és aktuális árfolyam-kütyü a 100widgets.com webhelyről.

widget hírek

Ezek mind valósidejű kütyü, a világ minden tájáról származó aktuális adatokat jelenítik meg. Most már a második adatokkal kapom az árakat, a részvények árfolyamát és az időjárást, mindezt egyetlen pillantással. De a weboldalnak csak a fele van kitöltve, és sokkal több információval rendelkezünk az oldalra építkezéskor - még két teljes adatoszlop, hogy pontosak legyenek.

Egy másik igazán hűvös widget, amelyet hozzátettem az oldalhoz, a 100widgets.com webhelyen található [Nincs már elérhető] felhasználói konfigurációs widget. Ez visszajelzést ad a jelenlegi IP-címről, a számítógépes információkról és a Windows / böngésző verziójáról. Ez akkor hasznos, ha úton vagy, és szállodához vagy könyvtárhoz kapcsolódik, és tudnia kell az aktuális IP-jét. Én is hozzá a nagyon jó Világszámlálók és a widgetbox.com részvényindexeit.

13 olyan kütyü, amelyek fantasztikus valós idejű adatmegjelenítést eredményeznek netvibes10

Néhány más hasznos kütyü, amelyeket érdemes megemlíteni az ilyen teljes oldalas valósidejű megjelenítéshez - az első egy visszaszámlálás widget a widgetbox.com webhelyről. Amikor beállítja, megad egy dátumot és egy eseményt, amelyre visszaszámlálhat, és ez megjelenik a widgetben az esemény felé mutató szöveg visszaszámlálásként (lásd a nagy képet, amelyen két képet láthat le innen).

műszerfal-kütyü

És egyetlen sci-fi megjelenésű adatmegjelenítés sem lenne teljes, ha a Föld elforgatott grafikája nem jeleníti meg a valósidejű hőmérsékleti információkat a bolygó bármely pontjáról, amelyre tetszik. Ezeket az adatokat a Időjárás-3D widget a Widgetbox.com webhelyről.

13 olyan kütyü, amelyek fantasztikus valós idejű adatmegjelenítést eredményeznek netvibes12

A teljes oldalas valós idejű irányítópultom alábbi képén látható a visszaszámlálás a oldal (maga a tábla elé helyeztem), és a 3d időjárási földgömb, közvetlenül a világ visszaszámlálása alatt widget. A táblázat utolsó oszlopába hozzáadtam a a jelenlegi DHS veszélyszint, szexi görbék (inkább dekorációhoz, mint bármi máshoz - remekül néz ki), és végül a valós idejű figyelmeztető widget a Nemzeti hurrikánközpont.

műszerfal-kütyü szélessége =

Az oldal végül elkészültével hozzáférhetek az aktuális időhöz, a helyi és globális időjárási tényezőkhöz, a tőzsdei információkhoz, a jelenlegi gázárak, a jelenlegi hurrikánriasztások, a nemzeti fenyegetési szintek és természetesen a világ adatok terhelése a világ visszaszámlálásában widget.

Az ilyen típusú képernyőt bármilyen információval megkönnyítheti, ha másokat keres információs kütyüket bármelyik fontosabb weboldalon, majd beillesztve őket az elrendezésbe bárhol is tetszik. A Kompozer azon képessége, hogy a cellákat könnyen központosítsa és igazítsa, lehetővé teszi, hogy a teljes kijelző tiszta és igazán hűvös legyen. Ha kész, akkor csak feltöltheti a HTML fájlt a saját internetes gazdagépére, így a világ bármely pontjáról elérhető.

Készítse el saját információs irányítópultját, és tudassa velünk, hogy megy. Milyen további hasznos eszközöket fedez fel a valós idejű információkhoz? Oszd meg őket az alábbi megjegyzésterületen - Szeretném megnézni, milyen más hűvös kütyüket találtak az emberek!

Kép jóváírás: Távközlési grafika a Shutterstockon keresztül

Ryan BSc villamosmérnöki diplomával rendelkezik. 13 évet dolgozott az automatizálás területén, 5 évet az informatika területén, és most Apps Engineer. A MakeUseOf volt vezérigazgatója, az adatmegjelenítéssel foglalkozó nemzeti konferenciákon beszélt, és szerepelt a nemzeti televízióban és rádióban.