MVC Toko Online

-

Nama: Dafarel Fatih Wirayudha
Kelas : PBKK A
NRP : 5025211120

Link : GitHub

Pada pertemuan ke-13 kali ini, kami diminta untuk membuat sistem MVC web untuk toko online dengan menggunakan code igniter.

Untuk tugas kali ini saya menggunakan referensi tutorial video youtube yang disediakan di blog pak fajar.

Berikut adalah hasilnya:

- Halaman Registrasi


Halaman ini berisi form untuk registrasi akun pengguna yang berisi nama, username, dan password yang ingin didaftarkan.

- Halaman Login


Disini pengguna atau admin bisa mengisi username dan password yang sudah terdaftar untuk melakukan login. Jika pengguna sudah melakukan registrasi akun lalu masuk menggunakan akun yang telah terdaftar maka pengguna akan masuk ke dashboard utama.

- Halaman Dashboard Utama


Halaman dashboard ini menampilkan data barang yang siap dibeli oleh pengguna beserta tombol tombol interaksi yang bisa dipilih pengguna. Halaman ini menerapkan fitur read pada CRUD

- Halaman Detail Barang


Halaman ini berisi detail deskripsi barang yang berisi nama, keterangan, kategori, stok, dan harga yang akan muncul ketika pengguna mengklik tombol detail pada salah satu barang di halaman utama. Di halaman ini juga disediakan tombol tambah ke keranjang untuk menambahkan barang ke keranjang untuk nantinya akan dilakukan pembayaran, lalu juga ada tombol kembali untuk kembali halaman sebelumnya.

- Halaman Keranjang Pembayaran


Disini pengguna bisa melihat barang-barang apa yang telah dipilih untuk dimasukkan ke keranjang pembayaran. Di halaman ini ada tombol hapus keranjang untuk menghapus list barang yang sudah ditambahkan, tombol lanjutkan belanja, dan tombol pembayaran untuk masuk ke halaman pembayaran.

- Halaman Pembayaran


Halaman ini berisi form pembayaran untuk mengisi identitas pengguna yang diperlukan untuk melakukan pembayaran dan juga total harga yang harus dibayar. Lalu ada tombol pesan untuk eksekusi.
Halaman ini menerapkan metode Create pada CRUD
Hasil:

- Halaman Admin (Data Barang)


Halaman ini berisi data barang yang tersedia untuk di tampilkan di dashboard utama, admin bisa menambahkan, mengedit, dan menghapus barang melalui halaman ini.

1. Tambah Barang:

2. Edit Barang:

3. Delete Barang (Samsung SSD):


- Halaman Admin (Invoice)


Halaman ini menampilkan log invoice pemesanan yang sudah dilakukan pengguna yang berisi ID, Nama pemesan, Alamat, Tanggal pemesanan, Batas pembayaran, dan juga ada tombol detail untuk melihat detail pemesanannya.

- Halaman Admin (Detail Pemesanan)


Disini admin bisa melihat detail pemesanan yang dipilih yang berisi list barang yang dipesan dan total harganya.
























Comments

Post a Comment

Popular posts from this blog

CRUD dalam code igniter

-
Image
Nama: Dafarel Fatih Wirayudha Kelas : PBKK A NRP : 5025211120 Link :  GitHub Pada pertemuan ke-12 kali ini, kami diminta untuk membuat sistem web yang bisa melakukan Create, Read, Update, Delete (CRUD) yaitu  operasi dasar yang sering digunakan dalam sistem manajemen basis data (Database Management System atau DBMS) untuk berinteraksi dengan data dalam suatu aplikasi atau sistem. Berikut adalah table yang akan digunakan untuk mengeksekusi crud-nya: CREATE TABLE Karyawan (     id INT AUTO_INCREMENT PRIMARY KEY ,     Nama VARCHAR ( 255 ) NOT NULL ,     Umur INT ,     Divisi VARCHAR ( 255 ) ); Pertama-tama buat model bernama KaryawanModel yang menyimpan fungsi-fungsi untuk melakukan crud. Lalu buat controller yang path-nya memanggil fungsi dari karyawan model sesuai dengan path-nya. Untuk viewnya ada 3 yaitu index.php untuk dashboard utama yang menerapkan bagian read untuk menampilkan data, tombol tambah untuk create, tombol edit untuk...
Read more

APPSHEET

-
Image
Nama: Dafarel Fatih Wirayudha NRP : 5025211120 Kelas : PBKK A Link Github:  https://github.com/Dafarelcky/google_framework_PBKK/tree/main Link Web:  https://dafarelcky.github.io/google_framework_PBKK/ Link spreadsheet:  https://docs.google.com/spreadsheets/d/1nc4-zjWOErzhpG8W_v2UdT2vQd6OIy3VICos0RNtiB0/edit?usp=sharing Pada pertemuan ke-15 ini kami ditugaskan untuk membuat aplikasi menggunakan framework dari google yaitu google framework Berikut merupakan langkah-langkah dan dokumentasi aplikasinya: 1. Buat spreadsheet di google drive dengan nama "Registrasi Peserta" dan set anyone with the link dengan akses viewer 2. Lalu klik extensions dan pilih appscript 3. Masukkan code berikut const sheetName = 'Sheet1' const scriptProp = PropertiesService . getScriptProperties () function initialSetup () {   const activeSpreadsheet = SpreadsheetApp . getActiveSpreadsheet ()   scriptProp . setProperty ( 'key' , activeSpreadsheet . getId ()) } function doPost ( ...
Read more

Quiz PBKK A

-
Image
Nama: Dafarel Fatih Wirayudha NRP : 5025211120 Kelas : PBKK A Link :  GitHub 1. Jelaskan struktur framework , dan apa saja kegunaanya dalam pengembangan Perangkat Lunak?      Struktur framework dalam pengembangan perangkat lunak adalah kerangka kerja atau pendekatan yang telah dibuat sebelumnya untuk memudahkan pengembangan perangkat lunak dengan cara tertentu.  Framework menyediakan kerangka kerja yang telah ditentukan sebelumnya yang terdiri dari seperangkat aturan, konvensi, desain, dan komponen yang dapat digunakan oleh pengembang perangkat lunak untuk mempercepat proses pengembangan, mengurangi kompleksitas, dan meningkatkan produktivitas. Berikut adalah beberapa komponen struktur framework dan kegunaannya dalam pengembangan perangkat lunak: 1. Komponen dasar: Berisi fungsi-fungsi umum, modul, dan kelas yang dapat digunakan kembali. 2. Konvensi dan pedoman:  Framework biasanya menyertakan pedoman dan konvensi pengkodean yang harus diikuti oleh pengemba...
Read more