Home / RPL / Tugas 2 Basis Data (Implementasi Basis Data INSERT UPDATE DELETE)

Tugas 2 Basis Data (Implementasi Basis Data INSERT UPDATE DELETE)

Buatlah sebuah halaman website sederhana yang mempunyai fungsi Menampilkan tabel dalam database, Menambahkan data pada tabel mengubah data tabel dan menghapus data tabel... 

Tampilan sederhananya seperti ini 




Penjelasan : 
Dalam kasus ini kita akan mebuat sebuah Database sekolah yang mempunyai satu tabel siswa dengan mempunyai filed(kolom) no induk, nama, kelas, nilai ulangan harian, nilai UTS dn Nilai UAS. 


Langkah selanjutnya kita buat Database  Sekolah dan tabel siswa dan memasukan beberapa data dasar ke dalam tabel siswa.. berikut tampilan langkah-langkahnyan  


Penjelasan: 
  1. Cari folder mysql di folder xampp
  2. Buka cmd di windows kemiduan rubah direktorinya ke folder bin di mysql untuk gambar di atas letak folder bin nya di C:\xampp2\mysql\bin
  3. Setelah berubah direktorinya kita masuk ke aplikasi mysql dengan mengetikan perintah        "mysql -u root"
  4. Buatlah database baru dengan nama sekolah dengan mengetikan perintah  "create database sekolah"
  5. Setelah database terbuat kita masuk kedalam database tersebut dengan mengetikan perintah "use sekolah"
  6. Lanjut sekarang kita buat tabel siswa 

create table siswa (
    no_induk int(5)primary key,
    nama varchar(35),
    kelas varchar(10),
    nilai_uh int(3),
    nilai_uts int(3),
    nilai_uas int(3));

okeh langsung masukan beberapa data ke dalam tabel tersebut 

INSERT INTO siswa VALUES ('00001','Andre Septian', 'XII RPL' ,'85' ,'90' ,'90');

INSERT INTO siswa VALUES ('00001','Ahmad', 'XII RPL' ,'80' ,'70' ,'70');



Tahapan pembuatan Database sudah beres... 



Oke Langsung kita akan membuat websitenya 

pertama-tama kita buat file index.php

<?php
error_reporting(0);
//membuat koneksi ke database
include "koneksi.php";
?>

 <html>
 <title> Data Siswa </title>
   <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/body.css" rel="stylesheet">


 <script language="javascript">
 function tanya() {
 if (confirm ("Apakah Anda yakin akan menghapus data ini ?")) {
 return true;
  } else {
   return false;
  }
  }
</script>
<body width='900px'>
<center>
<h1>MENAMPILKAN DATA SISWA </h1>

<hr>

  <div class="container">

        <!-- Page Heading -->
        <div class="row">
  <div class="col-md-8">
<!-- /////////////////////////////tombol untuk menambah data//////////////////////////////////-->
<form action='tambah.php' method='POST'>
<table >
 <tr>
 <center><td> <input type='submit' name='tambah' value='Tambah siswa'> </td>
 </tr>
</table>
</form>


<!-- ///////////////////////////// Script untuk membuat tabel///////////////////////////////// -->

<table  border='1' Width='600' > 
<tr>
 <th> No Induk </th>
 <th> Nama </th>
 <th> Kelas </th>
 <th> Nilai UH </th>
 <th> Nilai UTS </th>
 <th> Nilai UAS </th>
 <th colspan='2'> Action </th>

</tr>

<?php 
// Perintah untuk menampilkan data
$queri="Select * From siswa" ;  //menampikan SEMUA data dari tabel siswa

$hasil=MySQL_query ($queri);    //fungsi untuk SQL


// perintah untuk membaca dan mengambil data dalam bentuk array
while ($data = mysql_fetch_array ($hasil)){
$no_induk = $data['no_induk'];
 echo " 
  <tr>
   <td>".$data['no_induk']."</td>
  <td>".$data['nama']."</td>
  <td>".$data['kelas']."</td>
  <td>".$data['nilai_uh']."</td>
  <td>".$data['nilai_uts']."</td>
  <td>".$data['nilai_uas']."</td>
 
  <td> <form action = 'edit.php' method = 'GET'>
  <input type = 'submit' name = 'tombol' value = 'Edit' class = 'edit'>"; //style='background: linear-gradient(to bottom, #0088CC, #0044CC); border: 1px solid #0088CC; color: #FFF; margin: 4px 10px; padding: 5px; width: 50px; height: 30px;'>     style='background: linear-gradient(to bottom, #0088CC, #0044CC); border: 1px solid #0088CC; color: #FFF; margin: 4px 10px; padding: 5px; width: 50px; height: 30px;'>
echo " <input type = 'hidden' name = 'no_induk' value = '".$data['no_induk']."'>
 
 
  </form></td>
 
 
  <td> <form action = 'delete.php' method = 'GET'>
  <input type = 'hidden' name = 'nama' value = '".$data['nama']."'>
  <input type = 'hidden' name = 'no_induk' value = '".$data['no_induk']."'>
 
  <input type = 'submit' name = 'tombol2' value = 'Delete' class = 'delete'
  onclick='return tanya(". $data['no_induk'].")'>
 
  </form></td>
 
  </tr>
  ";
 $i++;
}

?>

</table>
</div>
<div class="col-md-4">

</div>

</div>
<!-- row -->

<div class="row">
<div class="col-md-12">

</div>
</div>

</body>
</html>


Oke Simpan Kode di atas dengan nama index.php

Langkah ke 2 buat file koneksi.php

 
<?php
error_reporting(0);
  $host = 'localhost';
  $user = 'root';      
  $password = '';      
  $database = 'sekolah';  
 
  $konek_db = mysql_connect($host, $user, $password); 
  $find_db = mysql_select_db($database) ;
 
?> 


Langkah ke 3 nntuk fungsi insert buat file tambah.php

<?php
 
include "koneksi.php";
?>
<html>
<head>
 <title> Input Nilai Baru </title>
 <link href ="css_submit.css" rel="stylesheet" type="text/css">
 
 
</head>
<body style = 'margin : 20px; font : 16px arial;'>
 <center>
 <p> Input Nilai Baru</p>
 
 <form method = 'POST' action = 'aksi_tambah.php'>
 <table border = '1' cellspacing = '1' cellpadding = '10'
 style = 'border : #aaa; color: #101; font-family : arial; fot-size : 12px;'>
 <tr>
  <td> No Induk </td>
  <td  align = 'center'> : </td>
  <td> <input type = 'text'  name = 'no_induk' /> </td>
  </tr>
 <tr>
  <td> Nama </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text'  name = 'nama' /> </td>
  </tr>
 <tr>
  <td> Kelas </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text' name = 'kelas' /> </td>
  </tr>
  <tr>
  <td> Nilai UH </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text'  name = 'nilai_uh' /> </td>
  </tr>
   <tr>
  <td> Nilai UTS </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text'  name = 'nilai_uts' /> </td>
  </tr>
   <tr>
  <td> Nilai UAS </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text'  name = 'nilai_uas' /> </td>
  </tr>
 
 
  
 
  
 <tr>
 <td colspan = '3' align = 'center'>
 <input type = 'submit' name = 'submit' value = 'Submit'/>
 <input type = 'reset' name = 'Reset' value = 'Reset' /> </td>
 </tr>
</table>
<a href = 'index.php'> Kembali </a>
</form>
</body>
</html> 





Langkah 4 buat action insert data kedalam tabel dengan buat file  aksi_tambah.php
<?php
error_reporting(E_ALL ^ E_NOTICE);
include "koneksi.php";

// file submit.php
// menangkap data yang dikirimkan dari file tambah.php mwnggunakan method = POST

$no_induk = $_POST['no_induk'];
$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$nilai_uh = $_POST['nilai_uh'];
$nilai_uts = $_POST['nilai_uts'];
$nilai_uas = $_POST['nilai_uas'];

// perintah SQL
$query="INSERT INTO siswa VALUES ('$no_induk', '$nama', '$kelas', '$nilai_uh', '$nilai_uts', '$nilai_uas');";

$hasil=mysql_query($query);

if ($hasil){
//header ('location:view.php');
echo " <center> <b> <font color = 'red' size = '4'> <p> Data Berhasil disimpan </p> </center> </b> </font> <br/>
 <meta http-equiv='refresh' content='2; url= index.php'/>  ";
} else { echo "Data gagal disimpan
 <meta http-equiv='refresh' content='2; url= tambah.php'/> ";
}
?>




Halaman Tambah Data (Insert data kepada tabel)


Langkah ke 5 membuat fitur edit buat file baru dengan nama edit.php 
<?php
include "koneksi.php";

// membaca informasi yang dikirim dari file view.php pada address bar
$no_induk = $_GET['no_induk'];

// Perintah sql untuk menampilkan database
$queri = "select * from siswa where no_induk = '$no_induk'";

// perintah untuk menjalankan sql
$hasil = mysql_query($queri);

// menjadikan data dalam bentuk array
$data  = mysql_fetch_array($hasil);

$no_induk = $data['no_induk'];
$nama = $data['nama'];
$kelas = $data['kelas'];
$nilai_uh = $data['nilai_uh'];
$nilai_uts = $data['nilai_uts'];
$nilai_uas = $data['nilai_uas'];


?>


<html>
<head>
 <title> EDIT Data Siswa </title>


</head>
<body style = 'margin : 20px; font : 16px arial;'>

<?php
echo "
 <center>
 <p> Edit Data Siswa </p>

 <form method ='POST' action = 'aksi_edit.php'>
 <table border = '1' cellspacing = '1' cellpadding = '10'
 style = 'border : #aaa; color: #101; font-family : arial; fot-size : 12px;'>
 <tr>

  <td> Nama Siswa </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' name = 'nama' value= '".$nama."'/> </td>
  <input type = 'hidden' name = 'no_induk' value = '".$no_induk."' />
  </tr>
 <tr>
  <td> Kelas </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text'  name = 'kelas' value= '".$kelas."'/> </td>
  </tr>
 <tr>
  <td> Nilai UH </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text'  name = 'nilai_uh' value= '".$nilai_uh."'/> </td>
  </tr>
  <td> Nilai UTS </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text'  name = 'nilai_uts' value= '".$nilai_uts."'/> </td>
  </tr>
  <td> Nilai UAS </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text'  name = 'nilai_uas' value= '".$nilai_uas."'/> </td>
  </tr>
 

 

 
 <tr>
 <td colspan = '3' align = 'center'>
 <input type = 'submit' name = 'submit' value = 'Update'/>
 </td>
 </tr>
</table>
<a href = 'index.php'> Kembali </a>
</form>
</body>
</html>
";
?> 




Langkah ke 6 buat action update data kedalam tabel dengan buat file  aksi_edit.php
<?php
error_reporting(E_ALL ^ E_NOTICE);
include 'koneksi.php';


$no_induk = $_POST['no_induk'];

$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$nilai_uh = $_POST['nilai_uh'];
$nilai_uts = $_POST['nilai_uts'];
$nilai_uas = $_POST['nilai_uas'];



$update = "UPDATE SISWA SET nama='$nama',kelas='$kelas',nilai_uh='$nilai_uh',nilai_uts='$nilai_uts',nilai_uas='$nilai_uas' where no_induk = '$no_induk'";
$hasil = mysql_query($update);




if ($hasil){
//header ('location:view.php');
echo " <center> Data Berhasil diupdate <br/>
<br> Untuk melihat daftar peserta klik <a href = 'index.php'> Disini </a></center>";
} else { echo "Data gagal diupdate";
}

?> 




oke mantap kita sudah buat fitur edit (update data) dalam web kita tampilanya seperti ini 



Langkah ke 7 Langkah pamungkas untuk membuat fungsi delete
buat action insert data kedalam tabel dengan buat file  aksi_tambah.php

<?php
include "koneksi.php";
error_reporting(E_ALL ^ E_NOTICE);
$no_induk = $_GET['no_induk'];
$nama = $_GET['nama'];


$delete = "delete from siswa where no_induk = '$no_induk'";
$hasil = mysql_query($delete);

if ($hasil){
//header ('location:view.php');
echo " <center> <b> <font color = 'red' size = '4'> <p> Data dengan nama $nama Berhasil dihapus </p> </center> </b> </font> <br/>
 <meta http-equiv='refresh' content='2; url= index.php'/>  ";
} else { echo "Data gagal dihapus";
}

?>




Akhirnya Beress!!!! 

Tinggal Jalankan Selamat mencoba!!! 

Semua File di atas bisa di download di SINI 











Tugas 2 Basis Data (Implementasi Basis Data INSERT UPDATE DELETE) Tugas 2 Basis Data (Implementasi Basis Data INSERT UPDATE DELETE) Reviewed by Argasoka Herbal on Rabu, September 20, 2017 Rating: 5

You May Also Like

Tidak ada komentar:

Langganan: Posting Komentar ( Atom )
Diberdayakan oleh Blogger.