Diagram Use Case Diagram Kelas Class Diagram Diagram Komponen Component Diagram

97 1. Aktor men-submit data dengan menekan sebuah button di mana ada field-field pada form yang seharusnya diisi tetapi dikosongkan atau ada data yang tidak sesuai. 2. Form pengisian data pewarnaan ditampilkan dengan pesan bahwa ada data field yang harus diisi namun masih kosong, atau ada data yang tidak sesuai. 3. Data pewarnaan baru tidak disimpan pada database. Kondisi akhir skenario alternatif -1 Form penambahan data pewarnaan ditampilkan

4.2.3.3.5 Skenario Use Case Mengolah Data Pembuatan Kain

Tabel 4. 13 Skenario Use Case Mengolah Data Pembuatan Kain Identifikasi Judul Mengolah Data Pembuatan Kain No. Use case UC-05 Deskripsi use case Aktor menambah data pembuatan kain Aktor Bagian Produksi Trigger Aktor memilih menu untuk menambah data pembuatan kain Kondisi Awal Aplikasi menampilkan sebuah form pengolahan data pembuatan kain 98 Skenario Utama Aksi- aktor Reaksi sistem 1. Aktor mengisi data pembuatan kain yang baru 2. Aktor men-submit data pembuatan kain yang baru. 3. Sistem memeriksa apakah field-field pada form pengisian data telah diisi dan sesuai. 4. Data pembuatan kain ditampilkan pada form. 5. Sistem menambahkan data pembuatan kain yang baru pada database 6. Sistem meng-update data benang warna pada database sesuai pembuatan kain Kondisi akhir skenario utama Sistem menyimpan data pembuatan kain yang baru pada database Skenario Alternatif –1 Aksi- aktor Reaksi sistem 99 1. Aktor men-submit data dengan menekan sebuah button di mana ada field-field pada form yang seharusnya diisi tetapi dikosongkan atau ada data yang tidak sesuai. 2. Form pengisian data pembuatan kain ditampilkan dengan pesan bahwa ada data field yang harus diisi namun masih kosong, atau ada data yang tidak sesuai. 3. Data pembuatan kain baru tidak disimpan pada database. Kondisi akhir skenario alternatif -1 Form penambahan data pembuatan kain ditampilkan

4.2.3.3.6 Skenario Use Case Mengolah Pembelian

Tabel 4. 14 Skenario Use Case Mengolah Pembelian Identifikasi Judul Mengolah Transaksi Pembelian No. Use case UC-06 Deskripsi use case Aktor menambah data transaksi pembelian. Aktor Bagian Produksi Trigger Aktor memilih menu untuk melakukan transaksi penambahan data pembelian. Kondisi Awal Aplikasi menampilkan sebuah form untuk menambahkan data pembelian. 100 Skenario Utama Aksi- aktor Reaksi sistem 1. Aktor mengisi field pada form yang data dari transaksi pembelian yang ingin ditambahkan. 2. Aktor men-submit data pembelian yang baru. 3. Sistem memeriksa apakah field-field pada form pengisian data telah diisi dan sesuai. 4. Data pembelian ditambahkan pada database. 5. Data benang diperbaharui sesuai dengan data pembelian. Kondisi akhir skenario utama Data pembelian dan benang ditambahkan atau dirubah pada database Skenario Alternatif –1 Aksi- aktor Reaksi sistem 101 1. Aktor men-submit data dengan menekan sebuah button di mana ada field-field pada form yang seharusnya diisi tetapi dikosongkan atau ada data yang tidak sesuai. 2. Form pengisian data pembelian ditampilkan dengan pesan bahwa ada data field yang harus diisi namun masih kosong, atau ada data yang tidak sesuai. 3. Data pembelian baru tidak disimpan pada database. Kondisi akhir skenario alternatif -1 Form penambahan data pembelian ditampilkan 102

4.2.3.3.7 Skenario Use Case Mengolah Pelaporan

Tabel 4. 15 Skenario Use Case Mengolah Pelaporan Identifikasi Judul Mengolah Laporan No. Use case UC-07 Deskripsi use case Aktor mencetak laporan yang terjadi pada range waktu yang diinginkan. Aktor Pihak Manajemen Trigger Aktor memilih menu untuk mencetak laporan. Kondisi awal Aplikasi menampilkan form untuk menentukan periode dan jenis laporan yang diinginkan. Skenario Utama Aksi- aktor Reaksi sistem 1. Aktor mengisi periode waktu dan jenis laporan yang diinginkan untuk dicetak. 2. Aktor menekan tombol untuk mencetak laporan 3. Sistem mencetak laporan berdasarkan sesuai dengan jenis dan periode laporan yang dipilih. Kondisi akhir skenario utama Laporan dicetak 103 Skenario Alternatif –1 Aksi- aktor Reaksi sistem 1. Aktor memilih periode yang tidak memiliki data penjualan sama sekali. 2. Aktor menekan tombol untuk mencetak laporan 3. Sistem menampilkan pesan bahwa transaksi pada periode tersebut kosong. Kondisi akhir skenario alternatif -1 Sistem menampilkan form untuk melakukan pengisian periode laporan yang diinginkan. 104

4.2.3.4 Diagram Aktivitas Activity Diagram

Diagram Aktivitas Activity Diagram adalah diagram yang menggambarkan aliran fungsionalitas dari sistem. Berikut activity diagram proses perbaikan pada sistem yang diusulkan :

4.2.3.4.1 Diagram Aktivitas Login

Input data username dan password Menampilkan data inputan salah Menampilkan halaman utama End Start User Sistem Konveksi Memeriksa Input data Input data salah Input data benar Menekan tombol login Gambar 4. 18 Diagram Aktivitas Login 105

4.2.3.4.2 Diagram Aktivitas Mengolah Transaksi Sales Order

Mengisi data untuk Sales Order Menampilkan data inputan salah Mencetak Sales order untuk diprint End Start Admin Gudang Sistem Konveksi Memeriksa data input Input data salah Input data benar Menyimpan data Sales order Gambar 4. 19 Diagram Aktivitas Mengolah Sales Order 106

4.2.3.4.3 Diagram Aktivitas Mengkonfirmasi Sales Order

Kondirmasi data untuk Sales Order Menampilkan data inputan salah Mengurangi data kain End Start Admin Gudang Sistem Konveksi Memeriksa data input Input data salah Input data benar Mengupdate data Sales order Gambar 4. 20 Diagram Aktivitas Mengkonfirmasi Sales Order 107

4.2.3.4.4 Diagram Aktivitas Mengolah Data Pewarnaan

Mengisi Data pewarnaan Menampilkan data inputan salah Mengurangi stok benang End Start Bagian Produksi Sistem Konveksi Memeriksa data input Input data salah Input data benar Menambahkan data pewarnaan

4. 21 Diagram Aktivitas Mengolah Data Pewarnaan

108

4.2.3.4.5 Diagram Aktivitas Mengolah Data Pembuatan Kain

Mengisi Data pembuatan kain Menampilkan data inputan salah Mengurangi stok benang warna End Start Bagian Produksi Sistem Konveksi Memeriksa data input Input data salah Input data benar Menambahkan data kain

4. 22 Diagram Aktivitas Mengolah Data Pembuatan Kain

109

4.2.3.4.6 Diagram Aktivitas Mengolah Pembelian

Mengisi data untuk Pembelian Menampilkan data inputan salah Memperbaharui data benang End Start Bagian Produksi Sistem Konveksi Memeriksa data input Input data salah Input data benar Menyimpan data Pembelian Gambar 4. 23 Diagram Aktivitas Mengolah Pembelian 110

4.2.3.4.7 Diagram Aktivitas Mengolah Pelaporan

Memilih Periode dan Jenis Laporan Menekan Tombol Cetak Laporan End Start Pihak Manajemen Sistem Konveksi Melakukan Pengecekan Laporan Menampilkan Laporan Gambar 4. 24 Diagram Aktivitas Mengolah Pelaporan 111

4.2.3.5 Diagram Sekuen Sequence Diagram

Diagram Sekuen Sequence Diagram digunakan untuk menggambarkan interaksi antar objek dalam waktu yang berurutan. Tetapi pada dasarnya sequence diagram digunakan dalam lapisan abstraksi model objek. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antar objek, juga interaksi antar objek, dan menunjukkan sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Komponen utama sequence diagram terdiri atas objek yang dituliskan dengan kotak segiempat bernama, pesan diwakili oleh garis dengan tanda panah, dan waktu yang ditunjukkan dengan proses vertikal. Berikut adalah sequence diagram yang diusulkan :

4.2.3.5.1 Diagram Sekuen Login

:User :UserManager :DbManager :User 2:MenekanTombol 1:MengisiForm 3: ValidasiInput.. 4:IsiData 6:AutentikasiUser.. 7:KoneksiDb 8:PeriksaUser 5:PanggilFungsiAutentikasi :LoginUI :Util 9:IsiUser 10:KonfirmasiHakAkses Gambar 4. 25 Diagram Sekuen Login Keterangan: Pada Gambar 4.25 diatas dapat dilihat bahwa ada 5 kelas yang saling berinteraksi, yakni: 112 1. LoginUI 2. Util 3. User 4. UserManager 5. DbManager

4.2.3.5.2 Diagram Sekuen Mengolah Transaksi Sales Order

:Transaksi :TransaksiMa nager :DbManager :User 2:MenekanTombol 1:MengisiForm 3: ValidasiInput.. 4:IsiData 6:Transaksi.. 7:KoneksiDb 8:ExecuteQuery 5:PanggilFungsiTransaksii SalesOrderUI :Util 9:IsiDataTransaksi 10:ViewDataTransaksi Gambar 4. 26 Diagram Sekuen Mengolah Transaksi Sales Order Keterangan: Pada Gambar 4.26 diatas dapat dilihat bahwa ada 5 kelas yang saling berinteraksi, yakni: 1. SalesOrderUI 2. Util 3. Transaksi 4. TransaksiManager 5. DbManager 113

4.2.3.5.3 Diagram Sekuen Konfirmasi Sales Order

:Transaksi :TransaksiMa nager :DbManager :User 2:MenekanTombol 1:MengisiForm 3: ValidasiInput.. 4:IsiData 6:Transaksi.. 7:KoneksiDb 8:ExecuteQuery 5:PanggilFungsiTransaksii KonfirmasiSOUI :Util 9:IsiDataTransaksi 10:ViewDataTransaksi Gambar 4. 27 Diagram Sekuen Konfirmasi Sales Order Keterangan: Pada Gambar 4.27 diatas dapat dilihat bahwa ada 5 kelas yang saling berinteraksi, yakni: 1. KonfirmasiSOUI 2. Util 3. Transaksi 4. TransaksiManager 5. DbManager 114

4.2.3.5.4 Diagram Sekuen Mengolah Data Pewarnaan

:Pewarnaan :Pewarnaan Manager :DbManager :User 2:MenekanTombol 1:MengisiForm 3: ValidasiInput.. 4:IsiData 6:Pewarnaan.. 7:KoneksiDb 8:ExecuteQuery 5:PanggilFungsiPewarnaan PewarnaanUI :Util 9:IsiDataPewarnaan 10:ViewDataPewarnaan Gambar 4. 28 Diagram Sekuen Mengolah Data Pewarnaan Keterangan: Pada Gambar 4.28 diatas dapat dilihat bahwa ada 5 kelas yang saling berinteraksi, yakni: 1. PewarnaanUI 2. Util 3. Pewarnaan 4. PewarnaanManager 5. DbManager 115

4.2.3.5.5 Diagram Sekuen Mengolah Data Pembuatan Kain

:Pembuatan Kain :PembuatanK ainManager :DbManager :User 2:MenekanTombol 1:MengisiForm 3: ValidasiInput.. 4:IsiData 6:PembuatanKain.. 7:KoneksiDb 8:ExecuteQuery 5:PanggilFungsiPembuatanKain PembuatanKain UI :Util 9:IsiDataPembuatanKain 10:ViewDataPembuatanKain Gambar 4. 29 Diagram Sekuen Mengolah Data Pembuatan Kain Keterangan: Pada Gambar 4.29 diatas dapat dilihat bahwa ada 5 kelas yang saling berinteraksi, yakni: 1. PembuatanKainUI 2. Util 3. PembuatanKain 4. PembuatanKainManager 5. DbManager 116

4.2.3.5.6 Diagram Sekuen Mengolah Pembelian

:Transaksi :TransaksiMa nager :DbManager :User 2:MenekanTombol 1:MengisiForm 3: ValidasiInput.. 4:IsiData 6:Transaksi.. 7:KoneksiDb 8:ExecuteQue 5:PanggilFungsiTransaksii :PembelianUI :Util 9:IsiDataTransaksi 10:ViewDataTransaksi Gambar 4. 30 Diagram Sekuen Mengolah Pembelian Keterangan: Pada Gambar 4.30 diatas dapat dilihat bahwa ada 5 kelas yang saling berinteraksi, yakni: 1. PembelianUI 2. Util 3. Transaksi 4. TransaksiManager 5. DbManager 117

4.2.3.5.7 Diagram Sekuen Mengolah Pelaporan

:Laporan :DbManager :User 2:MenekanTombol 1:MengisiForm 3: ValidasiInput.. 6:DataTransaksi.. 7:KoneksiDb 8:ExecuteQuery 5:PanggilLaporan :PelaporanUI :Util 10:ViewDataLaporan Gambar 4. 31 Diagram Sekuen Mengolah Pelaporan Keterangan: Pada Gambar 4.31 diatas dapat dilihat bahwa ada 4 kelas yang saling berinteraksi, yakni: 1. TransaksiPenjualanUI 2. Util 3. Laporan 4. DbManager 118

4.2.3.6 Diagram Kelas Class Diagram

Menggambarkan struktur statis class di dalam sistem. Class merepresentasikan sesuatu yang ditangani oleh sistem. Dengan melihat karakteristik sistem pemasaran produk dari bagian penjualan beserta proses-proses yang terjadi, maka dapat dibuat class diagram Berikut class diagram yang diusulkan pada sistem Perusahaan Tenun Gajah Mada : 119 ProjectLogger void getInfoLog void getErrorLog Util boolean isEmpty boolean isNumeric String getNewSequenceIDFromLastID boolean isPenjadwalanExistInList boolean isPenjadwalanEquals boolean isEvenWeekOfTheMonth Int getTotalDaysOfMonth Int getDayOfWeek Int getDayByDateOfMonth Date getDateByDayAndMonth String formatDate list randomListContent MainFormUI MainFormUI KaryawanManager void deleteKaryawan list getAllKaryawan Karyawan getKaryawanById String getLastIDKaryawan String getUserTypeByLogin void insertKaryawan boolean isValidLogin void updateKaryawan LoginUI void loadFormUtama void autenticateUser void getUserLogin Karyawan idKaryawan : String namaKaryawan : String jabatan : String noHP : String username : String password : String status : String jenisKelamin : String alamat : String String getter void setter FormKaryawanUI void clearFields void disableFields void enableFields void loadData void loadInitialData void clearTableRow boolean isValidData BenangManager list getAllBenang list getAllBenangWarna list getAllBenangBahanBaku String getLastIDBenang void insertBenang void updateBenang void deleteBenang Benang getBenangById list generateReportBean Benang id : String jenis : String warna : String jumlah_box : Long jumlah_kilo : Long jumlah_bal : Long status : String String,Long getter void setter KainManager list getAllKain String getLastIDKain void insertKain void updateKain void deleteKain Kain getKainById list generateReportBean FormKainUI void clearFields void disableFields void enableFields void loadData void loadInitialData void clearTableRow void isValidData void loadDataBenang void loadImage Kain id : String benang : Benang jenis : String warna : String jumlah : Long jumlahBenangTerpakai_bal : Long jumlahBenangTerpakai_kilo : Long jumlahBenangTerpakai_box : Long harga : bigDecimal lokasiFile : String void setter String,Long getter PembelianManager list getAllPembelian list getPembelianByPeriod String getLastIDPembelian void insertPembelian void updatePembelian Pembelian getPembelianById Pembelian getPembelianByNoNota list getUnprocessedNoNota list generateReportBean FormPembelianBenangUI void clearFields void disableFields void enableFields void loadData void loadInitialData void clearTableRow void loadDataSupplier boolean isValidData Pembelian id : String benang : Benang supplier : Supplier tanggalTransaksi : Date jumlah_bal : Long jumlah_kilo : Long jumlah_box : Long harga : bigDecimal noNota : String String,Long getter void setter Penerimaan id : String noNota : String benang : Benang supplier : Supplier tanggalTransaksi : Date jumlah_bal : Long jumlah_kilo : Long jumlah_box : Long harga : bigDecimal String,Long getter void setter FormPenerimaanBenangUI void clearFields void disableFields void enableFields void loadData void loadInitialData void clearTableRow boolean isValidData void loadUnprocessedNoNota PenerimaanManager list getAllPenerimaan list getPenerimaanByPeriod String getLastIDPenerimaan void insertPenerimaan void updatePenerimaan Penerimaan getPenerimaanById list generateReportBean FormPengirimanUI void clearFields void enableFields void disableFields void loadDataKain void loadUnprocessedNoNota boolean isValidData void loadData void loadInitialData void clearTableRow Pengiriman id : String kain : Kain noNota : String namaPelanggan : String alamatPelanggan : String noTeleponPelanggan : String tanggalPengiriman : Date jumlah : Long void setter String,Long,Date getter PengirimanManager list getAllPengiriman list getPengirimanByPeriod String getLastIDPengiriman void insertPengiriman void updatePengiriman Pengiriman getPengirimanById void generateReportBean Penjualan id : String kain : Kain noNota : String namaPelanggan : String alamatPelanggan : String noTeleponPelanggan : String tanggalPengiriman : Date jumlah : Long void setter String,Long,Date getter Pewarnaan id : String benang : Benang idBenangBaru : String warna : String void setter String getter DBManager conn : Connection prepStmt : PreparedStatement rst : ResultSet void initConnection list getKaryawanByLogin list getAllKaryawan Karyawan getKaryawanById String getLastIDKaryawan void insertKaryawan void updateKaryawan void deleteKaryawan list getAllSupplier Supplier getSupplierById String getLastIDSupplier void insertSupplier void updateSupplier void deleteSupplier list getAllBenang list getAllBenangWarna list getAllBenangBahanBaku String getLastIDBenang void insertBenang void updateBenang void deleteBenang Benang getBenangById list getAllPembelian list getPembelianByPeriod String getLastIDPembelian void insertPembelian void updatePembelian Pembelian getPembelianById list getUnprocessedNoNotaPembelian list getAllPenerimaan list getPenerimaanByPeriod String getLastIDPenerimaan void insertPenerimaan void updatePenerimaan Penerimaan getPenerimaanById list getAllKain list getAllKainMentah String getLastIDKain void insertKain void updateKain void deleteKain Supplier id : String nama : String alamat : String noTelp : String void setter String getter FormSupplierUI void clearFields void clearTableRow void disableFields void enableFields boolean isValidData void loadData void loadDataKain void loadInitialData SupplierManager void insertSupplier void updateSupplier void deleteSupplier list getAllSupplier Supplier getSupplierById String getLastIDSupplier FormPewarnaanUI void clearFields void clearTableRow void disableFields void enableFields boolean isValidData void loadData void loadDataKain void loadInitialData void loadUnprocessedNoNota PewarnaanManager list getAllPewarnaan String getLastIDPewarnaan void insertPewarnaan void updatePewarnaan void deletePewarnaan Pewarnaan getPewarnaanById FormPenjualanUI void clearFields void clearTableRow void disableFields void enableFields boolean isValidData void loadData void loadDataKain void loadInitialData void loadUnprocessedNoNota PenjualanManager list getAllPenjualan list getPenjualanByPeriod String getLastIDPenjualan void insertPenjualan void updatePenjualan Penjualan getPenjualanById Penjualan getPenjualanByNoNota list getUnprocessedNoNota list generateReportBean Gambar 4. 32 Diagram Kelas Sistem Yang Diusulkan 120

4.2.3.7 Diagram Komponen Component Diagram

Berikut Component Diagram yang diusulkan pada sistem konveksi Perusahaan Tenun Gajah Mada : SistemKonveksi.jar app.konveksi.Report app.konveksi.util app.konveksi.ui app.konveksi.model app.konveksi.controller reportManager DBManager ProjectLogger Util FormLoginUI FormKainUI FormKaryawan UI FormSupplier UI FormLap oranUI FormPembelian UI FormPenerima anUI FormPengirima nUI FormPewarnaan UI Benang Kain Karyawan Penerimaan Pembelian Penjualan Pengiriman BenangMa nager Karyawan Manager Supplier Manager Pembelian Manager Penerimaan Manager Pengiriman Manager Penjualan Manager FormPenjual anUI FormUtamaUI Pewarna an Supplier Gambar 4. 33 Diagram Komponen Sistem Yang Diusulkan 121

4.2.3.8 Diagram Deployment Deployment Diagram

Diagram ini memperlihatkan konfigurasi saat aplikasi dijalankan. Diagram ini memuat simpul-simpul beserta komponen-komponen yang ada didalamnya. Deployment diagram berhubungan dengan diagram komponen dimana deployment diagram memuat satu atau lebih komponen-komponen. SI Konveksi application MySQL Database application DB_Konveksi application Server Computer Personal PC Computer JDBC Apache application Gambar 4. 34 Diagram Deployment Sistem Yang Diusulkan

4.2.4 Perancangan Antar Muka

Perancangan antar muka merupakan perancangan yang dibuat sebelum program aplikasi dibuat, perancangan antar muka pada sistem informasi Perusahaan Tenun Gajah Mada Textile adalah sebagai berikut:

4.2.4.1 Perancangan Struktur Menu

Perancangan menu dibuat sebagai alat antar muka dengan pengguna untuk memudahkan pengoperasian perangkat lunak. Berikut rancangan menu perangkat lunak ini: 122 Text Menu Pemesanan Menu Pembelian Menu Penerimaan Menu Pewarnaan Menu Kain Mentah Menu Form Kain Menu Penjualan Menu Pengiriman Menu Karyawan Menu Supplier Menu Laporan Exit Gambar 4. 35 Perancangan Menu Sistem Konveksi Gajah Mada Textile 4.2.4.2 Perancangan Input Perancangan input merupakan perancangan tampilan yang akan digunakan guna memasukkan data pada sistem untuk kemudian diproses. Dalam perancangan input ini, data yang dimasukkan akan mempengaruhi hasil yang ditampilkan. Adapun perancangan-perancangan input yang ada dalam perancangan ini adalah: 123 1. Rancangan Halaman Pemesanan Halaman yang dirancang ini berfungsi sebagai tampilan untuk melakukan pencarian, pengubahan, dan penambahan data pemesanan Benang. Form Pemesanan Barang Simpan Id Pemesanan : Jenis Benang : Tambah Tabel List Pemesanan Id Pemesanan, Jenis Benang, Warna Benang, Jumlah Benangball, Jumlah Benangkilo Warna Benang : Ubah Keluar Jumlah Benang ball : Jumlah Benang kilo : Gambar 4. 36 Rancangan Halaman Pemesanan Barang 124 2. Rancangan Halaman Pembelian Halaman yang dirancang ini berfungsi sebagai tampilan untuk melakukan pencarian, pengubahan, dan penambahan data pembelian. Form Pembelian Benang Simpan Id Pembelian : Id Supplier : Tambah Tabel List Pembelian Id Pembelian, Jenis Benang, Warna Benang, Jumlah Benang ball, Jumlah Benang kilo, Harga Benang Nama Supplier : Ubah Keluar No Nota : Pemesanan : Warna Benang : Jlh Benang ball : Jlh Benang kilo : Harga Benang : Total : Tanggal : Gambar 4. 37 Rancangan Halaman Pembelian 125 3. Rancangan Halaman Penerimaan Tampilan yang dirancang ini berfungsi sebagai tampilan untuk melakukan pencarian, pengubahan, dan penambahan data penerimaan. Form Penerimaan Benang Simpan Id Penerimaan : Id Supplier : Tambah Tabel List Pembelian Id Pembelian, Jenis Benang, Warna Benang, Jumlah Benangball, Jumlah Benangkilo, Harga Benang Nama Supplier : Ubah Keluar No Nota : Jenis Benang : Warna Benang : Jlh Benangbal: Jlh Benangkilo: Harga Benang : Total : Tanggal : Gambar 4. 38 Rancangan Halaman Penerimaan 126 4. Rancangan Halaman Pewarnaan Tampilan yang dirancang ini berfungsi sebagai tampilan untuk melakukan pencarian, pengubahan, dan penambahan data pewarnaan. Form Pewarnaan Benang Simpan No Produksi : ID Benang : Tambah Tabel List Pewarnaan Id Pewarnaan, Id Benang, Stok belum diwarnai ball, Stok belum diwarnaikilo, Stok Diwarnaiball, Stok Diwarnaikilo Stok ball : Ubah Keluar Warna : Jumlah Benangball : Jumlah Benangkilo : Hapus Gambar 4. 39 Rancangan Halaman Pewarnaan 127 5. Rancangan Halaman Kain Mentah Halaman yang dirancang ini berfungsi sebagai tampilan untuk melakukan pencarian, pengubahan, dan penambahan data Kain Mentah. Form Kain Mentah Simpan Id Corak Kain : Id Benang : Tambah Tabel List Kain Id Kain, Jenis Kain, Warna Kain, Jumlah Kain, Harga Kain Jenis Kain : Ubah Keluar Warna Kain : Jumlah Kain : Harga Kain : Bng Terpakaibal: Bng Terpakai kilo: Total Harga : Hapus Gambar 4. 40 Rancangan Halaman Kain Mentah 128 6. Rancangan Halaman Kain Halaman yang dirancang ini berfungsi sebagai tampilan untuk melakukan pencarian, pengubahan, dan penambahan data Kain. Form Kain Simpan Id Kain : Id Benang : Hapus Tabel List Kain Id Kain, Jenis Kain, Warna Kain, Jumlah Kain, Harga Kain Jenis Kain : Ubah Keluar Warna Kain : Jumlah Kain : Harga Kain : Bng Terpakaibal: Bng Terpakai kilo: Total Harga : Gambar : Tambah Gambar 4. 41 Rancangan Halaman Kain