MODUL PRAKTIKUM REKAYASA WEB

Transkripsi

1 MODUL PRAKTIKUM REKAYASA WEB Modul 4 CRUD Bagian 1 Laboratorium Teknik Informatika Universitas Pasundan

2 Konten Modul : 1. Read Data 2. Insert Data Tujuan Praktikum : 1. Praktikan diharapkan mampu memahami cara read data 2. Praktikan diharapkan mampu memahami cara insert data TIM DOSEN IF 1

3 Bagian 1 Teori 1. Read Data Read Data pada codeigniter bisa dilakukan dengan menggunakan Query Builder Lihat pada gambar dibawah ini. disana terdapat method untuk mengambil sebuah data dari table. Kemudian untuk menampilkan data tersebut bisa menggunakan foreach(). Foreach sendiri yaitu merupakan perulangan khusus untuk pembacaan nilai array. 2. Create Data Create Data pada codeigniter bisa dilakukan dengan menggunakan standar Query Builder Insert. Lihat pada gambar dibawah ini. disana terdapat kumpulan array dimana Key berisikan field yang tersedia pada table sedangkan Value Berisikan sebuah variable yang berisi sebuah input dari post. Kemudian gunakan method $this->db->insert() untuk melakukan proses insert data dimana parameter pertama berisikan nama table, parameter kedua berisikan data array. TIM DOSEN IF 2

4 Bagian 2 Latihan Silahkan download project yang ada di portal rekweb dan lengkapi source codenya dengan yang ada di modul. 1. Read Data Pada pertemuan sebelumnya, kita telah belajar menampilkan data todolist tanpa menggunakan database. Nah, Agar data yang ditampilkan pada web dinamis, pertama kita import dulu database yang telah tersedia buat database dengan nama todolist lalu import database nya, selanjutnya, kita harus melakukan konfigurasi pada file database.php, seperti yang ada pada gambar dibawah ini. Jika sudah melakukan konfigurasi database, Beralih ke file autoload.php. cari bagian library lalu isi sesuai pada gambar dibawah ini. Jika sudah melakukan konfigurasi autoload dan database. Ketikkan kode yang ada pada gambar dibawah ini dan simpan di model beri nama Todo_model.php. TIM DOSEN IF 3

5 Hal yang dibutuhkan selanjutnya adalah sebuah wadah yang berguna menampung data yang kita ambil dari model. Untuk itu, modifikasi fungsi index yang ada pada controller, seperti yang dapat dilihat pada gambar dibawah ini. Sekarang, modifikasi halaman index.php di views yang digunakan untuk menampilkan data todolist, seperti yang ada pada gambar dibawah ini. 2. Create Data Pada latihan ini, kita akan mencoba untuk menambahkan data todolist ke dalam database. Persiapannya cukup mudah. Gunakan project yang telah kalian buat pada pertemuan sebelumnya. Pertama, tambahkan fungsi insert() dan add() pada controller Todo, seperti yang ada pada gambar dibawah ini. TIM DOSEN IF 4

6 Function insert digunakan untuk menampilkan halaman tambah data sedangkan function add digunakan untuk menambah data ke database. Jika sudah, silahkan buka browser masing-masing dan coba running hasilnya. Jika ada yang masih error silahkan tanyakan kepada asisten. TIM DOSEN IF 5

7 Bagian 3 Tugas IF : Rekayasa Web Teknik Informatika Universitas Pasundan Bandung Pendahuluan Tugas Buatlah 1 buah project penjualan (e-commerce) sesuai dengan kategori kelompok masingmasing. Dengan ketentuan sebagai berikut : Fitur Create, Read, Update, Delete, dan Searching (CRUDS) digabung dengan modul minggu depan mengenai Update dan Delete harus sudah ada dalam tugas. Untuk fitur Searching silahkan explorasi setiap kelompoknya. Buat untuk bagian front end sebagai halaman penjualannya dan back end sebagai halaman untuk mengelola data penjualan. Tugas ini akan menjadi salah satu project yang akan dipresentasikan pada pertemuan 14 Pembuatan website harus menggunakan bahasa PHP framework Codeigniter Boleh menggunakan framework CSS Bootstrap atau yang lainnya Boleh menggunakan template admin (contoh : AdminLTE, SB Admin, dll) Boleh menggunakan Datatables tetapi harus yang server side Jika menggunakan assets (image, font, dll) yang diambil dari internet, jangan lupa untuk mencantumkan sumbernya (usahakan assets yang diambil bebas pakai dan tidak memiliki copyright) 2. Spesifikasi Kebutuhan Teknis : Tambahkan field stok dan harga pada tabel yang ada di database untuk mengelola penjualan Memiliki minimal 2 tabel di database Memiliki fitur login untuk admin dan customer Bisa mengelola data penjualan dan barang yang dilakukan oleh admin (bagian back end) Bisa menangani transaksi penjualan yang dilakukan oleh customer (bagian front end) TIM DOSEN IF 6

8 3. Detail aplikasi : Aplikasi dibatasi sampai keranjang belanja dan produk terjual tidak sampai pembayaran. Aplikasi bisa menghitung jumlah harga sebanyak jumlah barang yang dibeli. Apabila customer membeli lebih dari satu barang maka aplikasi harus dapat menghandlenya. Tetapi harus dalam satu transaksi. Gunakan fitur join yang ada di database karena akan menggunakan lebih dari satu tabel untuk melakukan transaksi. Apabila ada transaksi maka data stok barang yang ada di database akan berkurang. Untuk tampilan halaman penjualan contohnya seperti bukalapak atau tokopedia. Tetapi hanya mengelola satu toko saja yaitu barang yang dijual sesuai kategori kelompok masing-masing. Customer harus melakukan login sebelum melakukan transaksi pembelian barang. Aplikasi dapat menampilkan notifikasi apabila terdapat transaksi di keranjang belanja contoh : apabila customer membeli barang maka di keranjang belanja terdapat angka satu yang menunjukan adanya barang yang masuk ke keranjang belanja. Apabila lebih dari satu barang maka nomor menyesuaikan dengan banyaknya barang yang ada di keranjang belanja. Gunakan function count bawaan dari php. Aplikasi harus bisa mengecek stok barang apabila barang kosong atau kurang dari jumlah yang di inginkan customer maka tampilkan pesan untuk menghandle kejadian tersebut. Gunakan fasilitas dari Codeigniter yaitu session flashdata untuk menampilkan pesan. Aplikasi bisa menampilkan detail dari barang. Gunakan fitur Shopping Cart Class bawaan dari Codeigniter untuk mengelola transaksi penjualan. Admin dapat mengelola data penjualan. Seperti menambah stok barang, mengupdate harga barang ataupun yang lainnya. 4. Tata Cara Pengumpulan Project seperti biasa dimasukan ke dalam gitlab beri nama project Tugas2-Rekweb- Shift_ketua-nrp_ketua-nama_ketua. Contoh : Tugas2-Rekweb-Senin Faisal. Untuk nama, nrp, dan shift praktikum ketua dan anggota simpan di file README.md Link repository kirim ke tugasrekweb2018@gmail.com dengan subject sama seperti link repository gitlab. TIM DOSEN IF 7

9 Waktu pengumpulan adalah satu bulan. Untuk shift hari senin dikumpulkan terakhir pada hari minggu tanggal 02 Desember 2018 pukul 23.59, untuk shift kamis dikumpulkan terakhir hari rabu 05 Desember 2018 pukul 23.59, dan untuk shift sabtu dikumpulkan hari jumat tanggal 07 Desember 2018 pukul Bahan Bacaan Note : 1. Salah subject akan di kurangi nilai 5 point dan yang terlambat akan di kurangi 10 point perjamnya. TIM DOSEN IF 8