Modul Web Programming III

KATA PENGANTAR
Segala puji syukur kepada Tuhan Yang Maha Esa karena berkat rahmatNya penulisan
modul Mata Kuliah Web Programming III dapat terselesaikan dengan baik. Modul ini disusun
untuk memenuhi kebutuhan mahasiswa dalam mata kuliah Web Programming III yang
disajikan dalam bentuk praktikum dan diharapkan dapat membekali mahasiswa dalam
memahami Pembuatan web dengan menggunakan Framework Codeigniter.
Modul Web Programming III merupakan kelanjutan dari modul sebelumnya yaitu
Web Programming II. Pada web Programming II materi bahasan dibatasi sampai dengan
halaman Administrator (Back-End), dan pada modul ini dilanjutkan dengan membuat
halaman pengunjung (Front-End), pengelolaan transaksi booking buku, laporan-laporan,
dan setting IP untuk membuat client-server. Diakhir perkuliahan mahasiswa diharapkan
mampu mengimplementasikannya dalam bentuk final proect yang harus dipresentasikan
sebagai syarat kelulusan mata kuliah Web Programming III. Teknik penyajiannya dilakukan
secara terpadu dan sistematis.
Seperti layaknya sebuah modul, maka pembahasan dimulai dengan menjelaskan

target pembelajaran yang hendak dicapai. Dengan demikian pengguna modul ini secara
mandiri dapat mengukur tingkat ketuntasan yang dicapainya.
Penulis menyadari sepenuhnya bahwa modul ini tentu memiliki banyak kekurangan.
Untuk itu penulis dengan lapang dada menerima masukan dan kritik yang konstruktif dari
berbagai pihak demi kesempurnaannya di masa yang akan datang. Semoga modul ini dapat
bermanfaat bagi para penggunanya.
Jakarta, Maret 2020
Tim Penyusun
Unit Pengembangan Akademik
Program Studi Sistem Informasi
2
DAFTAR ISI
Halaman
KATA PENGANTAR............................................................................................................................................... 2
DAFTAR ISI .............................................................................................................................................................. 3
MINGGU KE 1 Penjelasan Kontrak Kuliah, Penegasan tugas project, Persiapan aplikasi
pustaka-booking .................................................................................................................................................... 4
MINGGU KE 2 Membuat Tampilan Katalog Buku dan Detail Buku .................................................. 8
MINGGU KE 3 Membuat Halaman Login dan Pendaftaran Anggota ............................................. 19
MINGGU KE 4 Membuat Halaman Transaksi booking peminjaman ............................................. 35
MINGGU KE 5 Membuat Halaman Lihat Keranjang Peminjaman dan Selesai Booking ......... 49
MINGGU KE 6 Membuat Halaman Pengambilan dan Pengembalian Buku ................................ 58
MINGGU KE 7 Membuat dan Mencetak Laporan Data Buku ke Printer ...................................... 75
MINGGU KE 9 Membuat dan Mencetak Laporan Data Buku ke Tampilan Pdf dan Excel ..... 83
MINGGU KE 10 Membuat Laporan Peminjaman Dan Setting Akses Client-Server ................. 89
MINGGU KE 11-15 Presentasi Project .................................................................................................... 103
3
MINGGU KE 1
Penjelasan Kontrak Kuliah, Penegasan tugas project, Persiapan aplikasi pustaka-
booking
Deskripsi:
Membahas persiapan dasar untuk memulai sebuah projek aplikasi berbasis web, dalam hal ini
kasus yang di angkat adalah perpustakaan, dan dapat memahami desain dan modifikasi
database.
Tujuan Pembelajaran:
Setelah melakukan bagian ini mahasiswa mampu:
1. Memahami projek yang harus mereka buat dan presentasikan
2. Merancang, membuat, dan memodifikasi database
3. Melakukan Koneksi database
A. Penjelasan Kontrak Kuliah dan Penegasan Tugas Project

1. Tugas Projek (Kelompok)
Tugas project diadakan untuk memperoleh nilai UTS dan UAS, dengan kata lain tugas
projek ini sebagai pengganti UTS dan UAS. Tugas ini dikerjakan secara kelompok dengan
maksimal 1 kelompok sebanyak 5 mahasiswa.
2. Pembagian Kelompok
Untuk pembagian kelompok ditentukan oleh dosen pengampu matakuliah, disesuaikan
dengan kelompok tugas pada matakulian yang lain. Seperti matakuliah APSI, IMK, dan
MPSI
3. Bentuk Tugas (Kelompok)
Bentuk Tugas Project :
a. Project merupakan program aplikasi jadi mulai dari Back-End, Front-End , dengan
menambahkan laporan pada project aplikasi, tema project harus sama dengan tema
yang diambil pada mata kuliah APSI, IMK, MPSI.
4
b. Setelah pertemuan ke 11, masing-masing kelompok wajib demo program yang telah
dikerjakan (Presentasi)
B. Persiapan Aplikasi Perpustakaan

1. Persiapan Database pustaka
Pastikan database dan Tabel sudah terbentuk seperti di bawah ini
a. Tabel user
b. Tabel role
c. Tabel kategori
5
d. Tabel buku
e. Tabel temp
f. Tabel booking
6
g. Tabel booking_detail
h. Tabel pinjam
i. Tabel detail_pinjam
C. Persiapan aplikasi perpustakaan halaman admin (Back-End)

Pastikan mahasiswa sudah mengerjakan materi pustaka-booking halaman admin yang
sudah dipelajari pada mata kuliah Web Programming II . materi dapat didownload pada link
berikut: download materi pustaka-booking (Web II). Untuk tools pendukung pembelajaran
bisa di download pada link: download tools web programming III.
Tugas 1
1. Dosen memeriksa pekerjaan mahasiswa di point B (database) dan C (aplikasi
perpustakaan halaman admin)
2. Mahasiswa mengerjakan materi yang ada di pertemuan 2 yaitu membuat
halaman katalog buku dan detail buku
3. Point 2 dikumpulkan dan dinilai oleh Dosen
7
MINGGU KE 2
Membuat Tampilan Katalog Buku dan Detail Buku
Deskripsi:
Membahas bagaimana cara membuat tampilan katalog buku dan halaman detail buku.
Halaman katalog buku digunakan untuk menampilkan keseluruhan data buku yang ada di
database.
1. Membuat halaman katalog buku
2. Membuat halaman detail buku
3. Membuat halaman controller member
Hasil akhir dari pertemuan 2 ini adalah tampilan halaman katalog buku dan detail
buku seperti berikut:
8
Halaman Detail buku
A. Membuat Controller Home

Buatlah sebuah controller baru dengan nama Home.php. Dengan script sebagai berikut:
<?php
class Home extends CI_Controller

{
function __construct()
{
parent::__construct();
}
public function index()

{
$data = [
'judul' => "Katalog Buku",
'buku' => $this->ModelBuku->getBuku()->result(),
];
//jika sudah login dan jika belum login
9
if ($this->session->userdata('email')) {
$user = $this->ModelUser->cekData(['email' => $this->session-
>userdata('email')])->row_array();
$data['user'] = $user['nama'];
$this->load->view('templates/templates-user/header', $data);
$this->load->view('buku/daftarbuku', $data);
$this->load->view('templates/templates-user/footer', $data);
} else {
$data['user'] = 'Pengunjung';
$this->load->view('buku/daftarbuku', $data);
}
}
Pada controller Home dilakukan pemanggilan view header, daftarbuku, modal, dan
footer. Oleh karena itu pastikan view-view tersebut telah dibuat sebelum memanggil
controller Home. Pada controller ini juga dilakukan pengecekkan terhadap user. Jika sudah
login, maka akan muncul nama user pada menu header, dan jika belum login maka akan
muncul kata pengunjung pada header.
B. Membuat View untuk Template User

1. Membuat view header
Buat sebuah file dengan nama header.php pada folder
Application/views/templates/templates-user. Tulis script berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Pustaka-Booking | <?= $judul; ?></title>
<link rel="icon" type="image/png" href="<?= base_url('assets/img/logo/'); ?>l
ogo-pb.png">
<link rel="stylesheet" href="<?= base_url('assets/'); ?>user/css/bootstrap.cs
s">
10
<link href="<?= base_url('assets/'); ?>vendor/fontawesome-
free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="<?= base_url('assets/'); ?>datatable/datatables.css" rel="stylesh
eet" type="text/css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="<?= base_url(); ?>">Pustaka</a>
<button class="navbar-toggler" type="button" data-
toggle="collapse" data-target="#navbarNavAltMarkup" aria-
controls="navbarNavAltMarkup" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">

<div class="navbar-nav">
<a class="nav-item nav-
link active" href="<?= base_url(); ?>">Beranda <span class="sr-
only">(current)</span></a>
<?php
if (!empty($this->session->userdata('email'))) { ?>
<a class="nav-item nav-link" href="#">Booking Buku</a>

link" href="<?= base_url('member/myprofil'); ?>">Profil Saya</a>
link" href="<?= base_url('member/logout'); ?>"><i class="fas fw fa-
login"></i> Log out</a>
<?php } else { ?>
<a class="nav-item nav-link" data-toggle="modal" data-

target="#daftarModal" href="#"><i class="fas fw fa-login"></i> Daftar</a>
<a class="nav-item nav-link" data-toggle="modal" data-

target="#loginModal" href="#"><i class="fas fw fa-login"></i> Log in</a>
<?php } ?>
<span class="nav-item nav-link nav-
right" style="display:block; margin-
left:20px;">Selamat Datang <b><?= $user; ?></b></span>
</div>
11
</div>
</div>
</nav>
<div class="container mt-5">
2. Membuat view footer

Buat sebuah file dengan nama footer.php pada folder
Application/views/templates/templates-user. Tulis script berikut:
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-
q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="an
onymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.m
in.js" integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="an
onymous"></script>
<script src="<?= base_url(); ?>assets/user/js/bootstrap.js"></script>
<script src="<?= base_url('assets/'); ?>vendor/jquery/jquery.min.js"></script>

<script src="<?= base_url('assets/'); ?>vendor/bootstrap/js/bootstrap.bundle.min.
js"></script>


<script src="<?= base_url('assets/'); ?>vendor/jquery-
easing/jquery.easing.min.js"></script>


<script src="<?= base_url('assets/'); ?>js/sb-admin-2.min.js"></script>
<script>
$('.alert').alert().delay(3000).slideUp('slow');
</script>
</body>
</html>
C. Membuat View daftarbuku

Buatlah sebuah file view baru dengan nama daftarbuku.php pada folder
Application/views/buku. Ketikkan script berikut:
12
<?= $this->session->flashdata('pesan'); ?>
<div style="padding: 25px;">

<div class="x_panel">
<div class="x_content">


<div class="row">

<?php foreach ($buku as $buku) { ?>
<div class="col-md-2 col-md-3">
<div class="thumbnail" style="height: 370px;">
<img src="<?php echo base_url(); ?>assets/img
/upload/<?= $buku->image; ?>" style="max-width:100%; max-
height: 100%; height: 200px; width: 180px">
<div class="caption">
<h5 style="min-height:30px;"><?= $buku-
>pengarang ?></h5>
<h5><?= $buku->penerbit ?></h5>
<h5><?= substr($buku-
>tahun_terbit, 0, 4) ?></h5>
<p>
<?php
if ($buku->stok < 1) {
echo "<i class='btn btn-outline-
primary fas fw fa-shopping-cart'> Booking &nbsp 0</i>";
} else {
echo "<a class='btn btn-outline-
primary fas fw fa-shopping-
cart' href='" . base_url('booking/tambahBooking/' . $buku-
>id) . "'> Booking</a>";
}
?>
<a class="btn btn-outline-

warning fas fw fa-search" href="<?= base_url('home/detailBuku/' . $buku-
>id); ?>"> Detail</a></p>
</div>
</div>
</div> <?php } ?>

</div>
13
</div>
</div>
</div>
D. Mengatur controller default

Pada file routes.php, ubah controller default menjadi home.
Hasil akhir:
14
E. Membuat Halaman Detail Buku
1. Membuat fungsi detailBuku
Pada halaman dafatar buku, terdapat link untuk melihat detail buku. Dimana link
tersebut mengarahkan ke controller halaman/detailbuku. Oleh karena itu kita harus
membuat fungsi detailBuku.php pada controller Home
Tambahkan sebuah fungsi baru dengan nama detailBuku pada controller Home
public function detailBuku()

{
$id = $this->uri->segment(3);
$buku = $this->ModelBuku->joinKategoriBuku(['buku.id' => $id])->result();
$data['user'] = "Pengunjung";
$data['title'] = "Detail Buku";
foreach ($buku as $fields) {

$data['judul'] = $fields->judul_buku;
$data['pengarang'] = $fields->pengarang;
$data['penerbit'] = $fields->penerbit;
$data['kategori'] = $fields->kategori;
$data['tahun'] = $fields->tahun_terbit;
$data['isbn'] = $fields->isbn;
$data['gambar'] = $fields->image;
$data['dipinjam'] = $fields->dipinjam;
$data['dibooking'] = $fields->dibooking;
$data['stok'] = $fields->stok;
$data['id'] = $id;
}
$this->load->view('buku/detail-buku', $data);
$this->load->view('templates/templates-user/footer');
}
15
Buka kembali ModelUser.php yang pernah dibuat, kemudian edit pada bagian fungsi
JoinKategoriBuku(), dengan skrip sebagai berikut:
public function joinKategoriBuku($where)

{
$this->db->from('buku');
$this->db->join('kategori','kategori.id = buku.id_kategori');
$this->db->where($where);
return $this->db->get();
}
2. Membuat view detail-buku

Buat file detail-buku.php pada folder Application/views/buku untuk menampilkan
halaman detail buku.
<div class="x_panel" align="center">
<div class="x_content">
<div class="row">
<div class="col-sm-3 col-md-3">
<div class="thumbnail" style="height: auto; position: relative; left: 1
00%; width: 200%;">
<img src="<?php echo base_url(); ?>assets/img/upload/<?= $gambar; ?>"
style="max-width:100%; max-height: 100%; height: 150px; width: 120px">
<div class="caption">
<h5 style="min-height:40px;" align="center"><?= $pengarang ?></h5>
<center>
<table class="table table-stripped">
<tr>
<th nowrap>Judul Buku: </th>
<td nowrap><?= $judul; ?></td>
<td> </td>
<th>Kategori: </th>
<td><?= $kategori ?></td>
</tr>
<tr>
<th nowrap>Penerbit: </th>
<td><?= $penerbit ?></td>
<td> </td>
<th>Dipinjam: </th>
<td><?= $dipinjam ?></td>
16
</tr>
<tr>
<th nowrap>Tahun Terbit: </th>
<td><?= substr($tahun, 0, 4) ?></td>
<td> </td>
<th>Dibooking: </th>
<td><?= $dibooking ?></td>
</tr>
<tr>
<th>ISBN: </th>
<td><?= $isbn ?></td>
<td> </td>
<th>Tersedia: </th>
<td><?= $stok ?></td>
</tr>
</table>
</center>
<p>
<a class="btn btn-outline-primary fas fw fa-shopping-
cart" href="<?= base_url('booking/tambahBooking/' . $id); ?>"> Booking</a>
<span class="btn btn-outline-secondary fas fw fa-
reply" onclick="window.history.go(-1)"> Kembali</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
17
Hasil akhir
Tugas 2
halaman Login dan Pendaftaran Anggota
18
MINGGU KE 3
Membuat Halaman Login dan Pendaftaran Anggota
Deskripsi:
Membahas bagaimana cara membuat halaman daftar dan login anggota serta memodifikasi
profile anggota. Untuk halaman daftar dan login menggunakan modal.
1. Membuat halaman daftar anggota dengan modal
2. Membuat halaman login anggota dengan modal
3. Memodifikasi data anggota
Hasil dari pertemuan 3 ini adalah halaman Login dan daftar anggota, serta halaman
profile anggota seperti berikut ini:
Halaman Login dan daftar
Halaman Profile anggota
19
Secara default jika sistem belum melakukan login maka menu pada header berisi
Daftar dan Login. Sedangkan jika sudah melakukan login menu akan berubah menjadi
Booking, Profile saya dan Logout. Pada pertemuan ini akan dibahas mengenai fungsi-
fungsi tersebut. Untuk menu Booking akan dibahas dipertemuan berikutnya.
Kondisi menu sebelum login kondisi menu setelah login
Untuk membuat halaman Login dan daftar, kita menggunakan modal. Pemanggilan
modal ada pada halaman header.php yang telah kita buat pada pertemuan ke 2
A. Membuat Halaman Login dan Daftar Anggota

Buat Buat sebuah file dengan nama modal.php pada folder
Application/views/templates/templates-user. view modal berfungsi untuk membuat
tampilan halaman login dan daftar member. Ketikkan script berikut:


<div class="modal fade" tabindex="-1" id="loginModal" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Login Member</h5>
<button type="button" class="close" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action="<?= base_url('member'); ?>" method="post">
20
<div class="modal-body">
<div class="form-group row">
<label for="email" class="col-sm-2 col-form-
label">Email</label>
<div class="col-sm-10">
<input type="text" class="form-
control" id="email" name="email" placeholder="Alamat Email">
</div>
</div>
<label for="inputPassword" class="col-sm-2 col-form-
label">Password</label>
<input type="password" class="form-
control" id="password" name="password" placeholder="Password">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-
dismiss="modal">Close</button>
<button type="submit" class="btn btn-outline-
primary">Log in</button>
</div>
</form>
</div>
</div>
</div>



<div class="modal fade" tabindex="-1" id="daftarModal" role="dialog">
<h5 class="modal-title">Daftar Anggota</h5>
label="Close">
</button>
</div>
<form action="<?= base_url('member/daftar'); ?>" method="post">
<div class="form-group">
21
<input type="text" class="form-control form-control-
user" id="nama" name="nama" placeholder="Nama Lengkap">
</div>
user" id="alamat" name="alamat" placeholder="Alamat Lengkap">
</div>
user" id="email" name="email" placeholder="Alamat Email">
</div>
<input type="password" class="form-control form-control-
user" id="password1" name="password1" placeholder="Password">
</div>
<input type="password" class="form-control form-control-
user" id="password2" name="password2" placeholder="Ulangi Password">
</div>
</div>
<button type="button" class="btn btn-outline-secondary" data-
dismiss="modal">Close</button>
<button type="submit" class="btn btn-outline-
primary">Simpan</button>
</div>
</form>
</div>
</div>
</div>



<div class="modal fade" tabindex="-1" id="modalinfo" role="dialog">
<h5 class="modal-title">Informasi</h5>
label="Close">
</button>
</div>
22
<span class="alert alert-message alert-
success">Waktu Pengambilan Buku 1x24 jam dari Booking!!!</span>
</div>
<a class="btn btn-outline-info" href="<?= base_url(); ?>">Ok</a>
</div>
</div>
</div>
</div>

Untuk memanggil halaman login, sistem memanggil id loginModal yang ada pada file
modal.php. sedangkan untuk memanggil halaman daftar sistem memanggil id daftarModal
23
Untuk dapat memanggil view modal.php ini, kita akan lakukan pengeditan pada
controller Home.php (fungsi index dan detailBuku)yang telah kita buat sebelumnya,
dengan menambahkan pemanggilan file modal.php tersebut.
24
B. Membuat Controller Member
Controller member berisi fungsi-fungsi seperti pengecekan data login, pendaftaran
anggota, management profile, dan fungsi logout. Buatlah sebuah controller dengan nama
Member.php
1. Membuat fungsi login
Buatlah fungsi _login pada controller Member yang berisi coding untuk melakukan
pengecekan login. Sistem akan mengarahkan ke halaman home setelah proses login
dilakukan.
<?php
class Member extends CI_Controller

{
{
}

{
$this->_login();
}
private function _login()

{
$email = htmlspecialchars($this->input->post('email', true));
$password = $this->input->post('password', true);
$user = $this->ModelUser->cekData(['email' => $email])->row_array();
//jika usernya ada

if ($user) {
//jika user sudah aktif
if ($user['is_active'] == 1) {
//cek password
if (password_verify($password, $user['password'])) {
$data = [
'email' => $user['email'],
'role_id' => $user['role_id'],
'id_user' => $user['id'],
'nama' => $user['nama']
25
];
$this->session->set_userdata($data);
redirect('home');
} else {
$this->session-
>set_flashdata('pesan', '<div class="alert alert-danger alert-
message" role="alert">Password salah!!</div>');
redirect('home');
}
} else {
$this->session->set_flashdata('pesan', '<div class="alert alert-
danger alert-message" role="alert">User belum diaktifasi!!</div>');
redirect('home');
}
} else {
danger alert-message" role="alert">Email tidak terdaftar!!</div>');
redirect('home');
}
}
2. Membuat fungsi daftar

Fungsi daftar member berisi script tentang proses penyimpanan data pendaftar. Silakan
tambahkan fungsi dengan nama daftar pada controller Member, dan ketikkan coding
berikut:
public function daftar()

{
$this->form_validation->set_rules('nama', 'Nama Lengkap', 'required', [
'required' => 'Nama Belum diis!!'
]);
$this->form_validation-
>set_rules('alamat', 'Alamat Lengkap', 'required', [
'required' => 'Alamat Belum diis!!'
]);
>set_rules('email', 'Alamat Email', 'required|trim|valid_email|is_unique[user.ema
il]', [
'valid_email' => 'Email Tidak Benar!!',
'required' => 'Email Belum diisi!!',
26
'is_unique' => 'Email Sudah Terdaftar!'
]);
>set_rules('password1', 'Password', 'required|trim|min_length[3]|matches[password
2]', [
'matches' => 'Password Tidak Sama!!',
'min_length' => 'Password Terlalu Pendek'
]);
>set_rules('password2', 'Repeat Password', 'required|trim|matches[password1]');
$email = $this->input->post('email', true);

$data = [
'nama' => htmlspecialchars($this->input->post('nama', true)),
'alamat' => $this->input->post('alamat', true),
'email' => htmlspecialchars($email),
'image' => 'default.jpg',
'password' => password_hash($this->input-
>post('password1'), PASSWORD_DEFAULT),
'role_id' => 2,
'is_active' => 1,
'tanggal_input' => time()
];
$this->ModelUser->simpanData($data);
success alert-
message" role="alert">Selamat!! akun anggota anda sudah dibuat.</div>');
redirect(base_url());
}
3. Membuat fungsi myProfil

Fungsi myProfil digunakan untuk menampilkan data profil anggota yang sedang
aktif/login. Dengan mengirimkan data ke dalam view index. Berikut scrip fungsi myProfil
public function myProfil()

{
$data['judul'] = 'Profil Saya';
foreach ($user as $a) {

$data = [
'image' => $user['image'],
27
'user' => $user['nama'],
'tanggal_input' => $user['tanggal_input'],
];
}
$this->load->view('member/index', $data);
$this->load->view('templates/templates-user/modal');
}
Pada script diatas, sistem memanggil view index yang ada di folder member. Oleh
karena itu kita akan membuat sebuah file index.php di folder
Application/views/member. Isi dari script index sebagai berikut:


<div class="container-fluid">
<div class="row">
<div class="col-lg-6 justify-content-x">
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">

<div class="row no-gutters">
<div class="col-md-4">
<img src="<?= base_url('assets/img/profile/') . $image; ?>" class
="card-img" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title"><?= $user; ?></h5>
<p class="card-text"><?= $email; ?></p>
<p class="card-text"><small class="text-
muted">Jadi member sejak: <br><b><?= date('d F Y', $tanggal_input); ?></b></small
></p>
</div>
<div class="btn btn-info ml-3 my-3">
<a href="<?= base_url('member/ubahprofil'); ?>" class="text t
ext-white"><i class="fas fa-user-edit"></i> Ubah Profil</a>
</div>
</div>
</div>
28
</div>
</div>

</div>

Hasil dari scrip tersebut adalah :
4. Membuat fungsi ubahProfil

Fungsi ubahProfil digunakan untuk melakukan perubahan terhadap data member.
Berikut script program fungsi ubahProfil yang ada pada controller Member
public function ubahProfil()

{
$data['judul'] = 'Profil Saya';

$data = [
'tanggal_input' => $user['tanggal_input'],
];
}
29
>set_rules('nama', 'Nama Lengkap', 'required|trim', [
'required' => 'Nama tidak Boleh Kosong'
]);
if ($this->form_validation->run() == false) {
$this->load->view('member/ubah-anggota', $data);
} else {
$nama = $this->input->post('nama', true);
$email = $this->input->post('email', true);
//jika ada gambar yang akan diupload

$upload_image = $_FILES['image']['name'];
if ($upload_image) {
$config['upload_path'] = './assets/img/profile/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = '3000';
$config['max_width'] = '1024';
$config['max_height'] = '1000';
$config['file_name'] = 'pro' . time();
$this->load->library('upload', $config);
if ($this->upload->do_upload('image')) {
$gambar_lama = $data['user']['image'];
if ($gambar_lama != 'default.jpg') {
unlink(FCPATH . 'assets/img/profile/' . $gambar_lama);
}
$gambar_baru = $this->upload->data('file_name');
$this->db->set('image', $gambar_baru);
} else {
}
}
$this->db->set('nama', $nama);
$this->db->where('email', $email);
$this->db->update('user');
30
success alert-message" role="alert">Profil Berhasil diubah </div>');
redirect('member/myprofil');
}
}
Pada saat tombol ubah profil diklik, sistem akan mengarahkan ke view ubah-
anggota.php, dimana file view tersebut menampilkan data profil anggota untuk diedit.
Adapun data yang bisa diedit hanya nama anggota dan gambar. Berikut script ubah-
anggota.php yang ditulis di folder Application/views/member.

<div class="row">
<div class="col-lg-9">
<?= form_open_multipart('member/ubahprofil'); ?>
<label for="email" class="col-sm-2 col-form-label">Email</label>
control" id="email" name="email" value="<?= $email; ?>" readonly>
</div>
</div>
<label for="nama" class="col-sm-2 col-form-
label">Nama Lengkap</label>
control" id="nama" name="nama" value="<?= $user; ?>">
<?= form_error('nama', '<small class="text-danger pl-
3">', '</small>'); ?>
</div>
</div>
<div class="col-sm-2">Gambar</div>
<div class="row">
<img src="<?= base_url('assets/img/profile/') . $imag
e; ?>" class="img-thumbnail" alt="">
</div>
31
<div class="custom-file">
<input type="file" class="custom-file-
input" id="image" name="image">
<label class="custom-file-
label" for="image">Pilih file</label>
</div>
</div>
</div>
</div>
</div>
<div class="form-group row justify-content-end">

<button type="submit" class="btn btn-primary">Ubah</button>
<button class="btn btn-dark" onclick="window.history.go(-
1)"> Kembali</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
32
Hasil akhir perubahan data profil.
5. Membuat fungsi Logout
Berikut script untuk fungsi logout, script berada di controller Member.php
public function logout()

{
$this->session->unset_userdata('email');
$this->session->unset_userdata('role_id');

success alert-message" role="alert">Anda telah logout!!</div>');
redirect('home');
}
6. Merubah Pustaka Helper

Buka kembali pustaka helper yang pernah dibuat (pustaka_helper.php). edit file tersebut
seperti script berikut:
<?php
function cek_login()
33
{
$ci = get_instance();
if (!$ci->session->userdata('email')) {
$ci->session->set_flashdata('pesan', '<div class="alert alert-
danger" role="alert">Akses ditolak. Anda belum login!! </div>');
if ($ci->session->userdata('role_id') == 1) {
redirect('autentifikasi');
} else {
redirect('home');
}
} else {
$role_id = $ci->session->userdata('role_id');
$id_user = $ci->session->userdata('id_user');
}
}
function cek_user()
{
$ci = get_instance();
$role_id = $ci->session->userdata('role_id');
if ($role_id != 1) {
$ci->session->set_flashdata('pesan', '<div class="alert alert-
danger" role="alert">Akses tidak diizinkan </div>');
redirect('home');
}
}
Tugas 3
halaman Transaksi Booking Peminjaman
34
MINGGU KE 4
Membuat Halaman Transaksi booking peminjaman
Deskripsi:
Membahas bagaimana cara membuat dan memodifikasi halaman transaksi booking
peminjaman. Halaman transaksi booking peminjaman digunakan untuk menyimpan data
buku yang dipinjam, anggota dapat menghapus atau menambah buku yang telah dibooking.
1. Membuat sebuah controller booking dan pinjam
2. Memodifikasi controller booking dan pinjam
3. Memodifikasi halaman booking buku
Hasil dari pertemuan ini adalah membuat halaman transaksi booking peminjaman
seperti berikut:
Pada tahap ini user melakukan klik tombol booking pada buku yang diinginkan,
kemudian data buku yang di klik tersebut akan dimasukkan ke dalam keranjang dalam hal
ini tabel temp sebagai tabel sementara yang digunakan untuk menyimpan data buku pada
saat klik tombol booking.
35
Setelah booking, untuk menyelesaikan transaksi booking user harus melihat tampilan
keranjang. Pada tampilan keranjang ini ada dua(2) tombol yaitu tombol lanjutkan booking
dan tombol selesai booking.
Tombol lanjutkan booking digunakan untuk bisa booking buku yang lainnya apabila
user ingin melakukan booking buku yang lain. Sedangkan tombol selesai booking digunakan
untuk menyelesaikan booking agar data booking buku ini masuk ke sistem dan di proses
oleh sistem dan bisa dilakukan peminjaman buku.
A. Membuat Model Booking
Model booking berisi script mengenai fungsi-fungsi pengaksesan database. Seperti

perintah simpan, edit, hapus, update, dll. Pada model booking, perintah hanya untuk proses
booking buku.
Buatlah sebuah sebuah model baru dengan nama ModelBooking.php lalu ketikkan
perintah berikut:
<?php if (!defined('BASEPATH')) exit('No direct script access allowed');
class ModelBooking extends CI_Model

{
public function getData($table)
{
return $this->db->get($table)->row();
}
public function getDataWhere($table, $where)

{
return $this->db->get($table);
}
public function getOrderByLimit($table, $order, $limit)

{
$this->db->order_by($order, 'desc');
$this->db->limit($limit);
return $this->db->get($table);
}
public function joinOrder($where)
36
{
$this->db->select('*');
$this->db->from('booking bo');
$this->db->join('booking_detail d', 'd.id_booking=bo.id_booking');
$this->db->join('buku bu ', 'bu.id=d.id_buku');
}
public function simpanDetail($where = null)

{
$sql = "INSERT INTO booking_detail (id_booking,id_buku) SELECT booking.id
_booking,temp.id_buku FROM booking, temp WHERE temp.id_user=booking.id_user AND b
ooking.id_user='$where'";
$this->db->query($sql);
}
public function insertData($table, $data)

{
$this->db->insert($table, $data);
}
public function updateData($table, $data, $where)

{
$this->db->update($table, $data, $where);
}
public function deleteData($where, $table)

{
$this->db->delete($table);
}
public function find($where)

{
//Query mencari record berdasarkan ID-nya
$this->db->limit(1);
return $this->db->get('buku', $where);
}
public function kosongkanData($table)

{
return $this->db->truncate($table);
}
37
public function createTemp()
{
$this->db-
>query('CREATE TABLE IF NOT EXISTS temp(id_booking varchar(12), tgl_booking DATET
IME, email_user varchar(128), id_buku int)');
}
public function selectJoin()

{
$this->db->from('booking');
$this->db-
>join('booking_detail', 'booking_detail.id_booking=booking.id_booking');
$this->db->join('buku', 'booking_detail.id_buku=buku.id');
}
public function showtemp($where)

{
return $this->db->get('temp', $where);
}
public function kodeOtomatis($tabel, $key)

{
$this->db->select('right(' . $key . ',3) as kode', false);
$this->db->order_by($key, 'desc');
$query = $this->db->get($tabel);
if ($query->num_rows() <> 0) {
$data = $query->row();
$kode = intval($data->kode) + 1;
} else {
$kode = 1;
}
$kodemax = str_pad($kode, 3, "0", STR_PAD_LEFT);

$kodejadi = date('dmY') . $kodemax;
return $kodejadi;
}
}
38
B. Membuat Model Pinjam
Model pinjam pada dasarnya memiliki fungsi yang sama seperti model booking. Yang
berbeda hanya tabel yang terlibat didalamnya. Model pinjam khusus untuk menangani
proses yang berhubungan dengan tabel pinjam.
Buatlah sebuah sebuah model baru dengan nama ModelPinjam.php lalu ketikkan
perintah berikut:
<?php if (!defined('BASEPATH')) exit('No Direct Script Access Allowed');
class ModelPinjam extends CI_Model

{
//manip table pinjam
public function simpanPinjam($data)
{
$this->db->insert('pinjam', $data);
}
public function selectData($table, $where)

{
return $this->db->get($table, $where);
}
public function updateData($data, $where)

{
$this->db->update('pinjam', $data, $where);
}
public function deleteData($tabel, $where)

{
$this->db->delete($tabel, $where);
}
public function joinData()

{
$this->db->from('pinjam');
$this->db-
>join('detail_pinjam', 'detail_pinjam.no_pinjam=pinjam.no_pinjam', 'Right');
return $this->db->get()->result_array();
39
}
//manip tabel detai pinjam

public function simpanDetail($idbooking, $nopinjam)
{
$sql = "INSERT INTO detail_pinjam (no_pinjam,id_buku) SELECT pinjam.no_pi
njam,booking_detail.id_buku FROM pinjam, booking_detail WHERE booking_detail.id_b
ooking=$idbooking AND pinjam.no_pinjam='$nopinjam'";
$this->db->query($sql);
}
}
Setelah kita membuat ModelBooking.php dan ModelPinjam.php, selanjutnya edit file
Autoload.php bagian model, dengan menambahkan ModelBooking dan ModelPinjam.
Lakukan pengeditan pada file header.php, pada bagian menu booking buku. Seperti pada
script berikut:
Sehingga ketika tampil halaman home, maka data buku yang dibooking akan muncul
sepertin berikut:
40
C. Membuat Controller Booking
Controller Booking.php berisi fungsi-fungsi yang berhubungan dengan proses booking
buku. Didalamnya terdapat fungsi tambahBuku, hapusbooking, bookingSelesai, info, dan
exportToPdf. Pada pertemuan ini akan kita buat fungsi index, tambahBuku,
viewDataBooking, dan hapusbooking.
Buatlah sebuah controller baru dengan nama Booking.php. ketikkan pada controller
script berikut:
<?php
defined('BASEPATH') or exit('No Direct Script Access Allowed');
date_default_timezone_set('Asia/Jakarta');
class Booking extends CI_Controller

{
public function __construct()
{
cek_login();
$this->load->model(['ModelBooking', 'ModelUser']);
}

{
$id = ['bo.id_user' => $this->uri->segment(3)];
$id_user = $this->session->userdata('id_user');
$data['booking'] = $this->ModelBooking->joinOrder($id)->result();

$data = [
'tanggal_input' => $user['tanggal_input']
];
}
$dtb = $this->ModelBooking->showtemp(['id_user' => $id_user])-
>num_rows();
if ($dtb < 1) {
41
massege alert-danger" role="alert">Tidak Ada Buku dikeranjang</div>');
} else {
$data['temp'] = $this->db-
>query("select image, judul_buku, penulis, penerbit, tahun_terbit,id_buku from te
mp where id_user='$id_user'")->result_array();
}
$data['judul'] = "Data Booking";
$this->load->view('booking/data-booking', $data);
}
Fungsi index pada controller Booking adalah menampilkan data booking yang telah
dilakukan oleh member.
$this->load->view('booking/data-booking', $data);
Jika sistem memeriksa tidak ditemukan adanya buku yang dipinjam, maka sistem
melakukan feedback berupa pesan.
if ($dtb < 1) {
}
1. Membuat fungsi tambahBooking

Fungsi tambahBooking berisi script proses penyimpanan data booking buku. Dimana
penyimpanan pada proses ini dilakukan di table temp, yang melibatkan table buku sebagai
objek yang dipinjam.
Pada controller Booking.php, Tambahkan sebuah fungsi baru dengan nama
tambahBooking, dan ketikkan script berikut:
public function tambahBooking()

{
$id_buku = $this->uri->segment(3);
42
//memilih data buku yang untuk dimasukkan ke tabel temp/keranjang melalui
variabel $isi
$d = $this->db->query("Select*from buku where id='$id_buku'")->row();
//berupa data2 yang akan disimpan ke dalam tabel temp/keranjang

$isi = [
'id_buku' => $id_buku,
'judul_buku' => $d->judul_buku,
'id_user' => $this->session->userdata('id_user'),
'email_user' => $this->session->userdata('email'),
'tgl_booking' => date('Y-m-d H:i:s'),
'image' => $d->image,
'penulis' => $d->pengarang,
'penerbit' => $d->penerbit,
'tahun_terbit' => $d->tahun_terbit
];
//cek apakah buku yang di klik booking sudah ada di keranjang

$temp = $this->ModelBooking-
>getDataWhere('temp', ['id_buku' => $id_buku])->num_rows();
$userid = $this->session->userdata('id_user');
//cek jika sudah memasukan 3 buku untuk dibooking dalam keranjang

$tempuser = $this->db-
>query("select*from temp where id_user ='$userid'")->num_rows();
//cek jika masih ada booking buku yang belum diambil

$databooking = $this->db-
>query("select*from booking where id_user='$userid'")->num_rows();
if ($databooking > 0) {
danger alert-
message" role="alert">Masih Ada booking buku sebelumnya yang belum diambil.<br> A
bmil Buku yang dibooking atau tunggu 1x24 Jam untuk bisa booking kembali </div>')
;
}
//jika buku yang diklik booking sudah ada di keranjang

if ($temp > 0) {
danger alert-message" role="alert">Buku ini Sudah anda booking </div>');
redirect(base_url() . 'home');
43
}
//jika buku yang akan dibooking sudah mencapai 3 item

if ($tempuser == 3) {
danger alert-message" role="alert">Booking Buku Tidak Boleh Lebih dari 3</div>');
}
//membuat tabel temp jika belum ada

$this->ModelBooking->createTemp();
$this->ModelBooking->insertData('temp', $isi);
//pesan ketika berhasil memasukkan buku ke keranjang

success alert-
message" role="alert">Buku berhasil ditambahkan ke keranjang </div>');
}
Pada fungsi tambahBooking, dilakukan pengecekkan jumlah buku yang telah dibooking.
Jika buku yang dibooking sudah 3, maka member tidak bias melakukan proses booking
kembali
if ($tempuser == 3) {
danger alert-message" role="alert">Booking Buku Tidak Boleh Lebih dari 3</div>');
}
System akan membuat table temp jika pada database belum ditemukan table temp, lalu
menyimpan data kedalam table tersebut
$this->ModelBooking->createTemp();
$this->ModelBooking->insertData('temp', $isi);
Hasil dari fungsi tambahBooking
44
Saat menu booking diklik, akan menampilkan data booking seperti berikut:
Untuk membuat halaman tersebut, buatlah sebuah view baru dengan nama data-
booking.php, letakkan pada folder Application/views/booking.
Berikut script data-booking.php
<center>
<table>
<tr>
<td>
<div class="table-responsive full-width">
<table class="table table-bordered table-striped table-
hover" id="table-datatable">
<tr>
<th>No.</th>
<th>Buku</th>
<th>Penulis</th>
<th>penerbit</th>
<th>Tahun</th>
<th>Pilihan</th>
</tr>
<?php
$no = 1;
foreach ($temp as $t) {
?>
<tr>
<td><?= $no; ?></td>
<td>
<img src="<?= base_url('assets/img/upload
/' . $t['image']); ?>" class="rounded" alt="No Picture" width="10%">
</td>
45
<td nowrap><?= $t['penulis']; ?></td>
<td nowrap><?= $t['penerbit']; ?></td>
<td nowrap><?= substr($t['tahun_terbit'], 0,
4); ?></td>
<td nowrap>
<a href="<?= base_url('booking/hapusbooki
ng/' . $t['id_buku']); ?>" onclick="return_konfirm('Yakin tidak Jadi Booking '.$t
['judul_buku'])"><i class="btn btn-sm btn-outline-danger fas fw fa-
trash"></i></a>
</td>
</tr>
<?php $no++;
} ?>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
<tr>
<td colspan="3">
<a class="btn btn-sm btn-outline-
primary" href="<?php echo base_url(); ?>"><span class="fas fw fa-
play"></span> Lanjutkan Booking Buku</a>
success" href="<?php echo base_url() . 'booking/bookingSelesai/' . $this-
>session->userdata('id_user'); ?>"><span class="fas fw fa-
stop"></span> Selesaikan Booking</a>
</td>
</tr>
</table>
</center>
</div>
Pada view data-booking, terdapat 2 tombol. Lanjutkan Booking Buku dan Selesaikan
Booking. Untuk tombol Lanjutkan Booking Buku, system akan mengarahkan ke controller
awal (Home.php) untuk melanjutkan booking buku

primary" href="<?php echo base_url(); ?>"><span class="fas fw fa-
play"></span> Lanjutkan Booking Buku</a>
46
Sedangkan tombol Selesaikan Booking, system mengarahkan ke fungsi bookingSelesai
yang ada di controller Booking.

success" href="<?php echo base_url() . 'booking/bookingSelesai/' . $this-
>session->userdata('id_user'); ?>"><span class="fas fw fa-
stop"></span> Selesaikan Booking</a>
2. Membuat fungsi hapusbooking
function ini akan di jalankan ketika member melakukan interaksi pada data booking
dengan mengklik tombol hapus.
Dalam fungsi ini terdapat script untuk menghapus data booking buku yang ada pada
tabel temp. buatlah sebuah fungsi baru pada controller Booking.php. ketikkan script berikut:
public function hapusbooking()

{
$this->ModelBooking->deleteData(['id_buku' => $id_buku], 'temp');

$kosong = $this->db->query("select*from temp where id_user='$id_user'")-
>num_rows();
if ($kosong < 1) {
} else {
redirect(base_url() . 'booking');
}
}
47
Pada script tersebut terdapat perintah untuk menghapus data booking yang terdapat
pada tabel temp berdasarkan id buku yang dipilih. Dan menampilkan kembali data terbaru
(setelah dihapus). Jika data terbaru ternyata buku sudah tidak ada lagi (kosong) maka sistem
akan menampilkan pesan. Setelah proses hapusbooking, sistem secara otomatis
mengarahkan ke controller Booking.php
$this->ModelBooking->deleteData(['id_buku' => $id_buku], 'temp');

$kosong = $this->db->query("select*from temp where id_user='$id_user'")-
>num_rows();
if ($kosong < 1) {
} else {
redirect(base_url() . 'booking');
}
Hasil setelah proses hapus booking, booking buku kembali kosong
Tugas 4
Halaman Lihat Keranjang Peminjaman dan Selesai Booking
48
MINGGU KE 5
Membuat Halaman Lihat Keranjang Peminjaman dan Selesai Booking
Deskripsi:
Membahas bagaimana cara menyelesaikan booking buku pada halaman keranjang
peminjaman. Fungsi selesai booking buku digunakan untuk menyelesaikan transaksi
peminjaman dan fungsi view info berfungsi untuk menampilkan hasil akhir dari booking
buku. Anggota dapat melakukan cetak bukti booking buku dalam bentuk pdf. Pada
pembahasan ini akan digunakan library DOMPDF untuk membuat buktincetak tersebut.
1. Membuat tampilan hasil booking
2. Memahami pembuatan cetak bukti booking dengan library DOMPDF
Hasil dari pertemuan ini adalah membuat halaman keranjang peminjaman dan cetak
bukti booking, seperti berikut:
49
A. Membuat Fungsi Selesai Booking
Pada tahap ini. untuk menyelesaikan booking buku, maka member harus melakukan
interaksi pada web dengan melakukan klik pada tombol selesaikan booking yang ada pada
tampilan keranjang.
Agar tombol selesaikan booking bisa berjalan, maka kita akan menambahkan function
baru pada file controller Booking.php yaitu function bookingSelesai. Berikut kode
program fungsi bookingSelesai
public function bookingSelesai($where)

{
//mengupdate stok dan dibooking di tabel buku saat proses booking diseles
aikan
$this->db-
>query("UPDATE buku, temp SET buku.dibooking=buku.dibooking+1, buku.stok=buku.sto
k-1 WHERE buku.id=temp.id_buku");
$tglsekarang = date('Y-m-d');
$isibooking = [
'id_booking' => $this->ModelBooking-
>kodeOtomatis('booking', 'id_booking'),
'tgl_booking' => date('Y-m-d H:m:s'),
'batas_ambil' => date('Y-m-
d', strtotime('+2 days', strtotime($tglsekarang))),
'id_user' => $where
];
//menyimpan ke tabel booking dan detail booking, dan mengosongkan tabel t
emporari
$this->ModelBooking->insertData('booking', $isibooking);
$this->ModelBooking->simpanDetail($where);
$this->ModelBooking->kosongkanData('temp');
redirect(base_url() . 'booking/info');
}
50
Pada fungsi bookingSelesai terdapat beberapa perintah yang dijalankan, diantaranya
pengupdate-an stok dan info buku yang dibooking.
$this->db-
>query("UPDATE buku, temp SET buku.dibooking=buku.dibooking+1, buku.stok=buku.sto
k-1 WHERE buku.id=temp.id_buku");
Terdapat juga fungsi untuk melakukan proses penyimpanan pada tabel booking, detail
booking, dan penghapusan data pada tabel temp. sistem akan secara otomatis mengarahkan
ke fungsi info pada controller Booking.php
$this->ModelBooking->insertData('booking', $isibooking);
$this->ModelBooking->simpanDetail($where);
$this->ModelBooking->kosongkanData('temp');
redirect(base_url() . 'booking/info');
B. Membuat Fungsi Info

Fungsi info dipanggil saat sistem mengeksekusi fungsi booking selesai. Pada fungsi ini
dilakukan pemanggilan terhadap view info-booking. Dimana info booking ini akan
menampilkan data akhir dari proses booking buku. Buatlah fungsi baru dengan nama info
didalam controller Booking.php dan ketikkan script berikut:
public function info()

{
$where = $this->session->userdata('id_user');
$data['user'] = $this->session->userdata('nama');
$data['judul'] = "Selesai Booking";
$data['useraktif'] = $this->ModelUser->cekData(['id' => $this->session-
>userdata('id_user')])->result();
$data['items'] = $this->db-
>query("select*from booking bo, booking_detail d, buku bu where d.id_booking=bo.i
d_booking and d.id_buku=bu.id and bo.id_user='$where'")->result_array();
$this->load->view('booking/info-booking', $data);
}
51
C. Membuat View Info Booking
Seperti dijelakan sebelumnya, view info booking digunakan untuk menampilkan data
akhir dari proses booking buku. Buatlah file dengan nama info-booking.php dalam folder
Application/views/booking. Ketikkan script berikut:
<center>
<table>
<?php
foreach ($useraktif as $u) {
?>
<tr>
<td nowrap>Terima Kasih <b><?= $u->nama; ?></b>
</td>
</tr>
<tr>
<td>Buku Yang ingin Anda Pinjam Adalah Sebagai berikut:</td>
</tr>
<?php } ?>
<tr>
<td>
<div class="table-responsive">
<tr>
<th>No.</th>
<th>Buku</th>
<th>Penulis</th>
<th>Penerbit</th>
<th>Tahun</th>
</tr>
<?php
$no = 1;
foreach ($items as $i) {
?>
<tr>
<td><?= $no; ?></td>
<td>
<img src="<?= base_url('assets/img/upload
/' . $i['image']); ?>" class="rounded" alt="No Picture" width="10%">
</td>
<td nowrap><?= $i['pengarang']; ?></td>
<td nowrap><?= $i['penerbit']; ?></td>
52
<td nowrap><?= $i['tahun_terbit']; ?></td>
</tr>
<?php $no++;
} ?>
</table>
</div>
</td>
</tr>
<tr>
<td>
<hr>
</td>
</tr>
<tr>
<td>
danger" onclick="information('Waktu Pengambilan Buku 1x24 jam dari Booking!!!')"
href="<?php echo base_url() . 'booking/exportToPdf/' . $this->session-
>userdata('id_user'); ?>"><span class="far fa-lg fa-fw fa-file-
pdf"></span> Pdf</a>
</td>
</tr>
</table>
</center>
</div>
Hasil dari view info-booking.php adalah sebagai berikut:
Dapat dilihat data booking kembali menjadi 0. Dan terdapat tombol cetak pdf sebagai
bukti booking saat pengambilan buku.
53
D. Mencetak Bukti Booking
Untuk membuat cetak laporan PDF pada PHP, kita bisa menggunakan library DOMPDF.
DOMPDF salah satu library PHP yang bisa di gunakan untuk membuat cetak laporan PDF
dengan sangat mudah.
1. Penggunaan DOMPDF
Langkah-langkah menggunakan DOMPDF adalah sebagai berikut:
a. pertama kita download terlebih dahulu librarynya dompdf for codeigniter, untuk
download silakan klik link disini
b. selanjutnya, ekstrak library dompdf yang sudah kita download. hasil ekstrak folder
dompdf to codeigniter akan terlihat seperti pada gambar
c. pindahkan atau copy folder dompdf pada folder third_party ke folder

application/third_party aplikasi kita. pindahkan juga file dompdf_gen.php dari
application/libraries ke folder application/libraries aplikasi kita
2. Membuat fungsi exportToPdf
Tambahkan sebuah fungsi baru pada controller Booking.php dengan nama
exportToPdf, ketikkan script berikut:
public function exportToPdf()

{
$data['user'] = $this->session->userdata('nama');
$data['judul'] = "Cetak Bukti Booking";
$data['useraktif'] = $this->ModelUser->cekData(['id' => $this->session-
>userdata('id_user')])->result();
$data['items'] = $this->db-
>query("select*from booking bo, booking_detail d, buku bu where d.id_booking=bo.i
d_booking and d.id_buku=bu.id and bo.id_user='$id_user'")->result_array();
$this->load->library('dompdf_gen');
54
$this->load->view('booking/bukti-pdf', $data);
$paper_size = 'A4'; // ukuran kertas

$orientation = 'landscape'; //tipe format kertas potrait atau landscape
$html = $this->output->get_output();
$this->dompdf->set_paper($paper_size, $orientation);
//Convert to PDF
$this->dompdf->load_html($html);
$this->dompdf->render();
$this->dompdf->stream("bukti-booking-
$id_user.pdf", array('Attachment' => 0));
// nama file pdf yang di hasilkan
}
Ukuran kertas dapat diatur sesuai dengan kebutuhan, begitupun nama file pdf yang akan
dihasilkan dapat kita rubah sesuai keinginan
$this->dompdf->stream("bukti-booking-$id_user.pdf", array('Attachment' => 0));
3. Membuat view bukti-pdf

View bukti-pdf berisi data hasil cetakan dari pdf, kita bisa mengatur seperti apa
tampilannya. Berikut scrip bukti-pdf.php yang dibuat pada folder Application-views-
booking
<table border=1>
<?php
foreach ($useraktif as $u) {
?>
<tr>
<th>Nama Anggota : <?= $u->nama; ?></th>
</tr>
<tr>
<th>Buku Yang dibooking:</th>
</tr>
<?php } ?>
<tr>
<td>
<div class="table-responsive">
<table border=1>
55
<tr>
<th>No.</th>
<th>Buku</th>
<th>Penulis</th>
<th>penerbit</th>
<th>Tahun</th>
</tr>
<?php
$no = 1;
foreach ($items as $i) {
?>
<tr>
<td><?= $no; ?></td>
<td>
<?= $i['judul_buku']; ?>
</td>
<td><?= $i['pengarang']; ?></td>
<td><?= $i['penerbit']; ?></td>
<td><?= $i['tahun_terbit']; ?></td>
</tr>
<?php $no++;
} ?>
</table>
</div>
</td>
</tr>
<tr>
<td>
<hr>
</td>
</tr>
<tr>
<td align="center">
<?= md5(date('d M Y H:i:s')); ?>
</td>
</tr>
</table>
56
hasil dari cetak bukti pdf:
Tugas 5
Halaman Pengambilan dan Pengembalian Buku
2. Point 1 dikumpulkan dan dinilai oleh dosen
57
MINGGU KE 6
Membuat Halaman Pengambilan dan Pengembalian Buku
Deskripsi:
Membahas mengenai pengolahan data booking buku yang dilakukan anggota. Admin
melakukan proses perubahan dari booking menjadi pinjam saat anggota mengambil buku,
dan merubah status buku yang dipinjam menjadi kembali saat buku telah dikembalikan
1. mengolah data booking menjadi pinjam
2. menampilkan detail booking buku
3. mengolah data pinjam menjadi kembali
A. Merubah Index Controller Admin

Sebelum kita memulai proses pengambilan dan pengembalian buku, terlebih dahulu kita
edit controller Admin. Jika sebelumnya index controller admin berisi tampilan data yang ada
di database, seperti data buku, data anggota, buku dibooking dll. Sekarang kita akan
modifikasi controller dengan menambahkan script update data buku setelah dibooking,
serta hapus otomatis data booking saat buku tidak diambil/dipinjam oleh anggota.
Oleh karena silakan buka kembali controller admin, dan sesuaikan dengan script
berikut:
<?php
defined('BASEPATH') or exit('No direct script access allowed');
class Admin extends CI_Controller

{
{
cek_login();
cek_user();
}
58
{
$data['judul'] = 'Dashboard';
$data['user'] = $this->ModelUser->cekData(['email' => $this->session-
$data['anggota'] = $this->ModelUser->getUserLimit()->result_array();
$data['buku'] = $this->ModelBuku->getLimitBuku()->result_array();
//mengupdate stok dan dibooking pada tabel buku

$detail = $this->db-
>query("SELECT*FROM booking,booking_detail WHERE DAY(curdate()) < DAY(batas_ambil
) AND booking.id_booking=booking_detail.id_booking")->result_array();
foreach ($detail as $key) {
$id_buku = $key['id_buku'];
$batas = $key['tgl_booking'];
$tglawal = date_create($batas);
$tglskrg = date_create();
$beda = date_diff($tglawal, $tglskrg);
if ($beda->days > 2) {
$this->db-
>query("UPDATE buku SET stok=stok+1, dibooking=dibooking-1 WHERE id='$id_buku'");
}
}
//menghapus otomatis data booking yang sudah lewat dari 2 hari

$booking = $this->ModelBooking->getData('booking');
if (!empty($booking)) {
foreach ($booking as $bo) {
$id_booking = $booking->id_booking;
$tglbooking = $booking->tgl_booking;
$tglawal = date_create($tglbooking);
$tglskrg = date_create();
$beda = date_diff($tglawal, $tglskrg);
if ($beda->days > 2) {
$this->db-
>query("DELETE FROM booking WHERE id_booking='$id_booking'");
$this->db-
>query("DELETE FROM booking_detail WHERE id_booking='$id_booking'");
}
}
}
59
$this->load->view('templates/header', $data);
$this->load->view('templates/sidebar', $data);
$this->load->view('templates/topbar', $data);
$this->load->view('admin/index', $data);
$this->load->view('templates/footer');
}
}
Pada ModelBuku silakan tambahkan fungsi getLimitBuku() sengan script berikut:
public function getLimitBuku()

{
return $this->db->get('buku');
}
B. Membuat Menu Transaksi

Untuk membuat menu laporan buku, kita harus membuka kembali project pustaka-
booking yang pernah kita kerjakan pada Pemrograman Web II. Silakan buka file sidebar.php
yang berada di folder application/views/templates/sidebar.php, silakan tambahkan
coding berikut:
60
Hasil dari script tersebut adalah :
61
C. Membuat Halaman Data Booking
Pada sidebar.php yang telah kita edit diatas. sebelum menampilkan halaman data
booking buku, terlebih dahulu kita buat fungsi daftar booking yang ada di controller pinjam
<li class="nav-item">
<a class="nav-link pb-
0" href="<?= base_url('pinjam/daftarBooking'); ?>">
<i class="fa fa-fw fa-list"></i>
<span>Data Booking</span></a>
Oleh karena itu diawal kita buat terlebih dahulu controller Pinjam.php dan
menambahkan fungsi daftarBooking di controller tersebut
<?php if (!defined('BASEPATH')) exit('No Direct Script Access Allowed');
class Pinjam extends CI_Controller

{
{
cek_login();
cek_user();
}

{
}
public function daftarBooking()
{
$data['judul'] = "Daftar Booking";
$data['pinjam'] = $this->db->query("select*from booking")-
>result_array();
$this->load->view('booking/daftar-booking', $data);
}
62
Pada controller Pinjam.php, model yang digunakan adalah ModelBuku, ModelUser, dan
ModelPinjam. Fungsi daftarBooking digunakan untuk mengirim data judul, user, dan data
booking buku, serta memanggil view daftar-booking yang ada pada folder booking.
Langkah berikutnya adalah kita membuat view dengan nama daftar-booking.php
didalam folder Application/views/booking. Ketikkan script berikut:
<center>
<table>
<tr>
<td>
<tr>
<th>No.</th>
<th>ID Booking</th>
<th>Tanggal Booking</th>
<th>ID User</th>
<th>Aksi</th>
<th>Denda / Buku /Hari</th>
<th>Lama Pinjam</th>
</tr>
<?php
$no = 1;
foreach ($pinjam as $p) {
?>
<tr>
<td><?= $no; ?></td>
<td><a class="btn btn-
link" href="<?= base_url('pinjam/bookingDetail/' . $p['id_booking']); ?>"><?= $p[
'id_booking']; ?></a></td>
<td><?= $p['tgl_booking']; ?></td>
<td><?= $p['id_user']; ?></td>
<form action="<?= base_url('pinjam/pinjamAct/
' . $p['id_booking']); ?>" method="post">
<td nowrap>
<button type="submit" class="btn btn-
sm btn-outline-info"><i class="fas fa-fw fa-cart-plus"></i> Pinjam</button>
</td>
<td>
63
<input class="form-check-
user rounded-
sm" style="width:100px" type="text" name="denda" id="denda" value="5000">
<?= form_error(); ?>
</td>
<td>
<input class="form-check-
user rounded-sm" style="width:100px" type="text" name="lama" id="lama" value="3">
<?= form_error(); ?>
</td>
</form>
</tr>
<?php $no++;
} ?>
</table>
</div>
</td>
</tr>
<tr>
<td align="center"><a href="<?= base_url('pinjam/daftarBooking');
?>" class="btn btn-link"><i class="fas fa-fw fa-refresh"></i> Refresh</a></td>
</tr>
</table>
</center>
</div>
Hasil dari view daftar-booking.php adalah sebagai berikut:
Pada tampilan diatas, terlihat 3 tombol (link) yang bisa dipilih oleh admin. Yaitu tombol
Pinjam saat member ingin mengambil buku, link ID Booking untuk melihat detail buku
yang dibooking, dan Link Refresh untuk merefresh halaman daftar-booking.
Untuk link ID Booking sistem mengarahkan ke fungsi bookingDetail yang ada di
controller Pinjam.php (harus buat fungsi bookingDetail)
64
<td><a class="btn btn-
link" href="<?= base_url('pinjam/bookingDetail/' . $p['id_booking']); ?>"><?= $p[
'id_booking']; ?></a></td>
Untuk tombol Pinjam, sistem akan mengarahkan ke fungsi pinjamAct yang juga ada di
controller Pinjam.php (harus buat fungsi pinjamAct)
<form action="<?= base_url('pinjam/pinjamAct/' . $p['id_booking']); ?>" method="

post">
Sedangkan untuk link refresh, sistem hanya akan mengarahkan ke fungsi daftarBooking
yang ada controller Pinjam (tidak perlu membuat fungsi daftarBooking, karena sudah
dibuat)
<td align="center"><a href="<?= base_url('pinjam/daftarBooking'); ?>" class="btn

btn-link"><i class="fas fa-fw fa-refresh"></i> Refresh</a></td>
1. Membuat Fungsi bookingDetail

Seperti penjelasan sebelumnya, untuk melihat detail booking, kita akan membuat fungsi
bookingDetail dalam controller Pinjam,php. Ketikkan scrip berikut :
public function bookingDetail()

{
$id_booking = $this->uri->segment(3);
$data['judul'] = "Booking Detail";
$data['agt_booking'] = $this->db-
>query("select*from booking b, user u where b.id_user=u.id and b.id_booking='$id_
booking'")->result_array();
$data['detail'] = $this->db-
>query("select id_buku,judul_buku,pengarang,penerbit,tahun_terbit from booking_de
tail d, buku b where d.id_buku=b.id and d.id_booking='$id_booking'")-
>result_array();
$this->load->view('booking/booking-detail', $data);
}
65
Script diatas, akan memanggil view booking-detail yang ada di folder booking. Oleh
karena itu kita akan membuat sebuah view baru di folder Application/views/booking
dengan nama booking-detail.php. berikut scriptnya:
<center>
<table>
<?php foreach ($agt_booking as $ab) { ?>
<tr>
<td>Data Anggota</td>
<td>:</td>
<th><?= $ab['nama']; ?></th>
</tr>
<tr>
<td>ID Booking</td>
<td>:</td>
<th><?= $ab['id_booking']; ?></th>
</tr>
<?php } ?>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
<tr>
<td colspan="3">
<tr>
<th>No.</th>
<th>ID Buku</th>
<th>Judul Buku</th>
<th>Pengarang</th>
<th>Penerbit</th>
<th>Tahun</th>
</tr>
<?php
$no = 1;
foreach ($detail as $d) {
?>
66
<tr>
<td><?= $no; ?></td>
<td><?= $d['id_buku']; ?></td>
<td><?= $d['judul_buku']; ?></td>
<td><?= $d['pengarang']; ?></td>
<td><?= $d['penerbit']; ?></td>
<td><?= $d['tahun_terbit']; ?></td>
</tr>
<?php $no++;
} ?>
</table>
</div>
</td>
</tr>
<tr>
<td align="center" colspan="3"><a href="#" onclick="window.histor
y.go(-1)" class="btn btn-outline-dark"><i class="fas fa-fw fa-
reply"></i> Kembali</a></td>
</tr>
</table>
</center>
</div>
Hasil dari detail booking:
2. Membuat Fungsi pinjamAct

Untuk menjalankan mengeksekusi tombol pinjam, kita harus membuat terlebih dahulu
fungsi pinjamAct di dalam controller Pinjam.php
Adapun scriptnya adalah sebagai berikut:
67
public function pinjamAct()
{
$id_booking = $this->uri->segment(3);
$lama = $this->input->post('lama', TRUE);
$bo = $this->db-
>query("SELECT*FROM booking WHERE id_booking='$id_booking'")->row();
$no_pinjam = $this->ModelBooking->kodeOtomatis('pinjam', 'no_pinjam');
$databooking = [
'no_pinjam' => $no_pinjam,
'id_booking' => $id_booking,
'tgl_pinjam' => $tglsekarang,
'id_user' => $bo->id_user,
'tgl_kembali' => date('Y-m-
d', strtotime('+' . $lama . ' days', strtotime($tglsekarang))),
'tgl_pengembalian' => '0000-00-00',
'status' => 'Pinjam',
'total_denda' => 0
];
$this->ModelPinjam->simpanPinjam($databooking);
$this->ModelPinjam->simpanDetail($id_booking, $no_pinjam);
$denda = $this->input->post('denda', TRUE);
$this->db->query("update detail_pinjam set denda='$denda'");
//hapus Data booking yang bukunya diambil untuk dipinjam

$this->ModelPinjam->deleteData('booking', ['id_booking' => $id_booking]);
$this->ModelPinjam-
>deleteData('booking_detail', ['id_booking' => $id_booking]);
//$this->db->query("DELETE FROM booking WHERE id_booking='$id_booking'");
//update dibooking dan dipinjam pada tabel buku saat buku yang dibooking
diambil untuk dipinjam
$this->db-
>query("UPDATE buku, detail_pinjam SET buku.dipinjam=buku.dipinjam+1, buku.dibook
ing=buku.dibooking-1 WHERE buku.id=detail_pinjam.id_buku");

message alert-success" role="alert">Data Peminjaman Berhasil Disimpan</div>');
redirect(base_url() . 'pinjam');
}
68
Pada fungsi tambahAct, tanggal kembali akan ditentukan dengan menambahkan lama
pinjam dengan tanggal yang berlaku di sistem.
$lama = $this->input->post('lama', TRUE);
'tgl_kembali' => date('Y-m-

d', strtotime('+' . $lama . ' days', strtotime($tglsekarang))),
Data yang dikirim akan disimpan kedalam tabel pinjam dan detail pinjam, dan data
booking serta data detail booking otomatis dihapus (pindah ke tabel pinjam dan detail)
$this->ModelPinjam->simpanPinjam($databooking);
$this->ModelPinjam->simpanDetail($id_booking);
$this->ModelPinjam->deleteData('booking', ['id_booking' => $id_booking]);

$this->ModelPinjam->deleteData('booking_detail', ['id_booking' => $id_booking]);
Data buku dipinjam akan ditambah 1 dan data buku booking akan dihapus 1
$this->db-
>query("UPDATE buku, detail_pinjam SET buku.dipinjam=buku.dipinjam+1, buku.dibook
ing=buku.dibooking-1 WHERE buku.id=detail_pinjam.id_buku");
Sistem secara otomatis akan mengalihkan ke controller Pinjam.php
$this->session->set_flashdata('pesan', '<div class="alert alert-message alert-

success" role="alert">Data Peminjaman Berhasil Disimpan</div>');
redirect(base_url() . 'pinjam');
D. Membuat Halaman Data Peminjaman

1. Membuat Fungsi Index pada Controller Pinjam
fungsi index ini akan dijalankan pertama kali saat sistem memanggil controller Pinjam.
Tambahkan scrip index pada controller pinjam sebagai berikut:
{
$data['judul'] = "Data Pinjam";
$data['pinjam'] = $this->ModelPinjam->joinData();
69
$this->load->view('pinjam/data-pinjam', $data);
}
Dari script diatas, terlihat bahwa saat controller Pinjam dipanggil, maka dia akan meload
halaman view data-pinjam yang ada di folder pinjam. Termasuk mengirimkan data-data
seperti user, termasuk isian data yang akan ditampilkan. Silakan tambahkan sebuah file view
baru dengan nama data-pinjam.php didalam folder Application/views/pinjam dan
ketikkan script berikut:
<center>
<table>
<tr>
<td>
<tr>
<th>No Pinjam</th>
<th>Tanggal Pinjam</th>
<th>ID User</th>
<th>ID Buku</th>
<th>Tanggal Kembali</th>
<th>Tanggal Pengembalian</th>
<th>Terlambat</th>
<th>Denda</th>
<th>Status</th>
<th>Total Denda</th>
<th>Pilihan</th>
</tr>
<?php
foreach ($pinjam as $p) {

?>
<tr>
<td><?= $p['no_pinjam']; ?></td>
<td><?= $p['tgl_pinjam']; ?></td>
<td><?= $p['id_user']; ?></td>
<td><?= $p['id_buku']; ?></td>
70
<td><?= $p['tgl_kembali']; ?></td>
<td>
<?= date('Y-m-d'); ?>
<input type="hidden" name="tgl_pengembali
an" id="tgl_pengembalian" value="<?= date('Y-m-d'); ?>">
</td>
<td>
<?php
$tgl1 = new DateTime($p['tgl_kembali']);
$tgl2 = new DateTime();
$selisih = $tgl2->diff($tgl1)-
>format("%a");
echo $selisih;
?> Hari
</td>
<td><?= $p['denda']; ?></td>
<?php if ($p['status'] == "Pinjam") {

$status = "warning";
} else {
$status = "secondary";
} ?>
<td><i class="btn btn-outline-
<?= $status; ?> btn-sm"><?= $p['status']; ?></i></td>
<?php
if ($selisih < 0) {
$total_denda = $p['denda'] * 0;
} else {
$total_denda = $p['denda'] * $selisih;
}
?>
<td><?= $total_denda; ?>

<input type="hidden" name="totaldenda" id
="totaldenda" value="<?= $total_denda; ?>">
</td>
<td nowrap>
<?php if ($p['status'] == "Kembali") { ?>
<i class="btn btn-sm btn-outline-
secondary"><i class="fas fa-fw fa-edit"></i>Ubah Status</i>
<?php } else { ?>
info" href="<?= base_url('pinjam/ubahStatus/' . $p['id_buku'] . '/' . $p['no_pinj
am']); ?>"><i class="fas fa-fw fa-edit"></i>Ubah Status</a>
71
<?php } ?>
</td>
</tr>
<?php
} ?>
</table>
</div>
</td>
</tr>
</table>
</center>
</div>
Hasil dari script diatas adalah :
Didalam halaman view data-pinjam.php, terdapat sebuah link untuk merubah status
peminjaman dari pinjam menjadi kembali. Link tersebut mengarahkan ke fungsi ubahStatus
dengan meminta data id_buku dan no_pinjam yang ada di controller Pinjam.php
<td nowrap>
<?php if ($p['status'] == "Kembali") { ?>
<i class="btn btn-sm btn-outline-secondary"><i class="fas fa-fw fa-
edit"></i>Ubah Status</i>
<?php } else { ?>
info" href="<?= base_url('pinjam/ubahStatus/' . $p['id_buku'] . '/' . $p['no_pinj
am']); ?>"><i class="fas fa-fw fa-edit"></i>Ubah Status</a>
<?php } ?>
</td>
Karena itu langkah berikutnya kita akan buat sebuah fungsi dengan nama ubahStatus
di dalam controller Pinjam.php. adapun scriptnya adalah sebagai berikut:
72
public function ubahStatus()
{
$no_pinjam = $this->uri->segment(4);
$where = ['id_buku' => $this->uri->segment(3),];
$tgl = date('Y-m-d');
$status = 'Kembali';
//update status menjadi kembali pada saat buku dikembalikan
$this->db-
>query("UPDATE pinjam, detail_pinjam SET pinjam.status='$status', pinjam.tgl_peng
embalian='$tgl' WHERE detail_pinjam.id_buku='$id_buku' AND pinjam.no_pinjam='$no_
pinjam'");
//update stok dan dipinjam pada tabel buku

$this->db-
>query("UPDATE buku, detail_pinjam SET buku.dipinjam=buku.dipinjam-
1, buku.stok=buku.stok+1 WHERE buku.id=detail_pinjam.id_buku");
$this->session->set_flashdata('pesan', '<div class="laert alert-

message alert-success" role="alert"></div>');
redirect(base_url('pinjam'));
}
Pada script fungsi ubah status, akan diambil data berupa id buku dan no.pinjam,
kemudian merubah status menjadi kembali. Sistem juga akan mengupdate data buku
dipinjam menambah stok buku yang dikembalikan.
$no_pinjam = $this->uri->segment(4);
$this->db-
>query("UPDATE pinjam, detail_pinjam SET pinjam.status='$status', pinjam.tgl_peng
embalian='$tgl' WHERE detail_pinjam.id_buku='$id_buku' AND pinjam.no_pinjam='$no_
pinjam'");
$this->db->query("UPDATE buku, detail_pinjam SET buku.dipinjam=buku.dipinjam-
1, buku.stok=buku.stok+1 WHERE buku.id=detail_pinjam.id_buku");
73
Hasil dari script :
Tugas 6
1. Mahasiswa mengerjakan materi yang ada di pertemuan 7 yaitu membuat dan
Mencetak Laporan Data Buku ke Printer
74
MINGGU KE 7
Membuat dan Mencetak Laporan Data Buku ke Printer
Deskripsi:
Membahas bagaimana cara membuat dan memodifikasi pencetakan laporan data buku
dengan menggunakan printer
Setelah melakukan bagian ini pembaca mampu:
1. Membuat halaman tampilan cetak buku
2. Membuat dan mencetak laporan data buku dengan media printer
A. Membuat Menu Laporan

Untuk membuat menu laporan buku, kita harus membuka kembali project pustaka-
booking yang pernah kita kerjakan pada Pemrograman Web II. Silakan buka file sidebar.php
yang berada di folder application/views/templates/sidebar.php, silakan tambahkan
coding berikut:
75
Hasil dari coding diatas adalah sebagai berikut:
76
B. Membuat halaman Laporan Buku
Langkah-langkah untuk membuat halaman laporan buku adalah sebagai berikut:
1. Buatlah Controller baru dengan nama Laporan.
2. Buat fungsi laporan_buku pada controller Laporan.
<?php
defined('BASEPATH') or exit('No Direct script access allowed');
class Laporan extends CI_Controller

{
{
}
public function laporan_buku()
{
$data['judul'] = 'Laporan Data Buku';
$data['buku'] = $this->ModelBuku->getBuku()->result_array();
$data['kategori'] = $this->ModelBuku->getKategori()->result_array();
$this->load->view('buku/laporan_buku', $data);
}
Fungsi tersebut digunakan untuk memanggil view laporan_buku yang ada didalam
folder buku, dengan mengirimkan data buku kedalamnya.
3. Setelah itu kita buat file laporan_buku.php untuk menampilkan data buku di dalam
folder application/views/buku/laporan_buku.php

<div class="row">
<?php if(validation_errors()){?>
77
<div class="alert alert-danger" role="alert">
<?= validation_errors();?>
</div>
<?php }?>
<a href="<?= base_url('laporan/cetak_laporan_buku'); ?>" class="btn b
tn-primary mb-3"><i class="fas fa-print"></i> Print</a>
<a href="<?= base_url('laporan/laporan_buku_pdf'); ?>" class="btn btn
-warning mb-3"><i class="far fa-file-pdf"></i> Download Pdf</a>
<a href="<?= base_url('laporan/export_excel'); ?>" class="btn btn-
success mb-3"><i class="far fa-file-excel"></i> Export ke Excel</a>
<table class="table table-hover">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Judul</th>
<th scope="col">Pengarang</th>
<th scope="col">Penerbit</th>
<th scope="col">Tahun Terbit</th>
<th scope="col">ISBN</th>
<th scope="col">Stok</th>
</tr>
</thead>
<tbody>
<?php
$a = 1;
foreach ($buku as $b) { ?>
<tr>
<th scope="row"><?= $a++; ?></th>
<td><?= $b['judul_buku']; ?></td>
<td><?= $b['pengarang']; ?></td>
<td><?= $b['penerbit']; ?></td>
<td><?= $b['tahun_terbit']; ?></td>
<td><?= $b['isbn']; ?></td>
<td><?= $b['stok']; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
78
4. Hasil dari coding di atas adalah sebagai berikut:
C. Membuat Print Laporan Data Buku

Berdasarkan view laporan buku yang sudah kita buat sebelumnya, untuk membuat print
laporan data buku, kita diharuskan menambahkan fungsi cetak_laporan_buku di dalam
controller Laporan.
Adapun langkah-langkah detail dalam membuat Print Laporan Data Buku adalah sebagai
berikut:
1. Tambahkan fungsi cetak_laporan_buku pada controller Laporan
79
2. Membuat file laporan_print_buku.php pada folder
application/views/buku/laporan_print_buku.php
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<style type="text/css">
.table-data{
width: 100%;
border-collapse: collapse;
}
.table-data tr th,
.table-data tr td{
border:1px solid black;
font-size: 11pt;
font-family:Verdana;
padding: 10px 10px 10px 10px;
}
h3{
}
</style>
<h3><center>Laporan Data Buku Perputakaan Online</center></h3>

<br/>
<table class="table-data">
<thead>
<tr>
<th>No</th>
<th>Judul Buku</th>
<th>Pengarang</th>
<th>Terbit</th>
80
<th>Tahun Penerbit</th>
<th>ISBN</th>
<th>Stok</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
foreach($buku as $b){
?>
<tr>
<th scope="row"><?= $no++; ?></th>
<td><?= $b['judul_buku']; ?></td>
<td><?= $b['pengarang']; ?></td>
<td><?= $b['penerbit']; ?></td>
<td><?= $b['tahun_terbit']; ?></td>
<td><?= $b['isbn']; ?></td>
<td><?= $b['stok']; ?></td>
</tr>
<?php
}
?>
</tbody>
</table>
<script type="text/javascript">
window.print();
</script>
</body>
</html>
81
3. Hasil dari codingan tersebut adalah :
Tugas 7
1. Mahasiswa mengerjakan materi yang ada di pertemuan 9 yaitu membuat dan
Mencetak Laporan Data Buku ke Tampilan Pdf dan Excel
82
MINGGU KE 9
Membuat dan Mencetak Laporan Data Buku ke Tampilan Pdf dan Excel
Deskripsi:
Membahas bagaimana cara membuat dan memodifikasi pencetakan laporan data buku
kedalam bentuk Pdf dan Ms. Excel
1. Membuat dan mencetak laporan yang dirubah menjadi bentuk Pdf
2. Membuat dan mencetak laporan yang dirubah menjadi bentuk Ms. Excel
A. Membuat Cetak Laporan Data Buku Pdf

Langkah-langkah untuk melakukan cetak laporan data buku pdf adalah sebagai
berikut:
1. Pastikan DOMPDF sudah diatur seperti pada langkah sebelumnya
2. Menambahkan fungsi laporan_buku_pdf pada controller Laporan
Menambahkan fungsi laporan_buku_pdf
83
Teman-teman bisa mengatur ukuran kertas, format kertas serta nama file pdf yang
akan di hasilkan nantinya
3. Buat view baru dengan nama laporan_pdf_buku
Application/views/buku/laporan_pdf_buku.php
84
85
4. Hasil dari codingan tersebut adalah sebagai berikut:
B. Mengeksport Data kedalam File Excel

Langkah-langkah untuk melakukan cetak laporan data buku pdf adalah sebagai
berikut:
1. Menambahkan fungsi export_excel pada controller Laporan
2. Membuat file export_excel_buku.php pada folder Application/views/buku/

export_excel_buku.php
86
87
3. Hasil dari eksport data:
Tugas 8
1. Buat laporan Data anggota dalam bentuk print out (Print), bentuk Pdf, dan bentuk
excel (Untuk panduan silakan sihat kembali materi pembuatan laporan data
anggota pada pertemuan 7 dan 9)
2. Mahasiswa mengerjakan materi yang ada di pertemuan 10 yaitu membuat laporan
peminjaman dan setting Akses Client-Server
3. Point 1 dan 2 akan didemonstrasikan dan dikumpulkan di pertemuan selanjutnya
88
MINGGU KE 10
Membuat Laporan Peminjaman Dan Setting Akses Client-Server
Deskripsi:
Membahas bagaimana cara membuat transaksi peminjaman dengan menggunakan printer,
format pdf, dan Ms. Excel serta melakukan setting akses client-server.
1. Membuat dan mencetak laporan transaksi peminjaman dengan media printer
2. Membuat dan mencetak laporan transaksi peminjaman dengan format pdf
3. Membuat dan mencetak laporan transaksi peminjaman dengan format Ms. Excel
4. Membuat Akses Client-Server
5. Melakukan setting Jaringan dan IP menggunakan Share wifi melalui HP
A. Membuat Halaman Laporan Peminjaman

Yang terakhir yang akan kita buat adalah fitur laporan transaksi. Pada dasarnya
pembuatan laporan peminjaman sama seperti pembuatan laporan buku, hanya saja pada
laporan peminjaman ada beberapa tabel yang terlibat selain tabel pinjam itu sendiri. Untuk
outputnya masih sama yaitu cetak printer, cetak pdf, dan eksport excel
Coba teman-teman perhatikan pada menu laporan yang ada di file sidebar.php. Kita
telah membuat link nya menuju ke fungsi laporan_pinjam() di controller Laporan.php
89
Oleh karena itu kita akan membuat fungsi baru lagi di controller Laporan.php. yaitu
fungsi laporan_pinjam().
Application/controllers/Laporan.php
public function laporan_pinjam()
{
$data['judul'] = 'Laporan Data Peminjaman';
$data['laporan'] = $this->db-
>query("select * from pinjam p,detail_pinjam d,
buku b,user u where d.id_buku=b.id and p.id_user=u.id
and p.no_pinjam=d.no_pinjam")->result_array();
$this->load->view('templates/sidebar');
$this->load->view('pinjam/laporan-pinjam', $data);
90
}
Pada script diatas, data laporan tidak hanya memanggil data pada tabel pinjam saja,
tetapi juga melibatkan tabel detail pinjam, user, dan buku.
$data['laporan'] = $this->db->query("select * from pinjam p,detail_pinjam d,
berdasarkan script diatas, kita akan membuat sebuah view baru dalam folder pinjam.
Dengan nama laporan-pinjam.php
Application/views/pinjam/laporan-pinjam.php

<div class="row">
<?php if(validation_errors()){?>
<div class="alert alert-danger" role="alert">
<?= validation_errors();?>
</div>
<?php }?>
<a href="<?= base_url('laporan/cetak_laporan_pinjam'); ?>" class="btn
btn-primary mb-3"><i class="fas fa-print"></i> </a>
<a href="<?= base_url('laporan/laporan_pinjam_pdf'); ?>" class="btn b
tn-warning mb-3"><i class="far fa-file-pdf"></i> </a>
<a href="<?= base_url('laporan/export_excel_pinjam'); ?>" class="btn
btn-success mb-3"><i class="far fa-file-excel"></i> </a>
<table class="table table-hover">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Nama Anggota</th>
<th scope="col">Judul Buku</th>
<th scope="col">Tanggal Pinjam</th>
<th scope="col">Tanggal Kembali </th>
<th scope="col">Tanggal Dikembalikan</th>
<th scope="col">Total Denda</th>
<th scope="col">Status</th>
91
</tr>
</thead>
<tbody>
<?php
$a = 1;
foreach ($laporan as $l) { ?>
<tr>
<th scope="row"><?= $a++; ?></th>
<td><?= $l['nama']; ?></td>
<td><?= $l['judul_buku']; ?></td>
<td><?= $l['tgl_pinjam']; ?></td>
<td><?= $l['tgl_kembali']; ?></td>
<td><?= $l['tgl_pengembalian']; ?></td>
<td><?= $l['total_denda']; ?></td>
<td><?= $l['status']; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
Tetap ada 3 aksi yang bisa kita pilih untuk laporan pinjam, yaitu print, cetak pdf, dan
eksport ke excel
<a href="<?= base_url('laporan/cetak_laporan_pinjam'); ?>" class="btn btn-
primary mb-3"><i class="fas fa-print"></i> </a>
Data yang dikirim adalah kombinasi antara tabel pinjam, detail pinjam, user, dan buku.
<td><?= $l['nama']; ?></td>
<td><?= $l['status']; ?></td>
92
Sekarang kita coba klik pada menu “laporan Transaksi”
Maka akan di arahkan ke fungsi laporan_pinjam() yang menampilkan data peminjaman

buku.
C. Membuat Print Laporan Pinjam

Perhatikan pada view laporan-pinjam.php, pada icon print akan diarahkan ke controller
Laporan.php dan fungsi cetak_laporan_pinjam.
Oleh karena itu kita harus menambahkan sebuah fungsi baru pada controller
Laporan.php dengan nama cetak_laporan_pinjam().
public function cetak_laporan_pinjam()
{
$this->load->view('pinjam/laporan-print-pinjam', $data);
}
Fungsi diatas digunakan untuk memanggil data dan mengirimkannya ke view laporan-
print-pinjam yang ada di folder pinjam.
93
Langkah berikutnya kita akan membuat sebuah view dengan nama laporan-print-
pinjam.php di dalam folder pinjam
Application/views/pinjam/laporan-print-pinjam.php
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
.table-data{
width: 100%;
}
.table-data tr th,
.table-data tr td{
font-size: 11pt;
}
.table-data th{
background-color:grey;
}
h3{
}
</style>
<h3><center>LAPORAN DATA PEMINJAMAN BUKU</center></h3>

<br/>
<thead>
<tr>
<th>No</th>
<th>Nama Anggota</th>
<th>Judul Buku</th>
<th>Status</th>
94
</tr>
</thead>
<tbody>
<?php
$no = 1;
foreach($laporan as $l){
?>
<tr>
<td scope="row"><?= $no++; ?></td>
<td><?= $l['nama']; ?></td>
<td><?= $l['status']; ?></td>
</tr>
<?php
}
?>
</tbody>
</table>
<script type="text/javascript">
window.print();
</script>
</body>
</html>
Hasil akhir dari script diatas adalah :
95
D. Membuat Cetak Pdf Laporan Peminjaman
Untuk membuat laporan peminjaman cetak pdf kita buka kembali view laporan-
pinjam.php untuk melihat controller dan fungsi apa yang dipanggil.

<a href="<?= base_url('laporan/laporan_pinjam_pdf'); ?>" class="btn btn-
warning mb-3"><i class="far fa-file-pdf"></i> </a>
Dari script view laporan-pinjam.php dapat kita lihat bahwa sistem mengarahkan ke
controller Laporan.php dan memanggil fungsi laporan_pinjam_pdf. Oleh karena itu langkah
berikutnya kita akan menambahkan fungsi baru pada controller Laporan.php yang diberi
nama laporan_pinjam_pdf()
Berikut script fungsi laporan_pinjam_pdf()
public function laporan_pinjam_pdf()

{
{
$this->load->library('dompdf_gen');
$this->load->view('pinjam/laporan-pdf-pinjam', $data);

$orientation = 'landscape'; //tipe format kertas potrait atau landscape
$html = $this->output->get_output();
$this->dompdf->set_paper($paper_size, $orientation);
//Convert to PDF
$this->dompdf->load_html($html);
$this->dompdf->render();
$this->dompdf-
>stream("laporan data peminjaman.pdf", array('Attachment' => 0));
// nama file pdf yang di hasilkan
}
}
96
Fungsi laporan_pinjam_pdf() berisi script untuk mengatur tampilan file pdf (orientation,
size, name, dll) sedangkan isi dari file pdf sistem akan memanggil view laporan-pdf-
pinjam.php yang ada di folder pinjam.
Jadi langkah berikutnya adalah membuat view laporan-pdf-pinjam.php untuk
menampilkan data dari laporan.
Application/views/pinjam/laporan-pdf-pinjam.php
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
.table-data{
width: 100%;
}
.table-data tr th,
.table-data tr td{
font-size: 11pt;
}
.table-data th{
}
h3{
}
</style>

<br/>
<thead>
<tr>
<th>No</th>
<th>Judul Buku</th>
97
<th>Status</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
?>
<tr>
<td><?= $l['nama']; ?></td>
<td><?= $l['status']; ?></td>
</tr>
<?php
}
?>
</tbody>
</table>
</body>
</html>
Hasil dari file pdf yang telah didownload:
E. Mengexport Laporan Peminjaman ke Bentuk Excel

Sama seperti cetak laporan sebelumnya, kita lihat kembali view laporan-pinjam.php
untuk melihat controller yang dipanggil

98
<a href="<?= base_url('laporan/laporan_pinjam_pdf'); ?>" class="btn btn-
warning mb-3"><i class="far fa-file-pdf"></i> </a>
<a href="<?= base_url('laporan/export_excel_pinjam'); ?>" class="btn btn-
success mb-3"><i class="far fa-file-excel"></i> </a>
Untuk proses export data menjadi excel fungsi yang digunakan adalah
export_excel_pinjam yang masih berada di controller Laporan.php
Berikut script fungsi export_excel_pinjam()
public function export_excel_pinjam()

{
$data = array( 'title' => 'Laporan Data Peminjaman Buku',
'laporan' => $this->db->query("select * from pinjam p,detail_pinjam d,
and p.no_pinjam=d.no_pinjam")->result_array());
$this->load->view('pinjam/export-excel-pinjam', $data);
}
Pada script fungsi export_excel_pinjam() diatur judul untuk laporan yang dibuat, serta
mengirim nilai dari tabel yang terlibat didalamnya. Data-data tersebut akan dikirim kedalam
file view export-excel-pinjam.php
Langkah terakhir dari pembuatan export data ke excel adalah membuat view dengan
nama export-excel-pinjam.php yang ada di folder pinjam
Application/views/pinjam/export-excel-pinjam.php
<?php
header("Content-type: application/vnd-ms-excel");
header("Content-Disposition: attachment; filename=$title.xls");
header("Pragma: no-cache");
header("Expires: 0");
?>
.table-data{
width: 100%;
}
.table-data tr th,
.table-data tr td{
99
font-size: 11pt;
}
.table-data th{
}
h3{
}
</style>

<br/>
<table class="table-data" border=1>
<thead>
<tr>
<th>No</th>
<th>Judul Buku</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
?>
<tr>
<td><?= $l['nama']; ?></td>
<td><?= $l['status']; ?></td>
</tr>
<?php
}
100
?>
</tbody>
</table>
Hasil akhir dari file yang telah diubah kedalam bentuk excel adalah :
F. Setting Akses Client-Server

Untuk Untuk dapat melakukan pemakaian database bersama, makakita memerlukan
sebuah jaringan lokal. Bisa menggunakan kabel jaringan, atau bisa juga menggunakan
intranet dalam 1 ruangan, bisa juga menggunakan share wifi menggunakan Handphone
(Teathring). dalam kasus ini agar mudah kita gunakan share wifi dengan menggunakan HP.
Ada 2 buah perangkat yang akan kita pakai (sebagai contoh). Satu komputer sebagai server
(punya database dan program aplikasi penjualan), satu Handphone sebagai client.
Langkah-langkah dalam setting akses client-server
1. Pastikan project sudah selesai dikerjakan. Sebagai contoh nama project yang kita buat
adalah pustaka-booking
2. Lakukan konfigurasi base_url pada file config.php, seperti berikut:
$root=(isset($_SERVER['HTTPS']) ? "https://" : "http://").$_SERVER['HTTP_HOST'];

$root.= str_replace(basename($_SERVER['SCRIPT_NAME']), '',
$_SERVER['SCRIPT_NAME']);
$config['base_url'] = $root;
3. Pastikan laptop/computer dan handpone berada dalam satu jaringan yang sama (contoh
menggunakan hotspot BSI)
4. Cek IP yang ada pada Komputer (server). Contoh IP yang ada di kompuetr server adalah
172.16.5.48
5. Akses web menggunakan browser pada handphone (client), dengan mengetikkan
172.16.5.48/nama_project
Contoh : 172.16.5.48/pustaka-booking/autentifikasi
101
6. Hasil yang didapat adalah sebagai berikut:
102
MINGGU KE 11-15
Presentasi Project
Pada pertemuan ini, mahasiswa melakukan presentasi kelompok, sesuai dengan jadwal yang
telah ditentukan oleh dosen pengajar
103

Modul Web Programming III

Diunggah oleh

Hak Cipta:

Format Tersedia

Modul Web Programming III

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Modul Web Programming III

Diunggah oleh

Hak Cipta:

Format Tersedia

KATA PENGANTAR

Seperti layaknya sebuah modul, maka pembahasan dimulai dengan menjelaskan

Jakarta, Maret 2020

A. Penjelasan Kontrak Kuliah dan Penegasan Tugas Project

B. Persiapan Aplikasi Perpustakaan

C. Persiapan aplikasi perpustakaan halaman admin (Back-End)

A. Membuat Controller Home

class Home extends CI_Controller

public function index()

//jika sudah login dan jika belum login

B. Membuat View untuk Template User

<div class="collapse navbar-collapse" id="navbarNavAltMarkup">

<a class="nav-item nav-

<?php } else { ?>

<a class="nav-item nav-link" data-toggle="modal" data-

<a class="nav-item nav-link" data-toggle="modal" data-

2. Membuat view footer

<script src="<?= base_url(); ?>assets/user/js/bootstrap.js"></script>

<script src="<?= base_url('assets/'); ?>vendor/jquery/jquery.min.js"></script>

C. Membuat View daftarbuku

<div style="padding: 25px;">

<a class="btn btn-outline-

D. Mengatur controller default

public function detailBuku()

foreach ($buku as $fields) {

public function joinKategoriBuku($where)

2. Membuat view detail-buku

<div class="x_panel" align="center">

Halaman Login dan daftar

Halaman Profile anggota

Kondisi menu sebelum login kondisi menu setelah login

A. Membuat Halaman Login dan Daftar Anggota

class Member extends CI_Controller

public function index()

private function _login()

$user = $this->ModelUser->cekData(['email' => $email])->row_array();

//jika usernya ada

2. Membuat fungsi daftar

public function daftar()

$email = $this->input->post('email', true);

3. Membuat fungsi myProfil

public function myProfil()

foreach ($user as $a) {

<div class="card mb-3" style="max-width: 540px;">

Hasil dari scrip tersebut adalah :

4. Membuat fungsi ubahProfil

public function ubahProfil()

foreach ($user as $a) {

//jika ada gambar yang akan diupload

<div class="form-group row justify-content-end">

5. Membuat fungsi Logout

Berikut script untuk fungsi logout, script berada di controller Member.php