Tips

Cara sederhana menampilkan multi image dinamika atmosfer pada TV Display

Bang Day
Climate4life.info - Cara sederhana menampilkan multi image dinamika atmosfer pada TV Display.

Tips ini cocok bagi anda yang mungkin di kantornya memiliki TV Display untuk menampilkan informasi cuaca dan iklim namun bingung menampilkan berbagai konten dinamika atmosfer dalam satu tampilan dan merefresh sendiri secara otomatis.

Berikut sedikit tips untuk membuat tampilan multi image dinamika atmosfer.

Gambar 1. Contoh tampilan multi konten dalam satu tampilan


Kita tahu ada beragam informasi tentang kondisi dinamika atmosfer yang bersumber dari lembaga-lembaga penyedia internasional.

Dinamika atmosfer tersebut seperti pola angin, citra satelit ataupun image dari suhu permukaan laut, fase mjo, sebaran hujan GSMaP dan lain-lain.

Informasi dinamika atmosfer tersebut dapat pula kita lengkapi hal-hal lain yang berkaitan dengan cuaca dan iklim misalnya dengan informasi sebaran hotspot online.

Secara manual kita bisa menampilkan informasi tersebut satu persatu. Namun hal ini cukup merepotkan jika kita ingin menampilkan banyak informasi dinamika atmosfer tersebut dalam sebuah display di area publik.

Jika TV Display anda memiliki spesifikasi sebagai Smart TV maka anda bisa menampilkan sebuah file html yang berisi skrip-skrip tertentu untuk menampilkan informasi  dinamika atmosfer yang kita inginkan, seperti gambar di bawah ini.

Gambar 2. Tampilan file html yang berisi informasi dinamika atmosfer


Gambar 2 di atas, menampilkan enam  informasi tentang dinamika atmosfer dalam satu tampilan yaitu gambar :


Membuat file html tampilan multi image dinamika atmosfer

Untuk membuat file html yang menampilkan gambar dinamika atmosfer seperti pada Gambar 2 di atas, langkah-langkahnya sebagai berikut : 
  • Buka notepad
  • Copy dan pastekan skript di bawah ini :

1:  <HTML>  
2:  <HEAD>   
3:    <script>  
4:      setTimeout(function(){  
5:        location.reload();  
6:      },60000); // 5000 milliseconds atau 5 seconds.  
7:    </script>  
8:  <TITLE>  
9:  STAKLIM MEMPAWAH KALBAR  
10:  </TITLE> </HEAD> <BODY>   
11:  <H1> <p align="center">STAKLIM MEMPAWAH KALBAR </p> </H1>   
12:  <HR> <p align="center"> <font size="6">DINAMIKA ATMOSFER</font><br> </p> <HR>   
13:  <table border="1" width="100%">  
14:    <tr>  
15:      <td>  
16:   <p align="center"><b>POLA ANGIN</b></p>  
17:   <p align="center">  
18:   <img src=http://www.bom.gov.au/fwo/IDD67950.png height="350px" ></td>  
19:      <td>  
20:   <p align="center"><b>CITRA SATELIT TERKINI</b></p>  
21:   <p align="center">  
22:   <img src=http://weather.is.kochi-u.ac.jp/HS/00Latest.jpg height="350px"></td>  
23:      <td>  
24:   <p align="center"><b>CITRA SATELIT 6 JAM TERAKHIR</b></p>  
25:   <p align="center">  
26:   <img src=http://satelit.bmkg.go.id/IMAGE/ANIMASI/MTS_CD_Indonesia_6.gif height="350px"></td>  
27:    </tr>  
28:    <tr>  
29:      <td>  
30:   <p align="center"><b>FASE MJO</b></p>  
31:   <p align="center">  
32:   <img src=http://www.cpc.noaa.gov/products/precip/CWlink/MJO/statphase_full.gif height="400px" ></td>  
33:   <td>  
34:   <p align="center"><b>OLR</b></p>  
35:   <p align="center">  
36:   <img src=http://www.cpc.noaa.gov/products/precip/CWlink/MJO/spatial_olrmap_CA_full.gif height="400px" ></td>  
37:   <td>  
38:   <p align="center"><b>ANIMASI SST</b></p>  
39:   <p align="center">  
40:   <img src=http://www.cpc.noaa.gov/products/analysis_monitoring/enso_update/sstanim.gif height="400px" ></td>  
41:    </tr>  
42:  </table>  
43:  <p align="center"> <b>http://iklim.kalbar.bmkg.go.id</b> </p>  
44:  </BODY> </HTML>


Beberapa hal yang dapat  disesuaikan dari skrip untuk menampilkan multi image dinamika atmosfer di atas  sebagai  berikut :
  • Silahkan sesuaikan hal-hal yang anda inginkan misalnya nama lembaga anda. Pada skrip di atas yang ditulis dengan huruf kapital dan berwarna merah dapat anda ganti sesuai keinginan anda.
  • Skrip di atas sudah ditambahkan fungsi merefresh halaman secara otomatis setiap 1 menit
  • Simpan file dengan ekstensi   dot html
  • Untuk menampilkan, bukan file tersebut dengan browser internet pada TV atau perangkat Display lainnya

Demikian cara sederhana menampilkan multi image dinamika atmosfer pada TV Display. Semoga bermanfaat.

Climate4life.info mendapat sedikit keuntungan dari penayangan iklan dan digunakan untuk operasional blog ini.

Jika menurut anda artikel ini bermanfaat, maukah mentraktir kami secangkir kopi melalu "trakteer id"?

Tags
Bang Day

Posted by Bang Day

Post a Comment

0 Comments

Terima kasih atas komentarnya. Mohon tidak meletakkan link hidup yah.