13 widżetów, które tworzą niesamowity wyświetlacz danych w czasie rzeczywistym

Jeśli jesteś zapracowaną osobą, która tak naprawdę nie ma zbyt wiele czasu na codzienne sprawdzanie wiadomości, ale lubisz być na bieżąco z najnowszymi ważnymi wydarzeniami, takimi jak wielkie burze, giełda papierów wartościowych lub poważne zmiany na całym świecie , wyświetlacz graficzny jest znacznie wydajniejszy.

Prawdopodobnie widziałeś przykłady niektórych biur maklerskich, w których znajduje się monitor z dużą ilością wykresów, wykresów i innych grafik wyświetlających dane w czasie rzeczywistym. A może widziałeś te fajne wyświetlacze NASA w centrum startowym z różnego rodzaju ważnymi danymi przewijanymi po ekranie.

Moim zdaniem to najlepszy sposób na pokazanie dużej ilości informacji na małej przestrzeni. A jeśli pracujesz z dwoma lub trzema ekranami takimi jak ja, masz miejsce na monitor, aby mieć cały czas wyświetlacz - gdzie możesz sprawdzić, co się dzieje na całym świecie, wystarczy rzut oka.

W tym artykule przeprowadzę cię przez moje starania, aby stworzyć taki rodzaj wyświetlania przy użyciu bardzo prostych narzędzi i technik projektowania stron internetowych. Zamierzam również udostępnić 15 najlepszych widżetów deski rozdzielczej online, które znalazłem w Internecie, które pomogły zbudować ten duży wyświetlacz informacyjny zawierający informacje o świecie.

Budowanie wyświetlania danych świata w czasie rzeczywistym

Jednym z pierwszych miejsc, do których poszedłem, aby zbudować taki ekran informacyjny, jest Netvibes. Często omawialiśmy tę stronę, na przykład w niesamowitym artykule Angeli na temat korzystania z niej do zarządzania życiem Jak zarządzać swoim życiem całkowicie online za pomocą Netvibes Jak zarządzać swoim życiem całkowicie online za pomocą Netvibes .

Bardzo też lubię Netvibes i po przeczytaniu artykułu Angeli zacząłem używać go do organizowania linków i narzędzi do każdego z głównych zadań, które muszę wykonać online. Miło jest mieć wszystko w jednym miejscu. Jednak gdy próbowałem użyć gadżetu HTML do osadzania widżetów na stronie, zauważyłem, że nie działa on zbyt dobrze. Możesz zmienić szerokość, ale wydaje się, że wysokość pozostaje stała - odcinając większe widżety.

Po wypróbowaniu kilku innych stron - Protopage Jak zrobić portfolio swojej pracy online z Protopage Jak zrobić portfolio swojej pracy online z Protopage było kolejnym, który nie całkiem działał poprawnie. Dodało to zbyt wiele miejsca po bokach widżetów i nie pozwalało na odpowiednią zmianę rozmiaru. Więc po spędzeniu zbyt dużej ilości czasu na próbach sprawienia, by istniejące strony działały, postanowiłem zająć się projektowaniem strony od zera.

Chciałem znaleźć rozwiązanie, które każdy mógłby zrobić, niezależnie od doświadczenia w projektowaniu stron internetowych. Moim wybranym narzędziem do projektowania stron internetowych WYSIWYG jest Kompozer. Jedyną wadą tego podejścia jest to, że korzysta z tabel, które w świecie projektantów są uważane za archaiczne w porównaniu do korzystania z CSS. Ale dla uproszczenia użyjemy Kompozer i umieścimy widżety na stronie.

Oto, jak wygląda widok w Kompozer po wstawieniu tabeli - w tym przypadku używam tabeli 4 na 4, ale możesz ustawić dowolny rozmiar.

Najpierw kliknij prawym przyciskiem myszy tabelę i zmień właściwości, aby linie nie były koloru (niewidoczne). Pierwszy widżet, który wstawiłem do lewej górnej komórki, to fajny widżet zegara z clocklink.com. Pod tym dodałem widżet pogodowy z Accuweather.com - jeden z moich ulubionych, ponieważ pokazuje fajny graficzny obraz radaru zbliżających się burz.

W każdym przypadku po prostu klikam wewnątrz komórki, w której chcę wstawić kod widżetu, a następnie klikam menu Wstaw i wybieram HTML. Po prostu wklej kod widżetu do wyskakującego okna.

Możesz zauważyć, że widżet nie jest wyśrodkowany lub jest wyświetlany zbyt daleko od górnej krawędzi komórki. Łatwo to naprawić w Kompozer bez znajomości programowania. Wystarczy kliknąć komórkę prawym przyciskiem myszy, wybrać właściwości komórki tabeli, a następnie zmienić wyrównanie zawartości, tak aby wyglądało najlepiej.

Aby przetestować zmiany, po prostu zapisz plik na komputerze lokalnym jako plik HTML, a następnie wyświetl plik przy użyciu ulubionej przeglądarki. Jeśli naprawdę masz problemy, zawsze możesz wstawić kod, jeśli naprawdę musisz. W Kompozer możesz edytować stronę, klikając “źródło” patka. Na przykład było kilka przypadków, w których musiałem wstawić przerwę
aby wymusić spację między niektórymi widżetami, które umieściłem w tej samej komórce.

Dodając jeszcze trzy najlepsze widżety, które znalazłem, opracowałem wyświetlanie informacji w czasie rzeczywistym pokazane poniżej. Trzy fajne widżety, które dodałem, to widżet Ceny gazu od gas-cost.net, widżet towarowy i widżet aktualnych kursów walut od 100widgets.com.

Są to wszystkie widżety w czasie rzeczywistym, wyświetlające aktualne dane z całego świata. Teraz mam aktualne dane na temat cen, kursów i pogody - wszystko za jednym spojrzeniem. Ale tylko połowa strony jest zapełniona, a my mamy o wiele więcej informacji do zbudowania na tej stronie - dokładniej dwie kolejne kolumny danych.

Innym naprawdę fajnym widżetem, który dodałem do strony, był widżet konfiguracyjny użytkownika [Już niedostępny] ze strony 100widgets.com. Dzięki temu uzyskasz informacje zwrotne na temat bieżącego adresu IP, informacji o komputerze i wersji systemu Windows / przeglądarki. Jest to przydatne, gdy jesteś w drodze i łączysz się ze swoją stroną z hotelu lub biblioteki i potrzebujesz znać swój obecny adres IP. Dodałem również bardzo fajne Liczniki Świata i indeksy giełdowe z widgetbox.com.

Kilka innych przydatnych widżetów, o których warto wspomnieć w przypadku tego rodzaju wyświetlania całostronicowego w czasie rzeczywistym - pierwszy to widżet odliczający z widgetbox.com. Po skonfigurowaniu podajesz datę i zdarzenie, do którego chcesz odliczać, i pojawia się w widżecie jako odliczanie tekstu do tego wydarzenia (patrz duży wyświetlacz pokazujący dwa obrazy stąd).

Żadne wyświetlanie danych science fiction nie byłoby kompletne bez obróconej grafiki Ziemi wyświetlającej informacje o temperaturze w czasie rzeczywistym z dowolnego punktu na planecie, który ci się podoba. Możesz pobrać te dane z widżetu Weather-3D z Widgetbox.com.

Na obrazku poniżej mojego pełnego pulpitu pulpitu danych w czasie rzeczywistym możesz zobaczyć odliczanie u góry strony (wstawiłem go wyśrodkowany przed samą tabelą) oraz kulę pogody 3D tuż pod widżetem odliczania świata. W ostatniej kolumnie tabeli dodałem aktualny poziom zagrożenia DHS, seksowne krzywe (bardziej do dekoracji niż cokolwiek innego - wygląda fajnie), a na koniec widżet alertów w czasie rzeczywistym z National Hurricane Center.

Po ukończeniu strony mam teraz dostęp do aktualnego czasu, lokalnej i globalnej pogody, informacji giełdowych, aktualnych cen gazu, aktualnych alarmów o huraganach, krajowych poziomów zagrożenia i oczywiście mnóstwa danych światowych w widżecie odliczania świata.

Możesz dostosować ten rodzaj wyświetlania za pomocą dowolnych informacji, wyszukując inne widżety informacyjne w dowolnej z głównych witryn z widgetami, a następnie wstawiając je do swojego układu w dowolnym miejscu. Zdolność Kompozera do łatwego centrowania i wyrównywania komórek pozwoli ci sprawić, że cały wyświetlacz będzie czysty i naprawdę fajny. Gdy skończysz, możesz po prostu przesłać plik HTML na swój hosting, aby uzyskać dostęp do niego z dowolnego miejsca na świecie.

Utwórz własny pulpit informacyjny i poinformuj nas, jak to działa. Jakie inne przydatne widżety odkryłeś w celu uzyskania informacji w czasie rzeczywistym? Udostępnij je w polu komentarzy poniżej - Chciałbym zobaczyć, jakie inne fajne widżety znalazły osoby!

Zdjęcie kredytowe: Grafika telekomunikacyjna za pośrednictwem Shutterstock