Wednesday, July 4, 2012

Cara Mengatasi Konflik Antara jQuery Dan MooTools

jQuery dan MooTools adalah salah dua Framework JavaScript yang banyak digunakan. Masing-masing memiliki kelebihannya sendiri-sendiri (Untuk detail feature masing-masing framework silakan cek sendiri di website mereka). Lalu bisakah kita menggunakan keduanya secara bersamaan? Tentu saja bisa.
Yang harus diperhatikan adalah bahwa jQuery menggunakan tanda $ sebagai shortcut untuk pemanggilan jQuery, sedangkan MooTools pun menggunakan $() sebagai shortcut untuk mempersingkat document.getElementById().
Jika kita meload jQuery dan MooTools secara bersamaan di satu halaman, maka bisa dipastikan bakalan terjadi konflik di antara keduanya.
Namun untungnya, kunci untuk mengatasi masalah tersebut sudah disediakan oleh jQuery, yaitu dengan menjalankan script jQuery.noConflict() setelah jQuery diload.
  1.  
  2. <script type=text/javascript src=mootools.js></script>
  3.  
  4. <script type=text/javascript src=jquery.js></script>
  5. <script type=text/javascript>
  6. jQuery.noConflict();
  7. </script>
  8.  
Kemudian di dalam script jQuery yang kita buat juga harus menggunakan jQuery sebagai pengganti $
  1.  
  2. jQuery(document).ready(function() {
  3. jQuery('#content').html('Hello');
  4. });
  5.  
Jika pemanggilan menggunakan jQuery terasa terlalu panjang atau kurang keren, kita juga bisa membuat variabel sendiri sebagai penggantinya, misalnya sebagai berikut :
  1.  
  2. var test= jQuery.noConflict();
  3.  
  4. //lalu gunakan nama variabel tersebut sebagai pengganti jQuery
  5. test(document).ready(function() {
  6. test('#content').html('Hello');
  7. });
  8.  
Maka masalah konflik horizontal antara jQuery dan MooTools pun bisa diatasi, dan mereka berdua pun bisa berjalan berdampingan dengan bahagia.

Source:  http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Contoh Program PHP di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Tutorial Pembuatan Aplikasi Word Count Sedehana dengan jQuery

Word Count adalah suatu aplikasi untuk menghitung jumlah karakter yang kita ketikkan kedalam sebuah form isian. Misalnya, kita ingin mengirimkan sebuah SMS yang tidak boleh lebih dari 160 karakter menggunakan software SMS Gateway. Nah ketika kita mengetikkan setiap hurufnya, maka browser akan menunjukkan secara otomatis berapa jumlah karakter yang sudah kita ketik. Ini sangat perlu agar SMS yang kita kirimkan hanya di hitung 1 kali pengiriman SMS.
 
Untuk membuat aplikasi ini tidaklah sulit, bahkan boleh dikatakan cukup mudah. Plugin yang kita butuhkan adalah JQuery Versi 1.4. Plugin jQuery ini nantinya akan kita include kan kedalam file HTML/PHP kita dan dengan menambahkan sedikit fungsi aplikasi ini sudah bisa anda gunakan. Nah untuk menginclude plugin jQuery ini cukup mudah yaitu seperti kode di bawah ini :

  1.  
  2. <html >
  3. <head>
  4. <title>Aplikasi Word Count Menggunakan Jquery</title>
  5. <script language="javascript" src="jquery-1.4.js"></script>
  6. </head>
  7. <body>
  8. </body>
  9. </html>
  10.  
Selanjutnya kita akan menambahkan sebuah function dari jQuery yang berfungsi untuk menghitung jumlah karakter yang kita ketikkan kedalam sebuah form isian. Nantinya identitas dari function ini akan dihubungkan dengan identitas form isian yang akan kita isi. Kode function jQuery ini akan diletakkan di header website kita yaitu antara tag dengan . Kode function ini akan terlihat seperti dibawah ini :
  1.  
  2. <script>
  3. $(document).ready(function(){
  4. // Character counter
  5. $('.word_count').each(function(){
  6. var length = $(this).val().length;
  7. $(this).parent().find('.counter').html( length + ' characters');
  8. $(this).keyup(function(){
  9. var new_length = $(this).val().length;
  10. $(this).parent().find('.counter').html( new_length + ' characters');
  11. });
  12. });
  13. });
  14. </script>
  15.  
Perhatikan pada kode diatas perhatikan bahwa identitas dari function itu adalah word_count. Perhatikan kode $('.word_count').each(function() . Nah identitas inilah juga yang akan kita buat sebagai identitas dari form isian yang akan kita buat, sehingga apapun yang kita ketikkan di form tersebut dapat terdetaksi oleh function jQuery ini.

Nah sekarang, mari kita buat form isian yang akan terhubung dengan function jQuery diatas. Kita misalkan kita memiliki sebuah form yang berguna untuk mengetikkan pesan SMS yang akan kita kirimkan. Form ini hanya berisi sebuah field saja, karena ini hanya contoh penggunaan aplikasi word Count jQuery ini saja. Form isian ini dapat kita lihat pada kode dibawah ini :
  1.  
  2. <tr valign="center">
  3. <td align="right" valign="center"><b>Message</b> : </td>
  4. <td><b><textarea class="word_count" cols="45" rows="5" name="message"></textarea>
  5. <br /><span class="counter"></span></b></td>
  6. </tr>
  7.  

Perhatikan class dari form diatas adalah word_count yang sama dengan pada function jQuery tadi. Untuk lebih jelasnya, perhatikan kode di bawah ini :

  1. <textarea class="word_count" cols="45" rows="5" name="message"></textarea>

Sampai disini, kita sudah bisa menjalankan aplikasi Word Count dengan jQuery ini. Pada awalnya karakter yang di tunjuukan adalah 0 karakter karena anda belum mengetikkan apapun ke form. Namun begitu anda mengetikkan karakter, jumlah karakter itulah yang dihitung dan di tunjukkan di halaman web secara otomatis tanpa perlu reload atau refresh browser. Contohnya adalah seperti gambar dibawah ini :
aplikasi word count sederhana dengan jQuery
 Source:  http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Contoh Program PHP di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Skrip PHP untuk Format Nilai Mata Uang Rupiah

Nah didalam tutorial kali ini kita akan membuat sebuah fungsi (function) yang nantinya akan kita panggil untuk mencetak format rupiah. Fungsi ini kita buat agar program yang kita buat menjadi sederhana, sehingga setiap kali kita perlu untuk memformat sebuah bilangan menjadi format rupiah, kita hanya perlu memanggil fungsi ini. Fungsi ini akan kita beri nama “formatRupiah”. Perhatikan kode dibawah ini :

  1.  
  2. < ?php
  3. function formatRupiah($nilaiUang)
  4. {
  5.  
  6. }
  7.  
Kalau kita perhatikan kode diatas, terlihat jelas bahwa setiap kita memanggil fungsi “formatRupiah”, kita juga harus menyertakan variable “$nilaiUang”. Nilai uang ini adalah bilangan bulat yang akan kita rubah formatnya menjadi rupiah. Kita misalkan kita menyertakan nilai bilangan bulat yaitu “1000”, nantinya fungsi ini akan merubahnya menjadi “Rp 1.000’-”. Perhatikan contoh dibawah ini :
  1.  
  2. int 5000 ===> Rp 5.000,-
  3. int 6500 ===> Rp 6.500,-
  4. int 2050 ===> Rp 2.050,-
  5. int 30500 ===> Rp 30.500,-
  6.  
Nah, dari contoh-contoh diatas, kita dapat melihat bahwa alur program dari fungsi ini adalah sebagai berikut :
  1.  
  2. Membaca jumlah karakter dari bilangan bulat yang dimasukkan.
  3. Menambahkan string ‘Rp’ di bagian awal data
  4. Membatasi tiga karakter terakhir dengan tanda titik ( . )
  5. Menambahkan karakter koma dan tanda minus (,-) di bagian akhir data
  6.  
Dari alur program yang telah kita susun diatas, kita bisa melengkapi program fungsi “formatRupiah” diatas menajdi seperti kode dibawah ini :
  1.  
  2. < ?php
  3. function formatRupiah($nilaiUang)
  4. {
  5. $nilaiRupiah = "";
  6. $jumlahAngka = strlen($nilaiUang);
  7. while($jumlahAngka > 3)
  8. {
  9. $nilaiRupiah = "." . substr($nilaiUang,-3) . $nilaiRupiah;
  10. $sisaNilai = strlen($nilaiUang) - 3;
  11. $nilaiUang = substr($nilaiUang,0,$sisaNilai);
  12. $jumlahAngka = strlen($nilaiUang);
  13. }
  14.  
  15. $nilaiRupiah = "Rp " . $nilaiUang . $nilaiRupiah . ",-";
  16. return $nilaiRupiah;
  17. }
  18. ?>
  19.  
Sekarang kode fungsi telah selesai kita buat. Selanjutnya jika kita ingin merubah suatu bilangan bulat kedalam format mata uang rupiah kita tinggal memanggil fungsi tersebut. Perhatikan kode dibawah ini :
  1.  
  2. < ?php
  3. function formatRupiah($nilaiUang)
  4. {
  5. $nilaiRupiah = "";
  6. $jumlahAngka = strlen($nilaiUang);
  7. while($jumlahAngka > 3)
  8. {
  9. $nilaiRupiah = "." . substr($nilaiUang,-3) . $nilaiRupiah;
  10. $sisaNilai = strlen($nilaiUang) - 3;
  11. $nilaiUang = substr($nilaiUang,0,$sisaNilai);
  12. $jumlahAngka = strlen($nilaiUang);
  13. }
  14.  
  15. $nilaiRupiah = "Rp " . $nilaiUang . $nilaiRupiah . ",-";
  16. return $nilaiRupiah;
  17. }
  18.  
  19. //untuk mendapatkan nilai Rupiah, panggil fungsi formatRupiah() dan sertakan nilainya
  20. echo formatRupiah (2500) ."<br>";
  21. echo formatRupiah (350000) ."<br>";
  22. echo formatRupiah (30500);
  23. ?>
  24.  
Sekarang coba kode-kode ini disimpan dengan nama terserah anda (asal extensi nya tetap *.php), lalu letakkan didalam direktori webserver anda, lalu jalankan program ini. Jika semuanya sudah anda jalankan dengan benar maka anda akan melihat tulisan di browser anda seperti dibawah ini :
  1.  
  2. Rp 2.500,-
  3. Rp 350.000,-
  4. Rp 30.500,-
  5.  
Nah, jika anda ingin menggunakan fungsi ini di aplikasi PHP yang anda bangun, anda cukup Copy + Paste kode program diatas dan dengan sedikit modifikasi, anda sudah bisa menggunakannya.


Source: http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Contoh Program PHP di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Skrip PHP untuk Format Tanggal Indonesia

Seperti kita ketahui bahwa Fungsi Date/Time yang terdapat pada PHP Library sudahlah sangat lengkap, dimana didalamnya tersedia berbagai macam format tanggal yang kita inginkan. Namun yang menjadi masalah adalah semua format tersebut dibuat dalam Bahasa Inggris sebagai bahasa internasional. Nah terkadang kita ingin membuat tanggal didalam bahasa Indonesia tentunya kita harus membuat fungsi sendiri untuk merubahnya. Nah diartikel ini kita akan membahas bagaimana cara Format tanggal dalam bahasa Indonesia dalam PHP.

Memahami Fungsi Data pada Library PHP.

Fungsi date() pada library PHP memiliki kegunaan untuk memformat tanggal menjadi format tertentu sesuai dengan yang kita inginkan. Dibawah ini akan kita jelaskan beberapa properties dari Fungsi date() ini yang akan memudahkan kita memahami tutorial kali ini, yaitu :


  1.  
  2. Date(‘N’) => berfungsi mengambil nilai hari (1 untuk hari Senin sampai 7 untuk Minggu)
  3. Date(‘j’) => berfungsi mengambil tanggal dalam satu bulan mulai dari 1 sampai 31
  4. Date(‘n’) => berfungsi mengambil nilai bulan (1 untuk Januari sampai 12 untuk Desember)
  5. Date(‘Y’) => berfungsi mengambil nilai tahun dalam 4 digit, misalnya 2012
  6.  

Nah didalam tutorial kali ini kita akan membuat sebuah fungsi (function) yang nantinya akan kita panggil untuk mencetak format tanggal kedalam bahasa indonesia. Fungsi ini kita buat agar program yang kita buat menjadi sederhana, sehingga setiap kali kita perlu untuk memformat sebuah tanggal kedalam bahasa indonesia, kita hanya perlu memanggil fungsi ini. Fungsi ini akan kita beri nama “formatTanggal”. Perhatikan kode dibawah ini :

  1.  
  2. < ?php
  3. function formatTanggal ($date=null)
  4. {
  5.  
  6. }
  7.  

Kalau kita perhatikan kode diatas, terlihat jelas bahwa setiap kita memanggil fungsi “ formatTanggal”, kita juga harus menyertakan variable “$date=null”. Perhatikan variebel $date ini dibuat optional, yang artinya jika bisa diisi dan bisa juga tidak diisi. Nantinya jika variable $date kosong, maka dianggap bahwa tanggal yang mau diformat adalah tanggal berjalan (tanggal hari ini), namun jika variable $date diisi maka tanggal yang diformat adalah tanggal yang disimpan di variable $date tersebut. Contoh format yang kita inginkan ini adalah seperti dibawah ini :
  1.  
  2. 2012-03-27 ===> Selasa, 27 Maret 2012
  3. 2012-03-28 ===> Rabu, 28 Maret 2012
  4. 2012-03-29 ===> Kamis, 29 Maret 2012
  5. 2012-03-30 ===> Jumat, 30 Maret 2012
  6.  
Dari contoh diatas bisa kita buat program untuk melengkapi fungsi dari “ formatTanggal” diatas menajdi kode seperti dibawah ini :
  1.  
  2. < ?php
  3. function formatTanggal($date=null)
  4. {
  5. //buat array nama hari dalam bahasa Indonesia dengan urutan 1-7
  6. $array_hari = array(1=>'Senin','Selasa','Rabu','Kamis','Jumat', 'Sabtu','Minggu');
  7. //buat array nama bulan dalam bahasa Indonesia dengan urutan 1-12
  8. $array_bulan = array(1=>'Januari','Februari','Maret', 'April', 'Mei', 'Juni','Juli','Agustus',
  9. 'September','Oktober', 'November','Desember');
  10. if($date == null) {
  11. //jika $date kosong, makan tanggal yang diformat adalah tanggal hari ini
  12. $hari = $array_hari[date('N')];
  13. $tanggal = date ('j');
  14. $bulan = $array_bulan[date('n')];
  15. $tahun = date('Y');
  16. } else {
  17. //jika $date diisi, makan tanggal yang diformat adalah tanggal tersebut
  18. $date = strtotime($date);
  19. $hari = $array_hari[date('N',$date)];
  20. $tanggal = date ('j', $date);
  21. $bulan = $array_bulan[date('n',$date)];
  22. $tahun = date('Y',$date);
  23. }
  24. $formatTanggal = $hari . ", " . $tanggal ." ". $bulan ." ". $tahun;
  25. return $formatTanggal;
  26. }
  27.  
  28. //untuk mendapatkan tanggal dalam bahasa Indonesia, panggil fungsi formatTanggal()
  29. echo formatTanggal ('2012-03-27') ."<br>";
  30. echo formatTanggal () ."<br>";
  31. ?>
  32.  

Dari kode-kode diatas akan saya berikan penjelasan sedikit bagian demi bagiannya agar anda semakin mengerti alur dari program tersebut. Pertama sekali yang dilakukan program adalah membuat array nama hari dan array nama bulan dalam bahasa Indonesia. Array ini dimulai dari 1 bukan 0 (nol). Perhatikan kode dibawah ini :
  1.  
  2. //buat array nama hari dalam bahasa Indonesia dengan urutan 1-7
  3. $array_hari = array(1=>'Senin','Selasa','Rabu','Kamis','Jumat', 'Sabtu','Minggu');
  4. //buat array nama bulan dalam bahasa Indonesia dengan urutan 1-12
  5. $array_bulan=array(1=>'Januari','Februari','Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus',
  6. 'September', 'Oktober', 'November','Desember');
  7.  
Hasil array ini akan terlihat seperti dibawah ini :

  1.  
  2. Array
  3. (
  4. [1] => Senin
  5. [2] => Selasa
  6. [3] => Rabu
  7. [4] => Kamis
  8. [5] => Jumat
  9. [6] => Sabtu
  10. [7] => Minggu
  11. )
  12.  
  13. Array
  14. (
  15. [1] => Januari
  16. [2] => Februari
  17. [3] => Maret
  18. [4] => April
  19. [5] => Mei
  20. [6] => Juni
  21. [7] => Juli
  22. [8] => Agustus
  23. [9] => September
  24. [10] => Oktober
  25. [11] => November
  26. [12] => Desember
  27. )
  28.  


Nantinya variable $array_hari akan dihubungkan dengan kode date('N') sehingga diperoleh nilai hari dari tanggal hari ini (misalnya 1), lalu melalui kode $array_hari[date('N')], nilai 1 tadi dihubungkan dengan variable $array_hari sehingga menghasilkan hari “Senin”. Demikian juga untuk bulan menggunakan konsep yang sama seperti ini.

Selanjutnya yang dilakukan program adalah membaca variable $date terisi atau kosong. Kalau kosong, maka tanggal yang diformat adalah tanggal berjalan (tanggal hari ini). Sedangkan jika terisi maka yang diformat adalah tanggal yang diisikan. Demikian pola kerja dari tutorial ini, saya kira kita bisa memahaminya.


Sekarang coba kode-kode ini disimpan dengan nama terserah anda (asal extensi nya tetap *.php), lalu letakkan didalam direktori webserver anda, lalu jalankan program ini. Jika semuanya sudah anda jalankan dengan benar maka anda akan melihat tulisan di browser anda seperti dibawah ini :

  1.  
  2. Selasa, 27 Maret 2012
  3. Rabu, 21 Maret 2012
  4.  
Nah, jika anda ingin menggunakan fungsi ini di aplikasi PHP yang anda bangun, anda cukup Copy + Paste kode program diatas dan dengan sedikit modifikasi, anda sudah bisa menggunakannya.

Source:  http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Contoh Program PHP di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Cara Memasang Facebook Comment dan Facebook Like Button di Blog Pribadi

Untuk memasang system Facebook Comment dan Like Button ini, pertama kali yang harus anda lakukan adalah Login ke Account Facebook anda. Setelah anda login, coba anda membuka sebuah halaman baru dan ketikkan buka alamat https://developers.facebook.com/apps/. Alamat tersebut berfungsi untuk membuat sebuah aplikasi Facebook yang akan kita manfaatkan sebagai wadah Facebook Comment dan Like Button tersebut. Setelah halaman tersebut terbuka, buatlah sebuah Applikasi baru dengan menekan tombol Create New App. Perhatikan Gambar di bawah ini :

membuat Application pada facebook

Setelah anda berhasil membuat sebuah aplikasi baru, anda akan mendapatkan App ID/API Key dan App Secret seperti yang diperlihatkan di gambar diatas. Keduanya adalah yang akan kita gunakan ketika membangun aplikasi ini nantinya. Selanjutnya mari kita buat sebuah Facebook Comment dengan melalui alamat https://developers.facebook.com/docs/reference/plugins/comments/. Setelah alamat tersebut terbuka, masukkan alamat web yang ingin anda lengkapi dengan Facebook Comment ini. Misalkan alamat yang web yang kita inginkan adalah http://aplikasiphp.com, dengan jumlah postingan yang ditampilkan 100 post per halaman serta lebar aplikasi sekitar 470 pixel. Perhatikan gambar di bawah ini :

membuat Facebook Comment


Setelah itu, tekan tombol Get Code anda akan mendapatkan kode seperti dibawah ini :

Kode Facebook Comment

Kode pertama, silahkan anda Copy + Paste kedalam template website anda didalam tag . Sebagai contohnya adalah sebagai berikut :


  1. <html>
  2. <head>
  3. <title>Membuat Form Komentar Ala Facebook di Blog Pribadi | AplikasiPHP.Com</title>
  4. </head>
  5. <body>
  6. <div id="fb-root"></div>
  7. <script>(function(d, s, id) {
  8. var js, fjs = d.getElementsByTagName(s)[0];
  9. if (d.getElementById(id)) return;
  10. js = d.createElement(s); js.id = id;
  11. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=395375743806292";
  12. fjs.parentNode.insertBefore(js, fjs);
  13. }(document, 'script', 'facebook-jssdk'));</script>
  14. </body>
  15. </html>


Sedangkan Kode bagian kedua dari gambar diatas, anda dapat tempatkan dibagian mana anda ingin menampatkan Facebook Comment tersebut. Perhatikan kode dibawah ini :

  1. <div class="fb - comment" data-href="http://analisismiliter.com" data-num-posts="100" data-width="550"></div>

Nah yang anda perlu perhatikan adalah data-href=”http://analisismiliter.com”. Data tersebut adalah link website yang anda ingin masukkan FB Comment didalamnya. Jika anda memiliki beberapa halaman website dan ingin menempatkan FB Comment didalamnya, anda hanya perlu copy paste kode diatas kemudian modifikasi alamat website tersebut didalam kode tersebut.

Facebook Like Button

Membuat Facebook Like Button hampir sama dengan membuat FB Comment. Jika anda sudah membuat FB Comment dengan Sukses sebelumnya, anda hanya perlu memasukkan kode FB Like Button dengan kode seperti di bawah ini :

  1. <div class="fb - likes" data-send="true" data-width="450" data-show-faces="true"></div>

Nah sampai disini, tutorial ini sudah berhasil anda pelajari. Mari terapkan tutorial ini untuk membangun aplikasi website yang sangat interaktif. Nantinya setiap ada komentar akan secara otomatis memunculkan sebuah notifikasi di Account Facebook Anda.


Source: http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Contoh Program PHP di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Cara Memproteksi PHPMyAdmin dengan Password

Bagi rekan-rekan yang sudah sering menggunakan XAMPP mungkin sudah terbiasa menggunakan PHPMyAdmin yang merupakan aplikasi bawaan dari XAMPP untuk mengolah database MySQL melalu web based interface. Nah permasalahnnya dalah, PHPMyAdmin ini secara default belum dilengkapi dengan password yang memproteksi database kita dari orang yang tidak berkepentingan. Seperti tulisan saya sebelumnya yaitu Amankah Password hanya dienkripsi dengan MD5? saya sudah menyampaikan bahwa PHPMyAdmin yang tidak di proteksi dengan password sungguh sangatlah berbahaya terhadap keamanan database kita.


Nah, mungkin banyak diantara pembaca yang belum tau bagaimana caranya memproteksi PHPMyAdmin dengan Password. Pada tutorial ini saya akan menjelaskannya secara detail. Pada PHPMyAdmin yang belum di proteksi dengan Password, maka dibagian bawah halaman awalnya akan terlihat sebuah peringatan bahwa PHPMyAdmin kita belum di proteksi dengan Password. Perhatikan gambar di bawah ini :

PHPMyAdmin belum ada password

Nah untuk memproteksinya, silahkan anda masuk ke menu PRIVILEGES dan EDIT data password untuk user “localhost” , perhatikan gambar dibawah ini :

Menu Privileges

Ketika halaman PRIVILAGES untuk user “localhost” sudah terbuka, anda akan menemukan passwordnya masih kosong. Nah, pada kolom Password, masukkanlah password sesuai yang anda inginkan. Perhatikan gambar di bawah ini :

Set Password PHPMyAdmin

Setelah anda memasukkan password, simpan perubahannya dengan menekan tombol GO. Lalu masuk kembali ke halaman PHPMyAdmin, coba perhatikan tampilannya. Anda akan menemukan bahwa PHPMyAdmin anda akan terlihat ERROR seperti gambar di bawah. Namun tenang, itu adalah normal, karena Password sudah kita ubah, namun file konfigurasi PHPMyAdmin belum kita rubah. Perhatikan gambar di bawah ini :

PHPMyAdmin Error

Nah untuk mengatasi ERROR ini, maka kita harus melakukan EDITING pada file konfigurasi PHPMyAdmin yaitu file config.inc.php yang terletak di folder C:\xampp\phpMyAdmin. Silahkan Anda rubah nilai AUTH_TYPE menjadi http dan Password sesuai dengan password yang telah kita rubah sebelumnya. Perhatikan gambar di bawah ini :

Edit Konfigurasi PHPMyAdmin

Setelah itu, coba anda refresh atau buka kembali halaman PHPMyAdmin maka anda akan di minta untuk memasukkan username dan password untuk PHPMyAdmin anda. Perhatikan gambar dibawah ini.


Insert Password  PHPMyAdmin

Source: http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Contoh Program PHP di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Contoh Membuat Table Belang-Belang dengan CSS

Berbicara mengenai table dalam website, tentunya kita mengetahui bahwa HTML bisa membuat table dengan mudah. Namun yang menjadi permasalahannya adalah table tersebut tidaklah cantik dan enak untuk dilihat. Coba perhatikan gambar di bawah ini yang merupakah table yang dibentuk dengan menggunakan HTML biasa tanpa CSS.

Tabel HTML tanpa CSS

Nah dari gambar diatas kelihatan bahwa kode HTML biasa tidak mampu untuk mencetak Tabel yang cantik dan indah untuk dilihat. Nah kekurangan HTML ini bisa diatasi dengan memadukannya dengan kode style yaitu CSS. Cara memadukan kode CSS dengan HTML sangatlah mudah yaitu dengan cara memanggil langsung file CSS didalah kode HTML. Perhatikan kode di bawah ini :


  1. <html>
  2. <head>
  3. <title>Aplikasi Tabel Zebra Cantik dengan CSS | AplikasiPHP.Com</title>
  4. <link href="table.css" rel="stylesheet" type="text/css" />
  5. </head>


Kode diatas akan memanggil file CSS yaitu “Table.css”, sehingga style yang sudah kita buat akan di masukkan kedalam table sehingga mempercantik tampilan table. Adapun kode CSS yang kita gunakan adalah seperti kode di bawah ini :
  1. /* Tabel Properti */
  2. #mytable {
  3. padding: 0;
  4. margin: 0;
  5. }
  6. #mytable td {
  7. border-right: 1px solid #ccc;
  8. border-bottom: 1px solid #ccc;
  9. background: #efefefe;
  10. color: #0066ff;
  11. padding: 2px;
  12. }
  13. #mytable td.genap {
  14. border-right: 1px solid #ccc;
  15. border-bottom: 1px solid #ccc;
  16. color: #0066ff;
  17. background: #eeee22;
  18. padding: 2px;
  19. }
  20. #mytable td.alt {
  21. background:#0099ff;
  22. color: #fff;
  23. border-top: 1px solid #ccc;
  24. text-align: center;
  25. font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  26. padding: 2px;
  27. }
  28. #mytable td.spec {
  29. border-left: 1px solid #ccc;
  30. border-top: 0;
  31. background: #efefefe;
  32. padding: 2px;
  33. }
  34. #mytable td.spec1 {
  35. border-left: 1px solid #ccc;
  36. border-top: 0;
  37. background: #eeee22;
  38. padding: 2px;
  39. }
  40. #mytable td.specalt {
  41. background: #0099ff;
  42. border-top: 1px solid #ccc;
  43. border-left: 1px solid #ccc;
  44. font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  45. color: #fff;
  46. text-align: center;
  47. padding: 2px;
  48. }



Sedangkan file tampilannya akan kita buat seperti kode dibawah ini :

  1. <html>
  2. <head>
  3. <title>Aplikasi Tabel Zebra Cantik dengan CSS | AplikasiPHP.Com</title>
  4. <link href="table.css" rel="stylesheet" type="text/css" />
  5. </head>
  6. <body>
  7. <table id=mytable cellspacing="0" width=48%>
  8. <tr>
  9. <td width="5px" class=specalt ><center>No</center></td>
  10. <td width="100px" class=alt ><center>Sender</center></td>
  11. <td width="100px" class=alt ><center>Received Time</center></td>
  12. <td width="200px" class=alt ><center>Message</center></td>
  13. </tr>
  14. <tr>
  15. <td width="5px" class=spec>1</td>
  16. <td>08136141xxxx</td>
  17. <td>21 Maret 2012</td>
  18. <td>Ini contoh pesan aja</td>
  19. </tr>
  20. <tr>
  21. <td width="5px" class=spec1>2</td>
  22. <td class="genap">08136141xxxx</td>
  23. <td class="genap">21 Maret 2012</td>
  24. <td class="genap">Ini contoh pesan aja</td>
  25. </tr>
  26. <tr>
  27. <td width="5px" class=spec>3</td>
  28. <td>08136141xxxx</td>
  29. <td>21 Maret 2012</td>
  30. <td>Ini contoh pesan aja</td>
  31. </tr>
  32. </body>
  33. </html>


Jika kode tersebut di jalankan, maka hasilnya akan terlihat seperti gambar di bawah ini :

Tabel HTML dengan CSS
Source : http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Contoh Program PHP di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.