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 dan database MySQL, lengkap dengan script source code tutorial dan panduan berupa gambar uji coba.
  • 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

membuat widget live chat dengan php mysql

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

Ridho2019-09-05, 09:00 am
Aplikasi untuk kepegawaian (simpeg) untuk sekolah ada?
willybass2019-08-27, 13:24 pm
om mo nanya aplikasi simpeg tu berapa biayanya
Chairudin2019-08-26, 18:41 pm
assalamu alikum , brapa harga aplikasi Simpegnya pa
JUMARIS2019-08-20, 11:14 am
maaf om mau nanya berapa harga aplikasi SIMPEG Versi 7 terbaru om
sandi mau2019-08-18, 12:57 pm
assalamualaikum om, om boleh bagi script aplikasi web dokumen kontrol? lagi butuh om. tolong dengan sangat
ibnul2019-08-15, 12:27 pm
kalau beli simpeg v7.0 seperti yang di demokan itu berapa gan?
alessio2019-08-10, 11:50 am
min untuk aplikasi sistem informasi pasar full saya harus gimana??
agung2019-07-31, 14:47 pm
tertarik dengan aplikasi simpeg Kemdikbud.. boleh email ke saya..
gita2019-07-20, 06:10 am
untuk aplikasi stok barang berbayar ya, di download ada paswordnya
Solekha2019-07-19, 16:33 pm
aplikasi cuti online katanya bs download gratis kka, boleh mnta link nya
andre2019-07-16, 12:40 pm
tertarik dengan aplikasi simpeg, bisa email saya utk harga dan penjelasan yg lebih detail? terima kasih
abraham2019-07-12, 12:46 pm
tes, cek aplikasi sppd
Muhamad T2019-07-01, 13:57 pm
Tidak Bisa Ke YouTube Dan Play Store
Toni2019-06-20, 14:27 pm
Saya tertarik dengan software simpeg. Berapa harganya? apakah sekali beli atau ada newer yearly? apakah termasuk s Codex
agus2019-06-20, 09:51 am
saya minat aplikasi e-arsip v4. berapa harga nya gan?
azis2019-06-18, 10:47 am
saya tertarik dengan aplikasi dokumen kantor
timmy2019-06-10, 15:46 pm
donasi Program Aplikasi HRD Berbasis Web berapa gan
zul2019-06-10, 13:31 pm
kak ini mau nyoba aplikasi live chat
Shevan2019-06-08, 09:10 am
Ia saya minta tolong buat aktifin akun google saya
Edyrianto2019-05-26, 20:28 pm
pak saya berminat dengan Aplikasi SPPD nya tp menu dan templatenya bisa dirubah dan ditambah sesuai dengan kebutuhan dgn
rido2019-05-24, 17:29 pm
gimna ya cara dapt aplikasi biodata mahasiswa
hein2019-05-24, 12:18 pm
cara membeli Arsip Digital ??
prayoga2019-05-18, 21:12 pm
harga simpeg versi 7 nya brp gan?
rhenald2019-05-03, 13:21 pm
om boleh tanya kalo mo beli aplikasi simpegnya berapa y harganya
Amri2019-04-02, 16:05 pm
klo saya pesan aplikasi absensi karyawan berapa lama dan harganya berapa?
khomsin2019-03-26, 01:16 am
mau pesan aplikasi sederhana,, mirip seperti aplikasi SIMPAS.. berapa lama yah
Benny2019-02-18, 09:27 am
berapa harga aplikasi cuti online? Apa tidak ada menu cetak form permohonan cuti?
Anisha2019-02-14, 13:21 pm
Ini ga bisa minta source codenya g
iyant2019-01-10, 12:21 pm
sangat membantu gan
Nailis 2018-12-31, 23:08 pm
Kak ini ada versi oop PHP nya ga ?
heri purw2018-12-21, 09:13 am
untuk Aplikasi Arsip Surat Berbasis Web SIPAS, berapa harganya gan
agnesia2018-12-20, 18:26 pm
gimana caranya supaya chatnya ada disamping kaya gini?
Egova Riv2018-11-23, 20:03 pm
Ane pake koding ny buat program ane ya gan , terimakasih telah berbagi gan

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 

membuat widget live chat dengan php mysql