BAB III ANALISA DAN PERANCANGAN 3.1. 3.2.eprints.umm.ac.id/55019/3/BAB III.pdf15 BAB III ANALISA DAN...
Transcript of BAB III ANALISA DAN PERANCANGAN 3.1. 3.2.eprints.umm.ac.id/55019/3/BAB III.pdf15 BAB III ANALISA DAN...
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