Tugas Pertemuan 12 PBKK - CRUD dalam CodeIgniter

-
Nama Akmal Sulthon Fathulloh
NRP 5025211047
Kelas PBKK - A

Pada pertemuan ke-12 kelas PBKK kali ini, kita diminta untuk membuat sistem Create, Read, Update, Delete (CRUD) menggunakan CodeIgniter. Berikut dokumentasinya.

Konfigurasi Basis Data

Buat database baru, di sini saya namai crud-ci4, pada MySQL, dan buat tabel karyawan dengan struktur sebagai berikut. Lalu, konfigurasikan app/Config/Database.php dengan mengubah nilai hostname, username, password, dan database sesuai dengan konfigurasi MySQL.

Model

Buat model baru dengan nama Karyawan_model.php pada direktori app/Models untuk melakukan CRUD pada tabel karyawan. Kode lengkap dari model dapat dilihat pada link berikut.

Controller

Buat controller baru dengan nama Karyawan.php pada direktori app/Controllers untuk mengatur tampilan dan logika dari aplikasi. Kode lengkap dari controller dapat dilihat pada link berikut.

View

Views dari aplikasi ini terdiri dari 3 buah file, yaitu home_view.php, tambah_view.php, dan edit_view.php. Kode lengkap dari view dapat dilihat pada link berikut. Berikut tampilan dari aplikasi ini.

Laman Home

Laman Tambah Data

Laman Edit Data

Routes

Setelah mengatur dan membuat model, view, serta controller, kita perlu mengatur rute agar aplikasi dapat diakses. Edit file app/Config/Routes.php dengan konfigurasi sebagai berikut.

Kode sumber (source code) program di atas dapat dilihat pada link berikut.

Referensi

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengantar PBKK

-
Gambar
Selamat datang di blog kelas resmi (official blog kelas) untuk dokumentasi penugasan mata kuliah Pemrograman Berbasis Kerangka Kerja (PBKK). Melalui blog ini, saya akan mengunggah dan mendokumentasikan tugas-tugas pada mata kuliah PBKK. Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Berbasis Kerangka Kerja (PBKK) - A Tahun 2023 Portofolio GitHub Perkenalkan, saya Akmal Sulthon Fathulloh, biasa dipanggil Akmal, seorang mahasiswa jurusan Teknik Informatika ITS angkatan 2021. Saat ini, saya belum memiliki banyak portofolio terkait pengembangan aplikasi menggunakan kerangka kerja (framework). Namun, saya pernah mengembangkan beberapa proyek aplikasi web dalam beberapa waktu terakhir. Di antaranya sebagai berikut. Dashboard Kelas Informatika Sebuah web sederhana yang menampilkan daftar kelas mata kuliah yang saya ikuti dalam seme
Read more »

Tugas Pertemuan 15 PBKK - Membuat Aplikasi dengan Google Apps Script

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PBKK - A Pada pertemuan ke-15 kelas PBKK kali ini, kita diminta untuk membuat sebuah aplikasi formulir sederhana dengan mengintegrasikan Google Apps Script, yang dapat menampilkan view dari hasil submit form ke dalam Google Sheets. Berikut dokumentasinya. Laman Formulir Formulir yang dibuat terdiri dari 4 inputan, yaitu nama, email, nomor telepon, dan pesan. Formulir ini dibuat menggunakan HTML dan CSS (dengan bantuan framework Bootstrap 5.3), kemudian diintegrasikan dengan Google Apps Script. Halaman web di atas dapat diakses melalui link berikut . Apps Script Script yang digunakan untuk mengintegrasikan formulir dengan Google Apps Script adalah sebagai berikut. Script di atas dideploy di Google Apps Script yang terintegrasi dengan Google Sheets yang telah dibuat sebelumnya. Akses ke Google Sheets tersebut dibuat public aga
Read more »

Tugas Pertemuan 2 PPL - Identifikasi Proses PPL

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPL - A Pada pertemuan kali ini, kita diminta untuk berlatih mengidentifikasi proses perancangan perangkat lunak ( software design ) berdasarkan jurnal/dokumen perancangan perangkat lunak yang digunakan sebagai referensi. Referensi Saya mengambil referensi dari sebuah jurnal DPPL "Sistem Pengarsipan Surat Masuk dan Surat Keluar" sebagai berikut. Identifikasi Proses PPL Architectural Design (Perancangan Arsitektur) Sistem pengarsipan surat ini dibangun berbasiskan web. Halaman pertama sistem ini adalah halaman login pengguna. Setelah pengguna melakukan login maka pengguna akan memasuki halaman surat masuk dan surat keluar. Gambar 3 (gambar di bawah) adalah deskripsi arsitektural dari sistem pengarsipan surat. Interface Design (Perancangan Antarmuka) Gambar 10 menunjukkan desain antar muka dari system yang akan dibangun. Des
Read more »