Membuat Buku tamu dengan data base berbasis Flash-2014
Membuat Buku tamu dengan database
berbasis Flash
Dapat inbox dari teman FB dari Luar negeri hehehe... Timor Leste... minta tutorial bagaimana membuat database dengan interface Flash. Sebagai contoh ini saya buat buku tamu dengan flash dimana data tamu akan di simpan di database.
Langkah pertama yang harus dipersiapkan adalah membuat server localhost dengan menginstal program php triad, xampp atau yang lainnya boleh.
Disini saya menggunakan phptriad 1. Instal PHP triad dahulu
2. Double klik icon diatas
Klik next
Kalo sudah complete klik Close
SELAMAT...Instalasi PHP TRIAD Sudah Selesai.
(2)
Menjalankan PHP Triad Apache
1. Buka windows explorer drive C apache
2. Double klik icon apache.exe
3. Jika muncul notifikasi klik allow access
4. Biarkan jendela apache berwarna hitam jalan, jangan di close, cukup di minimize saja.
(3)
Menjalankan Mysql
1. Buka Drive C apache mysql bin
Double klik winmysqladmin.exe 2. Muncul username dan password
Username : root password : root
Kemudian : Klik OK
Perhatikan task manajer pojok kanan bawah layar monitor komputer anda, pastikan lampu hijau menyala
Pada simbol gambar traffic light
Artinya mysql sudah jalan di localhost komputer anda, siap digunakan untuk membuat database.
(4)
Instalasi Mysql Front
1. Buka folder my sql front
2. Instal my sql front
3. Klik yes
4. Klik next
(5)
6. Klik finish
(6)
7. Klik New
8. Klik OK
9. Host name/IP : localhost User : root
Password : root
Kemudian Klik connect
(7)
(8)
Membuat Database baru dengan Mysql Front 1. Klik Tools Create Database
2. Tuliskan nama database : buku_tamu
3. Sehingga tampilan di mysql front jadi sbb : ada database buku tamu yg telah dibuat tadi
(9)
Membuat Tabel di Database buku_tamu
1. Klik database : buku_tamu
2. Klik Tools create Table
3. Pada kolom Table-Name isi dengan : tabel_tamu
(10)
4. Buatlah field untuk pertanyaan yang akan di tanyakan, misalnya : nama
Perhatikan field properties : type =varchar, lenght/set (mengatur panjang karakter) =27
(11)
Tuliskan lagi field = pesan
Kalau sudah klik create
Sehingga hasilnya sebagai berikut :
Selamat anda telah berhasil membuat : Database & Tabel buku tamu.
(12)
Membuat Formulir Buku Tamu Flash
1. Buatlah Formulir dari flash seperti gambar dibawah 2. Pastikan kolom isian menggunakan Input Text 3. Gunakan Button untuk membuat tombol kirim
(13)
4. Pada input text nama, menggunakan nama variabel = nama
5. Pada input text alamat, menggunakan nama variabel = alamat
(14)
6. Pada input text pesan, menggunakan nama variabel = pesan
7. Pada tombol Kirim berikan action :
on (release) {
getURL("tambah_data.php", "_self", "POST"); }
(15)
Oh ya saya lupa, tombol lihat data tamu belum dibuat
1. Tambahkan tombol lihat Tamu
Kemudian tuliskan action pada tombol Lihat Tamu :
on (release) {
getURL("lihat_data.php", "_self", "POST"); }
(16)
Simpan dengan nama file : index.fla
kemudian PUBLISH Formulir Flash anda menjadi file *.swf Dengan cara klik file-publish setting :
(17)
Hasilnya :
(18)
Membuat Script koneksi dengan database dan mysql :
1. Buka notepad
2. Ketik script koneksi berikut ini :
<?
// Cara koneksi dengan database MySQL // koneksi.php
$sambung=mysql_connect("localhost","root","root"); if($sambung){
echo"Koneksi berhasil dilakukan."; }else{
echo"Koneksi gagal dilakukan."; }
?>
(19)
Membuat Script Tambah data buku tamu 1. Buka program notepad
2. Tuliskan script php berikut :
<title>Tambah_data</title><?
// Contoh memasukkan data dari variabel form HTML. // tambah_data.php
mysql_connect("localhost","root","root"); mysql_select_db("buku_tamu");
// perintah memasukkan data
$input="INSERT INTO tabel_tamu (nama, alamat, pesan) VALUES('$nama','$alamat','$pesan')";
// Perintah dilaksanakan $hasil=mysql_query($input); if($hasil){
echo"<br><br>Data tamu TELAH dimasukkan."; }else{
echo"<br><br>Data tamu GAGAL dimasukkan."; }
?>
3. Simpan dengan nama : tambah_data.php
(20)
Membuat Script Lihat data buku tamu :
1. Buka notepad
2. Ketik script berikut ini :
<html> <head>
<title>lihat_data_tamu</title> </head>
<body>
<p align="center"><span style="text-transform: uppercase">Data Tamu</span></p>
<table border="1" width="100%" cellspacing="1" cellpadding="0" id="table1"> <tr> <td align="center"><b>Nama</b></td> <td align="center"><b>Alamat</b></td> <td align="center"><b>Pesan</b></td> </tr> <?
// Mencari dan melihat data tamu // lihat_data.php
$sambung=mysql_connect("localhost","root","root"); mysql_select_db("buku_tamu");
$cari="SELECT * FROM tabel_tamu ORDER BY nama DESC"; $hasil=mysql_query($cari); while($data=mysql_fetch_row($hasil)){ echo"<tr> <td>$data[0]</td> <td>$data[1]</td> <td><center>$data[2]</center></td> </tr>"; } ?> </table> </body> </html>
3. Simpan dengan nama : lihat_data.php
Memasukkan File kedalam server localhost
1. Buka drive C Apache htdocs buatlah folder disini dengan nama “bukutamu” masukkan semua file yang anda buat ke folder ini :
(21)
2. Buka browser anda(mozilla, chrome)
3. Tuliskan kedalam address bar :
http://localhost/bukutamu/
(22)
4. Jika anda berhasil maka akan muncul : formulir berbasis flash anda
5. Isi formulir buku tamu klik Kirim
6. Jika berhasil maka akan tampil :
(23)
http://localhost/bukutamu/
8. Kemudian klik lihat tamu9. Hasilnya :
Sekian tutorial membuat database dengan flash interface, semoga bermanfaat Penulis : ROKHMAD ASTIKA TRIPRASETIA, S.Pd
Pekerjaan : Guru SMK N 2 Sragen Blog : www.rokhmad.blogspot.com
Email : rokhmad1980@gmail.com rokhmad_sragen@yahoo.com
HP : 0815 77 12 604
(1)
Membuat Script koneksi dengan database dan mysql :
1. Buka notepad2. Ketik script koneksi berikut ini : <?
// Cara koneksi dengan database MySQL // koneksi.php
$sambung=mysql_connect("localhost","root","root"); if($sambung){
echo"Koneksi berhasil dilakukan."; }else{
echo"Koneksi gagal dilakukan."; }
?>
3. Simpan dengan nama : koneksi.php
(2)
Membuat Script Tambah data buku tamu 1. Buka program notepad
2. Tuliskan script php berikut :
<title>Tambah_data</title><?
// Contoh memasukkan data dari variabel form HTML. // tambah_data.php
mysql_connect("localhost","root","root"); mysql_select_db("buku_tamu");
// perintah memasukkan data
$input="INSERT INTO tabel_tamu (nama, alamat, pesan) VALUES('$nama','$alamat','$pesan')";
// Perintah dilaksanakan $hasil=mysql_query($input); if($hasil){
echo"<br><br>Data tamu TELAH dimasukkan."; }else{
echo"<br><br>Data tamu GAGAL dimasukkan."; }
?>
(3)
Membuat Script Lihat data buku tamu :
1. Buka notepad
2. Ketik script berikut ini :
<html> <head>
<title>lihat_data_tamu</title> </head>
<body>
<p align="center"><span style="text-transform: uppercase">Data Tamu</span></p>
<table border="1" width="100%" cellspacing="1" cellpadding="0" id="table1"> <tr> <td align="center"><b>Nama</b></td> <td align="center"><b>Alamat</b></td> <td align="center"><b>Pesan</b></td> </tr> <?
// Mencari dan melihat data tamu // lihat_data.php
$sambung=mysql_connect("localhost","root","root"); mysql_select_db("buku_tamu");
$cari="SELECT * FROM tabel_tamu ORDER BY nama DESC"; $hasil=mysql_query($cari); while($data=mysql_fetch_row($hasil)){ echo"<tr> <td>$data[0]</td> <td>$data[1]</td> <td><center>$data[2]</center></td> </tr>"; } ?> </table> </body> </html>
3. Simpan dengan nama : lihat_data.php
Memasukkan File kedalam server localhost
1. Buka drive C Apache htdocs buatlah folder disini dengan nama “bukutamu” masukkan semua file yang anda buat ke folder ini :
(4)
2. Buka browser anda(mozilla, chrome)
3. Tuliskan kedalam address bar :
(5)
4. Jika anda berhasil maka akan muncul : formulir berbasis flash anda
5. Isi formulir buku tamu klik Kirim
6. Jika berhasil maka akan tampil :
7. Untuk melihat data tamu, buka lagi alamat : By: www.rokhmad.blogspot.com
(6)
http://localhost/bukutamu/
8. Kemudian klik lihat tamu
9. Hasilnya :
Sekian tutorial membuat database dengan flash interface, semoga bermanfaat Penulis : ROKHMAD ASTIKA TRIPRASETIA, S.Pd
Pekerjaan : Guru SMK N 2 Sragen Blog : www.rokhmad.blogspot.com
Email : rokhmad1980@gmail.com rokhmad_sragen@yahoo.com