BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan...

31
27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian pelajar tingkat Sekolah Menengah Pertama (SMP) berbasis web. Spesifikasi ini meliputi elemen-elemen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem yang akan diimplementasikan. Analisa kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang akan dibutuhkan untuk mengolah masukkan sehingga menghasilkan keluaran yang diinginkan. Dalam pembuatan website ini harus ditunjang dengan teknologi yang memadai agar menjadi website yang baik. 3.1.1 Kebutuhan Informasi Perancangan sistem informasi latihan ujian ini akan ditampilkan berupa soal- soal pilihan ganda yang sistem penyajiannya disetting secara acak antara satu user dengan user lainnya. 3.1.2 Kebutuhan Pengguna Perancangan sistem informasi latihan ujian akan dibangun dari kebutuhan informasi digolongkan menjadi 2 kelompok yang akan mengakses website ini yaitu administrator (admin) dan user (pengguna website)

Transcript of BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan...

Page 1: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

27

BAB III

PEMBAHASAN

3.1. Analisa kebutuhan

Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan

dan perancangan sistem informasi latihan ujian pelajar tingkat Sekolah Menengah

Pertama (SMP) berbasis web. Spesifikasi ini meliputi elemen-elemen apa saja yang

dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem yang akan

diimplementasikan. Analisa kebutuhan ini juga menentukan spesifikasi masukan

yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang akan

dibutuhkan untuk mengolah masukkan sehingga menghasilkan keluaran yang

diinginkan. Dalam pembuatan website ini harus ditunjang dengan teknologi yang

memadai agar menjadi website yang baik.

3.1.1 Kebutuhan Informasi

Perancangan sistem informasi latihan ujian ini akan ditampilkan berupa soal-

soal pilihan ganda yang sistem penyajiannya disetting secara acak antara satu user

dengan user lainnya.

3.1.2 Kebutuhan Pengguna

Perancangan sistem informasi latihan ujian akan dibangun dari kebutuhan

informasi digolongkan menjadi 2 kelompok yang akan mengakses website ini yaitu

administrator (admin) dan user (pengguna website)

Page 2: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

28

a. Administrator (admin)

Adalah tingkatan tertinggi yang bisa mengakses data dari database mulai

dari melihat data user, input mapel serta input soal yang akan ditayangkan

di halaman user. Admin juga diberikan hak akses untuk mengedit,

menghapus, update maupun menambah database, tujuan admin untuk

memelihara database itu sendiri.

b. User (pengguna website)

Dimana user hanya bisa mengakses soal ujian dan melihat nilai ujian.

Tabel III.1 Kebutuhan Pengguna

No. Kebutuhan Pengguna

Keterangan

1. Input a. Admin memasukkan ID pengguna dan kata sandi b. Admin dapat menghapus database user c. Admin dapat melakukan tambah, update dan dapat menghapus matapelajaran yang sudah ada d. Admin dapat menambah soal, edit dan menghapus soal e. User memasukkan ID pengguna dan kata sandi f. User mendaftar menjadi anggota, setelah data yang diminta diinput dengan lengkap. g. User dapat memperbarui/update data profil. h. User mengerjakan soal latihan ujian sesuai matapelajaran yang diinginkan

2. Output a. Sistem dapat menampilkan data dalam halaman admin berupa halaman user, mapel, soal b. Sistem dapat menampilkan informasi tentang user, soal dan matapelajaran c. Sistem dapat menampilkan informasi tentang data profile user. d. Sistem dapat menampilkan soal latihan ujian. e. Sistem dapat menampilkan nilai user.

Page 3: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

29

3. Process a. Sistem memproses login untuk akses admin dan user pada website. b. Admin berhak mengatur, mengelola, dan melakukan proses tambah, ubah , update, edit, hapus keseluruhan data yang akan ditampilkan pada halaman publik. c. Sistem melakukan logout untuk keamanan data yang dikelola oleh admin. d. User dapat mengakses sistem dan melakukan pengisian data pendaftaran. e. User dapat melakukan proses ujian f. Hasil ujian dapat diproses sehinggal menampilkan nilai

4. Performance a. Sistem dapat mendukung penyimpanan data dengan menggunakan database agar data dapat tersimpan dengan baik, sehingga akan menghilangkan kemungkinan terjadinya redudansi, kerusakan, dan kehilangan data serta informasi yang dihasilkan lebih akurat. b. Sistem memungkinkan admin untuk melakukan update data secara keseluruhan. c. Sistem dapat melakukan proses ujian yang dilakukan oleh user. d. Sistem memungkinkan konsumen mengetahui nilai,profil, soal ujian tanpa harus bertatap muka langsung dengan pemilik. Hal ini dapat mengurangi pemborosan biaya dan waktu, serta sebagai alternatif belajar secara elektronik, sehingga diharapkan dapat meningkatkan prestasi belajar. e. Sistem memungkinkan user untuk melakukan latihan ujian setiap saat dan dimana saja, karena sistem dapat diakses 24 jam sehari dengan syarat tersambung dengan internet. f. Sistem mampu melakukan pengacakan soal.

5. Control a. Sistem memberikan keamanan untuk akses admin dan user dengan adanya ID pengguna dan kata sandi yang hanya dapat diakses oleh admin dan user itu sendiri.

Page 4: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

30

Berikut adalah tabel kebutuhan sistem :

Tabel III.2 Kebutuhan Sistem

No. Kebutuhan Sistem Keterangan

1. Operating System Microsoft Windows 7 sampai dengan ke atas

2. Web server installer Apache versi 2.2.0

Mysql client versi 5.0.10

phpMyAdmin 2.7.0

FileZilla server versi 0.9.41

3. Web Browser Mozilla Firefox, Google Chrome, IE

4. Macromedia Macromedia Dreamwaver cs3, cs6

5. Koneksi Internet Kecepatan 56 kbps ke atas

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Antar Muka

Rancangan antar muka (interface) yang dirancang pada aplikasi e-learning ini adalah

sebagia berikut :

A. Rancangan Antar Muka User dan Admin

Menjelaskan rancangan yang berada di halaman index. Pada halaman ini

menampilkan form login untuk masuk ke halaman administrator atau ke halaman

user, karena halaman ini bersifat pribadi maka harus melakukan login terlebih dahulu,

adapun uraiannya sebagai berikut:

Di dalam tampilan user terdapat tiga menu yaitu, menu beranda, menu ujian

dan menu prestasi. Dan pada tampilan admin terdapat 3 menu yaitu menu user, menu

mapel, dan menu soal.

Page 5: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

31

1. Spesifikasi Halaman Index

Nama Halaman : Index

Akronim : index.php

Fungsi Program : Halaman pertama dari web saat dibuka

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.1

Penjelasan Proses : a. memasukkan alamat url pada browser, maka halaman index akan ditampilkan

[HEADER]

Mari belajar dan berlatih di UJIAN ONLINE

Silahkan Login

[image] ID Pengguna XXX

Kata Sandi XXX

Belum Punya Akun? Daftar disini

[FOOTER]

Gambar III.1 Rancangan Tampilan Index (login administrator dan user)

Page 6: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

32

2. Spesifikasi Halaman Daftar

Nama Halaman : Daftar

Akronim : daftar.php

Fungsi Program : Halaman web berisi form untuk diisi user

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.6

Penjelasan Proses : a. Pada Halaman index.php, klik link daftar maka akan masuk ke halaman daftar, kemudian isi form dengan lengkap.

[HEADER]

FORM DAFTAR

Isi lengkap form di bawah ini

[image]

Nama Pengguna : XXX

Alamat : XXX

Sekolah : XXX

Kelas : XXX

Kata Sandi : XXX

Daftar Batal

[FOOTER]

Gambar III.2 Rancangan Tampilan Daftar

Page 7: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

33

3. Spesifikasi Halaman Beranda

Nama Halaman : Beranda

Akronim : beranda.php

Fungsi Program : Halaman berisi informasi ujian untuk user

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.2

Penjelasan Proses : a. setelah ID pengguna dan kata sandi user dimasukkan, maka langsung masuk ke halaman beranda, atau klik menu beranda

[HEADER]

BERANDA UJIAN PRESTASI

INFO BERANDA

99 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

[image]

99 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

[FOOTER]

Gambar III.3 Rancangan Tampilan Beranda

Page 8: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

34

4. Spesifikasi Halaman Ujian

Nama Halaman : ujian

Akronim : ujian.php

Fungsi Program : Halaman menampilkan matapelajaran yang akan dipilih untuk ujian

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.3

Penjelasan Proses : a. Klik menu ujian

[HEADER]

BERANDA UJIAN PRESTASI

UJIAN

[image]

Pilih matapelajaran yang teman - teman inginkan, lalu "Klik Mulai ujian" Selamat Belajar....

No. Mata Pelajaran Aksi

99 XXX Mulai Ujian

99 XXX Mulai Ujian

99 XXX Mulai Ujian

[Footer]

Gambar III.4 Rancangan Tampilan Ujian

Page 9: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

35

5. Spesifikasi Halaman Tampil Ujian

Nama Halaman : Tampil Ujian

Akronim : tampil_ujian.php

Fungsi Program : Halaman untuk menampilkan soal ujian

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.4

Penjelasan Proses : a. Setelah berada di menu ujian, klik mulai ujian kemudian klik jawab hingga soal selesai

[HEADER]

99 xxxxxxxxxxxxxxx

o xx

[image] o xx

o xx

o xx JAWAB

[TIMER] [FOOTER]

Gambar III.5 Rancangan Tampilan Tampil Ujian

Page 10: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

36

6. Spesifikasi Halaman Prestasi

Nama Halaman : Prestasi

Akronim : prestasi.php

Fungsi Program : Halaman untuk melihat nilai latihan ujian

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.5

Penjelasan Proses : a. Klik menu prestasi, kemudian pilih matapelajaran yang ingin dilihat

[HEADER]

BERANDA UJIAN PRESTASI [image] PRESTASI

Nama : XXXXXX

Kelas : XXXXXX

Mata Pelajaran : XXXXXX LIHAT

No Tanggal Matapelajaran Nilai

99 DD-MM-YY XXXXXXX 9999

[FOOTER]

Gambar III.6 Rancangan Tampilan Halaman Prestasi

Page 11: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

37

1. Spesifikasi Halaman Admin-datauser

Nama Halaman : Admin-user

Akronim : admin-datauser.php

Fungsi Program : Halaman utama admin

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran B.1

Penjelasan Proses : a. Setelah ID pengguna admin dan kata sandi dimasukkan maka akan masuk ke halaman utama admin atau menu user

[HEADER] USER MAPEL SOAL

PENGATURAN DATA USER

No User ID Nama Kelas Aksi [image]

99 XXXXXXXXX XXXXXXXXX XXXXXXXXX Hapus

99 XXXXXXXXX XXXXXXXXX XXXXXXXXX Hapus

99 XXXXXXXXX XXXXXXXXX XXXXXXXXX Hapus

[FOOTER]

Gambar III.7 Rancangan Tampilan Halaman admin-datauser

Page 12: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

38

2. Spesifikasi Halaman Admin-datamapel

Nama Halaman : Admin-datamapel

Akronim : admin-datamapel.php

Fungsi Program : Halaman berisi matapelajaran dan input daftar matapelajaran

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran B.2

Penjelasan Proses : a. Klik menu mapel akan muncul daftar matapelajaran dan input matapelajaran

Gambar III.8 Rancangan Tampilan Halaman admin-datamapel

[HEADER]

USER MAPEL SOAL [image] PENGATURAN DATA MATAPELAJARAN

No. ID Mapel Kelas Matapelajaran Aksi

99 XXXXXX XXXXXX XXXXXX Update Hapus

99 XXXXXX XXXXXX XXXXXX Update Hapus

99 XXXXXX XXXXXX XXXXXX Update Hapus

Tambah Matapelajaran

Pilih Kelas : XXXX

Nama Matapelajaran

: XXXX : XXXX

Tambah

{FOOTER]

Page 13: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

39

3. Spesifikasi Halaman Admin-datasoal

Nama Halaman : admin-datasoal

Akronim : admin-datasoal.php

Fungsi Program : Halaman soal-soal yang telah diinput admin

Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran B.3

Penjelasan Proses : a. Klik menu soal, akan muncul pengaturan data soal dan input soal yang dilakukan admin

[HEADER] USER MAPEL SOAL

[GAMBAR] PENGATURAN DATA SOAL Pilih matapelajaran LIHAT

No ID Soal Mapel Kelas Pertanyaan Tanggal Aksi 99 XXX XXX XXX XXX XXX XXX Tambah SOAL

Pertanyaan XXXXXXX

Option A XXXXXXX

Option B XXXXXXX

Option C XXXXXXX

Option D XXXXXXX

Kunci XXXXXXX

Kelas XXXXXXX

Matapelajaran XXXXXXX

TAMBAH BATAL

[FOOTER]

Gambar III.9 Rancangan Tampilan Halaman Admin-datasoal

Page 14: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

40

3.2.2 Rancangan Basis Data

Perancangan Basis data menghasilkan pemetaan tabel-tabel yang dogambarkan

dengan Entity Relationship Diagram (ERD),

A. Entity Relationship Diagram (ERD)

ERD yang dimaksud adalah sebagai berikut :

user

id_user

namasekolah

id_kelas

password

mapel

id_mapel

id_kelas

soal

id_soal

pertanyaan

option_a

option_d

option_coption_b

id_mapel

Memilih

Memiliki

id

alamat

nama_mapel

tanggal

kunci

id_kelas

kelas

id_kelas

kelas

option_d

mengerjakan

proses_ujianid_user

nilai

tanggal

id_mapel

Memiliki

id_user

id_user id_kelas

id_mapel

id_soal

id_mapel

1 1

M

1

1

M

1

Mempunyai

1

M

M

nilai

id id_ujiantanggal

id_user

nilai

Melihat

M

M

1

Mempunyai

id_ujian id_mapel

id_kelas

id_mapel

id_mapel

tgl

id

id

id_user

id_ujian

1

Gambar III.10 Entity Relationship Diagram (ERD)

Page 15: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

41

B. Logical Relational Structure (LRS)

id_kelas * kelas

id_mapel * id nama_mapel

id_soal * id tanggal pertanyaan option_a option_b option_c option_d kunci

id_ujian * id tanggal nilai

id_user * id tgl nama alamat sekolah password id_kelas **

id_kelas **

id_mapel ** id_user **

user mapel

soal

nilai

kelas

id_mapel ** id_kelas **

tanggal nilai

id_mapel ** id_user **

Proses_ujian

1

M

1

M

1

M

1

MM

1

1

1

1

M

Gambar III.11 Logical Relational Structure (LRS)

C. Spesifikasi File

1. Nama File Database : ujianonline

Nama Tabel : user

Fungsi File : Untuk menyimpan biodata dari user

Media File : Harddisk

Panjang Record : 239 Karakter

Kunci File : id_user

Software : PHPmyAdmin

Page 16: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

42

Tabel III.3 Spesifikasi Tabel User

user Field Type Panjang Ket

id_user varchar 9 Primary Key id int 11 tgl date

nama varchar 50 alamat varchar 100 sekolah varchar 50 id_kelas int 11 Foreign Key

password varchar 8

2. Nama File Database : ujianonline

Nama Tabel : mapel

Fungsi File : Untuk menyimpan daftar matapelajaran

Media File : Harddisk

Panjang Record : 83 Karakter

Kunci File : id_mapel

Software : PHPmyAdmin

Tabel III.4 Spesifikasi Tabel Mapel

mapel Field Type Panjang Ket

id_mapel int 11 Primary Key id Int 11 nama_mapel varchar 50

id_kelas int 11 Foreign Key

Page 17: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

43

3. Nama File Database : ujianonline

Nama Tabel : proses_ujian

Fungsi File : Untuk menyimpan nilai ujian dari user

Media File : Harddisk

Panjang Record : 31 Karakter

Kunci File : id_ujian

Software : PHPmyAdmin

Tabel III.5 Spesifikasi Tabel Proses_ujian

proses_ujian field Type Panjang Ket

tanggal date nilai int 11 id_mapel int 11 Foreign Key id_user varchar 9 Foreign Key

4. Nama File Database : ujianonline

Nama Tabel : kelas

Fungsi File : Untuk menyimpan kelas

Media File : Harddisk

Panjang Record : 16 Karakter

Kunci File : id_kelas

Software : PHPmyAdmin

Page 18: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

44

Tabel III.6 Spesifikasi Tabel Kelas

kelas field Type Panjang Ket

id_kelas int 11 Primary Key kelas varchar 5

5. Nama File Database : ujianonline

Nama Tabel : soal

Fungsi File : Untuk menyimpan soal yang dikerjakan user

Media File : Harddisk

Panjang Record : 545 Karakter

Kunci File : id_soal

Software : PHPmyAdmin

Tabel III.7 Spesifikasi Tabel Soal

soal Field Type Panjang Ket

id_soal integer 12 Primary Key id varchar 11

tanggal date Pertanyaan varchar 250 option a varchar 50 option b varchar 50 option c varchar 50 option d varchar 50 kunci varchar 50 id_kelas int 11 Foreign Key id_mapel int 11 Foreign Key

Page 19: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

45

6. Nama File Database : ujianonline

Nama Tabel : nilai

Fungsi File : Untuk menyimpan nilai yang dikerjakan user

Media File : Harddisk

Panjang Record : 54 Karakter

Kunci File : id_ujian

Software : PHPmyAdmin

Tabel III.8 Spesifikasi Tabel Nilai

nilai Field Type Panjang Ket

id_ujian varchar 12 Primary Key id int 11

tanggal date nilai int 11 id_mapel int 11 Foreign Key id_user varchar 9 Foreign Key

3.2.3 Rancangan Struktur Navigasi

Membuat stuktur navigasi sangat diperlukan untuk pembuatan website untuk

menentukan alur atau stuktur dari website tersebut. Pada Pembuatan website ini

penulis menggunakan struktur navigasi campuran (komposit). Hal ini dikarenakan

terdapat tipe linier dan hirarki pada stuktur navigasi website ini.

Page 20: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

46

Beranda

Ujian

Prestasi

Login

Halaman user

Halaman Admin

Admin-datauser

Admin-datasoal

Update Profile

Tampil-ujian

Lihat

hapus

Tambah

Lihat

Admin-datamapel

Tambah

Hapus

Update

Edit

Hapus

Jawab

Keluar

Keluar

Gambar III.12 Struktur Navigasi

Pada struktur navigasi di atas dapat diketahui bahwa pengguna baik user

maupun admin tidak bisa akses ke halamn berikutnya sebelum login terlebih dahulu.

3.3. Implementasi dan Pengujian Unit

Tahap ini merupakan penerjemahan kebutuhan pembangunan aplikasi ke

dalam representasi perangkat lunak, sesuai hasil analisis pada bab sebelumnya.

Setelah tahap implementasi maka dilakukan tahap pengujian system yang dibangun

bertujuan untuk melihat kekurangan yang ada pada sistem.

3.3.1. Implementasi

Implementasi sistem informasi latihan ujian untuk pelajar tingkat Sekolah

Menengah Pertama (SMP) yang telah dirancang akan diterjemahkan ke dalam bahasa

pemrograman yang dapat dimengerti oleh komputer. Implementasi sistem merupakan

tahap meletakkan sistem yang diusulkan atau dikembangkan supaya nantinya sistem

Page 21: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

47

tersebut siap untuk dioperasikan sesuai yang diterapkan. Dengan tujuan menguji

sistem apakah sudah layak diimplementasikan atau belum.

A. Implementasi Antar Muka

1. Halaman Index

Gambar III.13 Tampilan Halaman Index

2. Halaman Daftar

Gambar III.14 Tampilan Halaman Daftar

Page 22: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

48

3. Halaman Beranda

Gambar III.15 Tampilan Halaman Beranda

4. Halaman Ujian

Gambar III.16 Tampilan Halaman Ujian

Page 23: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

49

5. Halaman Tampil Ujian

Gambar III.17 Tampilan Halaman Tampil Ujian

6. Halaman Prestasi

Gambar III.18 Tampilan Halaman Prestasi

Page 24: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

50

7. Halaman admin-datauser

Gambar III.19 Tampilan Halaman Admin-datauser

8. Halaman admin-datamapel

Gambar III.20 Tampilan Halaman Admin-datamapel

Page 25: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

51

9. Halaman admin-datasoal

Gambar III.21 Tampilan Halaman Admin-datasoal

C. Spesifikasi Perangkat Keras

Perangkat keras yang digunakan dalam membangun sistem ini adalah sebagai

berikut:

1. Netbook Asus eePC 1215px Processor : Intel Atom

2. RAM : 1,5 GB

3. Harddisk : 20 GB

4. VGA : 64 MB

D. Spesifikasi Perangkat Lunak

Berikut dapat diuraikan kebutuhan perangkat lunak dalam perancangan

website ini. Beberapa software yang digunakan antara lain adalah sebagai berikut :

1. Apache triad

2. Adobe photoshop

Page 26: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

52

3. Adobe dreamweaver CS6

4. Notepad ++

3.3.2. Pengujian Unit

Sebelum sistem diterapkan, terlebih dahulu dilakukan tahap pengujian.hal ini

dilakukan untuk mengidentifikasi sistem jika terjadi kesalahan dan melihat

kekurangan yang ada. Pengujian sistem dibagi menjadi dua yaitu :

1. Pengujian Black box (Black box Testing)

Black box testing adalah pengujian yang dilakukan hanya mengamati hasil

eksekusi melalui data uji dan memeriksa fungsional dari perangkat lunak. Jadi

dianalogikan seperti kita melihat suatu kotak hitam, kita hanya bisa melihat

penampilan luarnya saja, tanpa tahu ada apa dibalik bungkus hitam nya. Sama seperti

pengujian black box, mengevaluasi hanya dari tampilan luarnya (interface-nya),

fungsionalitasnya, tanpa mengetahui apa sesungguhnya yang terjadi dalam proses

detilnya (hanya mengetahui input dan output). Cara pengujian ini dilakukan dengan

menjalankan dan mengeksekusi tiap modul kemudian dilakukan pengamatan pada

hasil dari proses tersebut.

Tabel III.9 Hasil Pengujian Black Box Testing Login User

No. Skenario Pengujian Tes Case Hasil Yang Diharapkan Hasil Pengamatan Kesimpulan

1.

ID Pengguna dan kata sandi tidak diisi kemudian klik tombol masuk

ID Pengguna : (kosong)

Kata Sandi : (kosong)

Sistem akan menolak akses user dan menampilkan pesan ”ID pengguna atau kata sandi Anda Salah”

Sesuai Harapan Valid

Page 27: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

53

2.

Mengetik ID Pengguna dan kata sandi tidak diisi atau kosong kemudian klik masuk

ID Pengguna : 150110002 Kata Sandi :

(kosong)

Sistem akan menolak akses user dan menampilkan pesan ”ID pengguna atau kata sandi Anda Salah”

Sesuai Harapan Valid

3.

ID Pengguna tidak diisi (kosong) dan kata sandi diisi kemudian klik tombol masuk

ID Pengguna : (kosong)

Kata Sandi : erna

Sistem akan menolak akses user dan menampilkan pesan ”ID pengguna atau kata sandi Anda Salah”

Sesuai Harapan Valid

4.

Mengetik salah satu kondisi salah pada ID Pengguna atau Kata Sandi kemudian klik masuk

ID Pengguna : 150110002

(Benar) Kata Sandi : erna (Salah)

Sistem akan menolak akses user dan menampilkan pesan ”ID pengguna atau kata sandi Anda Salah”

Sesuai Harapan Valid

5.

Mengetikkan ID Pengguna dan kata sandi dengan data yang benar kemudian klik masuk

ID Pengguna : 150110002 Kata Sandi :

erna

sistem menerima akses masuk dan kemudian langsung menampilkan menu beranda

Sesuai Harapan Valid

Tabel III.10 Hasil Pengujian Black Box Testing Halaman Daftar

No. Skenario Pengujian Tes Case Hasil Yang Diharapkan Hasil Pengamatan Kesimpulan

1. Kolom pendaftaran tidak diisi dan langsung klik daftar

Nama Lengkap: (kosong) Alamat: (kosong) Sekolah : (kosong)

Kelas : (kosong) Kata Sandi :

(kosong)

Sistem akan menolak akses user dan menampilkan pesan ”Ada kesalahan pengisian, Isi data dengan LENGKAP!!”

Sesuai Harapan Valid

2.

Mengetik salah satu data, misal: nama Lengkap diisi namun data yang lain tidak diisi

Nama Lengkap: (kosong) Alamat: (kosong) Sekolah : (kosong)

Kelas : (kosong) Kata Sandi :

(kosong)

Sistem akan menolak akses user dan menampilkan pesan ”Ada kesalahan pengisian, Isi data dengan LENGKAP!!”

Sesuai Harapan Valid

Page 28: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

54

No. Skenario Pengujian Tes Case Hasil Yang Diharapkan Hasil Pengamatan Kesimpulan

3. Mengetik semua data, namun ada data yang tidak diisi

Nama Lengkap: erna

Alamat: (kosong)

Sekolah : SMPN 1 Magetan Kelas : VII

Kata Sandi : erna

Sistem akan menolak akses user dan menampilkan pesan ”Ada kesalahan pengisian, Isi data dengan LENGKAP!!”

Sesuai Harapan Valid

4. Mengetik semua data yang telah diminta

Nama Lengkap: erna

Alamat: Magetan

Sekolah : SMPN 1 Magetan Kelas : VII

Kata Sandi : erna

Sistem akan menerima akses user dan menampilkan pesan ”Selamat Anda sudah terdaftar. ID Pengguna Anda XXX{sesuai id masing-masing user] dan password anda XXX [sesuai data yang dimasukkan].”

Sesuai Harapan Valid

Tabel III.11 Hasil Pengujian Black Box Testing Login Admin

No. Skenario Pengujian Tes Case Hasil Yang Diharapkan Hasil Pengamatan Kesimpulan

1.

ID Pengguna dan kata sandi tidak diisi kemudian klik tombol masuk

ID Pengguna : (kosong)

Kata Sandi : (kosong)

Sistem akan meolak akses user dan menampilkan pesan ”ID pengguna atau kata sandi Anda Salah”

Sesuai Harapan Valid

2.

Mengetik ID Pengguna dan kata sandi tidak diisi atau kosong kemudian klik masuk

ID Pengguna : 0000

Kata Sandi : (kosong)

Sistem akan meolak akses user dan menampilkan pesan ”ID pengguna atau kata sandi Anda Salah”

Sesuai Harapan Valid

3.

ID Pengguna tidak diisi (kosong) dan kata sandi diisi kemudian klik tombol masuk

ID Pengguna : (kosong)

Kata Sandi : admin

Sistem akan meolak akses user dan menampilkan pesan ”ID pengguna atau kata sandi Anda Salah”

Sesuai Harapan Valid

4.

Mengetik salah satu kondisi salah pada ID Pengguna atau Kata Sandi kemudian klik masuk

ID Pengguna : 0000 (Benar) Kata Sandi :

admin (Salah)

Sistem akan meolak akses user dan menampilkan pesan ”ID pengguna atau kata sandi Anda Salah”

Sesuai Harapan Valid

Page 29: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

55

No. Skenario Pengujian Tes Case Hasil Yang Diharapkan Hasil Pengamatan Kesimpulan

5.

Mengetikkan ID Pengguna dan kata sandi dengan data yang benar kemudian klik masuk

ID Pengguna : 0000

Kata Sandi : admin

sistem menerima akses masuk dan kemudian langsung menampilkan menu beranda

Sesuai Harapan Valid

Tabel III.12 Hasil Pengujian Black Box Testing Halaman Admin-datamapel

No. Skenario Pengujian Tes Case Hasil Yang Diharapkan Hasil Pengamatan Kesimpulan

1.

Pilihan kelas kosong dan Nama Mata Pelajaran tidak diisi kemudian klik tambah

kelas (kosong) Nama Mata

Pelajaran (kosong)

Sistem akan menolak akses admin dengan menampilkan pesan “Ada kesalahan Pengisian”

Sesuai Harapan Valid

2.

Pilihan kelas dipilih dan Nama Mata Pelajaran tidak diisi kemudian klik tambah

Kelas : VII (diisi) Nama Mata

Pelajaran : IPA VII (kosong)

Sistem akan menolak akses admin dengan menampilkan pesan “Ada kesalahan Pengisian”

Sesuai Harapan Valid

3.

Pilihan kelas dipilih dan Nama Mata Pelajaran tidak diisi kemudian klik tambah

Kelas : VII (kosong)

Nama Mata Pelajaran : IPA

VII (diisi)

Sistem akan menolak akses admin dengan menampilkan pesan “Ada kesalahan Pengisian”

Sesuai Harapan Valid

4.

Pilihan kelas dipilih dan Nama Mata Pelajaran tidak diisi kemudian klik tambah

Kelas : VII (diisi) Nama Mata

Pelajaran : IPA VII (diisi)

Sistem akan menerima akses admin dengan menampilkan pesan “Data berhasil ditambah”

Sesuai Harapan Valid

Page 30: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

56

Tabel III.13 Hasil Pengujian Black Box Testing Halaman Admin-datasoal

No. Skenario Pengujian Tes Case Hasil Yang Diharapkan Hasil Pengamatan Kesimpulan

1. pertanyaan tidak diisi, option A tidak diisi, option B tidak diisi, option C tidak diisi, option D tidak diisi, kunci jawaban tidak diisi, kelas tidak diisi, matapelajaran tidak diisi

Pertanyaan : (kosong)

Option A : (kosong)

Option B : (kosong)

Option C : (kosong)

Option D : (kosong)

Kunci Jawaban : (Kosong)

kelas : (kosong) matapelajaran :

(kosong)

Sistem akan menolak akses admin dengan menampilkan pesan “Ada kesalahan Pengisian”

Sesuai Harapan

Valid

2.

salah satu dari kolom tambah soal bagian pertanyaan diisi soal, option A tidak diisi, option B tidak diisi, option C tidak diisi, option D tidak diisi, kunci jawaban tidak diisi, kelas tidak diisi, matapelajaran tidak diisi

Pertanyaan : Cacing bernafas

dengan... Option A : (kosong)

Option B : (kosong)

Option C : (kosong)

Option D : (kosong)

Kunci Jawaban : (Kosong)

kelas : (kosong) matapelajaran :

(kosong)

Sistem akan menolak akses admin dengan menampilkan pesan “Ada kesalahan Pengisian”

Sesuai Harapan

Valid

3. Ada salah satu kolom yang tidak diisi misalkan pertanyaan diisi soal, option A diisi jawaban, option B tidak diisi, option C diisi jawaban, option D diisi Jawab, kunci jawaban diisi jawaban benar, kelas diisi kelas, matapelajaran diisi sesuai mapel

Pertanyaan : Cacing bernafas

dengan... Option A : Paru-paru Option B : (kosong)

Option C : kulit Option D :

ingsang Kunci Jawaban :

Sistem akan menolak akses admin dengan menampilkan pesan “Ada kesalahan Pengisian”

Sesuai Harapan

Valid

Page 31: BAB III PEMBAHASAN...27 BAB III PEMBAHASAN 3.1. Analisa kebutuhan Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi latihan ujian

57

Limpa kelas : Kulit

matapelajaran : IPA IX

4. Pertanyaan diisi soal, option A diisi jawaban, option B diisi jawaban, option C diisi jawaban, option D diisi Jawaban, kunci jawaban diisi jawaban benar, kelas diisi kelasnya, matapelajaran diisi sesuai mapel

Pertanyaan : Cacing bernafas

dengan... Option A : Paru-paru Option B :

mulut Option C : kulit

Option D : ingsang

Kunci Jawaban : kulit

kelas : IX matapelajaran :

IPA IX

Sistem akan menerima akses admin dengan menampilkan pesan “Soal sudah di-upload”

Sesuai Harapan

Valid