Perancangan Sistem ART Radiant V Imbar Natalia Pembuatan aplikasi berbasis web Full text

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 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 datadata store atau komponen dalam kamus data untuk suatu aliran datadata 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 Pembuatan Aplikasi Berbasis Web Imbar,dkk 78 Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100 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 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 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 + 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. 1 Login User 3 Transfer 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 prosesfitur 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 diuraikandikembangkan kembali akan digambarkan pada DFD level-level lebih kecil, sampai proses tersebut tidak dapat diuraikan kembali. Pembuatan Aplikasi Berbasis Web Imbar, dkk. 80 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. 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 MATERIAL, NEWDESIGN 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. 81 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 reportlaporan. Laporan tersebut dibagi menjadi enam buah proses yang terlihat pada Gambar 7. Proses- proses tersebut dibagi lagi menjadi tiga proses yang mendetail pada level 3 seperti yang terlihat pada Gambar 8. Pembuatan Aplikasi Berbasis Web Imbar, dkk. 82 Jurnal Teknologi Informasi-Aiti, Vol. 6. No. 1, Februari 2009: 1-100 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 + REFERENCE 83 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 Pembuatan Aplikasi Berbasis Web Imbar, dkk. 84 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 85 Tabel 3 Kamus Data Masterpropersiapan PSPEC Tabel 4 PSPEC Login Pembuatan Aplikasi Berbasis Web Imbar, dkk. 86 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