1.
Buat database dan tabel MySQL
Buat database dengan nama "akademik", kemudian nama tabel nya "mahasiswa". Pada tabelmahasiswa tentukan jumlah fields atau atributnya, jika pada fields atau atribut tersebut terdiri dariid_mahasiswa, nama, jurusan, alamat, dan telepon, maka tabel tersebut berarti mengandung 5 (lima) fields atau atribut, tentukan juga type dan length/value nya sesuai kebutuhan data Anda. Sehingga tabel mahasiswa pada database akademik akan terbentuk seperti pada contoh gambar di bawah ini:
Buat database dengan nama "akademik", kemudian nama tabel nya "mahasiswa". Pada tabelmahasiswa tentukan jumlah fields atau atributnya, jika pada fields atau atribut tersebut terdiri dariid_mahasiswa, nama, jurusan, alamat, dan telepon, maka tabel tersebut berarti mengandung 5 (lima) fields atau atribut, tentukan juga type dan length/value nya sesuai kebutuhan data Anda. Sehingga tabel mahasiswa pada database akademik akan terbentuk seperti pada contoh gambar di bawah ini:
Sekarang database dan tabel MySQL yang
dibutuhkan untuk menampung data yang akan diinsert atau diinput telah selesai
dibuat.
2.
Buat GUI (Graphic User Interface) sedemikian rupa sehingga
membentuk form insert atau input data.
GUI kita bentuk dengan script HTML akan tetapi disimpan dengan nama index.php, script HTML tersebut adalah sebagai berikut:
GUI kita bentuk dengan script HTML akan tetapi disimpan dengan nama index.php, script HTML tersebut adalah sebagai berikut:
01
|
<html>
|
02
|
<head>
|
03
|
<title>Input
Data ke Database dengan PHP dan MySQL</title>
|
|
04
|
</head>
|
05
|
<body>
|
||
06
|
<form action="action_input.php" method="POST"enctype="multipart/form-data">
|
||
07
|
<table width="100%" border="0" align="center" cellpadding="0"cellspacing="0">
|
||
08
|
<tr>
|
||
09
|
<td height="40"> </td>
|
|
10
|
<td> </td>
|
11
|
<td><font size="4" color="blue"><b>INPUT DATA
MAHASISWA</b></font></td>
|
|
12
|
</tr>
|
13
|
<tr>
|
|
14
|
<td height="36"></td>
|
15
|
<td><a href="view_data.php" target="_blank" style="text-decoration:none">View
Data</a></td>
|
|
16
|
<td> </td>
|
17
|
</tr>
|
|
18
|
<tr>
|
19
|
<td height="40"> </td>
|
|
20
|
<td>NIM</td>
|
21
|
<td><input type="text" name="id_mahasiswa" size="12"></td>
|
|
22
|
</tr>
|
23
|
<tr>
|
|
24
|
<td height="40"> </td>
|
25
|
<td>Nama</td>
|
|
26
|
<td><input type="text" name="nama" size="30"></td>
|
27
|
</tr>
|
|
28
|
<tr>
|
29
|
<td height="40"> </td>
|
|
30
|
<td>Jurusan</td>
|
31
|
<td><input type="text" name="jurusan" size="30"></td>
|
|
32
|
</tr>
|
33
|
<tr>
|
|
34
|
<td height="40"> </td>
|
35
|
<td>Alamat</td>
|
|
36
|
<td><input type="text" name="alamat" size="60"></td>
|
37
|
</tr>
|
|
38
|
<tr>
|
39
|
<td height="36"> </td>
|
|
40
|
<td>Telepon</td>
|
41
|
<td><input type="text" name="telepon" size="12"></td>
|
|
42
|
</tr>
|
43
|
<tr>
|
|
44
|
<td height="60"> </td>
|
45
|
<td> </td>
|
|
46
|
<td><input type="submit" name="submit"value="Submit">
|
47
|
<input type="reset" name="reset" value="Reset"></td>
|
|
48
|
</tr>
|
49
|
</table>
|
|
50
|
</form>
|
51
|
</body>
|
52
|
</html>
|
Script HTML di atas
akan membentuk GUI seperti pada gambar di bawah ini:
3.
Buat file action untuk mengeksekusi atau melaksanakan perintah /
instruksi input yang dikirim.
Pada script HTML di langkah no 2 (dua) perhatikan script di baris nomor 3 yaitu <form action="action_input.php" method="POST" enctype="multipart/form-data"> pada bagianaction="action_input.php", action_input.php inilah yang disebut sebagai file action yang akan mengeksekusi sebuah perintah yang dikirim dari suatu program. Berikut adalah script PHP pada file action_input.php:
Pada script HTML di langkah no 2 (dua) perhatikan script di baris nomor 3 yaitu <form action="action_input.php" method="POST" enctype="multipart/form-data"> pada bagianaction="action_input.php", action_input.php inilah yang disebut sebagai file action yang akan mengeksekusi sebuah perintah yang dikirim dari suatu program. Berikut adalah script PHP pada file action_input.php:
01
|
<?php
|
|
02
|
include "koneksi.php";
|
03
|
//Kirimkan
Variabel
|
|
04
|
$id_mahasiswa = $_POST['id_mahasiswa'];
|
05
|
$nama
= $_POST['nama'];
|
|
06
|
$jurusan
= $_POST['jurusan'];
|
07
|
$alamat
= $_POST['alamat'];
|
08
|
$telepon
= $_POST['telepon'];
|
09
|
//validasi
id mahasiswa dalam database
|
|
10
|
$cek=mysql_num_rows
(mysql_query("SELECT id_mahasiswa FROM mahasiswa WHERE
id_mahasiswa='$_POST[id_mahasiswa]'"));
|
11
|
if ($cek > 0) {
|
|
12
|
?>
|
13
|
<script language="JavaScript">
|
|
14
|
alert('ID Mahasiswa sudah dipakai !, silahkan
diulang kembali');
|
15
|
document.location='index.php';
|
|
16
|
</script>
|
17
|
<?php
|
|
18
|
}
|
19
|
//input
data ke table mahasiswa dalam database akademik
|
|
20
|
$input ="INSERT INTO
mahasiswa (id_mahasiswa, nama, jurusan, alamat, telepon)
|
21
|
VALUES
('$id_mahasiswa','$nama','$jurusan','$alamat','$telepon')";
|
|
22
|
$query_input =mysql_query($input);
|
23
|
if ($query_input) {
|
|
24
|
//Jika
Sukses
|
25
|
?>
|
|
26
|
<script language="JavaScript">
|
27
|
alert('Data Mahasiswa Berhasil diinput!');
|
|
28
|
document.location='index.php';
|
29
|
</script>
|
|
30
|
<?php
|
31
|
}
|
|
32
|
else {
|
33
|
//Jika
Gagal
|
|
34
|
echo "Data Mahasiswa
Gagal diinput, Silahkan diulangi!";
|
35
|
}
|
|
36
|
//Tutup
koneksi engine MySQL
|
37
|
mysql_close($Open);
|
|
38
|
?>
|
|
Buat GUI untuk melihat hasil insert atau input
data tersebut.
Setelah diinput maka kita harus memastikan apakah data yang diinput benar-benar tersimpan di dalam database. File yang akan membentuk GUI tersebut kita kasih nama apa ya? Baiknya view_input_data.php mungkin ya, tetapi terlalu panjang, view_data.php saja mungkin ya, setuju kan? Oke, script PHP nya seperti berikut:
Setelah diinput maka kita harus memastikan apakah data yang diinput benar-benar tersimpan di dalam database. File yang akan membentuk GUI tersebut kita kasih nama apa ya? Baiknya view_input_data.php mungkin ya, tetapi terlalu panjang, view_data.php saja mungkin ya, setuju kan? Oke, script PHP nya seperti berikut:
01
|
<html>
|
02
|
<head>
|
03
|
<title>View
Data Mahasiswa</title>
|
|
04
|
</head>
|
05
|
<body>
|
|
06
|
07
|
<font size="4"><center><b>DATA
MAHASISWA</b></center><font>
|
|
08
|
09
|
<table width="100%" border="0" align="center" cellpadding="0"cellspacing="0">
|
||
10
|
<tr bgcolor="#FFA600" height="40">
|
||
11
|
<th width="5%">No</th>
|
|
12
|
<th width="14%">NIM</th>
|
13
|
<th width="12%">Nama</th>
|
|
14
|
<th width="25%">Jurusan</th>
|
15
|
<th width="30%">Alamat</th>
|
|
16
|
<th width="14%">Telepon</th>
|
17
|
</tr>
|
|
18
|
<?php
|
19
|
include "koneksi.php";
|
|
20
|
//view data mahasiswa di dalam database
|
21
|
$Lihat="SELECT * FROM mahasiswa ORDER BY id_mahasiswa";
|
|
22
|
$Tampil = mysql_query($Lihat);
|
23
|
$nomer=0;
|
|
24
|
while ( $hasil = mysql_fetch_array ($Tampil)) {
|
25
|
$id_mahasiswa =
stripslashes ($hasil['id_mahasiswa']);
|
|
26
|
$nama
= stripslashes ($hasil['nama']);
|
27
|
$jurusan
= stripslashes ($hasil['jurusan']);
|
|
28
|
$alamat
= stripslashes
($hasil['alamat']);
|
29
|
$telepon
= stripslashes ($hasil['telepon']);
|
|
30
|
{
|
31
|
$nomer++;
|
|
32
|
?>
|
33
|
<tr bgcolor="#DFE6EF">
|
|
34
|
<td> </td>
|
35
|
<td> </td>
|
36
|
<td> </td>
|
37
|
<td> </td>
|
38
|
<td> </td>
|
39
|
<td> </td>
|
|
40
|
</tr>
|
41
|
<tr align="center" height="40">
|
|
42
|
<td><?=$nomer?><div align="center"></div></td>
|
43
|
<td><?=$id_mahasiswa?><div align="center"></div></td>
|
|
44
|
<td><?=$nama?><div align="center"></div></td>
|
45
|
<td><?=$jurusan?><div align="center"></div></td>
|
|
46
|
<td><?=$alamat?><div align="center"></div></td>
|
47
|
<td><?=$telepon?><div align="center"></div></td>
|
|
48
|
</tr>
|
49
|
<tr bgcolor="#DFE6EF">
|
|
50
|
<td> </td>
|
51
|
<td> </td>
|
52
|
<td> </td>
|
53
|
<td> </td>
|
54
|
<td> </td>
|
55
|
<td> </td>
|
|
56
|
</tr>
|
57
|
<?php
|
|
58
|
}
|
59
|
}
|
|
60
|
//Tutup koneksi
engine MySQL
|
61
|
mysql_close($Open);
|
|
62
|
?>
|
63
|
</table>
|
|
64
|
</body>
|
65
|
</html>
|
Simpan semua script PHP di atas (index.php,
action_input.php, dan view_data.php, serta koneksi.php) dalam
satu folder di directory xampp Anda.
Sebagai contoh, folder tersebut kita beri nama "inputdata", maka alamat directory nya di C:\xampp\htdocs\inputdata. Jadi akses url di web browser menjadi http://localhost/inputdat Selesai, selanjutnya adalah uji coba tutorial.
Sebagai contoh, folder tersebut kita beri nama "inputdata", maka alamat directory nya di C:\xampp\htdocs\inputdata. Jadi akses url di web browser menjadi http://localhost/inputdat Selesai, selanjutnya adalah uji coba tutorial.
Lihat data yang diinput pada database MySQL.
Lihat semua data yang telah diinput ke dalam database melalui browser, file view_data.php.
No comments:
Post a Comment