26 December 2009

Membuat Jadwal Sholat ala myQuran dot com

Bismillahirrahmanirrahiim...

Assalamu'alaikum Wr Wb

Jadwal Sholat
Melanjutkan coding jadwal sholat versi myQuran dot ORG, yang memiliki bugs dan kekurangan. Hanya bedanya kali ini banyak sekali perbaikannya.. terutama dari sisi core codingnya. Yang dulu masih menggunakan waktu data, nah sekarang sudah menggunakan perhitungan koordinat wilayah kota. Buat yang pernah menggunakan plugin nya jadwal sholat myQuran dot ORG, ente musti ganti yang ini deh sekarang!

Yap, karena sudah menggunakan sistem koordinat kota atau wilayah, so, semua kota asalkan tahu posisi koordinatnya dapat dunk ditampilkan jadwal sholatnya? So, pasti. InsyaAllah.

Namun demikian biar ga pusing mikirin koordinat, sudah ane listkan. Saat ini baru sekitar 120 kota besar di Indonesia. Mohon koreksinya yak kalau ada salah-salah.. Terutama koordinat, GMT (waktu indonesia mananya sering kelupaan -- tahunya cuman waktu indonesia bagian laptop heheh..).

Nah ini ceritanya, buat ente-ente myQers.. myQuran dot COM sekarang nyediain script siap tempel bagi yang pengen nayangin jadwal sholat di website nya atau di blog luar, atau dimana ajah.

Kenapa penting? So pastilah, karena sholat adalah kewajiban seorang muslim yang sudah ditentukan waktunya.. kite mesti tahu waktu-waktunya kapan. Nah, contoh nyatanya ya bisa kite lihat di website myQuran ini.. ada kotak jadwal sholatnya di sisi kanannya.

Yaa kayak begono lah, kira-kira kita bisa lakukan juga. Ditempel ke website kalian, biar lebih mantap surantap

Ok kite mulaii..

Ada 3 tipe yang disediakan..

Sebagai pengenalan yang paling mudah dan yang dipergunakan oleh situs myQuran sendiri adalah berjenis picture/gambar, dalam format PNG.

Formatnya adalah sebagai berikut:
Code:
http://myquran.com/sholat/?type=png&theme=hijau&kota=62354&sub=0

Nah yang perlu dipelototin adalah tulisan typenya. Maka isikan png agar hasil yang ditampilkan berupa image/gambar.

Kemudian untuk pengaturan lokalisasi wilayah, kita bisa memilih sesuai kode kota. Tersedia lebih dari 100 kota.
Kode kota ini adalah mirip nomor area telepon rumah (formatnya telkom) dalam internasional.

Jadi contohnya, kota jakarta adalah 021 menjadi 6221 (default). Jika pilihan kota tidak diisikan, maka otomatis adalah Jakarta.

Untuk contoh lain kota kediri misalnya, adalah 0354 menjadi 62354.

Pilihan dan detailnya, bisa dilihat pada tabel jadwal sholat di: http://myquran.com/forum/sholat.php

Nah, selanjutnya bisa langsung ditempel deh di situs kesukaan kita semua.. dimana saja. Gimana? Pake perintah HTML standar, yaitu IMG.

Contohnya:
HTML Code:

<a HREF="http://www.myQuran.com" target="_blank">
<IMG SRC="http://myquran.com/sholat/?type=png&kota=62354" alt="Jadwal Sholat Kota Kediri" />
</a>

"Horeeeeeee... Aku bisa!"
Mudah sekali bukan? **bukaaan...

O iya, bagi yang gak suka warna hijau (atau mau menyesuaikan themes pada websitenya sendiri) tersedia 7 pilihan warna.

"Bisa dipilah pilih... buat yang ngerti barang, yang ngerti barang.. sayang anak-sayang ibu.."

Ini ketujuh sampel nya..

Name:  ungu.png Views: 5 Size:  1.6 KB   Name:  hijau.png Views: 4 Size:  1.6 KB   Name:  merah2t.png Views: 4 Size:  1.6 KB   Name:  biru.png Views: 4 Size:  1.6 KB   Name:  kuning.png Views: 4 Size:  1.6 KB   Name:  merah.png Views: 4 Size:  1.6 KB   Name:  hitam.png Views: 4 Size:  1.6 KB

Nah buat kalian yang suka sedikit maen2 script, bisa menggunakan type javascript. Dengan cara mengembed script jadwal sholat, bisa ditempatkan dimana saja dan diolah sendiri buat kepentingan data-data lain.

Edisi java script, cara penggunaan:

HTML Code:

<SCRIPT language="JavaScript" SRC="http://myquran.com/sholat/?type=js&kota=62351"></SCRIPT>


Ga terlalu jauh beda bukan? 
Contoh Pemakaian:

HTML Code:

<HTML>
 <HEAD>
   <title>Jadwal Sholat @ myQuran.org</title>
   <SCRIPT language="JavaScript" SRC="http://myquran.com/sholat/?type=js&kota=62351"></SCRIPT>
  </HEAD>
 
<BODY>

<SCRIPT language="Javascript">
<!--
document.write("Jadwal Sholat Kota : <strong>",kota,"</strong> dan sekitarnya. <br>");
document.write("<marquee onmouseover=\"this.stop()\" onmouseout=\"this.start()\" title=\"Jadwal Sholat @ myQuran.org\">");
document.write(namahari,", ",htanggal," ",hnamabulan," ",htahun," - ");
document.write("<b>Shubuh</b> ",sholat[0]," <b>Terbit</b> ",sholat[1]," <b>Dzuhur</b> ",sholat[2]," <b>Ashar</b> ",sholat[3]," <b>Maghrib</b> ",sholat[4]," <b>Isya'</b> ",sholat[5]);
document.write("</marquee>");
// -->
</SCRIPT>

</BODY></HTML>

Type yang lainnya adalah berdasarkan koordinat kota dan waktu UTC..
Saat ini belum dapat saya sajikan, tunggu aja yah!

Okay, selamat berkreativitas.. semoga dalam setiap kegiatan selalu dinilai sebagai ibadah dan amalan sholeh!
Daaan.. Setelah punya jadwal sholat, jangan lupa sholatnya yaak! Harus lebih baik!!
*** Dan Utamakan berjamaah! **


Wassalamu'alaikum Wr Wb

covata


Next step:
  • Kiblat direction

Referensi:
Sumber: http://myquran.com/forum/entry.php?33-Membuat-Jadwal-Sholat-ala-myQuran-dot-COM


Postingan saya yang terkait pemasangan jadwal shalat, buat di pasang di welcome box MP: http://genkeis.multiply.com/journal/item/213

1 comment:

  1. kota balikpapan ;)




    kalau mau pasang di side/sisi samping kanan MP, tinggal klik "custumize site", trus di bagian kanan itu, klik aja edit, dan masukin kode html berikut:

    < img src="http://myquran.com/sholat/?type=png&theme=biru&kota=62542&sub=0">

    keterangan: jangan dikasih spasi antara tanda < dengan tulisan "img", disini saya buat begitu, supaya ngga langsung muncul gambarnya ;)

    ReplyDelete