Pembuatan Aplikasi Berbasis Web (Imbar dan Natalia)
Pembuatan Aplikasi Berbasis Web pada Produksi Weaving Spun di PT. X Unit Kain 1)
Radiant Victor Imbar, 2)Natalia
Jurusan Teknik Informatika Fakultas Teknologi Informasi, Universitas Kristen Maranatha Jl. Prof. Drg. Suria Sumantri no. 65 Bandung 40164 Email: 1)
[email protected], 2)
[email protected]
Abstract A Grey Spun is a base material for making fabric to spun. Fabric division of PT X is the division which handles production process for grey spun fabric. This division uses manual method for filling the production data. Some of the data like the using of base material for production process and the result of production process need to be uploading into SAP (System Application and Product in data processing). Therefore, a web base application is designed for grey spun fabric production. With this application, we can upload and download the data to/from SAP more easily. Keywords: Production Process, Web Application, Download File, Textile Company
1. Latar Belakang PT. X merupakan gabungan dari beberapa perusahaan yang bergerak di bidang industri tekstil yang berlokasi di berbagai kota. Salah satu perusahaan yang tergabung dalam PT. X adalah PT. X unit kain, yang berlokasi di Bandung. PT. X unit kain ini merupakan perusahaan tekstil yang melakukan proses produksi weaving spun, dengan hasil produksi berupa kain grey spun (kain spun setengah jadi) yang dikirim ke PT. X unit lain atau dikirim ke perusahaan lain sebagai pembeli. Karena lokasi PT. X unit kain cukup jauh, maka penggunaan SAP (System Application and Product in data processing) sebagai sistem informasi belum memungkinkan. Sistem informasi dilakukan secara manual dengan Microsoft Excel. Data lapangan akan dibuat menjadi laporan produksi setiap harinya oleh seseorang yang diberi kepercayaan. Laporan tersebut menjadi pegangan bagi perusahaan, tetapi sering terjadi kelalaian dalam penyimpanan laporan yang mengakibatkan hilangnya laporan produksi sebelumnya. Data-data yang telah dibuat akan dikirimkan pada ISD (Information System Division) PT. X untuk dimasukkan ke dalam SAP via email. Dari masalah yang timbul, PT. X unit kain memerlukan suatu sistem yang baru untuk membantu dalam pendataan proses produksinya. Sistem akan dibuat menggunakan aplikasi berbasis web yang mencakup proses persiapan, weaving Air Jet Loom (AJL), sampai dengan inspeksi secara keseluruhan setiap harinya, 75
Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100 sehingga aplikasi ini membantu PT. X dalam pemasukan data transaksi bahan produksi secara goods receipt dan goods issue untuk suatu desain kain grey spun, pembuatan laporan-laporan, dan pembuatan surat pengantar kain grey spun. Data setiap proses dapat dengan mudah dilihat, laporan-laporan dapat diunduh, dan pemasukan data yang diperlukan dapat dilakukan dengan mudah. Pembatasan masalah untuk aplikasi ini dibagi menjadi tiga yaitu (1) Dari segi perangkat lunak, sistem operasi yang digunakan adalah Linux Mandriva, sistem basis data yang digunakan adalah MySQL, bahasa scripting yang digunakan adalah PHP, AJAX, HTML, JavaScript, dan Css, editor pemrograman yang digunakan adalah Macromedia Dreamweaver, browser yang digunakan adalah Mozilla Firefox, dan web server yang digunakan adalah HeidiSQL; (2) Dari segi perangkat keras, yang meliputi PC dengan Pentium IV, prosesor Intel Celeron 900 MB GHz, memori 512 MB, harddisk 60 GB; (3) Dari segi aplikasi, yaitu aplikasi ini digunakan pada perusahaan tekstil di Bandung, yaitu PT. X unit kain, aplikasi berhubungan dengan data-data Management Material (MM) dan Planning Production (PP) di PT. X unit kain, aplikasi ini hanya mencakup bagian produksi kain grey, dimulai dari penggunaan bahan produksi sampai kain grey dikirim ke gudang/perusahaan lain, aplikasi mengakses dan meng-update data stok barang pada gudang, aplikasi akan disimpan pada server yang terpisah dengan komputer client, dan laporan yang dapat dilihat dan diunduh adalah daftar transaksi, current stock, goods issue, cacat, inspection production, dan inspeksi cacat harian. 2. Kajian Pustaka ERD merupakan sekumpulan perangkat untuk memodelkan struktur data, hubungan antar data, makna data, dan batasan data. Dengan ERD, model dapat diuji dengan mengabaikan proses yang dilakukan. ERD dibuat berdasarkan cara pandang bahwa dunia nyata yang terdiri atas sekumpulan objek-objek dasar yang dinamakan entitas, dan hubungan (relasi) antar objek tersebut. Dan entitas dideskripsikan lebih jauh lagi melalui sekumpulan atribut [1]. DFD adalah diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD juga merupakan dokumentasi dari sistem yang baik. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data tersebut akan disimpan. DFD merupakan alat yang cukup populer, karena menggambarkan arus data di dalam sistem dengan terstruktur dan jelas. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur. Kelebihan utama pendekatan aliran data, yaitu kebebasan dari menjalankan implementasi teknis sistem, pemahaman lebih jauh mengenai keterkaitan satu sama lain dalam sistem dan subsistem, mengkomunikasikan pengetahuan sistem yang ada dengan pengguna melalui diagram aliran data, dan menganalisis sistem yang diajukan untuk menentukan apakah data-data dan proses yang diperlukan sudah ditetapkan [2]. 76
Pembuatan Aplikasi Berbasis Web (Imbar,dkk) Kamus data adalah suatu tempat penyimpanan atau daftar dari data elemenelemen yang mereorganisasi dengan definisi yang tetap dan sesuai dengan sistem, sehingga user dan penganalisa sistem mempunyai pengertian yang sama tentang input, output, dan komponen data store. Kamus data juga mempunyai fungsi yang sama dalam pemodelan sistem dan berfungsi membantu pelaku sistem untuk mengerti aplikasi secara detail. Kamus data dibentuk berdasarkan alur data yang terdapat pada DFD. Untuk menunjukkan struktur dari data secara terperinci maka dibentuk kamus data. Kamus data digunakan untuk menjelaskan isi (struktur data) dari penyimpan data yang ada pada diagram konteks dan diagram aliran data. Spesifikasi proses (PSPEC) merupakan deskripsi dari setiap proses yang ada pada DFD yang digunakan untuk mendeskripsikan proses yang terjadi pada level paling rendah suatu DFD. Hubungan DFD dengan PSPEC yaitu semua proses dalam DFD yang tidak dapat dipecah kembali harus didefinisikan dalam PSPEC, aliran data masuk (input) dan keluar (output) dalam DFD dan hubungan ke data store harus sesuai dan relevan pada PSPEC, setiap elemen data dalam PSPEC harus merupakan nama dari aliran data/data store atau komponen dalam kamus data untuk suatu aliran data/data store yang berhubungan dalam DFD [3]. 3. Perancangan Sistem ERD yang dibuat merupakan suatu rancangan basis data yang dibutuhkan dalam pembuatan sistem. ERD yang dibuat terdiri dari dua bagian yaitu ERD yang terlihat pada Gambar 1 dan ERD temporary yang terlihat pada Gambar 2. ERD temporary menggambarkan sistem untuk pembuatan laporan-laporan. Rancangan yang di buat sesuai dengan kebutuhan perusahaan untuk memudahkan dalam penginputan dan pongontrolan data-data produksi. GROUPS UOM MATERIAL DESCMATERIAL
R_design_ material
NEWDESIGN
OLDDESIGN
material
WIDTH KETERANGAN
WARP
COPMP
QTYLUSI
ITEM
DENSITY
WEFT1
COPMR
QTY
BATCH
ID
COPMW
QTYPAKAN1
AUTOCREATED
R_transactdetail_ material
QTYPAKAN2
R_material_ masterpropersiapan
MOVE
COPMC
IOSTATUS
WEFT2
REFERENCE
design
R_design_ transactdetail
GRWEFT1
NOCSE
transactdetail
R_material_ materialstock
GRADE
WOVTYPE
GRWEFT2 GRTOTAL SHRKWARP
SPC
R_transactdetail_ masterpropersiapan
SHRKWEFT SHRKEND
masterpropersiapan
SLV PRO NOORDER
NO JENISCACAT mastercacat
DESCRIPTIONCACAT
R_transactdetail_ transactheader
R_mastercacat_ transactdetail
ACTIVE
R_transactdetail _storagelog
KODECACAT
BATCH
PASSWD
NAMA
USERNAME
RESERVASI
Materialstock
SALDO
users
R_users_ transactheader
transactheader storageloc DOCDATE
R_materialstock_ storageloc
REMARK
MATDOC
ENTRYDATE
SLOC
DESCSLOC
POSTINGDATE
Gambar 1 Entity Relationship Diagram
77
Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100
PERCENTTOTAL USERNAME
PERCENTSUBTOTALLUSI
PBL
TOTALPROD
OLDDESIGN
SUBTOTALLUSI
GRADEATODAY
OLDDESIGN
SNR
GRADEBTODAY
USERNAME
LL
PERCENTGS
SAPDESIGN
NEWDESIGN
TOTAL
PERCENTLL
GRADEC1TODAY
PERCENTSNR TOTALDELIVERY
GRADEC2TODAY
SP
GS
PERCENTSP
PERCENTBB tempcacatinspecting
BB
GRADEDTODAY
GRADEDTODELIVERY tempinspecproduction
PBL
TOTALTODAY
GRADEC2TODELIVERY
PERCENTTK
PERCENTPBL
GRADEATODATE GRADEC1TODELIVERY
PP
TK
GRADEBTODATE PERCENTLD
GRADEBTODELIVERY
PERCENTPP
PD LD
GRADEC1TODATE
GRADEATODELIVERY ATB
PERCENTLP
LP
PERCENTPD TOTALTODATE
RT
SUBTOTALPAKAN
GRADEC2TODATE GRADEDTODATE
MATERIAL
PERCENTATB PERCENTSUBTOTALPAKAN
PERCENTRT USERNAME
DESCMATERIAL POSTINGDATE
ENTDATE
tempstock
POSTINGDATE
DOCDATE
USERENTRY
USERNAME MATDOC
ENTRYDATE
USER UOM
BATCH
REMARK REFERENCE
DATE MATDOC
MATERIAL USERNAME
USERNAME
KODECACAT
SALDO
DESIGN
NOORDER
MATERIAL
tempcacat
NOORDER
DESCRIPTIONCACAT
temptransactlist MATERIAL
QTY UOM
tempgoodissue QTYPAKAN2 BATCH
AUTOCREATED
IOSTATUS
TOTALPAKAN UOM
MOVE
ITEM
NEWDESIGN
WARP
NEWDESIGN
BATCH QTY IOSTATUS
SLOC
WEFT2
KETERANGAN
SAPBEAM QTY
DESCMATERIAL
QTYLUSI
QTYPAKAN1
SLOC WEFT1
Gambar 2 Entity Relationship Diagram Temporary
DFD yang dirancang merupakan gambaran alur program, mulai dari context diagram sampai dengan level paling kecil. Dalam aplikasi ini user dapat melakukan seluruh sistem informasi yang ada didalam aplikasi produksi weaving spun ini, dengan disertai oleh data-data masukan dan akan mengembalikan data-data yang dibutuhkan. Melalui DFD, aplikasi yang dibuat sesuai dengan keinginan dan kebutuhan pada perusahaan. DFD sistem informasi produksi weaving spun di PT. X unit kain dapat dilihat pada Gambar 3. Data_Input User Data_Output
SI Produksi Weaving PT X unti kain
Gambar 3 Context Diagram
Dari Gambar 3, dapat dijelaskan tentang data input maupun data outputnya adalah sebagai berikut: Data_Input = USERNAME + PASSWD + PRO + MOVE + SLOC + Data_Input_HeaderTransaksi + Data_GR_DetailPersiapan + Data_GR_DetailWeaving + Data_GI_DetailPersiapan + Data_GI_DetailWeaving + Data_Input_TransaksiList + MATDOC + Header_Kepada + Header_Pengirim + Proses + NEWDESIGN + Tanggal + Tanggal_awal + Tanggal_akhir + Bulan + Tahun + MATERIAL + Download +
78
Pembuatan Aplikasi Berbasis Web (Imbar, dkk.) DOCDATE + POSTINGDATE + REMARK + QTY + KODECACAT + QtyBeam + NOORDER + KETERANGAN + MaterialBeam + BatchBeam
Data_Output = No + MATERIAL + NEWDESIGN + QTY + SLOC + BATCH + SALDO + NAMA + Tanggal + Data_TransactList + Data_GoodIssue + Data_Cacat + Data_InspectionCacat + Data_CurrenStock + Data_Report_InspecProduction + MATDOC + Data_Input_HeaderTransaksi + Data_GR_DetailPersiapan + Data_GR_DetailWeaving + Data_GI_DetailPersiapan + Data_GI_DetailWeaving + Data_Transfer.
USERNAME, PASSWD
1 Login
users NAMA
7 Edit Transaksi
MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY, KODECACAT, QtyBeam, NOORDER, KETERANGAN, MaterialBeam, BatchBeam
NAMA
USERNAME, PASSWD MATERIAL, SALDO, BATCH
2 Transaksi
MATDOC, Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan, Data_GR_Detailweaving, Data_GI_DetailPersiapan, Data_GI_Detailweaving Data_Transfer
No, MATERIAL, NEWDESIGN, QTY, SLOC, BATCH
MATDOC
3 Transfer
User MOVE, MATDOC
Remark, Data_TransactHeader
masterstock
Data_Transfer, MATDOC, Header_Kepada, Header_Pengirim
6 Cancel transaksi
Transactheader
Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan, Data_GR_DetailWeaving, Data_GI_DetailPersiapan, Data_GI_DetailWeaving
MATERIAL, SALDO, BATCH, Data_SuratPengantar
R_design_material
MATERIAL
SALDO
NEWDESIGN
MOVE, MATDOC, IOSTATUS, REFERENCE
Proses, NEWDESIGN, PRO
MOVE, MATDOC,ID, QTY, SLOC, BATCH, NEWDESIGN, MATERIAL
Transactdetail*
4 Create PrO
MATERIAL
No, Tanggal, Data_TransactList, Data_GoodIssue, Data_Cacat, Data_InspectionCacat, Data_CurrenStock, Data_InspecProduction Data_Percent_InspecProduction
Tanggal_awal, Tanggal_akhir, Tanggal, Data_Input_TransaksiList, Bulan, Tahun, SLOC, MATERIAL, Tipe_Download
MATERIAL, NOORDER, MOVE
MATERIAL
Data_ProPersiapan
NOORDER
Transactdetail*
masterpropersiapan
5 Report
Gambar 4 DFD Level 1
Pengguna dapat melakukan banyak proses/fitur di dalam aplikasi ini yang digambarkan pada Gambar 4 yaitu login, beberapa transaksi, transfer kain grey, create nomor PrO yang baru, melihat laporan, dan melakukan pembatalan maupun pengeditan transaksi yang telah dilakukan. Semua proses ini dihubungkan dengan data store. Seluruh proses yang berhubungan dengan transaksi harus meng-update stock barang pada gudang dan melakukan pengecekan pada gudang tersebut. Dari Gambar 4 dapat dijelaskan bahwa duplikasi penulisan tabel database ditandai dengan * transactdetail. Data-data pada Gambar 4 dapat dijelaskan sebagai berikut: Data_ProPersiapan = PRO + NOORDER + RESERVASI + MATERIAL + ACTIVE. Data_TransactHeader = MATDOC + DOCDATE + POSTINGDATE + ENTRYDATE + USERNAME
Proses yang dapat diuraikan/dikembangkan kembali akan digambarkan pada DFD level-level lebih kecil, sampai proses tersebut tidak dapat diuraikan kembali. 79
Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100 Level-level tersebut yaitu: Di dalam sistem aplikasi yang dibuat, terdapat suatu proses yang menangani transaksi-transaksi yang dilakukan. Proses transaksi terdiri dari dua bagian yaitu proses transaksi Goods Receipt dan Goods Issue yang terlihat pada Gambar 5.
NEWDESIGN
MATERIAL, ACTIVE
design
masterpropersiapan PRO
GRWARP, SHRKWARP, GRWEFT1, GRWEFT2 Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan, Data_GR_DetailWeaving
2.1 Transaksi Goods Receipt
MATERIAL
Data_TransactHeader, REMARK
SALDO
MATDOC
Data_TransactDetail
User
transactheader
Data_TransactHeader, REMARK
transactdetail
Data_TransactDetail
MATERIAL, NEWDESIGN
MATERIAL, SLOC, BATCH, SALDO
MATDOC, ITEM
masterstock
MATDOC, ITEM
MATDOC Data_Input_HeaderTransaksi, Data_GI_DetailPersiapan, Data_GI_DetailWeaving
NEWDESIGN
R_design_material
MATERIAL, SLOC, BATCH, SALDO SALDO
2.2 Transaksi Goods Issue
NEWDESIGN
MATERIAL, NEWDESIGN
MATERIAL, SALDO, BATCH
Gambar 5 DFD Level 2 Proses Transaksi
Di dalam proses-proses tersebut dibagi lagi menjadi dua proses. Proses transaksi Goods Receipt dibagi menjadi Goods Receipt Persiapan Sizing dan Goods Receipt Weaving AJL yang terlihat pada Gambar 6. Untuk transaksi Goods Issue dibagi pula menjadi dua proses yang sama dengan proses Goods Receipt.
80
Pembuatan Aplikasi Berbasis Web (Imbar, dkk.)
R_design_material *
design ** MATERIAL, NEWDESIGN GRWARP
NEWDESIGN
NEWDESIGN
Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan
2.1.1 Transaksi Goods Receipt Persiapan Sizing
MATERIAL
MATERIAL, ACTIVE
Data_TransactDetail
Data_TransactHeader, REMARK
MATDOC, ITEM
PRO MATERIAL, SLOC, BATCH
User
masterpropersiapan
MATDOC
SALDO
masterstock
MATERIAL, ACTIVE
MATERIAL, SLOC, BATCH
transactheader
transactdetail
Data_TransactHeader, REMARK
SALDO MATDOC
MATDOC, ITEM
PRO
2.1.2 Transaksi Goods Receipt Weaving AJL
Data_Input_HeaderTransaksi, Data_GR_DetailWeaving
Data_TransactDetail
MATERIAL NEWDESIGN
NEWDESIGN MATERIAL, NEWDESIGN
R_design_material *
SHRKWARP, GRWEFT1, GRWEFT2
design **
Gambar 6 DFD Level 3 Proses Transaksi Goods Receipt
Dari Gambar 6 dapat dijelaskan bahwa duplikasi penulisan tabel database ditandai dengan * untuk R_design_material dan ** untuk design. Untuk data-data dari Gambar 6 dapat dijelaskan sebagai berikut: Data_GR_DetailPersiapan = NEWDESIGN + QTY Data_GR_DetailWeaving = NEWDESIGN + QTY + Grade + Lot + Cacat Data_Input_HeaderTransaksi = DOCDATE + POSTINGDATE + REMARK + SLOC + MOVE + Proses Data_TransactHeader = MATDOC + DOCDATE + POSTINGDATE + ENTRYDATE + USERNAME Data_TransactDetail = MATDOC + MOVE + AUTOCREATED + MATERIAL + NEWDESIGN + SLOC + BATCH + IOSTATUS + QTY + QTYLUSI + QTYPAKAN1 + QTYPAKAN2 + PRO + ITEM + KETERANGAN
Salah satu fitur dari aplikasi yang dibuat ini yaitu enam report/laporan. Laporan tersebut dibagi menjadi enam buah proses yang terlihat pada Gambar 7. Prosesproses tersebut dibagi lagi menjadi tiga proses yang mendetail pada level 3 seperti yang terlihat pada Gambar 8.
81
Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100
Tanggal_awal, Tanggal_akhir, Download
No, Tanggal, Data_TransactList
5.1 List Transaksi
5.4 Cacat Data_Input_TransaksiList, Download
No, Tanggal, Data_Cacat
SLOC, MATERIAL, Download
5.2 Current Stock
Tanggal, Download
5.5 Inspection production
User No, Tanggal, Data_CurrenStock
No, Tanggal, Data_InspecProduction Data_Percent_InspecProduction
No, Tanggal, Data_GoodIssue
Tanggal, Download
5.3 Goods Issue Bulan, Tahun, Download
5.6 Inspection cacat harian
No, Tanggal, Data_InspectionCacat
Gambar 7 Level 2 Proses Report
S_TL_Transactdetail
POSTINGDATE
transactdetail
transactheader
Data_TransactHeader, REMARK
MOVE, SLOC
MATERIAL
User
Data_Input_TransaksiList
5.1.1 Input Detail List Trasaksi
Data_TransactList, USERNAME
USERNAME
No, Tanggal, Data_TransactList
No, Tanggal, Data_TransactList
temptransactlist
Data_TransactList
5.1.2 Report List Transaksi
Tipe_Download
material
DESCRIPTION, UOM
5.1.3 Download Report List Transaksi
USERNAME
USERNAME
Data_TransactList
Gambar 8 Level 3 Proses List Transaksi
Data-data dari Gambar 7 dan 8 dapat dijelaskan sebagai berikut: Data_Input_TransaksiList = Tanggal_awal + Tanggal_akhir + SLOC + MOVE Data_TransactHeader = MATDOC + DOCDATE + POSTINGDATE + ENTRYDATE + USERNAME S_TL_Transactdetail = MOVE + AUTOCREATED + MATERIAL + QTY + NEWDESIGN + KETERANGAN + SLOC + BATCH + IOSTATUS + PRO + ITEM + REFERENCE Data_TransactList = MATDOC + DOCDATE + POSTINGDATE + ENTRYDATE + USERENTRY + REMARK + MOVE + AUTOCREATED + MATERIAL + NEWDESIGN + KETERANGAN + DESCMATERIAL + SLOC + BATCH + IOSTATUS + QTY + UOM + PRO + ITEM + REFERENCE
82
Pembuatan Aplikasi Berbasis Web (Imbar, dkk.) Ketika fitur transaksi pada aplikasi dilakukan, kemungkinan kesalahan data dapat terjadi, sehingga dibuatlah proses edit data transaksi-transaksi yang ada pada aplikasi. Edit tersebut terdiri dari lima bagian transaksi seperti yang terlihat pada Gambar 9.
design GRWARP
MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY
NEWDESIGN
Remark,Data_TransactHeader
7.1 Edit Transaksi Goods Receipt Persiapan Sizing
MATDOC, Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan, MATERIAL MATERIAL, SLOC, BATCH, SALDO SALDO PRO
Transactheader Remark,Data_TransactHeader
Data_TransactDetail Data_TransactDetail
MATERIAL, CTIVE NEWDESIGN
MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY, KODECACAT MATDOC, Data_Input_HeaderTransaksi, Data_GR_Detailweaving, MATERIAL SALDO
7.2 Edit Transaksi Goods Receipt Weaving AJL
GRWARP
Remark,Data_TransactHeader Remark,Data_TransactHeader
MATERIAL, SLOC , BATCH, SALDO Data_TransactDetail
MATERIAL, ACTIVE
Data_TransactDetail
masterpropersiapan
Transactdetail
PRO
MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY
User
MATDOC, Data_Input_HeaderTransaksi, Data_GI_DetailPersiapan MATERIAL, SLOC , BATCH, SALDO
7.3 Edit Transaksi Goods Issue Persiapan Sizing
Data_TransactDetail Data_TransactDetail
Remark,Data_TransactHeader Remark,Data_TransactHeader
masterstock SALDO Data_TransactDetail SALDO MATERIAL, SLOC, BATCH, SALDO MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY,QtyBeam
7.4 Edit Transaksi Goods Issue Weaving AJL
MATDOC, Data_Input_HeaderTransaksi, Data_GI_Detailweaving, MaterialBeam, BatchBeam
Remark,Data_TransactHeader Remark,Data_TransactHeader
PRO NOORDER MATERIAL, SLOC, BATCH, SALDO SALDO MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY, NOORDER, KETERANGAN MATDOC, Data_Transfer
Data_TransactDetail
Data_TransactDetail
7.5 Edit Transaksi Transfer Grey Spun
Data_TransactDetail
Remark,Data_TransactHeader Remark,Data_TransactHeader
Gambar 9 Level 2 Proses Edit Transaksi
Data-data dari Gambar 9 dapat dijelaskan sebagai berikut: Data_Input_HeaderTransaksi = DOCDATE + POSTINGDATE + REMARK + SLOC + MOVE + Proses Data_GI_DetailPersiapan = NEWDESIGN + MATERIAL + BATCH + QTY Data_GI_DetailWeaving = NEWDESIGN + MATERIAL + BATCH + QTY + QtyBeam Data_GR_DetailPersiapan = NEWDESIGN + QTY Data_GR_DetailWeaving = NEWDESIGN + QTY + Grade + Lot + Cacat Data_Transfer = DOCDATE + POSTINGDATE + REMARK + MOVE + Sloc_dari + Sloc_ke + NEWDESIGN + BATCH + QTY + NOORDER + KETERANGAN Data_TransactHeader = MATDOC + DOCDATE + POSTINGDATE + ENTRYDATE + USERNAME Data_TransactDetail = MATDOC + MOVE + AUTOCREATED + MATERIAL + NEWDESIGN + SLOC + BATCH + IOSTATUS + QTY + QTYLUSI + QTYPAKAN1 + QTYPAKAN2 + PRO + ITEM + KETERANGAN
83
Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100 Kamus Data Tabel 1 Kamus Data User
Tabel 2 Kamus Data R_design_material
84
Pembuatan Aplikasi Berbasis Web (Imbar, dkk.) Tabel 3 Kamus Data Masterpropersiapan
PSPEC Tabel 4 PSPEC Login
85
Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100 Tabel 5 PSPEC Create PrO
Tabel 6 PSPEC Cancel Transaksi
4. Hasil dan Pembahasan
Aplikasi web ini hanya dapat digunakan oleh beberapa orang pada bagianbagian perusahaan. Oleh karena itu dalam aplikasi ini dilengkapi menu hak akses yaitu menu login seperti yang terlihat pada Gambar 10.
Gambar 10 Menu Login
86
Pembuatan Aplikasi Berbasis Web (Imbar, dkk.) Di dalam aplikasi ini pengguna akan diberikan menu-menu pilihan yang dapat digunakan seperti yang terlihat pada Gambar 11. Menu-menu tersebut ditulis dalam bentuk link sehingga memudahkan pengguna dalam mengakses menu tersebut. Aplikasi ini dilengkapi juga dengan sistem logout.
Gambar 11 Link Menu Aplikasi
Gambar 12 Menu Transaksi
Seluruh data pada aplikasi diinput melalui menu transaksi seperti terlihat pada Gambar 12. Seluruh data yang diinput didapatkan dari data lapangan produksi, dan akan diinput setiap harinya. Seluruh data ini dapat dijadikan beberapa laporan yang dapat memudahkan dalam penginputan ke dalam SAP PT. X. Transaksi terdiri dari empat yaitu, transaksi goods receipt persiapan, goods issue persiapan, goods receipt weaving AJL, dan goods issue weaving AJL. Seluruh data transaksi akan menyimpan/meng-update data stok pada gudang. Setelah melakukan pemasukan data transaksi, pengguna juga dapat melakukan transaksi transfer kain grey, ke gudang lain atau juga perusahaan PT. X lainnya seperti pada Gambar 13. Data transfer yang telah dilakukan akan secara otomatis meng-update stok barang pada gudang asal. Setelah melakukan transaksi transfer ini pengguna harus membuat surat pengantar kain grey seperti terlihat pada Gambar 14, dengan aplikasi ini pengguna dapat mencetak surat pengantar dengan mudah seperti pada Gambar 15. Dari transaksi yang telah dimasukkan, pengguna dapat melihat laporan di antaranya adalah daftar transaksi seperti terlihat pada Gambar 16, cacat, goods issue, current stock, inpection production dan inspection cacat harian. Seluruh 87
Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100 report tersebut dapat diunduh dengan mudah dalam tipe file *.xls dan *csv.y
Gambar 13 Transaksi Transfer Grey
Gambar 14 Menu Input Surat Pengantar
Gambar 15 Surat Pengantar Gre
88
Pembuatan Aplikasi Berbasis Web (Imbar, dkk.)
Gambar 16 Report Daftar Transaksi
Pengujian yang dilakukan terhadap aplikasi ini yaitu pengguna memasukkan data yang salah akan diberikan pesan bahwa data yang dimasukkan tidak sesuai, data yang dimasukkan tidak sesuai dengan database akan diberikan pesan bahwa data tidak tersedia, dan apabila stok tidak mencukupi maka aplikasi tidak dapat menyimpan atau mengubah data dan akan ditampilkan pesan.
5. Simpulan Dari pembahasan maupun pengujian yang telah dilakukan dapat disimpulkan bahwa aplikasi ini akan disimpan dalam sebuah server dan terpisah dengan komputer client, seluruh data yang dimasukkan dalam aplikasi dapat dibuat menjadi beberapa report yang jauh lebih efisien, dan aplikasi ini dibuat sesuai dengan data yang dibutuhkan pada SAP dan lapangan.
6. Daftar Pustaka [1] [2]
[3]
Ibrahim, Niko,.Materi Database. Bandung. Hartini. Analisis dengan Diagram Aliran Data (DFD). http:// www.ilkom.unsri.ac.id/dosen/hartini/materi/VII_DFD.pdf. Diakses tanggal 10 Maret 2008. Imbar, Radiant Victor. Materi DFD. Bandung.
89