Aplikasi Data Nilai Siswa, Perancangan System dengan OOSE

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:



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()



10 : Klik edit data() 11 : pesan masukan kodepelajaran()

12 : Klik edit()13 : Simpan data editan ke tabel siswa()


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:



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()


5 : klik tombol Tmpsimpan() 6 : Cek data()



10 : Klik edit data()11 : pesan masukan kodeguru()

12 : Klik edit()13 : Simpan data editan ke tabel Tmpnilai()


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


alur untuk pengelolaan data detail Raport, Proses yang terjadi antara lain:



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()


5 : klik tombol simpan()6 : Cek data()


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


alur untuk pengelolaan data walikelas, Proses yang terjadi antara lain:



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()




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


alur untuk pengelolaan data Jurusan, Proses yang terjadi antara lain:



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()





10 : Klik edit data() 11 : pesan masukan kodejurusan()

12 : Klik edit()13 : Simpan data editan ke tabel jurusan()


16 : meminta masukan kode jurusan()17 : data berhasil dihapus()

Gambar 4.7 diagram Squence menu data Jurusan

4.1.8 Sequence Diagram Data Petugas


alur untuk pengelolaan data Petugas, Proses yang terjadi antara lain:



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()





10 : Klik edit data() 11 : pesan masukan kodepetugas()

12 : Klik edit()13 : Simpan data editan ke tabel petugas()


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:



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:


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.

Aplikasi Data Nilai Siswa, Perancangan System dengan OOSE

Education

Transcript of Aplikasi Data Nilai Siswa, Perancangan System dengan OOSE