62
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

BAB III PEMBAHASAN - repository.bsi.ac.id file6) Sistem melakukan kalkulasi dengan menggunakan metode logika fuzzy untuk mendapatkan nilai hasil tes dan dari nilai tersebut dapat dikondisikan

  • 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.

46

3.1.2 Use Case

A. Back End / Layanan Administrator

Gambar III.1

Diagram Use Case Back End

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.

55

B. Front End / Layanan User

Gambar III.2

Diagram Use Case Front End

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)

63

B. Logical Relational Structure (LRS)

Gambar III.4

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

80

3. Mengelola Data Berita

Gambar III.22

Arsitektur Sequence Diagram Mengelolah Data Berita

81

4. Mengelolah Data Kategori Berita

Gambar III.23

Arsitektur Sequence Diagram Mengelolah Data Kategori Berita

82

5. Mengelolah Data User

Gambar III.24

Arsitektur Sequence Diagram Mengelolah Data User

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