Belajar Bahasa Java

Kamis, 20 April 2017

CRUD Menggunakan PDO Dengan PHP

22.37

Disini saya akan jelaskan kembali bahwa PDO adalah singkatan dari PHP Data Object. PDO adalah extension di PHP yang digunakan untuk mengakses database. PDO menyediakan data-access abstraction layer yang memungkinkan kita menggunakan fungsi yang sama untuk berbagai jenis database. Jadi, anda tidak perlu kawatir tentang database yang anda pakai entah itu MySQL, MSSQL, Postgresql, atau Oracle fungsi yang anda pakai untuk mengambil atau memanipulasi database tetap sama. Begitulah kira-kira terjemahan umum tentang PDO. Nah di tutorial kali ini saya akan mencoba pempraktikan Membuat CRUD dengan PDO.

Bagaimana apakah anda penasaran?
Berikut langkahnya :

LANGKAH 1 : Membuat Database Dan Tabel Menggunakan MySQL

Buatlah Database dengan nama : dbjnm
Jika anda sudah mengikuti tutorial CRUD dengan Mysqli, anda tidak perlu membuat database lagi, karena namanya sama yaitu dbjnm
Oke, jika anda sudah mempunyai database dengan nama dbjnm, selanjutnya anda harus membuat tabel, nama tabelnya adalah tbl_siswa
Berikut SQL untuk membuat tbl_siswa

CREATE TABLE `tbl_siswa` (
  `nis` varchar(6) NOT NULL,
  `nama` varchar(50) NOT NULL,
  `alamat` varchar(100) NOT NULL,
  `kelas` varchar(20) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE `tbl_siswa`
ADD PRIMARY KEY (`nis`);

dan berikut SQL untuk mengisi sample data pada tbl_siswa

INSERT INTO `tbl_siswa` (`nis`, `nama`, `alamat`, `kelas`) VALUES
('NIS001', 'Alfian Baharudin', 'Jl Pepaya No 55', '1'),
('NIS002', 'Bambang', 'Jl Durian No 44', '2'),
('NIS003', 'Alin Arfianti', 'Jl Anggur No 87', '1'),
('NIS004', 'Benny Ramdhani', 'Jl Duku No 35', '1'),
('NIS005', 'Ihwan Samad', 'Jl Belimbing No 99', '3'),
('NIS006', 'Rudi Syahputra', 'JL Dirgantara No 77', '2'),
('NIS007', 'Habibi', 'Jl Kungingan No 12', '1'),
('NIS008', 'Putri Sari', 'Jl Pisang Ijo No 89', '3'),
('NIS009', 'Wahyu Adi', 'Jl Kapuk No 66', '3'),
('NIS010', 'Budi Sakti', 'JL Nusantara No 1', '3'),
('NIS011', 'Akbar Rosidin', 'JL Palangka No 71', '2'),
('NIS012', 'Bagus Sandy', 'Jl. Juragan No 123', '2');

Jika sudah Membuat database, kemudian membuat tabel dan mengisi damplem data pada tbl_siswa, maka kita akan lanjut ke tahapan 2.

LANGKAH 2 : Membuat Koneksi Database Dengan PHP

Sebelum membuat koding koneksi database dengan PHP menggunakan metode PDO sesuai tema kita, maka kita harus membuat folder dulu pada web root atau htdocs pada xampp
Silahkan anda buat folder dengan nama siswa pada htocs
Kemudian buat file php dengan nama : koneksi.php
Berikut koding pada koneksi.php

<?php
    $host = "localhost";
    $dbname = "dbjnm";
    $username = "root";
    $password = "";
    try {
        $db = new PDO("mysql:host={$host};dbname={$dbname}", $username, $password);
        $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    } catch (PDOException $exception){
        die("Connection error: " . $exception->getMessage());
    }
?>

LANGKAH 3 : Membuat File index.php

Fungsi file index.php ini untuk memunculkan data yang ada di tbl_siswa dan dimunculkan kedalam halaman php. silahkan anda buat file dengan nama index.php
kemudian masukan koding dibawah ini pada file index.php

<?php
    include 'koneksi.php';
    $query = $db->prepare("SELECT * FROM tbl_siswa");
    $query->execute();
    $data = $query->fetchAll();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CRUD PDO Javanet Media </title>
</head>
<body bgcolor="#CCCCCC">
<h2><strong><p align="center">Data Siswa JavaNet Media</p></strong></h2>
<table width="807" border="1" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="115" height="30" align="center" valign="middle" bgcolor="#00FFFF">NIS</td>
    <td width="175" align="center" valign="middle" bgcolor="#00FFFF">Nama</td>
    <td width="250" align="center" valign="middle" bgcolor="#00FFFF">Alamat</td>
    <td width="100" align="center" valign="middle" bgcolor="#00FFFF">Kelas</td>
    <td width="135" align="center" valign="middle" bgcolor="#00FFFF"><a href="create.php">TAMBAH</a></td></tr>
            <?php foreach ($data as $value): ?>
                <tr>
                    <td p align="center" bgcolor="#FFFFFF"><?php echo $value['nis'] ?></td>
                    <td p align="left" bgcolor="#FFFFFF"><?php echo $value['nama'] ?></td>
                    <td p align="left" bgcolor="#FFFFFF"><?php echo $value['alamat'] ?></td>
                    <td p align="center" bgcolor="#FFFFFF"><?php echo $value['kelas'] ?></td>
                    <td p align="center" bgcolor="#FFFFFF">
                        <a href="edit.php?nis=<?php echo $value['nis']?>">Edit</a>
                        <a href="delete.php?nis=<?php echo $value['nis']?>">Delete</a>
                    </td>
                </tr>
 </td>
  </tr>
<?php endforeach; ?>
</table>
<p align="center"><a href=http://www.mycoding.net#>www.mycoding.net</a></p>
</body>
</html>

Sampai disini, silahkan anda buka browser anda, kemudian buka alamat : http://localhost/siswa/
Seharunya muncul gambar seperti dibawah ini :

Tutorial Membuat CRUD Menggunakan PDO Dengan PHP

Fungsi TAMBAH, kemudian Edit dan Delete belum bisa diakses karena anda belum membuat fungsi tersebut.

LANGKAH 4 : Membuat create.php Untuk Input Data

Jika pada langkah 3 anda telah bisa memunculkan data pada pada halaman php, maka selanjutnya adalah kita membuat file php untuk proses penambahan data atau input data.
Masukan koding dibawah ini pada create.php

<?php
    include 'koneksi.php';
    if(isset($_POST['submit'])){
        $nis = htmlentities($_POST['nis']);
  $nama = htmlentities($_POST['nama']);
        $alamat = htmlentities($_POST['alamat']);
        $kelas = htmlentities($_POST['kelas']);
        $query = $db->prepare("INSERT INTO `tbl_siswa`(`nis`,`nama`, `alamat`, `kelas`)
        VALUES (:nis,:nama,:alamat,:kelas)");
  $query->bindParam(":nis", $nis);
        $query->bindParam(":nama", $nama);
        $query->bindParam(":alamat", $alamat);
        $query->bindParam(":kelas", $kelas);
        $query->execute();
        header("location: index.php");
    }
?>
<!DOCTYPE html>
<html>
    <head>
     <meta charset="utf-8">
  <title>CRUD PDO Javanet Media </title>
    </head>
<body bgcolor="#CCCCCC">
<h2><p align="center">TAMBAH DATA</p></h2>
<form method="post">
<table width="546" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
  <tr>
    <td width="189" height="20"> </td>
    <td width="26"> </td>
    <td width="331"> </td>
  </tr>
  <tr>
    <td height="27" align="right" valign="middle">NIS</td>
    <td align="center" valign="top">:</td>
    <td valign="middle"><label>
      <input name="nis" type="text" size="10">
    </label></td>
  </tr>
  <tr>
    <td height="27" align="right" valign="middle">Nama</td>
    <td align="center" valign="top">:</td>
    <td valign="middle"><label>
      <input type="text" name="nama">
    </label></td>
  </tr>
  <tr>
    <td height="27" align="right" valign="middle">Alamat</td>
    <td align="center" valign="top">:</td>
    <td valign="middle"><label>
      <input name="alamat" type="text" size="50">
    </label></td>
  </tr>
  <tr>
    <td height="27" align="right" valign="middle">Kelas</td>
    <td align="center" valign="top">:</td>
    <td valign="middle"><label>
      <select name="kelas">
    <option selected="selected">--Pilih--</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
      </select>
    </label></td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td> </td>
    <td><input type="submit" name="submit" value="TAMBAH"></td>
  </tr>
</table>
</form><p align="center"><a href=http://www.mycoding.net#>www.mycoding.net</a></p>
</body>
</html>

Jika sudah membuat create.php seperti langkah diatas, maka anda bisa membuka aplikasi kembali. Kemudian anda coba memasukan data dengan Klik TAMBAH, kemudian masukan data pada form tambah.

Baik, saya coba tanya kepada anda Apakah anda sudah bisa Input Data? Jika belum silahkan anda cek kembali apakah ada yang kurang, atau jika anda sudah bisa Input data maka silahkan lanjut ke langkah edit data

LANGKAH 5 : Membuat edit.php Untuk Edit Data

Jika anda sudah bisa input data maka siapkan file edit.php kemudian masukan koding dibawah ini :

<?php
    include 'koneksi.php';
    if(!isset($_GET['nis'])){
        die("Error: NIS Tidak Dimasukkan");
    }
    $query = $db->prepare("SELECT * FROM `tbl_siswa` WHERE nis = :nis");
    $query->bindParam(":nis", $_GET['nis']);
    $query->execute();
    if($query->rowCount() == 0){
        die("Error: NIS Tidak Ditemukan");
    }else{
        $data = $query->fetch();
    }
    if(isset($_POST['submit'])){
        $nama = htmlentities($_POST['nama']);
        $alamat = htmlentities($_POST['alamat']);
        $kelas = htmlentities($_POST['kelas']);
        $query = $db->prepare("UPDATE `tbl_siswa` SET `nama`=:nama,`alamat`=:alamat,`kelas`=:kelas WHERE nis=:nis");
        $query->bindParam(":nama", $nama);
        $query->bindParam(":alamat", $alamat);
        $query->bindParam(":kelas", $kelas);
        $query->bindParam(":nis", $_GET['nis']);
        $query->execute();
        header("location: index.php");
    }
?>

<!DOCTYPE html>
<html>
    <head>
 <title>CRUD PDO Javanet Media </title>
    <meta charset="utf-8">
    </head>
 <body bgcolor="#CCCCCC">
    <h2><p align="center">EDIT DATA</p></h2>
    <form method="post">
 <table width="546" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" align="center">
  <tr>
    <td width="189" height="20"> </td>
    <td width="26"> </td>
    <td width="331"> </td>
  </tr>
  <tr>
    <td height="27" align="right" valign="middle">NIS</td>
    <td align="center" valign="top">:</td>
    <td valign="middle">
      <input type="text" name="nis" value="<?php echo $data['nis'] ?>" readonly="readonly"> 
    </td>
  </tr>
  <tr>
    <td height="27" align="right" valign="middle">Nama</td>
    <td align="center" valign="top">:</td>
    <td valign="middle"><label>
      <input type="text" name="nama" value="<?php echo $data['nama'] ?>">
    </label></td>
  </tr>
  <tr>
    <td height="27" align="right" valign="middle">Alamat</td>
    <td align="center" valign="top">:</td>
    <td valign="middle"><label>
      <input name="alamat" type="text" size="50" value="<?php echo $data['alamat'] ?>">
    </label></td>
  </tr>
  <tr>
    <td height="27" align="right" valign="middle">Kelas</td>
    <td align="center" valign="top">:</td>
    <td valign="middle"><label>
  <input name="kelas" type="text" size="50" value="<?php echo $data['kelas'] ?>">
    </label></td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td> </td>
    <td><input type="submit" name="submit" value="EDIT"></td>
  </tr>
  </table>
  </form><p align="center"><a href=http://www.mycoding.net#>www.mycoding.net</a></p>
  </body>
</html>

Silahkan jalankan edit data, contoh Namanya anda ganti, atau Alamat atau Kelas terserah anda. Kemudian Klik tombol Edit.

LANGKAH 6 : Membuat delete.php Untuk Hapus Data

Langkah 6 atau langkah terakhir adalah membuat file PHP untuk hapus data yaitu delete.php
Silahkan masukan koding dibawah ini pada delete.php

<?php
    include 'koneksi.php';

    if(isset($_GET["nis"])){
        // Prepared statement untuk menghapus data
        $query = $db->prepare("DELETE FROM `tbl_siswa` WHERE nis=:nis");
        $query->bindParam(":nis", $_GET["nis"]);
        // Jalankan Perintah SQL
        $query->execute();
        // Alihkan ke index.php
        header("location: index.php");
    }
?>

Berikut tampilannya :

Senin, 17 April 2017

CRUD PHP Database MySQLi

00.06

CRUD ( Create Read Update Delete ) atau Koneksi, Input, Edit, Hapus Data menggunakan PHP database MySQLi. Melanjutkan tutorial PHP, pada artikel kali ini saya akan membahas tentang Cara Membuat sebuah Aplikasi web dasar yaitu Input, Edit, Hapus data menggunakan pemograman PHP.

Jika pada pembelajaran sebelumnya anda telah bisa membuat Input, Edit, Hapus data menggunakan PHP, kali ini kita akan menyatukan Input, Edit dan Hapus menjadi satu halaman web.

Berikut Cara membuat CRUD dengan PHP :

Langkah 1 : Membuat Database dan Tabel Menggunakan MySQL

Silahkan jalankan Xampp, kemudian buat database dan tabel dengan xampp tersebut. Jika anda telah mengikuti tutorial input data menggunakan PHP, maka anda tidak perlu membuat database baru. Detail Database dan Tabel KLIK DISINI

Jika database : dbkampus dan tbl_mahasiswa telah terbuat, silahkan ikuti langkah 2

Langkah 2 : Membuat Sebuah Folder HTDOCS dan Membuat Style Tampilan CSS

Buatlah sebuah folder pada folder htdocs xampp anda.
nama folder : crudjnm
kemudian buatlah file css dengan nama : style.css
masukan koding css dibawah ini pada style.css

body{width:615px;font-family:arial;}
.tbl-qa{width: 100%;font-size:0.9em;background-color: #6ab5b9;border-spacing: 1px;border-radius: 4px;}
.tbl-qa th.table-header {padding: 5px;text-align: left;padding:10px;color:#FFF;font-weight:normal;}
.tbl-qa .table-row td {padding:10px;background-color: #ebf6f7;vertical-align:top;}
.button_link {padding: 20px 0px;text-align: right;}
.button_link a{color: #428a8e;text-decoration: none;background-color: FFF;padding: 8px 20px;font-size: 0.8em;border: #428a8e 1px solid;    border-radius: 4px;}
.message {
 color: #FF0000;
 text-align: center;
 width: 100%;
}
.txtField {padding: 8px;border: #afced0 1px solid;border-radius: 4px;width: 250px;}
.demo-form-submit {color: #FFF;background-color: #4e7173;padding: 10px 50px;border: 0px;cursor: pointer;border-radius:4px;}
.message { padding:8px 10px;box-sizing: border-box;text-align: left;border-radius: 4px;}
.success {background-color: #c4e4c4;border: #9ac19a 1px solid;color: #4b8e4b;}
.error {background-color: #e4cbc4;border: #c19c9a 1px solid;color: #8e4e4b;}

Sehingga tampilan folder crudjnm adalah sebagai berikut

Jika sudah sukses melakukan langkah 2, silahkan lanjut langkah 3 :

Langkah 3 : Membuat File koneksi.php

Fungsi file koneksi.php ini adalah untuk mengkoneksikan database dbkampus sehingga tidak ditulis panjang disetiap file PHP.
Berikut koding koneksi.php

<?php
  $conn =new mysqli('localhost', 'root', '' , 'dbkampus');
?>

Cukup Simpel ya untuk koneksi.php
Jika sudah silahkan lanjut ke tahap 4

Langkah 4 : Membuat File Index Untuk Memunculkan Data

Buatlah file index.php yang tujuannya untuk memunculkan data tbl_mahasiswa yang telah kita buat pada tahap 1.
Berikut full koding index.php

<?php 
require_once("koneksi.php");

$sql = "SELECT * FROM tbl_mahasiswa";
$result = $conn->query($sql); 
$conn->close();  
?>
<html>
<head>
 <link href="style.css" rel="stylesheet" type="text/css" />
 <title>Employee</title>
</head>
<body>
 <div class="button_link"><a href="input.php">Input Data</a></div>
 <table class="tbl-qa"> 
  <thead>
    <tr>
    <th class="table-header" wnimmhsth="20%">NIM</th>
    <th class="table-header" wnimmhsth="20%">Nama</th>
    <th class="table-header" wnimmhsth="20%"> Alamat </th>
    <th class="table-header" wnimmhsth="20%"> telepon </th>
    <th class="table-header" wnimmhsth="20%"> Jurusan </th>
    <th class="table-header" wnimmhsth="20%" colspan="2">Aksi</th>
     </tr>
  </thead>
  <tbody>  
   <?php
    if ($result->num_rows > 0) {  
     while($row = $result->fetch_assoc()) {
   ?>
   <tr class="table-row" id="row-<?php echo $row["nimmhs"]; ?>"> 
    <td class="table-row"><?php echo $row["nimmhs"]; ?></td>
    <td class="table-row"><?php echo $row["namamhs"]; ?></td>
    <td class="table-row"><?php echo $row["alamatmhs"]; ?></td>
    <td class="table-row"><?php echo $row["teleponmhs"]; ?></td>
    <td class="table-row"><?php echo $row["jurusanmhs"]; ?></td>
    <td class="table-row" colspan="2"><a href="edit.php?nimmhs=<?php echo $row["nimmhs"]; ?>" class="link"><img title="Edit" src="icon/edit.png"/></a> <a href="hapus.php?nimmhs=<?php echo $row["nimmhs"]; ?>" class="link"><img name="delete" nimmhs="delete" title="Delete" onclick="return confirm('Yakin akan di Hapus?')" src="icon/delete.png"/></a></td>
   </tr>
   <?php
     }
    }
   ?>
  </tbody>
 </table>
</body>
</html>

Jika sudah, langsung menuju ke Tahap 5

Tahap 5 : Membuat file input.php

Pada tahap ini kita akan membuat koding untuk input data kedalam tabel mahasiswa. Berikut kodingnya :

<?php
 if (isset($_POST['submit'])) {
  require_once("koneksi.php");
  $sql = $conn->prepare("INSERT INTO tbl_mahasiswa (nimmhs,namamhs,alamatmhs,teleponmhs,jurusanmhs) VALUES (?, ?, ?, ?, ?)");  
  $nimmhs=$_POST['nimmhs'];
  $namamhs = $_POST['namamhs'];
  $alamatmhs= $_POST['alamatmhs'];
  $teleponmhs= $_POST['teleponmhs'];
  $jurusanmhs= $_POST['jurusanmhs'];
  $sql->bind_param("sssss", $nimmhs, $namamhs, $alamatmhs, $teleponmhs, $jurusanmhs); 
  if($sql->execute()) {
   $success_message = "Input Data Berhasil";
  } else {
   $error_message = "Ada masalah dengan Penginputan";
  }
  $sql->close();   
  $conn->close();
 } 
?>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
 
<style>
.tbl-qa{border-spacing:0px;border-radius:4px;border:#6ab5b9 1px solid;}
</style>
  <title>Input Data Mahasiswa</title>  
</head>
<body>
<?php if(!empty($success_message)) { ?>
<div class="success message"><?php echo $success_message; ?></div>
<?php } if(!empty($error_message)) { ?>
<div class="error message"><?php echo $error_message; ?></div>
<?php } ?>
<form id="frmUser" method="post" action="">
<div class="button_link"><a href="index.php"> List Mahasiswa </a></div>
<table border="0" cellpadding="10" cellspacing="0" width="500" align="center" class="tbl-qa">
 <thead>
  <tr>
   <th colspan="2" class="table-header">Input Data Mahasiswa</th>
  </tr>
 </thead>
 <tbody>
  <tr class="table-row">
   <td><label>NIM</label></td>
   <td><input type="text" name="nimmhs" class="txtField"></td>
  </tr>
  <tr class="table-row">
   <td><label>Nama</label></td>
   <td><input type="text" name="namamhs" class="txtField"></td>
  </tr>
  <tr class="table-row">
   <td><label>Alamat</label></td>
   <td><input type="text" name="alamatmhs" class="txtField"></td>
  </tr>
  <tr class="table-row">
   <td><label>Telepon</label></td>
   <td><input type="text" name="teleponmhs" class="txtField"></td>
  </tr>
  <tr class="table-row">
   <td><label>Jurusan</label></td>
   <td><input type="text" name="jurusanmhs" class="txtField"></td>
  </tr>
  <tr class="table-row">
   <td colspan="2"><input type="submit" name="submit" value="Submit" class="demo-form-submit"></td>
  </tr>
 </tbody>
</table>
</form>
</body>
</html>

Jika sudah selesai melakukan tahap 5, mari kita lanjut ke tahap 6.

Tahap 6 : Membuat File edit.php

Ya dari namanya saja edit.php maka fungsi ini adalah untuk membuat edit data tabel mahasiswa.
Berikut kodingnya :

<?php
 require_once("koneksi.php");
 if (isset($_POST['submit'])) {  
  $sql = $conn->prepare("UPDATE tbl_mahasiswa SET namamhs=? , alamatmhs=? , teleponmhs=? , jurusanmhs=? WHERE nimmhs=?");
  $namamhs=$_POST['namamhs'];
  $alamatmhs = $_POST['alamatmhs'];
  $teleponmhs= $_POST['teleponmhs'];
  $jurusanmhs= $_POST['jurusanmhs'];
  $sql->bind_param("sssss",$namamhs, $alamatmhs, $teleponmhs, $jurusanmhs,$_GET["nimmhs"]); 
  if($sql->execute()) {
   $success_message = "Update Data Berhasil";
  } else {
   $error_message = "Ada masalah update data";
  }

 }
 $sql = $conn->prepare("SELECT * FROM tbl_mahasiswa WHERE nimmhs=?");
 $sql->bind_param("s",$_GET["nimmhs"]);   
 $sql->execute();
 $result = $sql->get_result();
 if ($result->num_rows > 0) {  
  $row = $result->fetch_assoc();
 }
 $conn->close();
?>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
.tbl-qa{border-spacing:0px;border-radius:4px;border:#6ab5b9 1px solid;}
</style>
<title>employee edit </title>
</head>
<body>
<?php if(!empty($success_message)) { ?>
<div class="success message"><?php echo $success_message; ?></div>
<?php } if(!empty($error_message)) { ?>
<div class="error message"><?php echo $error_message; ?></div>
<?php } ?>
<form name="frmUser" method="post" action="">
<div class="button_link"><a href="index.php" > List Mahasiswa </a></div>
<table border="0" cellpadding="10" cellspacing="0" width="500" align="center" class="tbl-qa">
 <thead>
  <tr>
   <th colspan="2" class="table-header">Edit Data Mahasiswa</th>
  </tr>
 </thead>
 <tbody>
  <tr class="table-row">
   <td><label>Nama</label></td>
   <td><input type="text" name="namamhs" class="txtField" value="<?php echo $row["namamhs"]?>"></td>
  </tr>
  <tr class="table-row">
   <td><label>Alamat</label></td>
   <td><input type="text" name="alamatmhs" class="txtField" value="<?php echo $row["alamatmhs"]?>"></td>
  </tr>
  <tr class="table-row">
   <td><label>Telepon</label></td>
   <td><input type="text" name="teleponmhs" class="txtField" value="<?php echo $row["teleponmhs"]?>"></td>
  </tr>
  <tr class="table-row">
   <td><label>Jurusan</label></td>
   <td><input type="text" name="jurusanmhs" class="txtField" value="<?php echo $row["jurusanmhs"]?>"></td>
  </tr>
  <tr class="table-row">
   <td colspan="2"><input type="submit"  name="submit" value="Submit" class="demo-form-submit"></td>
  </tr>
 </tbody> 
</table>
</form>
</body>
</html>

Sebelum anda melanjutkan ke Tahap 7, silahkan anda cek atau melakukan praktik terlebih dahulu, apakah Index.php sudah berjalan? Apakah Anda sudah sukses Input Data, Apakah anda sudah bisa Edit Data?
Sialhkan anda berkomentar, jika anda sudah bisa Input dan Edit maka akan saya lanjutkan ke tahap Hapus Data.

Dwonload Gratis CRUD PHP Database MySQLi

Demikian Tutorial Cara Membuat CRUD PHP Database MySQLi Semoga Bermanfaat untuk anda, Jika anda merasa kesulitan dan menginginkan Project diatas anda bisa email ke JNM dan Jika tutorial diatas bermanfaat silahkan share ke teman-teman anda, dan jangan lupa berkomentar dibawah :)

Silahkan KLIK DISINI untuk mendownload Project PHP diatas

Selain sebagai media informasi pemrograman, kami juga berbagi artikel terkait tips trik Android.

Kamis, 13 April 2017

Perbedaan Mendasar Web Statis dan Web Dinamis

00.58

Menurut teknologinya, website terbagi menjadi dua yaitu website Statis (static) dan Website Dinamis (dynamic). Lantas apa perbedaannya? Kenapa website JNM kini membahas HTML? kenapa website JNM juga membahas PHP?

Pertanyaan-pertanyaan diatas mungkin ada dibeberapa pengunjung setia JNM. karena kita sama-sama tahu bahwa website JNM sebelumnya membahas mengenai Network atau Jaringan komputer dan Pembelajaran Visual Basic. Disini saya akan sampaikan juga bahwa website JNM tidak hanya membahas tentang Visual Basic saja, tidak pula membahas tentang Jaringan Komputer saja, akan tetapi akan membahas tutorial yang dirasa saya bisa membuatnya. Ingat bahwa saya bukan Dosen juga bukan Master akan tetapi saya seperti kalian yang sedang belajar pula.

Perbedaan Mendasar Web Statis dan Web Dinamis

Baik lanjut ke materi, dibawah ini saya akan menjelaskan perbedaan mendasar tentang webiter statis dan website dinamis.

1. Website Statis

Dilihat dari bahasa website ini statis ( website yang tidak berubah atau diam ) artinya :
Website yang penggunanya hanya sekedar membuka atau melihat-lihat saja, tidak bisa mengisi data seperti komentar dan lain sebagainya.
Sebagai admin website, apabila ingin mengubah tampilannya harus mengubah syntaxnya atau scriptnya secara langsung.
Biasanya website static digunakan pada website Company Profile, Personal Web Portfolio yang hanya menampilkan informasi penting saja.
Website statis tidak mempergunakan bahasa pemrograman web, hanya sebatas menggunakan HTML & CSS, javascript juga diperlukan agar website terlihat hidup. ( itulah mengapa website JNM membahas tutorial HTML dan CSS )
Dalam membuat website statis memakan waktu yang singkat, kecuali ingin membuat banyak halaman.
Jika ingin menambah halaman, harus menambah file baru, misalnya ingin menambah halaman contact, berarti harus membuat file yang menampilkan halaman contact, dan lain sebagainya.
Informasi yang diberikan pada website Statis adalah jarang update dan kalau pun ingin diupdate tidak bisa langsung diupdate, melainkan harus merubah scriptnya. ( Statis )
Website Statis tidak menggunakan database, semua informasi sudah ada dalam sebuah file dan file itulah yang ditampilkan di halaman web.

2. Website Dinamis

Seperti langkah diatas, dalam bahasa Dinamis artinya Berubah atau bergerak yang artinya :
Website yang penggunanya bisa mengupdate informasi website langsung dari websitenya.
Website dinamis memungkinkan mengubah tampilan website melalui CMS yang ada, dan dengan cepat jika tampilan sudah disiapkan melalui template.
Website Dinamis digunakan secara fungsionalnya, misalnya jejaring sosial, toko online, web blog, dan lain sebagainya.
Menggunakan bahasa pemrograman web, seperti php, mysql, ruby, dan lain – lain.
Waktu pengerjaan memakan waktu yang lama jika memang membuat CMS sendiri. Namun jika anda menggunakan Joomla atau Wrodpress dan CMS lainnya, membangun website Dinamis akan sangat cepat.
Pada saat menambahkan Contact atau profile tidak perlu membuat file baru, cukup dibuatkan saja programnya lalu buat halaman dari program tersebut, seperti yang digunakan CMS.
Informasi wesbite dapat diubah melalui CMS yang sudah ada, biasanya untuk mengubah informasi bisa dilakukan di halaman admin atau administrator
Web dinamis menggunakan database, database inilah yang digunakan untuk menampung banyaknya data, sehingga website tinggal mengambil data dari database.

Dari hal diatas dapat disimpulkan, untuk membuat website Statis cukup membuat dengan HTML dan Jika ingin membuat website Dinamis sendiri maka anda perlu menggunakan PHP.

Untuk belajar PHP website JNM akan memberikan ilmu PHP Praktis yang bisa anda ikuti dan pahami. dan Mudah-mudahan pembelajaran PHP melalui video bisa segera dirilis oleh website JNM

Demikian Artikel Perbedaan Mendasar Web Statis dan Web Dinamis, Semoga bermanfaat untuk anda dan jika ada pertanyaan atau request, anda bisa berkomentar dibawah.

Selain sebagai media informasi pemrograman, kami juga berbagi artikel terkait tips trik Android.

Rabu, 12 April 2017

Create Database dan Tabel MySQL Menggunakan PHP

01.37

Pada tutorial kali ini saya akan melanjutkan dalam Tutorial PHP yaitu Cara Membuat Database dan Tabel dengan File PHP. Fungsi ini nantinya akan mempermudah anda dalam membuat Database dan Tabel pada MySQL anda cukup menjalankan satu file PHP saja.

Kenapa saya membuat Tutorial ini.
Alasan pertama adalah karena adanya request yang masuk ke email JNM dimana walaupun baru membuat beberapa tutorial PHP namun ternyata antusias pembaca tutorial PHP di JNM ini sangat banyak dan akhirnya saya menjawab beberapa pertanyaan dari email. Dan hasil jawaban dari pembaca web JNM adalah, tutorialnya sangat jelas dan mudah diikuti yang jarang web lain membuat tutorial yang lengkap seperti JNM.
Alasan Kedua banyak tutorial yang saya bahas di Web JNM ini yang menggunakan database MySQL, dan kesemua tutorial dalam membuat database MySQL ini menggunakan manual yaitu dengan masuk ke phpmyadmin pada localhost dan membuatnya satu persatu. Hal ini tentunya akan bermanfaat untuk anda agar lebih MUDAH dan CEPAT dan membuat database dan Tabel MySQL.

Cara Membuat Database dan Tabel MySQL Dengan PHP

Berikut Cara Membuat Database dan Tabel Menggunakan PHP

Pertama silahkan buka Komputer anda
Silahakn jalankan Xampp Control panel.
Kenapa menjalankan Xampp control panel? karena PHP bisa berajalan pada web server, sehingga anda harus menjalankan xampp control panel yang didalamnya terdapat web server local.
Selanjutnya Syntax dasar dalam membuat Database adalah sebagai berikut :

1. Membuat koneksi ke MySQL

<?php
  // Koneksi ke database MySQL
  $dbhost = "localhost";
  $dbuser = "root";
  $dbpass = "";
  $link = mysqli_connect($dbhost,$dbuser,$dbpass);
  
  //Memeriksa Koneksi
  if(!$link){
    die ("Koneksi dengan database gagal: ".mysqli_connect_errno().
         " - ".mysqli_connect_error());
  }
?>

Fungsi diatas adalah untuk mengkoneksikan database MySQL, Jika ada kegagalan maka akan muncul pesan gagal.

2. Syntax Membuat Sebuah Database

$query = "CREATE DATABASE IF NOT EXISTS dbjnm";
$result = mysqli_query($link, $query);
  
  if(!$result){
    die ("Query Error: ".mysqli_errno($link).
         " - ".mysqli_error($link));
  }
  else {
    echo "Database <b>'dbjnm'</b> telah sukses dibuat... <br>";
  }

Koding diatas untuk membuat database dbjnm, jika dbjnm telah berhasil dibuat, maka nanti akan muncul keterangan sukses dibuat.

3. Syntax Membuat Tabel
Selnjutnya koding dibawah untuk membuat Tabel dengan PHP

  //Memilih database dbjnm
  $result = mysqli_select_db($link, "dbjnm");
  if(!$result){
    die ("Query Error: ".mysqli_errno($link).
         " - ".mysqli_error($link));
  }
  // cek apakah tbl_mahasiswa sudah ada. jika ada, hapus tabel
  $query = "DROP TABLE IF EXISTS tbl_mahasiswa";
  $hasil_query = mysqli_query($link, $query);
  
  if(!$hasil_query){
    die ("Query Error: ".mysqli_errno($link).
         " - ".mysqli_error($link));
  }
  // Pembuatan tbl_mahasiswa
  $query  = "CREATE TABLE tbl_mahasiswa (nimmhs VARCHAR(6), namamhs VARCHAR(100), "; 
  $query .= "alamatmhs VARCHAR(100), teleponmhs VARCHAR(20), ";
  $query .= "jurusanmhs VARCHAR(50), PRIMARY KEY (nimmhs))";

  $hasil_query = mysqli_query($link, $query);
  if(!$hasil_query){
      die ("Query Error: ".mysqli_errno($link).
           " - ".mysqli_error($link));
  }
  else {
    echo "Tabel 'tbl_mahasiswa' sukses dibuat... 
";
  }

Syntax diatas untuk membuat tbl_mahasiwa dimana terdapat kodemhs, namamhs, alamatmhs, teleponmhs dan jurusanmhs. Jangan lupa pada nimmhs diberikan primary key.
Jika sudah silahkan simpan pada satu file PHP contoh : pembuatandatabase.php
kemudian silahkan jalankan. Akan sangat mudah dan sangat cepat dibanding anda harus membuat manual.

Dari 3 langkah diatas, maka koding fullnya adalah sebagai berikut :

<?php
  // Koneksi ke database MySQL
  $dbhost = "localhost";
  $dbuser = "root";
  $dbpass = "";
  $link = mysqli_connect($dbhost,$dbuser,$dbpass);
  
  //Memeriksa Koneksi
  if(!$link){
    die ("Koneksi dengan database gagal: ".mysqli_connect_errno().
         " - ".mysqli_connect_error());
  }
  $query = "CREATE DATABASE IF NOT EXISTS dbjnm";
  $result = mysqli_query($link, $query);
  
  if(!$result){
    die ("Query Error: ".mysqli_errno($link).
         " - ".mysqli_error($link));
  }
  else {
    echo "Database <b>'dbjnm'</b> telah sukses dibuat... <br>";
  }
  //Memilih database dbjnm
  $result = mysqli_select_db($link, "dbjnm");
  if(!$result){
    die ("Query Error: ".mysqli_errno($link).
         " - ".mysqli_error($link));
  }
  // cek apakah tbl_mahasiswa sudah ada. jika ada, hapus tabel
  $query = "DROP TABLE IF EXISTS tbl_mahasiswa";
  $hasil_query = mysqli_query($link, $query);
  
  if(!$hasil_query){
    die ("Query Error: ".mysqli_errno($link).
         " - ".mysqli_error($link));
  }
  // Pembuatan tbl_mahasiswa
  $query  = "CREATE TABLE tbl_mahasiswa (nimmhs VARCHAR(6), namamhs VARCHAR(100), "; 
  $query .= "alamatmhs VARCHAR(100), teleponmhs VARCHAR(20), ";
  $query .= "jurusanmhs VARCHAR(50), PRIMARY KEY (nimmhs))";

  $hasil_query = mysqli_query($link, $query);
  if(!$hasil_query){
      die ("Query Error: ".mysqli_errno($link).
           " - ".mysqli_error($link));
  }
  else {
    echo "Tabel 'tbl_mahasiswa' sukses dibuat... ";
  }
?>

Senin, 10 April 2017

Input Data Dengan PHP ke Database | CRUD Simple

23.08

Melanjutkan BAB Tutorial PHP bersama JNM, pada artikel kali ini saya akan membahas tentang cara Input atau Insert kedalam database menggunakan bahasa pemograman PHP. Sebelum membuat tulisan ini, saya searching di Google mengenai cara input data dengan database, namun banyak sekali yang membuat saya bingung dan mungkin anda juga merasakannya.

Kenapa saya bingung? karena banyak sekali website yang tidak memberikan secara lengkap dan mereka bahkan hanya copy paste saja dari website lain. Oleh karena itu saya cukup gatal dan ingin membagikan kepada anda semua.

Tutorial cara input data menggunakan PHP kali ini, saya menggunakan teknik HTML 5 yang sudah saya posting di website JNM ini, sehingga form yang diguankan sudah Responsive dan sudah kekinian tentunya. Kemudian saya informasikan juga, untuk database menggunakan MySQL. Anda cukup install Xampp dan Untuk editornya cukup menggunakan Notepad++

Silahkan Buka komputer anda
Jalankan Xampp control panel
Pastikan Apache dan MySQL dalam keadaan Running

Anda bisa lihat gambar diatas, Apache dan MySQL berwarna hijau artinya sudah berjalan atau Running

Jika sudah, karena nantinya akan diinput kedalam database, maka anda harus membuat Database dan Tabel pada MySQL.
Sialhakn anda buka browser dan ketikan : http://localhost/phpmyadmin/
Silahkan anda buat database dan tabel :
Nama Database : dbkampus
nama tabel : tbl_mahasiswa
Design tbl_mahasiswa adalah seperti gambar dibawah ini :

Gambar diatas menjelaskan bahwa field pada tbl_mahasiswa terdapat : nimmhs, namamhs,alamatmhs, teleponmhs dan jurusanmhs. semuanya menggunakan jenis Varchar dan nimmhs sebagai Primary Key.

Jika sudah kita akan langsung mengkoding dengan PHP.
Buatlah Folder didalam htdocs
Contoh folder : mahasiswa

Jika sudah kita akan membuat file koneksi_db.php

<?php
$host = "localhost";
$username = "root";
$password = "";
$databasename = "dbkampus";
$connection = mysql_connect($host, $username, $password) or die("Kesalahan Koneksi ... !!");
mysql_select_db($databasename, $connection) or die("Databasenya Error");
?>

Kemudian silahkan anda save
Selanjutnya kita akan membuat layout tampilan php dengan CSS, buat file dengan nama : css_jnm1.css
Kemudian masukan koding dibawah ini :

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;    
}
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

div {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}
body {
 background-color: #999;
}
section {
 width: 80%;
    padding: 20px;
    margin: 20px auto;
 background-color: white;
}
h1 {
 color: #F30;
    font-size: 36px;
}
nav{
 background-color: #4CAF50;
    color: #fff;
    height: 60px;
    margin: 10px 0;
}
nav a{
 float: left;
    padding: 20px;
    height: 20px;
    text-decoration: none;
    color: #FFF;
}
nav a:hover {
 background-color: #1f663a;
}
article {
 min-height: 20px;
    color: #333;
    
}
footer {
 text-align: center;
    display: block;
    margin-botton: 10px;
    
}

Selanjutnya kita akan buat tampil.php

<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8">
<link rel="stylesheet" type="text/css" href="css_jnm1.css">
<title>Input Data PHP | www.javanetmedia.com</title>
</head>
<body>
<section>
 <h1>Javanet Media</h1>
    <nav>
     <a href="tampil.php">Home</a>
        <a href="input.php">Input</a>
        <a href="tampil.php">Edit</a>
        <a href="tampil.php">Hapus</a>
    
    </nav>
    <h2>Data Mahasiswa</h2>
    <article>Data Mahasiswa Javanet Media</article>
 <div>
  <table style="width:100%">
        <tr>
        <th>No</th>
        <th>Kode</th>
        <th>Nama</th>
        <th>Alamat</th>
        <th>Telepon</th>
  <th>Jurusan</th>
    </tr>
    <?php
        include 'koneksi_db.php';
        $query = "SELECT * FROM tbl_mahasiswa ";
        $exe = mysql_query($query);
        $no = 1;
        while($row = mysql_fetch_assoc($exe)){
                        $a = $row['nimmhs'];
                        $b = $row['namamhs'];
                        $c = $row['alamatmhs'];
                        $d = $row['teleponmhs'];
      $e = $row['jurusanmhs'];
        echo "<tr><td>$no</td><td>$a</td><td>$b</td><td>$c</td><td>$d</td><td>$e</td></tr>";
        $no++;
        }
    ?>
    </table>
</div>
</section>
<footer>design by JNM</footer>
</body>
</html>

Koding diatas fungisnya adalah untuk menampilkan data yang ada di dalam table : tbl_mahasiswa
Selanjutnya kita akan membuat input.php

<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8">
<link rel="stylesheet" type="text/css" href="css_jnm1.css">
<title>PHP Input - JNM</title>
</head>
<body>
<section>
 <h1>Javanet Media</h1>
    <nav>
     <a href="tampil.php">Home</a>
        <a href="input.php">Input</a>
        <a href="tampil.php">Edit</a>
        <a href="tampil.php">Hapus</a>
    
    </nav>
    <h2>Input Data Mahasiswa</h2>
    <article>Silahkan Input Data Sesuai Form dibawah ini</article>
 <div>
  <form name="Mahasiswa" method="post" action="simpan.php">
    <label for="fname">NIM Mahasiswa</label>
    <input type="text" id="nimmhs" name="nimmhs" placeholder="Nim..">

    <label for="lname">Nama</label>
    <input type="text" id="namamhs" name="namamhs" placeholder="Nama..">
 <label for="fname">Alamat</label>
    <input type="text" id="alamatmhs" name="alamatmhs" placeholder="Alamat..">

    <label for="lname">Telepon</label>
    <input type="text" id="teleponmhs" name="teleponmhs" placeholder="Telepon..">

    <label for="Jurusan">Jurusan</label>
    <select id="jurusanmhs" name="jurusanmhs">
      <option value="Ekonomi">Ekonomi</option>
      <option value="Hukum">Hukum</option>
      <option value="Sastra">Sastra</option>
    </select>
  
    <input type="submit" name="submit" value="Submit">
  </form>
</div>
</section>
<footer>design by JNM</footer>
</body>
</html>

Satu lagi, silahkan anda buat simpan.php dengan koding dibawah ini :

<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8">
<link rel="stylesheet" type="text/css" href="css_jnm1.css">
<title>Simpan Data Mahasiswa JNM</title>
</head>
<body>
<section>
 <h1>Javanet Media</h1>
    <nav>
     <a href="tampil.php">Home</a>
        <a href="input.php">Input</a>
        <a href="tampil.php">Edit</a>
        <a href="tampil.php">Hapus</a>
    
    </nav>
 <div>
 <?php
  $nim=$_POST['nimmhs'];
  $nama=$_POST['namamhs'];
  $alamat=$_POST['alamatmhs'];
  $telepon=$_POST['teleponmhs'];
  $jurusan=$_POST['jurusanmhs'];

  $koneksi=mysql_connect("localhost","root","");
  mysql_select_db("dbjnm");
  $proses="INSERT INTO tbl_mahasiswa(nimmhs,namamhs,alamatmhs,teleponmhs,jurusanmhs)
  VALUES('$nim','$nama','$alamat','$telepon','$jurusan')";
  $hasil=mysql_query($proses,$koneksi);
  echo "<font color=red size=5>Data Mahasiswa Berhasil Diisi</font>";

 ?>
<br>
<a href="tampil.php"><h3>Lihat Data Mahasiswa</h3></a>
</div>
</section>
<footer>design by JNM</footer>
</body>
</html>

Fungsi simpan.php diatas adalah untuk mengeksekusi simpan data kedalam database.
Jadi secara keseluruhan didalam folder mahasiswa terdapat 5 file yaitu : koneksi_db.php, css_jnm1.css, tampil.php, input.php, simpan.php