TI

Tiara

SMKN 2 LUWU (Kab. Luwu)

SP-28E5F0CE • Teknologi Web

Total Skor

0

Progress

0/39
1

Katalog Publik - Akses Terbuka

Backend REST API

Tim Juri
1.1 Pending

Klik Send pada URL Katalog Publik

Kondisi: Data seluruh produk muncul lengkap dengan info nama kategorinya

Bobot: 3 Skor: 0
1.2 Pending

Isi kolom parameter search dengan nama produk

Kondisi: Hanya produk dengan nama tersebut yang berhasil tersaring

Bobot: 3 Skor: 0
1.3 Pending

Isi kolom parameter kategori_id dengan angka ID

Kondisi: Hanya produk dari kategori tersebut saja yang keluar

Bobot: 2 Skor: 0
2

Pembatasan Role Tampilan & Hasil Akhir

Frontend SPA Client

Tim Juri
10.1 Pending

Login menggunakan akun dengan role Kasir

Kondisi: Menu atau Tombol "Tambah Produk" hilang dari layar

Bobot: 3 Skor: 0
10.2 Pending

Minta peserta menunjukkan folder programnya

Kondisi: Terdapat folder hasil kompilasi final (dist atau build)

Bobot: 3 Skor: 0
10.3 Pending

Klik kanan browser -> pilih Inspect -> tab Console

Kondisi: Tidak ada baris teks error berwarna merah yang muncul

Bobot: 2 Skor: 0
3

Otentikasi & Profil User

Backend REST API

Tim Juri
2.1 Pending

Masukkan email & password seeder, klik Send

Kondisi: Keluar kode status 200 beserta teks token akses panjang

Bobot: 3 Skor: 0
2.2 Pending

Sengaja salahkan password login, klik Send

Kondisi: Keluar kode status 201 disertai keterangan teks gagal

Bobot: 2 Skor: 0
2.3 Pending

Klik Send pada URL Profil menggunakan token aktif

Kondisi: Muncul informasi detail Nama, Email, dan Role user yang login

Bobot: 3 Skor: 0
4

Tambah & Tampilkan Produk - Khusus Superadmin

Backend REST API

Tim Juri
3.1 Pending

Klik Send pada URL Data Produk (GET /api/produk)

Kondisi: Daftar seluruh produk muncul dalam format JSON khusus untuk internal manajemen admin

Bobot: 3 Skor: 0
3.2 Pending

Kirim data produk baru tanpa mengisi nama/harga

Kondisi: Keluar respons status 201 (Sistem validasi backend aktif)

Bobot: 2 Skor: 0
3.3 Pending

Kirim data produk lengkap + Lampirkan file gambar

Kondisi: Keluar kode status 200 dan data sukses tersimpan

Bobot: 3 Skor: 0
3.4 Pending

Salin path gambar hasil upload, buka di browser

Kondisi: Gambar produk berhasil dipanggil dan tampil dengan jelas

Bobot: 2 Skor: 0
5

Logika Transaksi & Riwayat Transaksi

Backend REST API

Tim Juri
4.1 Pending

Klik Send pada URL Data Transaksi (GET /api/transaksi)

Kondisi: Daftar seluruh riwayat transaksi yang pernah terjadi di toko berhasil muncul dalam format JSON

Bobot: 3 Skor: 0
4.2 Pending

Kirim data transaksi baru (isi kuantitas & diskon %)

Kondisi: Transaksi berhasil diproses masuk ke dalam data riwayat

Bobot: 2 Skor: 0
4.3 Pending

Cek kalkulasi nota nilai harga yang keluar

Kondisi: Angka total harga terpotong persentase diskon secara akurat

Bobot: 3 Skor: 0
4.4 Pending

Cek data kuantitas produk setelah transaksi sukses

Kondisi: Stok produk otomatis berkurang sesuai jumlah yang dibeli

Bobot: 5 Skor: 0
4.5 Pending

Kirim data transaksi dengan jumlah melebihi stok

Kondisi: Transaksi otomatis digagalkan dan keluar pesan error stok

Bobot: 3 Skor: 0
6

Keamanan & Hak Akses Role

Backend REST API

Tim Juri
5.1 Pending

Gunakan token akun Kasir untuk menyimpan produk

Kondisi: Sistem menolak aksi secara mutlak (Keluar kode error/403)

Bobot: 4 Skor: 0
5.2 Pending

Hapus token di Postman, lalu akses URL internal admin

Kondisi: Akses terblokir total karena sistem mewajibkan token login

Bobot: 4 Skor: 0
7

Katalog Publik - Sisi Pelanggan

Frontend SPA Client

Tim Juri
6.1 Pending

Buka Halaman Utama publik aplikasi peserta

Kondisi: Antarmuka (UI) katalog terbuka rapi, memiliki struktur tata letak (Grid/Card/List) untuk produk, kolom pencarian, dan area tombol filter

Bobot: 1 Skor: 0
6.2 Pending

Periksa komponen menu produk di layar utama tersebut

Kondisi: Komponen kartu produk berhasil merender data nama, harga, dan gambar secara dinamis dari database REST API

Bobot: 3 Skor: 0
6.3 Pending

Ketik nama produk di kolom pencarian di layar

Kondisi: Daftar produk langsung tersaring otomatis saat mengetik

Bobot: 2 Skor: 0
6.4 Pending

Klik pilihan filter kategori produk

Kondisi: Daftar menu otomatis berubah sesuai kategori yang diklik

Bobot: 2 Skor: 0
8

Login Admin & Proteksi Halaman

Frontend SPA Client

Tim Juri
7.1 Pending

Buka URL Halaman Login pada browser

Kondisi: Antarmuka (UI) halaman login terbuka dengan rapi, memiliki input email, input password, dan tombol submit

Bobot: 1 Skor: 0
7.2 Pending

Ketik email/password salah di halaman login

Kondisi: Muncul teks peringatan/notifikasi gagal di layar

Bobot: 2 Skor: 0
7.3 Pending

Ketik email/password benar di halaman login

Kondisi: Berhasil masuk ke halaman Dashboard Utama Admin

Bobot: 3 Skor: 0
7.4 Pending

Coba ketik manual URL dashboard di browser tanpa login

Kondisi: Sistem otomatis menolak dan melempar kembali ke login

Bobot: 2 Skor: 0
9

Tampilan Dashboard & Input Produk Baru

Frontend SPA Client

Tim Juri
8.1 Pending

Lihat kotak statistik di Dashboard Utama

Kondisi: Angka total produk, transaksi, dll muncul dari backend

Bobot: 2 Skor: 0
8.2 Pending

Buka halaman / menu Data Produk

Kondisi: Antarmuka (UI) halaman terbuka rapi, struktur tabel manajemen sudah terbentuk lengkap dengan kolomnya (Nama, Kategori, Harga, Gambar)

Bobot: 1 Skor: 0
8.3 Pending

Periksa baris isi di dalam tabel Data Produk tersebut

Kondisi: Data teks produk beserta file aset gambarnya berhasil ditarik dari database dan ter-render dengan sempurna pada baris tabel

Bobot: 2 Skor: 0
8.4 Pending

Buka Form Produk, klik simpan dalam kondisi kosong

Kondisi: Muncul tulisan error berwarna merah (Validasi form aktif)

Bobot: 1 Skor: 0
8.5 Pending

Isi data produk, pilih file gambar, klik Simpan

Kondisi: Produk baru berhasil masuk dan langsung muncul di tabel tanpa refresh web

Bobot: 4 Skor: 0
10

Layar Kasir / POS Screen & Riwayat Transaksi

Frontend SPA Client

Tim Juri
9.1 Pending

Buka halaman / menu Layar Kasir (POS Screen)

Kondisi: Antarmuka (UI) layar transaksi terbuka rapi, minimal menampilkan layout 2 kolom (area menu produk dan area draf keranjang belanja)

Bobot: 1 Skor: 0
9.2 Pending

Klik tombol tambah pada salah satu produk menu

Kondisi: Produk langsung masuk ke daftar keranjang belanja

Bobot: 2 Skor: 0
9.3 Pending

Klik tombol + atau - pada item di dalam keranjang

Kondisi: Jumlah barang dan subtotal harga berubah otomatis

Bobot: 4 Skor: 0
9.4 Pending

Ketik angka nominal di kolom diskon % (misal: 10)

Kondisi: Total harga akhir langsung berkurang 10% di layar

Bobot: 4 Skor: 0
9.5 Pending

Klik tombol Bayar / Selesai Transaksi

Kondisi: Muncul notifikasi sukses dan keranjang kembali kosong

Bobot: 3 Skor: 0
9.5 Pending

Buka Halaman / Menu Riwayat Transaksi

Kondisi: Daftar transaksi yang baru saja dilakukan berhasil tampil di tabel riwayat lengkap dengan total harganya

Bobot: 2 Skor: 0