Membuat Program Tambah Data dari Dreamweaver 8

Setelah file program koneksi selesai dibuat, maka kita sudah dapat melanjutkan pelajaran untuk membuat program simpan data. Pada bagian ini Anda akan kami bimbing untuk membuat program simpan secara mudah dengan memanfaatkan editor Dreamweaver 8 tentunya.
Untuk membuat program tambah atau simpan data, Kita paling tidak akan memerlukan dua file program. Kedua file program tersebut yang pertama adalah program yang berisi form masukan data, dan yang kedua adalah program yang berisi skrip penyimpan data. Bentuk penggambaran lengkapnya dapat dilihat pada gambar berikut:


Seperti yang telah digambarkan diatas, maka pada latihan ini Kita akan membuat dua file program, yaitu FmSiswaIn.php sebagai formulir masukan, dan file FmSiswaSim.php sebagai program penyimpan. Untuk lebih jelasnya, ikutilah langkah-langkah berikut.

Langkah 1 : Membuat Formulir Masukan Data

Pada langkah pertama ini kita akan membuat program utama masukan data, yaitu file bernama FmSiswaIn.php. Program ini berisi formulir masukan yang nantinya tempat anda untuk entri data. Berikut langkahnya:

1. Buatlah kembali dokumen baru dengan jenis halaman PHP, yaitu melalui menu File, pilih menu New, kemudian pada halaman New Pages dapat memilih tombol Dynamic Pages dan PHP.
2. Untuk dapat membuat form, Anda dapat mengaktifkan komponen ikon form pada halaman kerja.

3. Untuk membuat formulir, pertama Anda harus menambahkan objek form kedalam halaman kerja. Caranya adalah dengan mengklik ikon form () pada jendela ikon, atau melalui menu Insert, pilih Form, kemudian pilih Form lagi. Anda akan segera mendapatkan objek form bergaris merah pada halaman kerja.

4. Perhatikan pada jendela Properties yang ada pada bagian bawah halaman, sekarang masukan alamat file penyimpanan program yang nanti akan dibuat, Anda apat menuliskan alamat FmSiswaSim.php pada kolom Action, dan memberikan nilai POST pada Method. Berikut contohnya:

5. Sampai saat ini Anda masih didalam objek form, sekarang buatlah objek Tabel () kedalam halaman kerja (masih didalam objek form). Seperti pelajaran yang lalu, bahwa tabel digunakan untuk kerangka formulir. Tabel dibuat dengan banyak baris=11 dan kolom=2. berikut contoh desainnya:

6. Pada pembuatan tabel diatas, kolom yang dibuat adalah sebanyak 2, pada bagian kiri akan digunakan sebaga label keterangan, dan kolom sebelah kanan akan dijadikan sebagai tempat objek masukan.

7. Sekarang tambahkan objek form lengkap dan desainlah setiap komponen formnya beserta keterangan yang sesuai dengan struktur database siswa yang hendak diinput.
8. Kemudian aturlah setiap objek form yang dimasukan melaui jendela Properties, bentuk pengaturannya dapat melihat pada tabel berikut.

Berikut daftar pengaturan lengkapnya:

Komponen	Properti	Nilai
Text Field1	TextField Name	FmNis
	Char With	6
	Max Char	4
	Keterangan	Nis
Text Field2	TextField Name	FmNama
	Char With	30
	Max Char	35
	Keterangan	Nama Siswa
Radio Button1	RadioButton Name	RbKelamin
	Checked Value	P
	Initial State	Checked
	Keterangan	Kelamin
Radio Button2	RadioButton Name	RbKelamin
	Checked Value	W
	Initial State	Unchecked
Text Field3	TextField Name	FmAlamatAsl
	Char With	40
	Max Char	60
	Keterangan	Alamat Asal
Text Field4	TextField Name	FmAlamatTgl
	Char With	40
	Max Char	60
	Keterangan	Alamat Tinggal
Text Field5	TextField Name	FmTempatLhr
	Char With	25
	Max Char	25
	Keterangan	Tempat Lahir
Text Field6	TextField Name	FmTgl
	Char With	2
	Max Char	2
	Keterangan	Tanggal Lahir
Text Field7	TextField Name	FmBln
	Char With	2
	Max Char	2
Text Field8	TextField Name	FmThn
	Char With	4
	Max Char	4
Radio Button1	RadioButton Name	RbAgama
	Checked Value	Islam
	Initial State	Checked
	Keterangan	Agama
Radio Button2	RadioButton Name	RbAgama
	Checked Value	Hindu
	Initial State	Unchecked
Radio Button3	RadioButton Name	RbAgama
	Checked Value	Buda
	Initial State	Unchecked
Button	Button Name	simpan
	Value	Simpan

9. Setelah selesai menambahkan objek form kedalam kerangka tabel, dan semya objek telah selesai diatur nilai propertie-nya, maka Anda seharusnya mendapatkan hasil seperti gambar berikut:


Catatan:Pada bagian judul tabel, Anda dapat menggunakan fasilitas Merger Cell untuk menggabungkan dua sell data.

10. Setelah selesai melakukan pengaturan tata letak objek form, Anda dapat menyimpan kedalam file bernama FmSiswaIn.php, simpanlah kedalam folder kerjamu.
11. Dari kesemua langkah yang telah dilakukan diatas, apabila Anda masuk pada halaman kode, maka Anda akan mendapatkan hasil dari setiap langkah tersebut berupa tag-tag HTML. Berikut adalah listingnya:
<html> <head> <title>Form masukan data siswa</title> </head> <body> <form action="FmSiswaSim.php" method="post" name="form1" target="_self"> <table width="450"> <tr> <td colspan="2" bgcolor="#00CCFF"> <b>Masukan Data Siswa</b></td> </tr> <tr> <td width="117">Nis</td> <td width="321">: <input name="FmNis" type="text" size="9" maxlength="9"> </td> </tr> <tr> <td>Nama Siswa </td> <td>: <input name="FmNama" type="text" size="30" maxlength="35"> </td> </tr> <tr> <td>Kelamin</td> <td>: <input name="RbKelamin" type="radio" value="P" checked> Pria <input type="radio" name="RbKelamin" value="W"> Wanita </td> </tr> <tr> <td>Alamat Asal</td> <td>: <input name="FmAlamatAsl" type="text" size="40" maxlength="60"></td> </tr> <tr> <td>Alamat Tinggal</td> <td>: <input name="FmAlamatTgl" type="text" size="40" maxlength="60"></td> </tr> <tr> <td>Tempat Lahir</td> <td>: <input name="FmTempatLhr" type="text" size="25" maxlength="25"></td> </tr> <tr> <td>Tanggal Lahir</td> <td>: <input name="FmTgl" type="text" size="2" maxlength="2">- <input name="FmBln" type="text" size="2" maxlength="2">- <input name="FmThn" type="text" size="4" maxlength="4"> </td> </tr> <tr> <td>Agama</td> <td>: <input name="RbAgama" type="radio" value="Islam" checked> Islam <input type="radio" name="RbAgama" value="Hindu"> Hindu <input type="radio" name="RbAgama" value="Buda"> Buda <input type="radio" name="RbAgama" value="Kristen"> Kristen </td> </tr> <tr> <td></td> <td>&nbsp;</td> </tr> <tr> <td></td> <td><input type="submit" name="simpan" value="Simpan"> <input type="reset" name="gagal" value="Gagal"></td> </tr> </table> </form> </body> </html>
12. Listing program FmSiswaIn.php diatas dapat buat langsung pada halaman kode apabila Anda mengalami kesulitan dalam mengikuti langkah desain. Setelah selesai, apabila dijalankan, hasil yang diperoleh adalah:

Langkah 2 : Membuat Program Simpan Data

Pada langkah 4 diatas Kita telah membuat nama file FmSiswaSim.php sebagai alamat program eksekusi penyimpanan data, untuk itu sekarang Kita akan membuat program tersebut.

1. Sekarang buatlah halaman baru dari Dreamweaver MX Anda.
2. Masuklah kedalam halaman kode, cara melalui menu View, pilih menu Code. Atau dapat mengklik tab Code pada halaman kerja.
3. Hapuslah semua kode HTML yang ada pada halaman kode.
4. Kemudian tuliskan semua kode penyimpanan pada halaman kode, skrip lengkapnya  seperti listing program berikut:
   
<?php
include_once "inc.koneksi.php";


$FmNis = $_POST['FmNis'];
$FmNama = $_POST['FmNama'];
$FmAlamatAsl= $_POST['FmAlamatAsl'];
$FmAlamatTgl= $_POST['FmAlamatTgl'];
$FmTempatLhr= $_POST['FmTempatLhr'];
$FmTgl = $_POST['FmTgl'];
$FmBln = $_POST['FmBln'];
$FmThn = $_POST['FmThn'];
$RbKelamin = $_POST['RbKelamin'];
$RbAgama = $_POST['RbAgama'];
if (empty($FmNis) OR !is_numeric($FmNis)) {
echo "Nomor Siswa (Nis) belum diisi";
}
   else if (empty ($FmNama)) {
   echo “Nama siswa belum diisi”;
   }
   else if (empty ($FmAlamatAsl) ) {
   echo “Alamat asal belum diisi”;
   }
   else if (empty ($FmAlamatTgl) ) {
   echo “Alamat tinggal belum diisi”;
   }
   else if (empty ($FmTempatLhr) ) {
   echo “Tempat lahir belum diisi”;
   }
   else if ( empty($FmTgl) OR
   empty($FmBln) OR empty($FmThn) ) {
   echo “Tanggal lahir belum lengkap”;
   }
   else if (! is_numeric($FmTgl) OR
   ! is_numeric($FmBln) OR ! is_numeric($FmThn) ) {
   echo “Tanggal lahir harus integer semua”;
   }
   else {
   $sql_simpan=”INSERT INTO siswa (nis,nama,kelamin,almt_asal,almt_tinggal,tmpt_lahir,tgl_lahir,agama)
   VALUES (’$FmNis’,'$FmNama’, ‘$RbKelamin’,'$FmAlamatAsl’,
   ‘$FmAlamatTgl’,'$FmTempatLhr’,'$FmThn-$FmBln-$FmTgl’,'$RbAgama’)”;
   mysql_query($sql_simpan, $konek) or die (”Memasukan data siswa gagal”.mysql_error());
   echo “Data berhasil disimpan”;
   }
   ?>
   Penjelasan program :
   Untuk memahami kode program diatas, berikut adalah pembahasannya yang diurai menjadi beberapa bagian:
   
   • Kode Librari
   include_once "inc.koneksi.php"; Perintah diatas digunakan untuk memanggil file koneksi database bernama inc.koneksi.php, file program ini telah dibuat sebelumnya. Jika belum, silahkan klik di sini.
   • Kode Variabel
   $FmNis    = $_POST['FmNis']; $FmNama   = $_POST['FmNama']; $FmAlamatAsl= $_POST['FmAlamatAsl']; $FmAlamatTgl= $_POST['FmAlamatTgl']; $FmTempatLhr= $_POST['FmTempatLhr']; $FmTgl    = $_POST['FmTgl']; $FmBln    = $_POST['FmBln']; $FmThn    = $_POST['FmThn']; $RbKelamin = $_POST['RbKelamin']; $RbAgama  = $_POST['RbAgama']; Kode diatas digunakan untuk mendefinisikan semua variabel yang berasal dari halaman FmSiswaIn.php dan hendak dibaca pada halaman pengakses FmSiswaSim.php. Pendefinisian variabel ini terkait dengan REGISTER GLOBAL yang disetting ON pada interpreter PHP 5 (bacalah kembali pelajaran bab PHP dasar sebelumnya).
   • Kode Validasi 1 :
   if (empty($FmNis) OR !is_numeric($FmNis)) { echo "Nomor Siswa (Nis) belum diisi"; } Untuk memvalidasi kolom masukan nim (nomor induk siswa), yaitu apabila data dikosongkan, atau datanya berupa angka, maka program akan menolaknya dengan memberikan informasi “Nomor Siswa (Nis) belum diisi”.
   • Kode Validasi 2 :
   else if (empty ($FmNama)) { echo "Nama siswa belum diisi"; } Skrip diatas digunakan untuk memvalidasi kolom masukan nama siswa, yaitu apabila kolom tersebut dikosongkan, maka program akan menampilkan pesan “Nama siswa belum diisi”.
   • Kode Validasi 3 :
   else if (empty ($FmAlamatAsl) ) { echo "Alamat asal belum diisi"; } Skrip diatas digunakan untuk memvalidasi kolom masukan alamat asal siswa. Apabila data alamat asal dikosongkan, maka program akan menolaknya dan menampilkan pesan kesalahan “Alamat asal belum diisi”.
   • Kode Validasi 4 :
   else if (empty ($FmAlamatTgl) ) { echo "Alamat tinggal belum diisi"; } Skrip diatas digunakan untuk memvalidasi kolom masukan alamat tinggal siswa. Apabila data alamat tempat tinggal dikosongkan, maka program akan menolaknya dan menampilkan pesan kesalahan “Alamat tinggal belum diisi”.
   • Kode Validasi 5 :
   else if (empty ($FmTempatLhr) ) { echo "Tempat lahir belum diisi"; } Skrip diatas digunakan untuk memvalidasi kolom masukan tempat lahir siswa. Apabila data alamat tempat tinggal dikosongkan, maka program akan menolaknya dan menampilkan pesan kesalahan “Tempat lahir belum diisi”.
   • Kode Validasi 6 :
   else if ( empty($FmTgl) OR empty($FmBln) OR empty($FmThn) ) { echo "Tanggal lahir belum lengkap"; } Skrip diatas digunakan untuk memvalidasi kolom masukan tanggal lahir, bulan lahir dan tahun lahir siswa. Apabila ketiga masukan dikosongkan, maka program akan menolaknya dan menampilkan pesan kesalahan “Tanggal lahir belum lengkap.
   • Kode Validasi 7 :
   else if (! is_numeric($FmTgl) OR ! is_numeric($FmBln) OR ! is_numeric($FmThn) ) { echo "Tanggal lahir harus integer semua"; } Setelah kolom tanggal lahir, bulan lahir dan tahun lahir dinyatakan tidak kosong, maka program harus memastikan bahwa datanya berupa data numerik (bukan string atau harus angka).  Apabila data string, maka program akan menolaknya dengan informasi yang dihasilkan adalah “Tanggal lahir harus integer semua”.
   Query memasukan data
   Setelah semua kolom masukan dinyatakan terisi dan sesuai dengan tipe datanya, maka program akan menyimpan semua data yang ada kedalam tabel siswa, query yang digunakan adalah:
   $sql_simpan="INSERT INTO siswa (nis,nama,kelamin,almt_asal, almt_tinggal,tmpt_lahir,tgl_lahir,agama) VALUES ('$FmNis','$FmNama', '$RbKelamin','$FmAlamatAsl', '$FmAlamatTgl','$FmTempatLhr', '$FmThn-$FmBln-$FmTgl','$RbAgama')"; Kemudian query diatas dijalankan dengan perintah : mysql_query($sql_simpan,$konek) or die ("Memasukan data siswa gagal".mysql_error()); dengan cara tersebut, maka semua data yang dimasukan kedalam form akan tersimpan semua kedalam tabel siswa.
Setelah selesai membuat file FmSiswaSim.php, maka Anda dapat mencoba menjalankan program FmSiswaIn.php dari browser. Cobalah sekarang untuk memasukan data siswa, kemudian klik tombol Simpan, apabila berhasil Anda akan mendapatkan informasi seperti gambar berikut:

Sekarang lakukanlah pekerjaan memasukan data siswa melalui formulir yang berhasil Anda buat. Pada latihan ini, penulis telah memasukan kurang lebih 10 data siswa. Data ini nantinya akan digunakan untuk latihan menampilkan, merubah dan menghapus data.

Sementara ini, untuk dapat melihat hasil masukan data yang dilakukan dapat melalui prompt MySQL. Cobalah untuk membuktikan dengan cara menampilkan data pada tabel siswa. Berikut adalah hasil masukan data siswa dari form yang dilakukan oleh penulis.