aplikasi data nilai siswa, perancangan system dengan oose
Post on 14-Jan-2017
284 Views
Preview:
TRANSCRIPT
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
waktu yang berurutan. Berikut Sequence Diagram yang diusulkan pada aplikasi yang dibuat :
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
: 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
Gambar 4.1 diagram Squence menu Login
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.
menu Utama form siswa DB controller Tabel Siswa
: Admin,Walikelas1 : 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()
Gambar 4.2 diagram Squence menu siswa
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
menu Utama form mata pelajaran DB controller Tabel matapelajaran
: Admin,Walikelas1 : 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.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.
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()
Gambar 4.4 diagram Squence menu data nilai
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.
menu Utama form detailraport DB controller Tabel detailraport
: Walikelas1 : 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()
Gambar 4.5 diagram Squence menu data detailRaport
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.
menu Utama form walikelas DB controller Tabel walikelas
: Admin1 : 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()
Gambar 4.6 diagram Squence menu data Walikelas
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.
menu Utama form J urusan DB controller Tabel J urusan
: Admin1 : 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()
Gambar 4.7 diagram Squence menu data Jurusan
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.
menu Utama form petugas DB controller Tabel petugas
: Admin1 : 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()
Gambar 4.8 diagram Squence menu data Petugas
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
: 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
Gambar 4.9 diagram Squence menu Mencetak Laporan
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
: Admin, Walikelas, Siswa
Menu Utama Menu Keluar form Login
1 : Tampil menu Utama()2 : Pilih menu Keluar()
3 : menampilkan pesan()
4 : Kembali Kemenu Utama5 : Show form login()
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:
Form Login
Db Controller Tabel Petugas
Form Data Siswa
Tabel Siswa
Tambah
Hapus
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.
Edit
Tambah
Form Data Siswa
Tabel Matapelajaran
Tambah
Hapus
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:
Edit
Form DataNilai Tabel TmpNilai
Tabel Nilai
Tabel Detail Nilai
Form DetailRaport
Tabel DetailRaport
Edit
Tambah
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.
Hapus
Form WaliKelas Tabel WaliKelas
Edit
Tambah
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:
Hapus
Form Jurusan Tabel Jurusan
Edit
Tambah
Hapus
Form Petugas Tabel Petugas
Edit
Tambah
Hapus
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 Laporan Master Form Laporan nilai
Menu Utama [Keluar] Form login
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.
Berikut adalah gambar Class Diagram untuk 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 JurusanForm Walikelas
Form Guru
1
1 1
1
11
1
1
11
1
1
1 1
Gambar 4.20 Class Diagram Aplikasi Pegelolaan Data Nilai Siswa User
ADMIN .
Berikut adalah gambar Class Diagram untuk 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
11
1
1
1
1
1
1
1 1
1
Gambar 4.21 Class Diagram Aplikasi Pegelolaan Data Nilai Siswa User Walikelas .
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 KeyKodePTG Text 6 *NamaPTG Text 25PasswordPTG Text 6Status Text 15
2. Nama Tabel: Dataguru
Primary Key: Kd_guru
Tabel 4.2 tabel DataGuru
Nama Field Type Size KeyKd_guru Text 10 *Nip Text 20nguru Text 30jkelamin Text 3alamat Text 50golongan Text 2jabatan Text 20kodemapel Text 15nmmapel Text 40
3. Nama Tabel: Datasiswa
Primary Key: Nis
Tabel 4.3 tabel Datasiswa
Nama Field Type Size KeyNis Text 15 *Tglterima Date/Timenama Text 30jkelamin Text 2tempat Text 15tanggal Date/timeagama Text 15Anak_ke Text 2status Text 15alamat Text 50ayah Text 25Ibu Text 25Pekayah Text 15Pekibu Text 15alamatortu Text 50
4. Nama Tabel: matapelajaran
Primary Key: Kode
Tabel 4.4 tabel Matapelajaran
Nama Field Type Size Keykode Text 15 *namapel Date/TimeKKM Text 30
5. Nama Tabel: Nilai
Primary Key: Kdnilai
Tabel 4.5 tabel Nilai
Nama Field Type Size KeyKdnilai Text 20 *Kd_guru Text 15nguru Text 35kode Text 20nmapel Text 40Kelas Text 15semester Text 20tajaran Text 25Nis Text 15Nama Text 35N1 NumberN2 NumberN3 NumberN4 NumberNrata NumberWalikelas Text 35jurusan Text 35
6. Nama Tabel: DataRaport
Primary Key: nis
Tabel 4.6 tabel Data Raport
Nama Field Type Size KeyKDraport Text 20nis Text 15 *nama Text 35kelas Text 10semester Text 20tajaran Text 20eksqul_1 Text 20
eksqul_2 Text 20eksqul_3 Text 20e1 Text 5e2 Text 5e3 Text 5nkelakuan Text 5nkerapian Text 5nkerajinan Text 5sakit Text 5ijin Text 5alfa Text 5
7. Nama Tabel: jurusan
Primary Key: Kodejur
Tabel 4.7 tabel jurusan
Nama Field Type Size Keykodejur Text 15 *namajurusan Text 40
8. Nama Tabel: walikelas
Primary Key: nip
Tabel 4.8 tabel walikelas
Nama Field Type Size Keynip Text 25 *namawali Text 35jurusan Text 35kelas Text 8
9. Nama Tabel: TmpNilai
Primary Key: Kd_guru
Tabel 4.9 tabel TmpNilai
Nama Field Type Size KeyKd_guru Text 15
nguru Text 35kode Text 20nmapel Text 40Kelas Text 15semester Text 20tajaran Text 25Nis Text 15Nama Text 35N1 NumberN2 NumberN3 NumberN4 NumberNrata NumberWalikelas Text 35jurusan Text 35
10. Nama Tabel: detailnilai
Primary Key: -
Tabel 4.9 tabel detailnilai
Nama Field Type Size Keykdnilai Text 25kd_guru Text 25nis Text 25kode Text 35kode Text 15nmapel Text 50n1 Text 25
n2 Text 25n3 Text 20n4 Text 20nrata Number 30
4.4 Component Diagram
Menggambarkan Component Diagram aplikasi pengelolaan Data
Nilai Siswa, User : Siswa, Admin, WaliKelas.
Admin
Login
PetugasData Walikelas datasiswa
DataJurusanMatapeajaran
Data Guru
Laporan
Gambar 4.22 Component Diagram Admin.
Siswa
Login
TabelJurusanTabel Matapeajaran
Laporan Nilai
Gambar 4.23 Component Diagram Siswa.
Walikelas
Login
Data SiswaData Matapeajaran
Laporan Nilai
Data NiaiDetail Raport
Gambar 4.24 Component Diagram Walikelas.
4.5 Development Diagram
Development Diagram dari Aplikasi Pengelolaan data Niai Siswa di SMK 2
LPPM-RI Majalaya
Prosesor Server Admin
LAN
Prosesor Pengolahan Walikelas Prosesor Pengolahan Siswa
Gambar 4.25 Depeloyment Diagram Aplikasi Pengolahan Data Nilai.
top related