Menampilkan user online seperti di obrolan step by step

Ukuran: px

Mulai penontonan dengan halaman:

Download "Menampilkan user online seperti di obrolan step by step"

Hamdani Hardja
7 tahun lalu
Tontonan:

2 Menampilkan user online seperti di obrolan step by step Oleh: lukman hakim Salam hangat temen2 Jagocoding.com, Berikut saya akan berbagi tutorial sederhana yakni bagaimana cara menampilkan user online sederhana seperti di obrolan step by step. buat database dengan nama online kemudian buat sebuah tabel dengan nama user  dengan data seperti dibawah ini id = int(11) nama... Salam hangat temen2 Jagocoding.com, Berikut saya akan berbagi tutorial sederhana yakni bagaimana cara menampilkan user online sederhana seperti di obrolan step by step. buat database dengan nama online kemudian buat sebuah tabel dengan nama user dengan data seperti dibawah ini id = int(11) nama = varchar(75) login_time = varchar(20) id nama login_time 1 Lukman Hakim 2 Idham Kholid 3 Muhammad Ali 4 Irfatul Laila

3 jika sudah selesai, buat 5 file php index.php -> Halaman Utama config.php -> Untuk membuat koneksi ke Database login.php -> File untuk login logout.php -> File untuk logout online.php -> File untuk mendapatkan user yang sedang online ok, langsung ke filenya ya gan, oh ya jangan lupa mengikutkan file jquery ya jquery js anda bisa mendapatkannya di jquery.com pertama buka file index.php file index.php ini digunakan untuk halaman utama (homepage), disini berisi daftar user dan aksi ( login / logout ) isikan kode berikut pada file index.php include("config.php"); <!DOCTYPE HTML> <html> <head> <title>user Online</title> <style> body{ font-family:arial;font-size:12px; #onlinebox{ background:#ffffff; position:fixed; z-index:2; top:0px; right:0px; bottom:0px; width:200px; border-left:1px solid grey;.userlist{ font-family:arial; font-size:12px; display:block; padding:5px; cursor:pointer;.userlist:hover{ background:#fcfcfc;

4 .userlist.status-on{ color:green; font-size:10px; float:right;.userlist.status-off{ color:red; font-size:10px; float:right; </style> <script src="jquery js"></script> <script> function get_user_online(){ $.get('online.php',function(data){ $("#onlinebox").html(data); ); settimeout("get_user_online()",2000); function login(id){ $.get('login.php?id='+id,function(){ ); function logout(id){ $.get('logout.php?id='+id,function(){ ); </script> </head> <body> <table cellpadding="5"> <tr><td>user</td><td>aksi</td></tr> $time=date("ymdhis"); $get_user=mysql_query("select * from user"); //mengambil semua data user while($user=mysql_fetch_array($get_user)){ <tr> <td><a href="#"> echo $user["nama"]; </a></td> <td><a href="#" onclick="login(' echo $user["id"]; ')">Login</a> <a href="#" onclick="logout(' echo $user["id"]; ')">Logout</a></td> </tr> </table> <div id="onlinebox"></div> <script> get_user_online(); </script> </body> </html>

5 Kedua buka file config.php. file config.php digunakan untuk melakukan koneksi ke database yang nantinya akan kita gunakan, yakni database online. tambahkan kode berikut pada file config.php : $host = 'localhost'; // nama host $user = 'root'; // username database $pass = ''; // password database $db = 'online'; // database yang kita gunakan $connect = mysql_connect($host, $user, $pass); $pilihdb = mysql_select_db($db); Ke-3 buka file login.php. disini bukan login menggunakan username ataupun password, namun hanya digunakan untuk meng-update login_time pada database, login time akan diupdate dengan waktu sekarang detik; tambahkan kode berikut pada file login.php : include("config.php"); // mengikutkan file config.php untuk koneksi ke database $time=date("ymdhis")+180; // menyetel waktu login (waktu sekarang detik atau 3menit ) $id=$_get["id"]; $update=mysql_query("update user set login_time='$time' where id='$id'"); // mengupdate waktu login Ke-4 buka file logout.php file logout ini digunakan untuk meng-update login_time pada database, login time akan diupdate dengan waktu sekarang; tambahkan kode berikut pada logout.php : include("config.php"); // mengikutkan file config.php untuk koneksi ke database

6 $time=date("ymdhis"); // menyetel waktu logout $id=$_get["id"]; $update=mysql_query("update user set login_time='$time' where id='$id'"); // mengupdate waktu login == waktu sekarang Ke-5 buka file online.php file online digunakan untuk mengambil data user yang sedang online, user dinyatakan online jika login_time dari user itu lebih tinggi dari waktu sekarang. tambahkan kode berikut pada online.php: include("config.php"); // mengikutkan file config.php untuk koneksi ke database $time=date("ymdhis"); // menyetel waktu sekarang $get_user_online=mysql_query("select * from user order by login_time DESC"); // memilih semua user yang waktu loginnya lebih dari waktu sekarang while($user=mysql_fetch_array($get_user_online)){ if($user["login_time"]>=$time){ $status="on"; else{ $status="off"; <div class="userlist"> echo $user["nama"]; <b class="status- echo $status ">[ echo $status ]</b> </div> silahkan buka dibowser, halaman index akan seperti gambar dibawah ini :

7 dan jika anda klik login pada user lukman hakim hasilnya akan seperti gambar dibawah ini, status off akan berganti menjadi on : sekian tutorial yang saya berikan, terima kasih sudah menyimak ^_^ Tentang Penulis lukman hakim

dokumen-dokumen yang mirip

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana