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

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

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

Gambar 1 Entity Relationship Diagram

tempinspecproduction PERCENTLP LP _{SUBTOTALPAKAN} PERCENTLD

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 +

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

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

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

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

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

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 Transfer Grey

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

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.