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

Labels:

Comments

Post a Comment

Popular posts from this blog

EAS | Rekayasa Kebutuhan (B)

 Studi Kasus AutoRent Deskripsi AutoRent  adalah perusahaan yang menyediakan sewa mobil di kota Surabaya. Sayangnya, proses bisnisnya belum terkomputerisasi sehingga menyebabkan inkonsistensi data, memperlambat proses penyewaan, dan mengurangi kenyamanan pelanggan. Saat ini, perusahaan membutuhkan sistem informasi yang dapat membantu mengatasi masalah yang ada. Sistem informasi yang akan dibangun merupakan sistem informasi bagi staf (admin) AutoRent untuk melakukan input data perusahaan dan melayani pelanggan yang datang langsung ke lokasi. Stakeholder Terdapat beberapa pihak yang terlibat pada proses bisnis di AutoRent, yakni: Pemilik perusahaan, Staf (admin), dan Pelanggan. Kebutuhan Terdapat dua jenis kebutuhan yang perlu dieksplorasi pada studi kasus ini, yakni kebutuhan fungsional dan kebutuhan non-fungsional. Kebutuhan Fungsional Sistem dapat menyediakan fitur login untuk admin, Sistem dapat mengelola data mobil yang dimiliki perusahaan, Sistem dapat mengelola data jenis...
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

Tugas 8 | Pemrograman Berbasis Kerangka Kerja (A)

 CodeIgniter 4 Tugas di minggu ini adalah untuk mencoba CodeIgniter, sebuah kerangka kerja yang menggunakan PHP untuk pengembangan web dinamis. Hal yang perlu dicoba adalah membuat dua halaman baru, yakni "about" dan "contact". Tampilan Pengerjaan tugas dapat diakses melalui link ini .
Post a Comment
Read more