Laporan Tugas Kelompok

Rekayasa Perangkat Lunak - Ganjil 2023/2024

Description Of Software Design

WEB Diskusi
WOLF
((Working Together as One, for Learning and
Friendship)

Nama Kelompok

Muhammad Rifqi Hidayat (F1E122214)

Chesario Akil Fuady (F1E122192)

Ferdinan Husada (F1E122218)

M.Alfin Mahardika(F1E122219)

M.yaufi aktur(F1E122052)

Muhammad Figo ananda(F1E122166)

Program Studi Sistem Informasi

Fakultas Sains dan Teknologi
Universitas Jambi
2023
 DAFTAR PERUBAHAN

Revisi Deskripsi
A

ii
 Daftar Isi

DAFTAR PERUBAHAN............................................................................................................................................ii
Daftar Isi....................................................................................................................................................................iii
Daftar Tabel...............................................................................................................................................................iv
I. PENDAHULUAN...............................................................................................................................................1
1.1 Tujuan Penulisan Dokumen..........................................................................................................................1
1.2 Lingkup Masalah...........................................................................................................................................1
1.3 Definisi dan Istilah........................................................................................................................................1
1.4 Referensi.......................................................................................................................................................1
II. Deskripsi Perancangan.......................................................................................................................................2
2.1 Rancangan Lingkungan Implementasi..........................................................................................................2
2.2 Rancangan Desain Kelas...............................................................................................................................2
2.3 Rancangan Struktur Data..............................................................................................................................2
2.4 Rancangan Desain Struktur Antarmuka........................................................................................................4
2.5 Rancangan Desain Standar Antarmuka.........................................................................................................5
2.6 Deskripsi Rinci Desain Antarmuka...............................................................................................................5
Modul “Manajemen Pengguna”.....................................................................................................................7
Modul "Forum Diskusi"....................................................................................................................................8
Modul "Posting Forum"...................................................................................................................................9
Proses: Menampilkan Forum dan Pesan.....................................................................................................10
Proses: Menambahkan Pesan Baru..............................................................................................................10
Laporan Aktivitas Login:.................................................................................................................................12
III. Matriks Keterunutan.......................................................................................................................................13
IV. Hasil Evaluasi Heuristik.................................................................................................................................14
4.1 Instrumen Evaluasi......................................................................................................................................14
4.2 Metode Perhitungan Hasil Evaluasi............................................................................................................14
4.3 Evaluator.....................................................................................................................................................14
4.4 Hasil Evaluasi.............................................................................................................................................14
4.5 Rekomendasi Hasil Evaluasi.......................................................................................................................14
4.6 Perbaikan Yang Dilakukan.........................................................................................................................14

iii
 Daftar Gambar

II. Deskripsi Perancangan.......................................................................................................................................2

2.2 Rancangan Desain Kelas...............................................................................................................................2
2.4 Rancangan Desain Struktur Antarmuka........................................................................................................4

Daftar Tabel

II. Deskripsi Perancangan.......................................................................................................................................2

2.3 Rancangan Struktur Data..............................................................................................................................2
2.4 Rancangan Desain Struktur Antarmuka........................................................................................................4
Proses: Menambahkan Pesan Baru..............................................................................................................10
Laporan Aktivitas Login:.................................................................................................................................12
III. Matriks Keterunutan.......................................................................................................................................13

iv
 I. PENDAHULUAN
1.1 Tujuan Penulisan Dokumen
Dokumen ini dibuat untuk memberikan rincian spesifikasi dan rancangan sistem web WOLF yang
sedang dalam pengembangan. Dokumen ini akan digunakan oleh tim pengembang, desainer,
dan pemangku kepentingan terkait untuk memahami kebutuhan sistem secara mendalam,
arsitektur yang diusulkan, serta struktur data yang diperlukan. Selain itu, dokumen ini bertujuan
untuk memberikan panduan yang jelas dan terperinci dalam proses pengembangan aplikasi
WOLF secara efisien dan efektif.

1.2 Lingkup Masalah

WOLF(Working Together as One, for Learning and Friendship), Wolf adalah aplikasi berbasis web
yang dirancang untuk memfasilitasi diskusi online yang interaktif dan bermutu. Dengan antarmuka
pengguna yang ramah dan fitur-fitur yang mendukung berbagi pengetahuan, pengguna dapat membuat
dan mengelola forum diskusi, berpartisipasi dalam berbagai topik, dan berinteraksi dengan komunitas
pengguna yang luas

1.3 Definisi dan Istilah

WOLF(Working Together as One, for Learning and Friendship)

Working Together as One: Mengacu pada kolaborasi dan kerjasama yang kuat antara individu atau
kelompok dalam mencapai tujuan bersama.

For Learning and Friendship: Menunjukkan fokus pada pertumbuhan pengetahuan dan pembentukan
ikatan persahabatan yang erat melalui interaksi positif dan diskusi yang bermakna.

Dengan demikian, WOLF secara keseluruhan mencerminkan nilai-nilai kerja sama, pembelajaran, dan
persahabatan yang diharapkan dalam konteks aplikasi diskusi.

1.4 Referensi
1. Nugroho, Widyo, and Fikri Saleh. "Perancangan Media Komunikasi Berbasis Web Untuk
Pembelajaran." Jurnal Sistem Informasi, (vol. 5, no. 2, 2009, pp. 100-105,) terbit di Jurnal Sistem
Informasi pada tahun 2009. referensi ini dapat memberikan pemahaman yang bermanfaat tentang
desain media komunikasi berbasis web, yang pada gilirannya dapat diterapkan atau digunakan sebagai
inspirasi untuk fitur-fitur komunikasi dalam aplikasi Wolf.

1
 II. Deskripsi Perancangan

2.1 Rancangan Lingkungan Implementasi

Sistem Operasi: Linux atau Windows Server untuk lingkungan server, dan Windows atau
MacOS untuk pengembangan dan pengujian lokal.

Sistem Manajemen Basis Data (DBMS): MySQL sebagai sistem manajemen basis data untuk
menyimpan informasi pengguna, posting, dan data terkait.

Alat Pengembangan: Visual Studio Code untuk menulis dan mengelola kode aplikasi.

Bahasa Pemrograman: Penggunaan kombinasi antara HTML, CSS, JavaScript untuk

pengembangan sisi klien, dan PHP untuk pengembangan sisi server.

2.2 Rancangan Desain Kelas

2.3 Rancangan Struktur Data

Berisi deskripsi tabel-tabel data jika aplikasi berbasis data. Awali dengan daftar tabel dan
deskripsi isinya Untuk setiap tabel, harus mengandung Nama tabel, jenisnya, Volume, laju,
primary key, constraint integrity dengan tabel lain( jika ada). Volume dan laju harus mimimal
mengandung angka kira-kira. Boleh berasal dari “dumb” dari database yang digunakan.

Tabel 1. Daftar Tabel Aplikasi

Nama Tabel Primary key Data E/R Deskripsi isi
Store
User User_id Data Entitas/ Daftar pengguna yang
base pelaku terdaftar di aplikasi
Wolf
Forum Forum_id Databa Entitas/ Daftar forum yang
se pelaku dibuat oleh pengguna

2
2.3.1 Deskripsi Rinci Tabel
User
Identifikasi/Nama : user
Deskripsi Isi : Tabel ini merupakan entitas utama yang menyimpan daftar pengguna
yang terdaftar di aplikasi Wolf. Informasi pengguna, seperti nama
pengguna, alamat email, dan kata sandi, disimpan di dalamnya.
Jenis : tabel utama
Volume :-
Laju :-
Primary Key : user_id
Tipe & Boleh
D_Field Deskripsi Keterangan
Length NULL
User_id Id pengguna Int (11) NO Primary key
UserName Nama pengguna VARCHAR(20) NO -
Email Alamat email VARCHAR(50) NO -
Pasword Kata sandi VARCHAR(20) NO Terenkripsi
pengguna

Forum
Identifikasi/Nama : Forum
Deskripsi Isi : Tabel ini berperan sebagai entitas utama yang menyimpan informasi
terkait forum yang dibuat oleh pengguna. Setiap forum memiliki judul,
deskripsi, dan dihubungkan dengan pengguna yang membuatnya.
Jenis : tabel utama
Volume :-
Laju :-
Primary Key : user_id
Tipe & Boleh
D_Field Deskripsi Keterangan
Length NULL
Forum_id Id forum Int (11) NO Primary key
Title Judul forum VARCHAR(50) NO -
Deskripsi Deskripsi forum TEXT YES -
User_id ID pengguna Int(11) NO Foreign key(user)
yang membuat
forum

3
2.4 Rancangan Desain Struktur Antarmuka

Gambar 2. Struktur antarmuka sistem

Tabel 2. Deskripsi Modul

Fungsi/
No. Data Input Data Output Keterangan
Proses
Fungsi ini
Tampilan main
DPPL WOLF Fungsi Main menampilkan main
- menu
K-001 menu menu sebagai
navigasi utama
DPPL Fungsi - Tampilan ungsi ini bertujuan
WOLF home home untuk
K-002 menampilkan
Halaman Home
sebagai tampilan
default ketika
pengguna masuk
ke aplikasi Wolf.
DPPL Fungsi NAMA Status Fungsi ini
WOLF K- menu log- pengguna login(berha memungkinkan
003 in &kata sandi sil/tidak) pengguna untuk
Tampilan login ke dalam
home jika aplikasi.
berhasil
DPPL Fungsi NAMA Tampilan Fungsi ini
WOLF K- sign-up pengguna,e menu login memungkinkan
004 mail jika pengguna untuk
dan ,kata berhasil login ke dalam
sandi, aplikasi.
DPPL Fungsi Judul da nisi Daftar Fungsi ini
WOLF K- forum forum untuk forum memberikan akses
005 membuat ke fitur forum,
4
 forum baru termasuk melihat
daftar forum dan
membuat forum
baru.

2.5 Rancangan Desain Standar Antarmuka

1. Elemen Dasar Antarmuka:
• Latar Belakang (Background):Biru & putih
• Header: berisi logo serigala sebagai ikon web wolf
• Navigasi: Tombol sign-up,login &keluar
• Ruangan Konten (Content Space): formluir sing-up/log-in

2. Bentuk Tombol:
 Tombol standar (submit,cancle,ok,dll): berbentuk persegi panjang dengan sudut
yang tumpul berwarna putih/biru
 Tombol aksi seperti (kirrim pesan,buat forum dll) :berbentuk ikon seperti
+ untuk tombol buat forum dan tanda untuk kirim pesan
 Tombol navigasi : berbentuk ikon seperti 🏠untuk tombol menuju ke menu home

2.6 Deskripsi Rinci Desain Antarmuka

1.Login
Deskripsi:
 Input pengguna :terima input nama pengguna dan kata sandi dari pengguna
 Validasi input :Verifikasi apakah nama pengguna da kata sandi benar
 Cek :periksa basis data untuk mencocokan data pengguna
 Proses login berhasi : -tandai prngguna sebagai “masuk”
-Redirect ke halaman home
 Proses login gagak : -tampilkan pesan kesalahan
-minta penguna inpu nama dan pasword ulang
Algoritma:
Jika input pengguna valid;
Lakukan validasi kredensial;
Jika nama/kata sandi bena;:
Tandai pengguna sebagai "masuk.";
Redirect ke Halaman Home
Jika kredensial salah;
Tampilkan pesan kesalahan;.
Minta pengguna memasukkan kembali;
Jika tidak valid:;
Tampilkan pesan kesalahan.;
Minta pengguna memasukkan kembali kredensial.;
Jika input pengguna tidak valid:;
Tampilkan pesan kesalahan terkait;
Minta pengguna memasukkan kembali informasi.

3. membuat forum :
Deksripsi:
 input forum baru :- judul
-deskripsi
 validasi input :pastikan judul tidak kosong
 simpan forum ke basis data :tambahkan informasi baru ke basis data
 proses berhasil : redirect ke halaman forum ynag baru di buat
 proses gagal : tampilkan pesan kesalahan dan minta pengguna mengisi ulang

5
 informasi
algoritma :
Jika input forum valid:
Lakukan validasi input:
Jika input valid:
Simpan forum baru ke basis data:
Tambahkan informasi forum baru ke basis data.
Redirect ke halaman forum baru.
Jika input tidak valid:
Tampilkan pesan kesalahan.
Minta pengguna memasukkan kembali informasi.
Jika input tidak valid:
Tampilkan pesan kesalahan terkait validasi.
Minta pengguna memasukkan kembali informasi.

4.Bergabung ke forum
Deskripsi:
 iput id forum yang di tuju: id forum yang ingin diakses.
 cari forum di basis data:temukan forum berdasarkan id forum
 tampilkan forum :tampilkan informasi dan konten forum
 prosesbergabung :tandai oengguna menjadi anggota di dalam forum

Algoritma:
Jika input forum valid:
Cari forum di basis data:
Temukan forum berdasarkan ID atau judul.
Jika forum ditemukan:
Tampilkan isi forum:
Tampilkan informasi dan konten dari forum yang dipilih.
Proses bergabung ke forum:
Tandai pengguna sebagai peserta dalam forum.
Munculkan opsi untuk berpartisipasi dalam diskusi atau meninggalkan pesan.
Jika forum tidak ditemukan:
Tampilkan pesan kesalahan.
Kembali ke halaman forum.
Jika input forum tidak valid:
Tampilkan pesan kesalahan terkait validasi.
Kembali ke halaman forum.
5.kirim pesan
 input pesan baru:isi pesan
 simpan pesan ke basis data:tambahkan pesan baru ke basisdata dengan
informasi nama pengirim dan waktu kirim
 proses berhasil :tampilkan pesan baru

Algoritma:
input pesan;
kirim pesan ;
Simpan pesan ke basis data:
Tambahkan pesan baru ke basis data dengan informasi pengirim, penerima,
dan waktu kirim.
Perbarui tampilan chat dengan menambahkan pesan baru.

6.log out
Deskripsi:
 proses logout::-hapus tanda masuk pengguna
6
 -redirect ke halaman login
Lakukan proses log out:
Hapus tanda masuk pengguna.
Redirect ke halaman login.

2.6.1 Deskripsi Modul/Fungsi

2.6.1.1. Modul (Nama Modul)

Modul “Manajemen Pengguna”

1.Spesifikasi Fungsi "Manajemen Pengguna":
 Modul ini bertanggung jawab untuk mengelola informasi pengguna, termasuk
pendaftaran dan otentikasi.
 Jenis Modul: Manajemen Pengguna.

2. Spesifikasi Layar Utama Fungsi (manajemen pengguna) Menampilkan spesifikasi

tampilan layar dari modul
 Deskripsi Layar Utama:
- Tampilan utama modul "Manajemen Pengguna" mencakup elemen-elemen seperti
formulir pendaftaran, formulir login, dan informasi pengguna yang sedang masuk

- Terdapat navigasi jelas untuk mengakses bagian-bagian lain dalam modul ini, seperti
pengaturan akun dan opsi keluar (logout).
 Formulir Pendaftaran:
- Menampilkan kolom-kolom untuk memasukkan informasi pribadi pengguna yang ingin
mendaftar.

- Tombol "Daftar" sebagai tindakan utama untuk mengirimkan formulir.

 Formulir Login:
- Memberikan area untuk pengguna yang sudah memiliki akun untuk memasukkan
kredensial login mereka.
- Tombol "Masuk" untuk mengotentikasi pengguna.

 Info Pengguna Masuk:

- Jika pengguna sudah masuk, ditampilkan informasi singkat tentang akun mereka, seperti
nama pengguna dan opsi untuk mengelola akun.

3. Spesifikasi Query Fungsi (Nama Modul)

Menampilkan spesifikasi query yang dijalankan pada tampilan layar dari modul

Pendaftaran Pengguna Baru:

 Query: INSERT INTO User (username, password, email, nama_lengkap)
VALUES ('nama_pengguna', 'kata_sandi', 'email@example.com', 'Nama
Lengkap');

Otentikasi Pengguna (Login):

 Query: SELECT * FROM User WHERE username = 'nama_pengguna' AND
password = 'kata_sandi';
7
 Pembaruan Informasi Akun:
 Query: UPDATE User SET email = 'email_baru@example.com' WHERE username =
'nama_pengguna';

Pengambilan Informasi Akun:

 Query: SELECT * FROM User WHERE username = 'nama_pengguna';

Modul "Forum Diskusi"

1.spesifikasi Fungsi "Forum Diskusi":
 Modul ini mengurus pembuatan, pengelolaan, dan tampilan forum diskusi.
 Jenis Modul: Manajemen Forum.

2. Spesifikasi Layar Utama Fungsi (forum diskusi) Menampilkan spesifikasi tampilan layar
dari modul
Deskripsi Layar Utama:
 Tampilan utama modul "Forum Diskusi" mencakup daftar forum atau topik diskusi
terkini.
 Setiap forum menampilkan judul, pembuat forum, jumlah pesan, dan waktu
pembuatan.

Navigasi Forum:
 Terdapat menu untuk mempermudah menemukan forum diskusi yang pengguna
buat /bergabung.
 Tautan ke halaman forum spesifik atau forum tertentu.

Buat Forum Baru:

 Tombol atau tautan untuk membuat fotum baru dengan formulir yang sesuai.

Info Pengguna:
 Jika pengguna sudah masuk, ditampilkan informasi singkat tentang akun mereka,
seperti nama pengguna dan opsi untuk membuat forum baru.

3. Spesifikasi Query Fungsi (forum diskusi) Menampilkan spesifikasi query yang

dijalankan pada tampilan layar dari modul

Pengambilan Daftar forum Terkini:

 Query: SELECT * FROM FORUM ORDER BY created_at DESC LIMIT 10;
Pengambilan Daftar Kategori Forum:
 Query: SELECT * FROM Categories;

8
 Pembuatan forum Baru:
INSERT INTO Forums (title, content, user_id, category_id) VALUES ('Judul Forum',
'Isi Forum', 'id_pengguna', 'id_kategori');

Modul "Posting Forum"

1.Spesifikasi Fungsi "Posting Forum":
 Modul ini menangani pembuatan, pengecekan, dan penyuntingan posting dalam forum
 Jenis Modul: Manajemen Posting.

2. Spesifikasi Layar Utama Fungsi (posting forum) Menampilkan spesifikasi tampilan layar
dari modul
Deskripsi Layar Utama:
 Tampilan utama modul "Posting Forum" menampilkan Forum atau topik diskusi
tertentu.
 Menampilkan judul Forum, pembuat Forum, waktu pembuatan, dan konten utama
Forum.

Daftar Pesan:
 Menampilkan daftar pesan pada Forum dengan informasi pembuat pesan, waktu
pesan, dan isi pesan.

Pilihan Aksi:
 Tombol atau opsi untuk memberikan tanggapan atau pesan pada Forum.
 Opsi untuk menyukai atau memberikan rating pada Forum atau pesan.
Pengelolaan Pesan:
 Jika pengguna adalah pemilik Forum atau admin, terdapat opsi untuk mengedit
atau menghapus pesan.
Navigasi Ke Forum Lain:
 Tautan atau navigasi ke Forum atau topik diskusi lain yang terkait atau serupa.

2. Spesifikasi Query Fungsi (posting forum) Menampilkan spesifikasi query yang

dijalankan pada tampilan layar dari modul
Pengambilan Informasi Forum dan Pesan:
 Query: SELECT Forums.*, Users.username AS creator_username, Comments.*,
Users.username AS commenter_username
FROM Forums
JOIN Users ON Forums.user_id = Users.id
LEFT JOIN Comments ON Comments.forum_id = Forums.id
LEFT JOIN Users ON Comments.user_id = Users.id
WHERE Forums.id = 'id_forum';

9
 Penambahan Pesan Baru:
 Query: INSERT INTO Comments (forum_id, user_id, content) VALUES
('id_forum', 'id_pengguna', 'Isi Pesan');

2.6.2 Deskripsi Proses

Untuk proses yang tidak mengandung interaksi. Penjelasan yang ada : algoritmik. Awali
dengan Daftar Proses yang akan dibuat detilnya. Satu subbab untuk setiap proses

2.6.2.1 Nama Proses

Proses: Menampilkan Forum dan Pesan
1. Deskripsi Masukan:
 Tabel "Forum": Berisi informasi tentang forum, seperti judul, pembuat forum, waktu
pembuatan, dll.
 Tabel "Pesan": Berisi pesan yang terkait dengan forum, dengan informasi seperti isi pesan,
pembuat pesan, waktu pembuatan, dll.
2. Deskripsi Keluaran:
 Tampilan Forum: Menampilkan informasi forum dan daftar pesan yang terkait.
3. Algoritma:
 Pengguna membuka halaman forum.
 Sistem mengambil data forum terkait dari tabel "Forum" berdasarkan ID forum.
 Sistem mengambil data pesan terkait dari tabel "Pesan" berdasarkan ID forum.
 Sistem menyusun dan menampilkan informasi forum dan pesan pada antarmuka
pengguna.
 Selesai.

Proses: Menambahkan Pesan Baru

1. Deskripsi Masukan:
 Tabel "Pesan": Berisi informasi pesan, seperti isi pesan, pembuat pesan, waktu pembuatan,
dll.
2. Deskripsi Keluaran:
 Tidak ada keluaran langsung, namun, antarmuka pengguna akan menampilkan pesan baru
setelah proses selesai.
3. Algoritma:
 Pengguna mengklik tombol "Tambah Pesan" pada halaman forum.
 Sistem menampilkan formulir pesan.
 Pengguna mengisi formulir dengan isi pesan baru.
 Sistem menyimpan data pesan baru ke dalam tabel "Pesan" dengan menetapkan ID forum
terkait.
 Antarmuka pengguna diperbarui untuk menampilkan pesan baru.
 Selesai.

2.6.3.1 Nama Laporan

Dibuat untuk setiap bentuk laporan yang ada, berisi identitas dan deskripsi Laporan

10
 Laporan Aktivitas Pengguna

1. Layout
Tabel Aktivitas Pengguna: Menampilkan aktivitas masing-masing pengguna,seperti
jumlah pesan yang dikirim,waktu aktif dl.l

Nama pengguna Jumlah pesan Waktu aktif

User1 [jumlah pesan user 1] [waktu aktif user1]
User2 [jumlah pwsan user2] [waktu aktif user2]
..... ..... .....

2. Deskripsi Masukan

Tabel Aktivitas Pengguna:

 Nama Pengguna
 Jumlah Pesan Terkirim
 Waktu Aktif

3. Algoritma
Algoritma untuk menghasilkan report tersebut.

 Ambil data aktivitas pengguna berdasarkan rentang waktu dan Forum yang dipilih.
 Hitung jumlah pesan yang dikirim oleh setiap pengguna.
 Hitung total waktu aktif setiap pengguna.
 Buat tabel dengan kolom Nama Pengguna, Jumlah Pesan, Waktu Aktif,
 Isi tabel dengan data yang telah dihitung.
 Tampilkan laporan dengan menggunakan layout yang telah ditentukan.

Laporan Aktivitas Moderator:

Laporan ini akan memberikan informasi tentang aktivitas moderator, seperti jumlah forum yang
dimoderatori/yang di buat
4. Layout

Nama Jumlah forum

User1 [jumlah forum yang di buat user1]
User2 (jumlah forum yang di buat user2)
...... ......

5. Deskripsi Masukan
Deskripsi Input:

1. Tabel Moderator:
 Berisi informasi tentang moderator, termasuk ID Moderator, nama, dan informasi
terkait moderator lainnya.
2. Tabel Forum Moderated:
11
  Menyimpan informasi forum yang dibuat / dimoderatori oleh moderator, termasuk
ID Forum, judul, dan atribut lainnya.

6. Algoritma
Algoritma untuk menghasilkan report tersebut.

 Identifikasi moderator yang akan dilaporkan.

 Dapatkan data moderator dari tabel Moderator.
 Identifikasi forum yang dimoderatori oleh moderator dari tabel Forum Moderated.
 Hitung jumlah forum yang dimoderatori oleh moderator.
 Sajikan hasi Jumlah forum yang dimoderatori.

Laporan Aktivitas Login:

Laporan ini akan berisi detail aktivitas login pengguna, mencakup informasi seperti ID pengguna,
waktu login, dan status login.

1.layout

Id pengguna Waktu login Stsatus login

123 2023-10-25 08:30:00 Berhasil
456 2023-10-25 08:30:00 Gagal
789 2023-10-25 08:30:00 Berhasil

2.deskripsi masuka

 Tabel "LogAktivitasLogin"
 Input Parameter: Rentang waktu untuk laporan (tanggal awal hingga tanggal
akhir).

3.algoritma

 Cari semua entri aktivitas login dalam tabel "LogAktivitasLogin" yang berada dalam
rentang waktu yang ditentukan
 Urutkan hasil pencarian berdasarkan waktu login secara descending (dari yang terbaru).
 Tampilkan informasi dari setiap entri, termasuk ID pengguna, waktu login, dan status
login.
 Selesai, laporan aktivitas login telah dihasilkan berdasarkan rentang waktu yang
dimasukkan.

12
 III. Matriks Keterunutan
Tabel 3. Matrik Kerunutan Sistem
ID Kebutuhan Modul
WolfSKPL-WOLF.K-001 DPPL-WOLF.K-003
WolfSKPL-WOLF.K-002 DPPL-WOLF.K-002
WolfSKPL-WOLF.K-003 DPPL-WOLF.K-002
WolfSKPL-WOLF.K-004 DPPL-WOLF.K-002
WolfSKPL-WOLF.K-005 DPPL-WOLF.K-004

13
 IV. Hasil Evaluasi Heuristik

4.1 Instrumen Evaluasi

Berisi instrumen evaluasi heuristik yang digunakan.

4.2 Metode Perhitungan Hasil Evaluasi

Berisi metode perhitungan hasil evaluasi heuristik yang diterapkan.

4.3 Evaluator
Berisi data evaluator yang melaksanakan evaluasi terhadap prototype UI yang dikembangkan.
Nama Kelompok Evaluator dan anggota timnya.

4.4 Hasil Evaluasi

Berisi hasil yang diperoleh dari kegiatan evaluasi heuristik yang telah dilakukan.

4.5 Rekomendasi Hasil Evaluasi

Berisi rekomendasi yang diberikan evaluator kepada tim pengembang UI.

4.6 Perbaikan Yang Dilakukan

Berisi perbaikan dari UI yang telah dilakukan berdasarkan rekomendasi yang diberikan.

14