Description

Web aplikasi ini memiliki beberapa fitur yaitu menampilkan data, menambah data, mengedit data dan menghapus data. Masing-masing fitur tersebut memiliki halaman masing-masing. Berikut ini adalah penjelasan dari masing-masing halaman.

Halaman Utama:

Halaman Utama pada aplikasi web ini adalah menampilkan list nama-nama mahasiswa dalam bentuk list tabel dengan informasi NIM, Nama, dan Kelas. Pada kolom aksi, terdapat fitur yang digunakan untuk mengedit dan juga menghapus. Terdapat juga tombol tambah data untuk menambahkan data mahasiswa.

Halaman Tambah Data:

Ketika tombol tambah data di klik, maka akan diarahkan ke halaman yang digunakan untuk menambahkan data mahasiswa. Bagian field kelas adalah pilihan, sehingga untuk mengisinya, caranya yaitu harus memilih salah satu dari yang ditampilkan ketika field tersebut di klik. Terdapat tombol simpan yang berfungsi untuk menyimpan data mahasiswa yang baru ditambahkan dan kemudian akan ditampilkan pada halaman list data mahasiswa.

Halaman Edit Data:

Ketika tombol edit yang berada di halaman utama di tekan, maka akan diarahkan ke halaman yang berfungsi untuk mengedit data mahasiswa. Terdapat tombol perbaharui yang ketika tombol tersebut ditekan, maka data mahasiswa akan diperbaharui dan kemudian ditampilkan pada halaman list data mahasiswa.

Menghapus Data:

Tombol “X” yang ada pada tabel list mahasiswa, digunakan untuk menghapus data mahasiswa.

Ketika tombol tersebut di tekan, maka akan ada muncul notifikasi untuk meyakinkan kepada user apakah data tersebut memang akan dihapus atau tidak. Notifikasi ini juga berfungsi untuk mencegah data terhapus yang diakibatkan karena ketidaksengajaan user menekan tombol “X”. 

Teknologi yang digunakan dalam aplikasi web ini antara lain:

• MySQL
• Express
• React
• Node.js