BAB III PEMBAHASAN 3.1.

26

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

1. Kebutuhan Pengguna

Analisis pengguna mencirikan siapa saja pengguna dari perangkat lunak yang

dispesifikasikan dan apa saja haknya terhadap perangkat lunak tersebut. Aplikasi

web pembelajaran jarak jauh yang dibangun memiliki tiga jenis pengguna, yaitu :

a. Siswa

Siswa merupakan orang yang dapat melihat informasi yang di tampilkan pada

halaman utama, selain itu siswa dapat memilih mata pelajaran, memilih materi,

mengerjakan soal dan dapat melihat nilai.

b. Guru

Guru merupakan orang yang bertanggung jawab mengelola data dari materi

dan memberikan soal-soal kepada siswa serta melihat nilai para siswa.

c. Admin

Admin merupakan orang yang bertanggung jawab untuk mengelola data siswa,

data guru, mengelola mata pelajaran dan mengelola informasi yang akan

ditampilkan di website.

2. Kebutuhan Sistem

a. Sistem mengelola semua data mulai dari data siswa, data guru, dan data

mata pelajaran

b. Sistem dapat memberikan informasi tentang informasi sekolah

27

c. Sistem dapat menampilkan semua data yang telah diolah oleh pengguna

sistem

3.2. Perancangan Perangkat Lunak

Untuk menjelaskan bagaimana program ini dapat berjalan, berikut penulis

sampaikan beberapa rancangan halaman antar muka (interface), rancangan sistem

basis data, dan rancangan struktur navigasi.

3.2.1. Rancangan Antar Muka

Antarmuka (interface) merupakan mekanisme komunikasi antara pengguna

(user) dengan sistem. Antarmuka (interface) dapat menerima informasi dari

pengguna (user) dan memberikan informasi kepada pengguna (user) untuk

membantu mengarahkan alur penelusuran masalah sampai ditemukan solusi.

A. Rancangan Antar Muka Login Pengelola (Admin)

Gambar III.1.

Rancangan Halaman Login Admin

28

B. Rancangan Antar Muka Beranda Admin

Gambar III.2.

Rancangan Halaman Beranda Admin

C. Rancangan Antar Muka Input Data Siswa pada Admin

Gambar III.3. Rancangan Halaman Input Data Siswa pada Admin

29

D. Rancangan Antar Muka Input Materi Pada Guru

Gambar III.4. Rancangan Halaman Input Materi pada Guru

E. Rancangan Antar Muka Materi pada Siswa

Gambar III.5.

Rancangan Halaman Materi pada Siswa

30

F. Rancangan Antar Muka Tampilan Pop-up pada Siswa dan Guru

Gambar III.6. Rancangan Halaman Pop-up pada Siswa dan Guru

G. Rancangan Antar Muka Mata Pelajaran pada Siswa

Gambar III.7.

Rancangan Halaman Mata Pelajaran pada Siswa

31

H. Rancangan Antar Muka Beranda

Gambar III.8.

Rancangan Halaman Beranda

3.2.2. Rancangan Basis Data

Untuk perancangan basis data penulis menggambarkan pemetaannya dengan

metode Entity Relationship Diagram dan Logical Record Structure, serta untuk

penjelasannya melalui spesifikasi file.

32

1. Entity Relationship Diagram (ERD)

Gambar III.9.

Entity Relationship Diagram Pebelajaran Jarak Jauh

33

2. Logical Record Structure (LRS)

Gambar III.10.

Logical Record Structure Pembelajaran Jarak Jauh

3. Spesifikasi File

Spesifikasi file yang digunakan dalam website belajar jarak jauh terdiri

dari satu database dan 8 tabel yaitu:

A. Spesifikasi File Admin

Nama File : Admin

Akronim : admin

Fungsi : untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

34

Akses File : Random

Media : Harddisk

Panjang record : 81 byte

Kunci Field : kode_admin

Software : MySQL

Tabel III.1

Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Ket

1 Kode Admin kode_admin Integer 11 Primary Key

2 Nama Admin Nama Varchar 50 3 Sandi Sandi Varchar 20

B. Spesifikasi File Guru

Nama File : Guru

Akronim : Guru

Fungsi : untuk menyimpan data guru



Akses File : Random

Media : Harddisk


Kunci Field : no_induk

Software : MySQL

35

Tabel III.2

Spesifikasi File Guru


1 No induk No_induk Varchar 20 Primary Key

2 Nama Nama Varchar 50 3 Jenis Jenis Varchar 20

4 Alamat Alamat varchar 100

5 No Telepon No_telp varchar 15

6 Email Email varchar 50

7 Sandi Sandi Varchar 20

8 Foto Foto Varchar 100

9 Akses Akses Varchar 15

10 aktif Aktif Int 1

C. Spesifikasi File Siswa

Nama File : Siswa

Akronim : Siswa

Fungsi : untuk menyimpan data siswa



Akses File : Random

Media : Harddisk


Kunci Field : no_induk

Software : MySQL

36

Tabel III.3

Spesifikasi File Siswa


1 No induk No_induk Varchar 20 Primary Key

2 Nama Nama Varchar 50 3 Kelas Kelas Varchar 15

4 Jenis Jenis Varchar 20

5 Alamat Alamat varchar 100

6 No Telepon No_telp varchar 15

7 Email Email varchar 50

8 Sandi Sandi Varchar 20

9 Foto Foto Varchar 100

10 Akses Akses Varchar 15

11 aktif Aktif Int 1

D. Spesifikasi File Mata Pelajaran

Nama File : Mata Pelajaran

Akronim : mapel

Fungsi : untuk menyimpan data mata pelajaran



Akses File : Random

Media : Harddisk


Kunci Field : kode_mapel

Software : MySQL

37

Tabel III.4

Spesifikasi File Mata Pelajaran


1 Kode Mata Pelajaran kode_mapel Varchar 20 Primary Key

2 Nama Mata Pelajaran nama_mapel Varchar 50 3 No Induk no_induk Varchar 20

4 nama Jenis Varchar 50

5 kelas Alamat varchar 15

E. Spesifikasi File Materi

Nama File : Materi

Akronim : materi

Fungsi : untuk menyimpan data materi



Akses File : Random

Media : Harddisk


Kunci Field : kode_materi

Software : MySQL

Tabel III.5

Spesifikasi File Materi


1 Kode Materi kode_materi Varchar 20 Primary Key

2 Judul Judul Varchar 30 3 Kode Mata Pelajaran kode_mapel Varchar 20

4 Slide Slide Varchar 100

5 video Video varchar 100

38

F. Spesifikasi File Nilai Latihan

Nama File : Nilai Latihan

Akronim : nilai_latihan

Fungsi : untuk menyimpan data nilai latihan



Akses File : Random

Media : Harddisk


Kunci Field :

Software : MySQL

Tabel III.6

Spesifikasi File Nilai latihan


1 Kode Materi kode_materi Varchar 20 2 No Induk no_induk Varchar 20 3 Jumlah Jumlah int 11

4 Benar Benar int 11

5 Salah Salah Int 11

6 Kosong Kosong int 11

7 Nilai Nilai int 11

G. Spesifikasi File Soal

Nama File : Soal

Akronim : Soal

Fungsi : untuk menyimpan data soal



39

Akses File : Random

Media : Harddisk


Kunci Field : kode_soal

Software : MySQL

Tabel III.7

Spesifikasi File Soal


1 Kode Soal kode_soal Varchar 20 Primary Key

2 Kode Materi kode_materi Varchar 20 3 Soal Soal Varchar 200

4 A Jenis Varchar 50

5 B Alamat varchar 50

6 C No_telp varchar 50

7 D Email varchar 50

8 E Sandi Varchar 50

9 Kunci Jawaban kunci_jawab Varchar 1

10 Gambar Gambar Varchar 15

H. Spesifikasi File Informasi

Nama File : Informasi

Akronim : info

Fungsi : untuk menyimpan data Informasi



Akses File : Random

Media : Harddisk


Kunci Field : kode_info

Software : MySQL

40

Tabel III.8

Spesifikasi File Informasi


1 Kode Informasi kode_info Varchar 20 Primary Key

2 Judul Judul Varchar 30 3 Isi Isi Varchar 2000

4 Gambar Gambar Varchar 100

3.2.3. Struktur Navigasi

Struktur navigasi adalah menu untuk berpindah antar halaman. Menu yang

tersedia adalah:

1. Struktur Navigasi Admin

Gambar III.11.

Struktur Navigasi pada Admin

41

2. Struktur Navigasi Guru

Gambar III.12.

Struktur Navigasi pada Guru

3. Struktur Navigasi Siswa

Gambar III.13.

Struktur Navigasi pada Siswa

42

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

Implementasi program adalah sebuah tahap pengaplikasian dari sistem yang

telah dirancang. Aplikasi diwujudkan dengan cara memindahkan hasil desain dan

database ke dalam bentuk halaman web.

A. Implementasi Rancangan Antarmuka

Implementasi rancangan antar muka pada aplikasi belajar jarak jauh

berdasarkan rancangan antarmuka.

1. Halaman Login Admin

Gambar III.14.

Halaman Login Admin

43

2. Halaman Beranda Admin

Gambar III.15.

Halaman Beranda Admin

3. Halaman Input Data Siswa Pada Admin

Gambar III.16.

Halaman Input Data Siswa Pada Admin

44

4. Halaman Input Materi Pada Guru

Gambar III.17.

Halaman Input Materi Pada Guru

5. Halaman Materi Pada Siswa

Gambar III.18.

Halaman Materi Pada Siswa

45

6. Halaman Edit Data Profil Siswa

Gambar III.19

Halaman Edit Data Profil Siswa

7. Halaman Mata Pelajaran Siswa

Gambar III.20.

Halaman Mata Pelajaran Siswa

46

B. Sesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan aplikasi Penjualan Web ini:

1. Spesifikasi Perangkat Keras (Hardware)

a. Server

1) CPU

a) Prosesor Pentium Core 2 Duo

b) RAM DDR3 8 GB

c) Harddisk 500 GB lebih disarankan

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi Internet dengan kecepatan 2 Mbps

b. Client

1) CPU

a) Prosesor Pentium Dual Core

b) RAM DDR3 2 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 768x600 pixel

5) Koneksi Internet dengan kecepatan 2 Mbps

47

2. Spesifikasi Perangkat Lunak (Software)

a. Server

1) Sistem Operasi: Microsoft Windows atau Linux

2) Web Server: Apache Server dan MySQL Server yang di bundle dalam

Xampp Versi 1.7.3 atau diatasnya

3) Web Browser: Mozilla Firefox dan Google Chrome disertakan Plug-in

untuk dapat membaca file PDF secara online

b. Client

1) Microsoft Windows, Linux, IOS, atau Android untuk penggunaan

smartphone

2) Web Browser: Mozilla Firefox, Google Chrome disertakan plug-in untuk

dapat membaca file PDF secara online

3.4.2. Pengujian Unit

Menurut Rizky (2011:264) “Black Box Testing adalah tipe testing yang

memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya”.

Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak

hitam” yang tidak penting dilihat isinya, tapi cukup dikenai proses testing dibagian

luar.

Jenis testing ini hanya memandang perangkat lunak dari sisi spesifikasi dan

kebutuhan yang telah didefinisikan pada saat awal perancangan. Sebagai contoh,

jika tedapat sebuah perangkat lunak yang merupakan sebuah sistem informasi

inventory di sebuah perusahaan.

48

A. Pengujian Terhadap Form Login Admin

Tabel III.9.

Hasil Pengujian Black Box Testing Halaman Login Admin

B. Pengujian Terhadap Form Input Data Mata Pelajaran

Tabel III.10.

Hasil Pengujian Black Box Testing Halaman Input Data Mapel Admin

No Skenario

Pengujian Test Case Hasil yang diharapkan Hasil

Pengujian Kesimpulan

1

Kode Admin dan Sandi tidak diisi kemudian klik tombol login

Kode Admin: (kosong) : (kosong)

Sistem akan menolak dan menampilkan “perintah untuk diisi”

Sesuai Harapan

Valid

2

Memasukkan Kode Admin dan sandi yang

tidak terdaftar kemudian klik tombol login

Kode Admin: sofasco

Sandi: (kosong)

Sistem akan menolak dan menampilkan “login gagal

kode admin tidak terdaftar”.

Sesuai Harapan

Valid

3

Mengkosongkan Kode Admin dan sandi diisi kemdian klik tombol login

Kode Admin: (kosong) Sandi: 1


Sesuai Harapan

Valid

4

Memasukkan dengan kondisi salah satu data benar dan salah satu data salah lalu klik tombol

login

Kode Admin: sofasco(benar) Sandi: 2(salah)

Sistem akan menolak dan menampilkan “Login gagal sandi yang anda masukan salah”.

Sesuai Harapan

Valid

5

Menginputkan data login yang benar lalu klik tombol login

Kode Admin: sofasco(benar) Sandi: 1(benar)

Sistem menerima akses login kemudian masuk sebagai admin

Sesuai Harapan

Valid

No. Skenario Pengujian Test Case Hasil yang diharapkan

Hasil Pengujian

Kesimpulan

1

Kode mapel, nama mapel, guru pengajar, kelas dan salah satu tidak tidak diisi kemudian klik simpan

Kode Mapeli:- (otomatis) Nama Mapel- Guru pengajar- dadang Kelas – 12.6C

Sistem akan menolak dan menampilkan “perintah untuk isi isian ini”

Sesuai Harapan

Valid

2

Kode mapel, nama mapel, guru pengajar, kelas diisi dengan benar kemudian klik simpan

Kode Mapeli:- (otomatis) Nama Mapel - TIK Guru pengajar- dadang Kelas – 12.6C

Sistem akan menerima dan menampilkan “data berhasil ditambahkan”

Sesuai Harapan

Valid

49

C. Pengujian Terhadap Form Login Siswa

Tabel III.11.

Hasil Pengujian Black Box Testing Halaman Login Siswa

D. Pengujian Terhadap Form Edit Data Profil Siswa

Tabel III.12.

Hasil Pengujian Black Box Testing Halaman Edit Data Profil Siswa

No Skenario Pengujian Test Care Hasil yang diharapkan Hasil


1

No induk dan Sandi tidak diisi kemudian klik tombol login

No induk: (kosong) : (kosong)


Sesuai

Harapan Valid

2

Memasukkan No induk dan sandi yang tidak

terdaftar kemudian klik tombol login

No induk: sofasco

Sandi: (kosong)

Sistem akan menolak dan menampilkan “login gagal

No induk tidak terdaftar”. Sesuai

Harapan Valid

3

Mengkosongkan No induk dan sandi diisi kemdian klik tombol login

No induk: (kosong) Sandi: 1


Sesuai Harapan

Valid

4

Memasukkan dengan kondisi salah satu data benar dan salah satu data salah lalu klik tombol login

No induk: sofasco(benar) Sandi: 2(salah)


Sesuai Harapan

Valid

5

Menginputkan data login yang benar lalu klik tombol login

No induk: sofasco(benar) Sandi: 1(benar)


Sesuai Harapan

Valid

No. Skenario Pengujian Test Case Hasil yang diharapkan Hasil Pengujian Kesimpulan

1

No induk, Alamat, No

telpon, Email, dan Foto

Profil dan salah satu tidak

tidak diisi kemudian klik

simpan

No Induki:- (otomatis)

Alamat-

No Telepon-

(otomatis)

Email-

Foto Profil:-

Sistem akan menolak

dan menampilkan

“perintah untuk isi

isian ini”

Sesuai

Harapan Valid

2



Profil dengan benar

kemudian klik simpan


Alamat-

No Telepon-

(otomatis)

Email-

Foto Profil:-

Sistem akan menerima

dan menampilkan

“data berhasil diganti” Sesuai

Harapan Valid

50

E. Pengujian Terhadap Form Ganti Sandi Siswa

Tabel III.13.

Hasil Pengujian Black Box Testing Halaman Ganti Sandi Siswa

F. Hasil Pengujian Form Login Guru

Tabel III.14.

Hasil Pengujian Black Box Testing Halaman Login Guru


1

No induk, Sandi lama,

Sandi baru, Kofirmasi

tidak di isi kemudian klik

simpan


Sandi lama-

Sandi baru-

Konfirmasi-

Sistem akan menolak

dan menampilkan


isian ini”

Sesuai

Harapan Valid

2

Jika memasukan Sandi

lama yang salah, Sandi

baru, Kofirmasi di isi



Sandi lama-aaaa

Sandi baru-1234

Konfirmasi-1234

Sistem akan menolak

dan menampilkan

pesan“sandi lama anda

salah silahkan ulang

kembali”.

Sesuai

Harapan Valid

3

Jika memasukan sandi

lama benar dan sandi baru

tidak sama dengan

konfirmasi kemudian klik

simpan


Sandi lama-aaaa

Sandi baru-1234

Konfirmasi-a123

Sistem akan menolak

dan menampilkan

pesan“ganti sandi

gagal! Sandi baru dan

konfirmasi harus

sama”.

Sesuai

Harapan Valid

4

Memasukan Sandi lama,

Sandi baru dan konfirmasi

dengan benar kemudia klik

simpan


Sandi lama-1212

Sandi baru-1234

Konfirmasi-1234


dan menampilkan

pesan “sandi berhasil

diganti”.

Sesuai

Harapan Valid

No Skenario Pengujian Test Case Hasil yang diharapkan Hasil pengujian Kesimpulan

1 No induk dan Sandi tidak diisi kemudian klik tombol login

No induk: (kosong) : (kosong)


Sesuai Harapan

Valid

2 Memasukkan No induk dan sandi yang tidak terdaftar kemudian klik tombol login

No induk: 11111 Sandi: (12345)

Sistem akan menolak dan menampilkan “login gagal No induk tidak terdaftar”.

Sesuai Harapan

Valid

3 Mengkosongkan No induk dan sandi diisi kemdian klik tombol login

No induk: (kosong) Sandi: 1


Sesuai Harapan

Valid

4 Memasukkan dengan kondisi salah satu data benar dan salah satu data salah lalu klik tombol login

No induk: 12143115 (benar) Sandi: 2(salah)


Sesuai Harapan

Valid

5 Menginputkan data login yang benar lalu klik

tombol login

No induk: sofasco(benar)

Sandi: 1(benar)


Sesuai

Harapan Valid

51

G. Hasil Pengujian Form Tambah Materi Guru

Tabel III.15.

Hasil Pengujian Black Box Testing Halaman Tambah Materi Guru

H. Hasil Pengujian Form Edit Data Profil Guru

Tabel III.16.

Hasil Pengujian Black Box Testing Halaman Edit Data Profil Guru


1

Kode materi, judul, slide,

dan video tidak diisi lalu

klik simpan

Kode Materi:-

(otomatis)

Judul-

Kode mapel:-

(otomatis)

Slide:-

Video :-

Sistem akan menolak

dan menampilkan


isian ini” Sesuai

Harapan Valid

2

Memasukan judul, dan ,

slide, dan video tidak diisi

lalu klik simpan l

Kode Materi:-

(otomatis)

Judul-

Kode mapel:-

Slide:-

Video :-

Sistem akan menolak

dan menampilkan


isian ini”

Sesuai

Harapan Valid

3

Memasukan Kode materi,

judul, kode mapel, slide,

dan video diisi dengan

benar lalu klik simpan

Kode Materi:-

(otomatis)

Judul-

Kode mapel:-

Slide:-

Video :-


kemudian

menampilkan pesan

“Data berhasil

disimpan”.

Sesuai

Harapan Valid

No. Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil


1



Profil dan salah satu

tidak tidak diisi


No Induki:-

(otomatis)

Alamat-

No Telepon-

(otomatis)

Email-

Foto Profil:-

Sistem akan

menolak dan

menampilkan


isian ini”

Sesuai

Harapan Valid

2



Profil dengan benar


No Induki:-

(otomatis)

Alamat-

No Telepon-

(otomatis)

Email-

Foto Profil:-

Sistem akan

menerima dan

menampilkan “data

berhasil diganti” Sesuai

Harapan Valid

52

I. Hasil Pengujian Form Ganti Sandi Guru

Tabel III.17.

Hasil Pengujian Black Box Testing Halaman Ganti Sandi Guru


1

No induk, Sandi lama,

Sandi baru, Kofirmasi

tidak di isi kemudian klik

simpan


Sandi lama-

Sandi baru-

Konfirmasi-

Sistem akan menolak

dan menampilkan


isian ini”

Sesuai

Harapan Valid

2

Jika memasukan Sandi

lama yang salah, Sandi

baru, Kofirmasi di isi



Sandi lama-aaaa

Sandi baru-1234

Konfirmasi-1234

Sistem akan menolak

dan menampilkan

pesan“sandi lama anda

salah silahkan ulang

kembali”.

Sesuai

Harapan Valid

3

Jika memasukan sandi

lama benar dan sandi baru

tidak sama dengan

konfirmasi kemudian klik

simpan


Sandi lama-aaaa

Sandi baru-1234

Konfirmasi-a123

Sistem akan menolak

dan menampilkan

pesan“ganti sandi

gagal! Sandi baru dan

konfirmasi harus

sama”.

Sesuai

Harapan Valid

4

Memasukan Sandi lama,

Sandi baru dan konfirmasi

dengan benar kemudia klik

simpan


Sandi lama-1212

Sandi baru-1234

Konfirmasi-1234


dan menampilkan

pesan “sandi berhasil

diganti”.

Sesuai

Harapan Valid

BAB III PEMBAHASAN 3.1.

Documents

Transcript of BAB III PEMBAHASAN 3.1.