Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work
non-commercially, as long as you credit the origin creator
and license it on your new creations under the identical
terms.
BAB III
METODE DAN PERANCANGAN APLIKASI
3.1 Metode Penelitian
Metode penelitian yang digunakan dalam rancang bangun aplikasi prediksi jumlah pengiriman barang menggunakan metode Fuzzy Time Series berbasis hybrid (Studi Kasus: CV Anugerah Sakti plastik) adalah sebagai berikut.
1 Studi Literatur
Dalam studi literatur, dilakukan untuk mendapatkan pembelajaran terhadap berbagai teori-teori yang berhubungan dengan metode Fuzzy Time Series yang dapat mendukung dalam perancangan dan pembangunan aplikasi prediksi jumlah pengiriman barang menggunakan metode Fuzzy Time Series berbasis hybrid.
2 Analisis Kebutuhan
Analisis kebutuhan dilakukan untuk mengetahui kebutuhan yang diperlukan dan juga akan dilakukannya wawancara dengan pengguna aplikasi untuk mendapatkan data yang tepat dan berguna dalam pengembangan aplikasi.
3 Desain Aplikasi
Pada tahap desain aplikasi dilakukan dengan pembuatan data flow diagram (DFD), flowchart, dan merancang user interface. Aplikasi dibuat dalam bentuk Progressive Web App (PWA). Di dalamnya terdapat basis data Firebase sebagai tempat penyimpanan data dan sekaligus service (Firebase) guna menghubungkan basis data dengan aplikasi.
4 Pemrograman Aplikasi
Tahap pemrograman aplikasi dilakukan dengan menerjemahkan desain yang telah dibuat sebelumnya dengan menggunakan framework Ionic.
5 Pengujian Aplikasi
Dilakukan pengujian aplikasi untuk mengetahui apakah aplikasi dapat menampilkan hasil prediksi sesuai dengan kriteria yang dipilih dengan cara menghitung tingkat akurasi dari metode yang diterapkan menggunakan Mean Square Error (MSE) dan Mean Absolute Percentage Error (MAPE).
6 Penulisan Laporan
Setelah semua langkah tersebut selesai dilakukan, maka langkah selanjutnya adalah mencatat secara detail dan lengkap ke dalam laporan sebagai bukti bahwa telah melakukan penelitian
3.2 Perancangan Aplikasi
Perancangan aplikasi ini dimulai dengan Data Flow Diagram yang berguna dalam menggambarkan alur data pada aplikasi ini, diikuti dengan Flowchart Diagram yang dapat menggambarkan alur proses jalannya aplikasi. Terdapat juga struktur tabel basis data untuk melihat gambaran dari tabel basis data yang digunakan dalam aplikasi.
3.2.1 Data Flow Diagram
Untuk memperjelas dan mempermudah memahami aplikasi dan aliran data pada aplikasi, dibuat Data Flow Diagram (DFD) yang dijelaskan sebagai berikut.
Pada diagram konteks, terdapat dua buah entitas yang berkaitan langsung dengan sebuah proses utama, yaitu admin aplikasi dan customer. Proses utama pada diagram konteks merupakan proses keseluruhan yang diberi nama aplikasi Anugerah Sakti Plastik (ASP).
Gambar 3.1 Context Diagram
Proses utama dalam diagram konteks dibagi menjadi tujuh proses pada data flow diagram level 0, yaitu proses login, proses prediksi, proses kelola surat jalan, proses kelola laporan material, proses kelola job order, proses kelola referensi barang, proses kelola referensi perusahaan. Dalam Data Flow Diagram Level 0 terdapat entitas customer, customer merupakan lawan transaksi dari CV Anugerah Sakti Plastik yang dapat memberikan data job order baru, data referensi barang baru, data referensi perusahaan baru, dan data material baru. Kemudian terdapat admin aplikasi. Admin aplikasi adalah entitas luar yang mengoperasikan aplikasi, melakukan input data, edit data, cetak data, dan lain lain. Data yang diterima oleh admin aplikasi berupa data surat jalan terolah, data surat jalan tercetak, data referensi barang terolah, data material terolah, data laporan material, data laporan tercetak, data job order terolah, data job order tercetak, data referensi perusahaan terolah, data user, dan data hasil prediksi. Data yang diberikan admin aplikasi ke dalam proses, antara lain data login, data surat jalan baru, data surat jalan diedit, data surat jalan dipilih, data referensi barang dipilih, data referensi barang diedit, data material diedit, data material dipilih, data job order diedit, data job order dipilih, data referensi perusahaan dipilih, data referensi perusahaan diedit. Pada Data flow diagram level 0 juga terdapat beberapa tabel basis data yang terlibat diantaranya tabel user, tabel surat jalan, tabel material, tabel ref perusahaan, tabel ref barang, tabel job order. Pada Gambar 3.2 menunjukkan secara lengkap dan jelas aliran data level 0.
Gambar 3.2 Data Flow Diagram Level 0
Pada proses login, pengguna aplikasi akan melakukan masukan berupa username dan password sebagai data login. Proses login akan mencocokkan data
yang kemudian proses login akan memberikan hasil berupa login result, jika berhasil login result akan memiliki data pengguna, dan jika gagal login result akan memiliki data pesan error. Pada proses Prediksi data yang digunakan merupakan data surat jalan yang sudah pernah dimasukkan pengguna sebelumnya, dan akan menghasilkan data result prediksi yang akan dikembalikan ke pengguna.
Pada proses kelola surat jalan, proses ini dibagi menjadi empat proses yang lebih kecil yaitu proses tambah surat jalan untuk menambah surat jalan baru ke dalam basis data, proses edit surat jalan untuk mengubah surat jalan jika terjadi kesalahan dalam memasukkan data, proses hapus surat jalan untuk menghapus surat jalan dari basis data, dan proses cetak surat jalan untuk mencetak surat jalan.
Gambar 3.3 Data Flow Diagram Level 1 Kelola Surat Jalan
Pada proses kelola laporan material, proses ini dibagi menjadi lima proses yang lebih kecil, yaitu proses tambah material masuk untuk menambah material baru ke dalam basis data, proses edit material masuk untuk mengubah material jika terjadi kesalahan dalam memasukkan data, proses hapus material masuk untuk menghapus material masuk dari basis data, proses hasilkan laporan material untuk memproses data surat jalan yang digabung dengan data material untuk menghasilkan data laporan material dan kemudian proses cetak laporan material untuk mencetak laporan material yang sudah diproses oleh proses hasilkan laporan material.
Gambar 3.4 Data Flow Diagram Level 1 Kelola Laporan Material
Pada proses kelola job order, proses ini dibagi menjadi empat proses yang lebih kecil yaitu proses tambah job order untuk menambah job order baru ke dalam basis data, proses edit job order untuk mengubah job order jika terjadi kesalahan dalam memasukkan data, proses hapus job order untuk menghapus job order dari basis data, dan proses cetak job order bulanan untuk mencetak job order pada bulan yang dipilih pengguna.
Gambar 3.5 Data Flow Diagram Level 1 Kelola Job Order
Pada proses kelola ref barang, proses ini dibagi menjadi tiga proses yang lebih kecil yaitu proses tambah ref barang untuk menambah ref barang baru ke dalam basis data, proses edit ref barang untuk mengubah data barang jika terjadi kesalahan dalam memasukkan data atau jika terjadi perubahan data barang, dan proses hapus ref barang untuk menghapus ref barang dari basis data.
Gambar 3.6 Data Flow Diagram Level 1 Kelola Ref Barang
Pada proses kelola ref perusahaan, proses ini dibagi menjadi tiga proses yang lebih kecil yaitu proses tambah ref perusahaan untuk menambah ref perusahaan baru ke dalam basis data, proses edit ref perusahaan untuk mengubah data perusahaan jika terjadi kesalahan dalam memasukkan data atau jika terjadi perubahan data perusahaan, dan proses hapus ref barang untuk menghapus ref perusahaan dari basis data.
Gambar 3.7 Data Flow Diagram Level 1 Kelola Ref Perusahaan
3.2.2 Flowchart Diagram
Perancangan selanjutnya dibuat flowchart diagram, secara garis besar alur proses yang terjadi di dalam aplikasi dapat digambarkan dalam sebuah flowchart utama pada Gambar 3.8. proses dimulai dari login, setelah melakukan proses login pengguna akan dialihkan ke dalam proses home tab. Di dalam home tab akan terdapat beberapa proses pilihan yaitu proses pilih surat jalan, proses pilih prediksi pengiriman, proses pilih job order, proses pilih ref barang, proses pilih ref perusahaan, kemudian pilihan akan diakhiri dengan logout. Pada bagian pilih job order terdapat proses pilih laporan material.
Gambar 3.8 Flowchart Keseluruhan Aplikasi
Untuk dapat mengakses menu utama dalam aplikasi, pengguna harus melawati proses login. Pada halaman login pengguna harus memasukkan masukkan berupa username dan password, kemudian data akan diproses proses oleh login firebase, jika login gagal maka pengguna masuk ke proses login gagal dan akan dikembalikan ke proses masukkan username dan password serta diberikan pesan kesalahan, jika login berhasil maka pengguna akan masuk ke proses login berhasil dan pengguna akan diarahkan ke dalam halaman utama.
Gambar 3.9 Flowchart Login
Setelah masuk ke dalam menu utama, pengguna dapat memilih menu surat jalan. Di dalam proses surat jalan, proses dimulai dari mengambil data dari basis data kemudian ditampilkan, kemudian pengguna dapat melakukan masukkan surat jalan baru, jika pengguna memasukkan surat jalan baru, pengguna akan dialihkan ke proses input surat jalan, kemudian setelah pengguna memasukkan semua data proses akan menyimpan surat jalan ke dalam basis data. Jika pengguna tidak memasukkan surat jalan baru, pengguna dapat melakukan cetak surat jalan dengan melakukan proses pilih surat jalan, lalu proses cetak surat jalan akan berjalan.
Gambar 3.10 Flowchart Surat Jalan
Pengguna dapat memilih menu laporan material. Di dalam proses laporan material, proses dimulai dari pilih nomor PO, kemudian proses akan mengambil data dari basis data dan ditampilkan, pengguna dapat masukkan material masuk baru, jika pengguna memasukkan material masuk baru, pengguna dialihkan ke proses input material masuk, setelah pengguna memasukkan semua data, proses akan menyimpan material masuk ke dalam basis data. Pengguna dapat melakukan cetak laporan material, lalu proses cetak surat jalan akan berjalan.
Gambar 3.11 Flowchart Laporan Material
Kemudian pengguna dapat memilih menu prediksi surat jalan, pada proses prediksi surat jalan pengguna hanya perlu melalukan masukkan pilih barang dan pilih tahun yang akan diprediksi. Kemudian proses akan mengambil data dari basis data, dan melakukan proses algoritma prediksi fuzzy time series dan akan memberikan keluaran hasil prediksi yang ditampilkan dalam proses hasil prediksi.
Gambar 3.12 Flowchart Prediksi Pengiriman
Kemudian pengguna dapat memilih menu job order. Di dalam proses job order, proses dimulai dari mengambil data dari basis data kemudian ditampilkan, kemudian pengguna dapat melakukan masukkan job order baru, jika pengguna
memasukkan job order baru, pengguna akan dialihkan ke proses input job order, kemudian setelah pengguna memasukkan semua data, proses akan menyimpan job order ke dalam basis data. Jika pengguna tidak memasukkan job order baru, pengguna dapat melakukan cetak job order dengan melakukan proses pilih bulan yang akan dicetak, lalu proses cetak job order akan berjalan.
Gambar 3.13 Flowchart Job Order
Kemudian pengguna dapat memilih menu ref barang. Di dalam proses ref barang, proses dimulai dari mengambil data dari basis data kemudian ditampilkan, kemudian pengguna dapat melakukan masukkan ref barang baru, jika pengguna memasukkan ref barang baru, pengguna akan dialihkan ke proses input ref barang, kemudian setelah pengguna memasukkan semua data, proses akan menyimpan ref barang ke dalam basis data. Jika pengguna tidak memasukkan ref barang baru, proses ref barang selesai.
Gambar 3.14 Flowchart Ref Barang
Kemudian pengguna dapat memilih menu ref perusahaan. Di dalam proses ref perusahaan, proses dimulai dari mengambil data dari basis data kemudian ditampilkan, kemudian pengguna dapat melakukan masukkan ref perusahaan baru, jika pengguna memasukkan ref perusahaan baru, pengguna akan dialihkan ke proses input ref perusahaan, kemudian setelah pengguna memasukkan semua data, proses akan menyimpan ref perusahaan ke dalam basis data. Jika pengguna tidak memasukkan ref perusahaan baru, proses ref perusahaan selesai.
Gambar 3.15 Flowchart Ref Perusahaan
3.2.3 Entity Relationship Diagram
Gambar 3.16 menunjukkan proses Entity Relationship Diagram (ERD).
Terdapat lima buah entitas yaitu Ref_Perusahaan, Order, Ref_Barang, Material, dan Surat_Jalan.
Gambar 3.16 Entity Relationship Diagram 3.2.4 Database Schema
Pada skema basis data terlihat terdapat enam tabel yaitu tabel user, tabel ref_perusahaan, tabel ref_barang, tabel order, tabel surat_jalan, dan tabel material.
Terdapat lima relasi antar tabel yang terbentuk antara lain ref_perusahaan dengan order, order dengan ref_barang, ref_barang dengan surat_jalan, order dengan material, surat)jalan dengan material. Untuk lebih jelasnya dapat dilihat pada Gamber 3.17.
Gambar 3.17 Database Schema
3.2.5 Struktur Tabel
Adapun penjelasan dari setiap tabel basis data yang digunakan sebagai berikut.
1. Nama Tabel: USER
Fungsi: menyimpan data pengguna
Tabel 3.1 Tabel Basis Data User Nama Kolom Tipe Deskripsi
uid string User Id yang dihasilkan Firebase Auth id string List Id yang dihasilkan Firebase Database
name string Nama dari User
role string Role sebagai Admin atau CS
2. Nama Tabel: SURAT_JALAN
Fungsi: menyimpan data surat jalan ke customer
Tabel 3.2 Tabel Basis Data Surat Jalan Nama Kolom Tipe Deskripsi
id string List Id yang dihasilkan Firebase Database tanggal date/string Tanggal Pengiriman
no_SJ number Auto Increment
no_PO string Didapat dari PO Customer
id_barang string Id dari barang yang dikirim jmlh_box number banyaknya box yang dikirim jmlh_pcs number banyaknya pcs yang dikirim code string dihasilkan oleh Quality Control no_kendaraan String nomor polisi kendaraan pengirim 3. Nama Tabel: MATERIAL
Fungsi: menyimpan data material masuk dari customer Tabel 3.3 Tabel Basis Data Material Nama Kolom Tipe Deskripsi
no_PO string Didapat dari PO Customer
id string List Id yang dihasilkan Firebase Database tanggal date/string Tanggal material masuk
no_SJ number Nomor surat jalan dari customer
qty number Jumlah material masuk (kg)
nama_material string Nama material masuk 4. Nama Tabel: ORDER
Fungsi: menyimpan data Orderan dari customer Tabel 3.4 Tabel Basis Data Order Nama Kolom Tipe Deskripsi
id string List Id yang dihasilkan Firebase Database tanggal date/string Tanggal PO masuk
no_JO string Dihasilkan Admin (Auto Increment) no_PO_customer string Didapat dari Customer
id_customer string Didapat dari Customer id_barang string Didapat dari Customer
qty number Jumlah banyaknya barang
5. Nama Tabel: REF_BARANG
Fungsi: menyimpan data barang yang diproduksi
Tabel 3.5 Tabel Basis Data Ref Barang Nama Kolom Tipe Deskripsi
id string List Id yang dihasilkan Firebase Database
nama string Nama barang
harga number Harga barang
berat number Berat barang
loss number Loss Berat barang
6. Nama Tabel: REF_PERUSAHAAN
Fungsi: menyimpan data perusahaan yang bekerja sama Tabel 3.6 Tabel Basis Data Ref Perusahaan Nama Kolom Tipe Deskripsi
id string List Id yang dihasilkan Firebase Database
nama string Nama perusahaan
alamat string Alamat perusahaan
nama_kontak string Nama kontak Person Perusahaan
no_telp_kontak string nomor telepon perusahaan / kontak person 3.3 Perancangan Aplikasi
Rancangan antarmuka dari aplikasi dapat dijabarkan sebagai berikut.
1. Halaman Login
Pada halaman login pengguna dapat memasukkan email dan password untuk melakukan login, setelah berhasil pengguna akan diarahkan ke halaman home.
Untuk dapat masuk ke dalam aplikasi dibutuhkan akun yang saat ini hanya dapat dibuat secara manual melalui firebase auth. Akun dapat dibuat menggunakan browser kemudian masuk ke dalam halaman firebase authentication dan membuat akun secara manual pada halaman tersebut. Untuk desain halaman login dapat dilihat pada Gambar 3.18
Gambar 3.18 Rancangan Desain Login Page
2. Halaman Home
Pada halaman home terdapat enam menu utama yaitu surat jalan, laporan material, prediksi, job order, ref barang, ref perusahaan. Terdapat juga delapan side menu. Side menu terdapat di semua halaman kecuali halaman login.
Gambar 3.19 Rancangan Desain Home Page
3. Halaman Surat Jalan
Pada halaman surat jalan, pengguna dapat melihat surat jalan yang sudah pernah dibuat sebelumnya, dan terdapat 2 tombol utama, yaitu tambah dan cetak.
Tombol tambah berguna untuk menambah surat jalan baru, ketika tombol tambah ditekan halaman akan berpindah ke halaman tambah surat jalan. Tombol cetak digunakan dengan memilih surat jalan mana yang ingin dicetak.
Gambar 3.20 Rancangan Desain Surat Jalan Page 4. Halaman Tambah Surat Jalan Baru
Pada halaman tambah surat jalan, pengguna dapat mengisi field-field yang tersedia kemudian jika semua field sudah terisi pengguna dapat menekan tombol tambah. Ketika tombol tambah ditekan halaman akan dikembalikan ke halaman surat jalan dan data disimpan ke basis data.
Gambar 3.21 Rancangan Desain Tambah Surat Jalan Page 5. Halaman Prediksi
Pada halaman prediksi, pengguna dapat melihat hasil prediksi dengan cara memilih barang yang akan diprediksi. Setelah itu pengguna dapat menekan tombol prediksi. Hasil prediksi akan dikeluarkan dalam bentuk grafik dan angka yang mudah dibaca.
Gambar 3.22 Rancangan Desain Prediksi Page
6. Halaman Job Order
Pada halaman job order, pengguna dapat melihat job order yang sudah pernah dibuat sebelumnya, dan terdapat 2 tombol utama, yaitu tambah dan laporan material. Tombol tambah berguna untuk menambah job order baru, ketika tombol tambah ditekan halaman akan berpindah ke halaman tambah job order. Tombol laporan material digunakan untuk mencetak laporan material.
Gambar 3.23 Rancangan Desain Job Order Page 7. Halaman Tambah Job Order Baru
Pada halaman tambah job order, pengguna dapat mengisi field-field yang tersedia kemudian jika semua field sudah terisi pengguna dapat menekan tombol tambah. Ketika tombol tambah ditekan halaman akan dikembalikan ke halaman job order dan data disimpan ke basis data.
Gambar 3.24 Rancangan Desain Tambah Job Order Page 8. Halaman Laporan Material
Pada halaman laporan material pengguna dapat melihat laporan material dengan cara menekan tombol laporan material pada halaman job order. Kemudian pengguna juga dapat menambahkan material masuk. pengguna juga dapat mencetak laporan material.
Gambar 3.25 Rancangan Desain Laporan Material Page
9. Halaman Tambah Material Baru
Pada halaman tambah material, pengguna dapat mengisi field-field yang tersedia kemudian jika semua field sudah terisi pengguna dapat menekan tombol tambah. Ketika tombol tambah ditekan halaman akan dikembalikan ke halaman laporan material dan data disimpan ke basis data.
Gambar 3.26 Rancangan Desain Tambah Material Page 10. Halaman Referensi Barang
Pada halaman referensi barang, pengguna dapat melihat referensi barang yang sudah pernah dibuat sebelumnya. Tombol tambah berguna untuk menambah referensi barang baru, ketika tombol tambah ditekan halaman akan berpindah ke halaman tambah referensi barang.
Gambar 3.27 Rancangan Desain Ref Barang Page 11. Halaman Tambah Referensi barang
Pada halaman tambah referensi barang, pengguna dapat mengisi field-field yang tersedia kemudian jika semua field sudah terisi pengguna dapat menekan tombol tambah. Ketika tombol tambah ditekan halaman akan dikembalikan ke halaman referensi barang dan data disimpan ke basis data.
Gambar 3.28 Rancangan Desain Tambah Ref Barang Page
12. Halaman Referensi Perusahaan
Pada halaman referensi perusahaan, pengguna dapat melihat referensi perusahaan yang sudah pernah dibuat sebelumnya. Tombol tambah berguna untuk menambah referensi perusahaan baru, ketika tombol tambah ditekan halaman akan berpindah ke halaman tambah referensi perusahaan.
Gambar 3.29 Rancangan Desain Ref Perusahaan Page 13. Halaman Tambah Referensi Perusahaan
Pada halaman tambah referensi perusahaan, pengguna dapat mengisi field-field yang tersedia kemudian jika semua field sudah terisi pengguna dapat menekan tombol tambah. Ketika tombol tambah ditekan halaman akan dikembalikan ke halaman referensi perusahaan dan data disimpan ke basis data.
Gambar 3.30 Rancangan Desain Tambah Ref Perusahaan Page
