Skip to main content

Tugas 10 | Pemrograman Berbasis Kerangka Kerja (A)

 Penerapan MVC pada App CRUD Sederhana dengan CodeIgniter

Pada kesempatan kali ini, saya akan membahas improvement yang dapat dilakukan pada app yang telah dibuat sebelumnya.

Feature

Berikut list fitur yang akan ditambahkan kali ini:

  • Authentication
  • CRUD sederhana
Fitur-fitur tersebut bergantung pada existing templates & libraries berikut:
  • myth-auth untuk authentication
  • SB Admin 2 untuk tampilan
  • Data Tables untuk mempermudah penyajian data

Tampilan

Ketika pengguna mengakses web pertama kali, akan disambut dengan tampilan seperti ini:

Pengguna bisa melakukan login atau register dengan memilih dropdown di pojok kanan atas.

Tampilan register seperti di bawah ini:

Tampilan login jika pengguna sudah memiliki akun:

Setelah pengguna berhasil login, tampilan navbar akan sedikit berbeda. Menampilkan username pengguna serta ada pilihan untuk logout di dropdown.

Jika pengguna sudah login, pengguna dapat membuka tampilan contact yang merupakan antarmuka untuk CRUD sederhana.

Pengguna dapat menambahkan contact dengan memilih "Add Contact".

Akan ada message bahwa contact sukses ditambahkan dan bisa dilihat data yang dimasukkan di tabel.

Pengguna dapat mengedit tiap contact dengan memilih "Edit" pada bagian "Action" tabel.

Tabel akan menampilkan data yang telah diperbarui oleh pengguna.

Pengguna juga dapat mencari contact tertentu berdasarkan kata kunci yang dimasukkan.

Operasi terakhir yang dapat dilakukan adalah menghapus contact yang dapat dilakukan dengan memilih "Delete" pada contact yang ingin dihapus.

Pengguna dapat logout dengan memilih tombol yang sesuai.









Labels:

Comments

Post a Comment

Popular posts from this blog

Tugas 3 | Pemrograman Berbasis Kerangka Kerja (A)

 Latihan WPF Di minggu ke-3, ditugaskan untuk mempelajari WPF (Windows Presentation Foundation) sebagai salah satu cara untuk membuat aplikasi desktop. Bahasa pemrograman yang digunakan adalah C# dengan struktur view  dibentuk dengan dokumen XAML. WPF Hello World Bagian pertama dari tugas minggu ini adalah untuk mencoba membuat "Hello, World" dengan WPF sebagai pengenalan. Repository  sebagai hasil dari bagian ini dapat diakses melalui hyperlink  ini . Fokusan pembelajaran saya dari bagian ini adalah mengenal bagaimana view dapat dibentuk dengan memanipulasi dokumen XAML yang ada, terutama dengan memanfaatkan sistem Grid . Saya mengikuti video berikut sebagai bahan pembelajaran: WPF Dashboard Bagian kedua dari tugas ini adalah untuk membuat dashboard sederhana dengan WPF. Repository- nya dapat diakses melalui hyperlink ini . Saya mempelajari cara membuat beberapa view  dan pemanfaatan RelayCommand dan Binding agar pengguna aplikasi dapat berpindah-pindah view ....
Post a Comment
Read more

Tugas 2 | Pemrograman Berbasis Kerangka Kerja (A)

  Hello! Pada pertemuan minggu ke-2 kelas PBKK A ini, ditugaskan untuk membuat aplikasi desktop sederhana. Saya memutuskan untuk memilih aplikasi clone  dari Paint yang tentunya sudah umum dikenal pengguna OS Windows. Aplikasi tersebut memungkinkan pengguna untuk "menggambar" dengan berbagai garis dan bentuk yang disediakan. Tentunya pada versi terbarunya, Paint sudah lumayan kompleks sehingga perlu dipilih fitur apa saja yang ingin dikembangkan untuk versi clone  nantinya. Tampilan Paint di Windows 11 Aplikasi clone  Paint ini akan memiliki fitur: Membuat bentuk lingkaran dan persegi panjang, Membuat garis, Memindahkan bentuk dan garis yang telah dibuat, dan Membersihkan area gambar. Kemudian, aplikasi tersebut akan dikembangan dengan menggunakan bahasa pemrograman Java dengan bantuan JSwing sehingga dapat terbentuk aplikasi desktop. Struktur Aplikasi Dengan JSwing, pola desain aplikasinya akan berputar pada tiga kelas utama, yakni kelas runner  untuk mengeksek...
Post a Comment
Read more

Tugas 7 | Pemrograman Berbasis Kerangka Kerja (A)

 Xamarin for Mobile Dev Minggu ini dibahaslah Xamarin, sebuah framework  untuk membangun aplikasi mobile  untuk iOS maupun Android dengan bahasa C#. Hello, Xamarin. Sebagai awalan pada pengembangan mobile  dengan Xamarin, saya mengikuti tutorial ini . Aplikasinya cukup sederhana, terdapat satu halaman dan tombol yang bisa diklik dan terdapat teks yang menampilkan berapa kali tombol tersebut telah diklik. Berikut tampilannya: Crypto Converter Tugas selanjutnya adalah membuat aplikasi yang dapat mengkonversi mata uang kripto dengan mata uang fiat. Berikut tampilannya:
Post a Comment
Read more