İlan

gösterge paneli widget'larıHer gün haberleri kontrol etmek için çok fazla zamanı olmayan meşgul bir insansanız, ancak büyük fırtınalar, borsa veya dünyadaki büyük değişiklikler gibi en son büyük olaylar, grafiksel bir ekran çok daha fazla verimli.

Muhtemelen gerçek zamanlı olarak verileri görüntüleyen çok sayıda grafik, grafik ve diğer grafiklerin bulunduğu bazı borsa komisyoncu ofislerinin örneklerini görmüşsünüzdür. Ya da belki bu harika NASA lansman merkezi ekranlarını, ekran boyunca her türlü önemli veriyi kaydırırken görmüş olabilirsiniz.

Bence, küçük bir alanda çok fazla bilgi göstermenin en iyi yolu budur. Benim gibi iki veya üç ekranla çalışıyorsanız, monitör alanınız her zaman göster - dünya çapında neler olup bittiğini sadece bir bakışta.

Bu makalede, çok basit web tasarım araçları ve teknikleri kullanarak bu tür bir ekranı bir araya getirme çabalarımda size yol göstereceğim. Ayrıca, İnternet'te bulduğum ve dünya bilgilerinin bu büyük bilgilendirici görüntüsünün oluşturulmasına yardımcı olan en iyi çevrimiçi gösterge paneli widget'larından 15'ini paylaşacağım.

instagram viewer

Dünya Verilerinin Gerçek Zamanlı Gösterimini Oluşturma

Böyle bir bilgilendirme ekranı oluşturmak için gittiğim ilk yerlerden biri Netvibes. Siteyi, Angela’nın hayatını yönetmek için nasıl kullanılır RSS ile Gerçek Haber Beslemesi Nasıl OluşturulurRSS çıktılarını birkaç üçüncü taraf aracıyla birleştirin ve yalnızca önem verdiğiniz yasal hikayeleri içeren tek bir özelleştirilmiş haber akışı oluşturun. Size bu adım adım kılavuzda nasıl olduğunu göstereceğiz. Daha fazla oku .

Netvibes'i de çok seviyorum ve Angela’nın makalesini okuduktan sonra, çevrimiçi olarak yapmam gereken her önemli görev için bağlantılar ve araçlar düzenlemek için kullanmaya başladım. Her şeyin tek bir yerde olması güzel. Ancak, widget'ları sayfaya gömmek için HTML aracını kullanmayı denediğimde, çok iyi çalışmadığını fark ettim. Genişliği yeniden boyutlandırabilirsiniz, ancak yükseklik sabit kalır - daha büyük widget'ları keser.

gösterge paneli widget'ları

Birkaç siteyi denedikten sonra - Protopage Temiz bir Online Portföy Oluşturmak İçin En İyi Web Sitesi KurucularıHangi ücretsiz web sitesi oluşturucu portföyünüz için en iyisidir? İşte seçebileceğiniz en iyi web sitesi oluşturucuları! Daha fazla oku tam olarak işe yaramayan bir başkasıydı. Widget'ların kenarlarına çok fazla alan ekledi ve düzgün bir şekilde yeniden boyutlandırmaya izin vermedi. Önceden var olan sayfaların çalışmasını sağlamak için çok fazla zaman geçirdikten sonra, bir sayfayı sıfırdan tasarlamaya karar verdim.

Web tasarım deneyiminden bağımsız olarak herkesin yapabileceği bir çözüm bulmak istedim. Seçtiğim WYSIWYG web tasarım aracım Kompozer. Bu yaklaşımın tek dezavantajı, web tasarımcılarının dünyasında CSS kullanmaya kıyasla arkaik kabul edilen tabloları kullanmasıdır. Ancak basitlik adına, Kompozer'ı kullanacağız ve widget'ları doğrudan sayfaya yerleştireceğiz.

Kompozer'daki tasarım görünümü, bir tablo ekledikten sonra şöyle görünür - bu durumda 4'e 4 tablo kullanıyorum, ancak istediğiniz herhangi bir boyutta yapabilirsiniz.

hava widget'ları

İlk olarak, tabloya sağ tıklayın ve çizgilerin renk kalmaması için özellikleri değiştirin (görünmez). Sol üst hücreye eklediğim ilk widget, clocklink.com. Bunun altına, hava durumu widget'ını Accuweather.com - favorilerimden biri, çünkü yaklaşan fırtınaların serin bir grafik radar görüntüsünü gösteriyor.

hava widget'ları

Her iki durumda da, widget kodu eklemek istediğim hücrenin içini tıklıyorum, sonra Ekle menüsünü tıklayıp HTML'yi seçiyorum. Widget kodunu açılan pencereye yapıştırmanız yeterlidir.

hava widget'ları

Widget'ınızın ortalanmadığını veya hücrenin üstünden çok aşağıda göründüğünü fark edebilirsiniz. Kompozer'de herhangi bir kodlama bilgisi olmadan bunu düzeltmek kolaydır. Hücreyi sağ tıklayın, tablo hücresi özelliklerini seçin ve ardından içerik hizalamasını en iyi görünen şekilde değiştirin.

widget haberleri

Değişikliklerinizi test etmek için dosyayı yerel bilgisayarınıza bir HTML dosyası olarak kaydedin ve ardından favori tarayıcınızı kullanarak dosyayı görüntüleyin. Gerçekten sorun yaşıyorsanız, gerçekten ihtiyacınız varsa her zaman kod ekleyebilirsiniz. Kompozer'de "kaynak" sekmesini tıklayarak sayfayı düzenleyebilirsiniz. Örneğin, sadece bir mola vermek zorunda kaldığım birkaç durum vardı
aynı hücrenin içine yerleştirdiğim bazı widget'lar arasında boşluk bırakmak için.

widget haberleri

Bulduğum en iyi üç widget'ı daha ekleyerek aşağıda gösterilen gerçek zamanlı bilgi ekranını geliştirdim. Eklediğim üç harika widget, Gaz Fiyatları widget'ıydı gas-cost.net, ve emtia widget'ı ve cari döviz kurları widget'ları 100widgets.com adresinden.

widget haberleri

Bunların hepsi dünyanın her yerinden mevcut verileri gösteren gerçek zamanlı widget'lardır. Şimdi fiyatlar, hisse senedi fiyatları ve hava durumu hakkında tek bir bakışta ikinci verilere sahibim. Ancak web sayfasının yalnızca yarısı dolduruldu ve bu sayfaya daha fazla bilgi ekledik - kesin olmak üzere iki veri sütunu daha.

Sayfaya eklediğim bir diğer harika widget ise 100widgets.com'dan kullanıcının yapılandırma widget'ı [Artık Kalmadı] idi. Bu size mevcut IP adresiniz, bilgisayar bilgileriniz ve windows / tarayıcı sürümünüz hakkında geri bildirim sağlar. Bu, yoldayken ve sayfanıza bir otelden veya kitaplıktan bağlandığınızda ve mevcut IP'nizi bilmeniz gerektiğinde yararlıdır. Ben de çok havalı ekledim Dünya Sayaçları ve widgetbox.com'dan hisse senedi endeksleri.

Harika bir Gerçek Zamanlı Veri Görüntüleme Yapan 13 Widget netvibes10

Bu tür tam sayfa gerçek zamanlı görüntü için bahsetmeye değer diğer birkaç yararlı widget - birincisi geri sayım widget'ı widgetbox.com adresinden. Ayarladığınızda, geri sayılacak bir tarih ve olay verirsiniz ve widget'ta o etkinliğe yönelik bir metin geri sayımı olarak görünür (buradan iki görüntüyü gösteren büyük ekrana bakın).

gösterge paneli widget'ları

Ve hiçbir bilim kurgu görünümlü veri ekranı, gezegendeki istediğiniz herhangi bir noktadan gerçek zamanlı sıcaklık bilgilerini görüntüleyen dünyanın döndürülmüş bir grafiği olmadan tamamlanmayacaktır. Bu verileri Weather-3D widget'ı Widgetbox.com'dan.

Harika bir Gerçek Zamanlı Veri Görüntüleme Yapan 13 Widget netvibes12

Tam sayfa gerçek zamanlı veri kontrol panelimin altındaki resimde geri sayımı ekranın en üst kısmında görebilirsiniz. sayfası (tablonun kendisinden önce ortaladım) ve dünya geri sayımının hemen altındaki 3d Hava durumu dünyası Araç. Tablonun son sütununa mevcut DHS tehdit seviyesi, seksi eğrileri (dekorasyon için her şeyden daha fazla - harika görünüyor) ve son olarak gerçek zamanlı uyarı widget'ı Ulusal Kasırga Merkezi.

gösterge paneli widget'ları width =

Sonunda sayfa tamamlandığında, şu anki saate, yerel ve küresel hava durumuna, borsa bilgilerine, mevcut gaz fiyatları, mevcut kasırga uyarıları, ulusal tehdit seviyeleri ve elbette dünya verilerinin dünya geri sayımındaki yükleri Araç.

Bu tür bir ekranı, başka bir şey arayarak istediğiniz bilgilerle değiştirebilirsiniz. önemli widget sitelerinin herhangi birinde bilgi widget'ları ve ardından bunları düzeninize ekleme nereye istersen. Kompozer’ın hücreleri kolayca merkezleme ve hizalama yeteneği, tüm ekranın temiz ve gerçekten harika görünmesini sağlayacaktır. İşiniz bittiğinde, dünyanın herhangi bir yerinden erişebilmeniz için HTML dosyasını kendi web barındırıcınıza yükleyebilirsiniz.

Kendi bilgi panonuzu oluşturun ve nasıl olduğunu bize bildirin. Gerçek zamanlı bilgi için başka hangi yararlı widget'ları keşfettiniz? Bunları aşağıdaki yorumlar alanında paylaşın - İnsanların diğer harika widget'ları ne bulduğunu görmek isterim!

İmaj Kredisi: Shutterstock Üzerinden Telekomünikasyon Grafiği

Ryan Elektrik Mühendisliği lisans derecesine sahiptir. 13 yıl otomasyon mühendisliği, 5 yıl BT'de çalıştı ve şu anda bir Uygulama Mühendisi. MakeUseOf'un eski bir Genel Yayın Yönetmeni, Veri Görselleştirme üzerine ulusal konferanslarda konuştu ve ulusal TV ve radyoda yer aldı.