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 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

Studi Kasus 4 | Rekayasa Kebutuhan (B)

  Hello! Pada kesempatan ini, saya ditemani oleh Bayu Adjie Sidharta (05111940000172) untuk membahas tentang " Requirement Elicitation". Tugas ini dikerjakan berdasarkan dokumen SKPL berjudul "SI Evaluasi Kegiatan Sekretariat ITS" yang dapat dilihat di bawah ini. Penyelenggara Aplikasi Aplikasi ini diselenggarakan oleh ITS. ITS atau Institut Teknologi Sepuluh Nopember Surabaya adalah sebuah perguruan tinggi negeri di surabaya. ITS yang didirikan pada 10 Nopember 1957 adalah salah satu perguruan tinggi terbaik di Indonesia. Deskripsi Aplikasi Kegiatan yang dilaksanakan dalam naungan ITS beragam-ragam, dari kegiatan umum, mahasiswa, tenaga pendidik, dan serta staff ITS. Sebagai perguruan tinggi yang baik, ITS selalu ingin berkembang dan meningkatkan kualitas kegiatannya melalui pengadaan survei untuk mengetahui masukan atau evaluasi dari peserta. Harapannya, melalui survei tersebut, dapat diidentifikasi apakah tujuan kegiatan telah tercapai dan bagaimana cara meningka...
Post a Comment
Read more