SOAL UJIAN MASUK HORUS

Soal Fullstack (Baca Soal Dahulu Semua Sampe Akhir Sebelum Mengerjakan)

A. Membuat Database (DBMS Bebas)

a. Buatlah Database dengan format nama: horus_[Nama Panggilan Anda]_db!
B. Membuat Tabel

a. Lengkapi tipe data beserta ukurannya pada gambar di atas!

b. Buatlah table sesuai dengan gambar dan tipe data yang sudah dibuat!
c. Isi tabel voucher dengan 7(tujuh) data!
C. Membuat API (Bahasa Bebas)
a. Buatlah API untuk nantinya digunakan dalam proses pembuatan Web pada point D yang
terdiri dari: GET, POST, UPDATE, DELETE
D. Membuat Tampilan Web (Framework Bebas, Boleh Native, Gunakan API pada Point C)
a. Buatlah halaman login yang terdiri dari:
- Dua textbox -> Username, Password
- Dua tombol -> Login, Regsitrasi

Alur:

- Login dengan mengisi dua index: Username, Password, jika salah tidak bisa menuju
halaman voucher pada point c
- Jika belum punya akun, menekan tombol registrasi dan menuju halaman registrasi pada
point b

1
 Mockup:

b. Buatlah halaman registrasi yang teridiri dari:

- Empat textbox -> Username, Password, Nama, Email
- Satu tombol -> Registrasi

Alur:

- Textbox tidak boleh kosong dan sesuai dengan constraint-nya

- Menekan tombol regristasi akan menyimpan data ke Database dan Kembali ke halaman
login pada point a

2
 Mockup:

c. Buatlah halaman voucher yang terdiri dari:

- Header -> Logo, Judul, Tombol History
- Sidebar(Kiri) -> Kategori Voucher
- Body -> List voucher : Satu baris 3 grid, terdiri dari:
▪ Foto Voucher

▪ Tombol Claim

Alur:

- Klik kategori akan memfilter grid sesuai kategori

- Klik tombol claim di bawah foto voucher akan menambahkan voucher ke history dan
menghilangkan dari grid list voucher
- Klik tombol history akan menuju halaman history pada point d

3
 Mockup:

d. Buatlah halaman history yang terdiri dari:

- Header -> Judul
- Body -> Tabel list voucher yang sudah diclaim, terdapat tombol delete/remove untuk
hapus voucher claim dan kembalikan ke list voucher di point c
- Sidebar(kanan) -> Jumlah voucher yang di-claim per kategori dan totalnya

Alur:

- Memunculkan tabel list voucher claim dan total per kategorinya

4
Mockup:

5
BONUS SOAL

1. Buatlah menjadi responsive untuk versi mobile-nya

6
NOTE:

1. Bawa hasil dari soal ujian di atas ketika interview.

2. Bisa local atau sudah dihostingkan sekalian (jika punya).