388 lines
12 KiB
HTML
388 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Pengujian Blackbox ConfiVoice</title>
|
|
<style>
|
|
body {
|
|
font-family: "Times New Roman", serif;
|
|
font-size: 12pt;
|
|
color: #000000;
|
|
line-height: 1.35;
|
|
margin: 36pt 42pt;
|
|
}
|
|
h1 {
|
|
font-size: 16pt;
|
|
text-align: center;
|
|
margin: 0 0 22pt 0;
|
|
font-weight: bold;
|
|
}
|
|
.section {
|
|
page-break-after: always;
|
|
}
|
|
.section.last {
|
|
page-break-after: auto;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
.meta {
|
|
width: 100%;
|
|
margin: 0 0 18pt 0;
|
|
}
|
|
.meta td {
|
|
border: none;
|
|
padding: 2pt 4pt;
|
|
vertical-align: top;
|
|
}
|
|
.meta-label {
|
|
width: 72pt;
|
|
font-weight: bold;
|
|
}
|
|
.meta-sep {
|
|
width: 12pt;
|
|
text-align: center;
|
|
}
|
|
.blackbox {
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
margin-top: 8pt;
|
|
}
|
|
.blackbox th,
|
|
.blackbox td {
|
|
border: 1pt solid #000000;
|
|
padding: 6pt 6pt;
|
|
vertical-align: top;
|
|
word-wrap: break-word;
|
|
}
|
|
.blackbox th {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
.blackbox .no {
|
|
width: 28pt;
|
|
}
|
|
.blackbox th:nth-child(2) {
|
|
width: 85pt;
|
|
}
|
|
.blackbox th:nth-child(3) {
|
|
width: 150pt;
|
|
}
|
|
.blackbox th:nth-child(4) {
|
|
width: 210pt;
|
|
}
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
.check {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
font-size: 20pt;
|
|
line-height: 1;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="section">
|
|
<h1>Pengujian Blackbox User</h1>
|
|
|
|
<table class="meta">
|
|
<tr>
|
|
<td class="meta-label">Judul</td>
|
|
<td class="meta-sep">:</td>
|
|
<td>Klasifikasi Tingkat Percaya Diri Berdasarkan Analisis Suara Menggunakan Pendekatan Machine Learning Berbasis Mobile</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="meta-label">Nama</td>
|
|
<td class="meta-sep">:</td>
|
|
<td>............................................................</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="meta-label">Jabatan</td>
|
|
<td class="meta-sep">:</td>
|
|
<td>User/Guru</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<table class="blackbox">
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2" class="no">No.</th>
|
|
<th rowspan="2">Halaman</th>
|
|
<th rowspan="2">Skenario</th>
|
|
<th rowspan="2">Hasil yang Diharapkan</th>
|
|
<th colspan="2">Keterangan</th>
|
|
</tr>
|
|
<tr>
|
|
<th>Berhasil</th>
|
|
<th>Tidak Berhasil</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td class="center no">1</td>
|
|
<td>Halaman Login</td>
|
|
<td>Pengguna membuka aplikasi ConfiVoice.</td>
|
|
<td>Sistem menampilkan form login, tombol daftar akun, dan pengaturan endpoint API.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">2</td>
|
|
<td>Halaman Daftar</td>
|
|
<td>Pengguna memilih menu daftar dan mengisi nama lengkap, username, password, serta konfirmasi password.</td>
|
|
<td>Sistem membuat akun baru dan mengarahkan pengguna kembali ke halaman login.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">3</td>
|
|
<td>Halaman Login</td>
|
|
<td>Pengguna mengisi username dan password yang valid.</td>
|
|
<td>Sistem berhasil masuk dan mengarahkan pengguna ke halaman utama analisis.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">4</td>
|
|
<td>Halaman Utama</td>
|
|
<td>Pengguna mengisi nama siswa dan memilih jenis kelamin.</td>
|
|
<td>Sistem menerima data siswa tanpa menampilkan error.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">5</td>
|
|
<td>Halaman Utama</td>
|
|
<td>Pengguna memilih file audio dari perangkat.</td>
|
|
<td>Sistem menampilkan audio yang dipilih dan menampilkan preview gelombang suara.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">6</td>
|
|
<td>Halaman Utama</td>
|
|
<td>Pengguna menekan tombol rekam, berbicara, lalu menghentikan rekaman.</td>
|
|
<td>Sistem menyimpan rekaman dalam format audio dan menampilkan preview hasil rekaman.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">7</td>
|
|
<td>Halaman Prediksi</td>
|
|
<td>Pengguna menekan tombol Prediksi setelah data siswa dan audio sudah lengkap.</td>
|
|
<td>Sistem mengirim audio ke backend dan menampilkan hasil klasifikasi percaya diri atau tidak percaya diri beserta nilai persentase PD dan TPD.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">8</td>
|
|
<td>Halaman Prediksi</td>
|
|
<td>Pengguna menekan tombol Prediksi ketika nama, jenis kelamin, atau audio belum lengkap.</td>
|
|
<td>Sistem menampilkan pesan peringatan agar pengguna melengkapi data terlebih dahulu.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">9</td>
|
|
<td>Halaman Hasil Prediksi</td>
|
|
<td>Pengguna menekan tombol Simpan Hasil setelah hasil prediksi muncul.</td>
|
|
<td>Sistem menyimpan hasil analisis ke database dan mengosongkan form untuk pengujian siswa berikutnya.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">10</td>
|
|
<td>Halaman Lihat Analisis</td>
|
|
<td>Pengguna membuka menu Lihat Analisis.</td>
|
|
<td>Sistem menampilkan daftar riwayat hasil analisis yang sudah tersimpan berdasarkan data siswa.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">11</td>
|
|
<td>Halaman Detail Analisis</td>
|
|
<td>Pengguna memilih salah satu data siswa pada riwayat analisis.</td>
|
|
<td>Sistem menampilkan detail hasil prediksi, jenis kelamin, label prediksi, nilai PD, dan nilai TPD.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">12</td>
|
|
<td>Logout</td>
|
|
<td>Pengguna menekan tombol logout.</td>
|
|
<td>Sistem mengakhiri sesi pengguna dan kembali ke halaman login.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
<div class="section last">
|
|
<h1>Pengujian Blackbox Web Admin</h1>
|
|
|
|
<table class="meta">
|
|
<tr>
|
|
<td class="meta-label">Judul</td>
|
|
<td class="meta-sep">:</td>
|
|
<td>Klasifikasi Tingkat Percaya Diri Berdasarkan Analisis Suara Menggunakan Pendekatan Machine Learning Berbasis Mobile</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="meta-label">Nama</td>
|
|
<td class="meta-sep">:</td>
|
|
<td>............................................................</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="meta-label">Jabatan</td>
|
|
<td class="meta-sep">:</td>
|
|
<td>Admin</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<table class="blackbox">
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2" class="no">No.</th>
|
|
<th rowspan="2">Halaman</th>
|
|
<th rowspan="2">Skenario</th>
|
|
<th rowspan="2">Hasil yang Diharapkan</th>
|
|
<th colspan="2">Keterangan</th>
|
|
</tr>
|
|
<tr>
|
|
<th>Berhasil</th>
|
|
<th>Tidak Berhasil</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td class="center no">1</td>
|
|
<td>Halaman Login Admin</td>
|
|
<td>Admin membuka halaman login web admin.</td>
|
|
<td>Sistem menampilkan form masuk admin dan pilihan daftar akun.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">2</td>
|
|
<td>Halaman Register Admin</td>
|
|
<td>Admin mengisi nama lengkap, username, password, dan konfirmasi password.</td>
|
|
<td>Sistem membuat akun admin baru dan mengarahkan admin ke halaman login.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">3</td>
|
|
<td>Halaman Login Admin</td>
|
|
<td>Admin mengisi username dan password yang valid.</td>
|
|
<td>Sistem berhasil masuk dan mengarahkan admin ke dashboard.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">4</td>
|
|
<td>Dashboard Admin</td>
|
|
<td>Admin membuka halaman dashboard.</td>
|
|
<td>Sistem menampilkan statistik total prediksi, jumlah PD, jumlah TPD, rata-rata PD, serta tabel hasil analisis.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">5</td>
|
|
<td>Filter Dashboard</td>
|
|
<td>Admin menggunakan pencarian atau filter label pada data prediksi.</td>
|
|
<td>Sistem menampilkan data hasil analisis sesuai kata kunci atau label yang dipilih.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">6</td>
|
|
<td>Tambah Data Prediksi</td>
|
|
<td>Admin membuka halaman tambah data dan mengisi form hasil analisis secara manual.</td>
|
|
<td>Sistem menyimpan data prediksi baru ke database.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">7</td>
|
|
<td>Edit Data Prediksi</td>
|
|
<td>Admin membuka halaman edit pada salah satu data prediksi dan mengubah isian data.</td>
|
|
<td>Sistem memperbarui data prediksi pada database.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">8</td>
|
|
<td>Hapus Data Prediksi</td>
|
|
<td>Admin menekan tombol hapus pada salah satu data prediksi.</td>
|
|
<td>Sistem menampilkan konfirmasi dan menghapus data setelah admin menyetujui.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">9</td>
|
|
<td>Detail Siswa</td>
|
|
<td>Admin membuka detail riwayat salah satu siswa.</td>
|
|
<td>Sistem menampilkan kumpulan hasil analisis berdasarkan nama siswa yang dipilih.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">10</td>
|
|
<td>Kelola User</td>
|
|
<td>Admin membuka halaman kelola user.</td>
|
|
<td>Sistem menampilkan daftar user dan form untuk menambahkan user.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">11</td>
|
|
<td>Edit/Hapus User</td>
|
|
<td>Admin mengubah atau menghapus data user.</td>
|
|
<td>Sistem memperbarui atau menghapus data user dari database.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="center no">12</td>
|
|
<td>Logout Admin</td>
|
|
<td>Admin memilih menu logout.</td>
|
|
<td>Sistem menghapus sesi admin dan mengarahkan kembali ke halaman login admin.</td>
|
|
<td class="check">✓</td>
|
|
<td class="check"> </td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|