15

BAB III

ANALISA DAN PERANCANGAN

3.1. Analisa Sistem

Aplikasi Sistem try out ini digunakan untuk membantu dalam memproses

data informasi mulai dari proses pendaftaran hingga status hasil ujian try out.

Data yang di olah mulai dari data pendaftaran try out hingga ujian try out.

Administrator berperan dalam maintenance dari data-data yang di perlukan

sebagai input, serta kontrol terhadap seluruh data yang di olah.

3.2. Analisa Kebutuhan

Analisis kebutuhan digunakan untuk mengidentifikasi terhadap kebutuhan

sistem. Kebutuhan sistem meliputi analisis kebutuhan user dan analisis kebutuhan

data informasi. Sistem akan menampilkan informasi kepada user dengan

memproses data yang telah tersimpan dalam basis data. Terdiri dari 3 aktor pada

sistrm ini yaitu admin, guru dan siswa.

3.2.1. Analisa Kebutuhan Fungsional

Kebutuhan fungsional merupakan kebutuhan yang berisi proses-proses apa

saja yang nantinya dilakukan oleh sistem. Adapun kebutuhan fungsional yang

harus ada pada sistem ini adalah :

1. Admin

a. Login

b. Manajemen data guru

c. Manajemen data siswa

d. Manajemen data pelajaran

e. Logout

2. Guru

a. Login

b. Input data try out

c. Lihat hasil ujian try out

d. Logout

3. Siswa

a. Login

16

b. Ujian try out

c. Lihat hasil ujian try out

d. Logout

3.2.2. Analisa Kebutuhan Non Fungsional

Analisis kebutuhan non fungsional dilakukan untuk mengetahui spesifikasi

kebutuhan untuk sistem. Spesifikasi kebutuhan melibatkan analisis perangkat

keras (hardware), analisis perangkat lunak (software). Kebutuhan non fungsional

aplikasi try out untuk menghadapi ujian nasional menggunakan PHP MySQL

adalah:

1. Kebutuhan Perangkat Lunak

Terdapat beberapa perangkat lunak yang digunakan dalam membangun

aplikasi ini dengan memiliki spesifikasi sebagai berikut:

a. Sistem Operasi Windows 7 Ultimate 64bit

b. Xampp

c. Google Chrome browser

d. Sublime Text

2. Kebutuhan Perangkat Keras

Perangkat keras yang digunakan selama membangun aplikasi ini memiliki

spesifikasi sebagai berikut:

a. Processor : Intel Celeron CPU 1007U @1.50GHz

b. Memory : 2.00 GB

c. Storage : 500GB HDD

d. Graphics : Intel HD Graphics

3.3. Perancangan Sistem

Tujuan utama dari perancangan sistem ini adalah untuk memberikan

gambaran perancangan sistem yang akan dibangun atau dikembangkan, serta

untuk memahami alur informasi dan proses. Tahapan-tahapan atau langkah-

langkah yang akan dilakukan dalam perancangan sistem ini antara lain :

3.3.1. Rancangan Proses

Merupakan gambaran bagaimana proses pengimplementasian dari sistem

yang akan dibuat. Serta untuk memahami alur proses yang dapat dilakukan antara

17

admin juga user dari suatu sistem. Berikut merupakan bagian dari rancangan

proses :

3.3.1.1. Pemodelan Use Case Diagram

Dibawah ini adalah model use case diagram sistem aplikasi try out untuk

menghadapi ujian nasional menggunakan PHP MySQL:

Gambar 3.1. Use Case Diagram Aplikasi Try Out

1. Skenario use case login

Nama use case : Login

Aktor : User (admin, guru, siswa)

Tujuan : Melakukan proses login

Tabel 3.1. Skenario Use Case Login

Aktor Sistem

1. Mengisi form login (masukan

username dan password)

1. Sistem akan mengecek apakah user

name dan password sama dengan data

yang ada di database.

2. Bila cocok sistem akan menampilkan

halaman menu utama untuk user yang

bersangkutan.

18

2. Skenario use case manajemen data guru

Nama use case : manajemen data guru

Aktor : admin

Tujuan : manajemen data guru

Tabel 3.2. Skenario Use Case Manajemen Data Guru

Aktor Sistem

1. Admin masuk ke menu guru

untuk manajemen data guru

(tambah, edit, hapus)..

2. Sistem akan melakukan operasi yang

telah di pilih admin yaitu

menampilkan halaman manajemen

data guru.

3. Skenario use case manajemen data siswa

Nama use case : manajemen data siswa

Aktor : admin

Tujuan : manajemen data siswa

Tabel 3.3. Skenario Use Case Manajemen Data Siswa

Aktor Sistem

1. Admin masuk ke halaman menu

murid untuk manajemen data

murid. (tambah, edit, hapus)

2. Sistem akan melakukan operasi

yang telah dipilih oleh admin

yaitu menampilkan halaman

manajemen data murid.

4. Skenario use case manajemen data mata pelajaran.

Nama use case : mananjemen data mapel

Aktor : admin

Tujuan : manajemen data mata pelajaran

Tabel 3.4. Skenario Use Case Manajemen Data Mapel

Aktor Sistem

1. Admin masuk ke halaman menu

mata pelajaran untuk manajemen

data mata pelajaran (tambah, edit,

hapus).

2. Sistem akan melakukan operasi

yang telah dipilih oleh admin

yaitu menampilkan halaman

menu mata pelajaran.

19

5. Skenario use case cetak nilai try out

Nama use case : cetak nilai

Aktor : admin, guru

Tujuan : mencetak nilai hasil ujian try out

Tabel 3.5. Skenario Use Case Cetak Nilai Try Out

Aktor Sistem

1. Admin atau guru masuk ke halaman

nilai.

2. Sistem akan melakukan operasi

yang dipilih admin atau guru

yaitu menampilkan halaman

nilai.

3. Admin atau guru memilih menu

cetak untuk melakukan proses cetak

nilai hasil ujian try out.

4. Sistem menampilkan halaman

nilai hasil ujian try out untuk

dicetak

6. Skenario use case manajemen data soal ujian try out

Nama use case : manajemen soal data soal

Aktor : admin, guru

Tujuan : manajemen data soal ujian try out

Tabel 3.6. Skenario Use Case Manajemen Data Soal Try Out

Aktor Sistem

1. Admin atau guru masuk ke

halaman menu soal untuk

manajemen data soal (tambah,

edit, hapus).

2. Sistem akan melakukan operasi

yang telah dipilih oleh admin atau

guru yaitu menampilkan halaman

menu manajemen data soal.

7. Skenario use case lihat hasil ujian try out

Nama use case : nilai

Aktor : admin, guru, murid

Tujuan : melihat nilai hasil ujian try out

20

Tabel 3.7. Skenario Use Case Lihat Hasil Ujian Try Out

Aktor Sistem

1. User masuk ke halaman menu

nilai.

2. Sistem akan melakukan operasi

yang dipilih oleh user yaitu

menampilkan halaman nilai hasil

ujian try out.

8. Skenario use case ikuti ujian

Nama use case : ikuti ujian

Aktor : murid

Tujuan : untuk melaksanakan ujian try out

Tabel 3.8. Skenario Use Case Ikuti Ujian

Aktor Sistem

1. Murid masuk ke halaman menu

soal.

2. Sistem akan melakukan operasi

yang dipilih oleh murid yaitu

menampilkan halaman soal

3. Murid mengakses menu ikuti

ujian.

4. Sistem akan melakukan operasi

yang dipilih oleh murid yaitu

menampilkan halaman ujian.

3.3.1.2. Pemodelan Activity Diagram

Diagram aktifitas (Activity diagram) memodelkan aliran kerja atau

workflow sebuah proses bisnis dan urutan aktifitas dalam suatu proses.

21

1. Activity diagram untuk proses login

Gambar 3.2. Activity Diagram Login

2. Activity diagram lihat hasil ujian

Gambar 3.3. Activity Diagram Lihat Hasil Ujian

22

3. Activity diagram manajemen data guru

Gambar 3.4. Activity Diagram Manajemen Data Guru

4. Activity diagram manajemen data murid

Gambar 3.5. Activity Diagram Manajemen Data Murid

23

5. Activity diagram manajemen data mata pelajaran

Gambar 3.6. Activity Diagram Manajemen Data Mata Pelajaran

6. Activity diagram manajemen data soal

Gambar 3.7. Activity Diagram Manajemen Data Soal

24

7. Activity diagram mengerjakan soal

Gambar 3.8. Activity Diagram Mengerjakan Soal

8. Activity diagram cetak hasil ujian

Gambar 3.9. Activity Diagram Cetak Hasil Ujian

3.3.1.3. Pemodelan Sequence Diagram

Sequence diagram menggambarkan interaksi antar objek di dalam dan di

sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang

digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertical

25

(waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram bisa

digunakan untuk menggambarkan skenario atau rangkaian langkah-langkahyang

dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu.

1. Sequence diagram login

Gambar 3.10. Sequence Diagram Login

2. Sequence diagram lihat hasil ujian

Gambar 3.11. Sequence Diagram Lihat Hasil Ujian

26

3. Sequence diagram manajemen data guru

Gambar 3.12. Sequence Diagram Manajemen Data Guru

4. Sequence diagram manajemen data murid

Gambar 3.13. Sequence Diagram Manajemen Data Murid

27

5. Sequence diagram manajemen data mata pelajaran

Gambar 3.14. Sequence Diagram Manajemen Data Mata Pelajaran

6. Sequence diagram manajemen data soal

Gambar 3.15. Sequence Diagram Manajemen Data Soal

28

7. Sequence diagram mengerjakan soal

Gambar 3.16. Sequence Diagram Mengerjakan Soal

8. Sequence diagram cetak hasil ujian

Gambar 3.17. Sequence Diagram Cetak Hasil Ujian

3.3.1.4. Pemodelan Class Diagram

Kelas (class) adalah definisi umum untuk himpunan objek sejenis. Kelas

menetapkan spesifikasi perilaku dan atribut objek-objek tersebut. Objek adalah

contoh dari sebuah kelas. Class diagram menggambarkan struktur statis class

didalam sistem. Class merepresentasikan sesuatu yang ditangani oleh sistem.

29

Gambar 3.18. Class Diagram Aplikasi Try Out

3.3.2. Rancangan Basis Data

Aplikasi try out ini menggunakan basis data MySQL untuk menyimpan

seluruh operasi query dari website. Rancangan basis data ini digambarkan dengan

Entity Relationship (ER) diagram. ER diagram adalah suatu model untuk

menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar

data yang mempunyai hubungan antar relasi. Berikut merupakan rancangan

database yang akan diimplementasikan pada aplikasi try out pada SMK Negeri

Wonorejo.

Gambar 3.19. ER Diagram Aplikasi Try Out

30

3.3.3. Desain Basis Data

Merupakan rancangan atau gambaran bagaimana proses pembuatan basis

data dari sistem yang akan dibuat. Serta untuk memahami fungsi dari setiap tabel.

Tabel basis data ini antara lain terdiri dari tabel data murid, tabel data guru, tabel

mata pelajaran, tabel nilai, tabel soal dan tabel jawaban. Berikut merupakan

bagian dari rancangan basis data:

1. Tabel basis data murid

Merupakan tabel basis data yang digunakan untuk menyimpan data murid

yang berisi nis, nama dan kelas untuk melakukan proses pendaftaran.

Tabel 3.10. Basis Data Murid

No Nama Field Type Data Length Keterangan

1 NIS Var Char 20 Nomer Induk Siswa

2 Nama Text 25 Nama Siswa

3 Kelas Var Char 2 Kelas

2. Tabel basis data guru

Merupakan tabel basis data yang digunakan untuk menyimpan data guru yang

berisi nip dan nama untuk melakukan proses pendaftaran.

Tabel 3.11. Basis Data Guru

No Nama Field Type Data Length Keterangan

1 NIP Var Char 20 Nomer Induk Pengajar

2 Nama Text 25 Nama Pengajar

3. Tabel basis data mata pelajaran

Merupakan tabel basis data yang digunakan untuk menyimpan data mata

pelajaran yang berisi nama pelajaran untuk melakukan proses tambah mata

pelajaran.

Tabel 3.12. Basis Data Mata Pelajaran

No Nama Field Type Data Length Keterangan

1 Nama_Pelajaran Text 20 Nama Pelajaran

31

4. Tabel basis data nilai

Merupakan tabel basis data yang digunakan untuk menyimpan data nilai yang

berisi nilai untuk menampilkan hasil ujian.

Tabel 3.13. Basis Data Nilai

No Nama Field Type Data Length Keterangan

1 Nilai Var Char 3 Ujian Try out

5. Tabel basis data soal

Merupakan tabel basis data yang digunakan untuk menyimpan data soal yang

berisi kelas, no_soal, isi_soal, jml_soal dan tgl untuk menampilkan soal ujian.

Tabel 3.14. Basis Data Soal

No Nama Field Type Data Length Keterangan

1 Kelas Var Char 2 Kelas

2 No_soal Number 100 Nomer Soal

3 Isi_soal Text 300 Isi Soal

4 Jml_soal Text 5 Jumlah Soal

5 Tgl Date - Tanggal

6. Tabel basis data jawaban

Merupakan tabel basis data yang digunakan untuk menyimpan data soal yang

berisi jawaban dan hasil_jawaban untuk menampilkan jawaban ujian.

Tabel 3.15. Basis Data Jawaban

No Nama Field Type Data Length Keterangan

1 Jawaban Text 2 Jawaban

2 Hasil_Jawaban Text 3 Hasil Jawaban

3.3.4. Perancangan Interface

Perancangan interface merupakan desain input output berupa form untuk

memasukkan data dan laporan sebagai informasi yang dihasilkan dari pengolahan

data. Perancangan input output juga merupakan acuan pembuat aplikasi dalam

merancang dan membangun sistem.

32

3.3.4.1. Desain Input

Desain Input merupakan perancangan untuk memasukkan data dari hasil

kegiatan yang dilakukan oleh objek dan subjek yang bersangkutan, agar dapat

memberikan tampilan bagaimana bentuk pemasukkan data pada layar komputer.

1. Desain form login

Gambar 3.20. Desain Form Login

Pada gambar 3.20. desain form login ini terdiri dari 2 text field yaitu text

field username dan text field password. Untuk masuk ke halaman utama sistem try

out ini user harus menginputkan data berupa username dan password. Tombol

login berfungsi untuk melakukan proses data terhadap input yang dilakukan oleh

user.

2. Desain Halaman Menu Utama

Gambar 3.21. Desain Halaman Menu Utama

Username

Password

=

=

input

input

Opsi Header

Menu Utama

Halaman Konten

Footer

Login

33

Pada Gambar 3.21. desain halaman menu utama sistem try out ini

terdapat beberapa konten yang ditampilkan. Header berfungsi sebagai konten

pengenal web try out. Opsi merupakan tombol pilihan yang berisi 2 pilhan yaitu

ubah password dan logout. Menu utama terdiri dari beberapa menu yang

berfungsi untuk menghubungkan informasi-informasi utama dari menu yang akan

diproses. Halaman konten berfungsi sebagai judul aplikasi. Sedangkan footer

berfungsi menampilkan hak cipta dari aplikasi.

3. Desain form input data murid

Gambar 3.22. Desain Form Input Data Murid

Pada gambar 3.22. desain form input data murid ini terdiri dari 3 text

field yaitu text field nama, text field nis (nomor induk siswa) dan text field jurusan.

Tombol simpan berfungsi untuk melakukan proses menyimpan data terhadap

input yang dilakukan oleh user ke dalam database. Tombol batal berfungsi untuk

kembali atau membatalkan semua yang diinputkan oleh user.

4. Desain form input data guru

Gambar 3.23. Desain Form Input Data Guru

NIS

Jurusan

input Nama =

=

=

input

input

Simpan Batal

NIP

input Nama =

= input

Simpan Batal

34

Pada gambar 3.23. desain form input data guru ini hanya terdiri dari 2

text field saja yaitu text field nama dan text field nip (nomor induk pegawai).

Tombol simpan berfungsi untuk melakukan proses menyimpan data terhadap

input yang dilakukan oleh user ke dalam database. Tombol batal berfungsi untuk

kembali atau membatalkan semua yang diinputkan oleh user.

5. Desain form input mata pelajaran

Gambar 3.24. Desain Form Input Data Mata Pelajaran

Pada gambar 3.24. desain form input data mata pelajaran ini hanya

terdiri dari 1 text field yaitu text field nama pelajaran. Tombol simpan berfungsi

untuk melakukan proses menyimpan data terhadap input yang dilakukan oleh

user. Tombol batal berfungsi untuk kembali atau membatalkan semua yang

diinputkan oleh user.

input Mapel =

Simpan Batal

35

6. Desain form input soal

Gambar 3.25. Desain Form Input Soal

Pada gambar 3.25. desain form input soal ini terdiri beberapa field yaitu :

1. Mata pelajaran

Berfungsi untuk memilih mata pelajaran yang akan diujikan.

2. Guru

Berfungsi untuk memiih guru pengampu mata pelajaran yang akan

diujikan.

3. Teks soal

Opsi Mata Pelajaran

Simpan Batal

Guru

=

Opsi =

Teks Soal Pilih file Input Teks Soal

Input teks jawaban

Input teks jawaban

Input teks jawaban

Input teks jawaban

Jawaban A

Jawaban B

Jawaban C

Jawaban D

Jawaban Bobot nilai soal Opsi

=

=

=

=

36

Teks soal bisa dipilih berdasarkan file yang berformat .excel dengan

mengakses tombol pilih file pada menu. Teks soal juga bisa diinputkan

secara manual dengan mengisi field input teks soal.

4. Input teks jawaban

Berfungsi sebagai inputan jawaban manual oleh user.

5. Kunci Jawaban

Berfungsi sebagai pilihan untuk jawaban yang benar dari soal yang di

buat.

6. Bobot nilai

Berfungsi sebagai bobot untuk jawaban yang dipilih berdasarkan jawaban

yang dipilih user.

7. Batal

Berfungsi untuk kembali atau membatalkan semua yang diinputkan oleh

user

8. Simpan

Berfungsi untuk menyimpan semua data yang diinputkan oleh user ke

dalam database.

3.3.4.2. Desain Output

Desain output merupakan gambaran hasil dari pengolahan data setelah

suatu inputan dan diproses hingga menghasilkan keluaran (output). Dalam

perancangan aplikasi ini yang paling penting adalah desain output yang dihasilkan

harus sesuai dengan keinginan dan kebutuhan pemakai atau user.

1. Desain ouput data siswa

Gambar 3.26. Desain Output Data Siswa

Tambah Download Format Import Import Cari

No Nama NIS Jurusan Aksi

37

Pada Gambar 3.26. desain output data siswa ini terdapat 3 menu utama

dan 1 text field yaitu panel tab tambah, panel tab download format import, panel

tab import, text field cari serta 3 tombol aksi yang terdiri dari edit, hapus dan

aktifkan user.

2. Desain output data guru

Gambar 3.27. Desain Output Data Guru

Pada Gambar 3.27. desain output data guru ini terdapat 3 menu utama

dan 1 text field yaitu panel tab tambah, panel tab download format import, panel

tab import, text field cari serta 4 tombol aksi yang terdiri dari edit, hapus, mata

pelajaran diampu dan reset password.

Gambar 3.28. Desain Output Data Mata Pelajaran

Pada Gambar 3.28. desain output data mata pelajaran ini terdapat 1 menu

utama dan 1 text field yaitu panel tab tambah, field cari serta 2 tombol aksi yang

terdiri dari edit dan hapus.

Tambah Download Format Import Import Cari

No Nama NIP Aksi

Tambah Cari

No Nama Mata Pelajaran Aksi