Bab ini membahas desain sistem aplikasi pengolahan nilai sekolah dengan menjelaskan sequence diagram dan class diagram untuk setiap use case. Sequence diagram menggambarkan urutan interaksi antar objek sedangkan class diagram menunjukkan hubungan antar kelas dalam sistem.

1. BAB IV
PERANCANGAN SISTEM
Pada bab ini akan dibahas lebih lanjut mengenai usecase yang telah di
jelaskan pada bab analisis sistem untuk di jabarkan ke dalam bentuk sequence
diagram sebelum di implementasikan ke dalam aplikasi yang sebernarnya dengan
tujuan dapat memberikan penjelasan secara rinci urutan-urutan proses yang dilakukan
di dalam sistem.
4.1 Sequence Diagram
Sequence Diagram digunakan untuk menggambarkan interaksi antar objek dalam
waktuyang berurutan.Berikut SequenceDiagram yangdiusulkanpadaaplikasiyangdibuat:
4.1.1 Sequence Diagram Login
Sequence Diagram untuk proses Login menggambarkan alur untuk masuk
kedalam sistem ini, Proses yang terjadi antara lain:
1. User memasukan username dan password.
2. Sistem mengecek validitas login.
3. Jika Login valid maka User akan masuk ke halaman utama untuk user Admin
4. Untuk user siswa dan walikelas masuk ke form pilihan

2. Gambar 4.1 diagram Squence menu Login
: admin,walikelas,siswa
Form Login Controller login Tabel petugas Menu UtamaMenu Pilihan
1 : input username dan password()
2 : Memvalidasi()
3 : cek User()
4 : Tampilkan()
5 : Show menu Pilihan user siswa, walikelas()
6 : Show menuUtama()
78 : Show Menu Utama User Admin()
9

3. 4.1.2 Sequence Diagram Siswa
Sequence Diagram untuk proses input, delete, edit Siswa menggambarkan alur
untuk pengelolaan data siswa, Proses yang terjadi antara lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Aplikasi memiliki Hak Akses User
3. Pengolahan data siswa terdapat di menu master
4. Tabel akan terisi apabila data telah berhasil di input, data akan kosong apabila
dilakukan proses hapus data, mengedit data keperluan untuk merubah data.
Gambar 4.2 diagram Squence menu siswa
menu Utama form siswa DB controller Tabel Siswa
: Admin,Walikelas
1 : show()
2 : show form siswa()
3 : tambah data siswa()
4 : tampilkan haasil()
5 : klik tombol simpan()
6 : Cek data()
7 [jika tidak sesuai] : Tampil Pesan MSG " "()
8 : Cek Data()
9 [data sesuai] : data tersimpan()
10 : Klik edit data()
11 : pesan masukan kode siswa()
12 : Klik edit()
13 : Simpan data editan ke tabel siswa()
14 : hapus data()
15 : Cek data()
16 : meminta masukan kode siswa()
17 : data berhasil dihapus()

4. menu Utama form mata pelajaran DB controller Tabel matapelajaran
: Admin,Walikelas
1 : show()
2 : show form matapelajaran()
3 : tambah data matapelajaran()
4 : tampilkan hasil()
5 : klik tombol simpan()
6 : Cek data()
7 [jika tidak sesuai] : Tampil Pesan MSG " "()
8 : Cek Data()
9 [data sesuai] : data tersimpan()
10 : Klik edit data()
11 : pesan masukan kodepelajaran()
12 : Klik edit()
13 : Simpan data editan ke tabel siswa()
14 : hapus data()
15 : Cek data()
16 : meminta masukan kode pelajaran()
17 : data berhasil dihapus()
18 : Show tabel matapelajaran [user siswa]()
19
4.1.3 Sequence Diagram Matapelajaran
Sequence Diagram untuk proses input, delete, edit matapelajaran
menggambarkan alur untuk pengelolaan matapelajaran, Proses yang terjadi antara
lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Aplikasi memiliki Hak Akses User
3. Pengolahan data matapelajaran terdapat di menu master
4. Tabel akan terisi apabila data telah berhasil di input, data akan kosong apabila
dilakukan proses hapus data, mengedit data keperluan untuk merubah data.
Gambar 4.3 diagram Squence menu matapelajaran

5. 4.1.4 Sequence Diagram Data nilai
Sequence Diagram untuk proses input,delete,edit data nilai menggambarkan
alur untuk pengelolaan datanilai, Proses yang terjadi antara lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Aplikasi memiliki Hak Akses User
3. Pengolahan data Nilai terdapat di menu Nilai
4. Tabel data TMPnilai kosong.
Gambar 4.4 diagram Squence menu data nilai
menu Utama form nilai DB controller Tabel Tmp Nilai
: Walikelas
Tabel Nilai Tabel Detail Nilai
1 : show() 2 : show form Nilai()
3 : masukan data nilai()
4 : tampilkan hasil()
5 : klik tombol Tmpsimpan()
6 : Cek data()
7 [jika tidak sesuai] : Tampil Pesan MSG " "()
8 : Cek Data()
9 [data sesuai] : data tersimpan()
10 : Klik edit data()
11 : pesan masukan kodeguru()
12 : Klik edit()
13 : Simpan data editan ke tabel Tmpnilai()
14 : hapus data()
15 : Cek data()
16 : meminta masukan kode Guru()
17 : data berhasil dihapus()
18 : Simpan data di Tmp Nilai ke tabel nilai()
19 : Klik Button Simpan Untuk menyimpan data di tmpNilai ke Tabel DetailNilai()

6. 4.1.5 Sequence Diagram Data Detail Raport
Sequence Diagram untuk proses input,delete,edit data nilai menggambarkan
alur untuk pengelolaan data detail Raport, Proses yang terjadi antara lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Aplikasi memiliki Hak Akses User
3. Pengolahan data detail Raport terdapat di menu Nilai
4. Kondisi Tabel data detail Raport berisi data yang sudah ada.
Gambar 4.5 diagram Squence menu data detailRaport
menu Utama form detailraport DB controller Tabel detailraport
: Walikelas
1 : show()
2 : show form detailraport()
3 : tambah data detailraport()
4 : tampilkan hasil()
5 : klik tombol simpan()
6 : Cek data()
7 [jika tidak sesuai] : Tampil Pesan MSG " "()
8 : Cek Data()
9 [data sesuai] : data tersimpan()
10 : Klik edit data()
11 : pesan masukan Nis()
12 : Klik edit()
13 : Simpan data editan ke tabel detailraport()
14 : hapus data()
15 : Cek data()
16 : meminta masukan kode siswa()
17 : data berhasil dihapus()

7. 4.1.6 Sequence Diagram Data Wali kelas
Sequence Diagram untuk proses input,delete,edit data nilai menggambarkan
alur untuk pengelolaan data walikelas, Proses yang terjadi antara lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Aplikasi memiliki Hak Akses User
3. Pengolahan data walikelas terdapat di menu Master
4. Kondisi Tabel data walikelas berisi data yang sudah ada.
Gambar 4.6 diagram Squence menu data Walikelas
menu Utama form walikelas DB controller Tabel walikelas
: Admin
1 : show()
2 : show form walikelas()
3 : tambah data walikelas()
4 : tampilkan hasil()
5 : klik tombol simpan()
6 : Cek data()
7 [jika tidak sesuai] : Tampil Pesan MSG " "()
8 : Cek Data()
9 [data sesuai] : data tersimpan()
10 : Klik edit data()
11 : pesan masukan kodeguru()
12 : Klik edit()
13 : Simpan data editan ke tabel walikelas()
14 : hapus data()
15 : Cek data()
16 : meminta masukan kode guru()
17 : data berhasil dihapus()

8. 4.1.7 Sequence Diagram Data Jurusan
Sequence Diagram untuk proses input,delete,edit data nilai menggambarkan
alur untuk pengelolaan data Jurusan, Proses yang terjadi antara lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Aplikasi memiliki Hak Akses User
3. Pengolahan data Jurusan terdapat di menu Master
4. Kondisi Tabel data Jurusan berisi data yang sudah ada.
Gambar 4.7 diagram Squence menu data Jurusan
menu Utama form Jurusan DB controller Tabel Jurusan
: Admin
1 : show()
2 : show form Jurusan()
3 : tambah data jurusan()
4 : tampilkan hasil()
5 : klik tombol simpan()
6 : Cek data()
7 [jika tidak sesuai] : Tampil Pesan MSG " "()
8 : Cek Data()
9 [data sesuai] : data tersimpan()
10 : Klik edit data()
11 : pesan masukan kodejurusan()
12 : Klik edit()
13 : Simpan data editan ke tabel jurusan()
14 : hapus data()
15 : Cek data()
16 : meminta masukan kode jurusan()
17 : data berhasil dihapus()

9. 4.1.8 Sequence Diagram Data Petugas
Sequence Diagram untuk proses input,delete,edit data nilai menggambarkan
alur untuk pengelolaan data Petugas, Proses yang terjadi antara lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Aplikasi memiliki Hak Akses User
3. Pengolahan data petugas terdapat di menu Master
4. Kondisi Tabel data petugas berisi data yang sudah ada.
Gambar 4.8 diagram Squence menu data Petugas
menu Utama form petugas DB controller Tabel petugas
: Admin
1 : show()
2 : show form petugas()
3 : tambah data petugas()
4 : tampilkan hasil()
5 : klik tombol simpan()
6 : Cek data()
7 [jika tidak sesuai] : Tampil Pesan MSG " "()
8 : Cek Data()
9 [data sesuai] : data tersimpan()
10 : Klik edit data()
11 : pesan masukan kodepetugas()
12 : Klik edit()
13 : Simpan data editan ke tabel petugas()
14 : hapus data()
15 : Cek data()
16 : meminta masukan kode petugas()
17 : data berhasil dihapus()

10. 4.1.9 Sequence Diagram Laporan
Sequence Diagram untuk proses mencetak laporan menggambarkan alur untuk
membuat Laporan Data, Proses yang terjadi antara lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Aplikasi memiliki Hak Akses User
3. Pengolahan data Laporan terdapat di menu Laporan
Gambar 4.9 diagram Squence menu Mencetak Laporan
: Admin, Walikelas, Siswa
Menu Utama Menu Laporan Laporan Master Laporan Nilai
1 : Tampil menu Utama()
2 : Pilih menu laporan()
3 : show laporan master()
4 : Pilih Laporan yang akan dicetak()
5 : Cek Hak Akses Laporan()
6 : Cetak Laporan Nilai()
7 : Keluar

11. 4.1.10 Sequence Diagram Keluar
Sequence Diagram untuk proses keluar dari Aplikasi menggambarkan alur
untuk membuat Laporan Data, Proses yang terjadi antara lain:
1. Tampilan Awal menu Utama Aplikasi Pengolahan Nilai
2. Keluar dari Aplikasi
Gambar 4.10 diagram Squence menu Keluar
4.2 Class Diagram
Class Diagram memperlihatkan hubungan antar kelas dan penjelasan detail
tiap-tiap kelas di dalam model desain dari suatu aplikasi, berikut adalah Class
Diagram untuk masing-masing Use Case:
: Admin, Walikelas, Siswa
Menu Utama Menu Keluar form Login
1 : Tampil menu Utama()
2 : Pilih menu Keluar()
3 : menampilkan pesan()
4 : Kembali Kemenu Utama
5 : Show form login()

12. 4.2.1 Class Diagram Proses Login
Pada Class Diagram proses Login Form Login memanggil module1 untuk
mengkoreksi username dan password yang telah di masukan oleh user kemudian
mencocokannya ke dalam tabel petugas dalam database. Berikut adalah gambar Class
Diagram untuk proses Login:
Gambar 4.11 Class Diagram untuk proses Login
4.2.2 Class Diagram Pengolahan Data Siswa.
Pada Class Diagram proses Mengolah Data Siswa sistem memanggil Form
Siswa dan pada proses simpan data ke dalam database sistem memanggil Modul1
sebagai koneksi database untuk penyimpanannya ke dalam tabel siswa. Berikut
adalah gambar Class Diagram untuk proses pengolahan data Siswa:
Gambar 4.12 Class Diagram untuk proses Tabel Siswa.
Form Data
Siswa
Tabel Siswa
Tambah
Hapus
Form Login Db Controller Tabel Petugas
Edit
Tambah

13. 4.2.3 Class Diagram Pengolahan Matapelajaran.
Pada Class Diagram proses Mengolah Data Matapelajaran sistem memanggil
Form Matapelajaran dan pada proses simpan data ke dalam database sistem
memanggil Modul1 sebagai koneksi database untuk penyimpanannya ke dalam tabel
matapelajaran. Berikut adalah gambar Class Diagram untuk proses pengolahan data
Matapelajran:
Gambar 4.13 Class Diagram untuk proses Tabel Matapelajaran.
4.2.4 Class Diagram Pengolahan DataNilai.
Pada Class Diagram proses Mengolah Data Nilai sistem memanggil Form
Nilai dan pada proses simpan data ke dalam database sistem memanggil Modul1
sebagai koneksi database untuk penyimpanannya ke dalam tabel Nilai dan
DetailNilai. Berikut adalah gambar Class Diagram untuk proses pengolahan
dataNilai:
Form Data
Siswa
Tabel
Matapelajaran
Tambah
Hapus
Edit

14. Gambar 4.14 Class Diagram untuk proses pengolahan Data Nilai.
4.2.5 Class Diagram Pengolahan DetailRaport.
Pada Class Diagram proses Mengolah Data DetailRaport sistem memanggil
Form DetailRaport dan pada proses simpan data ke dalam database sistem
memanggil Modul1 sebagai koneksi database untuk penyimpanannya ke dalam tabel
DetailRaport. Berikut adalah gambar Class Diagram untuk proses pengolahan data
DetailRaport:
Gambar 4.15 Class Diagram untuk proses Tabel DetailRaport.
Form DetailRaport Tabel DetailRaport
Edit
Tambah
Form DataNilai Tabel TmpNilai
Tabel Nilai
Tabel Detail Nilai
Hapus

15. 4.2.6 Class Diagram Pengolahan Data Wali Kelas.
Pada Class Diagram proses Mengolah Data WaliKelas sistem memanggil
Form WaliKelas dan pada proses simpan data ke dalam database sistem memanggil
Modul1 sebagai koneksi database untuk penyimpanannya ke dalam tabel Walikelas.
Berikut adalah gambar Class Diagram untuk proses pengolahan data WaliKelas:
Gambar 4.16 Class Diagram untuk proses Tabel Walikelas.
4.2.7 Class Diagram Pengolahan Data Jurusan.
Pada Class Diagram proses Mengolah Data Jurusan sistem memanggil Form
Jurusan dan pada proses simpan data ke dalam database sistem memanggil Modul1
sebagai koneksi database untuk penyimpanannya ke dalam tabel Jurusan. Berikut
adalah gambar Class Diagram untuk proses pengolahan data Jurusan:
Form WaliKelas
Tabel WaliKelas
Edit
Tambah
Hapus

16. Gambar 4.17 Class Diagram untuk proses Tabel Jurusan.
4.2.8 Class Diagram Pengolahan Data Petugas.
Pada Class Diagram proses Mengolah Data Petugas sistem memanggil Form
Petugas dan pada proses simpan data ke dalam database sistem memanggil Modul1
sebagai koneksi database untuk penyimpanannya ke dalam tabel Petugas. Berikut
adalah gambar Class Diagram untuk proses pengolahan data Petugas:
Gambar 4.18 Class Diagram untuk proses Tabel Petugas.
Form Petugas
Tabel Petugas
Edit
Tambah
Hapus
Form Jurusan
Tabel Jurusan
Edit
Tambah
Hapus

17. 4.2.9 Class Diagram Laporan.
Pada Class Diagram proses membuat Laporan sistem memanggil Form
Laporan Master dan Laporan Nillai
Gambar 4.20 Class Diagram untuk mencetak Laporan.
4.2.10 Class Diagram Keluar.
Pada Class Diagram proses Menutup Aplikasi Pengolahan data Nilai Siswa.
Gambar 4.19 Class Diagram Keluar dari Aplikasi.
Menu Utama
[Keluar]
Form login
Form Laporan
Master Form Laporan nilai

18. Berikut adalah gambar Class Diagram untuk User Admin.
Gambar 4.20 Class Diagram Aplikasi Pegelolaan Data Nilai Siswa User
ADMIN .
Data Siswa
+nis
+tglTerima
+nama
+jkelamin
+tempat
+tanggal
+agama
+anak_ke
+status
+alamat
+ayah
+ibu
+pekayah
+pekibu
+alamatortu
+Tambah()
+Hapus()
+edit()
Data Petugas
+KodePTG
+namaPTG
+passwordPTG
+statusPTG
+Tambah()
+edit()
+Hapus()
Data Guru
+kd_guru
+nip
+nguru
+jkelamin
+alamat
+golongan
+jabatan
+kodemapel
+nmmapel
+Tambah()
+Edit()
+Hapus()
Jurusan
+kodejur
+namajurusan
+Tambah()
+Edit()
+Hapus()
Matapelajaran
+kode
+namapel
+kkm
+Tambah()
+Edit()
+Hapus()
Data Walikelas
+nip
+Namawali
+jurusan
+kelas
+Tambah()
+Edit()
+Hapus()
Laporan
+Laporan Master
+Laporan Nilai&detailRaport
+pilih()
Login
+username
+password
+status
Form Siswa
Form Petugas
Form Laporan
Form Login
Form Matapelajaran
Form Jurusan
Form Walikelas
Form Guru
1
1 1
1
1
1
1
1
1
1
1
1
1 1

19. Berikut adalah gambar Class Diagram untuk User Walikelas.
Gambar 4.21 Class Diagram Aplikasi Pegelolaan Data Nilai Siswa User Walikelas .
Data Siswa
+nis
+tglTerima
+nama
+jkelamin
+tempat
+tanggal
+agama
+anak_ke
+status
+alamat
+ayah
+ibu
+pekayah
+pekibu
+alamatortu
+Tambah()
+Hapus()
+edit()
Matapelajaran
+kode
+namapel
+kkm
+Tambah()
+Edit()
+Hapus()
Laporan
+Laporan Master
+Laporan Nilai&detailRaport
+pilih()
Form Siswa
Form Laporan
Form Matapelajaran
Data Nilai
+kdnilai
+kd_guru
+nguru
+kode
+nmmapel
+kelas
+semester
+tajaran
+nis
+nama
+n1
+n2
+n3
+n4
+nrata
+wkelas
+jurusan
+Tambah()
DetailRaport
+KDraport
+nis
+nama
+kelas
+semester
+tajaran
+eksqul_1
+eksqul_2
+eksqul_3
+e1
+e2
+e3
+nkelakuan
+nkerajinan
+nkerapian
+sakit
+ijin
+alfa
+Tambah()
TmpNilai
+kdnilai
+kd_guru
+nis
+nguru
+kode
+nmapel
+n1
+n2
+n3
+n4
+nrata
+Tambah()
+Edit()
+hapus()
Form DataNilai
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1

20. 4.3 Perancangan Database
Berikut ini struktur tabel yang di buat untuk Aplikasi Pengelolaan Datanilai
Siswa :
1. Nama Tabel: Petugas
Primary Key: KodePTG
Tabel 4.1 tabel Petugas
Nama Field Type Size Key
KodePTG Text 6 *
NamaPTG Text 25
PasswordPTG Text 6
Status Text 15
2. Nama Tabel: Dataguru
Primary Key: Kd_guru
Tabel 4.2 tabel DataGuru
Nama Field Type Size Key
Kd_guru Text 10 *
Nip Text 20
nguru Text 30
jkelamin Text 3
alamat Text 50
golongan Text 2
jabatan Text 20
kodemapel Text 15
nmmapel Text 40

21. 3. Nama Tabel: Datasiswa
Primary Key: Nis
Tabel 4.3 tabel Datasiswa
Nama Field Type Size Key
Nis Text 15 *
Tglterima Date/Time
nama Text 30
jkelamin Text 2
tempat Text 15
tanggal Date/time
agama Text 15
Anak_ke Text 2
status Text 15
alamat Text 50
ayah Text 25
Ibu Text 25
Pekayah Text 15
Pekibu Text 15
alamatortu Text 50
4. Nama Tabel: matapelajaran
Primary Key: Kode
Tabel 4.4 tabel Matapelajaran
Nama Field Type Size Key
kode Text 15 *
namapel Date/Time
KKM Text 30

22. 5. Nama Tabel: Nilai
Primary Key: Kdnilai
Tabel 4.5 tabel Nilai
Nama Field Type Size Key
Kdnilai Text 20 *
Kd_guru Text 15
nguru Text 35
kode Text 20
nmapel Text 40
Kelas Text 15
semester Text 20
tajaran Text 25
Nis Text 15
Nama Text 35
N1 Number
N2 Number
N3 Number
N4 Number
Nrata Number
Walikelas Text 35
jurusan Text 35
6. Nama Tabel: DataRaport
Primary Key: nis
Tabel 4.6 tabel Data Raport
Nama Field Type Size Key
KDraport Text 20
nis Text 15 *
nama Text 35
kelas Text 10
semester Text 20
tajaran Text 20
eksqul_1 Text 20

23. eksqul_2 Text 20
eksqul_3 Text 20
e1 Text 5
e2 Text 5
e3 Text 5
nkelakuan Text 5
nkerapian Text 5
nkerajinan Text 5
sakit Text 5
ijin Text 5
alfa Text 5
7. Nama Tabel: jurusan
Primary Key: Kodejur
Tabel 4.7 tabel jurusan
Nama Field Type Size Key
kodejur Text 15 *
namajurusan Text 40
8. Nama Tabel: walikelas
Primary Key: nip
Tabel 4.8 tabel walikelas
Nama Field Type Size Key
nip Text 25 *
namawali Text 35
jurusan Text 35
kelas Text 8

24. 9. Nama Tabel: TmpNilai
Primary Key: Kd_guru
Tabel 4.9 tabel TmpNilai
Nama Field Type Size Key
Kd_guru Text 15
nguru Text 35
kode Text 20
nmapel Text 40
Kelas Text 15
semester Text 20
tajaran Text 25
Nis Text 15
Nama Text 35
N1 Number
N2 Number
N3 Number
N4 Number
Nrata Number
Walikelas Text 35
jurusan Text 35
10. Nama Tabel: detailnilai
Primary Key: -
Tabel 4.9 tabel detailnilai
Nama Field Type Size Key
kdnilai Text 25
kd_guru Text 25
nis Text 25
kode Text 35
kode Text 15
nmapel Text 50
n1 Text 25

25. n2 Text 25
n3 Text 20
n4 Text 20
nrata Number 30
4.4 Component Diagram
Menggambarkan Component Diagram aplikasi pengelolaan Data
Nilai Siswa, User : Siswa, Admin, WaliKelas.
Gambar 4.22 Component Diagram Admin.
Gambar 4.23 Component Diagram Siswa.
Admin
Login
Petugas
Data Walikelas
datasiswa
DataJurusanMatapeajaran
Data Guru
Laporan
Siswa
Login
TabelJurusan
Tabel Matapeajaran
Laporan Nilai

26. Gambar 4.24 Component Diagram Walikelas.
4.5 Development Diagram
Development Diagram dari Aplikasi Pengelolaan data Niai Siswa di SMK 2
LPPM-RI Majalaya
Gambar 4.25 Depeloyment Diagram Aplikasi Pengolahan Data Nilai.
Walikelas
Login
Data Siswa
Data Matapeajaran
Laporan Nilai
Data Niai
Detail Raport
Prosesor Server Admin
LAN
Prosesor Pengolahan Walikelas Prosesor Pengolahan Siswa