BAB IV RANCANGAN SISTEM USULAN - repository.bsi.ac.id fileBagian Admin mengakses Menu Surat Perintah...
-
Upload
truongkiet -
Category
Documents
-
view
220 -
download
0
Transcript of BAB IV RANCANGAN SISTEM USULAN - repository.bsi.ac.id fileBagian Admin mengakses Menu Surat Perintah...
33
BAB IV
RANCANGAN SISTEM USULAN
1.1. Analisa Kebutuhan Software
4.1.1. Analisa Kebutuhan
a. Analisa Kebutuhan Admin
1. Bagian Admin Log-in
2. Bagian Admin mengakses menu Data Pelanggan
a. Menambah data
b. Mengedit data
c. Mencetak data
d. Menyimpan data
3. Bagian Admin mengakses Menu Transaksi
a. Menambah data
b. Mengedit data
c. Mencetak data
d. Menyimpan data
4. Bagian Admin mengakses Menu Laporan
a. Melihat Laporan
b. Mencetak Laporan
5. Bagian Admin mengakses Menu Surat Perintah Kerja
a. Menambah data
b. Mengedit data
34
c. Mencetak data
d. Menyimpan data
6. Bagian Admin mengakses Menu Jurnal
a. Menambah jurnal
b. Mengedit jurnal
c. Mencetak jurnal
d. Menyimpan jurnal
4.1.2. Use Case Diagram
Berikut merupakan Diagram Use Case pada Perancangan Sistem Informasi
Pelayanan Jasa Servis Mobil pada Blessindo Auto Garage
1. Use Case Diagram Admin
A. Bagian Admin melakukan Login
Gambar IV.1. Diagram Use Case Admin Login
Tabel IV.1. Deskripsi Use Case Admin Login
Use Case Narative Login
Tujuan Melakukan Login dan Masuk ke dalam Sistem
Pencatatan Admin
Deskripsi Sistem ini memungkinkan aktor untuk mengakses
uc Use Case Model
admin
login
exit
username
password
v erifikasi sistem
v erifikasi sistem
«include»
«include»
«include»
«include»
35
Aplikasi Pencatatan Admin
Skenario Utama
Aktor Bagian Admin
Kondisi Awal Aktor Membuka Aplikasi Pencatatan Admin
Aksi Aktor Aksi Aktor Reaksi Sistem
1. Aktor Memilih
tombol Login
2. Aktor Memilih
tombol Exit
Sistem akan menampilkan textbox untuk mengisi
username dan password
Sistem akan membatalkan proses dan keluar dari
aktivitas
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam aplikasi pencatatan Admin dan aktor dapat
melakukan aktivitas didalam sistem.
B. Bagian Admin mengelola Menu Utama
Gambar IV.2. Diagram Use Case Admin mengelola Menu Utama
uc jasa
Admin
Menu Utama
Data Pelanggan
Surat Perintah Kerja
Transaksi
Jurnal
Laporan
«include»
«include»
«include»
«include»
«include»
36
Tabel IV.2.
Deskripsi Use Case Admin mengelola Menu Utama
Use Case Narative Login
Tujuan Bagian admin dapat melakukan pengolahan data
pada menu menu data pelanggan,jurnal, transaksi
danmelihat data laporan.
Deskripsi Sistem ini memungkinkan aktor untuk melakukan
untuk mengelola sistem pencatatan admin.
Skenario Utama
Aktor Bagian Admin
Kondisi Awal Aktor membuka aplikasi pencatatan Admin
Aksi Aktor Aksi Aktor Reaksi Sistem
1. Aktor memilih
tombol data
pelanggan
2. Aktor memilih
Menu Laporan
3. Aktor memilih
Transaksi
4. Aktor memilih
tombol jurnal
5. Aktor memilih
tombol Surat
Perintah Kerja
Sistem akan menampilkan tampilan untuk mengisi
data pelanggan.
Sistem akan menampilkan laporan penerimaan
pembayaran dan jurnal
Sistem akan menampilkan tampilan untuk mengisi
transaksi
Sistem akan menampilkan tampilan untuk mengisi
data jurnal
Sistem akan menampilkan tampilan untuk mengisi
data Surat Perintah Kerja.
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam aplikasi pencatatan Admin dan aktor dapat
melakukan aktivitas didalam sistem.
37
C. Bagian Admin mengakses menu Transaksi
Gambar IV.3.Diagram Use Case Admin mengakses Menu Transaksi
Tabel IV.3
Deskripsi Use Case Admin mengelola Menu Transaksi
Use Case Narative Login
Tujuan Bagian Admin dapat melakukan pengolahan data
pada menu Transaksi
Deskripsi Sistem ini memungkinkan aktor untuk melakukan
untuk mengelola sistem pencatatan admin
Skenario Utama
Aktor Bagian Admin
Kondisi Awal Aktor membuka menu Transaksi
Aksi Aktor Aksi Aktor Reaksi Sistem
1. Aktor memilih
Tombol tambah
2. Aktor memilih
tombol cetak
3. Tombol exit
4. Tombol edit
Sistem akan menampilkan tampilan untuk mengisi
data.
Sistem akan menampilan tampilan cetak pada data
yang telah diinput.
Sistem akan kembali ke tampilan menu utama.
Sistem dapat mengedit data.
uc jasa
Admin
Transaksi
Tambah
Simpan
Edit
Cetak
Exit
«include»
«include»
«include»
«include»
38
5. Tombol simpan Sistem dapat menyimpan data.
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam aplikasi menu Transaksi dan aktor dapat
melakukan aktivitas didalam sistem.
D. Bagian Admin mengakses menu Surat Perintah Kerja
Gambar IV.4
Diagram Use Case Admin mengakses Menu Surat Perintah Kerja
Tabel IV.4
Deskripsi Use Case Admin mengelola Menu Surat Perintah Kerja
Use Case Narative Login
Tujuan Bagian Admin dapat melakukan pengolahan data
pada menu Surat Perintah Kerja
Deskripsi Sistem ini memungkinkan aktor untuk melakukan
untuk mengelola sistem pencatatan admin
Skenario Utama
Aktor Bagian Admin
Kondisi Awal Aktor membuka menu Surat Perintah Kerja
Aksi Aktor Aksi Aktor Reaksi Sistem
uc jasa
Admin
Surat Perintah Kerja
Tambah
Simpan
Edit
Cetak
Exit
«include»
«include»
«include»
«include»
39
1. Aktor memilih
Tombol tambah
2. Aktor memilih
tombol cetak
3. Tombol exit
4. Tombol edit
5. Tombol simpan
Sistem akan menampilkan tampilan untuk mengisi
data.
Sistem akan menampilan tampilan cetak pada data
yang telah diinput.
Sistem akan kembali ke tampilan menu utama.
Sistem dapat mengedit data.
Sistem dapat menyimpan data.
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam aplikasi menu Surat Perintah Kerja dan
aktor dapat melakukan aktivitas didalam sistem.
E. Bagian Admin mengakses menu Data Pelanggan
Gambar IV.5
Diagram Use Case Admin mengakses Menu Data Pelanggan
Tabel IV.5
Deskripsi Use Case Admin mengelola Menu Data Pelanggan
Use Case Narative Login
Tujuan Bagian Admin dapat melakukan pengolahan data
uc jasa
Admin
Data Pelanggan
Tambah
Simpan
Edit
Cetak
Exit
«include»
«include»
«include»
«include»
40
pada menu Data Pelanggan
Deskripsi Sistem ini memungkinkan aktor untuk melakukan
untuk mengelola sistem pencatatan admin
Skenario Utama
Aktor Bagian Admin
Kondisi Awal Aktor membuka menu Data Pelanggan
Aksi Aktor Aksi Aktor Reaksi Sistem
1. Aktor memilih
Tombol tambah
2. Aktor memilih
tombol cetak
3. Tombol exit
4. Tombol edit
5. Tombol simpan
Sistem akan menampilkan tampilan untuk mengisi
data.
Sistem akan menampilan tampilan cetak pada data
yang telah diinput.
Sistem akan kembali ke tampilan menu utama.
Sistem dapat mengedit data.
Sistem dapat menyimpan data.
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam aplikasi menu Data Pelanggan dan aktor
dapat melakukan aktivitas didalam sistem.
F. Bagian Admin mengakses menu Laporan
Gambar IV.6
Diagram Use Case Admin mengakses Menu Laporan
uc Extend
Admin
Cetak
Exit
41
Tabel IV.6
Deskripsi Use Case Admin mengelola Menu Laporan
Use Case Narative Login
Tujuan Bagian Admin dapat melihat status laporan
Deskripsi Sistem ini memungkinkan aktor untuk melihat
laporan pembayaran
Skenario Utama
Aktor Bagian Admin
Kondisi Awal Aktor membuka menu Laporan
Aksi Aktor Aksi Aktor Reaksi Sistem
1. Aktor memilih
tombol cetak
2. Aktor memilih
tombol exit
Sistem akan menampilan tampilan cetak pada
laporan
Sistem akan kembali ke tampilan menu utama.
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam aplikasi menu Laporan dan aktor dapat
melakukan aktivitas didalam sistem.
G. Bagian Admin mengakses menu Jurnal
Gambar IV.7
Diagram Use Case Admin mengakses Menu Jurnal
uc jasa
Admin
Data Jurnal
Tambah
Simpan
Edit
Cetak
Exit
«include»
«include»
«include»
«include»
42
Tabel IV.7
Deskripsi Use Case Admin mengelola Menu Jurnal
Use Case Narative Login
Tujuan Bagian Admin dapat melakukan pengolahan data
pada menu Jurnal
Deskripsi Sistem ini memungkinkan aktor untuk melakukan
untuk mengelola sistem pencatatan admin
Skenario Utama
Aktor Bagian Admin
Kondisi Awal Aktor membuka menu Jurnal
Aksi Aktor Aksi Aktor Reaksi Sistem
1. Aktor memilih
Tombol tambah
2. Aktor memilih
tombol cetak
3. Tombol exit
4. Tombol edit
5. Tombol simpan
Sistem akan menampilkan tampilan untuk mengisi
data.
Sistem akan menampilan tampilan cetak pada data
yang telah diinput.
Sistem akan kembali ke tampilan menu utama.
Sistem dapat mengedit data.
Sistem dapat menyimpan data.
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam aplikasi menu Jurnaldan aktor dapat
melakukan aktivitas didalam sistem.
1.1.3 Activity Diagram
Berikut merupakan Diagram Activity pada sistem Pelayanan Jasa Servis
Mobil pada Blessindo Auto Garage
43
1. Activity Diagram Login
Gambar IV.8. Diagram Activity Login
2. Activity Diagram Menu Utama
Gambar IV.9. Diagram Activity Menu Utama
act Use Case Model
SistemLogin
Start
Login System
Username Password
Verifikasi username
dan password
Tampil
menu utama
Jika Salah akan keluar
option
'Username&Password
salah"
End
act Use Case Model
SistemAdmin
Start
Login
Kedalam
Sistem
Menampilkan menu
utama
Data
Pelanggan
Laporan
Logout
end
Surat Perintah
Kerja
Jurnal Transaksi
44
3. Activity Diagram Menu Transaksi
Gambar IV.10. Diagram Activity Menu Transaksi
4. Activity Diagram Menu Surat Perintah Kerja
Gambar IV.11. Diagram Activity Menu Surat Perintah Kerja
act Activ ity customer
SistemAdmin
Start
Klik Menu Transaksi
Menampilkan form
Transaksi
Tambah
Menginput data Transaksi
Simpan Edit Cetak Exit
Kembali ke Menu
Utama
end
act Activ ity customer
SistemAdmin
Start
Klik Menu Surat
Perintah Kerja
Menampilkan form Surat
Perintah Kerja
Tambah
Menginput data Surat Perintah
Kerja
Simpan Edit Cetak Exit
Kembali ke Menu
Utama
end
45
5. Activity Diagram Menu Data Pelanggan
Gambar IV.12. Diagram Activity Menu Data Pelanggan
6. Activity Diagram Menu Laporan
Gambar IV.13. Diagram Activity Menu Laporan
act Activ ity customer
SistemAdmin
Start
Klik Menu Data
Pelanggan
Menampilkan form Data
Pelanggan
Tambah
Menginput Data Pelanggan
Simpan Edit Cetak Exit
Kembali ke Menu
Utama
end
act Use Case Model
SistemAdmin
Start
Klik Menu
Laporan
Menampilkan menu
Laporan
Cetak Exit
Kembali ke Menu Utama
end
46
7. Activity Diagram Menu Jurnal
Gambar IV.14. Diagram Activity Menu Jurnal
1.2 Desain
4.2.1 Entity Relationship Diagram (ERD)
Gambar IV.15. Entity Relationship Diagram Sistem Usulan
act mrp
SistemAdmin
Start
Login Kedalam Sistem Menampilkan form Jurnal
Tambah
Menginput Jurnal
Simpan Edit
Kembali ke Menu
Utama
end
Cetak
47
4.2.2 Logical Record Structure (LRS)
Gambar IV.16. Logical Record Structure Sistem Usulan
4.2.3 Spesifikasi File
Spesifikasi file menjelaskan tentang file-file yang akan digunakan dalam
rancangan aplikasi program yang diajukan dan sebagai media penyimpanan data
dari proses yang terjadi pada rancangan aplikasi program. Database adalah
sekumpulan data yang saling berkaitan satu sama lain, terpusat dan terorganisir
sehingga dapat dimanfaatkan dengan cepat dan mudah untuk berbagai macam
kebutuhan pengolahan data. Penulis membuat database yang bernama: pembelian.
Adapun Spesifikasi file-file tersebut antara lain :
1. Spesifikasi File Tabel user
Nama database : pelayanan
Nama File : User
48
Akronim : user.myd
Tipe File : Master
Akses File : Random
Panjang Record : 75
Kunci Field : username
Tabel IV.8. Spesifikasi File User
No Elemen Akronim Tipe Panjang Keterangan
1. Id User Username Varchar 10 Primary Key
2. Nama Nama Varchar 10
3. Password Password Varchar 30
2. Spesifikasi File Pelanggan
Nama database : pelayanan
Nama File : Pelanggan
Akronim : pelanggan.myd
Tipe File : Master
Akses File : Random
Panjang Record : 75
Kunci Field : nama_pel
Tabel IV.9. Spesifikasi File Pelanggan
No Elemen Akronim Tipe Panjang Keterangan
1. Nama nama_pel Varchar 20 Primary Key
2. Alamat alamat_pel Varchar 30
3. No Telfon notlp_pel Varchar 30
49
3. Spesifikasi File SPK
Nama database : pelayanan
Nama File : SPK
Akronim : spk.myd
Tipe File : Menu Utama
Akses File : Random
Panjang Record : 75
Kunci Field : no_spk
Tabel IV.10. Spesifikasi File SPK
No Elemen Akronim Tipe Panjang Keterangan
1. No SPK no_spk Varchar 20 Primary Key
2. Nama
Pelanggan
nama_pel Varchar 30
3. Nama Mekanik Mekanik Varchar 30
4. Tanggal Tanggal Date
5. Keterangan Keterangan Varchar 30
4. Spesifikasi File Transaksi
Nama database : pelayanan
Nama File : Transaksi
Akronim : transaksi.myd
Tipe File : Menu Utama
Akses File : Random
Panjang Record : 75
Kunci Field : no_trans
50
Tabel IV.11. Spesifikasi File Transasksi
No Elemen Akronim Tipe Panjang Keterangan
1. No Transasksi no_trans Varchar 10 Primary Key
2. No SPK no_spk Varchar 20
3. Tanggal Tanggal Date
4. Total Total Double
5. Spesifikasi File Jurnal
Nama database : pelayanan
Nama File : Jurnal
Akronim : jurnal.myd
Tipe File : Menu Utama
Akses File : Random
Panjang Record : 75
Kunci Field : no_jurnal
Tabel IV.12. Spesifikasi File Jurnal
No Elemen Akronim Tipe Panjang Keterangan
1. No Jurnal no_jurnal Varchar 10 Primary Key
2. No Transaksi no_trans Varchar 10
3. Kode Akun kd_akun Varchar 10
4. Keterangan Keterangan Varchar 30
5. Total Total Double
51
4.2.4 Software Architecture
a. Deployment Diagram
Gambar IV.17. Deployment Diagram Sistem Usulan
deployment pelayanan
Main <<dev ice>> Database
<<DBMS>>
MSQL
<<Database>>
Pelayanan
<<dev ice>>
<<Activ eXcontrol>>
Netbeans
<<Application>>
Perancangan
Sistem Informasi
Pelayanan Jasa
Serv is Mobil
52
b. Sequence Diagram
Gambar IV.18. Sequence Diagram Login
Gambar IV.19. Sequence Diagram Surat Perintah Kerja
sd peayanan
User
Form Login control db_user Menu Utama
close()
Tampil Form Login()
vaid?Berhasil login()
Input username dan password()
query cek log in id &
password karyawan()
Buka Form Log In()
LogIn()
Log In()
Klik Login()
Tampil Menu Utama()
tidak valid?Log in gagal()
sd Pembelian
Login
form Surat
Perintah Kerja
Control db_spk
create()
simpan()
tampil menu form Surat Perintah Kerja()
simpan()
klik simpan()
Buka form Surat Perintah Kerja()
close()
Data berhasil disimpan()
Input data SPK()
53
Gambar IV.20. Sequence Diagram Transaksi
4.2.5 User Interface
Gambar IV.21 Tampilan Login
sd jasa
Login
form Transaksi Control db_transaksi
create()
simpan()
tampil menu form Transaksi()
simpan()
klik simpan()
Buka form Transaksi()
close()
Data berhasil disimpan()
Input data
Transaksi()
54
Gambar IV.22 Tampilan Menu Utama
Gambar IV.23 Tampilan Surat Perintah Kerja
55
Gambar IV.24 Tampilan Data Pelanggan
Gambar IV.25 Tampilan Transaksi
56
Gambar IV.26 Tampilan Jurnal
Gambar IV.27 Tampilan Laporan
57
4.2.6 Spesifikasi Hardware dan Software
Tabel IV.13
Spesifikasi Hardware dan Software
Kebutuhan Keterangan
Sistem Operasi Microsoft windows 10
Processor Intel Dual-Core H30 50 up to 2 168Hz
RAM 2 GB
Harddisk 500 GB
Monitor 14.0” HD LED LCD
Keyboard 108 ke
Printer Laser Jet
Mouse Standard
Software Bahasa Pemograman : Netbeans 8.1
Aplikasi Pendukung : Java Application
DBMS : My SQL
Anti virus : Smadav 2016 Rev 10.8