• Tidak ada hasil yang ditemukan

PRAKTIKUM. Rekayasa Web. Modul 3: CRUD Part II. Laboratorium Teknik Informatika Universitas Pasundan

N/A
N/A
Protected

Academic year: 2021

Membagikan "PRAKTIKUM. Rekayasa Web. Modul 3: CRUD Part II. Laboratorium Teknik Informatika Universitas Pasundan"

Copied!
11
0
0

Teks penuh

(1)

Rekayasa Web

Modul 3: CRUD Part II

Laboratorium Teknik Informatika

Universitas Pasundan

(2)

TIM DOSEN IF 1

Konten modul:

1. Update Data

2. Search Data

Tujuan praktikum:

1. Praktikan diharapkan mampu memahami proses Update data menggunakan CI.

2. Praktikan diharapkan mampu memahami proses Search data menggunakan CI.

(3)

TIM DOSEN IF 2

1

Bagian 1

Teori

1.1

Update Data

Update data pada codeigniter hampir sama dengan proses update data pada php native,

sedangkan dicodeigniter proes update data dapat menggunakan fitur Query Build Class, dimana

disana terdapat documentation proses update data yang telah dijelaskan oleh codeigniter

tersendiri. Ada beberapa tahapan yang harus diperhatikan pertama yaitu :

Membuat sebuah halaman view untuk menampung sebuah data yang tersedia

Proses Update dengan menggunakan standar build class. Perhatikan gambar di 1.1

Gambar 1 1 Souce code proses update data

Seperti pada gambar 1.1 ada beberapa hal yang harus diperhatikan proses update

dilakukan apabila telah memenuhi syarat yaitu tersedia kumpulan data dalam bentuk array,

kemudian menggunakan $this->db->where(‘key’, ‘paramater’); setelah itu menggunakan

$this->db->update(‘nama tabel’, ‘paramater’);

[Sumber : https://www.codeigniter.com/user_guide/database/query_builder.html?#updating-data]

1.2 Searching

Search Data pada codeigniter bisa dilihat sesuai documentasi yang tersedia pada codeignter

bagian Query Build Class. Sederhananya proses search sebuah data hanya memerlukan method

$this->db->like(‘nama field’, kondisi), namun ada beberapa tahapan yang perlu diperhatikan

seperti halnya dalam php native dimana proses search dilakukan ketika mendapatkan sebuah field

serta paramaternya pada codeigniter sangat serupa dimana membutuhkan parameter pemicu

(4)

TIM DOSEN IF 3

untuk proses search sebuah data di php native. Kemudian di Codeigniter bisa menggabungkan

beberapa tabel untuk pencarian data. Caranya dengan menggunakan $this->db->join(‘tabel ke

2’,’kondisi’), selengkapanya bisa dilihat pada gambar 1.2

Gambar 1 2 source code join

Kemudian untuk pencarianya menggunakan like dan or like bisa dilihat pada gambar 1.3 dan

gambar 1.4

Gambar 1 3 source code like

Gambar 1 4 source code or like

Pada gambar diatas dijelaskan Sebagai Berikut :

(5)

TIM DOSEN IF 4

Paramater 2 : berisi match atau kondisi yang dicari

Paramater 3 : berisi sisi kata mana yang akan dicari, mulai pencarian dari kata depan atau

kata yang terakhir

Paramater 4 : pengecualian dalam sebuah nilai yang akan dicari

[Sumber :

https://www.codeigniter.com/user_guide/database/query_builder.html?highlight=like#CI_DB_query_build

er::like]

(6)

TIM DOSEN IF 5

2

Bagian 2

Latihan

2.1 Update Data

Pada pertemuan sebelumnya, kita telah berhasil melakukan penambahan data buku ke database

serta melakukan penghapusan data dari database. Nah, kali ini, kita akan mencoba untuk mengubah data

buku dan data kategori buku. Persiapannya cukup mudah. Gunakan project yang telah kalian buat pada

pertemuan ke-2. Pertama, tambahkan fungsi edit() pada controller buku, seperti yang ada pada gambar

2.1.

Gambar 2.1 Fungsi Edit pada Controller Buku

Salin kode berikut untuk membuat halaman ubah_buku.php.

<div class="main-panel">

<nav class="navbar navbar-transparent navbar-absolute"> <div class="container-fluid">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse"> <span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>

<a class="navbar-brand" href="#">BooKooKoo</a> </div>

<div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li>

<a href="#pablo" class="dropdown-toggle" data-toggle="dropdown"> <i class="material-icons">person</i>

<p class="hidden-lg hidden-md">Admin</p> </a>

</li> </ul>

<form class="navbar-form navbar-right" role="search"> <div class="form-group is-empty">

<input type="text" class="form-control" placeholder="Search"> <span class="material-input"></span>

</div>

<button type="submit" class="btn btn-white btn-round btn-just-icon"> <i class="material-icons">search</i><div class="ripple-container"></div> </button>

</form> </div> </div> </nav>

(7)

TIM DOSEN IF 6 <div class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="card">

<div class="card-header" data-background-color="green"> <h4 class="title">Ubah Data Buku</h4>

</div>

<div class="card-content">

<form action="#" method="post" enctype="multipart/form-data"> <div class="row">

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

<div class="form-group label-floating">

<input type="hidden" name="id_buku" value="<?php echo $buku->id_buku; ?>"/> <label class="control-label">Kategori</label>

<select class="form-control selected" name="kategori"> <option value="" disabled>-- Pilih Kategori --</option> <?php

foreach ($kategori as $row):

if($row->id_kategori == $buku->id_kategori):

$categories = "<option value=".$buku->id_kategori." selected>".$buku->kategori."</option>";

echo $categories; else:

$categories = "<option value=".$row->id_kategori.">".$row->nama_kategori."</option>"; echo $categories; endif; endforeach; ?> </select> </div> </div> <div class="col-md-4">

<div class="form-group label-floating">

<label class="control-label">Judul Buku</label>

<input type="text" class="form-control" name="judul" value="<?= $buku->judul ?>">

</div> </div>

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

<div class="form-group label-floating">

<label class="control-label">Nama Pengarang</label>

<input type="text" class="form-control" name="pengarang" value="<?= $buku->pengarang ?>"> </div> </div> </div> <div class="row"> <div class="col-md-3">

<div class="form-group label-floating">

<label class="control-label">Penerbit</label>

<input type="text" class="form-control" name="penerbit" value="<?= $buku->penerbit ?>">

</div> </div>

<div class="col-md-3">

<div class="form-group label-floating">

<label class="control-label">Tahun Terbit</label>

<input type="text" class="form-control" name="tahunterbit" value="<?= $buku->tahun_terbit ?>">

</div> </div>

<div class="col-md-3">

<div class="form-group label-floating"> <label class="control-label">ISBN</label>

<input type="number" min="0" class="form-control" name="isbn" value="<?= $buku->isbn ?>">

</div> </div>

<div class="col-md-3">

(8)

TIM DOSEN IF 7 <label class="control-label">Browse Image</label>

<input type="file" id="inputFile4" multiple="" name="filefoto"> <div class="input-group">

<input type="text" readonly="" class="form-control"> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="form-group">

<div class="form-group label-floating">

<label class="control-label">Sinopsis Buku</label>

<textarea class="form-control" rows="5" name="sinopsis"><?= $buku->sinopsis ?></textarea>

</div> </div> </div> </div>

<button type="submit" class="btn btn-success pull-right"><i class="fa fa-save"></i> Simpan</button> <div class="clearfix"></div> </form> </div> </div> </div> </div> <footer class="footer"> <div class="container-fluid"> <p class="copyright pull-right">

&copy; <script>document.write(new Date().getFullYear())</script> Teknik Informatika Universitas Pasundan. </p> </div> </footer> </div> </div> </div>

(9)

TIM DOSEN IF 8

Janga lupa untuk membuat sebuah fungsi update() pada model buku, seperti yang ada pada gambar 2.2.

Gambar 2.2 Query Update Buku ke Database

Silakan coba untuk mengubah data buku! Jika sudah berhasil, lakukan hal yang hampir serupa untuk

mengubah daftar kategori buku!

(10)

TIM DOSEN IF 9

2.2 Searching

Setelah berhasil mengubah data, sekarang kita akan berlatih untuk mencari data. Pencarian buku

dilakukan berdasarkan judul buku, nama pengarang, nama penerbit, nama kategori, tahun terbit, dan

nomor ISBN. Silakan buat fungsi yang berguna untuk menampilkan hasil pencarian pada controller buku,

seperti yang ada pada gambar 2.3.

Gambar 2.3 Fungsi Pencarian pada Controller Buku

Lalu buatlah query untuk mencari datanya. Lihat gambar 2.4 untuk membuat query pencarian data buku.

Gambar 2.4 Query Pencarian Data Buku

Buat juga fungsi pencarian pada kategori buku!

(11)

TIM DOSEN IF 10

3

Bagian 3

TUGAS

1. Tambahkan fitur update dan search pada masing – masing studi kasus kalian. Buatlah

sebuah penampung halaman apabila data tidak ditemukan

2. Tugas maksimal dikerjakan 3 X 24 Jam dan dikirim ke asistenya masing – masing. Atau

sesuai kesepakatan asisteng masing – masing.

Gambar

Gambar 1 1 Souce code proses update data
Gambar 1 2 source code join
Gambar 2.1 Fungsi Edit pada Controller Buku
Gambar 2.2 Query Update Buku ke Database
+2

Referensi

Dokumen terkait

Sutrisno (2010), menyatakan bahwa kinerja adalah kesuksesan seseorang dalam melaksanakan tugas, hasil kerja yang dapat dicapai oleh seseorang atau sekelompok orang dalam

Di dalam ilmu semiologi atau semiotika, pengertian komunikasi tidak lagi hanya sekedar penyampaian informasi dari seseorang kepada oranglain, namun komunikasi

proses belajar mengajar siswa menyerap dan menerima informasi yang diberikan oleh guru, mengerjakan tugas-tugas dengan hanya sesekali berdiskusi, dalam mempelajari materi

Halaman Administrator Mendaftarkan Peserta Ujian Input Data Panitia Seting Data Peserta Ujian Seting Jadwal Ujian Seting Soal dan Waktu Ujian Melihat hasil Ujian End

HASIL DAN PEMBAHASAN Hasil analisis varian data gabungan 21 klon terhadap karakter pembungaan, jumlah buah dan pertunasan menunjukkan bahwa faktor genotipe memiliki

dalam tinjauannya terhadap empat penelitian RCT yang melibatkan 3267 anak usia 2-35 bulan melaporkan bahwa suplementasi zink sebagai tambahan terapi antibiotik pada anak

Berdasarkan Tabel 5 hasil analisis data menunjukkan bahwa nilai signifikasi kurang dari 0,005 maka disimpulkan bahwa terdapat perbe- daan rata-rata skor pre-test

71 DKI Jakarta KCP TAMAN PALEM LESTARI Komp. Perum Taman Palem Lestari C5 No. MH Thamrin No. Wahid Hasyim No. Asia Afrika No. Ahmad Yani No. Harjamukti, Cibubur 29066982 87 Jawa