membuat widget live chat dengan php mysql

share

membuat widget live chat dengan php mysql membuat widget live chat dengan php mysql membuat widget live chat dengan php mysql membuat widget live chat dengan php mysql membuat widget live chat dengan php mysql
  • membuat widget live chat dengan php mysql

    Membuat Widget Live Chat dengan PHP MySQL


    Tutorial cara membuat widget live chat dengan PHP dan database MySQLi lengkap dengan download script source code dan panduan berupa gambar uji coba program web chating.
  • membuat widget live chat dengan php mysql
    Service
    1. Complete Website
    2. Only web script
    3. Web modification
    4. Application program
    5. Free web template
    6. Free application
    7. Basic SEO
    8. Article request
    9. Tutorial programing
  • membuat widget live chat dengan php mysql
    MOTO
    "Kepuasan Pelanggan adalah Prioritas kami, Sebagai Pemicu Semangat Dalam Memberikan Pelayanan Terbaik".
  • membuat widget live chat dengan php mysql Teknologi dan Bahasa
    PHP-5, HTML-5, CSS3, SQL Server, MySQL Database, Access Database, Java, JavaScript, dan Visual Basic.
  • membuat widget live chat dengan php mysql
    VISI
    "Menjadi penyedia layanan yang terpercaya dan maju dalam dunia Teknologi Informasi."

Membuat Widget Live Chat dengan PHP MySQL

Pada kesempatan baik ini kami akan memberikan sebuah tutorial tentang bagaimana cara membuat widget Live Chat dengan PHP MySQL, widget ini biasanya dipasang pada bagian sidebar website atau blog yang kemudian dapat digunakan untuk media chating / obrolan langsung sesama pengunjung web atau blog.

Sebagai contoh, Anda dapat melihat langsung pada bagian sidebar website ini dan silahkan Anda langsung menggunakannya. Live chat biasanya terdiri dari 3 kolom input yaitu Nama, Email, dan Isi obrolan serta tool konfirmasi berupa checkbox atau capta kode yang mengkonfirmasikan bahwa obrolan tersebut berasal dari pengunjung website, bukan robot ataupun spamer, kemudian live chat juga harus memiliki button yaitu button send / kirim dan button reset.

Tutorial membuat widget Live Chat dengan PHP MySQL ini, kami lakukan pada sistem operasi Windows 7 dan menggunakan web server XAMPP ver 2.5 include dengan database MySQL. Untuk mengikuti tutorial ini pastikan komputer anda telah terinstall web server XAMPP tersebut.

Berikut langkah - langkah atau cara membuat widget Live Chat dengan PHP MySQL, lengkap dengan gambar dan source code / script:

Membuat Widget Live Chat dengan PHP MySQL


Widget Live Chat PHP

1. Jalankan XAMPP Control Panel, kemudian aktifkan Apache dan MySQL.

membuat widget live chat dengan php mysql
Membuat Widget Live Chat dengan PHP MySQL

2. Akses ke database MySQL melalui browser dengan url : http://localhost/phpmyadmin/.

3. Buat database dengan nama " widget ".

4. Buat sebuah table di dalam database " widget " tersebut dengan nama " chat ", beri 5 buah field dengan nama field "nama", "email", "komen", "waktu", dan "cek".
Pastikan terbentuk seperti gambar berikut:

membuat widget live chat dengan php mysql
Membuat Widget Live Chat dengan PHP MySQL

5. Desain tampilan widget live chat dengan script php, sehingga menjadi seperti pada gambar berikut:

membuat widget live chat dengan php mysql
Membuat Widget Live Chat dengan PHP MySQL

Untuk membentuk widget live chat yang dapat diakses melalui web browser seperti gambar diatas, tulis script PHP berikut pada text editor (notepad):
Save as index.php

<div style="overflow:auto; width:30%; height:320px; margin-left:35%;margin-right:35%;">
	<table class="art-article" border="0" cellspacing="0" cellpadding="0" style=" margin: 0; width: 100%;">
		<tbody>
			<?php
			//*koneksi ke database*//
			$Open = mysql_connect("localhost","root","");
				if (!$Open){
					die ("MySQL E !");
				}
			$Koneksi = mysql_select_db("widget");
				if (!$Koneksi){
					die ("DBase E !");
				}
			$Tampil="SELECT * FROM chat ORDER BY waktu DESC LIMIT 99;";
			$query = mysql_query($Tampil);
			while (	$hasil = mysql_fetch_array ($query)) {
				$komen = stripslashes ($hasil['komen']);
				$waktu = stripslashes ($hasil['waktu']);
				$nama = stripslashes ($hasil['nama']);	
			?>	
			<style type="text/css">
				#atas {
					border-bottom-width: 1px;
					border-bottom-style: ridge;
					border-bottom-color: #CCC;
					margin-top: 1px;
					margin-right: 1px;
					margin-bottom: 2px;
					margin-left: 0px;
					padding-bottom: 1px;
					color: #FFA500;
				}
				#pesan {
					padding-right: 1px;
					padding-left: 0px;
					margin-bottom: 10px;
					color: #080808;
				}
				.waktu {
					float: right;
					color: #871214;
					font-family: Arial;
					font-size: 9px;
				}
			</style>
			<?php
			echo"
				<div id='atas'>$hasil[nama]<span class='waktu'>$hasil[waktu]</span></div>
				<div id='pesan'>$hasil[komen]</div>";
			}
			?>
		</tbody>
	</table>  
</div>
<div style="width:30%; height:320px; margin-left:35%;margin-right:35%;">
	<form method="POST" name="chat" action="#" enctype="application/x-www-form-urlencoded"><p>Post your chat:</p><br><p>Name</p><input type="text" placeholder=" Nama Anda" name="nama" maxlength="9" style="width: 95%;"></input><br><br><p>Email</p><input type="text" placeholder=" Alamat email Anda" name="email" maxlength="30" style="width: 95%;"></input><br><br><p>Chat</p><textarea placeholder=" Obrolan Anda" name="komen" rows="2" cols="40" maxlength="120" style="width: 95%;"></textarea><br><br><input type="checkbox" name="cek" value="cek" class="art-button"> Confirm you are NOT a spammer</input><br><br><input type="submit" name="submit" value="Send" class="art-button"></input> <input type="reset" name="reset" value="Clear" class="art-button"></input>
	<?php
		if (isset($_POST['submit'])) {
		$nama	= $_POST['nama'];
		$email	= $_POST['email'];
		$komen	= $_POST['komen'];
		$waktu	= date ("Y-m-d, H:i a");
		$cek	= $_POST['cek'];
		if ($_POST['nama']=='Admin') { //validasi kata admin
	?>
		<script language="JavaScript">
			alert('Anda bukan Admin !');
				document.location='index.php';
		</script>
	<?php
		mysql_close($Open);
	}
		if (empty($_POST['nama'])|| empty($_POST['email']) || empty($_POST['komen'])) { //validasi data
	?>
		<script language="JavaScript">
			alert('Data yang Anda masukan tidak lengkap !');
				document.location='index.php';
			</script>
	<?php
	}
		if (empty($_POST['cek'])) { //validasi data
	?gt;
		<script language="JavaScript">
			alert('Please Checklist - Confirm you are NOT a spammer !');
				document.location='index.php';
		</script>
	<?php
	}
	else {
		$input_chat = "INSERT INTO chat (nama, email, komen, waktu, cek) VALUES ('$nama', '$email', '$komen', '$waktu', '$cek')";
		$query_input =mysql_query($input_chat);
		if ($query_input) {
	?>
		<script language="JavaScript">
			document.location='index.php';
		</script>
	<?php
	}
	else{
		echo'Dbase E';
	}
	}
	}
	mysql_close($Open);
	?>
	</form>
</div>

Download Tutorial Widget Live Chat PHP MySQL

Download Script Live Chat

6. Selesai.

Sekian penjelasan kami tentang bagaimana cara membuat widget Live Chat dengan PHP MySQL, dilengkapi dengan contoh script PHP nya. Untuk mendapatkan source code/script Anda dapat langsung mendownload melalui link di atas, jika link download tidak aktif atau error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :


Membuat Widget Live Chat dengan PHP MySQL

Tags: widget live chat php mysql, widget live chat, script php live chat, live chat php, membuat widget live chat dengan php mysql


Reliable

membuat widget live chat dengan php mysql

Advertise

Payment & Donation

membuat widget live chat dengan php mysql

Rekening BCA : 343 1156 006

a/n : Andi Hatmoko

Rekening MANDIRI : 13300 11921 079

a/n : Andi Hatmoko

membuat widget live chat dengan php mysql

Account :

andihatmoko@gmail.com

Live Chat

michel2024-02-14, 03:51 am
mw tanya apakah ada source untuk pendtaan koperasi
Edisman2024-02-13, 22:28 pm
Bagaimana cara saya mendapatkan aplikasi Cuti
Edisman2024-02-13, 22:15 pm
Saya tertarik aplikasi cuti online
Wawan2024-02-06, 11:25 am
Apakah ada aplikasi khusus penyewaan multimedia dengan custom output invoice, kwitansi, Laporan
Dedi Maryadi2024-01-24, 18:02 pm
Saya tertarik beberapa aplikasi web nya jadi bagaimana cara tahu harga nya_ _ _ _ mohon info nya
erdi2024-01-18, 08:42 am
mw tanya harga aplikasi sppd v2
turido2024-01-14, 10:55 am
gan,harga & cara order Aplikasi Inventory Barang Gudang berbasis web bagaimana ya?
Tubagus Rifk2023-12-14, 20:43 pm
link download nya gak ada gan
ade supriadi2023-12-13, 23:35 pm
mw tanya harga aplikasi sppd v2_ _
Agus PS2023-12-05, 08:51 am
Cara download aplikasi upload foto bagaimana ya Kak?
Wicak2023-12-01, 13:05 pm
Mau tanya harga
harun 2023-11-07, 21:16 pm
cera beli aplikasi arsip digital bagaimana ?
anto2023-10-30, 20:17 pm
saya tertarik ingin mencoba aplikasi input data anggota
ilham2023-10-17, 10:46 am
harga untuk aplikasi pembuat ktp berapa
ALFA2023-10-13, 06:51 am
berapa harga simpeg 7_ 2 dan apakah bisa print surat keputusan kenaikan berkala dan golongan?
Abdul Jabbar2023-10-10, 11:23 am
berapa harganya
basoke2023-10-07, 10:42 am
Berapa harganya SIMASN?
Adi2023-10-03, 16:23 pm
Bagaimana cara download aplikasi rental?
David2023-09-29, 16:02 pm
Untuk aplikasi arsip berapa donasinya , terima kasih
AYI SYAHFITR2023-09-25, 10:33 am
Assalamualaikum, maaf apakah aplikasi ini berbayar atau bisa di instal bebas?
yulli2023-09-24, 17:09 pm
saya mau bertanya utk aplikasi sppd,brp dijualnya,terimakasih
yulli2023-09-24, 17:00 pm
saya mau bertanya utk aplikasi sppd,brp donasinya,
DENIEL AFRIA2023-09-20, 15:01 pm
berapa unruk program_ aplikasi_ surat_ masuk_ dan_ surat_ keluar
untuk harga 2023-09-20, 07:20 am
untuk harga aplikasi sipas brp min
Slamet2023-09-19, 10:05 am
untuk program aplikasi pendataan umkm, kalau boleh tahu dijual berapa?_ terima kasiih
Pria2023-09-14, 14:37 pm
untuk donasi menggunakan aplikasi ini berapa gan
Amot2023-09-09, 08:46 am
apakah framework nya php kak? berapa minimal donasi kak agar dpt password nya?
besse2023-08-25, 13:56 pm
minta kontak wa
rizal2023-08-24, 06:09 am
untuk harga aplikasi sipas brp min
Muji2023-08-20, 22:51 pm
Saya dan temen_ temen seorganisasi tertarik dengan Program Aplikasi Input Data Anggota, berapakah harga aplikasi tersebut
Auriga Danur2023-08-14, 11:32 am
File koneksi_ php nya kok gak ada ya?
Miftah2023-08-09, 16:36 pm
Apakah bisa develope aplikasi sistem management atlet, khususnya cabang olahraga atletik, data atlet, result event, dll
sutrisno2023-08-09, 11:45 am
bos haraga aplikasi surat berapa
Fahrul,S.Kom2023-08-07, 15:34 pm
saya tertarik dengan aplikasi SIPAS V2_ 0
ratna2023-07-30, 09:44 am
Mas aplikasi Sppd harganya berapa njih
Cien2023-07-25, 08:33 am
Buat biodata diri pakai tipe data boolean di php bagaimana min?
Viqi2023-07-20, 11:40 am
Untuk mendapatkan Aplikasi sarpras V4, Bayar berapa min?
Bimo Cakti T2023-07-13, 13:54 pm
aplikasi cuti online pegawai berapa min? mohon info
Dwi P2023-07-11, 21:45 pm
Mohon maaf mau menanyatakn aplikasi SIMPEG kira_ kira berapa harganya? Bisa dilist kan untuk semua SIMPEG
Duta2023-07-10, 18:38 pm
Saya ingin beli aplikasi Sipas V2_ 0
Alex2023-07-10, 11:38 am
Halo gan saya mau nanya2 dulu ya_ aplikasi perjalanan dinas SPD v2 itu bisa kita dapat source codenya donasi berap yah_ _
FIYO FAHREZI2023-07-09, 21:25 pm
Mas saya mau beli aplikasi KTP
sila susila2023-07-09, 17:06 pm
aplikasi pembayaran SPP sekolah donasi berapa klo untuk skripsi?
aa2023-07-06, 21:43 pm
net simpeg brp min?
aditya2023-06-22, 13:12 pm
berapa harga untuk aplikasi inventory? bagaimana transaksinya?
michael 2023-06-20, 23:06 pm
saya mau tanya kalo penamabahan harga untuk jumlah keseluruhan nya tu bgimana ya? terima kasih
Muhadi2023-06-20, 12:14 pm
Software aplikasi pembayaran SPP sekolah bisa diakses pakai HP tidak?
Fadly2023-06-18, 20:41 pm
Source code aplikasi arsip digital di jual harga berapa min? minat SC nya saja
Marisca2023-06-13, 08:16 am
Saya sedang diklat PIM IV, rencana akan memakai aplikasi kepegawaian simpeg untuk proyek perubahan, bisa dibantu?

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 
membuat widget live chat dengan php mysql