Tutorial Mengkoneksikan Database Mysql Ke Dreamweaver,Dan Menambahkan Data Pada Tampilan Web Yang Sederhana.
àSebelum
Melanjutkan Kepembahasan Selanjutnya Terlebih Dahulu Kita Ulas Kembali Materi
Yang Berkaitan Dengan Materi Ini Yaitu Membuat Database,Menyisipkan Data
Didatabase,Mendesain Tampilan Web. Apakah Sista Dan Agan Sekalian Sudah Melihat
Dan Mencoba Materi Yang Sebelumnya??? Kenapa??,Sista Dan Agan Harus Mencoba
Karena Materi Sebelumnya Sangat Berkaitan Untuk Mengkoneksikan Database Ini.
àSetelah Membuat Database,Meyispkan Data Dan
Mendesain Tampilan Web Selanjutnya Mengkoneksikan Database Ke Macromedia
Dreamweaver Mx 2004 Dengan Cara Sebagai Berikut :
1. Aktifkan Xampp Control Panel Pada Laptop Sista
Dan Agan Sekalian Dengan Cara Sebagai Berikut:
Ø Start->All
Programs->Xampp Control Panel. Lalu
Aktifkan Apache Dan Mysql,Klik Tombol Start Maka Apache
Dan Mysql Akan Running Seperti Pada Gambar Dibawah Ini:
2. Lalu Buka Program Macromedia Dreamweaver Mx 2004
Lalu Pilih File Yang Telah Kalian Buat Sebelumnya.
3.Setelah Itu Disebelah Kanan Pada Lembar Kerja Klik
Application.
Ø Klik
ApplicationàDatabaseàKlik
Tanda Ini
àMysql Connection.
Ø Pada
Tampilan Mysql Connection Atur Sebagai Berikut :
·
Connection Name : (Rani2) Atau Tulis
Nama Kalian Masing-Masing.
·
Msql Server : Localhost
·
User Name : Root
·
Password
:---------
·
DatabaseàSelectàLalu
Select Database Yang Telah Kalian Buat
Di Php MyadminàKampusà
OkàOk
Ø Penjelasan
Lebih Mendetail Bisa Dilihat Pada Gambar Dibawah Ini.
4. Selanjutnya Pilih Server Beharviors
Ø Server
BeharviorsàKlik
Tanda Ini
à
Lalu Pilih Recordset.
Ø Pada
Tampilan Recordset Atur Sebagai Berikut:
·
Name : Mhs (Ingat Harus Huruf Kecil Iya)
·
Connection :Pilih (Rani2)
·
Table : Mahasiswaà
Ok.
5. Selanjutnya Ulangi 1 Kali Lagi Seperti Tutorial
Diatas Untuk Mengkoneksikan Jurusan (Jrs).
Ø Server
BeharviorsàKlik
Tanda Ini
à
Lalu Pilih Recordset.
Ø Pada
Tampilan Recordset Atur Sebagai Berikut:
·
Name : Jrs (Ingat Harus Huruf Kecil Iya)
·
Connection :Pilih (Rani2)
·
Table : Prodià
Ok.
6. Selanjutnya Pada Menu Bar Pilih Insert
Ø InsertàApplication
ObjekàInsert
RecordàRecord
Insertion Form Wizard.
Ø Pada
Tampilan Record Insertion From Wizard Atur Sebagai Berikut :
·
Connection : Pilih Koneksi (Rani2)
·
Table : Mahasiswa
Ø Pada
From Fields Pilih/Klik Pada (Kd_Jurusan)
Ø Lalu
Display As : Pilih (Menu)
Ø Lalu
Pada Menu Properties
·
Populate Menu ItemsàPilih
From Database
·
Recordset : Mhs
·
Get Labels FromsàPilih
(Kd_Jurusan)
·
Get Values FromàPilih
(Kd_Jurusan)
·
Klik Tanda
Ini.
Ø Pada
Tampilan Dynamic Data.
·
FieldàPilih
Recordset JrsàKd_JurusanàOkàOkàOk
Ø Penjelasan
Lebih Mendetail Bisa Dilihat Pada Gambar Dibawah Ini.
7. Akan Muncul Seperti Gambar Dibawah Ini:
8. Selanjutnya Enter Kebawah Lalu Pada Menu Bar
Pilih Insert :
Ø InsertàApplication
ObjekàDinamic
DataàDinamic
Table
Ø Pada
Tampilan Dynamic Table Atur Sebagai Berikut :
·
Recordset: Mhs
·
Show
: All Records
·
Border :1
·
Cell Padding :1
·
Cell Spacing :1
·
Ok
Ø Lihat
Pada Gambar Dibawah Ini :
9.Akan Muncul Tampilan
Sebagai Berikut :
10.Lalu Pada Menu Bar
Pilih FileàSave
All.
Ø Lalu
Running/Jalankan Dengan Menekan F12/Bisa Juga Klik Bola Dunia IniàLalu
Klik Preview In Iexplore.
Ø Setelah
Dirunning Akan Tampil Gambar Seperti Dibawah Ini :
Ø Cobalah
Dengan Memasukkan Data Seperti Gambar Diatas :
·
Npm : 200010
·
Nama : Tara
·
Kd_Jurusan : Ti
·
Lalu Klik Insert Record
·
Lihat Pada Tampilan Dibawah Apakah Data
Yang Telah Kalian Insert Tadi Muncul/Tidak?
Sekian Dulu Iya
Tutorial ,Dan Jangan Lupa Memberikan Saran Pada Setiap Postingan Saya Ya
Agar Saya Bisa Memperbaikinya J dan tunggu postingan selanjutnya ya guys J
