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

Ukuran: px

Mulai penontonan dengan halaman:

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

Inge Gunardi
6 tahun lalu
Tontonan:

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

2 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. TIM DOSEN IF 1

3 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 : 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 TIM DOSEN IF 2

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 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 : Paramater 1 : berisi nama field yang akan dicari TIM DOSEN IF 3

5 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 : er::like] TIM DOSEN IF 4

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.

6 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 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> <button type="submit" class="btn btn-white btn-round btn-just-icon"> <i class="material-icons">search</i><div class="ripple-container"> </button> </form> </nav> TIM DOSEN IF 5

7 <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 class="card-content"> <form action="#" method="post" enctype="multipart/form-data"> <div class="row"> <div class="col-md-4"> <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 class="col-md-4"> <label class="control-label">judul Buku</label> <input type="text" class="form-control" name="judul" value="<?= $buku->judul?>"> <div class="col-md-4"> <label class="control-label">nama Pengarang</label> <input type="text" class="form-control" name="pengarang" value="<?= $buku- >pengarang?>"> >penerbit?>"> >tahun_terbit?>"> $buku->isbn?>"> <div class="row"> <div class="col-md-3"> <label class="control-label">penerbit</label> <input type="text" class="form-control" name="penerbit" value="<?= $buku- <div class="col-md-3"> <label class="control-label">tahun Terbit</label> <input type="text" class="form-control" name="tahunterbit" value="<?= $buku- <div class="col-md-3"> <label class="control-label">isbn</label> <input type="number" min="0" class="form-control" name="isbn" value="<?= <div class="col-md-3"> <div class="form-group label-floating is-empty is-fileinput"> TIM DOSEN IF 6

8 >sinopsis?></textarea> Simpan</button> <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 class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label">sinopsis Buku</label> <textarea class="form-control" rows="5" name="sinopsis"><?= $buku- <button type="submit" class="btn btn-success pull-right"><i class="fa fa-save"></i> <div class="clearfix"> </form> <footer class="footer"> <div class="container-fluid"> <p class="copyright pull-right"> <script>document.write(new Date().getFullYear())</script> Teknik Informatika Universitas Pasundan. </p> </footer> Kemudian, buat juga fungsi update() di controller buku, seperti yang ada pada gambar-gambar berikut ini: TIM DOSEN IF 7

9 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! TIM DOSEN IF 8

10 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. Buat juga fungsi pencarian pada kategori buku! Gambar 2.4 Query Pencarian Data Buku *) Tanyakan kepada asisten jika ada hal yang tidak dimengerti. TIM DOSEN IF 9

11 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. TIM DOSEN IF 10

dokumen-dokumen yang mirip

PRAKTIKUM. Rekayasa Web. Modul 1: Introduction CodeIgniter. Laboratorium Teknik Informatika Universitas Pasundan

PRAKTIKUM. Rekayasa Web. Modul 1: Introduction CodeIgniter. Laboratorium Teknik Informatika Universitas Pasundan PRAKTIKUM Rekayasa Web Modul 1: Introduction CodeIgniter Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. What is CodeIgniter? 2. MVC 3. Template Tujuan praktikum: 1. Praktikan diharapkan