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 Complete 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

Translate Page

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

Google +

Live Chat

Via2018-11-10, 09:57 am
Mau tanya, 1. untuk source code stok abarang dan iventory bedaannya ada dimana ? 2. untuk donasi berapa ? tks
tarwanto2018-11-09, 16:29 pm
Bisa pake barcode sama cetak barcode
Iqbal2018-11-02, 10:02 am
permisi gan saya mau lanjut mengetahui tentang aplikasi gudang ini, bisa kita berkomunikasi lebih intensif melalui WA?
syahrul2018-10-24, 12:31 pm
Selamat siang saya mau beli aplikasi stok barang berapa ya harganya.thanks
Winz2018-10-16, 00:19 am
selamat malam, terima kasih atas koding yang diberika
stikesmni2018-10-10, 16:45 pm
selamat sore mas mas saya tertarik sama aplikasi simpegnya harganya berapa ya mas/mbak?
Ridwan Ma2018-10-08, 06:58 am
Selamat siang, saya minta untuk beli aplikasi data karyawan, gimana cara pembeliannya dan berapa duit
Heriyanto2018-10-07, 23:30 pm
Harga simpeg berapa gan?
Amerizasn2018-10-04, 17:25 pm
Bisa bikin aplikasi berbasis web yg output nanti kami tentukan mas? Trims.
AKP Donal2018-09-23, 00:31 am
Mas jangan lupa aplikasi direktorat tahan polda aku ya sukses selalu semangat
Ferry2018-09-12, 15:45 pm
maaf min. link tuk download aplikasi surat berbasis web sipas lagi ga bisa y
steven2018-09-08, 14:43 pm
permisi, boleh minta source sama database aplikasi arsip digitalnya
Jodi2018-09-08, 11:28 am
Terima kasih buat tutornya gan
Visnu2018-09-04, 10:45 am
permisi mas boleh minta source code Download Complete Script Pencarian Data???
Kuta TRuf2018-09-01, 23:32 pm
program aplikasi simpan pinjam harga berapa gan
alfianlig2018-08-31, 13:06 pm
gan ane sangat minat dengan aplikasi SIMPEG bs minta nomor yng bs dihbungi
fzil2018-08-13, 12:24 pm
untuk aplikasi SIMPEG v 7.0 Pak.
fzil2018-08-13, 06:44 am
sngat tertarik dengan aplikasinya gimana cara mendapatkannya, dan maharnya berapa terima kasih sebelumnya
La Shave2018-08-10, 21:19 pm
sngat tertarik dengan aplikasinya gimana cara mendapatkannya, dan maharnya berapa terima kasih sebelumnya
jerry2018-08-03, 18:56 pm
Mas, untuk yang berbayar saya mau dong Aplikasi data karyawannya.
Iwan2018-08-03, 10:23 am
aplikasi dokumen kontrol boleh dong pricenya berapa ?
Nursanjay2018-08-01, 10:39 am
salam. mas, bagaimana saya bisa memperoleh aplikasi kepegawaian ini? mohon diinformasikan ke alamat email saya, trims.
fadil2018-08-01, 07:54 am
gan bisa kirim pricelist harga aplikasi ini? karena kami lagi butuh aplikasi seperti ini.
Prastiwi2018-07-23, 08:37 am
bisa nggak sih kalo source code tersebut dimasukkin projek pakai konsep mvc?
jemy2018-07-20, 11:27 am
tutorialnya keren... untuk membuat ini perlu gak si salah satu field di database dijadikan primary key???
ombas2018-07-20, 09:28 am
bisa dikirimkan price list aplikasi simpeg dan aplikasi dokumen
Raisa Ard2018-07-19, 14:23 pm
Program Aplikasi Dokumen Kontrol minta yg ini om
Muhammad 2018-07-15, 18:16 pm
bagaimana membuat inputan dari web terhubung ke database terus laporanya muncul sesuai ke web sesuai inputannya tadi
Lawanna Bett2018-06-21, 21:28 pm
Dear Sir Is going to you be an online marketer, do you own a company or businesses? ) I used to be just looking a
chariems2018-06-18, 21:12 pm
bagaimana cara kami beli aplikasi system informasi pasarnya ?? dan berapa harganya
ibnu2018-04-27, 13:01 pm
saya ingin download dan mengetahui apliasi sipas, apa saja yang harus saya penuhi
Rosevelt2018-04-21, 19:48 pm
Apakah bapak menjual Aplikasi KGB yang diperuntukkan untuk kecamatan tp yang offline
Indri2018-04-09, 14:10 pm
Apa blh dibuatkn aplikasi untuk data pegawai yg memuat 500-an peg, ada menu tgl lahir ybs sekaligus jd reminder bg user
Awan2018-04-03, 15:36 pm
Saya Ingin mendownload Aplikasi Sipas
Taufiq2018-03-28, 09:19 am
Mohon kirimkan proposal dan donasi/biaya untuk SIMPEG Versi berbayar/versi7. Terimakasih...
Nasrullah2018-03-26, 14:23 pm
bisa kirimkan proposal serta harganya untuk simpeg yg versi 7nya? trims
FAJAR AL 2018-03-02, 23:19 pm
mohon untuk basic price harga aplikasi stok barang berbasis dekstop. tnx
wikko2018-02-26, 09:24 am
Admin saya tertarik dengan aplikasi kontrol dokumen mohon informasinya
wikko2018-02-26, 09:20 am
Berapa Harga Aplikasi Dokumen kontrol
Dhanis2018-02-15, 07:42 am
gan bisa request website kdata kepegawaian sesuai dengan yg diinginkan ? harga nya juga brp ?
Dony2018-02-11, 11:11 am
Apakah menjual aplikasi SIMPEG khusus untuk dinas kesehatan? Tks
Dony2018-02-11, 11:07 am
Aplikasi yg SIMPEG yg saya maksud tidak berbasis web tetapi offline saja
Dony2018-02-11, 11:04 am
Apakah menjual aplikasi SIMPEG khusus untuk dinas kesehatan? Tks
budi2018-02-10, 12:03 pm
saya mau download aplikasi sistem kepegawaian kok nga bisa gmn caranya ya ?
Haniffah 2018-02-07, 09:15 am
Min, boleh minta sourcecode aplikasinya ga?
hime2018-01-31, 15:28 pm
scriptnya ga bisa di download yaaa,cara downloadnya gimana ya??
Suci Yuli2018-01-31, 13:53 pm
Permisi kak mau tanya klo bikin laporan dengan jquery agar datanya mau ke record itu bagaimana? terimaksih
sunanda2018-01-28, 06:32 am
Gan saya mautanya program database karyawan bisa input karyawan 1100 tdk, utk instal 1 kali/dapat dgunakan berulangkali.
sofian2018-01-11, 15:50 pm
seuai dengan kebutuhan format SPPD kantor sya
sofian2018-01-11, 15:48 pm
pak saya berminat dengan Aplikasi SPPD nya tp menu dan templatenya bisa dirubah dan ditambah sesuai dengan kebutuhan dgn
bangroel2018-01-07, 10:41 am
apakah aplikasi stok gudang barang berbasis web nya cocok untuk gudang yang mutasi barangnya keluar dan kembali. thx
wikko 2018-01-03, 20:47 pm
Bolehkan minta source code aplikasi dokumen kontrol kasi sangat perlu
Heri2018-01-03, 15:41 pm
tolong cara gimana dapatkan Aplikasi Sistem Informasi Data Karyawan, dan apakah aplikasi berjalan sempurna tanpa error

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 

membuat widget live chat dengan php mysql