1 BAB IV PERANCANGAN SISTEM Dari analisa yang telah dilakukan sebelumnya, masih banyak hal yang perlu di proses untuk penyempurnaan aplikasi yang akan...
BAB IV PERANCANGAN SISTEM Dari analisa yang telah dilakukan sebelumnya, masih banyak hal yang perlu di proses untuk penyempurnaan aplikasi yang akan dibangun di tempat penelitian, maka dari itu penulis memberikan usulan pemecahan masalah sebagai berikut: 4.1. Usulan Pemecahan Masalah Dibangun berbagai macam diagram untuk memudahkan dalam perancangan program, untuk lebih jelasnya penyusun memberikan gambaran diagram sebagai berikut : 4.1.1. Activity Diagram Program Surat jalan Perancangan activity diagram pembuatan surat jalan dibuat untuk memudahkan perancangan system yang akan menangani proses pembuatan surat. Proses pembuatan surat jalan terlihat seperti pada gambar 4.1 berikut ini.
Gambar 4.1 Activity diagram program surat jalan 26
4.1.2. Pemodelan Sistem Usecase Diagram Pada usecase diagram ini menjelaskan apa yang akan dilakukan oleh sistem yang akan dibangun dan siapa yang akan berinteraksi dengan sistem. Usecase diagram menjadi aktifitas admin dan user seperti yang terlihat pada gambar 4.2 berikut ini.
Gambar 4.2 Usecase Diagram program surat jalan
27
4.1.3. Sequence Diagram Sequence diagram ini menjelaskan secara detail urutan proses yang dilakukan dalam sistem untuk mencapai tujuan dari usecase. Dalam Pengembangan sistem ini, ada beberapa sequence diagram antara lain : 1. Sequence Diagram Login Pada sequence diagram ini dijelaskan bagaimana actor ingin berinteraksi dengan sistem agar actor tersebut dapat melakukan proses login ke dalam system seperti pada gambar 4.3 berikut ini.
Gambar 4.3 sequence diagram login
2. Sequence diagram load file Excel Pada sequence diagram ini dijelaskan bagaimana admin/user mencari (meload) file excel yang berisi database material PLN yang nantinya akan digunakan sebagai sumber data barang dalam pembuatan surat jalan. Proses load file excel terlihat seperti pada gambar 4.4 berikut ini.
28
Gambar 4.4 sequence diagram load file excel 3. Sequence Diagram Pembuatan Surat Jalan Pada sequence diagram ini dijelaskan bagaimana admin/user melakukan pembuatan surat jalan yang nantinya akan digunakan dalam pendistribusian material PLN. Secara umum gambaran proses pembuatan surat jalan terlihat pada gambar 4.5 berikut ini.
Gambar 4.5 sequence diagram pembuatan surat jalan
29
4. Sequance Diagram Ubah Surat Jalan Pada sequence diagram ini dijelaskan bagaimana admin/user melakukan pengubahan data surat yang sudah ada pada database. Proses ubah surat jalan terlihat seperti pada gambar 4.7 berikut ini.
Gambar 4.6 sequence diagram ubah surat jalan 5. Sequance Diagram Hapus Surat jalan Pada sequence diagram ini dijelaskan bagaimana admin/user melakukan penghapusan data surat jalan yang sudah ada pada database. Proses penghapusan surat jalan terlihat pada gambar 4.7 berikut ini.
Gambar 4.7 sequence diagram hapus surat jalan 30
6. Sequence Diagram Baca Surat Jalan Pada sequence diagram ini dijelaskan bagaimana admin/user membaca surat jalan yang telah dibuat sebelumnya. Proses baca surat jalan terlihat seperti pada gambar 4.8 berikut ini.
Gambar 4.8 sequence diagram baca surat jalan 7. Sequence Diagram Tambah User Pada sequence diagram ini dijelaskan bagaimana admin membuat data user baru yang nantinya berhak mengakses aplikasi pembuatan surat jalan ini. Proses tambah data user terlihat seperti pada gambar 4.9 berikut ini.
Gambar 4.9 sequence diagram tambah user 31
8. Sequence diagram Ubah User Pada sequence diagram ini dijelaskan bagaimana Admin mengubah data user yang sudah ada. Proses ubah data user terlihat seperti pada gambar 4.10 berikut ini.
Gambar 4.10 sequence diagram ubah user 9. Sequence Diagram Ganti Password Pada sequence diagram ini dijelaskan bagaimana user mengubah password untuk menjaga keamanan accout-nya. Proses penggantian password terlihat seperti pada gambar 4.11 berikut ini.
Gambar 4.11 sequence diagram ganti password 32
4.1.4. Class Diagram Class diagram ini digunakan untuk menggambarkan disain statis dari sistem yang akan dibangun yang memperlihatkan himpunan kelas, antarmuka, kolaborasi, dan relasi yang terdapat dalam system pembuatan surat jalan seperti yang terlihat pada gambar 4.12 berikut ini.
Gambar 4.12 Class diagram program surat jalan Dari gambar class diagram di atas terdapat hubungan antar class yaitu : Class user yang merupakan super class dari class UserBiasa dan class Admin yang dihubungkan oleh relasi generalisasi. Ini menunjukkan bahwa class UserBiasa dan class Admin merupakan turunan dari class User. Class User berasosiasi dengan class Surat dengan multiplicity 1…* dan 0…*. Ini berarti pada class user minimal harus berisi satu.
33
Class User berasosiasi dengan class Laporan dengan multiplicity 1…* dan 0…*. Class User berasosiasi dengan class FileExcel dengan multiplicity 1…* dan 1. Ini menunjukkan bahwa pada class User minimal harus berisi 1 sedangkan pada class FileExcel harus berisi 1, karena hanya 1 file excel yang akan diakses oleh system sebagai sumber data material pada pembuatan surat jalan. Class User berasosiai dengan class Laporan dengan multiplicity 1…* dan 0…*. Class Surat berasosiasi dengan class DaftarBarang dengan multiplicity 1 dan 1…*. Ini menunjukkan bahwa pada 1 surat minimal harus berisi minimal 1 barang. Class DaftarBarang berasosiasi dengan class FileExcel dengan multiplicity 0…* dan 1. 4.2. Analisis Masukan dan Keluaran Beberapa data yang akan menjadi masukan/input dalam sistem ini adalah : 1. Data Surat Jalan Merupakan data surat jalan yang telah dibuat untuk pendistribusian material PLN. 2. Data User Merupakan data account user yang berhak mengakses system ini berdasarkan hak tertentu (admin/user). Sedangkan data keluaran dari sistem ini adalah surat jalan dan laporan surat jalan. 4.3. Perancangan Antar Muka 1.
Form Login Form ini merupakan Form yang mengharuskan user atau admin untuk mengisi
username dan password sebagai authentikasi hak akses untuk dapat memodifikasi data dan informasi yang ada dalam system pembuatan surat jalan ini. Bentuk rancangan form login terlihat seperti pada gambar 4.13 berikut ini. 34
Gambar 4.13 Rancangan form login Di dalam form login juga disediakan fasilitas untuk mengatur koneksi database, yaitu untuk menentukan database yang akan digunakan oleh sistem. Rancangan form atur koneksi terlihat seperti pada gambar 4.14 berikut ini.
Gambar 4.14 Rancangan form atur koneksi 2.
Form Surat Jalan Form ini akan digunakan untuk mengelola dan menampilkan informasi data
surat jalan, termasuk pembuatan surat jalan baru, pengeditan, penghapusan, baca surat, dan pencarian data surat berdasarkan criteria tertentu serta pengelompokan data berdasarkan bulan pada tahun tertentu. Form surat jalan ini dapat dilihat pada gambar 4.15 di bawah ini: 35
Gambar 4.15 Rancangan form surat jalan Sedangkan form untuk menambah dan mengubah data surat jalan terlihat seperti gambar 4.16 berikut ini.
Gambar 4.16 Rancangan form tambah data surat jalan Dan form untuk menambah daftar barang dalam pembuatan surat jalan terlihat seperti gambar 4.17 berikut ini.
36
Gambar 4.17 Rancangan form tambah daftar barang 3.
Form Data Material Form data material digunakan untuk menampilkan informasi data material
PLN. Data ini bersumber dari file excel yang di dalamnya bisa dilakukan pencarian dan fasilitas untuk meload file excel. Form data material ini seperti yang terlihat pada gambar 4.18 di bawah ini :
Gambar 4.18 Rancangan form data data material
37
4.
Form Data User Form ini digunakan untuk mengatur user yang nantinya berhak menggunakan sistem ini. Setiap user akan diberikan hak akses tertentu. Rancangan Form data user ini dapat dilihat pada gambar 4.19 di bawah ini :
Gambar 4.19 Rancangan form data user 5.
Form Ganti Password Form ini adalah fasilitas yang dapat digunakan oleh setiap user untuk mengganti password mereka. Rancangan Form ganti password ini dapat dilihat pada gambar 4.20 di bawah ini :
Gambar 4.20 Rancangan form ganti password 38
6.
Rancangan Surat Jalan Ini merupakan rancangan format surat jalan. Format ini sudah digunakan setiap pembuatan surat jalan sebelumnya. Rancangan format surat jalan ini dapat dilihat pada gambar 4.21di bawah ini :
Gambar 4.21 Rancangan surat jalan
7.
Form Laporan Data Surat jalan Form laporan data surat jalan ini digunakan untuk menampilkan informasi data surat jalan yang telah dibuat. Informasinya dapat ditampilkan berdasarkan bulan tertentu, rentang tanggal tertentu, atau bisa juga ditampilkan semua data surat jalan yang sudah dibuat. Rancangan form laporan data surat jalan ini dapat dilihat pada gambar 4.22 di bawah ini :
39
Gambar 4.22 Rancangan form laporan data surat jalan
A. Rancangan Tabel 1. Tabel Surat Jalan Primari Key
: NOMOR
Foreign Key : Tabel 4.1 Tabel surat jalan Nama Field NOMOR KODE TGL_SURAT TUJUAN KEPERLUAN NOPOL PENGEMUDI PENERIMA_BARANG PEMBERI_BARANG KEPALA_GUDANG
Tipe Data biginteger varchar date varchar varchar varchar varchar varchar varchar varchar
Ukuran 20 25 50 50 10 25 25 25 25
2. Tabel Daftar Barang Primari Key
: ID
Foreign Key : NOMOR Tabel 4.2 Tabel daftar barang Nama Field ID NOMOR NORMALISASI BANYAKNYA
Tipe Data biginteger Biginteger Varchar Integer
Ukuran 20 20 10 11 40
SATUAN NAMA_MATERIAL GROUP_MATERIAL TIPE_MATERIAL
Varchar Varchar Varchar varchar
25 50 50 50
3. Tabel User Primary Key : ID Foreign Key : Tabel 4.3 Tabel user Nama Field ID NAMA PASWORD HAK
