Selamat datang kembali di SistemIT.com kali ini saya akan melanjutkan sesi belajar ke 7 belajar membuat sistem informasi. Mohon maaf bagi teman-teman yang menunggu agak lama part 7 ini karena beberapa kesibukan dan dalam suasana idul Adha. Sebelumnya saya mengucapkan terimakasih kepada pembaca materi belajar membuat sistem informasi ini yang mengikuti dan mempelajari dengan baik hingga part 6.
Ternyata pembuatan artikel belajar membuat sistem informasi ini banyak memperolah antusias teman teman di seluruh Indonesia khususnya yang ingin serius dalam belajar membuat sistem informasi sampai bisa. dan Belajar membuat sistem informasi yang saya buat ini sudah trending 1 di google dalam kategori pencarian dengan query “belajar membuat sistem informasi”
Baik untuk tidak memperpanjang lagi saya akan melanjutkan belajar membuat sistem informasi part 6. Pada part 7 ini kita akan mempelajari konsep modul dalam php dan membuat kembali data barang yang sudah pernah kita buat dalam part 5, namun kali ini dalam konsep yang lebih tertata dan simple.
Target Part 7
* Membuat Konsep Modul Pada Data Barang
* Menampilkan Data Barang
Download Bahan
DOWNLOAD SOURCE CODE PART 7
Sekilas tentang konsep modul
Saya tidak akan menjelaskan pengertian modul secara rumit namun silahkan anda baca sekilas penjelasan ringan di bawah ini :
Sebelumnya kita telah mengelola folder belajarphp yang kita sederhanakan pada part 6 menjadi sebagai berikut :
Nah, Kita akan membuat data barang yang sebelumnya dapat di akses dengan alamat :
http://localhost/belajarphp/barang.php
menjadi
http://localhost/belajarphp/index.php?modul=barang&aksi=tampil
terdapat dua variable yang saya tambahkan di link yaitu modul dan aksi. nanti nya modul dan aksi ini merupakan variabel penampung untuk modul modul lainnya. Hingga nantinya :
Jika kita ingin mengakses data user maka link sebagai berikut :
http://localhost/belajarphp/index.php?modul=user&aksi=tampil
Jika kita ingin mengakses data pengeluaran barang maka link sebagai berikut :
http://localhost/belajarphp/index.php?modul=keluar&aksi=tampil
Jika kita ingin mengakses data barang masuk maka link sebagai berkut :
http://localhost/belajarphp/index.php?modul=masuk&aksi=tampil
Jadi kita dapat menamai modul dengan
modul=user untuk data user
modul=keluar untuk data pengeluaran barang
modul=masuk untuk data pemasukan barang
Nah. Lebih kurang sampai di sini sudah paham ?? Mari kita lanjutkan materinya dan fokus pada target pembelajaran part 7.
Langkah 1
Sekarang yang perlu kita lakukan adalah mengubah file index.php kita menjadi berikut :
<html> <head> <title>Belajar Sistem PHP</title> <!--Memanggil File CSS--> <link rel="stylesheet" type="text/css" href="style/style.css"> </head> <body> <div class="header"> <h1><center>Belajar Sistem PHP</center></h1> </div> <div class="sidebar-kiri"> <?php include "includes/menu.php"; //ini untuk memanggil file menu ?> </div> <div class="konten"> <?php include "koneksi/koneksi.php"; //untuk koneksi mysql switch($_GET['modul']){ default: echo '<h1>Selamat Datang</h1> <p>Ini adalah contoh konten yang di dalam nya pada umumnya digunakan untuk menampilkan data dari database, konten gambar, tabel, dan lainnya</p>'; break; case "barang": //barang adalah nama modul nya include "modul/barang.php"; break; case "masuk": include "modul/keluar.php"; break; case "keluar": include "modul/masuk.php"; break; } ?> </div> <?php include "includes/footer.php"; //ini untuk memanggil file footer ?> </body> </html>
Di atas saya membuat switch dengan menangkap variable modul dari link dengan perintah $_GET[‘modul’]
Langkah 2
Buat folder baru bernama modul untuk meletakkan file bernama barang.php namun file barang.php yang saya maksud disini akan berbeda dengan part 5 dan tentunya akan lebih simple seperti berikut.
Buat file bernama barang.php dan letakkan di dalam folder modul yang baru kita buat :
isi barang.php yang baru
<?php switch($_GET['aksi']){ case "tampil": //untuk mengakses aksi=tampil echo "<h3>Data Barang</h3>"; $query=mysqli_query($conn,"SELECT * FROM tbl_barang order by kode_barang"); echo "<table border='1' width='600px'> <tr> <th>No</th> <th>Kode Barang</th> <th>Nama Barang</th> <th>Stok</th> <th>Harga</th> </tr>"; $nomor=1; while($tampil=mysqli_fetch_array($query)) { echo "<td>$nomor</td>"; echo "<td>$tampil[kode_barang]</td>"; echo "<td>$tampil[nama_barang]</td>"; echo "<td>$tampil[stok]</td>"; echo "<td>$tampil[harga_barang]</td>"; echo "</tr>"; $nomor++; } echo "</table>"; break; } ?>
Nah. file barang.php ini lebih simple dari yang sebelumnya bukan ?? karena kita sudah menggunakan konsep include dari index.php. Cukup dengan memanggil letak file barang.php. Lalu. Bagaimana mengakses nya ??
untuk mengakses data barang ini kita cukup mengakses http://localhost/belajarphp/index.php?modul=barang&aksi=tampil
Langkah 3
Langkah selanjutnya kita tinggal mengubah link data barang pada menu menjadi :
http://localhost/belajarphp/index.php?modul=barang&aksi=tampil
lihat kode perubahan menu.php berikut :
<div class="menu"> <ul> <li><a style='color:white' href='http://localhost/belajarphp/index.php'>Home</a></li> <li><a style='color:white' href='http://localhost/belajarphp/index.php?modul=barang&aksi=tampil'>Data Barang</a></li> <li>Menu 2</li> <li>Menu 3</li> <li>Menu 4</li> <li>Menu 5</li> <li>Menu 6</li> </ul> </div>
Maka data barang dapat tampil seperti berikut :
Selanjutnya kita akan membuat tambah data barang, aksi tambah data barang, edit data barang, aksi edit data barang, dan aksi hapus data barang. Cukup dengan memodifikasi file modul/barang.php dengan menambahkan case case lain misal :
case “tambahbarang”: //untuk interface tambah barang
//isi kode
break;
dan case lainnya. lihat kode barang.php di bawah yang sudah saya tambahkan case lain :
<?php switch($_GET['aksi']){ case "tampil": //untuk mengakses aksi=tampil echo "<h3>Data Barang</h3>"; $query=mysqli_query($conn,"SELECT * FROM tbl_barang order by kode_barang"); echo "<table border='1' width='600px'> <tr> <th>No</th> <th>Kode Barang</th> <th>Nama Barang</th> <th>Stok</th> <th>Harga</th> </tr>"; $nomor=1; while($tampil=mysqli_fetch_array($query)) { echo "<td>$nomor</td>"; echo "<td>$tampil[kode_barang]</td>"; echo "<td>$tampil[nama_barang]</td>"; echo "<td>$tampil[stok]</td>"; echo "<td>$tampil[harga_barang]</td>"; echo "</tr>"; $nomor++; } echo "</table>"; break; case "tambah": //untuk interface tambah barang //isi kode break; case "aksitambah": //untuk aksi tambah barang //isi kode break; case "edit": //untuk interface edit barang //isi kode break; case "aksiedit": //untuk aksi mengedit barang //isi kode break; case "aksihapus": //untuk aksi menghapus data barang //isi kode break; } ?>
Baik demikianlah materi belajar sistem informasi part 7 kali ini. Kita akan melanjutkan materi tambah, edit, dan hapus data pada materi belajar sistem informasi part 8. Silahkan simak dan akes sistemit.com untuk melihat update artikel dari saya. Terimakasih. Semangat belajar.
Belajar Membuat Sistem Informasi Part – 8
By Khairul Umam Admin sistemit.com
kontak :