ART Radiant V Imbar Natalia Pembuatan aplikasi berbasis web Full text

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)_{radiant.vi@eng.maranatha.edu,} 2)_{yen_li_ya@yahoo.com}

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, Pembuatan Aplikasi Berbasis Web (Imbar dan Natalia)

sehingga aplikasi ini membantu PT. X dalam pemasukan data transaksi bahan produksi secara goods receipt dan goods issue untuk suatu desain kain greyspun, 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,

inspectionproduction, 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].

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 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.

users NAMA PASSWD USERNAME transactheader POSTINGDATE DOCDATE MATDOC ENTRYDATE REMARK mastercacat DESCRIPTIONCACAT KODECACAT JENISCACAT design NEWDESIGN DENSITY OLDDESIGN WIDTH WOVTYPE WARP WEFT1 WEFT2 SPC SLV NO SHRKWARP SHRKWEFT SHRKEND GRWEFT1 GRWEFT2 GRTOTAL 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 PRO NOORDER RESERVASI ACTIVE transactdetail storageloc DESCSLOC SLOC 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

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 tempcacat USERNAME USER MATERIAL KODECACAT DESCRIPTIONCACAT NEWDESIGN SLOC IOSTATUS 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 LP _{SUBTOTALPAKAN} 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 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.

SI Produksi Weaving PT X unti kain User Data_Input Data_Output

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 +

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.

1 Login

User _Transfer3 2 Transaksi 4 Create PrO 5 Report 6 Cancel transaksi Transactdetail* masterstock MOVE, MATDOC, IOSTATUS, REFERENCE R_design_material masterpropersiapan users NAMA 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_ProPersiapan MATERIAL Transactdetail* NOORDER MATERIAL, NOORDER, MOVE MATERIAL NEWDESIGN MATERIAL Proses, NEWDESIGN, PRO

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 MOVE, MATDOC,ID,

QTY, SLOC, BATCH, NEWDESIGN, MATERIAL

No, MATERIAL, NEWDESIGN, QTY, SLOC, BATCH

MOVE, MATDOC SALDO Transactheader Remark, Data_TransactHeader MATDOC 7 Edit 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 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. Pembuatan Aplikasi Berbasis Web(Imbar, dkk.)

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.

User

2.2 Transaksi Goods Issue

2.1 Transaksi 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

Data_TransactHeader, REMARK

MATDOC

Data_TransactDetail MATDOC, ITEM

SALDO

MATERIAL, SLOC, BATCH, SALDO

NEWDESIGN _NEWDESIGNMATERIAL,

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

User

2.1.2 Transaksi Goods Receipt

Weaving AJL 2.1.1 Transaksi 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 Data_TransactHeader,

REMARK

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

Data_TransactHeader, REMARK 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 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. Proses-proses tersebut dibagi lagi menjadi tiga Proses-proses yang mendetail pada level 3 seperti yang terlihat pada Gambar 8.

User 5.1

List Transaksi

5.2 Current Stock

5.3 Goods Issue

5.4 Cacat

5.5 Inspection 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

User

5.1.1 Input Detail List

Trasaksi

5.1.2 Report List

Transaksi

5.1.3 Download Report

List Transaksi

temptransactlist

Data_Input_TransaksiList

transactheader

material

Data_TransactHeader, REMARK

transactdetail POSTINGDATE

MOVE, SLOC S_TL_Transactdetail

MATERIAL

DESCRIPTION, UOM

Data_TransactList, USERNAME

Data_TransactList

USERNAME USERNAME

No, Tanggal, Data_TransactList

No, Tanggal, Data_TransactList

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

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. User 7.1 Edit Transaksi Goods Receipt Persiapan Sizing 7.2 Edit Transaksi Goods Receipt Weaving AJL 7.3 Edit Transaksi Goods Issue Persiapan Sizing 7.4 Edit Transaksi Goods Issue Weaving AJL Transactdetail masterstock Transactheader masterpropersiapan 7.5 Edit Transaksi Transfer Grey Spun MATERIAL, CTIVE PRO NOORDER Data_TransactDetail Data_TransactDetail Data_T ransactDetail Data_T ransactDetail Data_T ransactDetail Data_T ransactDetail Data_T ransactDetail Data_T ransactDetail Data_T ransactDetail Data_T ransactDetail Remark,Data_TransactHeader Remark,Data_TransactHeader Remark,Data_TransactHeader Remark,Data_TransactHeader Remark,Data_TransactHeader Remark,Data_T ransactHeader Remark,Data_T ransactHeader Remark,Data_T ransactHeader PRO MAT ERIAL, ACT IVE PRO MAT ERIAL, SLOC , BAT CH, SALDO

SALDO

SALDO

MAT ERIAL, SLOC , BAT CH, SALDO

SALDO SALDO MATERIAL, SLOC, BATCH, SALDO

MATERIAL, SLOC, BATCH, SALDO SALDO design GRWARP NEWDESIGN Remark,Data_T ransactHeader Remark,Data_T ransactHeader NEWDESIGN GRWARP MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY

MATDOC, Data_Input_HeaderTransaksi, Data_GR_DetailPersiapan, MATERIAL

MAT DOC, Data_Input_HeaderT ransaksi, Data_GR_Detailweaving, MATERIAL MAT DOC, DOCDATE, POSTINGDATE, REMARK, QTY, KODECACAT

MAT DOC, DOCDATE, POSTINGDATE, REMARK, QT Y MAT DOC, Data_Input_HeaderTransaksi, Data_GI_DetailPersiapan

MATDOC, Data_Input_HeaderT ransaksi, Data_GI_Detailweaving, MaterialBeam, BatchBeam MATDOC, DOCDATE, POSTINGDATE, REMARK, QTY,QtyBeam

MAT DOC, Data_T ransfer

MATDOC, DOCDAT E, POST INGDAT E, REMARK, QTY, NOORDER, KET ERANGAN MATERIAL, SLOC, BAT CH, SALDO

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

Kamus Data

Tabel 1 Kamus Data User

Tabel 3 Kamus Data Masterpropersiapan

PSPEC

Tabel 4 PSPEC Login

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 akses yaitu menu login seperti yang terlihat pada Gambar 10.

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, currentstock, inpectionproduction dan inspection cacat harian. Seluruh

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 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] 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 tanggal 10 Maret 2008.

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

Kamus Data

Tabel 1 Kamus Data User

Tabel 3 Kamus Data Masterpropersiapan

PSPEC

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 akses yaitu menu login seperti yang terlihat pada Gambar 10.

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

report tersebut dapat diunduh dengan mudah dalam tipe file *.xls dan *csv.y

Gambar 13 Transaksi Transfer Grey

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] 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 tanggal 10 Maret 2008.