13 джаджи, които правят страхотно показване на данни в реално време

реклама

Ако сте зает човек, който всъщност няма много време да проверява новините всеки ден, но обичате да сте в течение с последните големи събития като големи бури, фондовата борса или големи промени в целия свят, графичен дисплей е много повече ефективен.

Вероятно сте виждали примери за някои офиси на борсови брокери, където има монитор с много диаграми, графики и друга графика, които показват данни в реално време. Или може би сте виждали онези готини дисплейни центрове за стартиране на НАСА с всякакви важни данни, превъртащи се по екрана.

Според мен това е най-добрият начин да се покаже много информация в малко пространство. И ако работите с два или три екрана като мен, тогава имате място на монитора да имате покажете се през цялото време - където можете да проверите какво се случва по целия свят само с a поглед.

В тази статия ще ви преведа през усилията ми да съставя такъв вид дисплей, използвайки много прости инструменти и техники за уеб дизайн. Също така ще споделя 15 от най-добрите онлайн джаджи на таблото за управление, които намерих в интернет, които помогнаха за изграждането на този голям информационен дисплей от световна информация.

Изграждане на реално време на световните данни

Едно от първите места, на което отидох, за да изградя такъв информационен дисплей, е Netvibes. Често покриваме сайта, като например в страхотната статия на Анджела за как да го използвате, за да управлявате живота си Как да създадете истинска емисия новини с RSSКомбинирайте RSS изходи с няколко инструмента на трети страни и създайте единична персонализирана емисия новини, която съдържа само законни истории, които ви интересуват. Показваме ви как в тази стъпка по стъпка ръководство. Прочетете още .

Много харесвам и Netvibes и след като прочетох статията на Анджела, всъщност започнах да я използвам, за да организирам връзки и инструменти за всяка от основните задачи, които трябва да върша онлайн. Хубаво е всичко да е на едно място. Когато обаче се опитах да използвам притурката HTML за вграждане на джаджи в страницата, забелязах, че не работи много добре. Можете да промените размера на ширината, но височината изглежда остава фиксирана - отрязване на по-големи джаджи.

След като изпробвах няколко други сайта - Protopage Най-добрите уебсайтове за създаване на чисто онлайн портфолиоКой безплатен конструктор на уебсайтове е най-подходящ за вашето портфолио? Ето най-добрите създатели на уебсайтове, от които можете да изберете! Прочетете още беше друг, който не работи добре. Той добави твърде много място от двете страни на джаджите и не позволи правилното преоразмеряване. И така, след като прекарах прекалено много време в опит да накарам да съществуват съществуващи страници, реших да се обърна към създаването на страница от нулата.

Исках да намеря решение, което всеки би могъл да направи, независимо от опита в уеб дизайна. Моят инструмент за избор на уеб дизайн на WYSIWYG е Kompozer. Единственият недостатък на този подход е, че той използва таблици, които в света на уеб дизайнерите се считат за архаични в сравнение с използването на CSS. Но за простота ще използваме Kompozer и ще изложим джаджите точно на страницата.

Ето как изглежда изгледът на дизайн в Kompozer, след като сте поставили таблица - в този случай използвам таблица 4 по 4, но можете да я направите всеки размер, който искате.

Първо, щракнете с десния бутон върху таблицата и променете свойствата, така че линиите да не са цветни (невидими). Първата джаджа, която поставих в горната лява клетка, беше готина часовникова джаджа от clocklink.com. Под това добавих джаджа за времето от Accuweather.com - един от любимите ми, защото показва готин графичен радарен дисплей на всякакви приближаващи бури.

За всеки случай просто щракнете вътре в клетката, в която искам да вмъкна код на джаджа, след което щракнете върху менюто Вмъкване и изберете HTML. Просто поставете кода на джаджата в прозореца, който изскача.

Може да забележите, че джаджата ви не е центрирана или се показва твърде далеч от горната част на клетката. Това е лесно да се поправи в Kompozer без никакви познания за кодиране. Просто кликнете с десния бутон върху клетката, изберете свойствата на клетката на таблицата и след това променете подравняването на съдържанието към каквото изглежда най-добре.

За да тествате промените си, просто запазете файла на вашия локален компютър като HTML файл и след това го прегледайте с любимия си браузър. Ако наистина имате проблеми, винаги можете да вмъкнете код, ако наистина трябва. В Kompozer можете да редактирате страницата, като щракнете върху раздела „източник“. Например имаше няколко случая, в които просто трябваше да вмъкна почивка
за да наложа интервал между някои от джунджуриите, които поставих вътре в една и съща клетка.

Добавяйки още три от най-добрите джаджи, които открих, че разработих информационния дисплей в реално време, показан по-долу. Трите страхотни джунджурии, които добавих, бяха джаджата за Gas Gas gas-cost.net, и на стоки джаджа и джаджи за текущи валутни курсове от 100widgets.com.

Всичко това са джаджи в реално време, показващи актуални данни от цял ​​свят. Сега имам втората информация за цените, борсовите цени и времето, всички с един поглед. Но само половината от уеб страницата е запълнена и ние имаме много повече информация, за да надградим тази страница - още две цели колони с данни, за да бъдем точни.

Друга наистина страхотна джаджа, която добавих към страницата, беше приспособлението за конфигуриране на потребителя [Няма по-дълги налични] от 100widgets.com. Това ви дава обратна връзка относно текущия ви IP адрес, информация за компютъра и версия на Windows / браузър. Това е полезно, когато сте на път и се свържете със страницата си от хотел или библиотека и трябва да знаете текущия си IP адрес. Добавих и много готиното Световните броячи и борсовите индекси от widgetbox.com.

Няколко други полезни джунджурии, които си струва да бъдат споменати за този вид дисплей в реално време на цяла страница - първата е отброяване джаджа от widgetbox.com. Когато го настроите, му давате дата и събитие, до които да се отчитат, и той се показва в приспособлението като отброяване на текст към това събитие (вижте големия дисплей, показан две изображения от тук).

И нито едно показване на данни с научнофантастични данни не би било пълно без завъртяна графика на земята, показваща информация за температурата в реално време от всяка точка на планетата, която харесвате. Можете да получите тези данни от Weather-3D джаджа от Widgetbox.com.

На изображението по-долу на моето табло за данни в реално време в реално време можете да видите отброяването в самия връх на страница (вмъкнах я центрирана преди самата таблица) и 3d глобус точно под отброяването на света джаджа. В последната колона на таблицата добавих текущо ниво на заплаха DHS, секси извивки (повече за декорация от всичко друго - изглежда готино) и накрая джаджа за предупреждение в реално време от Национален център за урагани.

С приключването на страницата вече имам достъп до текущото време, местно и глобално време, информация за фондовите пазари, текущите цени на газа, настоящите сигнали за урагани, националните нива на заплаха и разбира се натоварването на световните данни при отброяването на света джаджа.

Можете да настроите този вид дисплей с каквато и да е информация, която искате, като потърсите друга информационни джунджурии на някой от основните сайтове за джунджурии и след това ги вмъкнете в оформлението си където искате. Възможността на Kompozer лесно да центрира и подравнява клетките ще ви позволи да направите целия дисплей чист и наистина готин. След като сте готови, можете просто да качите HTML файла в собствения си уеб хост, така че да имате достъп до него от всяка точка на света.

Създайте свой собствен информационен табло и ни уведомете как върви. Какви други полезни джунджурии открихте за информация в реално време? Споделете ги в областта за коментари по-долу - ще се радвам да видя какви други готини хора се намират!

Кредит за изображение: Телекомуникационна графика чрез Shutterstock