13 Widget Yang Membuat Tampilan Data Real-Time Luar Biasa

Iklan

Jika Anda adalah orang sibuk yang tidak benar-benar memiliki banyak waktu untuk memeriksa berita setiap hari, tetapi Anda ingin tetap mendapatkan informasi terbaru. peristiwa besar terbaru seperti badai besar, pasar saham atau perubahan besar di seluruh dunia, tampilan grafis jauh lebih banyak efisien.

Anda mungkin telah melihat contoh beberapa kantor pialang saham di mana ada monitor dengan banyak grafik, grafik, dan grafik lainnya yang semuanya menampilkan data secara real-time. Atau mungkin Anda mungkin pernah melihat tampilan pusat peluncuran NASA yang keren dengan segala macam data penting yang bergulir di layar.

Menurut pendapat saya, itu cara terbaik untuk menunjukkan banyak informasi dalam ruang kecil. Dan jika Anda bekerja dengan dua atau tiga layar seperti saya, maka Anda memiliki ruang monitor untuk memilikinya tampilkan sepanjang waktu - di mana Anda dapat melihat apa yang sedang terjadi di seluruh dunia hanya dengan a sekilas.

Dalam artikel ini, saya akan memandu Anda melalui upaya saya untuk mengumpulkan tampilan semacam itu menggunakan alat dan teknik desain web yang sangat sederhana. Saya juga akan membagikan 15 widget dasbor daring terbaik yang saya temukan di seluruh Internet yang membantu membangun tampilan informasi besar informasi dunia ini.

Membangun Tampilan Real-Time Data Dunia

Salah satu tempat pertama yang saya kunjungi untuk membangun tampilan informasi semacam itu adalah Netvibes. Kami sudah sering meliput situs tersebut, seperti di artikel Angela yang mengagumkan di bagaimana menggunakannya untuk mengatur hidup Anda Cara Membuat Umpan Berita Nyata dengan RSSGabungkan output RSS dengan beberapa alat pihak ketiga dan buat satu feed berita khusus yang hanya berisi cerita sah yang Anda pedulikan. Kami menunjukkan kepada Anda bagaimana dalam panduan langkah demi langkah ini. Baca lebih banyak .

Saya juga sangat menyukai Netvibes, dan setelah membaca artikel Angela, saya benar-benar mulai menggunakannya untuk mengatur tautan dan alat untuk setiap tugas utama yang harus saya lakukan online. Sangat menyenangkan memiliki semuanya di satu tempat. Namun, ketika saya mencoba menggunakan gadget HTML untuk menyematkan widget ke halaman, saya perhatikan bahwa itu tidak bekerja dengan baik. Anda dapat mengubah ukuran lebarnya, tetapi tingginya tampaknya tetap - memotong widget yang lebih besar.

Setelah mencoba beberapa situs lain - Protopage Pembangun Situs Web Terbaik untuk Membuat Portofolio Daring yang BersihPembuat situs web gratis mana yang terbaik untuk portofolio Anda? Berikut adalah pembuat situs web terbaik yang dapat Anda pilih! Baca lebih banyak adalah hal lain yang tidak berhasil. Itu menambahkan terlalu banyak ruang di sisi widget, dan tidak memungkinkan pengubahan ukuran yang tepat. Jadi, setelah menghabiskan terlalu banyak waktu untuk membuat halaman yang sudah ada berfungsi, saya memutuskan untuk beralih ke merancang halaman dari awal.

Saya ingin menemukan solusi yang bisa dilakukan siapa saja, terlepas dari pengalaman desain web. Alat desain web WYSIWYG pilihan saya adalah Kompozer. Satu-satunya kelemahan dengan pendekatan ini adalah bahwa ia menggunakan tabel, yang dalam dunia web designer dianggap kuno dibandingkan dengan menggunakan CSS. Tapi demi kesederhanaan, kami akan menggunakan Kompozer dan meletakkan widget tepat di halaman.

Beginilah tampilan desain di Kompozer setelah Anda menyisipkan tabel - dalam hal ini saya menggunakan tabel 4 dengan 4, tetapi Anda dapat membuatnya dalam ukuran apa pun yang Anda inginkan.

Pertama, klik kanan pada tabel dan ubah properti sehingga garis tidak berwarna (tidak terlihat). Widget pertama yang saya masukkan ke sel kiri atas adalah widget jam keren dari clocklink.com. Di bawah itu, saya menambahkan widget cuaca dari Accuweather.com - Salah satu favorit saya karena menunjukkan tampilan radar grafis keren dari setiap badai yang mendekat.

Dalam setiap kasus, saya cukup klik di dalam sel yang ingin saya masukkan kode widget, lalu klik menu Sisipkan dan pilih HTML. Cukup tempel kode widget ke jendela yang muncul.

Anda mungkin melihat widget Anda tidak terpusat, atau muncul terlalu jauh dari atas sel. Itu mudah diperbaiki di Kompozer tanpa pengetahuan coding sama sekali. Cukup klik kanan pada sel, pilih properti sel tabel, dan kemudian ubah perataan konten menjadi apa pun yang terlihat terbaik.

Untuk menguji perubahan Anda, cukup simpan file ke komputer lokal Anda sebagai file HTML, dan kemudian lihat file menggunakan browser favorit Anda. Jika Anda benar-benar mengalami masalah, Anda selalu dapat menyisipkan kode jika memang harus. Di Kompozer, Anda dapat mengedit halaman dengan mengklik tab "sumber". Sebagai contoh, ada beberapa kasus di mana saya hanya perlu memasukkan istirahat
untuk memaksa ruang antara beberapa widget yang saya tempatkan di dalam sel yang sama.

Menambahkan tiga lagi widget terbaik yang saya temukan, saya mengembangkan tampilan informasi waktu nyata yang ditunjukkan di bawah ini. Tiga widget keren yang saya tambahkan adalah widget Harga Gas gas-cost.net, dan widget komoditas dan widget nilai tukar saat ini dari 100widgets.com.

Ini semua adalah widget waktu nyata, menampilkan data saat ini dari seluruh dunia. Sekarang saya mendapatkan data kedua tentang harga, harga saham, dan cuaca, semuanya dengan sekali pandang. Tetapi hanya setengah halaman web yang terisi, dan kami memiliki lebih banyak informasi untuk dibangun ke halaman ini - dua kolom lengkap seluruh data tepatnya.

Widget lain yang sangat keren yang saya tambahkan ke halaman adalah widget konfigurasi pengguna [Tidak Lagi Tersedia] dari 100widgets.com. Ini memberi Anda umpan balik mengenai alamat IP, info komputer, dan versi windows / browser Anda saat ini. Ini membantu ketika Anda sedang dalam perjalanan dan menghubungkan ke halaman Anda dari hotel atau perpustakaan dan perlu mengetahui IP Anda saat ini. Saya juga menambahkan sangat keren Penghitung Dunia dan indeks stok dari widgetbox.com.

Beberapa widget bermanfaat lainnya yang layak disebut untuk jenis tampilan realtime satu halaman penuh - yang pertama adalah a widget hitung mundur dari widgetbox.com. Ketika Anda mengaturnya, Anda memberinya tanggal dan acara untuk dihitung mundur, dan itu muncul di widget sebagai teks hitung mundur ke acara itu (lihat layar besar yang menunjukkan dua gambar di bawah dari sini).

Dan tidak ada tampilan data yang tampak sci-fi yang akan lengkap tanpa grafik bumi yang diputar yang menampilkan informasi suhu realtime dari titik mana pun di planet yang Anda sukai. Anda bisa mendapatkan data itu dari Widget Cuaca-3D dari Widgetbox.com.

Pada gambar di bawah dasbor data real-time halaman penuh saya, Anda dapat melihat hitung mundur di bagian paling atas halaman (saya memasukkannya berpusat di depan tabel itu sendiri), dan globe Cuaca 3d tepat di bawah hitungan mundur dunia widget. Di kolom terakhir tabel saya menambahkan tingkat ancaman DHS saat ini, kurva seksi (lebih banyak untuk hiasan daripada yang lainnya - kelihatannya keren), dan akhirnya widget peringatan waktu nyata dari Pusat Topan Nasional.

Dengan halaman akhirnya selesai, saya sekarang memiliki akses ke waktu saat ini, cuaca lokal dan global, informasi pasar saham, harga gas saat ini, peringatan badai saat ini, tingkat ancaman nasional dan tentu saja banyak data dunia dalam hitungan mundur dunia widget.

Anda dapat mengubah tampilan seperti ini dengan informasi apa pun yang Anda inginkan dengan mencari yang lain widget informasi di salah satu situs widget utama, dan kemudian memasukkannya ke dalam tata letak Anda dimanapun kamu suka. Kemampuan Kompozer untuk dengan mudah memusatkan dan meluruskan sel akan memungkinkan Anda untuk membuat seluruh tampilan terlihat bersih dan sangat keren. Setelah selesai, Anda dapat mengunggah file HTML ke host web Anda sendiri sehingga Anda dapat mengaksesnya dari mana saja di dunia.

Buat dasbor informasi Anda sendiri dan beri tahu kami bagaimana hasilnya. Apa widget lain yang bermanfaat yang Anda temukan untuk informasi waktu nyata? Bagikan di area komentar di bawah ini - Saya ingin sekali melihat apa yang ditemukan oleh widget keren lainnya!

Kredit Gambar: Grafik Telekomunikasi Melalui Shutterstock