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 5 | Pemrograman Berbasis Kerangka Kerja (A)

 Hai! Pada minggu ini, diberikan tugas yang berdasarkan pada tutorial berikut: Tutorial tersebut menunjukkan cara membuat  dashboard full-screen  sederhana dengan menggunakan WinForms .NET dengan Visual Studio. Terdapat beberapa package  yang digunakan, yakni: Guna UI 2, dan LiveCharts. Hasil pengerjaan tugas ini dapat diakses melalui link ini .
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