Реклама
Ако сте заузета особа која заиста нема пуно времена да свакодневно проверава вести, али волите да будете у току са последњих великих догађаја као што су велике олује, берза или велике промене широм света, графички приказ је много више ефикасан.
Вероватно сте видели примере неких канцеларија брокерских посредника у којима постоји монитор са пуно графикона, графикона и друге графике, који приказују податке у реалном времену. Или сте можда видели оне сјајне дисплеје НАСА-иног центра за покретање са свим врстама важних података који се крећу по екрану.
По мом мишљењу, то је најбољи начин приказивања пуно информација на малом простору. А ако радите са два или три екрана попут мене, онда имате простор на монитору да имате прикажите се непрестано - где можете само да проверите шта се дешава широм света поглед.
У овом чланку ћу вас провести кроз моје напоре да саставим такав приказ користећи веома једноставне алате и технике веб дизајна. Такође ћу делити 15 најбољих видгета на инструмент табли које сам пронашао на Интернету и који су помогли да се створи овај велики информативни приказ светских информација.
Израда приказа светских података у реалном времену
Једно од првих места на које сам отишао да направим такав информативни дисплеј је Нетвибес. Често покривамо веб локацију, као што је Анђелин сјајан чланак о како га користити за управљање животом Како да креирате прави вест са РСС-омКомбинујте РСС излазе са неколико алата треће стране и створите јединствен прилагођени феед вести који садржи само легитимне приче до којих вам је стало. Показаћемо вам како у овом кораку упутства. Опширније .
И мени се јако свиђа Нетвибес, и након што сам прочитао Анђелин чланак, заправо сам почео да га користим за организовање веза и алата за сваки од главних задатака које морам обавити путем интернета. Лепо је имати све на једном месту. Међутим, када сам покушао да користим ХТМЛ гадгет за уметање видгета у страницу, приметио сам да не функционише баш добро. Можете да промените величину ширине, али чини се да висина остаје фиксна - одсецање већих видгета.
Након испробавања неколико других локација - Протопаге Најбољи веб сајтови за прављење чистог портфеља на мрежиКоји је бесплатни програм за израду веб локација најбољи за ваш портфељ? Ево најбољих произвођача веб сајтова које можете одабрати! Опширније била је друга која није баш добро функционисала. Додао је превише простора на бочним странама видгета и није дозволио правилно промену величине. Дакле, након што сам потрошио превише времена покушавајући да постојеће странице функционишу, одлучио сам да се кренем од почетка.
Хтео сам да пронађем решење које свако може да уради, без обзира на искуство веб дизајна. Мој ВИСИВИГ алат за веб дизајн по избору је Композер. Једина мана овог приступа је та што користи таблице које се у свету веб дизајнера сматрају архаичним у поређењу са коришћењем ЦСС-а. Али због једноставности, искористићемо Композер и поставити видгете тачно на страницу.
Ево како изгледа дизајн дизајна у Композеру након што сте убацили табелу - у овом случају користим таблицу 4 по 4, али можете је направити у било којој величини коју желите.
Прво кликните десним тастером миша на табелу и промените својства тако да линије нису у боји (невидљиве). Први видгет који сам убацио у горњу леву ћелију био је цоол додатак сата цлоцклинк.цом. Под тим сам додао временски додатак из Аццувеатхер.цом - један од мојих омиљених јер приказује цоол графички радарски приказ било које олује која се приближава.
У сваком случају једноставно кликнем унутар ћелије у коју желим да убацим код видгета, а затим кликнете на мени Уметање и изаберете ХТМЛ. Само залепите код видгета у прозор који се појави.
Можда ћете приметити да ваш виџет није центриран или се приказује предалеко од врха ћелије. То је лако поправити у Композеру без икаквог знања о кодирању. Десним кликом миша кликните ћелију, изаберите својства ћелије таблице, а затим промените поравнање садржаја на оно што изгледа најбоље.
Да бисте тестирали своје измене, само сачувајте датотеку на локалном рачунару као ХТМЛ датотеку, а затим је прегледајте помоћу свог омиљеног прегледача. Ако стварно имате проблема, увек можете да убаците код ако стварно морате. У Композеру можете да уредите страницу кликом на картицу „извор“. На пример, било је неколико случајева у којима сам једноставно морао да убацим предах
да бих одузео размак између неких видгета које сам поставио унутар исте ћелије.
Додајући још три најбоља виџета која сам утврдио да сам развио информативни дисплеј у реалном времену, приказан доле. Три цоол видгет-а која сам додала су додатак из цене гаса гас-цост.нет, и роба додатак и додаци за тренутни курс фром 100видгетс.цом.
Све су то додаци у стварном времену, који приказују тренутне податке из целог света. Сада имам нове податке о ценама, ценама акција и временским приликама, и све то једним погледом. Али само је половина веб странице испуњена, а ми имамо много више информација које можемо надоградити на овој страници - још две цео ступац података да будемо тачни.
Други заиста кул додатак који сам додао на страницу био је кориснички конфигурациони виџет [Но Лонгер Аваилабле] са 100видгетс.цом. То вам даје повратне информације о вашој тренутној ИП адреси, информацијама о рачунару и верзији прозора / прегледача. Ово је корисно када сте на путу и повезујете се са својом страницом из хотела или библиотеке и морате знати свој тренутни ИП. Такође сам додала јако цоол Ворлд Цоунтерс и индексе акција са видгетбок.цом.
Неколико других корисних видгета које треба поменути за овај приказ у стварном времену на целој страници - први је цоунтдовн додатак фром видгетбок.цом. Када га подесите, дајете му датум и догађај до којих се може одбројати, а он се у виџету приказује као одбројавање текста према том догађају (погледајте велики екран приказан овде две слике).
А ниједан приказ података о сци-фи не би био потпун без ротиране графике земље која приказује информације о температури у стварном времену из било које тачке на планети која вам се свиђа. Те податке можете добити од Веатхер-3Д додатак са Видгетбок.цом.
На слици испод моје надзорне табле у стварном времену на целој страници можете видети одбројавање на самом врху страницу (убацио сам је центрирану испред саме табеле) и 3д временску глобус тачно испод одбројавања света виџет. У последњој колони табеле додао сам тренутни ниво пријетње ДХС-ом, секси облине (више за декорацију него било шта друго - изгледа цоол) и на крају видгет за упозорење у стварном времену од Национални центар за урагане.
Када је страница коначно попуњена, сада имам приступ тренутном времену, локалном и глобалном времену, информацијама о берзи, тренутне цене гаса, тренутна упозорења о ураганима, нивои националне претње и наравно мноштво светских података у одбројавању света виџет.
Ову врсту приказа можете подешавати са било којим информацијама које желите да претражите друге информативне видгете на било којем од главних сајтова видгета, а затим их уметните у свој изглед где год желите. Композерова могућност да лако центрира и поравна ћелије омогућиће вам да цео екран изгледа чисто и заиста цоол. Након што завршите, можете једноставно пренијети ХТМЛ датотеку у свој веб домаћин тако да јој можете приступити са било којег места на свету.
Направите своју информативну контролну таблу и јавите нам како то иде. Које сте још корисних видгета открили за информације у стварном времену? Поделите их у пољу за коментаре испод - волео бих да видим које су друге цоол видгете људи пронашли!
Кредитна слика: Графикон телекомуникација Виа Схуттерстоцк
Риан је дипломирао електротехнику. Радио је 13 година у инжењерству аутоматизације, 5 година у ИТ-у, а сада је Аппс инжењер. Бивши главни уредник МакеУсеОф-а, говорио је на националним конференцијама о визуализацији података и био је приказан на националној телевизији и радију.