Halo teman-taman pada tutorial Cara Membuat Visitor Counter Menggunakan PHP MySQL Part 2 kali ini kita akan membuat file indexnya yang nantinya berfungsi untuk melihat jumlah pengunjung dari website kita pada tutorial Cara Membuat Visitor Counter Menggunakan PHP MySQL Part 1 kita telah membuat sebuah database, file koneksi dan proses dari counter tersebut.
Oke teman kita langsung saja masuk kepada pembahasannya tentang Cara Membuat Visitor Counter Menggunakan PHP MySQL Part 2, langkah pertama yang akan kita buat yaitu sebuah struktur dari html nyaseperti dibawah ini dan silahkan teman-teman simpan dengan nama index.php
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> |
Berikutnya silahkan teman-teman simpan script dibawah ini pada file index.php yang telah kita buat sebelumnya
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
<!DOCTYPE html> <html> <head> <title>Cara Membuat Visitor Counter (Menghitung Jumlah Pengunjung) Menggunakan PHP MySQL</title> <style type="text/css"> .container{margin: auto; width: 550px;} h3{text-align: center} td{text-align: center;} p{font-weight: bold; color: red} .table1{margin-bottom: 10px;} </style> </head> <body> <?php session_start(); include "counter.php"; ?> <div class="container"> <header> <h3>Cara Membuat Visitor Counter (Menghitung Jumlah Pengunjung) Menggunakan PHP MySQL</h3> </header> <article> // untuk mengetahui pengunjung pada saat ini <table border="1" cellspacing="0" class="table1"> <tr> <th>Browser</th> <th>Ip</th> <th>Jml Pegunjung Hari ini</th> <th>Jml Pengunjung Kemaren</th> <th>Total pengunjung</th> </tr> <tr> <td> <?php switch($browser){ case "Firefox" : echo "".$browser.""; break; case "Chrome/Opera" : echo "".$browser.""; break; case "IE" : echo "".$browser.""; break; } ?> </td> <td> <?php echo "".$_SERVER['REMOTE_ADDR']."";?> </td> <td> <p><?php echo "".$hari_ini['hari_ini'].""; ?></p> </td> <td> <p><?php echo "".$kemarin['kemarin'].""; ?></p> </td> <td> <p><?php echo "".$sql['total']."";?></p> </td> </tr> </table> //untuk menampilkan data dari database <table border ="1" class="table2" cellspacing="0"> <tr> <th>No</th> <th>id</th> <th>tanggal</th> <th>Browser</th> <th>Jml Pegunjung</th> </tr> <?php $no=0; ?> <?php $sql="SELECT * FROM counterdb"; $sqli=mysqli_query($conn,$sql); $total = mysqli_fetch_array(mysqli_query($conn,'SELECT sum(counter) as jumlah FROM counterdb')); ?> <?php while ($tampil=mysqli_fetch_array($sqli)) { ?> <?php $no++;?> <tr> <td> <?php echo "$no"; ?> </td> <td> <?php echo "$tampil[id]";?> </td> <td> <?php echo "$tampil[tanggal]";?> </td> <td> <?php echo "$tampil[browser]";?> </td> <td> <?php echo "$tampil[counter]";?> </td> <?php }?> </tr> <td colspan="4"> Total</td> <td> <p><?php echo "".$total['jumlah']."";?></p> </td> </table> </article> </div> </body> </html> |
Pada script yang terdapat diatas kita kita menggunakan dua buah table, fungsi dari table yang pertama yaitu untuk menampilkan nama brwoser, ip, jumlah pengunjung pada hari ini, jumlah pengunjung pada hari yang sebelumnya, dan total semua pengunjung, pada saat pengunjung tersebut membuka browser pada saat itu juga
Sedangkan pada table yang kedua pada script yang terdapat diatas, yaitu berfungsi untuk menampilkan semua datayang ada didalam database, jadi kita juga bisa menampilkan data yang berada pada database. Dan jika script yang terdapat diatas kita jalankan maka akan terlihat seperti dibawah ini
Oke teman-teman cukup sekian dulu tutorial saya kali ini tentang Cara Membuat Visitor Counter Menggunakan PHP MySQL Part 2 nya, dan untuk script lengkapnya teman-teman bisa download disini
Semoga bermanfaat
Terimakasih