Contoh lain, pernahkah Anda mengunjungi situs waptrik.com? Situs tersebut menyediakan free software aplikasi handphone Anda. Apabila Anda mencoba mengunjungi situs tersebut via browser di komputer Anda, maka situs tersebut tidak bisa diakses. Mengapa? karena situs tersebut hanya bisa diakses oleh handphone saja. Hebatnya lagi.. begitu Anda akses situs tersebut dengan handphone, maka secara otomatis akan muncul list software-software yang kompatible terhadap handphone Anda. Sebagai contoh misalkan Anda menggunakan Nokia, maka akan muncul list software yang support dengan Nokia, dst.

Nah.. yang menjadi pertanyaan, bagaimana cara mendeteksi bahwa seorang pengunjung situs kita atau secara umum pengakses script yang kita taruh ke dalam server hosting itu menggunakan handphone atau tidak? atau kalau perlu kita bisa mendeteksi merek handphone yang sedang digunakan visitor. Konsep ini nantinya kita gunakan untuk membuat konten mobile. Pertanyaan tersebut dapat terjawab dengan membaca user agent dari visitor.

Apa itu user agent? user agent adalah suatu aplikasi di sisi client (pengakses) yang secara otomatis mengirim informasi berupa string kepada server pada layanan web. String informasi ini bisa berisi OS yang digunakan, software vendor browsernya, versi software dll.

Salah satu bentuk string informasi user agent adalah sbb:

Browser: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.8) Gecko/20100202 Firefox/3.5.8

Dari string di atas tampak informasi bahwa terdapat client yang sedang mengakses menggunakan OS Windows, dan menggunakan Firefox sebagai browsernya, serta versinya yaitu 3.5.8.

Nah… lantas bagaimana bentuk string user agent yang berasal dari handphone? ini dia contohnya untuk Nokia N90

NokiaN90-1/5.0607.7.3 Series60/2.8 Profile/MIDP-2.0 Configuration/CLDC-1.1

Anda bisa lihat bentuk-bentuk user agent untuk jenis handphone yang lain di Wikipedia.

Dari keterangan di atas tampak bahwa untuk handphone, di dalam user agent nya terdapat informasi jenis handphone serta serinya. Dengan demikian kita tinggal olah user agent tersebut untuk membangun konten mobile seperti yang diharapkan.

OK.. sekarang bagaimana cara membaca user agent dengan PHP? Caranya sangat mudah, yaitu dengan menggunakan perintah $_SERVER['HTTP_USER_AGENT']

Berikut ini contoh script PHP untuk mendeteksi merek handphone apa yang sedang digunakan user untuk mengakses script.

<?php
 
$listMerk = array('Nokia', 'iPhone', 'iPod', 'BlackBerry', 'HTC', 'LG', 'Nokia', 'Samsung', 'SonyEricsson');
 
$agent = $_SERVER['HTTP_USER_AGENT'];
 
foreach ($listMerk as $merk)
{
   $count = substr_count($agent, $merk);
   if ($count > 0) $merkDigunakan = $merk;
}
 
echo "Anda menggunakan HP berjenis ".$merkDigunakan;
 
?>

Konsep dari script di atas adalah, pertama kita list dulu merek handphone yang ada di pasaran. Di sini saya hanya mencontohkan beberapa jenis saja. Selanjutnya setelah itu kita baca user agent nya. Proses berikutnya adalah mengecek apakah user agent nya memuat string berisi merek handphone yang sudah kita list tadi? Di sini saya menggunakan function subtr_count() untuk menentukan ada tidaknya nama merek yang sudah kita list di dalam user agent nya. Function substr_count() berfungsi untuk menghitung jumlah subtring dalam suatu string. Untuk menentukan ada tidaknya suatu substring yang terdapat dalam string cukup dengan melihat jumlahnya. Jika jumlahnya lebih besar dari 0, maka berarti substring itu ada dalam string.

Untuk melihat tampilan dari script di atas, silakan upload ke server hosting lalu akses script tersebut via handphone Anda. Jangan Anda taruh di localhost lho ya !

OK.. selamat mencoba dan silakan berkreasi sendiri. Mudah-mudahan artikel ini berguna bagi Anda yang ingin belajar mengembangkan konten web untuk mobile.

Related posts:

1. Penggunaan Function ereg() di PHP untuk Pattern Matching
2. Penggunaan Cookie untuk Mencegah Submit Ganda pada Polling
3. Membuat Autentifikasi User di PHP

Nah… sekarang bagaimana cara membuat kotak fans club untuk mewadahi pengunjung blog kita supaya bisa bergabung? Kita tidak perlu repot-repot membuat script sendiri untuk membuat kotak fans club, namun cukup kita memanfaatkan Facebook saja.

Tentu kita telah mengetahui bahwa di Facebook kita bisa membuat fans club dengan cara yang sangat mudah. Sekarang.. bagaimana caranya supaya kita bisa letakkan kotak fans club di blog Wordpress kita? Ini dia caranya..

Langkah pertama, yang Anda lakukan adalah membuat akun Facebook dahulu. Silakan register terlebih dahulu di Facebook (http://facebook.com). Hal ini mutlak diperlukan supaya pihak Facebook mengetahui siapa yang bertanggung jawab pada fans club tersebut.

Langkah ke dua, setelah proses registrasi di Facebook sukses, silakan masuk ke Home dari Facebook Anda. Bila Anda lihat pada sisi sebelah kiri, akan terdapat link ‘Ads and Pages‘.

Klik pada link tersebut, dan Anda dipersilakan membuat Page (Create Page). Silakan buat Page untuk Fans Club Blog Anda.

Langkah ke tiga, selanjutnya bila Page sudah berhasil dibuat, klik link ‘Edit Page‘ di bawah gambar logo Page yang tadi Anda buat.

Langkah ke empat, carilah link ‘Promote with a Fan Box‘ di kolom bagian tengah halaman. Setelah Anda klik link tersebut Anda akan dihadapkan pada Fan Box Widget.

Langkah ke lima, pada bagian Fan Box Widget, Anda akan diberikan beberapa opsi terkait pengaturan Fan Box, seperti ‘Include Stream’, ‘Include Fans’, ‘Include Facebook Logo’. Silakan pilih opsi yang diinginkan, dan Anda akan melihat preview Fan Box nya.

Langkah ke enam, setelah Anda mantap dengan bentuk tampilan Fan Box, langkah berikutnya adalah menaruh scriptnya ke blog Wordpress kita. Caranya bagaimana? OK… silakan klik ‘Other’ pada ‘Choose where to add the widget’, yang kemudian kita diberikan kode Javascript untuk dicopy paste ke Wordpress. Adapun bentuk kode Javascriptnya adalah sbb:

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
<script type="text/javascript">FB.init("73a167797293ac43093ea3b39019f1eb");</script>
<fb:fan profile_id="343421557560" stream="0" connections="10" logobar="0" width="300">
</fb:fan>

Oya… Anda dapat mengubah parameter pada kode tersebut, misalkan pada parameter connections="...". Parameter tersebut menentukan jumlah fans yang tampil dalam Fan Box. Anda dapat pula mengatur panjang Fan Box pada parameter width="...".

Langkah ke tujuh, silakan taruh kode di atas pada widget Wordpress kita dan jreng… tampilah kotak Fans Club di blog Wordpress yang kita miliki, seperti halnya di bagian bawah artikel pada blog saya ini. Sebenarnya tidak hanya di Wordpress kita bisa letakkan kode tersebut, namun juga untuk jenis blog yang lain atau bahkan situs bikinan kita sendiri.

Mudah bukan membuatnya?? OK semoga blog Wordpress Anda mendapat banyak fans club. Selamat mencoba,

Related posts:

1. Kaos Wordpress Keren Bagi Wordpress Maniac
2. This Blog Has Been Upgraded to Wordpress 2.8
3. Membuat Equation di Wordpress

Anda pusing memikirkan solusinya? jangan menyerah kawan karena di dalam programming ada 1001 jalan menuju solusi yang diharapkan. Ah.. sok tahu nih yang nulis !! he … 3x. Eh.. tapi bener kok, untuk mencari solusi programming itu sebenarnya mudah, Anda sendirilah yang menganggapnya sulit. Jika image Anda terhadap programming sudah dianggap sulit, maka seterusnya akan Anda anggap sulit. Konsep pemilihan algoritma untuk mencari solusi pada suatu kasus pada prinsipnya sederhana, dan jangan memikirkan yang rumit dan terlalu muluk-muluk dulu.

OK.. Stop berteori ! sekarang saatnya praktik dan membuktikan apakah solusi kasus di atas benar-benar mudah.

Misalkan kita memiliki dua buah tanggal, katakanlah A dan B. Selanjutnya kita ingin mencari jumlah hari minggu di antara kedua tanggal tersebut. Apa ide Anda? Kalau ide saya, saya akan mengecek hari pada setiap tanggal di antara kedua tanggal. Setiap kali ditemukan hari suatu tanggal adalah hari Minggu, maka counter untuk menghitung jumlah hari minggu akan bertambah 1.

Contoh Kasus:

Misalkan kita akan menghitung jumlah hari minggu antara tanggal 01-01-2010 s/d 31-01-2010. Untuk menghitung jumlah hari minggu di antara kedua tanggal tersebut, mula-mula kita set jumlah hari Minggunya adalah 0 (karena kita belum menghitungnya). Selanjutnya kita mulai cek untuk tanggal 01-01-2010, apakah dia adalah hari Minggu? menurut kalender, tanggal tersebut adalah hari Jumat. Berarti jumlah hari Minggunya masih 0 karena belum dijumpai tanggal yang harinya Minggu. Berikutnya kita cek tanggal berikutnya yaitu 02-01-2010, apakah hari Minggu? ternyata bukan lagi. Barulah tanggal 03-01-2010 adalah hari Minggu. Berarti counter untuk hari Minggunya bertambah menjadi 1. Demikian seterusnya pengecekan ini dilakukan sampai dengan tanggal 31-01-2010. Setiap kali ditemukan tanggal dimana harinya adalah Minggu, maka counternya bertambah satu. Pada akhirnya kita akan dapatkan total jumlah hari Minggunya.

OK… demikian idenya. Selanjutnya, bagaimana implementasinya di script PHP? Implementasinya cukup mudah yaitu dengan menggunakan looping (perulangan). Permasalahan berikutnya adalah, bagaimana kita mengenerate tanggal-tanggal antara kedua tanggal, lalu mengecek hari setiap tanggal-tanggal yang dihasilkan? Inipun juga mudah, untuk mengenerate tanggal-tanggal tersebut kita gunakan function mktime(). Function ini nanti kita sisipkan di dalam loopingnya. Kapan looping ini berhenti? ya.. jika tanggal yang dihasilkan dari mktime() ini mencapai akhir tanggal yang menjadi batas kedua tanggal tersebut.

Trus.. bagaimana cara penggunaan function mktime()? OK.. ini saya kasih contohnya. Misalkan kita ingin mengenerate tanggal setelah 31-01-2010 (tanggal hari berikutnya) dengan menggunakan mktime(). Ini dia perintahnya:

<?php
echo date("d-m-Y", mktime(0, 0, 0, 1, 31+1, 2010));
?>

Bila perintah di atas dijalankan maka akan dihasilkan tanggal 01-02-2010. Perhatikan format tanggalnya yang dihasilkan oleh date("d-m-Y", mktime(...))

Sedangkan perintah di bawah ini untuk menghasilkan tanggal setelah 5 hari dari tanggal 31-01-2010.

<?php
echo date("d-m-Y", mktime(0, 0, 0, 1, 31+5, 2010));
?>

yang akan menghasilkan tanggal 05-02-2010.

Kemudian, bagaimana cara mengecek nama hari pada suatu tanggal di PHP? untuk mengecek nama hari dari suatu tanggal di PHP kita gunakan function date("w", mktime(...)). Function ini akan menghasilkan bilangan 0 s/d 6 yang merepresentasikan nama hari yaitu 0 : minggu, 1 : senin, 2 : selasa, … dst.

Ide penyelesaian sudah dapat, trus… cara mengenerate tanggal di antara dua buah tanggal serta mengetahui nama hari suatu tanggal juga sudah, so… kita bisa buat script PHP nya sekarang.

Ini dia scriptnya. Script ini akan menghitung jumlah hari Minggu antara tanggal 20-02-2010 s/d 20-04-2010, sekaligus menampilkan semua tanggalnya yang harinya Minggu.

<?php
 
$date1 = "20-02-2010";
$date2 = "20-04-2010";
 
// memecah bagian-bagian dari tanggal $date1
$pecahTgl1 = explode("-", $date1);
 
// membaca bagian-bagian dari $date1
$tgl1 = $pecahTgl1[0];
$bln1 = $pecahTgl1[1];
$thn1 = $pecahTgl1[2];
 
echo "<p>Tanggal yang merupakan hari minggu adalah:</p>";
 
// counter looping
$i = 0;
 
// counter untuk jumlah hari minggu
$sum = 0;
 
do
{
   // mengenerate tanggal berikutnya
   $tanggal = date("d-m-Y", mktime(0, 0, 0, $bln1, $tgl1+$i, $thn1));
 
   // cek jika harinya minggu, maka counter $sum bertambah satu, lalu tampilkan tanggalnya
   if (date("w", mktime(0, 0, 0, $bln1, $tgl1+$i, $thn1)) == 0)
   {
     $sum++;
     echo $tanggal."<br>";
   } 	 
 
   // increment untuk counter looping
   $i++;
}
while ($tanggal != $date2);   
 
// looping di atas akan terus dilakukan selama tanggal yang digenerate tidak sama dengan $date2.
 
// tampilkan jumlah hari Minggu
echo "<p>Jumlah hari minggu antara ".$date1." s/d ".$date2." adalah: ".$sum."</p>";
 
?>

Hasil output dari script di atas adalah sebagai berikut:

OK mudah bukan membuatnya? Selamat mencoba dan semoga bermanfaat.

Related posts:

1. Mengetahui Nama Hari pada Tanggal Tertentu dengan PHP
2. Mencari Selisih Hari dari Dua Buah Tanggal dengan PHP (Tanpa Query SQL)
3. Mencari Jumlah Hari dalam Bulan Tertentu

Namun sekarang kita tak perlu keluar uang untuk membeli encoder tersebut namun cukup dengan membuka situs http://www.freephpencoder.com. Situs ini menawarkan fasilitas untuk mengenkripsi script PHP yang kita buat 100% FREE dan dengan cara yang mudah.

Mau tahu caranya mengenkripsi script PHP melalui situs di atas? OK ini dia caranya.

Langkah 1: silakan buat script PHP dahulu, misalkan saya buat seperti ini saja ya yang mudah

contoh.php

<?php
echo "Test";
?>

kemudian script di atas kita simpan dengan nama file contoh.php

Langkah 2: kita buka situs http://www.freephpencoder.com kemudian pilih file contoh.php di atas pada kotak ‘Attached File (PHP)‘. Bagaimana bila file script PHP yang kita buat lebih dari 1 buah? jangan khawatir karena Anda dapat memilih beberapa file sekaligus dalam situs tersebut. Setelah dipilih file script PHP yang akan dienkrip, selanjutnya isikan kunci enkripsi pada kotak ‘Encryption Key‘. Anda dapat mengisikan dengan sebarang kode, bisa angka atau huruf. Kunci ini nanti akan digunakan untuk proses decoding ketika script hasil enkripsi atau encoded script akan dijalankan. Kemudian pada pilihan ‘Encoding Type‘ pilih ‘Reguler Encoding‘. Terakhir klik tombol ENCODE.

Langkah 3: setelah kita klik ENCODE pada langkah kedua, kita diminta mendownload script hasil encoding. Adapun nama file yang kita download adalah sama dengan nama-nama file aslinya, plus.. satu lagi adalah file decoder.php. Kemudian kita letakkan file-file tersebut ke direktori web server kita.

Oya.. mau tahu isi dari file contoh.php di atas setelah dienkripsi sekaligus isi dari decoder.php nya? ini dia..

contoh.php

<?php
 
define("_ENCRYPTED_CODE_", "eG0lMEUlRDklQkUlOEUlMDN5RXZHaDUlMUQlRDclRUM=");
define("_ENCRYPTOR_KEY_", "cfcd208495d565ef66e7dff9f98764da");
define("_DECODER_PATH_", "decoder.php"); //You can change this path to point to the decoder file in another location.
 
if(file_exists(_DECODER_PATH_)){include_once(_DECODER_PATH_);}
else{echo"Decoder file does not exist";} // Relative or absolute path to the decoder file 
 
?>

Maaf.. untuk isi file decoder.php nya sangat panjang isinya, dan isinya gak karu-karuan karena berisi kode-kode yang gak jelas di bagian akhirnya. Oleh karena itu yang saya tampilkan adalah screen shot nya saja ya.

Langkah 4: jalankan script contoh.php hasil dari enkripsi melalui web browser. Kalau ternyata muncul peringatan atau muncul hasil yang tidak diharapkan, bisa jadi server Anda belum diinstal Zend Optimizer. Software ini mutlak harus ada untuk menjalankan script hasil enkripsi tadi. Software ini 100% FREE dan Anda bisa mendownloadnya di http://www.zend.com/en/products/guard/downloads. Oya.. Zend Optimizer ini nanti harus diinstal ke direktori Apache Anda, jadi jangan diinstal di sembarang direktori pada komputer Anda. Memang agak rumit proses instalasi Zend Optimizer ini, but.. selama Anda patuh akan petunjuknya selama proses instalasi, maka segalanya akan mudah.

Nah.. lantas file mana yang didistribusikan? file asli atau file hasil enkripsinya? ya.. tentu saja file hasil enkripsinya, file yang asli tetap di tangan Anda. Dengan demikian file yang Anda distribusikan benar-benar tidak bisa dibaca source aslinya sehingga tetap aman meskipun di tangan orang lain.

OK… mudah-mudahan artikel ini berguna buat Anda ya…

Related posts:

1. Cara Supaya Service SMS Daemon Gammu Berjalan Otomatis di Windows
2. Kenapa Pengubahan Konfigurasi File php.ini Tidak Ada Efeknya?
3. Mengenkripsi Parameter GET Method Untuk Keamanan

Jika Anda punya banyak teman dan Anda memiliki data tanggal lahir semua teman Anda, maka mudah-mudahan script yang dibahas dalam artikel ini akan bermanfaat. Oleh teman Anda, Anda akan dianggap sebagai teman yang sangat perhatian, karena setiap kali sang teman berulang tahun maka SMS ucapan ultah selalu terkirim ke dia tepat waktu tanpa meleset 1 hari pun, 1 jam bahkan 1 menit pun (kalo waktu di komputer Anda sama dengan waktu di rumah teman Anda … he 3x). Tapi jangan bilang ke temen Anda, bhw yang mengirim SMS ucapan ultah adalah program komputer ya

OK, untuk membuat SMS ucapan ulang tahun otomatis ini kita memerlukan Gammu sebagai SMS daemonnya, HP tentu saja dan sebuah komputer yang senantiasa ON terus. Mengapa haris ON terus komputernya? ya.. kalo pas ada temen Anda yang ulang tahun namun kebetulan komputer Anda lagi mati, ya… SMS nya gak bisa terkirim. It makes sense, doesn’t it? Oya, satu lagi Anda perlu XAMPP atau AppServ untuk menjalankan programnya, karena kita akan membuatnya menggunakan PHP + MySQL. Untuk mengetahui cara instalasi Gammu dan bagaimana cara mengintegrasikannya dengan MySQL silakan baca artikel cara setting Gammu.

Trus… untuk tabel datanya, apa saja yang dibutuhkan?

Untuk keperluan ini, kita buat 2 buah tabel. Tabel pertama untuk menyimpan data teman Anda. Data apa saja yang disimpan? cukup nama, nomor HP dan tanggal lahirnya saja. Tabel ini kita namai ‘friends’. Kemudian tabel kedua untuk menyimpan data SMS ucapan ultah yang telah terkirim ke teman Anda. Tabel ini kita namai ‘kirim’. Untuk tabel ‘kirim’ cukup memiliki field nomor HP dan tanggal kirim SMS saja. Tabel ini berfungsi sebagai pencegah pengiriman SMS ucapan secara berulang, karena script yang kita buat ini nanti menggunakan Auto Refresh atau dengan kata lain script ini berjalan secara otomatis pada selang waktu tertentu. Tanpa adanya tabel kedua ini, maka proses pengiriman SMS ucapan ultah bisa dilakukan beberapa kali. Oleh karena itu untuk tabel kedua ini, field nomor HP dan tanggal kirim SMS kita buat sebagai primary key.

Nah.. untuk kedua tabel di atas, berikut ini struktur tabel dan contoh datanya

CREATE TABLE `friends` (
  `noHP` varchar(30),
  `nama` varchar(100),
  `tglLahir` date,
  PRIMARY KEY  (`noHP`)
);

CREATE TABLE `kirim` (
  `noHP` varchar(30),
  `tglKirim` date,
  PRIMARY KEY  (`noHP`,`tglKirim`)
);

INSERT INTO `friends` VALUES ('08881111111', 'A', '1979-02-21');
INSERT INTO `friends` VALUES ('08120101010', 'B', '1980-09-07');
INSERT INTO `friends` VALUES ('08562810000', 'C', '1986-03-10');

Kedua tabel di atas nantinya dibuat di dalam database yang sama dengan tabel-tabel bawaan dari Gammu, seperti tabel INBOX, OUTBOX, SENTITEMS dsb…

Kemudian bagaimana ide dari script SMS ucapan ulang tahun ini. Idenya adalah pertama kali kita cari dulu data teman yang ada di tabel ‘friends’ yang tanggal lahir dan bulan lahirnya sama dengan saat ini (current date). Untuk tahun lahirnya tidak usah diperhatikan saja. Kemudian bila ada data teman yang tanggal dan bulan lahirnya sesuai dengan current date, kita baca nomor HP dan namanya. Proses selanjutnya adalah jangan langsung mengirim SMS ucapannya, namun kita simpan data nomor HP dan current date nya ke tabel ‘kirim’. Jika proses insert atau simpan data ke tabel ‘kirim’ ini berhasil barulah kita kirim SMS ucapannya ke tabel ‘OUTBOX’ yang sudah disediakan oleh Gammu. Namun jika gagal, berarti SMS ucapan sebelumnya sudah pernah terkirim. Proses insert data ke tabel ‘kirim’ ini gagal jika terdapat data nomor HP dan tanggal kirim yang sama, mengingat kedua field tersebut adalah primary key. Dengan demikian pasti ada jaminan bahwa SMS ucapan yang terkirim ke teman Anda tidak dilakukan berulang kali pada hari yang sama. Lantas bagaimana bila ulang tahunnya pada tahun depan? ya tidak ada masalah, kan current date nya sudah berbeda? sehingga proses insert data ke tabel ‘kirim’ pasti berhasil pada tahun depan.

Berdasarkan ide di atas, berikut ini implementasi script PHP nya:

<html>
<head>
   <title>SMS Ulang Tahun</title>
   <!-- refresh script setiap 10 detik -->
   <meta http-equiv="refresh" content="10; url=<?php $_SERVER['PHP_SELF']; ?>">
</head>
<body>
<h1>SMS Ulang Tahun Running...</h1>
 
<?php
 
// koneksi ke database mysql
mysql_connect("ldbhost", "dbuser", "dbpass");
mysql_select_db("dbname");
 
// baca tanggal sekarang
$tglNow = date("d");
 
// baca bulan sekarang
$blnNow = date("m");
 
// baca tahun-bulan-tanggal sekarang
$now = date("Y-m-d");
 
// cari data teman yang bulan lahir dan tanggal lahir sesuai pada current date
$query = "SELECT * FROM friends WHERE DAY(tglLahir) = '$tglNow' AND MONTH(tglLahir) = '$blnNow'";
$hasil = mysql_query($query);
while ($data = mysql_fetch_array($hasil))
{
   // baca nomor HP dan nama teman
   $noHP = $data['noHP'];
   $nama = $data['nama'];
 
   // insert data ke tabel kirim
   $query2 = "INSERT INTO kirim (noHP, tglKirim) VALUES ('$noHP', '$now')";
   $hasil2 = mysql_query($query2);
 
   // jika proses insert ke tabel kirim sukses maka kirim sms ucapan
   if ($hasil2)
   {
      // isi pesan SMS ucapan ultah, disertai nama temannya
      $pesanSMS = "Wahai sahabatku ".$nama.", Happy Birthday !! Semoga dengan bertambahnya usiamu, semakin bertambah pula amalan ibadahmu.";
 
      // proses kirim sms via insert data ke tabel outbox
      $query2 = "INSERT INTO outbox (DestinationNumber, TextDecoded) VALUES ('$noHP', '$pesanSMS')";
      mysql_query($query2);
   }
}
 
?>
 
</body>
</html>

Script di atas akan melakukan autorefresh setiap 10 detik. Perhatikan perintah di bawah ini

<meta http-equiv="refresh" content="10; url=<?php $_SERVER['PHP_SELF']; ?>">

Bagaimana mudah bukan membuatnya? Bila teman Anda banyak, ya.. siap-siap modal yang banyak pula untuk biaya pengiriman SMS ucapan ultahnya tapi gak ada masalah sih, bukankah persahabatan butuh pengorbanan? Selamat mencoba ya…

Related posts:

1. Script SMS Gateway V2.0 dengan PHP dan MySQL
2. Membuat Auto Deletion (Hapus Otomatis) Data Dengan Script PHP
3. Script PHP untuk Arsip Artikel Berdasarkan Bulan dan Tahun

Untuk membuat grafik chart, sebenarnya sudah banyak sekali package/library yang tersedia baik free maupun bayar. Salah satunya yang free adalah JpGraph. Cara penggunaan JpGraph ini pernah saya bahas sebelumnya, atau Anda bisa download tutorialnya di sini. Namun, untuk menjalankan library-library tersebut harus didukung oleh library yang lain juga misalnya GD library. Tanpa library tersebut, maka mustahil library grafik yang Anda peroleh dapat dijalankan. Di samping itu kita masih agak sedikit repot dengan cara penggunaannya, karena setiap library grafik berbeda penggunaannya.

Nah.. kini Anda tak perlu repot lagi untuk membuat grafik chart karena saya akan memberikan tutorial cara membuat grafik statistik hanya dengan perintah PHP sederhana dan ditunjang oleh CSS (Cascade Style Sheet). Memang sih.. untuk tampilan tidak semewah kalo kita menggunakan JpGraph atau yang lain, tapi paling tidak.. representasi grafiknya bisa dibaca dengan mudah dan bisa membuat keren website Anda

OK.. untuk studi kasus kali ini, saya akan menerapkan hal ini untuk representasi data mahasiswa berdasarkan jenis kelaminnya. Andaikan kita memiliki tabel database dan datanya sebagai berikut:

CREATE TABLE `mhs` (
  `nim` varchar(10),
  `nama` varchar(10),
  `jenisKelamin` varchar(10),
  PRIMARY KEY  (`nim`)
);

INSERT INTO `mhs` VALUES ('A001', 'A', 'LAKI-LAKI');
INSERT INTO `mhs` VALUES ('A002', 'B', 'LAKI-LAKI');
INSERT INTO `mhs` VALUES ('A003', 'C', 'LAKI-LAKI');
INSERT INTO `mhs` VALUES ('A004', 'D', 'PEREMPUAN');
INSERT INTO `mhs` VALUES ('A005', 'E', 'LAKI-LAKI');

Untuk outputnya, kita nanti akan berusaha membuat script yang menampilkan grafik seperti di bawah ini

Perhatikan gambar di atas, bahwa ketika kita dekatkan mouse ke grafik batangnya maka akan muncul keterangan data statistiknya. Efek tersebut kita buat tanpa menggunakan script apapun, kecuali hanya CSS doang. Simpel tapi menarik bukan?

Trus.. gimana ide dasar membuat grafiknya? terutama membuat grafik batangnya? Dalam hal ini grafik batang kita buat menggunakan CSS sedangkan panjang pendeknya grafik batang tersebut tergantung jumlah data yang kita hitung menggunakan script PHP.

Untuk membuat sebuah batang dengan CSS, kita cukup membuat tag seperti ini:

<div style="height: 10px; width: 10%; background-color: red;" title="..."></div>

Atribut ‘height’ digunakan untuk mengatur lebar dari batang (dalam hal ini menggunakan satuan pixel). Selanjutnya ‘width’ untuk menentukan panjang batang. Anda bisa menggunakan satuan pixel maupun prosentase. Bila Anda menggunakan prosentase maka prosentase yang dimaksud adalah relatif terhadap panjang jendela browser. Misalkan diberikan ‘width: 10%’ maka panjang batang adalah 10% dari panjang jendela browser. Sedangkan atribut ‘background-color’ untuk mengatur warna batang, dan ‘title’ untuk memberikan title dari batang tersebut. Efek pemberian ‘title’ tampak seperti pada gambar output di atas yaitu akan muncul keterangan (tool tips) ketika mouse mengenai batang tersebut.

Nah… untuk selanjutnya kita hanya bermain-main pada atribut ‘width’ dan ‘title’ untuk membuat tampilan output seperti di atas. Kedua atribut ini nanti kita buat dinamis tergantung jumlah datanya.

Trus.. untuk mengatur panjang pendeknya batang gimana caranya? caranya adalah dengan menggunakan skala. Wah.. ada matematikanya ya? jelas donk… wah mentang-mentang yang nulis artikel ini orang matematika ya? he.. 3x nggak juga, karena kebetulan topik ini ada sangkut pautnya dengan matematika

Nah.. bagaimana penggunaan skalanya? OK kita misalkan kita tentukan panjang grafik maksimum adalah 30% dari panjang jendela browser. Karena 30% ini panjang maksimum, maka kejadian ini akan terjadi ketika ada item data yang jumlahnya 100%. Sebagai contoh misalkan ada 10 mahasiswa, dan semuanya pria (prosentase pria 100%). Dengan demikian grafik batang untuk pria ini panjangnya adalah 30%. Nah.. dari asumsi ini, kita tinggal atur skalanya berarti untuk item data sejumlah n% maka panjang batangnya adalah (n*30/100)%. OK, paham ya idenya?

Dengan demikian, berdasarkan ide di atas berarti sebelum mulai membuat grafiknya, kita harus dapatkan dulu data prosentase setiap item data, dalam hal ini jumlah laki-lakinya berapa prosen begitu pula perempuannya. Setelah jumlah prosentase masing-masing diketahui, barulah kita gunakan untuk mengatur panjang grafik batang menggunakan skala di atas.

So.. script untuk membuat grafik statistik mahasiswa berdasarkan jenis kelamin kita buat sbb:

<?php
 
// koneksi ke mysql
mysql_connect("dbhost", "dbuser", "dbpass");
mysql_select_db("dbname");
 
// mencari jumlah laki-laki dari database
$query = "SELECT count(*) AS jumCowok FROM mhs WHERE jenisKelamin = 'LAKI-LAKI'";
$hasil = mysql_query($query);
$data  = mysql_fetch_array($hasil);
$jumCowok = $data['jumCowok'];
 
// mencari jumlah perempuan dari database
$query = "SELECT count(*) AS jumCewek FROM mhs WHERE jenisKelamin = 'PEREMPUAN'";
$hasil = mysql_query($query);
$data  = mysql_fetch_array($hasil);
$jumCewek = $data['jumCewek'];
 
// menghitung total mahasiswa
$total = $jumCowok + $jumCewek;
 
// menghitung prosentase laki-laki dan perempuan
$prosenCowok = $jumCowok/$total * 100;
$prosenCewek = $jumCewek/$total * 100;
 
// menentukan panjang grafik batang berdasarkan prosentase
$panjangGrafikCowok = $prosenCowok * 30 / 100;
$panjangGrafikCewek = $prosenCewek * 30 / 100;
 
?>
 
<h2>Statistik Mahasiswa Berdasarkan Jenis Kelamin</h2>
 
<p><b>Laki-laki</b> (Jumlah: <?php echo $jumCowok; ?> | <?php echo $prosenCowok; ?>%) <div style="height: 10px; width: <?php echo $panjangGrafikCowok; ?>%; background-color: red;" title="Laki-laki (Jumlah: <?php echo $jumCowok; ?> | <?php echo $prosenCowok; ?>%)"></div></p>
 
<p><b>Perempuan</b> (Jumlah: <?php echo $jumCewek; ?> | <?php echo $prosenCewek; ?>%) <div style="height: 10px; width: <?php echo $panjangGrafikCewek; ?>%; background-color: red;" title="Perempuan (Jumlah: <?php echo $jumCewek; ?> | <?php echo $prosenCewek; ?>%)"></div></p>

Nah.. mudah bukan membuatnya?

Oya.. satu lagi yang perlu saya tambahkan. Lantas.. bagaimana bila kejadiannya keseluruhan mahasiswanya laki-laki atau perempuan? pastilah nantinya ada prosentase yang 0% dan akibatnya grafik batangnya tidak muncul karena width nya ‘0%’. Sebenarnya tidak apa-apa sih, namun.. kok kayaknya kurang seru. Meskipun prosentasenya 0%, tapi paling tidak kita munculkan sedikit grafiknya meskipun hanya dengan panjang 1%. Untuk membuat ini, kita harus tambahkan statement IF pada script di atas yaitu pada bagian penentuan panjang grafiknya, sehingga pada bagian tersebut menjadi:

if ($prosenCowok == 0) $panjangGrafikCowok = 1;
else $panjangGrafikCowok = $prosenCowok * 30 / 100;
 
if ($prosenCewek == 0) $panjangGrafikCewek = 1;
else $panjangGrafikCewek = $prosenCewek * 30 / 100;

OK?? begitu tutorial yang saya berikan ini, mudah-mudahan ada manfaatnya. Artikel ini terinsipirasi oleh plugin polling di Wordpress yang saya pasang di blog ini yang menggunakan ide di atas.

Related posts:

1. Membuat Grafik Chart di PHP
2. Membuat Efek Animasi Grafik Fungsi dengan Maple
3. Membuat Grafik Fungsi 2 Dimensi dengan Maple