Haikal PG - XI RPL 1 - PWPB Sesi 27

Assalamualaikum Warahmatullahi Wabarakatuh
Halo teman-teman gimana kabarnya? semoga sehat selalu ya... . Pada sesi kali ini kita akan memasuki materi database. Kita akan menggunakan Mysql sebagai DBMS (Database Management System) yang singkatnya merupakan software yang digunakan untuk membuat basis data. Kenapa kita menggunakan Mysql? padalah masih banyak DBMS yang lain?. Alasannya yaitu karena Mysql ini Open Source~~. Materi kali ini kita akan mencoba membuat database dan hal pertama yang harus dilakukan karena kita menggunakan Mysql adalah menginstall XAMPP, karena kita sudah menginstallnya dan bagi yang belum menginstallnya silahkan install terlebih dahulu dan jika sudah terinstall kalian nyalakan XAMPP seperti berikut:

Nyalakan Mysql dan Apache.

Maka jika sudah maka teman-teman ketik di URL Web Browser masing-masing seperti ini : localhost/phpmyadmin. Maka akan tampil halaman seperti berikut:

phpmyadmin.

Phpmyadmin merupakan perangkat lunak yang dibuat dengan bahasa PHP yang digunakan untuk administrasi Mysql melalui website, Singkatnya phpmyadmin memudahkan kita untuk membuat database. Ok persiapannya selesai kita mulai buat database....

Step 1

Kita buat terlebih dahulu folder di htdocs dengan hirarki seperti berikut :

Kenapa susunan folder harus seperti diatas? sebenarnya tidak seperti diatas juga tidak apa-apa namun memisah-misah folder seperti diatas ada alasannya:

Struktur folder dibuat agar memudahkan memisah file-file yang berhubungan dengan web kita.
folder lib merupakan file-file yang berhubungan dengan library pembantu.
folder views tempat file-file yang berhubungan dengan tampilan
folder assets merupakan asset-asset yang diperlukan seperti css,images,video, dll.

Step 2

Buat database dan tabelnya seperti berikut:

Caranya yaitu dengan menggunakan phpmyadmin seperti berikut:

buka localhost/phpmyadmin lalu klik 'Database' pada navbar:
Lalu isi form 'Create Database' kita isi dengan 'db_pwpb19' sebagai namanya dan klik 'Go' maka database telah dibuat dan selanjutnya kita diperintahkan untuk membuat tabel.
isi sebanyak 5 kolom dan beri nama tabel sebagai 'siswa' dan klik 'Go' maka akan tampil seperti berikut:

Membuat tabel
isi kolom-kolom dan jangan lupa setiap tabel harus memiliki primary key. Primary key merupakan nilai unik yang dapat mendefinisikan baris/record tabel yang akan kita buat yang artinya nilai 'unik' ini tidak boleh sama dengan yang lainnya. Kita gunakan NIS sebagain Primary Key:

Kolom-kolom pada tabel siswa

Klik 'Save' dan tabel telah dibuat~~.
Kemudian kita isikan data-data dengan klik 'INSERT' pada navbar dan isikan data-data pada tabel yang telah kita buat tadi seperti ini:

Isikan data-data

Klik 'Go' dan tabel telah diisikan data, oh iya isikan tabel tersebut sampai 3 atau lebih isi sesuka kalian asal memenuhi syarat.

Step 3

Database telah dibuat dan siap digunakan dan selanjutnya kita akan menkoneksikan PHP dan Mysql agar terhubung. Teman-teman buat file di folder lib dengan nama library.php dan copykan code berikut:

<?php 
 session_start();

 $host = 'localhost';
 $user = 'root';
 $pass = '';
 $db = 'db_pwpb18';

 $mysqli = mysqli_connect($host, $user, $pass, $db) or die ('Tidak dapat koneksi ke Database/Database tidak ada');

 ?>

Penjelasan :

session_start(); digunakan untuk menyimpan data pada server
$host, $user, $pass, $db merupakan konfigurasi agar terhubung ke database, host diisi denga localhost, user diisi dengan root karena merupakan nilai default jika user tidak diisi, pass merupakan password database nilai defaultnya tidak ada, dan db untuk menghubungkan ke database yang dituju.
mysqli_connect() digunakan untuk menghubungkan ke database yang parameternya diisi sesuai dengan konfigurasi tadi.

Step 4

Buka folder views dan buat file v_index.php dan isikan dengan code berikut:

<!DOCTYPE html>
<html>
<head>
 <title>Haikal Putra Gustiansyah XI RPL 1 Connect DB</title>
</head>
<body>
 <table border="1">
  <thead>
<tr>
    <th>#</th>
    <th>NIS</th>
    <th>Nama Lengkap</th>
    <th>Jenis Kelamin</th>
    <th>Kelas</th>
    <th>Jurusan</th>
   </tr>
</thead>
 </table>
</body>
</html>

Alasan kita membuat file ini adalah sebagai 'penampil' isi dari database.

Step 5
Lalu kita buat file index.php kemudian kita includekan file library.php dan v_index.php dan isikan dengan code berikut:

<?php 
 include 'lib/library.php';


 include 'views/v_index.php';
 ?>

Step 6
Lalu buka file index.php dan gunakan query untuk menampilkan data-data yang ada di database seperti berikut:

<?php 
 include 'lib/library.php';

 $sql = 'SELECT * FROM siswa';
 $listSiswa = $mysqli->query($sql);

 include 'views/v_index.php';
 ?>

$sql digunakan untuk menyimpan String "SELECT * FROM siswa";
dan kemudian dimasukan kedalam query($sql) dan digunakan untuk menampilkan/mencari data-data yang ada didalam tabel siswa.

Step 7
Buka file v_index.php dan copykan code berikut:

<!DOCTYPE html>
<html>
<head>
 <title>Haikal Putra Gustiansyah XI RPL 1 Connect DB</title>
 <style type="text/css">
  body{
   font-family: arial;
   background-color: lightgrey;
  }
  th{
   background-color: cyan;
  }
  td{
   background-color: ghostwhite;
  }
 </style>
</head>
<body>
 <table border="1" cellspacing="0" cellpadding="5">
  <thead>
<tr>
    <th>#</th>
    <th>NIS</th>
    <th>Nama Lengkap</th>
    <th>Jenis Kelamin</th>
    <th>Kelas</th>
    <th>Jurusan</th>
   </tr>
</thead>

  <tbody>
   <?php 
    $i = 1;
    while ($siswa = $listSiswa->fetch_array()) {
    ?>
<tr>
    <td><?= $i++ ?></td>
    <td><?=  $siswa['nis'] ?></td>
    <td><?=  $siswa['nama_lengkap'] ?></td>
    <td><?=  $siswa['jenis_kelamin'] ?></td>
    <td><?=  $siswa['kelas'] ?></td>
    <td><?=  $siswa['jurusan'] ?></td>
   </tr>
<?php } ?>
  </tbody>
 </table>
</body>
</html>

kita melakukan looping menggunakan while dan loop sebanyak data-data yang ada di database. Jika teman-teman terdapat dua data maka akan ada dua data yang tampil dan cara memanggilnya menggunakan fetch->array() dan dimasukkan kedalam sebuah variabel $siswa dan loop terjadi juga pemanggilannya $siswa['nis'] karena merupakan array asosiatif dan akan tampil seperti berikut:

Saya rasa cukup saja sampai disini dan kita akan lanjutkan materi database ini pada sesi selanjutnya, sekian Wassalamualaikum Warahmatullahi Wabarokatuh.

Pemrograman Web Dan Perangkat Bergerak

Cari Blog Ini

Haikal PG - XI RPL 1 - PWPB Sesi 27

Komentar

Posting Komentar

Postingan populer dari blog ini

Haikal PG - XI RPL 1 - PWPB Sesi 19

Haikal PG - XI RPL 1 - PWPB Sesi 12

Haikal PG - XI RPL 1 - PWPB Sesi 14