3.4. Perancangan Sistem
Pada tahap perancangan sistem akan dilakukan perancangan bagaimana data penjualan motif batik yang ada diproses di dalam sistem. Termasuk dalam perancangan sistem
adalah tampilan antarmuka sistem yang akan dibangun.
3.4.1. Use case diagram Use case diagram merupakan
merupakan model diagram UML yang digunakan untuk menggambarkan requirement fungsional yang diharapkan dari sebuah sistem.
Use case dibuat untuk memudahkan pengguna dalam mengerti alur kerja suatu sistem sehingga
sistem dapat digunakan sebaik mungkin. Aktor yang berperan dalam sistem yang akan dibangun adalah user aplikasi yang akan menggunakan sistem untuk peramalan
penjualan batik. Rancangan use case sistem dapat dilihat pada Gambar 3.4.
Gambar 3.4. Use Case Sistem Peramalan Penjualan Batik
Adapun penjelasan mengenai kegiatan-kegiatan di dalam diagram use case sistem peramalan penjualan batik pada gambar 3.4 dapat dilihat pada Tabel 3.4.
Universitas Sumatera Utara
Tabel 3.4. Deskripsi Use Case Sistem Peramalan Penjualan Batik No
Use Case Deskripsi
1 Login
Proses pada user untuk masuk ke dalam sistem. User harus memiliki username dan password.
2 Logout
Proses untuk keluar dari sistem untuk user yang telah login.
3 Lihat Kategori
Menampilkan kategori motif batik yang ada pada database.
4 Lihat Produk
Menampilkan produk produk batik yang ada beserta kategorinya yang tersimpan pada database.
5 Lihat Data
Penjualan Menampilkan daftar penjualan motif-motif batik yang
ada pada database perusahaan serta informasi- informasi mengenai barang tersebut.
6 Tambah, Edit,
Hapus Proses
untuk menambah,
mengedit, ataupun
menghapus data penjualan dan informasi-informasi lainnya yang terkait data penjualan. Proses ini hanya
dapat dilakukan apabila user telah menampilkan masing-masing data tersebut.
7 Ramal Penjualan
Proses untuk meramalkan penjualan motif batik. Jika proses ini dilakukan maka user secara otomatis harus
memilih data dan periode penjualan yang akan diramalkan.
3.4.2. Diagram aktifitas activity diagram Diagram aktifitas activity diagram adalah kumpulan dari aktifitas dan transisi yang
menghasilkan sebuah kegiatan. Activity diagram merupakan sebuah tipe dari diagram workflow yang menggambarkan tentang aktivitas dari pengguna ketika melakukan
setiap kegiatan. Berikut ini adalah Activity diagram sistem yang akan dibangun.
Universitas Sumatera Utara
Gambar 3.5. Activity Diagram Melihat Kategori
Pada Gambar 3.5. dapat dilihat ketika user ingin melihat kategori produk, user bisa memilih menu kategori pada sistem. Sistem akan menampilkan keseluruhan
kategori produk yang ada pada database. Untuk activity diagram pengaturan yang dapat dilakukan oleh user pada
kategori dapat dilihat pada Gambar 3.6.
Gambar 3.6. Activity Diagram Pengaturan Kategori
Universitas Sumatera Utara
Pada Gambar 3.6. dapat dilihat bahwa user dapat melakukan pengaturan pada menu kategori, baik itu melakukan penambahan data, mengedit data, ataupun
menghapus data. Sistem akan memproses aktifitas pengaturan yang dilakukan oleh user kemudian sistem akan menampilkan ulang semua kategori produk sesuai dengan
aktifitas pengaturan yang dilakukan oleh user. Untuk activity diagram menu produk dapat dilihat pada Gambar 3.7.
Gambar 3.7. Activity Diagram Melihat Produk
Pada Gambar 3.7. dapat dilihat ketika user ingin melihat produk-produk batik yang tersedia, user bisa memilih menu produk pada sistem. Sistem akan menampilkan
keseluruhan kategori produk yang ada pada database. Untuk activity diagram pengaturan yang dapat dilakukan oleh user pada produk
dapat dilihat pada Gambar 3.8.
Universitas Sumatera Utara
Gambar 3.8. Activity Diagram Pengaturan Pada Produk
Pada Gambar 3.8. dapat dilihat bahwa user dapat melakukan pengaturan pada menu produk, baik itu melakukan penambahan data, mengedit data, ataupun menghapus
data. Sistem akan memproses aktifitas pengaturan yang dilakukan oleh user kemudian sistem akan menampilkan ulang semua produk-produk sesuai dengan aktifitas
pengaturan yang dilakukan oleh user. Untuk activity diagram data penjualan produk dapat dilihat pada Gambar 3.9.
Gambar 3.9. Activity Diagram Melihat Data Penjualan
Universitas Sumatera Utara
Pada Gambar 3.9 dapat dilihat ketika user ingin melihat data penjualan produk- produk batik, user bisa memilih menu penjualan pada sistem. Sistem akan menampilkan
keseluruhan data penjualan batik yang ada pada database. Untuk activity diagram pengaturan yang dapat dilakukan oleh user pada data
penjualan dapat dilihat pada Gambar 3.10.
Gambar 3.10. Activity Diagram Pengaturan Pada Data Penjualan
Pada Gambar 3.10. dapat dilihat bahwa user dapat melakukan pengaturan pada menu penjualan, baik itu melakukan penambahan data, mengedit data, ataupun
menghapus data. Sistem akan memproses aktifitas pengaturan yang dilakukan oleh user kemudian sistem akan menampilkan ulang semua produk-produk sesuai dengan
aktifitas pengaturan yang dilakukan oleh user. Untuk activity diagram peramalan penjualan yang dilakukan oleh user dapat
dilihat pada Gambar 3.11.
Universitas Sumatera Utara
Gambar 3.11. Activity Diagram Peramalan Penjualan
Pada Gambar 3.11 dapat dilihat bahwa user dapat melakukan peramalan penjualan. Sistem akan menampilkan parameter peramalan dan user akan mengisi form
parameter. Selanjutnya sistem akan mengambil data dari database sesuai parameter yang dimasukkan oleh user. Sistem akan melakukan inisialisasi nilai stasioner, tren
ataupun musim dan mencari nilai α, , dan terbaik. Setelah didapatkan hasil peramalan, sistem akan menampilkan hasil tersebut kepada user.
Universitas Sumatera Utara
3.4.3. Perancangan database Perancangan database pada sistem ini digunakan untuk menyimpan informasi yang
berkaitan dengan proses peramalan penjualan batik. Penjelasan mengenai tabel-tabel pada database yang dirancang adalah sebagai berikut :
1. Tabel user, berfungsi untuk menyimpan data-data yang berhubungan dengan
user dalam proses login ke sistem. 2.
Tabel cat, berfungsi untuk menyimpan kategori produk-produk batik. 3.
Tabel penjualan, berfungsi untuk menyimpan data-data yang berhubungan dengan penjualan batik dan informasi yang terkait.
4. Tabel prediksi, berfungsi untuk menyimpan data-data yang berhubungan
dengan proses peramalan penjualan dan informasi yang terkait. 5.
Tabel produk, berfungsi untuk menyimpan data-data yang berhubungan dengan produk batik dan informasi terkait.
6. Tabel training, berfungsi untuk menyimpan data-data yang berhubungan proses
training dan informasi terkait.
Adapun database relationship dari database yang dirancang untuk sistem peramalan penjualan batik dapat dilihat pada Gambar 3.12.
Gambar 3.12. Database Relationship
Universitas Sumatera Utara
3.4.4. Rancangan tampilan antarmuka Tampilan antarmuka merupakan sebuah desain awal dari antarmuka sistem yang akan
dibangun.
Rancangan Halaman Login Pada halaman login, user melakukan proses login dengan mengisi username dan
password yang sesuai lalu menekan tombol “login” untuk menggunakan sistem.
Rancangan halaman login dapat dilihat pada Gambar 3.13.
Gambar 3.13. Rancangan Halaman Login
Rancangan Halaman Utama Setelah user melakukan login, user akan masuk ke halaman utama. Pada halaman utama
terdapat menu-menu yang bisa diakses oleh user dan melakukan pengaturan pada data- data yang tersedia, seperti menu kategori, produk, penjualan, peramalan dan juga
tombol untuk logout. Pada halaman ini juga terdapat nama aplikasi dan logo batik. Rancangan halaman utama dapat dilihat pada Gambar 3.14.
Universitas Sumatera Utara
Gambar 3.14. Rancangan Halaman Utama Home
Keterangan : a.
Menu ”Home” adalah menu untuk kembali ke halaman utama sistem. b.
Menu “Kategori” memungkinkan user untuk melihat kategori dari motif-motif batik yang ada.
c. Menu “Produk” memungkinkan user untuk melihat produk-produk ataupun
motif-motif batik yang ada. d.
Menu “Penjualan” memungkinkan user untuk melihat penjualan dari motif- motif batik yang ada pada database.
e. Menu “Peralaman” memungkinkan user untuk melakukan peramalan
penjualan.
Rancangan Halaman Kategori Halaman kategori akan muncul apabila user memilih menu kategori pada halaman
utama. Di halaman ini user dapat melihat, menambah, mengedit, serta menghapus data- data kategori produk-produk batik yang ada. Rancangan halaman kategori dapat dilihat
pada Gambar 3.15.
Universitas Sumatera Utara
Gambar 3.15. Rancangan Halaman Kategori
Keterangan: a.
Form nama kategori memungkinkan user untuk menambahkan kategori produk batik.
b. Tombol “simpan” berfungsi untuk menyimpan kategori yang dimasukkan oleh
user ke dalam database. c.
Tabel yang ada pada halaman kategori menampilkan keseluruhan data kategori yang tersimpan di dalam database. User dapat mengedit dan menghapus data
yang ada dengan menekan tombol edit dan hapus yang ada pada bagian action.
Rancangan Halaman Produk Halaman produk akan muncul apabila user memilih menu produk pada halaman utama.
Pada halaman ini, user dapat menambahkan, mengedit, dan menghapus data produk batik. Rancangan halaman produk dapat dilihat pada Gambar 3.16.
Universitas Sumatera Utara
Gambar 3.16. Rancangan Halaman Produk
Keterangan: a.
Form nama barang memungkinkan user untuk menambahkan barang ke dalam database, setelah memilih kategori dari barang yang akan ditambahkan.
b. Tombol “simpan” akan menyimpan barang yang akan ditambahkan ke dalam
database. c.
Tabel yang ada pada halaman produk menampilkan semua produk-produk batik yang tersimpan di dalam database. User dapat mengedit dan menghapus data
yang ada dengan menekan tombol edit dan hapus yang disediakan pada bagian action.
Rancangan Halaman Penjualan Halaman penjualan akan muncul apabila user memilih menu penjualan pada halaman
utama. Di halaman ini user dapat melihat, menambah, mengedit, serta menghapus data- data penjualan produk-produk batik yang ada. Rancangan halaman penjualan dapat
dilihat pada Gambar 3.17.
Universitas Sumatera Utara
Gambar 3.17. Rancangan Halaman Penjualan
Keterangan: a.
Form nama barang memungkinkan user untuk menambahkan barang ke dalam database, dengan mengetikkan nama motif batik yang ingin ditambahkan.
b. Form tanggal digunakan untuk mengisi tanggal penjualan barang.
c. Form harga digunakan untuk mengisi harga dari barang yang ingin
ditambahkan. d.
Form jumlah barang digunakan untuk mengisi berapa jumlah barang yang terjual.
e. Tombol simpan digunakan untuk menyimpan data penjualan yang akan
ditambahkan. f.
Tabel yang ada pada halaman penjualan menampilkan semua penjualan- penjualan produk batik yang tersimpan di dalam database. User dapat mengedit
dan menghapus data yang ada dengan menekan tombol edit dan hapus yang disediakan pada bagian action.
Universitas Sumatera Utara
Rancangan Halaman Peramalan Halaman peramalan akan muncul apabila user memilih menu peramalan pada halaman
utama. Di halaman ini user dapat melakukan peramalan penjualan dengan mengisi periode waktu yang diinginkan. Rancangan halaman penjualan dapat dilihat pada
Gambar 3.18.
Gambar 3.18. Rancangan Halaman Peramalan
. Keterangan: a.
Form treshold, weight, dan hidden bias adalah ketentuan untuk meramalkan penjualan dengan menggunakan ELM.
b. Form tanggal digunakan untuk mengisi rentang waktu peramalan yang
diinginkan oleh user. c.
Tombol show digunakan untuk menampilkan hasil peramalan sesuai dengan rentang waktu yang dimasukkan.
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN
Bab ini membahas hasil yang didapatkan dari implementasi metode Extreme Learning Machine dalam melakukan peramalan pasar penjualan motif batik dan pengujian sistem
sesuai dengan analisis dan perancangan yang telah dibahas pada Bab 3.
4.1. Implementasi Sistem
Kategori