Institutional Repository | Satya Wacana Christian University: Perancangan Aplikasi Jembatan Timbang di PT. Daya Manunggal T0 552013002 BAB IV
BAB IV
HASIL PRAKTEK KERJADAN ANALISIS
4.1
Analisis
Jembatan timbang bertujuan untuk mengetahui berapa berat muatan yang
diangkut oleh sebuah kendaraan. PT Daya Manunggal mempunyai sebuah
jembatan timbang dan berikut diagram singkat mengenai prosedur timbang yang
ada di PT Daya Manunggal :
Kendaraan Masuk
Bongkar atau
Mengisi Muatan
Timbang Masuk
Timbang Keluar
serta Mendapat
Bukti
Kendaraan Keluar
-
Kendaraan yang masuk dengan membawa muatan atau tidak, diarahkan ke
jembatan timbang untuk melakukan timbang masuk.
-
Bagi kendaraan yang membawa muatan maka setelah melakukan timbang
masuk, kendaraan tersebut akan diarahkan ke gudang untuk membongkar
muatan tersebut. Dan bagi kendaraan yang tidak membawa muatan,
kendaraan tersebut juga diarahkan ke gudang untuk mengisi muatannya.
Setelah semuanya selesai maka kendaraan tersebut kembali lagi ke jembatan
timbang untuk melakukan timbang keluar.
-
Setelah melakukan timbang keluar, maka sopir dari setiap kendaraan akan
mendapat bukti telah melakukan penimbangan. Bukti tersebut ditandatangani
oleh petugas timbang, gudang 1 dan security. Dan kemudian kendaraan
diperbolehkan untuk keluar dari perusahaan.
17
18
Dengan adanya prosedur timbang diatas pasti diperlukan proses pengolahan
data. Proses pengolahan data jembatan timbang di PT Daya Manunggal masih
dilakukan secara manual dari input sampai report yang dihasilkan. Petugas
jembatan timbang mencatat berat kendaraan ke dalam buku. Sehingga dalam
prosesnya tidak efektif dan efisien.
4.2
Kebutuhan
Permasalahan yang dihadapi oleh petugas yang bertugas di jembatan
timbang yaitu diperlukan adanya aplikasi yang dapat memudahkan petugas untuk
melakukan pengolahan data dari input sampai dengan output .Dengan
menggunakan aplikasi ini proses hitung untuk berat muatan dapat dilakukan
dengan mudah dan cepat serta dapat menghasilkan report yang dibutuhkan seperti
mencetak nota dan melihat rekap jembatan timbang sesuai tanggal yang
diinputkan
Aplikasi yang akan dikembangkan di dalam laporan ini berbasis Webyang
dapat digunakan oleh berbagai
platformweb server.Selain itu bahasa
pemrograman yang dipakai untuk membentuk aplikasi jembatan timbang ini
adalah PHP (Hypertext Preprocessor).PHP merupakan bahasa pemrograman yang
digunakan secara luas untuk penanganan, pembuatan dan pengembangan situs
web dan bisa digunakan bersamaan dengna HTML. Pengolahan datanya pun
menggunakan perangkat lunak yang di sebut MySQL yang merupakan sebuah
konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan
pemasukkan data, yang memungkinkan pengoprasian data dikerjakan dengan
mudah secara otomatis.
19
Agar aplikasi ini dapat berjalan dengan baik maka diperlukanweb server
untuk mengakses aplikasi tersebut dan hardware yang dapat memadai seperti
seperangkat alat komputer dan printer untuk menjalankan aplikasi serta mencetak
bukti transaksi.
4.3
Jadwal
Berikut adalah jadwal perancangan aplikasi jembatan timbang selama
melakukan kerja praktek mulai tanggal 4 Januari 2016 –30 Maret 2016 :
Tabel 4.1 Jadwal Perancangan Aplikasi
Waktu Perencanaan
Uraian Perencanaan
Minggu 1
- Mengidentifikasi masalah
- Gambaran masalah
Minggu 2
- Merancang desain database dan desain tampilan
Minggu 3
- Pengcodingan login, input supplier, customer dan
barang
Minggu 4
- Pencodingan proses transaksi jembatan timbang
Minggu 5
- Pencodingan proses transaksi jembatan timbang
Minggu 6
- Pencodingan rekap
Minggu 7
- Pencodingan rekap
Minggu 8
- Pengcodingan output cetak
Minggu 9
- Pengcodingan output cetak dan logout
Minggu 10
- Pengujian dan pembuatan Laporan Tugas Akhir
Minggu 11
- Laporan Tugas Akhir
Minggu 12
- Laporan Tugas Akhir
4.4
Perancangan
4.4.1
Rancangan UML
UML merupakan singkatan dari “Unified Modelling Language”
yaitu suatu metode permodelan secara visual untuk sarana perancangan
sistem berorientasi objek. Pada laporan ini diagram UML yang digunakan
20
adalah use case diagram, activity diagram, class diagram. Diagran-diagram
tersebut ditampilkan pada Lampiran 2.
4.4.2
Rancangan Database
Database yang digunakan untuk perancangan aplikasi ini bernama
“jembatan_timbang” yang mempunyai beberapa tabel beserta field sebagai
berikut :
1.
Tabel Admin
Nama
id_admin
nama_admin
Password
2.
Tabel Barang
: Digunakan untuk menampung data admin
Tabel 4.2 admin
Type Data Size Null
Default
varchar
5
No
varchar
30
No
"-"
varchar
15
No
"-"
Key
Primary Key
-
: Digunakan untuk menampung data-data barang
dalam aplikasi
Nama
kode_barang
nama_barang
keterangan
3.
Type Data
Varchar
varchar
varchar
Tabel 4.3 barang
Size Null Default
10
No
30
No
"-"
30
No
"-"
Key
Primary Key
-
Tabel Suppcust : Digunakan untuk menampung data supplier dan
customer.
Nama
kode_suppcust
nama_suppcust
alamat_suppcust
notelp_suppcust
Tabel 4.4suppcust
Type Data Size Null Default
varchar
10
varchar
20
No
"-"
varchar
25
No
"-"
varchar
20
No
"-"
Key
Primary Key
-
21
4.
Tabel Transaksi
: Digunakan untuk menampung data-data transaksi
dari proses timbang yang terjadi.
Nama
Tabel 4.5 transaksi
Type Data Size Null
Default
id_transaksi
Varchar
10
No
kode_suppcust
nama_suppcust
kode_barang
nama_barang
nama_sopir
nopol_kendaraan
tgl_jam_masuk
tgl_jam_keluar
timbang1
timbang2
berat_bersih
status_keluar
varchar
Varchar
varchar
varchar
Varchar
varchar
Datetime
Datetime
int
int
int
Varchar
10
20
10
50
20
15
No
Null
No
No
No
No
No
Null
No
Null
Null
Null
4.4.3
10
10
10
1
"-"
"-"
"-"
"-"
"-"
"-"
Now()
0000-00-00
0
0
0
"-"
Key
Primary
Key
-
Model Relasional Data
Berikut adalah model Relasional data dari perancangan aplikasi
jembatan timbang :
Gambar 4.1 Model Relasional Data
Didalam perancangan database aplikasi jembatan timbang ini ada
beberapa relasi antar tabel. Tabel suppcust dan tabel transaksi memiliki
relasi one to many karena satu kode suppcust pada tabel suppcust dapat
22
digunakan untuk satu atau lebih transaksi timbang. Begitu pula tabel barang
dan tabel transaksi juga memiliki relasi one to manykarena satu kode barang
dapat digunakan untuk satu atau lebih transaksi timbang.
4.4.4
a.
Rancangan DFD (Data Flow Diagram)
Context Diagram
Context Diagram ini menjelaskan tentang garis besar aplikasi
jembatan timbang mengenai apa yang diberi oleh aplikasi untuk pihak
yang lain.
Aplikasi
Jembatan
Timbanag
Bukti Transaksi
Supplier/
Customer
Gambar 4.2 Context Diagram
b.
DFD Level 0
DFD level 0 ini menjelaskan bagaimana keseluruhan alur aplikasi
jembatan timbang beserta dengan penyimpanan data-data yang
diinputkan dan output yang dihasilkan.
23
Input id_admin dan password
Admin
1.0
Login
Tampilan Menu
Input data supplier dan customer
Input Data Barang
Tampilan Menu Supplier/Customer
Tampilan Menu Barang
suppcust
2.0
Input Data
Supplier,
Customer,
Barang
barang
transaksi
Input Transaksi Timbang Muatan
Data transaksi Timbang Muatan
Data Rekap Transaksi Timbang Muatan
3.0
Transaksi
Jembatan
Timbang
Bukti Transaksi Timbang
Supplier/Customer
Gambar 4.3 DFD Level 0
c.
DFD Level 1 Proses Login
DFD level 1 ini menjelaskan tentang alur login yang akan dilakukan
petugas terhadap aplikasi.
Masukkan Id_admin
Admin
Masukkan Password
Tampilan Menu Aplikasi
Gambar 4.4 DFD Level 1 Proses Login
1.1
Login admin
1.2
Menu
Aplikasi
24
d.
DFD Level 1 Proses Input Data
DFD level 1 ini menjelaskan tentang alur pada saat melakukan input
data beserta dengan penyimpanan datanya masing-masing.
Admin
Input data supplier dan customer
suppcust
2.1
Input Data
Supplier,
Customer,
Barang
Input Data Barang
Tampilan Menu Supplier/Customer
Tampilan Menu Barang
barang
Gambar 4.5DFD Level Proses Input Data
e.
DFD Level 1 Proses Transaksi Timbang
DFD level 1 ini menjelaskan tentang alur input data transaksi timbang.
Selain itu menunjukkan output yang dihasilkan dari proses transaksi
timbang.
transaksi
Input Transaksi Timbang Muatan
Admin
Data transaksi Timbang Muatan
3.0
Transaksi
Jembatan
Timbang
Bukti Transaksi Timbang
Supplier/
Customer
Data Rekap Transaksi Timbang
Muatan
Gambar 4.6DFD Level 1 Proses Transaksi Timbang
4.4.5
Rancangan UI (User Interfase)
1. TampilanLogin
Tampilan login berfungsi sebagai jembatan untuk masuk
kedalam halaman utama aplikasi.
25
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
USERNAME
PASSWORD
LOGIN
Gambar 4.7 Rancangan Tampilan Login
2. TampilanHome
Tampilan Home bertujuan untuk menjelaskan fungsi dari setiap
tampilan yang adadi dalam halaman utama.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
Supplier &
Customer
Barang
Transaksi
Timbang
Rekap Transaksi
Log Out
Gambar 4.8 Rancangan Tampilan Home
3. TampilanSupplier
Tampilan Supplier berfungsi untuk memasukkandata supplier
yang nantinya akan digunakan untuk melengkapi data pada
proses timbang. Selain itu tampilansupplier dapat digunakan
untuk menambah, mengedit dan menghapus data supplier.
26
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Supplier &
Customer
Home
Transaksi
Timbang
Barang
Rekap Transaksi
Log Out
Data Supplier
No
Kode Supplier
Nama Supplier
Alamat Supplier
No Telepon
Tambah Supplier
Edit
Supplier
Hapus
Supplier
Gambar 4.9 Rancangan TampilanSupplier
4. TampilanCustomer
Tampilan Customer berfungsi untuk memasukkandata customer
yang nantinya akan digunakan untuk melengkapi data pada
proses timbang. Selain itu tampilancustomer dapat digunakan
untuk menambah, mengedit dan menghapus data customer.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
Supplier &
Customer
Barang
Transaksi
Timbang
Rekap Transaksi
Log Out
Data Customer
No
Kode Customer
Nama Customer Alamat Customer
No Telepon
Tambah Customer
Edit
Customer
Hapus
Customer
Gambar 4.10 Rancangan Tampilan Customer
5. Tampilan Barang
Tampilan barang berfungsi untuk memasukkan data barang yang
akan digunakan untuk melengkapi data pada proses timbang.
27
Selain itu tampilanbarangdapat digunakan menambah, mengedit
dan menghapus data barang.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Supplier &
Customer
Home
Transaksi
Timbang
Barang
Rekap Transaksi
Log Out
Data Barang
No
Kode Barang
Nama barang
Keterangan
Tambah barang
Edit
Barang
Hapus
Barang
Gambar 4.11 Rancangan Tampilan Barang
6. TampilanTimbang Masuk
TampilanTimbang Masuk berfungsi untuk memasukkan data
kendaraaan yang sedang melakukan penimbangan awal. Selain
diisikan dengan data kendaraan, tampilanini juga diisi dengan
berat awal kendaraan.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
Supplier &
Customer
Barang
Transaksi
Timbang
Rekap
Transaksi
Log Out
Data Supplier
Id Transaksi
Tanggal
Kode Suppcust
Barang
Nopol Kendaraan
Nama Supir
Timbang1
Timbang1
Gambar 4.12 Rancangan Tampilan Timbang Masuk
28
7. Tampilan Timbang Keluar
Tampilan timbang keluar berfungsi untuk melakukan proses
perhitungan timbang. tampilan ini juga harus diisikan berapa
berat kendaraan pada saat melakukan penimbangan akhir
sehingga akan diketahui berapa berat bersih dari muatan
tersebut.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
Supplier &
Customer
Barang
Transaksi
Timbang
Rekap
Transaksi
Log Out
Data Supplier
Id Transaksi
Tanggal
Kode Suppcust
Barang
Nopol Kendaraan
Nama Supir
Timbang1
Timbang1
Timbang2
Timbang1
Simpan&Cetak
Gambar 4.13 Rancangan Tampilan Timbang Keluar
8. Tampilan Rekap
Tampilan rekap timbang berfungsi untuk melihat transaksi
timbang yang terjadi sesuai dengan tanggal serta kode barang
yang dimasukkan.
29
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
No
Supplier & Customer
Id
Nopol
Transaksi Kendaraan
Tanggal/Jam
Masuk
Barang
Tanggal/Jam
Keluar
Transaksi Timbang
Kode Supplier/
Customer
Kode
Barang
Rekap Transaksi
Nama
Supir
Log Out
Timbang1 Timbang2
(Kg)
(Kg)
Berat
Bersih
(Kg)
Gambar 4.14 Rancangan Tampilan Rekap
4.5
Implementasi
Aplikasi jembatan timbang PT. Daya Manunggal yang dirancang ini
nantinya akan mempunyai berbagai tampilan yang disering disebut User Interface
yang dapat memudahkan user untuk mengolah dan memproses data. Berikut User
Interface yang terdapat dalam aplikasi jembatan timbang:
a.
Tampilan Login
Sebelum masuk kedalam aplikasi jembatan timbang ini, petugas jembatan
timbang harus memasukkan username dan password yang sudah ditentukan.
Ketika username dan password yang dimasukkan sesuai maka akan
diarahkan ke menu utama dari aplikasi, tetapi ketika username dan
password yang dimasukkan belum tepat maka tetap diarahkan ke tampilan
login.
Gambar 4.15Tampilan Login
30
b.
TampilanHome
Didalam tampilan home ini berisi tentang penjelasan singkat beberapa menu
yang ada sehingga petugas akan merasa terbantu dan tidak kebingungan saat
memakai aplikasi jembatan timbang ini.
Gambar 4.16TampilanHome
c.
Tampilan Supplier
Tampilan Supplier yang terdapat dalam aplikasi ini berisi data-data supplier
seperti kode supplier, nama supplier, alamat supplier, dan nomor telepon.
Jika petugas jembatan timbang ingin memasukkan data supplier yang
barumaka dapat klik tombol tambah supplier. Jika petugas jembatan
timbang menginginkan untuk mengedit data supplier dapat klik tombol edit
supplier dan kemudian data akan terupdate. Dan jika petugas jembatan
timbang ingin menghapus salah satu data supplier dapat klik tombol delete
supplier. Ketika tombol delete di klik maka akan keluar konfirmasi untuk
memastikan apakah data supplier akan di hapus atau tidak. Apabila petugas
yakin akan menghapus data, klik tombol hapus data akan terhapus. Dan
31
apabila petugas tidak yakin menghapus data tersebut maka klik cancel untuk
membatalkan perintah.
Gambar 4.17TampilanSupplier
Gambar 4.18Tampilan Supplier (Tambah Supplier)
Gambar 4.19Tampilan Supplier (Edit)
32
Gambar 4.20Tampilan Supplier (Delete)
d.
TampilanCustomer
Tampilan Customer yang terdapat dalam aplikasi ini berisi data-data
customer seperti kode customer, nama customer, alamat customer, dan
nomor telepon. Jika petugas jembatan timbang ingin memasukkan data
customer yang baru maka dapat klik tombol tambah customer. Jika petugas
jembatan timbang menginginkan untuk mengedit data customerdapat klik
tombol edit customer dan kemudian data akan terupdate. Dan jika petugas
jembatan timbang ingin menghapus salah satu data customer dapat klik
timbol delete customer. Ketika tombol delete di klik maka akan keluar
konfirmasi untuk memastikan apakah data customer akan di hapus atau
tidak. Apabila petugas yakin akan menghapus data, klik tombol hapus data
akan terhapus. Dan apabila petugas tidak yakin menghapus data tersebut
maka klik cancel untuk membatalkan perintah.
33
Gambar 4.21Tampilan Customer
Gambar 4.22Tampilan Customer (Tambah Customer)
Gambar 4.23 Tampilan Customer (Edit Customer)
34
Gambar 4.24Tampilan Customer (Delete Customer)
e.
TampilanBarang
Tampilan barang yang terdapat dalam aplikasi ini berisi data-data barang
seperti kode barang, nama barang, dan keterangan. Jika petugas jembatan
timbang ingin memasukkan data barang yang baru maka dapat klik tombol
tambah barang. Jika petugas jembatan timbang menginginkan untuk
mengedit data barangdapat klik tombol edit barang dan kemudian data akan
terupdate. Dan jika petugas jembatan timbang ingin menghapus salah satu
data barang dapat klik timbol delete barang. Ketika tombol delete di klik
maka akan keluar konfirmasi untuk memastikan apakah data barang akan di
hapus atau tidak. Apabila petugas yakin akan menghapus data, klik tombol
hapus data akan terhapus. Dan apabila petugas tidak yakin menghapus data
tersebut maka klik cancel untuk membatalkan perintah.
35
Gambar 4.25TampilanBarang
Gambar 4.26TampilanBarang (Tambah Barang)
Gambar 4.27TampilanBarang (Edit Barang)
36
Gambar 4.28TampilanBarang (Delete Barang)
f.
Tampilan Proses Timbang
Sebelum melakukan proses timbang masuk, petugas timbang harus
memasukan terlebih dahulu nomor polisi kendaraan yang akan melakukan
penimbangan. Setelah memasukkan nomor polisi kendaraan maka petugas
diarahkan ke tampilantimbang masuk guna mengisikan data-data yang
diperlukan beserta berat kendaraan ketika melakukan timbang masuk. Dan
ketika petugas ingin melakukan proses timbang keluar dengan nomor
kendaraan yang sama maka masukkan dahulu nomor kendaraan tersebut,
kemudian aplikasi akan mengarahkan ke tampilantimbang keluar. Di dalam
tampilantimbang keluar petugas hanya memasukkan berat kendaran ketika
melakukan timbang keluar saja. Dalam tampilantimbang keluar ini akan
terjadi juga perhitungan untuk menemukan berat bersih muatan yang
diangkut oleh kendaraan tersebut. Selain untuk melakukan perhitungan,
tampilantimbang keluar juga dapat digunakan untuk mencetak nota timbang
secara otomatis ketika di klik tombol simpan & cetak.
37
Gambar 4.29TampilanTimbang
Gambar 4.30TampilanTimbang Masuk (Penimbangan Awal)
Gambar 4.31TampilanTimbang 2 (Penimbangan Akhir)
38
Gambar 4.32TampilanCetak Otomatis
g.
Tampilan Cetak Nota
Tampilan Cetak Nota digunakan untuk mencetak ulang nota ketika
dibutuhkan kembali sesuai dengan nomor kendaraan yang diinput.Ketika
petugas ingin mencetak ulang nota yang pernah dicetak maka petugas
timbang harus memasukkan nomor polisi kendaraan yang diinginkan
kemudian pilih salah satu data dan klik cetak nota untuk mencetak.
Gambar 4.33TampilanCetak Nota1
39
Gambar 4.34TampilanLihat Nota
h.
TampilanRekap Timbang
Ketika petugas timbang ingin melihat data transaksi timbang yang pernah
terjadi sesuai tanggal dan barang yang diinginkan, petugas dapat klik tab
rekap timbang. Sebelum melihat rekap yang diperlukan petugas timbang
harus memasukkan tanggal dan kode barang terlebih dahulu.
Gambar 4.35TampilanAwal Rekap
40
Gambar 4.36TampilanIsi Rekap
i.
Tampilan Logout
Jika petugas ingin keluar dari aplikasi jembatan timbang klik saja pada opsi
logout kemudian aplikasi akan dengan sendirinya keluar dan mengarahkan
ke Tampilan login.
Selain UI (User Interface) aplikasi yang sudah ditampilkan, berikut ini
adalah beberapa penggalan script yang ada dalam perancangan aplikasi jembatan
timbang beserta dengan penjelasan singkat tentang script tersebut. Script-script
yang lain dapat dilihat pada Lampiran 3 dalam laporan tugas akhir ini.
1. Script Proses Hitung (timbangkeluar.php)
..........
function hitung(t2, t1) {
if (t2=="") {
document.getElementById("bb").value = 0;
return;
}else{
var bb;
if (parseFloat(t2) > parseFloat(t1)){
bb = (t2 - t1);
}else{
bb = (t1 - t2);
}
document.getElementById("bb").value = bb;
}
}
..........
41
Penjelasan :
Script diatas adalah script yang digunakan untuk proses hitung berat
timbangan. T1 menjadi variabel untuk berat timbang masuk dan t2 menjadi
variabel untuk berat timbang keluar yang diinputkan dalam aplikasi. Pada saat
timbang keluar lebih besar dari timbang masuk maka aplikasi akan melakukan
proses hitung yaitu timbang keluar dikurangi dengan timbang masuk begitu
sebaliknya. Script ini dibuat agar tidak ada jumlah yang minus dalam hasil
perhitungan transaksi timbang.
HASIL PRAKTEK KERJADAN ANALISIS
4.1
Analisis
Jembatan timbang bertujuan untuk mengetahui berapa berat muatan yang
diangkut oleh sebuah kendaraan. PT Daya Manunggal mempunyai sebuah
jembatan timbang dan berikut diagram singkat mengenai prosedur timbang yang
ada di PT Daya Manunggal :
Kendaraan Masuk
Bongkar atau
Mengisi Muatan
Timbang Masuk
Timbang Keluar
serta Mendapat
Bukti
Kendaraan Keluar
-
Kendaraan yang masuk dengan membawa muatan atau tidak, diarahkan ke
jembatan timbang untuk melakukan timbang masuk.
-
Bagi kendaraan yang membawa muatan maka setelah melakukan timbang
masuk, kendaraan tersebut akan diarahkan ke gudang untuk membongkar
muatan tersebut. Dan bagi kendaraan yang tidak membawa muatan,
kendaraan tersebut juga diarahkan ke gudang untuk mengisi muatannya.
Setelah semuanya selesai maka kendaraan tersebut kembali lagi ke jembatan
timbang untuk melakukan timbang keluar.
-
Setelah melakukan timbang keluar, maka sopir dari setiap kendaraan akan
mendapat bukti telah melakukan penimbangan. Bukti tersebut ditandatangani
oleh petugas timbang, gudang 1 dan security. Dan kemudian kendaraan
diperbolehkan untuk keluar dari perusahaan.
17
18
Dengan adanya prosedur timbang diatas pasti diperlukan proses pengolahan
data. Proses pengolahan data jembatan timbang di PT Daya Manunggal masih
dilakukan secara manual dari input sampai report yang dihasilkan. Petugas
jembatan timbang mencatat berat kendaraan ke dalam buku. Sehingga dalam
prosesnya tidak efektif dan efisien.
4.2
Kebutuhan
Permasalahan yang dihadapi oleh petugas yang bertugas di jembatan
timbang yaitu diperlukan adanya aplikasi yang dapat memudahkan petugas untuk
melakukan pengolahan data dari input sampai dengan output .Dengan
menggunakan aplikasi ini proses hitung untuk berat muatan dapat dilakukan
dengan mudah dan cepat serta dapat menghasilkan report yang dibutuhkan seperti
mencetak nota dan melihat rekap jembatan timbang sesuai tanggal yang
diinputkan
Aplikasi yang akan dikembangkan di dalam laporan ini berbasis Webyang
dapat digunakan oleh berbagai
platformweb server.Selain itu bahasa
pemrograman yang dipakai untuk membentuk aplikasi jembatan timbang ini
adalah PHP (Hypertext Preprocessor).PHP merupakan bahasa pemrograman yang
digunakan secara luas untuk penanganan, pembuatan dan pengembangan situs
web dan bisa digunakan bersamaan dengna HTML. Pengolahan datanya pun
menggunakan perangkat lunak yang di sebut MySQL yang merupakan sebuah
konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan
pemasukkan data, yang memungkinkan pengoprasian data dikerjakan dengan
mudah secara otomatis.
19
Agar aplikasi ini dapat berjalan dengan baik maka diperlukanweb server
untuk mengakses aplikasi tersebut dan hardware yang dapat memadai seperti
seperangkat alat komputer dan printer untuk menjalankan aplikasi serta mencetak
bukti transaksi.
4.3
Jadwal
Berikut adalah jadwal perancangan aplikasi jembatan timbang selama
melakukan kerja praktek mulai tanggal 4 Januari 2016 –30 Maret 2016 :
Tabel 4.1 Jadwal Perancangan Aplikasi
Waktu Perencanaan
Uraian Perencanaan
Minggu 1
- Mengidentifikasi masalah
- Gambaran masalah
Minggu 2
- Merancang desain database dan desain tampilan
Minggu 3
- Pengcodingan login, input supplier, customer dan
barang
Minggu 4
- Pencodingan proses transaksi jembatan timbang
Minggu 5
- Pencodingan proses transaksi jembatan timbang
Minggu 6
- Pencodingan rekap
Minggu 7
- Pencodingan rekap
Minggu 8
- Pengcodingan output cetak
Minggu 9
- Pengcodingan output cetak dan logout
Minggu 10
- Pengujian dan pembuatan Laporan Tugas Akhir
Minggu 11
- Laporan Tugas Akhir
Minggu 12
- Laporan Tugas Akhir
4.4
Perancangan
4.4.1
Rancangan UML
UML merupakan singkatan dari “Unified Modelling Language”
yaitu suatu metode permodelan secara visual untuk sarana perancangan
sistem berorientasi objek. Pada laporan ini diagram UML yang digunakan
20
adalah use case diagram, activity diagram, class diagram. Diagran-diagram
tersebut ditampilkan pada Lampiran 2.
4.4.2
Rancangan Database
Database yang digunakan untuk perancangan aplikasi ini bernama
“jembatan_timbang” yang mempunyai beberapa tabel beserta field sebagai
berikut :
1.
Tabel Admin
Nama
id_admin
nama_admin
Password
2.
Tabel Barang
: Digunakan untuk menampung data admin
Tabel 4.2 admin
Type Data Size Null
Default
varchar
5
No
varchar
30
No
"-"
varchar
15
No
"-"
Key
Primary Key
-
: Digunakan untuk menampung data-data barang
dalam aplikasi
Nama
kode_barang
nama_barang
keterangan
3.
Type Data
Varchar
varchar
varchar
Tabel 4.3 barang
Size Null Default
10
No
30
No
"-"
30
No
"-"
Key
Primary Key
-
Tabel Suppcust : Digunakan untuk menampung data supplier dan
customer.
Nama
kode_suppcust
nama_suppcust
alamat_suppcust
notelp_suppcust
Tabel 4.4suppcust
Type Data Size Null Default
varchar
10
varchar
20
No
"-"
varchar
25
No
"-"
varchar
20
No
"-"
Key
Primary Key
-
21
4.
Tabel Transaksi
: Digunakan untuk menampung data-data transaksi
dari proses timbang yang terjadi.
Nama
Tabel 4.5 transaksi
Type Data Size Null
Default
id_transaksi
Varchar
10
No
kode_suppcust
nama_suppcust
kode_barang
nama_barang
nama_sopir
nopol_kendaraan
tgl_jam_masuk
tgl_jam_keluar
timbang1
timbang2
berat_bersih
status_keluar
varchar
Varchar
varchar
varchar
Varchar
varchar
Datetime
Datetime
int
int
int
Varchar
10
20
10
50
20
15
No
Null
No
No
No
No
No
Null
No
Null
Null
Null
4.4.3
10
10
10
1
"-"
"-"
"-"
"-"
"-"
"-"
Now()
0000-00-00
0
0
0
"-"
Key
Primary
Key
-
Model Relasional Data
Berikut adalah model Relasional data dari perancangan aplikasi
jembatan timbang :
Gambar 4.1 Model Relasional Data
Didalam perancangan database aplikasi jembatan timbang ini ada
beberapa relasi antar tabel. Tabel suppcust dan tabel transaksi memiliki
relasi one to many karena satu kode suppcust pada tabel suppcust dapat
22
digunakan untuk satu atau lebih transaksi timbang. Begitu pula tabel barang
dan tabel transaksi juga memiliki relasi one to manykarena satu kode barang
dapat digunakan untuk satu atau lebih transaksi timbang.
4.4.4
a.
Rancangan DFD (Data Flow Diagram)
Context Diagram
Context Diagram ini menjelaskan tentang garis besar aplikasi
jembatan timbang mengenai apa yang diberi oleh aplikasi untuk pihak
yang lain.
Aplikasi
Jembatan
Timbanag
Bukti Transaksi
Supplier/
Customer
Gambar 4.2 Context Diagram
b.
DFD Level 0
DFD level 0 ini menjelaskan bagaimana keseluruhan alur aplikasi
jembatan timbang beserta dengan penyimpanan data-data yang
diinputkan dan output yang dihasilkan.
23
Input id_admin dan password
Admin
1.0
Login
Tampilan Menu
Input data supplier dan customer
Input Data Barang
Tampilan Menu Supplier/Customer
Tampilan Menu Barang
suppcust
2.0
Input Data
Supplier,
Customer,
Barang
barang
transaksi
Input Transaksi Timbang Muatan
Data transaksi Timbang Muatan
Data Rekap Transaksi Timbang Muatan
3.0
Transaksi
Jembatan
Timbang
Bukti Transaksi Timbang
Supplier/Customer
Gambar 4.3 DFD Level 0
c.
DFD Level 1 Proses Login
DFD level 1 ini menjelaskan tentang alur login yang akan dilakukan
petugas terhadap aplikasi.
Masukkan Id_admin
Admin
Masukkan Password
Tampilan Menu Aplikasi
Gambar 4.4 DFD Level 1 Proses Login
1.1
Login admin
1.2
Menu
Aplikasi
24
d.
DFD Level 1 Proses Input Data
DFD level 1 ini menjelaskan tentang alur pada saat melakukan input
data beserta dengan penyimpanan datanya masing-masing.
Admin
Input data supplier dan customer
suppcust
2.1
Input Data
Supplier,
Customer,
Barang
Input Data Barang
Tampilan Menu Supplier/Customer
Tampilan Menu Barang
barang
Gambar 4.5DFD Level Proses Input Data
e.
DFD Level 1 Proses Transaksi Timbang
DFD level 1 ini menjelaskan tentang alur input data transaksi timbang.
Selain itu menunjukkan output yang dihasilkan dari proses transaksi
timbang.
transaksi
Input Transaksi Timbang Muatan
Admin
Data transaksi Timbang Muatan
3.0
Transaksi
Jembatan
Timbang
Bukti Transaksi Timbang
Supplier/
Customer
Data Rekap Transaksi Timbang
Muatan
Gambar 4.6DFD Level 1 Proses Transaksi Timbang
4.4.5
Rancangan UI (User Interfase)
1. TampilanLogin
Tampilan login berfungsi sebagai jembatan untuk masuk
kedalam halaman utama aplikasi.
25
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
USERNAME
PASSWORD
LOGIN
Gambar 4.7 Rancangan Tampilan Login
2. TampilanHome
Tampilan Home bertujuan untuk menjelaskan fungsi dari setiap
tampilan yang adadi dalam halaman utama.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
Supplier &
Customer
Barang
Transaksi
Timbang
Rekap Transaksi
Log Out
Gambar 4.8 Rancangan Tampilan Home
3. TampilanSupplier
Tampilan Supplier berfungsi untuk memasukkandata supplier
yang nantinya akan digunakan untuk melengkapi data pada
proses timbang. Selain itu tampilansupplier dapat digunakan
untuk menambah, mengedit dan menghapus data supplier.
26
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Supplier &
Customer
Home
Transaksi
Timbang
Barang
Rekap Transaksi
Log Out
Data Supplier
No
Kode Supplier
Nama Supplier
Alamat Supplier
No Telepon
Tambah Supplier
Edit
Supplier
Hapus
Supplier
Gambar 4.9 Rancangan TampilanSupplier
4. TampilanCustomer
Tampilan Customer berfungsi untuk memasukkandata customer
yang nantinya akan digunakan untuk melengkapi data pada
proses timbang. Selain itu tampilancustomer dapat digunakan
untuk menambah, mengedit dan menghapus data customer.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
Supplier &
Customer
Barang
Transaksi
Timbang
Rekap Transaksi
Log Out
Data Customer
No
Kode Customer
Nama Customer Alamat Customer
No Telepon
Tambah Customer
Edit
Customer
Hapus
Customer
Gambar 4.10 Rancangan Tampilan Customer
5. Tampilan Barang
Tampilan barang berfungsi untuk memasukkan data barang yang
akan digunakan untuk melengkapi data pada proses timbang.
27
Selain itu tampilanbarangdapat digunakan menambah, mengedit
dan menghapus data barang.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Supplier &
Customer
Home
Transaksi
Timbang
Barang
Rekap Transaksi
Log Out
Data Barang
No
Kode Barang
Nama barang
Keterangan
Tambah barang
Edit
Barang
Hapus
Barang
Gambar 4.11 Rancangan Tampilan Barang
6. TampilanTimbang Masuk
TampilanTimbang Masuk berfungsi untuk memasukkan data
kendaraaan yang sedang melakukan penimbangan awal. Selain
diisikan dengan data kendaraan, tampilanini juga diisi dengan
berat awal kendaraan.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
Supplier &
Customer
Barang
Transaksi
Timbang
Rekap
Transaksi
Log Out
Data Supplier
Id Transaksi
Tanggal
Kode Suppcust
Barang
Nopol Kendaraan
Nama Supir
Timbang1
Timbang1
Gambar 4.12 Rancangan Tampilan Timbang Masuk
28
7. Tampilan Timbang Keluar
Tampilan timbang keluar berfungsi untuk melakukan proses
perhitungan timbang. tampilan ini juga harus diisikan berapa
berat kendaraan pada saat melakukan penimbangan akhir
sehingga akan diketahui berapa berat bersih dari muatan
tersebut.
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
Supplier &
Customer
Barang
Transaksi
Timbang
Rekap
Transaksi
Log Out
Data Supplier
Id Transaksi
Tanggal
Kode Suppcust
Barang
Nopol Kendaraan
Nama Supir
Timbang1
Timbang1
Timbang2
Timbang1
Simpan&Cetak
Gambar 4.13 Rancangan Tampilan Timbang Keluar
8. Tampilan Rekap
Tampilan rekap timbang berfungsi untuk melihat transaksi
timbang yang terjadi sesuai dengan tanggal serta kode barang
yang dimasukkan.
29
APLIKASI JEMBATAN TIMBANG
PT. DAYA MANUNGGAL
Jl. Argobusono No. 1 Argomulyo Salatiga 50717
Telp: (0298)313789
Home
No
Supplier & Customer
Id
Nopol
Transaksi Kendaraan
Tanggal/Jam
Masuk
Barang
Tanggal/Jam
Keluar
Transaksi Timbang
Kode Supplier/
Customer
Kode
Barang
Rekap Transaksi
Nama
Supir
Log Out
Timbang1 Timbang2
(Kg)
(Kg)
Berat
Bersih
(Kg)
Gambar 4.14 Rancangan Tampilan Rekap
4.5
Implementasi
Aplikasi jembatan timbang PT. Daya Manunggal yang dirancang ini
nantinya akan mempunyai berbagai tampilan yang disering disebut User Interface
yang dapat memudahkan user untuk mengolah dan memproses data. Berikut User
Interface yang terdapat dalam aplikasi jembatan timbang:
a.
Tampilan Login
Sebelum masuk kedalam aplikasi jembatan timbang ini, petugas jembatan
timbang harus memasukkan username dan password yang sudah ditentukan.
Ketika username dan password yang dimasukkan sesuai maka akan
diarahkan ke menu utama dari aplikasi, tetapi ketika username dan
password yang dimasukkan belum tepat maka tetap diarahkan ke tampilan
login.
Gambar 4.15Tampilan Login
30
b.
TampilanHome
Didalam tampilan home ini berisi tentang penjelasan singkat beberapa menu
yang ada sehingga petugas akan merasa terbantu dan tidak kebingungan saat
memakai aplikasi jembatan timbang ini.
Gambar 4.16TampilanHome
c.
Tampilan Supplier
Tampilan Supplier yang terdapat dalam aplikasi ini berisi data-data supplier
seperti kode supplier, nama supplier, alamat supplier, dan nomor telepon.
Jika petugas jembatan timbang ingin memasukkan data supplier yang
barumaka dapat klik tombol tambah supplier. Jika petugas jembatan
timbang menginginkan untuk mengedit data supplier dapat klik tombol edit
supplier dan kemudian data akan terupdate. Dan jika petugas jembatan
timbang ingin menghapus salah satu data supplier dapat klik tombol delete
supplier. Ketika tombol delete di klik maka akan keluar konfirmasi untuk
memastikan apakah data supplier akan di hapus atau tidak. Apabila petugas
yakin akan menghapus data, klik tombol hapus data akan terhapus. Dan
31
apabila petugas tidak yakin menghapus data tersebut maka klik cancel untuk
membatalkan perintah.
Gambar 4.17TampilanSupplier
Gambar 4.18Tampilan Supplier (Tambah Supplier)
Gambar 4.19Tampilan Supplier (Edit)
32
Gambar 4.20Tampilan Supplier (Delete)
d.
TampilanCustomer
Tampilan Customer yang terdapat dalam aplikasi ini berisi data-data
customer seperti kode customer, nama customer, alamat customer, dan
nomor telepon. Jika petugas jembatan timbang ingin memasukkan data
customer yang baru maka dapat klik tombol tambah customer. Jika petugas
jembatan timbang menginginkan untuk mengedit data customerdapat klik
tombol edit customer dan kemudian data akan terupdate. Dan jika petugas
jembatan timbang ingin menghapus salah satu data customer dapat klik
timbol delete customer. Ketika tombol delete di klik maka akan keluar
konfirmasi untuk memastikan apakah data customer akan di hapus atau
tidak. Apabila petugas yakin akan menghapus data, klik tombol hapus data
akan terhapus. Dan apabila petugas tidak yakin menghapus data tersebut
maka klik cancel untuk membatalkan perintah.
33
Gambar 4.21Tampilan Customer
Gambar 4.22Tampilan Customer (Tambah Customer)
Gambar 4.23 Tampilan Customer (Edit Customer)
34
Gambar 4.24Tampilan Customer (Delete Customer)
e.
TampilanBarang
Tampilan barang yang terdapat dalam aplikasi ini berisi data-data barang
seperti kode barang, nama barang, dan keterangan. Jika petugas jembatan
timbang ingin memasukkan data barang yang baru maka dapat klik tombol
tambah barang. Jika petugas jembatan timbang menginginkan untuk
mengedit data barangdapat klik tombol edit barang dan kemudian data akan
terupdate. Dan jika petugas jembatan timbang ingin menghapus salah satu
data barang dapat klik timbol delete barang. Ketika tombol delete di klik
maka akan keluar konfirmasi untuk memastikan apakah data barang akan di
hapus atau tidak. Apabila petugas yakin akan menghapus data, klik tombol
hapus data akan terhapus. Dan apabila petugas tidak yakin menghapus data
tersebut maka klik cancel untuk membatalkan perintah.
35
Gambar 4.25TampilanBarang
Gambar 4.26TampilanBarang (Tambah Barang)
Gambar 4.27TampilanBarang (Edit Barang)
36
Gambar 4.28TampilanBarang (Delete Barang)
f.
Tampilan Proses Timbang
Sebelum melakukan proses timbang masuk, petugas timbang harus
memasukan terlebih dahulu nomor polisi kendaraan yang akan melakukan
penimbangan. Setelah memasukkan nomor polisi kendaraan maka petugas
diarahkan ke tampilantimbang masuk guna mengisikan data-data yang
diperlukan beserta berat kendaraan ketika melakukan timbang masuk. Dan
ketika petugas ingin melakukan proses timbang keluar dengan nomor
kendaraan yang sama maka masukkan dahulu nomor kendaraan tersebut,
kemudian aplikasi akan mengarahkan ke tampilantimbang keluar. Di dalam
tampilantimbang keluar petugas hanya memasukkan berat kendaran ketika
melakukan timbang keluar saja. Dalam tampilantimbang keluar ini akan
terjadi juga perhitungan untuk menemukan berat bersih muatan yang
diangkut oleh kendaraan tersebut. Selain untuk melakukan perhitungan,
tampilantimbang keluar juga dapat digunakan untuk mencetak nota timbang
secara otomatis ketika di klik tombol simpan & cetak.
37
Gambar 4.29TampilanTimbang
Gambar 4.30TampilanTimbang Masuk (Penimbangan Awal)
Gambar 4.31TampilanTimbang 2 (Penimbangan Akhir)
38
Gambar 4.32TampilanCetak Otomatis
g.
Tampilan Cetak Nota
Tampilan Cetak Nota digunakan untuk mencetak ulang nota ketika
dibutuhkan kembali sesuai dengan nomor kendaraan yang diinput.Ketika
petugas ingin mencetak ulang nota yang pernah dicetak maka petugas
timbang harus memasukkan nomor polisi kendaraan yang diinginkan
kemudian pilih salah satu data dan klik cetak nota untuk mencetak.
Gambar 4.33TampilanCetak Nota1
39
Gambar 4.34TampilanLihat Nota
h.
TampilanRekap Timbang
Ketika petugas timbang ingin melihat data transaksi timbang yang pernah
terjadi sesuai tanggal dan barang yang diinginkan, petugas dapat klik tab
rekap timbang. Sebelum melihat rekap yang diperlukan petugas timbang
harus memasukkan tanggal dan kode barang terlebih dahulu.
Gambar 4.35TampilanAwal Rekap
40
Gambar 4.36TampilanIsi Rekap
i.
Tampilan Logout
Jika petugas ingin keluar dari aplikasi jembatan timbang klik saja pada opsi
logout kemudian aplikasi akan dengan sendirinya keluar dan mengarahkan
ke Tampilan login.
Selain UI (User Interface) aplikasi yang sudah ditampilkan, berikut ini
adalah beberapa penggalan script yang ada dalam perancangan aplikasi jembatan
timbang beserta dengan penjelasan singkat tentang script tersebut. Script-script
yang lain dapat dilihat pada Lampiran 3 dalam laporan tugas akhir ini.
1. Script Proses Hitung (timbangkeluar.php)
..........
function hitung(t2, t1) {
if (t2=="") {
document.getElementById("bb").value = 0;
return;
}else{
var bb;
if (parseFloat(t2) > parseFloat(t1)){
bb = (t2 - t1);
}else{
bb = (t1 - t2);
}
document.getElementById("bb").value = bb;
}
}
..........
41
Penjelasan :
Script diatas adalah script yang digunakan untuk proses hitung berat
timbangan. T1 menjadi variabel untuk berat timbang masuk dan t2 menjadi
variabel untuk berat timbang keluar yang diinputkan dalam aplikasi. Pada saat
timbang keluar lebih besar dari timbang masuk maka aplikasi akan melakukan
proses hitung yaitu timbang keluar dikurangi dengan timbang masuk begitu
sebaliknya. Script ini dibuat agar tidak ada jumlah yang minus dalam hasil
perhitungan transaksi timbang.