Upload
donhi
View
212
Download
0
Embed Size (px)
Citation preview
44
BAB III
PEMBAHASAN
3.1 Analisa Kebutuhan
Dalam analisa kebutuhan menjelaskan identifikasi kebutuhan yang
meliputi kebutuhan pengguna dan kebutuhan sistem serta menggambarkan use
case sistem
3.1.1 Identifikasi Kebutuhan
A. Kebutuhan Pengguna
Dalam aplikasi inventory terdapat dua pengguna yang dapat saling
berinteraksi dalam lingkungan sistem, yaitu: administrator yang bekerja sebagai
pengolah data dan user. Kedua pengguna tersebut memiliki karakteristik interaksi
dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi yang
berbeda-beda, seperti berikut :
A1 Skenario Kebutuhan Bagian admin
1) Mengelola data berita
2) Melakukan login
3) Mengelolah data kategori berita
4) Mengelolah komentar yang dimuat oleh user
5) Mengelolah data user yang terdaftar dalam sistem
6) Memberikan pertanyaan untuk tes kecerdasan
7) Dapat melihat nilai hasil tes yang dilakukan oleh user
45
A2 Skenario Kebutuhan User
a) Melihat berita
b) Memberikan komentar
c) Melakukan tes
d) Mendapatkan hasil tes yang telah dilakukan
e) Mendaftar menjadi member
B. Kebutuhan Sistem
1) Pengguna yang ingin memasuki ruang administrator disediakan URL
khusus untuk melakukan login sebelum memasukinya.
2) Administrator dapat menambahkan berita atau artikel yang berkaitan
tentang kecerdasan linguistik. Kemudian berita tersebut akan tampil
pada front end sistem.
3) Pengguna yang berada di bagian depan dapat melakukan register
untuk mendaftarkan username dan password karena sebelum
melakukan tes pengguna diwajibkan login terlebih dahulu.
4) User yang berkerja pada front end ataupun back end dapat melakukan
logout pada sistem.
5) Terdapat field untuk melakukan pencarian berita pada front end.
6) Sistem melakukan kalkulasi dengan menggunakan metode logika
fuzzy untuk mendapatkan nilai hasil tes dan dari nilai tersebut dapat
dikondisikan potensi kecerdasan linguistik yang dimilikinya.
47
Tabel III.1
Deskripsi Use Case Login
Use Case Name Login
Requirements Administrator dapat melakukan login
Goal Login kedalam sistem
Pre-Conditions Username dan password terdaftar dalam database
Post-Conditions Dapat menggunakan fitur yang terdapat dalam
sistem
Failed end Condition Tidak dapat melakukan login
Actors Admin
Main Flow/ Basic Path 1. Memasukkan username dan password
2. Apabila berhasil login langsung masuk ke
laman utama sistem
Alternate Flow/Invariant
A
A1. Bagian dapat memilih link lupa password
A2. Sistem menampilkan pesan username dan
password salah jika pengguna tidak terdaftar dalam
database
Invariant B B1. Sistem akan menampilkan laman untuk
merubah password lama dengan mengisikan alamat
email yang terdapat pada laman tersebut.
B2. Sistem akan mengarahkan pada laman login
jika username dan password salah.
48
Tabel III.2
Deskripsi Use Case Mengelola Berita
Use Case Name Mengelola berita
Requirements Administrator dapat melakukan pengolahan data
berita atau artikel yang akan ditampilkan
Goal Administrator melakukan pengolahan data berita
atau artikel untuk ditampilkan pada front end
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Pengolahan data berita atau artikel
Failed end Condition Gagal dalam pengolahan data berita yaitu pada
proses CRUD (Create, Read, Update, Delete)
Actors Admin
Main Flow/ Basic Path 1. Data berita-berita atau artikel dalam bentuk
table
2. Dapat melakukan pencarian berita
3. Merubah konten berita
4. Menghapus berita
5. Menambahkan berita
Alternate Flow/Invariant A A1. Terdapat tombol tambah berita
A2. Pencarian berita atau artikel berdasarkan
judul atau isi berita atau artikel
A3. Dapat memilih tombol hapus
A4. Terdapat tombol edit berita
Invariant B B1. Sistem menampilkan pesan “No matching
recods found”
B2. Sistem menampilkan pesan “data berhasil
ditambahkan”
B3. Pagination pada tabel apabila data record >
10
49
Tabel III.3
Deskripsi Use Case Mengelola Kategori Berita
Use Case Name Mengelola kategori berita
Requirements Administrator dapat melakukan pengolahan data
kategori berita atau artikel.
Goal Administrator melakukan pengolahan data berita atau
artikel untuk ditampilkan pada form berita dalam bentuk
combo box
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Pengolahan data kategori berita atau artikel
Failed end
Condition
Gagal dalam pengolahan data kategori berita atau artikel
yaitu pada proses CRUD (Create, Read, Update, Delete)
Actors Admin
Main Flow/ Basic
Path
1. Data kategori berita atau artikel dalam bentuk table
2. Dapat melakukan pencarian kategori berita
3. Merubah data kategori berita atau artikel
4. Menghapus kategori berita atau artikel
5. Menambahkan kategori berita atau artikel
Alternate
Flow/Invariant A
A1. Terdapat tombol tambah kategori berita
A2. Pencarian kategori berita atau artikel berdasarkan
judul kategori berita atau artikel
A3. Dapat memilih tombol hapus
A4. Terdapat tombol edit kategori berita
Invariant B B1. Sistem menampilkan pesan “No matching recods
found”
B2. Sistem menampilkan pesan “data berhasil
ditambahkan”
B3. Pagination pada tabel apabila data record > 10
50
Tabel III.4
Deskripsi Use Case Mengelola Komentar Berita
Use Case Name Mengelola komentar berita
Requirements Administrator dapat melakukan pengolahan data
komentar berita atau artikel
Goal Administrator melakukan pengolahan komentar yaitu
melihat, menyetuji dan menolak komentar yang
dimuat oleh pengguna pada front end
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Melihat, menyetujui dan menolak isi komentar pada
suatu berita atau artikel yang di tambahkan oleh admin
Failed end Condition Gagal dalam melihat, menyetujui dan menolak
komentar
Actors Admin
Main Flow/ Basic Path 1. Komentar yang di muat akan ditahan terlebih
dahulu
2. Komentar yang disetujui akan ditampilkan
3. Dapat melakukan pencarian komentar
4. Menyetujui komentar yang akan ditampilkan
5. Menolak komentar yang akan ditampilkan
Alternate Flow/Invariant
A
A1. Terdapat tombol menyetujui komentar
A2. Memilih tombol menolak komentar
A3. Pencarian komentar
Invariant B B1. Sistem menampilkan pesan “No matching recods
found”
B2. Sistem menampilkan pesan “data berhasil
ditambahkan”
B3. Pagination pada tabel apabila data record > 10
51
Tabel III.5
Deskripsi Use Case Mengelola Data User
Use Case Name Mengelola data user
Requirements Administrator dapat melakukan pengolahan data
user.
Goal Administrator melakukan pengolahan data user
yang menggunakan sistem
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Pengolahan data user yang menggunakan sistem
Failed end Condition Gagal dalam pengolahan data user yaitu pada
proses CRUD (Create, Read, Update, Delete)
Actors Admin
Main Flow/ Basic Path 1. Data user dalam bentuk table
2. Dapat melakukan pencarian user
3. Merubah data user
4. Menghapus data user
5. Menambahkan data user
Alternate Flow/Invariant
A
A1. Terdapat tombol tambah user
A2. Pencarian data user berdasarkan nama user
atau user group atau username
A3. Dapat memilih tombol hapus
A4. Terdapat tombol edit user
Invariant B B1. Sistem menampilkan pesan “No matching
recods found”
B2. Sistem menampilkan pesan “data berhasil
ditambahkan”
B3. Pagination pada tabel apabila data record >
10
52
Tabel III.6
Deskripsi Use Case Mengelola Data User Group
Use Case Name Mengelola data user group
Requirements Administrator dapat melakukan pengolahan data user
group.
Goal Administrator melakukan pengolahan data user group
yang menggunakan sistem kemudian data user group
akan tampil pada form user sebagai tipe user.
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Pengolahan data user group yang menggunakan sistem
Failed end Condition Gagal dalam pengolahan data user group yaitu pada
proses CRUD (Create, Read, Update, Delete)
Actors Admin
Main Flow/ Basic
Path
1. Data user group dalam bentuk table
2. Dapat melakukan pencarian user group
3. Merubah data user group
4. Menghapus data user group
5. Menambahkan data user group
Alternate
Flow/Invariant A
A1. Terdapat tombol tambah user group
A2. Pencarian data user group berdasarkan nama user
group
A3. Dapat memilih tombol hapus
A4. Terdapat tombol edit user
Invariant B B1. Sistem menampilkan pesan “No matching recods
found”
B2. Sistem menampilkan pesan “data berhasil
ditambahkan”
B3. Pagination pada tabel apabila data record > 10
53
Tabel III.7
Deskripsi Use Case Melihat Hasil Tes Pengguna
Use Case Name Melihat hasil tes pengguna
Requirements Administrator dapat melihat hasil tes pengguna
Goal Administrator dapat melihat hasil tes yang telah
dijalani oleh pengguna dan dapat menghapus data
tersebut.
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Melihat hasil tes dan menghhapus hasil tes
Failed end Condition Gagal melihat dan menghapus hasil tes
Actors Admin
Main Flow/ Basic Path 1. Data hasil tes dalam bentuk table
2. Dapat melakukan pencarian data hasil tes
3. Menghapus data data hasil tes
Alternate Flow/Invariant
A
A1. Terdapat tombol hapus data hasil tes
A2. Pencarian data hasil tes
Invariant B B1. Sistem menampilkan pesan “No matching
recods found”
B2. Pagination pada tabel apabila data record >
10
54
Tabel III.8
Deskripsi Use Case Merubah Pertanyaan Tes
Use Case Name Merubah pertanyaan tes
Requirements Administrator merubah pertanyaan tes
Goal Administrator melakukan perubahan pertanyaan tes
untuk diberikan pada user pada front end
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Melakukan perubahan pertanyaan tes
Failed end Condition Gagal dalam proses pengubahan pertanyaan tes
Actors Admin
Main Flow/ Basic Path 1. Data pertanyaan tes dalam bentuk table
2. Dapat melakukan pencarian pertanyaan tes
3. Merubah data pertanyaan tes
Alternate Flow/Invariant
A
A2. Pencarian data pertanyaan tesberdasarkan
nama pertanyaan tes
A3. Dapat memilih tombol hapus
A4. Terdapat tombol edit pertanyaan tes
Invariant B B1. Sistem menampilkan pesan “No matching
recods found”
B2. Pagination pada tabel apabila data record > 10.
56
Tabel III.9
Deskripsi Use Case Login
Use Case Name Login
Requirements User dapat melakukan login
Goal Login kedalam sistem dan dapat melakukan tes
dan memuat komentar
Pre-Conditions Mengisi Username dan password terdaftar dalam
database
Post-Conditions Login kedalam sistem
Failed end Condition Tidak dapat melakukan login
Actors User
Main Flow/ Basic Path 1. Memasukkan username dan password
2. Apabila berhasil login langsung masuk ke
laman utama sistem
Alternate Flow/Invariant A A1. Sistem menampilkan pesan username dan
password salah jika pengguna tidak terdaftar
dalam database
Invariant B B1. Sistem akan mengarahkan pada laman login
jika username dan password salah.
57
Tabel III.10
Deskripsi Use Case Register
Use Case Name Register
Requirements User melakukan register untuk mendapatkan
username dan password
Goal User berhasil melakukan register
Pre-Conditions Masuk kelaman register yang disediakan sistem
Post-Conditions Berhasil mendaftarkan sebagai member pada sistem
Failed end Condition Gagal dalam mendaftarkan sebagai member
Actors User
Main Flow/ Basic Path Mengisi form yang disediakan
Alternate Flow/Invariant
A
A1. Terdapat tombol submit
A2. Tombol cancel
Invariant B B1. Setiap field wajib diisi
B2. Jika field password <= 8, tampil pesan “The
Password field must be at least 8 characters in
length”.
58
Tabel III.11
Deskripsi Use Case Melakukan Tes
Use Case Name Melakukan tes
Requirements User melakukan tes yang tersedia dalam sistem
Goal User dapat melakukan dan menjawab semua soal
tes yang tersedia dalam sistem
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Menjawab semua pertanyaan tes kecerdasan
Failed end Condition Gagal melakukan tes
Actors User
Main Flow/ Basic Path 1. User menjawab soal tes dalam bentuk
memilih pilihan yang disediakan
2. Terdapat tiga pilahan jawaban yakni “iya,
cukup dan tidak”
3. Hasil jawaban terkalkulasi setelah
menyelesaikan tes dan menekan tombol
selesai
Alternate Flow/Invariant
A
A1. Terdapat tombol selesai tes
A2. Pilian jawaban berupa optional iya, cukup
dan tidak
A3. Sistem menampilkan pertanyaan sebanyak 20
pertanyaan
Invariant B B1. Sistem memuat 20 pertanyaan berdasarkan
kategori kecerdasan baca-tulis dan simak-bicara.
59
Tabel III.12
Deskripsi Use Case Mendapatkan Hasil Tes
Use Case Name Mendapatkan hasil tes
Requirements User mendapatkan hasil tes
Goal User mendapatkan hasil tes setelah melakukan tes
dengan menjawab pertanyaan yang disediakan
oleh sistem
Pre-Conditions Selesai melakukan tes
Post-Conditions Mendapatkan hasil tes dalam bentuk angka dan
keteranhan potensi tingkat kecerdasan
Failed end Condition Gagal mendapatkan hasil tes
Actors User
Main Flow/ Basic Path 1. Mendapatkan hasil tes setelah selesai
menjawab soal yang disediakan
2. Hasil tes baca-tulis berupa angka
3. Hasil tes simak-baca berupa angka
4. Terdapat keterangan potensi kecerdasan
linguistik setelah melakukan tes
Alternate Flow/Invariant
A
A1. Hasil tes tesaji dalam bentuk tabel
Invariant B B1. Tombol selesai akan diarahkan ke laman
home.
60
Tabel III.13
Deskripsi Use Case Memuat Komentar
Use Case Name Memuat komentar
Requirements User melakukan tes yang tersedia dalam sistem
Goal User dapat melakukan dan menjawab semua soal
tes yang tersedia dalam sistem
Pre-Conditions Melakukan login terlebih dahulu
Post-Conditions Menjawab semua pertanyaan tes kecerdasan
Failed end Condition Gagal melakukan tes
Actors User
Main Flow/ Basic Path 1. User menjawab soal tes dalam bentuk memilih
pilihan yang disediakan
2. Terdapat tiga pilahan jawaban yakni “iya,
cukup dan tidak”
3. Hasil jawaban terkalkulasi setelah
menyelesaikan tes dan menekan tombol selesai
Alternate Flow/Invariant
A
A1. Terdapat tombol selesai tes
A2. Pilian jawaban berupa optional iya, cukup dan
tidak
A3. Sistem menampilkan pertanyaan sebanyak 20
pertanyaan
Invariant B B1. Sistem memuat 20 pertanyaan berdasarkan
kategori kecerdasan baca-tulis dan simak-bicara.
61
Tabel III.14
Deskripsi Use Case Lihat Berita
Use Case Name Lihat berita
Requirements User dapat melihat berita yang diunggah oleh
admin
Goal User dapat melihat berita dan membaca isi berita
yang telah diunggah
Pre-Conditions Masuk kedalam sistem
Post-Conditions Melihat berita
Failed end Condition Gagal melihat berita
Actors User
Main Flow/ Basic Path 1. User melihat berita dalam sistem
2. Memilih berita yang tersedia
3. Melihat secara detil isi berita yang tersedia.
Alternate Flow/Invariant
A
A1. Terdapat tombol selengkapnya untuk melihat
berita secara detil
Invariant B -
62
3.2 Perancangan Perangkat Lunak
3.2.1 Rancangan Basis Data
A. Entity Relationship Diagram (ERD)
Gambar III.3
Entity Relationship Diagrams (ERD)
64
C. Spesifikasi File
1. Spesifikasi File Berita
Nama File : berita
Akronim : Berita
Fungsi : untuk menyimpan data berita yang akan
diunggah
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : -
Kunci Field : id_berita
Software : Mysql
65
Tabel III.15
Tabel Berita
2. Spesifikasi File Berita
Nama File : kategori
Akronim : Kategori Berita
Fungsi : untuk menyimpan data kategori berita
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : -
No Elemen Data Nama Field Tipe Keterangan
1 Id Berita id_berita int(11) Primary Key
2 Id Kategori id_kategori int(11) Foreign Key
3 Judul Berita judul_berita varchar(100)
4 Judul SEO judul_seo varchar(100)
5 Isi Berita isi_berita Text
6 Kategori Kategori varchar(20)
7 Author Author char(20)
8 Publish Publish char(7)
9 Userfile Userfile Text
10 Userfile Type userfile_type char(10)
11 Userfile Size userfile_size int(11)
12 Uploader Uploader char(20)
13 Time Uploader time_upload datetime
14 Updater Updater char(20)
15 Time Updater time_update datetime
66
Kunci Field : id_kategori
Software : Mysql
Tabel III.16
Tabel Kategori Berita
No Elemen Data Nama Field Tipe Keterangan
1 Id Kategori id_kategori int(11) Primary Key
2 Judul Kategori judul_kategori varchar(20)
3 Kategori SEO kategori_seo varchar(20)
3. Spesifikasi File Komentar
Nama File : komentar
Akronim : Komentar Berita
Fungsi : untuk menyimpan data komentar berita
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : -
Kunci Field : id_komentar
Software : Mysql
67
Tabel III.17
Tabel Komentar
No Elemen Data Nama Field Tipe Keterangan
Id Komentar id_komentar int(11) Primary Key
Nama Nama char(20)
Id Berita id_berita int(11) Foreign Key
Isi Komentar isi_komentar Text
Status Status char(5)
Time Uploader time_upload Datetime
Verifikator Verifikator char(20)
Time Verifikator time_verif Datetime
4. Spesifikasi File User
Nama File : user
Akronim : User
Fungsi : untuk menyimpan data user atau pengguna
sistem
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : -
Kunci Field : id
Software : Mysql
68
Tabel III.18
Tabel User
No Elemen Data Nama Field Tipe Keterangan
1 Id User Id int(11) Primary Key
2 Id Group id_group int(11) Foreign Key
3 Nama Nama varchar(50)
4 Username Username varchar(100)
5 Password Password varchar(255)
6 Email Email varchar(100)
7 Phone Phone varchar(20)
8 Alamat Alamat text
9 Tipe User Usertype char(10)
10 Ip Address ip_address varchar(45)
11 Salt Salt varchar(255)
12 Active Active tinyint(1)
13 Kode Aktivasi activation_code varchar(40)
14 Kode Lupa
Passworrd forgotten_password_code varchar(40)
15 Waktu Lupa
password forgotten_password_time datetime
16 Kode pengingat remember_code varchar(40)
17 Terakhir login last_login datetime
18 Pendaftaran User created_on datetime
5. Spesifikasi File User Group
Nama File : user_group
Akronim : User Group
Fungsi : untuk menyimpan data user group / kelompok
pengguna
69
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : -
Kunci Field : id
Software : Mysql
Tabel III.19
Tabel User Group
No Elemen Data Nama Field Tipe Keterangan
1 Id Group id_group int(11) Primary Key
2 Nama Name char(20)
6. Spesifikasi File Pertanyaan
Nama File : pertanyaan
Akronim : Pertanyaan
Fungsi : untuk menyimpan data pertanyaan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : -
Kunci Field : id_pertanyaan
Software : Mysql
70
Tabel III.20
Tabel Pertanyaan
No Elemen Data Nama Field Tipe Keterangan
1 Id Pertanyaan id_pertanyaan int(11) Primary Key
2 Id Id int(11) Foreign Key
3 Nama Nama varchar(50)
4 Pertanyaa Pertanyaan varchar(200)
7. Spesifikasi File Pertanyaan
Nama File : pertanyaan
Akronim : Pertanyaan
Fungsi : untuk menyimpan data pertanyaan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : -
Kunci Field : id_pertanyaan
Software : Mysql
71
Tabel III.21
Tabel Hasil
No Elemen Data Nama Field Tipe Keterangan
1 Id Hasil id_hasil int(11) Primary Key
2 Id Id int(11) Foreign Key
3 Nama Nama varchar(50)
4 Tulis Baca tulis_baca int(11)
5 Simak Bicara simak_bicara int(11)
6 Potensi Potensi varchar(100)
3.2.2 Rancangan Antar Muka
A. Back End
1. Rancangan Antar Muka Login
Gambar III.5
Rancangan Antar Muka Login
72
2. Rancangan Antar Muka Dashboard
Gambar III.6
Rancangan Antar Muka Dashboard
3. Rancangan Antar Muka Tambah Data Berita
Gambar III.7
Rancangan Antar Muka Tambah Berita
73
4. Rancangan Antar Muka Tambah Data Kategori Berita
Gambar III.8
Rancangan Antar Muka Tambah Katagori Berita
5. Rancangan Antar Muka Pengelolah Data Komentar
Gambar III.9
Rancangan Antar Muka Pengelola Data Komentar
74
6. Rancangan Antar Muka Pengelolah Data Pertanyaan Tes
Gambar III.10
Rancangan Antar Muka Pertanyaan Tes
7. Rancangan Antar Muka Pengelolah Data Hasil Tes
Gambar III.11
Rancangan Antar Muka Data Hasil Tes
75
8. Rancangan Antar Muka Tambah User
Gambar III.12
Rancangan Antar Muka Tambah User
9. Rancangan Antar Muka Tambah User Group
Gambar III.13
Rancangan Antar Muka Tambah User Group
76
B. Front End
1. Home
Gambar III.14
Rancangan Antar Muka Home
2. Register
Gambar III.15
Rancangan Antar Muka Register
77
3. Arsip
Gambar III.16
Rancangan Antar Muka Arsip
4. Pertanyaan
Gambar III.17
Rancangan Antar Muka Pertanyaan
78
5. Hasil Tes
Gambar III.18
Rancangan Antar Muka Hasil Tes
3.2.3 Rancangan Arsitektur
A. Class Diagram
Gambar III.19
Arsitektur Class Diagram
79
B. Sequence Diagrams
1. login Admin
Gambar III.20
Arsitektur Sequence Diagram Login Admin
2. Melihat Hasil Tes Pengguna
Gambar III.21
Arsitektur Sequence Diagram Melihat Hasil Tes Pengguna
81
4. Mengelolah Data Kategori Berita
Gambar III.23
Arsitektur Sequence Diagram Mengelolah Data Kategori Berita
83
6. Mengelolah Data User Group
Gambar III.25
Arsitektur Sequence Diagram Mengelolah Data User Group
84
7. Mengelolah Komentar Berita
Gambar III.26
Arsitektur Sequence Diagram Mengelolah Data Komentar Berita
8. Mengubah Pertanyaan
Gambar III.27
Arsitektur Sequence Diagram Mengubah Pertanyaan
85
9. Login User
Gambar III.28
Arsitektur Sequence Diagram Login User
10. Register
Gambar III.29
Arsitektur Sequence Diagram Register
86
11. Memuat Komentar
Gambar III.30
Arsitektur Sequence Diagram Memuat Komentar
12. Melakukan Tes
Gambar III.31
Arsitektur Sequence Diagram Melakukan Tes
87
13. Lihat Berita
Gambar III.32
Arsitektur Sequence Diagram Lihat Berita
3.3 Implementasi dan Pengujian Unit
3.3.1 Implementasi
A. Implentasi Rancangan Antar Muka
1. Halaman Login Admin
Administrator harus melakukan login terlebih dahulu untuk dapat
menggunakan modul-modul yang tersedia Jika login berhasil, maka menu-menu
yang sesuai dengan kategori user type tersebut akan ditampilkan.
88
Gambar III.33
Login Admin
2. Dashboard
Administrator yang berhasil melakukan login akan di arahkan pada laman
Dashboard sebagai tampilan mukan utama pada tampilan back end.
Gambar III.34
Dashboard
3. Tambah Berita dan Artikel
Pada back end terdapat form tambah berita atau artikel yang digunakan
oleh administrator untuk menambahkan berita.
89
Gambar III.35
Tambah Berita
4. Tambah Kategori
Pada back end terdapat form tambah kategori yang digunakan oleh
administrator untuk menambahkan kategori. Agar administrator dapat
mempublikasikan berita berdasarkan kategori.
Gambar III.36
Kategori
5. Pengelolah Data Komentar
Form pengelolah data komentar, administrator memiliki hak untuk
mensetujui untuk menampilkan komentar atau menolak komentar user
90
Gambar III.37
Pengelolah Data Komentar
6. Pengelolah Data Pertanyaan Tes
Form data tes. Administrator dapat melihat pertanyaan tes dan dapat
merubah pertanyaan.
Gambar III.38
Pengelolah Data Pertanyaan Tes
7. List Hasil Tes
Administrator dapat melihat daftar user yang telah melakukan tes. Dalam
form ini admin dapat menghapus riwayat user yang telah melakukan tes.
91
Gambar III.39
Pengelolah List Hasil Tes
8. Tambah User
Administrator yang login sebagai Superadmin yaitu level admin yang
tertinggi memiliki akses menambahkan user dalam menggunakan sistem.
Gambar III.40
Tambah User
9. Tambah User Group
Tambah user group berguna untuk mengelompokkan user dalam
menggunakan sistem.
92
Gambar III.41
Tambah User Group
10. Home Front End
Tampilan home adalah tampilan utama user saat pertama kali membuka
sistem. Home berisikan banner, navbar, leftbar, dan berita atau artikel terbaru.
Gambar III.42
Home
93
11. Register
User melakukan registrasi dengan mengisi kolom yang tersedia agar
mendapatkan username dan password untuk menggunakan sistem.
Gambar III.43
Register
12. Login User
Untuk menggunakan modul konsultasi dan memuat komen pada berita dan
artikel, user diwajibkan melakukan login terlebih dahulu. Jika tidak memiliki
username dan password maka user harus melakukan registrasi.
Gambar III.44
Login User
94
13. Arsip
Tempat penyimpanan berita dan artikel untuk semua kategori. Tanpa
melakukan login, user dapat mengakses modul arsip ini.
Gambar III.45
Arsip
14. Pertanyaan
Form pertanyaan digunakan user untuk mengukur tingkat kecerdasan
linguitik user. Form ini terdapat tiga jawaban yaitu, “iya, cukup dan tidak”.
Gambar III.46
Pertanyaan
95
15. Hasil Tes User
Setelah melakukan tes dengan menjawab pertanyaan yang disediakan oleh
sistem, maka user akan mendapatkan hasil tes dari potensi kecerdasan linguistik
user.
Gambar III.47
Hasil Tes User
B. Spesifikasi Sistem Komputer
1. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan sistem pendukung
keputusan potensi kecerdasan linguistik berbasis web.
a. Spesifikasi Perangkat Keras
1) Server
a) Hosting
b) CPU
i. Processor Intel® Pentium® Core 2 Duo
ii. RAM DDR2 4 GB
96
iii. Hard Disk 500 GB
c) Mouse
d) Keyboard
e) Monitor dengan resolusi layar minimum 1024x768
f) Koneksi internet dengan kecepatan 2 Mbps.
2) Client
a) CPU
i. Processor Intel® Pentium® 4
ii. RAM DDR2 1GB
iii. Hard Disk 20 GB
b) Mouse
c) Keyboard
d) Monitor dengan resolusi layar minimum 1024x768
e) Koneksi internet dengan kecepatan minimal 100 kbps.
2. Spesifikasi Perangkat Lunak
a. Server
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows
atau Linux (Ubuntu, Fedora, dll).
2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad
yang terdiri dari beberapa komponen, diantaranya:
a) Aplikasi Apache Server v2
b) Aplikasi PHP Server v5
c) Aplikasi MySQL Server v5
97
d) Aplikasi phpMyAdmin v3
3) Aplikasi Web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
4) Domain .com sebagai alamat website.
b. Client
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows
atau android (smartphone dan tablet) Linux (Ubuntu, Fedora, dll).
2) Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
3.3.2. Pengujian Unit
A. Back End
1. Login Admin
Tabel III.22
Hasil Pengujian Black Box Testing Halaman Login Admin
No Skenario
pengujian
Test case Hasil yang diharapkan Hasil Keterangan
1. Username dan
password tidak
diisi kemudian
klik tombol login
Username :
(kosong)
Password:
(kosong)
Sistem akan menolak
akses user dan
menampilkan “Username
tidak boleh kosong dan
password tidak boleh
kosong”
Sesuai
harapan Valid
2. Mengetikkan
username dan
password tidak
diisi atau kosong
kemudian klik
tombol login
Username:
admin
Password :
(kosong)
Sistem akan menolak
akses user dan
menampilkan “password
tidak boleh kosong”
Sesuai
harapan Valid
98
3. Username tidak
diisi (kosong) dan
password diisi
kemudian klik
tombol login
Username:
(kosong)
Password:
1998-03-31
Sistem akan menolak
akses user dan
menampilkan “gagal
login”
Sesuai
harapan Valid
4. Mengetikkan
salah satu kondisi
salah pada
username atau
password
kemudian klik
tombol login
Username :
admin
(benar)
Password:
kjhsdjahd
(salah)
Sistem akan menolak
akses user dan
menampilkan “gagal
login” Sesuai
harapan Valid
5. Mengetikkan user
name dan
password dengan
data yang benar
kemudian klik
tombol login
Username:
admin
(benar)
Password:
123456789
(benar)
Sistem menerima akses
login dan kemudian
langsung menampilkan
dashboard sebagai menu
utama admin
Sesuai
harapan Valid
2. Tambah Berita
Tabel III.23
Hasil Pengujian Black Box Testing Halaman Tambah Berita
No Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Keterangan
1. Judul berita dan
artikel tidak diisi
dan menekan
tombol submit
Judul berita:
(kosong)
Isi berita:
(Kosong)
Sistem akan menolak
insert data dan
menampilkan “judul
berita tidak boleh
kosong”. “isi berita tidak
boleh Kosong”
Sesuai
harapan Valid
2. Mengisi semua
field dan tidak
mengunggah
gambar, lalu
menekan tombol
submit
Semua
fields: (diisi)
Gambar :
(diunggah)
Sistem akan
menambahkan berita dan
menampilkan gambar
yang bertuliskan “no
image”.
Sesuai
harapan Valid
3. Mengisi semua
field dan
mengunggah
Semua
fields: (diisi)
Gambar :
Sistem akan
menambahkan berita dan
menampilkan gambar
Sesuai
harapan Valid
99
gambar, lalu
menekan tombol
submit
(diunggah) yang telah diunggah
3. Tambah Kategori
Tabel III.24
Hasil Pengujian Black Box Testing Halaman Tambah Kategori
No Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Keterangan
1. Judul kategori
tidak diisi dan
menekan tombol
submit
Judul
Katgori :
(kosong)
Sistem akan menolak
insert data dan
menampilkan “judul
kategori tidak boleh
kosong”.
Sesuai
harapan Valid
2. Judul kategori
diisi dan menekan
tombol submit
Judul
kategori:
(diisi)
Sistem akan menambahkan
kategori dan diarahkan
pada list kategori
Sesuai
harapan Valid
4. Tambah User
Tabel III.25
Hasil Pengujian Black Box Testing Halaman Tambah User
No Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Keterangan
1. Tidak mengisi
field nama,
username, dan
password,
konfirmasi
password.
Menekan tombol
submit
Nama :
(kosong)
username :
(kosong)
password:
(kosong)
konfirmasi
password:
(kosong)
Sistem akan menolak
insert data dan
menampilkan “nama
mohon diisi”. “username
mohon diisi”. “password
mohon diisi ”.
“konfirmasi password
mohon diisi”
Sesuai
harapan Valid
2. Mengisi field
nama, username,
dan password,
Nama :
(diisi)
username :
Sistem akan
menambahkan data user
dan akan diarahkan pada
Sesuai
harapan Valid
100
konfirmasi
password. Dan
tidak mengisi
field email, no
HP, dam alamat
Menekan tombol
submit
(diisi)
password:
(diisi)
konfirmasi
password:
(diisi)
email :
(kosong)
no Hp :
(kosong)
alamat :
(kosong)
daftar data user.
3 Mengisi password
<= 8 karakter
Password
<= 8
karakter
Sistem akan menolak
menambahkan data dan
menampilkan pesan
“field must be at least 8
characters”
Sesuai
harapan Valid
4 Mengisi field
Password dan
konfirmasi
password tidak
sama
Karakter
field
password
!=
konfirmasi
password
Sistem akan menolak
menambahkan data dan
menampilkan pesan
“Password baru dan
konfirmasi harus sama”
Sesuai
harapan Valid
5 Mengisi semua
field, password
>= 8, dan karakter
password ==
konformasi
password dan
menekan tombol
submit
Semua field
= (diisi)
password
>= 8
password
==
konfirmasi
password
Sistem akan
menambahkan data user
dan akan diarahkan pada
daftar data user. Sesuai
harapan Valid
5. List komentar
Tabel III.26
Hasil Pengujian Black Box Testing Halaman List Komentar
No Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Keterangan
1. Menampilkan
komentar yang
belum diproses
List
komentar
Sistem menampilkan
komentar-komentar yang
belum diproses
Sesuai
harapan Valid
101
2. Menekan tombol
terima pada salah
satu list komentar
Tombol
terima
Sistem menampilkan
komentar pada berita
yang diberikan komentar.
Sesuai
harapan Valid
3 Menekan tombol
tolak pada salah
satu list komentar
Tombol
terima
Sistem tidak akan
menampilkan komentar
dan menghapus
komentar dari list
komentar
Sesuai
harapan Valid
6. Pertanyaan
Tabel III.27
Hasil Pengujian Black Box Testing Halaman Pertanyaan
No Skenario pengujian Test
case
Hasil yang diharapkan Hasil
pengujia
n
Keterangan
1. Menampilkan data
pertanyaan dalam
bentuk tabel
List
pertan
yaan
Sistem menampilkan data
pertanyaan-pertanyaan yang
digunakan untuk tes
Sesuai
harapan Valid
2. Menekan tombol edit
pada salah satu list
pertanyaan
Tombo
l edit
Sistem akan mengarah pada
form ubah pertanyaan
menampilkan pertanyaan
yang akan diubah dalam
field pada form pertanyaan .
Sesuai
harapan Valid
3 Mengubah
pertanyaan dalam
field dan menekan
tombol submit pada
form ubah pertanyaan
Tombo
l
terima
Sistem merubah data
pertanyaan dan
mengarahkan pada form list
pertanyaan
Sesuai
harapan Valid
7. Hasil Tes
Tabel III.28
Hasil Pengujian Black Box Testing Halaman Hasil Tes
No Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Keterangan
1. Menampilkan
data hasil tes
List Sistem menampilkan data
pertanyaan-pertanyaan Sesuai
Valid
102
dalam bentuk
tabel
pertanyaan yang digunakan untuk tes harapan
2. Menekan
tombol hapus
pada salah satu
list hasil tes
Tombol
hapus ==
iya
Sistem akan menampilkan
pesan “anda yakin ingin
menghapus”, jika admin
mengklik iya maka data
akan dihapus sistem. Jika
admin menekan cancel
pada pesan makan data
tidak akan dihapus.
Sesuai
harapan Valid
B. Front End
1. Login User
Tabel III.29
Hasil Pengujian Black Box Testing Halaman Login User
No Skenario pengujian Test case Hasil yang
diharapkan
Hasil Keterangan
1. Username dan
password tidak diisi
kemudian klik tombol
login
Username :
(kosong)
Password:
(kosong)
Sistem akan
menolak akses user
dan menampilkan
“Username tidak
boleh kosong dan
password tidak
boleh kosong”
Sesuai
harapan Valid
2. Mengetikkan
username dan
password tidak diisi
atau kosong
kemudian klik tombol
login
Username:
admin
Password :
(kosong)
Sistem akan
menolak akses user
dan menampilkan
“password tidak
boleh kosong”
Sesuai
harapan Valid
3. Username tidak diisi
(kosong) dan
password diisi
kemudian klik tombol
login
Username:
(kosong)
Password:
1998-03-31
Sistem akan
menolak akses user
dan menampilkan
“gagal login”
Sesuai
harapan Valid
4. Mengetikkan salah
satu kondisi salah
pada username atau
password kemudian
Username:
muhammad
(benar)
Password:
kjhsdjahd
Sistem akan
menolak akses user
dan menampilkan
“gagal login”
Sesuai
harapan Valid
103
klik tombol login (salah)
5. Mengetikkan user ID
dan password
dengan data yang
benar kemudian klik
tombol login
Username :
muhammad
(benar)
Password:
123456789
(benar)
Sistem menerima
akses login dan
kemudian langsung
menampilkan
dashboard sebagai
menu utama admin
Sesuai
harapan Valid
2. Register
Tabel III.30
Hasil Pengujian Black Box Testing Halaman Registrasi
No Skenario pengujian Test case Hasil yang
diharapkan
Hasil
pengujian Keterangan
1.
Tidak mengisi field
nama, username,
password,
konfirmasi
password, dan
menekan tombol
submit
Nama :
(kosong)
username:
(kosong)
password:
(kosong)
konfirmasi
password:
(kosong)
Sistem akan menolak
registrasi. Dan akan
menampilkan pesan
“nama mohon diisi”.
“username mohon
diisi”. “password
mohon diisi”
Sesuai
harapan Valid
2.
Mengisi semua field
selain field email
dan menekan
tombol submit
Nama :
(diisi)
username:
(diisi)
password:
(diisi)
konfirmasi
password:
(diisi)
Email:
(kosong)
Sistem akan
melakukan registrasi
kemudian diarahkan
pada halaman home
dan menampilkan
pesan “berhasil
melakukan
registrasi” .
Sesuai
harapan Valid
3.
Mengisi field
password kurang
dari 8 karakter. Dan
menekan tombol
submit
Password
<= 8
Sistem akan menolak
registrasi. Dan akan
menampilkan pesan
“field must be at
least 8 characters in
length.”
Sesuai
harapan Valid
4.
Karakter pada field
password tidak
sama dengan isian
field konfirmasi
Password !=
konfirmasi
password
Sistem akan menolak
registrasi. Dan akan
menampilkan pesan
“password dan
Sesuai
harapan Valid
104
password konfirmasi password
harus sama.”
5.
Mengisi semua field
registrasi pada form
registrasi dan
menekan tombol
submit
Nama :
(diisi)
username:
(diisi)
password:
(diisi)
konfirmasi
password:
(diisi)
Email:
(diisi)
Sistem akan
melakukan registrasi
kemudian diarahkan
pada halaman home
dan menampilkan
pesan “berhasil
melakukan
registrasi” .
Sesuai
harapan Valid
3. Tes
Tabel III.31
Hasil Pengujian Black Box Testing Halaman Tes
No Skenario pengujian Test case Hasil yang diharapkan Hasil
pengujian
Keteranga
n
1 User belum login
dan mengklik
menu konsultasi
atau mengklik
tombol konsultasi
pada banner
halaman home
User !=
login
Sistem tidak akan
menampilkan form
pertanyaan dan user akan
diarahkan untuk
melakukan login terlebih
dahulu sebelum
melakukan tes
Sesuai
harapan Valid
2 Menjawab semua
pertanyaan dengan
memilih check box
yang ada dalam
setiap pertanyaan,
dan menekan
tombol selesai
Klik
checkbox
pada list
pertanyaa
n
Menjawab pertanyaan
dan menekan tombol
selesai, sistem akan
menghitung dan
mengarahkan
mengarahkan pada
halaman hasil tes untuk
menampilkan data-data
hasil perhitungan dan
informasi potensi
kecerdasan linguistik
kepada user yang
melakukan tes
Sesuai
harapan Valid
105
4. Komentar User
Tabel III.32
Hasil Pengujian Black Box Testing Halaman Komentar User
No Skenario pengujian Test case Hasil yang diharapkan Hasil
pengujian Keterangan
1 Form komentar
tidak tampil
sebelum user login
User
melakuk
an login
Untuk dapat melakukan
komentar pada berita dan
artikel, user harus
melakukan login terlebih
dahulu
Sesuai
harapan Valid
2 Mengisi field
komentar, dan tidak
mengisi chapta dan
menekan tombol
submit
Komenta
r : (diisi)
chapta :
(kosong)
Sistem akan menolak
untuk memuat komentar
dan menampilkan pesan
“kode chapta yang anda
input salah”
Sesuai
harapan Valid
3 Mengisi field
komentar, dan
mengisi chapta
yang salah dan
menekan tombol
submit
Komenta
r : (diisi)
chapta :
(salah)
Sistem akan menolak
untuk memuat komentar
dan menampilkan pesan
“kode chapta yang anda
input salah”
Sesuai
harapan Valid
4. Mengisi field
komentar, dan
mengisi chapta
yang benar dan
menekan tombol
submit
Komenta
r : (diisi)
chapta :
(salah)
Sistem akan
mengarahkan ke laman
home dan menampilkan
pesan “Komentar
berhasil terkirim dan
akan diverifikasi Admin
terlebih dahulu”
Sesuai
harapan Valid