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

Reklama

Jeśli jesteś zapracowaną osobą, która tak naprawdę nie ma dużo czasu, aby codziennie sprawdzać wiadomości, ale lubisz być na bieżąco z ostatnie duże wydarzenia, takie jak wielkie burze, giełda lub poważne zmiany na całym świecie, wyświetlacz graficzny to znacznie więcej wydajny.

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 widzieliście 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, tak jak ja, masz miejsce na monitor wyświetlaj się cały czas - gdzie możesz sprawdzić, co się dzieje na całym świecie za pomocą tylko spojrzenie.

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 pulpitu nawigacyjnego online, które znalazłem w Internecie, które pomogły w stworzeniu tego dużego, informacyjnego widoku informacji o świecie.

Budowanie wyświetlania danych światowych 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 jak używać go do zarządzania swoim życiem Jak utworzyć prawdziwy kanał informacyjny za pomocą RSSPołącz wyniki RSS z kilkoma narzędziami innych firm i stwórz jeden dostosowany kanał informacyjny, który zawiera tylko wiarygodne historie, na których Ci zależy. Pokażemy Ci, jak w tym przewodniku krok po kroku. Czytaj więcej .

Bardzo też lubię Netvibes i po przeczytaniu artykułu Angeli zacząłem go używać 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 witryn - Protopage Najlepsi twórcy stron internetowych, aby stworzyć czyste portfolio onlineKtóry darmowy kreator stron internetowych jest najlepszy dla twojego portfolio? Oto najlepsze narzędzia do tworzenia witryn, z których możesz wybierać! Czytaj więcej był inny, który nie działał właściwie. Dodało za dużo miejsca po bokach widżetów i nie pozwalało na prawidłowe zmiany rozmiaru. Więc po spędzeniu zbyt dużej ilości czasu na próbach sprawienia, aby 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 bezpośrednio na stronie.

Oto, jak wygląda widok w Kompozer po wstawieniu stołu - w tym przypadku używam stołu 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 clocklink.com. Poniżej dodałem widget pogody 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.

Widać, ż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 zakładkę „źródło”. 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 gas-cost.neti widget towarów i aktualne widżety kursów walut od 100widgets.com.

Są to wszystkie widżety w czasie rzeczywistym, wyświetlające bieżące 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 internetowej jest zapełniona i 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, jest widżet konfiguracyjny użytkownika [Już niedostępny] ze 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 oraz indeksy giełdowe z widgetbox.com.

Kilka innych przydatnych widżetów, o których warto wspomnieć w przypadku tego rodzaju stronicowego wyświetlania w czasie rzeczywistym - pierwszy to widżet odliczania 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żet Weather-3D z Widgetbox.com.

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

Po ukończeniu strony mam teraz dostęp do bieżącej godziny, lokalnej i globalnej pogody, informacji o giełdzie papierów wartościowych, aktualne ceny gazu, aktualne alarmy o huraganach, krajowe poziomy zagrożenia i oczywiście mnóstwo danych o świecie w światowym odliczaniu widżet.

Możesz dostosować ten rodzaj wyświetlacza za pomocą dowolnych informacji, wyszukując inne widżety informacyjne w dowolnej z głównych witryn z widgetami, a następnie wstawianie ich do układu gdziekolwiek chcesz. Zdolność Kompozer 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 do swojego hosta, aby uzyskać do niego dostęp z dowolnego miejsca na świecie.

Utwórz własny pulpit informacyjny i daj nam znać, 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 znaleźli ludzie!

Źródło zdjęcia: Grafika telekomunikacyjna za pośrednictwem Shutterstock