f. DFD Level 2 Diagram 1 Proses 4.0
Admin 4.1
Penjurusan IPA Minat IPA, IPS,
Bahasa 4.2
Penjurusan IPS 4.3
Penjurusan Bahasa
tbl hasilkeputusan
4.4 Report
Peminatan Hasi lKeputusan
Report Minat IPA, IPS, Bahasa
Report Minat IPA, IPS, Bahasa
Wali Kelas Minat IPA, IPS,
Bahasa
Gambar 4.8 DFD Level 2 Proses 4.0 Aplikasi Pada Bidang Peminatan Berdasarkan Minat dan Nilai Akademik Siswa
Keterangan umum DFD level 2 diagram 1 proses 4.0:
Proses Report Peminatan, admin dan wali kelas dapat
melihat data hasil keputusan minat yang tersimpan pada tabel hasilkeputusan.
4.3.2. Pemodelan Data
1. Entity Relationship Diagram ERD Entity Relationship Diagram ERD adalah sebuah diagram
yang menggambarkan hubungan relasi antar Entity terdiri atas satu atau lebih atribut. Untuk dapat melihat hubungan yang
terjadi antar tabel satu dengan tabel yang lain maka digunakan ERD untuk menggambarkannya. Dalam sistem pengambilan
keputusan ini, relasi antar tabel dapat dilihat pada gambar 4.9.
User Input
1 Siswa
M
Nilai Memiliki
M 1
Memiliki 1
Mata Pelajaran
1 Memiliki
1
Hasil Keputusan
1 nip
pass nama
role nis
nama kelas
tmp_lahir tgl_lahir
email wali_kelas
nis nama
kode
nilai kategori
nis
kode nama
kategori
Gambar 4.9 ERD Bidang Peminatan
2. Kamus Data Kamus data merupakan deskripsi dari semua objek data yang
dikonsumsi atau diproduksi sistem. Dalam sistem ini terdapat empat tabel yang direpresentasikan oleh kamus data:
Tabel 4.2. Spesifikasi Tabel Siswa
Nama Field Tipe Field
Kunci Panjang Field
Keterangan
nis varchar
PK 10
nomor induk siswa nama
varchar 50
nama siswa kelas
varchar 10
kelas siswa tmp_lahir
varchar 100
tempat lahir siswa tgl_lahir
timestamp -
tanggal lahir siswa email
varchar 50
email siswa wali_kelas
varchar 50
wali kelas siswa
Tabel 4.3. Spesifikasi Tabel Mata Pelajaran
Nama Field Tipe Field
Kunci Panjang Field
Keterangan
kode varchar
PK 10
kode mata pelajaran nama
varchar 50
nama mata pelajaran kategori
varchar 10
kategori mata pelajaran
Tabel 4.4. Spesifikasi Tabel Nilai
Nama Field Tipe Field
Kunci Panjang Field
Keterangan
nis varchar
FK1 10
nomor induk siswa nama
varchar 50
nama siswa kode
varchar FK2
10 kode mata pelajaran
nilai int
11 nilai siswa
Tabel 4.5. Spesifikasi Tabel User
Nama Field Tipe Field
Kunci Panjang Field
Keterangan
nip varchar
PK 10
nomor induk pegawai pass
varchar 25
password nama
varchar 50
nama user role
varchar 10
kategori user
4.3.3. Pemodelan Program
1. Diagram Alir Flowchart Diagram alir proses aplikasi pada bidang peminatan
dapat dilihat pada gambar 4.10 sampai 4.22.
1 Flowchart Log In
Pada flowchart ini menggambarkan alur proses dari log in. Pada saat pertama kali program dijalnkan akan
muncul menu Log In yang gunanya untuk membatasi pengguna. Didalamnya terdapat NIP dan password sebagai
kata kunci. Bila terjadi kesalahan dalam penginputan, maka akan muncul pesan menunjukan bahwa data yang di input
salah. Jika NIP dan password yang di input sesuai dengan database, maka akan muncul menu utama.
start
tampilkan halaman
login
input user dan
password login valid
Tampil pesan
kesalahan tidak
A
1 B
ya
1
Gambar 4.10 Flowchart Menu Login Aplikasi Bidang Peminatan
2 Flowchart Menu Utama Aplikasi Bidang Peminatan
Pada flowchart ini menggambarkan alur proses dari menu utama. Pada menu utama didalamnya terdapat menu
bar untuk memanggil class lain lalu menampilkannya. Class lain yang terdapat pada menu utama diantaranya
adalah Menu File yang berisi Log Out, Menu Master yang berisi Siswa dan Pelajaran, Menu Entry yang berisi Nilai,
hasil Keputusan dan Laporan, dan Menu User yang berisi User untuk menambah, mengubah, dan menghapus data
user.
B
tampilkan menu
utama Menu File
Menu Master tidak
Menu Entry tidak
User tidak
2 tidak
C ya
E ya
H ya
M ya
2
Gambar 4.11 Flowchart Menu Utama Aplikasi Bidang Peminatan 3 Flowchart Menu File
Pada flowchart ini menggambarkan alur proses dari menu File, jika admin mengkonfirmasi pengguanaan maka
admin akan kembali ke menu Log In yang dapat diakses dari menu File.
c
Tampilkan Menu File
Log Out
konfirmasi Ya
B Tidak
Ya D
Gambar 4.12 Flowchart Menu File Aplikasi Bidang Peminatan
4 Flowchart Log Out Pada flowchart ini menggambarkan alur proses dari
Log Out. Bila administrator mengklik menu Log Out maka akan kembali ke menu Log In.
Tampilkan Menu Log Out
OK B
Tidak
A Ya
D
Gambar 4.13 Flowchart Menu Log Out Aplikasi Bidang Peminatan
5 Flowhart Menu Master
Pada flowchart ini menggunakan alur proses dari menu Master. Pada menu Master terdapat menu Siswa dan
menu Pelajaran.
E
Tampilkan Menu Master
Pilih Siswa
Pilih Pelajaran
Tidak Ya
G Ya
B Tidak
F
Gambar 4.14 Flowchart Menu Master Aplikasi Bidang Peminatan
6 Flowchart Siswa Pada flowchart ini menggambarkan alur proses dari
form siswa, pada saat menu siswa di klik maka akan tampil layar form siswa, setelah itu input No. Induk Siswa, Nama
Siswa, Kelas, Tempat Lahir, Tanggal Lahir, Email, dan Wali Kelas. Setelah itu jika yang dipilih adalah tombol
“Save” maka akan dilakukan proses simpan data siswa kedalam tabel siswa setelah proses simpan selesai maka
alur proses akan kembali ke form siswa. Pilihan tombol “Edit” digunakan untuk mengubah data siswa yang sudah
tersimpan pada tabel siswa. Setelah itu kembali ketampilan awal form
siswa. Jika yang dipilih tombol “Delete”, maka
proses akan menghapus data siswa ke tabel siswa. Setelah itu kembali ketampilan awal form siswa. Jika yang dipilih
tombol “Cancel”, maka proses akan membatalkan data
siswa ke tabel siswa. Kembali ke tampilan awal form siswa. Jika yang dipilih tombol
“Close”, maka proses akan kembali ke menu utama.
Tampilkan Layar
Siswa 3
Input Biodata Siswa
Pilih Save
Pilih Delete
Pilih Cancel Tidak
Pilih Close Tidak
B Ya
3 Tidak
Proses simpan data siswa ke tabel siswa
Ya
Proses hapus data siswa ke tabel siswa
Ya
Proses batal data siswa ke tabel siswa
Ya Pilih Edit
Tidak
Tidak Proses ubah data siswa
ke tabel siswa Ya
3 F
Gambar 4.15 Flowchart Menu Siswa Aplikasi Bidang Peminatan 7 Flowchart Mata Pelajaran
Pada flowchart ini menggambarkan alur proses dari form pelajaran, pada saat menu pelajaran di klik maka akan
tampil layar form pelajaran, setelah itu input id pelajaran, nama pelajaran dan kategori minat. Setelah itu jika yang
dipilih tombol “Save” maka akan dilakukan proses simpan data pelajaran prasyarat bidang peminatan ke dalam tabel
pelajaran setelah proses simpan selesai maka alur proses akan kembali ke form pelajaran. Jika yang dipilih
“Edit”, maka proses akan mengubah data pelajaran ke tabel
pelajaran setelah proses ubah selesai maka alur proses akan kembali ke form pelajaran. Jika yang dipilih
“Delete”, maka proses akan menghapus data pelajaran ke tabel
pelajaran setelah proses hapus selesai maka alur proses akan kembali ke tampilan awal. Jika yang dipilih tombol
“Cancel”, maka proses akan membatalkan data pelajaran ke tabel pelajaran. Kembali ke tampilan awal form siswa.
Jika yang dipilih tombol “Close”, maka proses akan
kembali ke menu utama.
G
Tampilkan Layar Pelajaran
4
Input Data Pelajaran
Pilih Save
Pilih Edit Tidak
Pilih Delete Tidak
Pilih Cancel
Pilih Close Tidak
4 Tidak
Tidak
B Ya
Proses simpan data mata pelajaran ke tabel
pelajaran Ya
Proses hapus data mata pelajaran ke tabel
pelajaran Ya
Proses batal data mata pelajaran ke tabel
pelajaran Proses ubah data mata
pelajaran ke tabel pelajaran
Ya
Ya 4
Gambar 4.16 Flowchart Menu Pelajaran Aplikasi Bidang
Peminatan 8 Flowchart Menu Entry
Pada flowchart ini menggambarkan alur proses dari menu entry. Pada menu entry terdapat Nilai, Hasil
Keputusan dan Laporan.
H
Tampilkan Menu Entry
Pilih Nilai Siswa
Pilih Hasil Keputusan
Tidak
B I
Ya J
Ya
Laporan Tidak
Tidak
L Ya
Gambar 4.17 Flowchart Menu Entry Aplikasi Bidang Peminatan
9 Flowchart Nilai Siswa Pada flowchart ini menggambarkan alur proses dari
form nilai, pada saat menu nilai siswa di klik akan tampil layar form nilai, setelah itu input No Induk Siswa kemudian
klik tombol “Cari” untuk mencari data siswa yang tersimpan. Setelah itu akan tampil tabel nilai untuk input
nilaai oleh admin. Setelah itu jika yang dipilih adalah tombol
“Save” maka akan dilakukan proses simpan data nilai kedalam tabel nilai_siswa setelah proses simpan
selesai maka alur proses akan kembali ke form nilai. Jika
yang dipilih “Edit”, maka proses mengubah data nilai ke
tabel nilai_siswa setelah proses ubah selesai maka alur proses akan kembali ke form nilai. Jika yang dipilih
“Cancel”, maka proses akan membatalkan data nilai ke tabel nilai_siswa. Kembali ketampilan awal form nilai. Jika
yang dipilih “Close”, maka proses akan kembali ke menu
utama.
I
Tampilkan Layar Nilai
5
Input Data Nilai
Pilih Save
Pilih Cancel
Pilih Close Tidak
Proses simpan nilai ke tabel nilai siswa
Ya
Proses batal nilai ke tabel nilai siswa
Ya
5 Tidak
5
B Pilih Edit
Proses ubah nilai ke tabel nilai siswa
Ya Tidak
Tidak
Gambar 4.18 Flowchart Menu Nilai Aplikasi Bidang Peminatan
10 Flowchart Hasil Keputusan Pada flowchart ini menggambarkan alur proses dari
form hasil keputusan, pada saat menu hasil keputusan di klik maka akan tampil layar form hasil keputusan, setelah
itu input No Induk Siswa kemudian klik tombol “Cari”
untuk mencari data siswa yang tersimpan. Setelah itu akan ditampilkan tabel nilai siswa, sebelum melakukan proses
berikutnya admin akan meng-input-kan kategori minat siswa terlebih dahulu. Setelah itu jika yang dipilih
“Decision” maka proses akan memberikan hasil keputusan peminatan dan akan menyimpan hasil keputusan ke tabel
hasil_keputusan. Setelah proses hasil keputusan selesai maka alur proses akan menampilkan laporan hasil
keputusan peminatan. Jika yang dipilih “Cancel” maka
proses akan membatalkan proses pangambilan keputusan peminatan ke tabel hasil_keputusan. Kembali ke tampilan
awal form hasil keputusan. Jika yang dipilih “Close”, maka
proses akan kembali ke menu utama.
J
Tampilkan Layar Hasil Keputusan
6
Input Data Siswa
Pilih Decision
Pilih Cancel Tidak
Pilih Close Tidak
6 Tidak
B Ya
Proses keputusan peminatan ke tabel
hasil_keputusan
Proses batal pengambilan keputusan
peminatan ke tabel hasil_keputusan
Ya Ya
6 K
Gambar 4.19 Flowchart Menu Hasil Keputusan Aplikasi Bidang Peminatan
11 Flowchart Proses Pengambilan Keputusan Pada flowchart ini menggambarkan alur proses sistem
pengambilan keputusan peminatan bekerja, pada saat pilihan decision di klik pada menu hasil keputusan maka
akan terjadi proses komputerisasi yang secara otomatis melakukan proses skoring sesuai dengan minat yang
diinginkan siswa.
K
Proses sinkronisasi peminatan IPA dengan nilai
kategori nilai IPA siswa
Proses sinkronisasi peminatan IPS dengan nilai
kategori nilai IPS siswa Tidak
Proses sinkronisasi peminatan BAHASA
dengan nilai kategori nilai BAHASA siswa
Tidak Setiap nilai mata pelajaran
kategori IPA ≥ 70 dan maksimal 1
nilai mata pelajaran 70 Ya
Setiap nilai mata pelajaran kategori IPS
≥ 75 dan maksimal 1 nilai mata pelajaran 75
Ya
Setiap nilai mata pelajaran kategori BAHASA
≥ 75 dan maksimal 1 nilai mata pelajaran
75 Ya
Proses nilai siswa yang tidak memenuhi syarat ke-3
penjurusan seluruhnya memasuki peminatan IPS
Tidak Proses keputusan
peminatan ke tabel hasil_keputusan
Ya Ya
Ya
Ya L
Gambar 4.20 Flowchart Proses Pengambilan Keputusan Aplikasi Bidang Peminatan
12 Flowchart Menu Laporan Pada flowchart ini menggambarkan alur proses dari
menu laporan, pada saat menu laporan di klik maka akan terdapat menu laporan IPA, IPS, dan BAHASA.
L
Tampilkan Layar Laporan
7
Pilih IPA
Pilih IPS Tidak
Pilih BAHASA Tidak
7 Tidak
Ya
Ya
Ya L
Tampilkan peminatan IPA
Tampilkan peminatan IPS
Tampilkan peminatan Bahasa
Gambar 4.21 Flowchart Menu Laporan Aplikasi Bidang Peminatan
13 Flowchart Menu User Pada flowchart ini menggambarkan alur proses dari
form user, pada saat menu siswa di klik maka akan tampil layar form user, setelah itu input No. Induk Pegawai, Nama
User, Password, dan Role. Setelah itu jika yang dipilih adalah tombol “Save” maka akan dilakukan proses simpan
data user kedalam tabel user setelah proses simpan selesai maka alur proses akan kembali ke form user. Pilihan
tombol “Edit” digunakan untuk mengubah data user yang sudah tersimpan pada tabel user. Setelah itu kembali
ketampilan awal form user. Jika yang dipilih tombol “Delete”, maka proses akan menghapus data user ke tabel
iser. Setelah itu kembali ketampilan awal form user. Jika yang dipilih tombol
“Cancel”, maka proses akan membatalkan data user ke tabel user. Kembali ke tampilan
awal form user. Jika yang dipilih tombol “Close”, maka
proses akan kembali ke menu utama.
M
Tampilkan Layar User
Input Data User
Pilih Save
Pilih Edit Tidak
Pilih Delete Tidak
Pilih Cancel Tidak
Pilih Close Tidak
7 Tidak
7
Proses simpan data user ke tabel user
Proses hapus data user ke tabel user
Proses batal user ke tabel user
Proses ubah data user ke tabel user
Ya
Ya
Ya
Ya
B Ya
7
Gambar 4.22 Flowchart Menu User Aplikasi Bidang Peminatan
2. STD State Transition Diagram STD adalah sebuah model tingkah laku yang bertumpu
pada definisi dari serangkaian keadaan sistem. 1. STD Halaman Log In
Aplikasi Pada Bidang Peminatan
Layar Login running aplikasi bidang
peminatan pada NetBeans Tampilkan login
Layar Halaman Utama
Masukkan NIP dan password Tampilkan halaman utama
Gambar 4.23. STD Halaman Login
Penjelasan STD layar Log In: Dimulai dengan running aplikasi pada NetBeans dan
selanjutnya akan menampilkan layar Log In pada halam Web kemudian masukkan NIP dan password, kemudian
klik “Login” maka akan menampilkan layar halaman
utama.
2. STD Layar Pilihan Menu Halaman Utama
Menu Utama Login
Klik “Log Out” Tampil Layar Login
Siswa Klik “Siswa”
Tampil Layar form input data siswa
Pelajaran Klik “Pelajaran”
Tampil Layar form input pelajaran
Nilai Klik “Nilai”
Tampil Layar form input nilai siswa
Hasil Keputusan Klik “Hasil Keputusan”
Tampil Layar hasil keputusan
Laporan Klik “Laporan”
Tampil Layar laporan
User Klik “User”
Tampil Layar input data user Klik “Close”
Tampil Halaman Utama
Gambar 4.24. STD Layar Pilihan Menu
Penjelasan STD layar piliha menu: Setelah memasuki layar halaman utama, terdapat tujuh
pilihan menu utama. Misalkan klik menu “Siswa”, maka
akan menampilkan layar Siswa. Dari masing-masing layar menu tersebut, jik
a ingin keluar sistem klik tombol “Close” untuk kembali ke layar halaman utama.
3. STD Log Out
Log Out Login
Ya Tampil Layar Login
Halaman Menu Utama
Tidak Tampil Halaman Menu Utama
Gambar 4.25. STD Log Out
Penjelasan STD Log Out: Di menu utama aplikasi pada bidang peminatan terdapat
menu file berisi menu “Log Out” jika pilih menu log out
maka akan menampilkan layar login.
4. STD Layar Siswa
Siswa Form Siswa
Klik “Siswa” Tampil Layar Form Siswa
Halaman Menu Utama
Klik “Close” Tampil Halaman Menu Utama
Gambar 4.26 STD Siswa
5. STD Pelajaran
Pelajaran Form Pelajaran
Klik “Pelajaran” Tampil Layar Pelajaran
Halaman Menu Utama
Klik “Close” Tampil Halaman Menu Utama
Gambar 4.27 STD Pelajaran
6. STD Nilai Siswa
Nilai Form Nilai
Klik “Nilai” Tampil Layar Form Nilai
Halaman Menu Utama
Klik “Close” Tampil Halaman Menu Utama
Gambar 4.28 STD Nilai Siswa
7. STD Hasil Keputusan
Hasil Keputusan Form Hasil
Keputusan Klik “Hasil Keputusan”
Tampil Layar Form Hasil Keputusan
Halaman Menu Utama
Klik “Close” Tampil Halaman Menu Utama
Gambar 4.29 STD Hasil Keputusan
8. STD Laporan
Laporan Layar Laporan
Klik “Laporan” Tampil Layar Laporan Peminatan
Gambar 4.30 STD Laporan
9. STD User
User Form User
Klik “User” Tampil Layar Form User
Halaman Menu Utama
Klik “Close” Tampil Halaman Menu Utama
Gambar 4.31 STD User
4.3.4. Desain Screen Layout