Pembuatan Aplikasi Berbasis Web pada Produksi Weaving Spun ... · pembuatan laporan-laporan, dan...

75

Pembuatan Aplikasi Berbasis Web pada ProduksiWeaving Spun di PT. X Unit Kain

1)Radiant Victor Imbar, 2)Natalia

Jurusan Teknik InformatikaFakultas Teknologi Informasi, Universitas Kristen Maranatha

Jl. Prof. Drg. Suria Sumantri no. 65 Bandung 40164Email: 1)[email protected], 2)[email protected]

Abstract

A Grey Spun is a base material for making fabric to spun. Fabricdivision of PT X is the division which handles production process forgrey spun fabric. This division uses manual method for filling theproduction data. Some of the data like the using of base material forproduction process and the result of production process need to beuploading into SAP (System Application and Product in data processing).Therefore, a web base application is designed for grey spun fabricproduction. With this application, we can upload and download the datato/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 bidangindustri tekstil yang berlokasi di berbagai kota. Salah satu perusahaan yang tergabungdalam PT. X adalah PT. X unit kain, yang berlokasi di Bandung. PT. X unit kain inimerupakan perusahaan tekstil yang melakukan proses produksi weaving spun,dengan hasil produksi berupa kain grey spun (kain spun setengah jadi) yang dikirimke PT. X unit lain atau dikirim ke perusahaan lain sebagai pembeli. Karena lokasiPT. X unit kain cukup jauh, maka penggunaan SAP (System Application andProduct in data processing) sebagai sistem informasi belum memungkinkan. Sisteminformasi dilakukan secara manual dengan Microsoft Excel. Data lapangan akandibuat menjadi laporan produksi setiap harinya oleh seseorang yang diberikepercayaan. Laporan tersebut menjadi pegangan bagi perusahaan, tetapi seringterjadi kelalaian dalam penyimpanan laporan yang mengakibatkan hilangnya laporanproduksi 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 baruuntuk membantu dalam pendataan proses produksinya. Sistem akan dibuatmenggunakan aplikasi berbasis web yang mencakup proses persiapan, weavingAir Jet Loom (AJL), sampai dengan inspeksi secara keseluruhan setiap harinya,

Pembuatan Aplikasi Berbasis Web (Imbar dan Natalia)

76

Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100

sehingga aplikasi ini membantu PT. X dalam pemasukan data transaksi bahanproduksi secara goods receipt dan goods issue untuk suatu desain kain grey spun,pembuatan laporan-laporan, dan pembuatan surat pengantar kain grey spun. Datasetiap proses dapat dengan mudah dilihat, laporan-laporan dapat diunduh, danpemasukan data yang diperlukan dapat dilakukan dengan mudah.

Pembatasan masalah untuk aplikasi ini dibagi menjadi tiga yaitu (1) Dari segiperangkat lunak, sistem operasi yang digunakan adalah Linux Mandriva, sistem basisdata yang digunakan adalah MySQL, bahasa scripting yang digunakan adalah PHP,AJAX, HTML, JavaScript, dan Css, editor pemrograman yang digunakan adalahMacromedia Dreamweaver, browser yang digunakan adalah Mozilla Firefox, danweb server yang digunakan adalah HeidiSQL; (2) Dari segi perangkat keras, yangmeliputi PC dengan Pentium IV, prosesor Intel Celeron 900 MB GHz, memori 512MB, harddisk 60 GB; (3) Dari segi aplikasi, yaitu aplikasi ini digunakan padaperusahaan tekstil di Bandung, yaitu PT. X unit kain, aplikasi berhubungan dengandata-data Management Material (MM) dan Planning Production (PP) di PT. Xunit kain, aplikasi ini hanya mencakup bagian produksi kain grey, dimulai daripenggunaan bahan produksi sampai kain grey dikirim ke gudang/perusahaan lain,aplikasi mengakses dan meng-update data stok barang pada gudang, aplikasi akandisimpan pada server yang terpisah dengan komputer client, dan laporan yangdapat 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 dapatdiuji dengan mengabaikan proses yang dilakukan. ERD dibuat berdasarkan carapandang bahwa dunia nyata yang terdiri atas sekumpulan objek-objek dasar yangdinamakan entitas, dan hubungan (relasi) antar objek tersebut. Dan entitasdideskripsikan lebih jauh lagi melalui sekumpulan atribut [1].

DFD adalah diagram yang menggunakan notasi-notasi untuk menggambarkanarus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistemsecara logika, tersruktur dan jelas. DFD juga merupakan dokumentasi dari sistemyang baik. DFD merupakan alat bantu dalam menggambarkan atau menjelaskansuatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logikatanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir ataulingkungan fisik dimana data tersebut akan disimpan. DFD merupakan alat yangcukup populer, karena menggambarkan arus data di dalam sistem dengan terstrukturdan jelas. DFD merupakan alat yang digunakan pada metodologi pengembangansistem yang terstruktur. Kelebihan utama pendekatan aliran data, yaitu kebebasandari menjalankan implementasi teknis sistem, pemahaman lebih jauh mengenaiketerkaitan satu sama lain dalam sistem dan subsistem, mengkomunikasikanpengetahuan sistem yang ada dengan pengguna melalui diagram aliran data, danmenganalisis sistem yang diajukan untuk menentukan apakah data-data dan prosesyang diperlukan sudah ditetapkan [2].

77

Kamus data adalah suatu tempat penyimpanan atau daftar dari data elemen-elemen 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 samadalam pemodelan sistem dan berfungsi membantu pelaku sistem untuk mengertiaplikasi secara detail. Kamus data dibentuk berdasarkan alur data yang terdapatpada DFD. Untuk menunjukkan struktur dari data secara terperinci maka dibentukkamus data. Kamus data digunakan untuk menjelaskan isi (struktur data) daripenyimpan data yang ada pada diagram konteks dan diagram aliran data.

Spesifikasi proses (PSPEC) merupakan deskripsi dari setiap proses yangada pada DFD yang digunakan untuk mendeskripsikan proses yang terjadi padalevel paling rendah suatu DFD. Hubungan DFD dengan PSPEC yaitu semua prosesdalam DFD yang tidak dapat dipecah kembali harus didefinisikan dalam PSPEC,aliran data masuk (input) dan keluar (output) dalam DFD dan hubungan ke datastore harus sesuai dan relevan pada PSPEC, setiap elemen data dalam PSPECharus merupakan nama dari aliran data/data store atau komponen dalam kamusdata untuk suatu aliran data/data store yang berhubungan dalam DFD [3].

3. Perancangan Sistem

ERD yang dibuat merupakan suatu rancangan basis data yang dibutuhkandalam pembuatan sistem. ERD yang dibuat terdiri dari dua bagian yaitu ERD yangterlihat pada Gambar 1 dan ERD temporary yang terlihat pada Gambar 2. ERDtemporary menggambarkan sistem untuk pembuatan laporan-laporan. Rancanganyang di buat sesuai dengan kebutuhan perusahaan untuk memudahkan dalampenginputan dan pongontrolan data-data produksi.

usersNAMA

PASSWD

USERNAME

transactheader

POSTINGDATE

DOCDATE

MATDOC ENTRYDATE

REMARK

mastercacatDESCRIPTIONCACAT

KODECACAT

JENISCACAT

design

NEWDESIGN

DENSITY

OLDDESIGN WIDTH

WOVTYPE

WARP

WEFT1

WEFT2

SPC

SLV

NO

SHRKWARP

SHRKWEFT

SHRKEND

GRWEFT1

GRWEFT2GRTOTAL

COPMP

COPMC

COPMR

COPMW

R_users_transactheader

MOVE

ID

AUTOCREATED

BATCH

IOSTATUS

QTY

QTYLUSI

QTYPAKAN1

QTYPAKAN2

REFERENCE

ITEM

NOCSE

KETERANGAN

material

MATERIAL

DESCMATERIAL

GROUPS

UOM

R_material_masterpropersiapan

PRONOORDER

RESERVASIACTIVE

transactdetail

storageloc

DESCSLOCSLOC

R_transactdetail_transactheader

R_design_transactdetail

R_mastercacat_transactdetail

R_transactdetail_masterpropersiapan

R_transactdetail_storagelog

masterpropersiapan

R_design_material

GRADE

Materialstock

R_material_materialstock

R_materialstock_storageloc

SALDO

BATCH

R_transactdetail_material

Gambar 1 Entity Relationship Diagram

Pembuatan Aplikasi Berbasis Web (Imbar,dkk)

78


tempinspecproduction

GRADEDTODATE

GRADEC2TODATE

GRADEBTODATE

GRADEATODATE

TOTALTODAY

GRADEDTODAY

GRADEC2TODAY

GRADEC1TODAY

GRADEBTODAY

GRADEATODAY

PBL

TOTALDELIVERY

GRADEC2TODELIVERY

GRADEATODELIVERY GRADEC1TODATE

GRADEDTODELIVERY

GRADEC1TODELIVERY

GRADEBTODELIVERY

TOTALTODATE

USERNAME

SAPDESIGN

OLDDESIGN

tempstock

MATERIAL

DESCMATERIAL

BATCH

SALDO

UOM

USERNAME

tempcacatUSERNAME

USER

MATERIAL

KODECACAT

DESCRIPTIONCACAT

NEWDESIGN

SLOCIOSTATUS

QTY

BATCH

UOM

MATDOC

DOCDATE

ENTDATE POSTINGDATE

temptransactlist

SLOC

DESCMATERIAL

NEWDESIGN

MATERIAL

AUTOCREATED

MOVE

REMARK

USERENTRY

ENTRYDATE

POSTINGDATE

MATDOC

REFERENCE

IOSTATUS

BATCH KETERANGAN

ITEM

NOORDER

UOM

QTY

USERNAME

tempgoodissue

DATE

DESIGN

MATERIAL

QTY

WARP

SAPBEAM

QTYLUSI

WEFT1

QTYPAKAN1

WEFT2

QTYPAKAN2

TOTALPAKAN

USERNAME

NOORDER

tempcacatinspecting

NEWDESIGN

PERCENTSNR

SP

PERCENTSP

PBL

PERCENTPBL

PP

PERCENTPP PD

PERCENTPD

PERCENTATB

RT

PERCENTRT PERCENTSUBTOTALPAKAN

PERCENTLP SUBTOTALPAKAN LP

PERCENTLD

LD

OLDDESIGN

SNR

ATB

TK

PERCENTBB

PERCENTTK

PERCENTGS

BB

LL

GS

PERCENTLL SUBTOTALLUSI

TOTAL

PERCENTSUBTOTALLUSI

PERCENTTOTAL

TOTALPROD

USERNAME

Gambar 2 Entity Relationship Diagram Temporary

DFD yang dirancang merupakan gambaran alur program, mulai dari contextdiagram sampai dengan level paling kecil. Dalam aplikasi ini user dapat melakukanseluruh sistem informasi yang ada didalam aplikasi produksi weaving spun ini, dengandisertai oleh data-data masukan dan akan mengembalikan data-data yang dibutuhkan.

Melalui DFD, aplikasi yang dibuat sesuai dengan keinginan dan kebutuhanpada perusahaan. DFD sistem informasi produksi weaving spun di PT. X unit kaindapat dilihat pada Gambar 3.

SIProduksi Weaving

PT X unti kain

User

Data_Input

Data_Output

Gambar 3 Context Diagram

Dari Gambar 3, dapat dijelaskan tentang data input maupun data outputnyaadalah 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 +

79

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.

1Login

User 3Transfer

2Transaksi

4Create PrO

5Report

6Cancel transaksi

Transactdetail*

masterstock

MOVE, MATDOC,

IOSTATUS, REFERENCE

R_design_material

masterpropersiapan

usersNAMA

USERNAME,PASSWD

NAMA USERNAME, PASSWD

Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan,Data_GR_DetailWeaving, Data_GI_DetailPersiapan,

Data_GI_DetailWeaving

MATERIAL, SALDO, BATCH

Data_Transfer, MATDOC, Header_Kepada, Header_Pengirim

MATERIAL, SALDO, BATCH,Data_SuratPengantar

Data_ProPersiapanMATERIAL Transactdetail*

NOORDERMATERIAL, NOORDER, MOVE

MATERIALNEWDESIGN

MATERIAL

Proses, NEWDESIGN, PRO

No, Tanggal, Data_TransactList,

Data_GoodIssue, Data_Cacat,

Data_InspectionCacat, Data_CurrenStock,

Data_InspecProductionData_Percent_InspecProduction

Tanggal_awal, Tanggal_akhir, Tanggal, Data_Input_TransaksiList, Bulan, Tahun, SLOC, MATERIAL, Tipe_Download

MOVE, MATDOC,ID, QTY, SLOC, BATCH, NEWDESIGN, MATERIAL

No, MATERIAL, NEWDESIGN, QTY, SLOC, BATCH

MOVE, MATDOC

SALDO

Transactheader

Remark,Data_TransactHeader

MATDOC

7Edit Transaksi

MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY, KODECACAT,

QtyBeam, NOORDER, KETERANGAN, MaterialBeam, BatchBeam

MATDOC, Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan,Data_GR_Detailweaving,

Data_GI_DetailPersiapan, Data_GI_Detailweaving

Data_Transfer

Gambar 4 DFD Level 1Pengguna 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 maupunpengeditan transaksi yang telah dilakukan. Semua proses ini dihubungkan dengandata store. Seluruh proses yang berhubungan dengan transaksi harus meng-updatestock barang pada gudang dan melakukan pengecekan pada gudang tersebut.

Dari Gambar 4 dapat dijelaskan bahwa duplikasi penulisan tabel databaseditandai dengan * transactdetail. Data-data pada Gambar 4 dapat dijelaskan sebagaiberikut:

Data_ProPersiapan = PRO + NOORDER + RESERVASI + MATERIAL +ACTIVE.

Data_TransactHeader = MATDOC + DOCDATE + POSTINGDATE +ENTRYDATE + USERNAME

Proses yang dapat diuraikan/dikembangkan kembali akan digambarkan padaDFD level-level lebih kecil, sampai proses tersebut tidak dapat diuraikan kembali.

Pembuatan Aplikasi Berbasis Web (Imbar, dkk.)

80


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 yaituproses transaksi Goods Receipt dan Goods Issue yang terlihat pada Gambar 5.

User

2.2Transaksi

Goods Issue

2.1Transaksi

Goods Receipt

Data_Input_HeaderTransaksi,Data_GI_DetailPersiapan, Data_GI_DetailWeaving

MATERIAL, SALDO, BATCH

Data_Input_HeaderTransaksi,Data_GR_DetailPersiapan,Data_GR_DetailWeaving

MATERIAL

transactheader transactdetail

design

masterstock

masterpropersiapan

R_design_material

NEWDESIGN MATERIAL,NEWDESIGN

GRWARP,

NEWDESIGN

SHRKWARP,GRWEFT1,GRWEFT2

Data_TransactHeader,REMARK

MATDOC

MATDOC, ITEM Data_TransactDetail

MATERIAL, SLOC,

BATCH,SALDO

SALDO

MATERIAL, ACTIVE

PRO


MATDOC

Data_TransactDetail MATDOC, ITEM

SALDO

MATERIAL, SLOC,

BATCH,SALDO

NEWDESIGNMATERIAL,

NEWDESIGN

Gambar 5 DFD Level 2 Proses TransaksiDi dalam proses-proses tersebut dibagi lagi menjadi dua proses. Proses

transaksi Goods Receipt dibagi menjadi Goods Receipt Persiapan Sizing dan GoodsReceipt Weaving AJL yang terlihat pada Gambar 6. Untuk transaksi Goods Issuedibagi pula menjadi dua proses yang sama dengan proses Goods Receipt.

81

User

2.1.2Transaksi

Goods Receipt Weaving AJL

2.1.1Transaksi

Goods Receipt Persiapan Sizing

transactheader transactdetail

design **

SHRKWARP,GRWEFT1,GRWEFT2

Data_Input_HeaderTransaksi,Data_GR_DetailWeaving

masterstock

MATERIAL, SLOC,BATCH SALDO

MATERIAL, SLOC,BATCH

SALDO

MATDOC, ITEM


MATDOC

NEWDESIGN

masterpropersiapan

design **

MATERIAL, ACTIVE

PRO

MATERIAL, ACTIVE

PRO

GRWARP

NEWDESIGN

Data_TransactDetail

Data_TransactDetail

MATDOC, ITEM

R_design_material *

NEWDESIGN

MATERIAL,NEWDESIGN

R_design_material *

NEWDESIGN

MATERIAL,NEWDESIGN


MATDOC

Data_Input_HeaderTransaksi,Data_GR_DetailPersiapan

MATERIAL

MATERIAL

Gambar 6 DFD Level 3 Proses Transaksi Goods Receipt

Dari Gambar 6 dapat dijelaskan bahwa duplikasi penulisan tabel databaseditandai dengan * untuk R_design_material dan ** untuk design. Untuk data-datadari Gambar 6 dapat dijelaskan sebagai berikut:

Data_GR_DetailPersiapan = NEWDESIGN + QTYData_GR_DetailWeaving = NEWDESIGN + QTY + Grade + Lot + CacatData_Input_HeaderTransaksi = DOCDATE + POSTINGDATE + REMARK +

SLOC + MOVE + ProsesData_TransactHeader = MATDOC + DOCDATE + POSTINGDATE +

ENTRYDATE + USERNAMEData_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. Laporantersebut dibagi menjadi enam buah proses yang terlihat pada Gambar 7. Proses-proses tersebut dibagi lagi menjadi tiga proses yang mendetail pada level 3 sepertiyang terlihat pada Gambar 8.


82


User

5.1List Transaksi

5.2Current Stock

5.3Goods Issue

5.4Cacat

5.5Inspection production

5.6 Inspection cacat

harian

Data_Input_TransaksiList,Download

No, Tanggal, Data_TransactList

No, Tanggal, Data_CurrenStock

SLOC, MATERIAL,Download

Bulan, Tahun, Download

No, Tanggal, Data_GoodIssue

Tanggal_awal, Tanggal_akhir,Download

No, Tanggal, Data_Cacat

Tanggal, Download

No, Tanggal, Data_InspecProduction

Data_Percent_InspecProduction

Tanggal, Download

No, Tanggal, Data_InspectionCacat

Gambar 7 Level 2 Proses Report

User5.1.1

Input Detail List Trasaksi

5.1.2Report List Transaksi

5.1.3Download Report

List Transaksi

temptransactlist

Data_Input_TransaksiList

transactheader

material


transactdetailPOSTINGDATE

MOVE, SLOC

S_TL_Transactdetail

MATERIAL

DESCRIPTION,UOM

Data_TransactList, USERNAME

Data_TransactList

USERNAME

USERNAME



Tipe_Download 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 + MOVEData_TransactHeader = MATDOC + DOCDATE + POSTINGDATE +

ENTRYDATE + USERNAMES_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

83

Ketika fitur transaksi pada aplikasi dilakukan, kemungkinan kesalahan datadapat terjadi, sehingga dibuatlah proses edit data transaksi-transaksi yang ada padaaplikasi. Edit tersebut terdiri dari lima bagian transaksi seperti yang terlihat padaGambar 9.

User

7.1Edit

Transaksi Goods Receipt

Persiapan Sizing

7.2Edit

Transaksi Goods Receipt Weaving AJL

7.3Edit

Transaksi Goods Issue Persiapan

Sizing

7.4Edit

Transaksi Goods Issue Weaving AJL

Transactdetail

masterstock

Transactheader

masterpropersiapan

7.5Edit

Transaksi Transfer Grey

Spun

MATERIAL, CTIVE

PRO

NOORDER

Data_TransactDetailData_TransactDetail

Data_TransactDetail

Data_TransactDetail

Data_TransactDetail

Data_TransactDetail

Data_TransactDetail

Data_TransactDetail

Data_TransactDetail

Data_TransactDetail









PRO

MATERIAL, ACTIVE

PRO

MATERIAL, SLOC, BATCH, SALDO

SALDO

SALDO

MATERIAL, SLOC , BATCH, SALDO

SALDO

SALDO



SALDO

design

GRWARP NEWDESIGN



NEWDESIGN GRWARP

MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY

MATDOC, Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan, MATERIAL

MATDOC, Data_Input_HeaderTransaksi, Data_GR_Detailweaving, MATERIAL

MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY, KODECACAT

MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY

MATDOC, Data_Input_HeaderTransaksi, Data_GI_DetailPersiapan

MATDOC, Data_Input_HeaderTransaksi, Data_GI_Detailweaving, MaterialBeam, BatchBeam

MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY,QtyBeam

MATDOC, Data_Transfer

MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY, NOORDER, KETERANGAN


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 + QTYData_GI_DetailWeaving = NEWDESIGN + MATERIAL + BATCH + QTY + QtyBeamData_GR_DetailPersiapan = NEWDESIGN + QTYData_GR_DetailWeaving = NEWDESIGN + QTY + Grade + Lot + CacatData_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


84


Kamus Data

Tabel 1 Kamus Data User

Tabel 2 Kamus Data R_design_material

85

Tabel 3 Kamus Data Masterpropersiapan

PSPEC

Tabel 4 PSPEC Login


86


Tabel 5 PSPEC Create PrO

Tabel 6 PSPEC Cancel Transaksi

4. Hasil dan Pembahasan

Aplikasi web ini hanya dapat digunakan oleh beberapa orang pada bagian-bagian perusahaan. Oleh karena itu dalam aplikasi ini dilengkapi menu hak aksesyaitu menu login seperti yang terlihat pada Gambar 10.

Gambar 10 Menu Login

87


Di dalam aplikasi ini pengguna akan diberikan menu-menu pilihan yang dapatdigunakan seperti yang terlihat pada Gambar 11. Menu-menu tersebut ditulis dalambentuk 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 padaGambar 12. Seluruh data yang diinput didapatkan dari data lapangan produksi, danakan diinput setiap harinya. Seluruh data ini dapat dijadikan beberapa laporan yangdapat memudahkan dalam penginputan ke dalam SAP PT. X. Transaksi terdiri dariempat yaitu, transaksi goods receipt persiapan, goods issue persiapan, goods receiptweaving AJL, dan goods issue weaving AJL. Seluruh data transaksi akanmenyimpan/meng-update data stok pada gudang.

Setelah melakukan pemasukan data transaksi, pengguna juga dapatmelakukan transaksi transfer kain grey, ke gudang lain atau juga perusahaan PT. Xlainnya seperti pada Gambar 13. Data transfer yang telah dilakukan akan secaraotomatis meng-update stok barang pada gudang asal. Setelah melakukan transaksitransfer ini pengguna harus membuat surat pengantar kain grey seperti terlihat padaGambar 14, dengan aplikasi ini pengguna dapat mencetak surat pengantar denganmudah seperti pada Gambar 15.

Dari transaksi yang telah dimasukkan, pengguna dapat melihat laporan diantaranya adalah daftar transaksi seperti terlihat pada Gambar 16, cacat, goodsissue, current stock, inpection production dan inspection cacat harian. Seluruh

88


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

89

Gambar 16 Report Daftar Transaksi

Pengujian yang dilakukan terhadap aplikasi ini yaitu pengguna memasukkandata yang salah akan diberikan pesan bahwa data yang dimasukkan tidak sesuai,data yang dimasukkan tidak sesuai dengan database akan diberikan pesan bahwadata tidak tersedia, dan apabila stok tidak mencukupi maka aplikasi tidak dapatmenyimpan atau mengubah data dan akan ditampilkan pesan.

5. Simpulan

Dari pembahasan maupun pengujian yang telah dilakukan dapat disimpulkanbahwa aplikasi ini akan disimpan dalam sebuah server dan terpisah dengan komputerclient, seluruh data yang dimasukkan dalam aplikasi dapat dibuat menjadi beberapareport yang jauh lebih efisien, dan aplikasi ini dibuat sesuai dengan data yangdibutuhkan pada SAP dan lapangan.

6. Daftar Pustaka

[1] Ibrahim, Niko,.Materi Database. Bandung.[2] Hartini. Analisis dengan Diagram Aliran Data (DFD). http://

www.ilkom.unsri.ac.id/dosen/hartini/materi/VII_DFD.pdf. Diakses tanggal10 Maret 2008.

[3] Imbar, Radiant Victor. Materi DFD. Bandung.


Pembuatan Aplikasi Berbasis Web pada Produksi Weaving Spun ... · pembuatan laporan-laporan, dan...

Documents

Transcript of Pembuatan Aplikasi Berbasis Web pada Produksi Weaving Spun ... · pembuatan laporan-laporan, dan...