34
12. Ulangi langkah 8, 9, 10, dan 11 hingga diperoleh nilai untuk stationer,
trend, musiman dan prediksi keseluruhan periode yaitu untuk hingga t periode terakhir.
13. Menghitung nilai kesalahan prediksi dengan MAPE, dan MAE menggunakan
persamaan 2.1 dan 2.3.
14. Sistem akan menyimpan nilai dari hasil kesalahan prediksi kemudian
mengulangi proses kembali ke langkah 7 untuk mencari nilai kombinasi
alpha α, beta , dan gamma
lainnya, kemudian membandingkan nilai hasil kesalahan prediksinya hingga mendapatkan nilai kesalahan yang terkecil.
15. Setelah mendapatkan nilai kombinasi alpha α, beta , dan gamma yang
menghasilkan nilai kesalahan terkecil, tentukan panjang periode prediksi p. Dengan kembali menggunakan persamaan 2.11, set nilai m = 1, untuk
mencari nilai prediksi 1 periode berikut atau 1 bulan berikutnya. Misalkan untuk 1 tahun kedepan atau sama dengan 12 periode kedepan maka set nilai m
dengan m = 1, m = 2 , dan m = 3 dan seterusnya hingga m = 12. Gunakan nilai stationer, trend dan musiman terakhir untuk melakukan prediksi ini.
16. Tampilkan nilai-nilai prediksi untuk periode yang dicari.
3.4 Perancangan Sistem
Pada tahap perancangan sistem akan dilakukan perancangan bagaimana data penjualan seragam sekolah diproses di dalam sistem dan dilakukan juga perancangan
tentang antarmuka sistem yang akan dibangun.
3.4.1 Use case diagram
Use case diagram adalah sebuah spesifikasi urutan tindakan pada sebuah sistem. Use case mendeskripsikan interaksi antara para pengguna sistem dengan sistem itu sendiri,
Universitas Sumatera Utara
35 dengan memberi sebuah narasi tentang bagaimana sistem tersebut digunakan. Fowler,
2005. Use case yang sederhana hanya melibatkan satu interaksihubungan dengan
seorang aktor, sementara use case yang lebih kompleks melibatkan lebih dari satu aktor. Untuk menjabarkan use case dalam sistem, sangat baik bila dimulai dengan
memperhatikan aktor dan actionsaksi yang mereka lakukan dalam sistem. Gambar 3.3 menggambarkan use case diagram dari sistem yang akan dibuat.
Gambar 3.3 Use case Diagram Sistem
3.4.2 Use case spesifikasi
Use case spesifikasi merupakan deskripsi yang mencatat mengenai detil pemrosesan dari suatu use case.
Use case spesifikasi untuk sistem yang akan dibangun dapat dilihat pada Tabel 3.2, Tabel 3.3, Tabel 3.4, Tabel 3.5 dan Tabel 3.6. Tabel use case spesifikasi untuk
skenario Pengguna dari sistem prediksi permintaan barang musiman yang dibangun dapat dilihat pada Tabel 3.2.
Universitas Sumatera Utara
36
Tabel 3.2 Use case Specification untuk Use case Pengguna
Tipe Use case
Penjelasan
Nama use case Pengguna
Aktor User
Deskripsi Use case ini digunakan oleh user untuk mengatur
data pengguna. Pre condition
User harus memiliki username dan password untuk masuk ke sistem.
Characteristic of activation Eksekusi dapat dilakukan oleh User.
Basic flow 1.
User mengklik menu data pengguna. 2.
Sistem menampilkan data pengguna. 3.
User dapat mencari, menambah, mengedit, dan
menghapus data pengguna. [H-1: Pengguna tidak ada di
database]
4. Jika pengguna ada di database, maka akan
muncul tampilan data pengguna. 5.
Use case ini berakhir ketika sistem telah selesai
menampilkan semua data pengguna.
Alternative flow H-1: Data Pengguna tidak ada di
database
Sistem akan memberikan pesan bahwa data pengguna tidak tersedia di database.
Post condition Pada use case ini user dapat melakukan pencarian,
menambah, mengedit,
dan menghapus
data pengguna.
Limitations -
Scenario use case Data Penjualan dapat dilihat pada Tabel 3.3.
Tabel 3.3 Use case Specification untuk Use case Data Penjualan
Tipe Use case
Penjelasan
Nama use case Data Penjualan
Aktor User
Deskripsi Use case ini digunakan oleh user untuk melihat data
penjualan seragam. Pre condition
User harus memiliki username dan password untuk masuk ke sistem.
Characteristic of activation Eksekusi dilakukan oleh User.
Basic flow 1.
User mengklik menu data penjualan. 2.
Sistem menampilkan halaman data penjualan.
Universitas Sumatera Utara
37
Tabel 3.3 Use case Specification untuk Use case Data PenjualanLanjutan
3. User dapat memilih data penjualan untuk
ditampilkan berdasarkan periode dan ukuran. 4.
Sistem menampilkan data penjualan dan grafik berdasarkan pilihan User.
Alternative flow H-1: Data penjualan tidak ada di
database
Sistem akan memberikan pesan bahwa data penjualan tidak tersedia di database.
Post condition Pada use case ini user dapat melakukan pencarian,
menambah, mengedit,
dan menghapus
data penjualan.
Limitations -
Scenario use case Input Penjualan dapat dilihat pada Tabel 3.4.
Tabel 3.4 Use case Specification untuk Use case Input Penjualan
Tipe Use case
Penjelasan
Nama use case Input Penjualan
Aktor User
Deskripsi Use case ini digunakan oleh user untuk menginput
data penjualan. Pre condition
User harus memiliki username dan password untuk masuk ke sistem.
Characteristic of activation Eksekusi dapat dilakukan oleh User.
Basic flow User mengklik menu Form Penjualan.
Sistem menampilkan Form penjualan. User dapat menambah, mengedit, dan menghapus
data penjualan dan melihat total data penjualan. Use case ini berakhir ketika sistem telah selesai
menampilkan semua data penjualan.
Alternative flow -
Post condition Pada use case ini user dapat melihat semua data
penjualan sesuai periode yang dimasukkan user.
Limitations -
Universitas Sumatera Utara
38 Scenario use case Prediksi dapat dilihat pada Tabel 3.5.
Tabel 3.5 Use case Specification untuk Use case Prediksi
Tipe Use case
Penjelasan
Nama use case Prediksi
Aktor User
Deskripsi Use case ini digunakan oleh user untuk melihat
prediksi penjualan barang musiman yaitu seragam sekolah.
Pre condition User harus memiliki username dan password untuk
masuk ke sistem Characteristic of activation
Eksekusi dapat dilakukan oleh User Basic flow
1. User mengklik menu prediksi.
2. Sistem
menampilkan halaman
prediksi penjualan.
3. User memilih ingin mengambil data dari
database atau dari file dokumen lain. 4.
Lalu user memilih ingin melihat prediksi pada periode keberapa juga ukurannya.
5. User memilih bulan dan tahun yang ingin
diprediksi. 6.
User memilih ingin melakukan prediksi dengan metode Holt-Winters multiplikatif atau additif.
7. Sistem menampilkan hasil prediksi penjualan
seragam sekolah dasar. 8.
User dapat memilih untuk menyimpan hasil proses prediksi atau tidak.
9. Use case ini berakhir ketika sistem telah selesai
menampilkan hasil prediksi penjualan seragam sekolah dasar juga grafik dan persentase
kesalahan prediksi.
Alternative flow User dapat memilih melakukan prediksi dengan
menggunakan data dari luar database.
Post condition Pada use case ini user dapat melakukan prediksi
penjualan seragam sekolah dasar.
Universitas Sumatera Utara
39 Scenario use case History dapat dilihat pada Tabel 3.6.
Tabel 3.6 Use case Specification untuk Use case History
Tipe Use case
Penjelasan
Nama use case History
Aktor User
Deskripsi Use case ini digunakan oleh user untuk melihat data
hasil dari proses prediksi yang sudah pernah dilakukan sebelumnya.
Pre condition User harus memiliki username dan password untuk
masuk ke sistem Characteristic of activation
Eksekusi dapat dilakukan oleh User Basic flow
1. User mengklik menu history.
2. Sistem menampilkan seluruh data hasil proses
prediksi yang
sudah pernah
dilakukan sebelumnya.
3. User memilih memilih salah satu dari data yang
ditampilkan untuk melihat detailnya. 4.
Sistem akan menampilkan seluruh detail dari data hasil prediksi yang dipilih beserta dengan
grafik dan persentase kesalahannya. 5.
Use case ini berakhir ketika sistem telah selesai menampilkan hasil proses prediksi yang sudah
pernah dilakukan juga grafik dan persentase kesalahan prediksi.
Alternative flow -
Post condition Pada use case ini user dapat melihat seluruh hasil
dari proses prediksi yang sudah pernah dilakukan sebelumnya.
3.4.3 Diagram Aktivitas
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 diagram aktivitas untuk sistem yang akan dibangun.
Universitas Sumatera Utara
40
Pilih Data Pengguna Pengguna
Sistem Menampilkan semua data
pengguna Melakukan aktivitas
pada data Menambah data
Mengubah data Menghapus data
tambah ubah
hapus Menambah data
baru ke database Mengubah data di
database Menghapus data
dari database
Gambar 3.4 Diagram Aktivitas untuk Pengaturan Data Pengguna
Pada Gambar 3.4 user dapat melakukan pengaturan data pengguna, yang dilakukan dengan memilih menu data pengguna.Sistem akan menampilkan semua data
pengguna yang ada di database. User dapat menambah, mengubah, dan menghapus data. Kemudian sistem akan memproses aktivitas dipilih.
Pada Gambar 3.5 jika pengguna ingin melihat data penjualan, dapat dilakukan dengan memilih menu data penjualan. Sistem akan menampilkan data penjualan yang
ada di database. Untuk mencari data tertentu, pengguna dapat melakukan pencarian dengan mengisikan form pencarian. Sistem akan mencari data penjualan sesuai
dengan yang diinginkan.
Pilih Data Penjualan
Pengguna Sistem
Menampilkan semua data penjualan
Mencari data penjualan
Menampilkan data penjualan yang telah difilter
Gambar 3.5 Diagram Aktivitas Melihat Data Penjualan
Universitas Sumatera Utara
41
Pilih Data Penjualan Pengguna
Sistem
Menampilkan semua data penjualan
Melakukan aktivitas pada data
Menambah data Mengubah data
Menghapus data tambah
ubah hapus
Menambah data baru ke database
Mengubah data di database
Menghapus data dari database
Gambar 3.6 Diagram Aktivitas untuk Pengaturan Data Penjualan
Pada Gambar 3.6 User dapat melakukan pengaturan data penjualan, yang dapat dilakukan dengan mengklik menu data penjualan. User dapat melakukan beberapa
aktivitas terhadap data penjualan, yaitu menambah, mengubah, dan menghapus data. Kemudian sistem akan memproses aktivitas yang diinginkan oleh user, lalu sistem
akan menampilkan ulang semua data penjualan yang memiliki parameter yang sama dengan data yang ingin ditambahkan.
Pada Gambar 3.7 jika pengguna ingin melakukan prediksi penjualan dapat dilakukan dengan cara memilih menu prediksi penjualan. Kemudian sistem akan
menampilkan form paramater prediksi, lalu pengguna mengisikan parameter prediksi sesuai yang diinginkan. Sistem kemudian mengambil data penjualan dari database
atau dari dokumen lain diluar database yang dipilih pengguna lalu menginisialisasi nilai stationer, trend dan musim awal, la
lu menset nilai α, , dan dan mencari nilai terbaik. Kemudian sistem melakukan prediksi, setelah selesai melakukan prediksi
sistem akan menampilkan hasil prediksi.
Universitas Sumatera Utara
42
Pilih Prediksi Penjualan
Pengguna Sistem
Mengisi form parameter
Menampilkan parameter prediksi
Mengambil data dari database
Inisialisasi nilai stationer, trend dan
musim Mencari nilai
α, , dan terbaik
Prediksi Menampilkan hasil
Prediksi
Gambar 3.7 Diagram Aktivitas untuk Prediksi Penjualan
Pada Gambar 3.8 jika pengguna ingin melihat seluruh proses prediksi yang sudah pernah dilakukan sebelumnya dapat dilakukan dengan memilih menu form
history. Kemudian sistem akan menampilkan seluruh data proses prediksi dari database. Pengguna juga dapat melihat detail prediksi dan grafiknya dengan memilih
salah satu dari opsi data yang ditampilkan.
Pilih Form History Pengguna
Sistem
Memilih salah satu data
Menampilkan data prediksi yang
tersimpan di database Mengambil data dari
database Menampilkan detail
dari data yang dipilih. Menampilkan grafik
dari data yang dipilih
Gambar 3.8 Diagram Aktivitas untuk History
Universitas Sumatera Utara
43 3.4.4
Model entity-relationship Model Entity-Relationship E-R adalah salah satu metode pemodelan basis data yang
digunakan untuk menghasilkan skema konseptual yang digambarkan dalam bentuk entitas, atribut dan relasi antarentitas. Model ER adalah data konseptual yang tak
tergantung pada DBMS dan platform perangkat keras tertentu Kadir, 2009. Model E-R untuk sistem prediksi permintaan barang musiman dapat dilihat pada Gambar 3.9.
Pengguna Mengisi
Kode_user nama_user
pwd_user Penjualan
Kode_entry
periode size
jumlah 1
1 1
Prediksi id
periode ukuran
jumlah tanggal
mape
Gambar 3.9 Model E-R
3.4.5 Perancangan menu sistem
Perancangan menu sistem dibuat untuk memberikan kemudahan dalam pembangunan sistem yang akan dibuat. Menu yang akan dibangunan ini digunakan sebagai alat
bantu navigasi untuk pengguna sistem.
LOGIN SISTEM
PENJUALAN
PREDIKSI MENU UTAMA
PENGGUNA LOGOUT
KELUAR DATA PENJUALAN
FORM PENJUALAN PROSES
HISTORY
Gambar 3.10 Struktur Menu Sistem
Universitas Sumatera Utara
44 3.4.6
Perancangan antarmuka Perancangan antarmuka berisi gambaran umum tentang perancangan setiap tampilan
yang terdapat pada aplikasi yang dibangun.
3.4.6.1 Rancangan halaman Login
Halaman ini digunakan untuk masuk ke menu utama sistem. Pengguna diminta untuk mengisi Username dan Password. Rancangan tampilan halaman Login dapat dilihat
pada Gambar 3.11.
a Username
Password
Login Cancel
b
Gambar 3.11 Rancangan Halaman Login
Keterangan : a.
Sistem akan meminta pengguna yang ingin login, username dan password yang diperlukan untuk mengakses sistem.
b. User menekan tombol Login setelah selesai memasukkan username dan
password, jika benar maka user akan masuk ke halaman menu utama, namun jika salah akan muncul peringatan yang ditampilkan sistem.
3.4.6.2 Rancangan halaman Menu Utama
Pada halaman Menu Utama terdapat empat menu yang dapat dipilih. Melalui Menu Utama, pengguna bisa dengan mudah mengakses keseluruhan sistem. Rancangan
tampilan halaman Menu Utama dapat dilihat pada Gambar 3.12.
Universitas Sumatera Utara
45
MENU UTAMA _ X
Sistem Penjualan Prediksi About
Pengguna LogOut
Keluar View Penjualan
Form Penjualan a
b c
d
Proses History
Gambar 3.12 Rancangan Halaman Menu Utama
Keterangan : c.
Menu Sistem yang memungkinkan user untuk pergi ke halaman pengguna, logout dari halaman utama atau keluar dari sistem.
d. Menu Penjualan yang memungkinkan user untuk pergi ke halaman Data
Penjualan dan halaman Form Penjualan. e.
Menu Prediksi yang memungkinkan user untuk pergi ke halaman prediksi. Dan menu History yang memungkinkan user untuk pergi ke halaman history.
3.4.6.3 Rancangan halaman Pengguna
Halaman Pengguna menampilkan seluruh data pengguna yang telah disimpan sebelumnya dalam database. Pengguna dapat mengisi data baru dan juga dapat
menghapus dan mengubah data pengguna yang sudah ada. Juga terdapat menu pencarian data. Rancangan tampilan halaman Pengguna dapat dilihat pada Gambar
3.13.
Universitas Sumatera Utara
46
FORM PENGGUNA _ X
Sistem Penjualan Prediksi About
a
b
Kode Pengguna Nama Pengguna
Password
Simpan Hapus
Ubah Tutup
Cari Data
c
Gambar 3.13 Rancangan Halaman Pengguna
Keterangan: a.
Pengguna dapat memasukkan data pengguna baru berupa nama pengguna dan password untuk disimpan pada database.
b. Pengguna dapat mencari data pengguna yang telah disimpan sebelumnya di
dalam database untuk diubah atau dihapus dari database. c.
Menampilkan seluruh data pengguna yang tersimpan di dalam database, atau
hanya data pengguna yang dicari oleh pengguna.
3.4.6.4 Rancangan halaman Data Penjualan
Pada halaman Data Penjualan pengguna dapat melihat data penjualan sesuai dengan tahun yang diinginkan. Pengguna juga dapat melihat data seluruh penjualan barang
berdasarkan ukuran yang ingin ditampilkan. Rancangan tampilan halaman Data Penjualan dapat dilihat pada Gambar 3.14.
Universitas Sumatera Utara
47
FORM DATA PENJUALAN _ X
Sistem Penjualan Prediksi About
a
b
Ukuran Tahun
Tampilkan
c
Gambar 3.14 Rancangan Halaman Data Penjualan
Keterangan: 1.
Pengguna dapat menakukan pengisian parameter pencarian data yang ingin dilihat. Terdapat pilihan untuk melihat data berdasarkan ukuran maupun
berdasarkan waktu. 2.
Pengguna dapat menggunakan menu pencarian data untuk melihat data yang lebih spesifik.
3. Menampilkan seluruh data penjualan yang tersimpan di dalam database, atau
hanya data penjualan yang dicari oleh Pengguna. 4.
Menampilkan grafik data penjualan sesuai dengan hasil pencarian.
3.4.6.5 Rancangan halaman Penjualan
Pada halaman penjualan, pengguna dapat memasukkan data penjualan baru ke dalam database. Pengguna juga dapat mengolah data yang sudah ada misalnya dengan
mengubah atau menghapusnya. Rancangan tampilan halaman profil dapat dilihat pada Gambar 3.15.
Universitas Sumatera Utara
48
FORM PENJUALAN _ X
Sistem Penjualan Prediksi About
a Kode Entry
Periode Bulan Ukuran
Jumlah
Simpan Hapus
Ubah Tutup
c
Tahun
b
Total Data Total Penjualan
d
Gambar 3.15 Rancangan Halaman Penjualan
Keterangan : a.
Pengguna dapat memasukkan data penjualan baru berupa periode, ukuran dan jumlah penjualan untuk disimpan pada database..
b. Pengguna juga dapat mengubah dan menghapus data.
c. Menampilkan total data dan total penjualan sesuai dengan periode yang dipilih
oleh pengguna.
3.4.6.6 Rancangan halaman Prediksi
Pada halaman ini pengguna dapat melakukan prediksi dengan terlebih dahulu mengisi parameter yang dibutuhkan. Rancangan tampilan halaman prediksi penjualan dapat
dilihat pada Gambar 3.16.
Universitas Sumatera Utara
49
FORM PREDIKSI _ X
Sistem Penjualan Prediksi About
a Ukuran
Periode Data Periode Prediksi
Multiplikatif Additif
Reset
c
MAPE MAE
sd sd
d
α Β
γ
e
Database | Get File
b
Gambar 3.16 Rancangan Halaman Prediksi Penjualan
Keterangan: a.
Pengguna dapat melakukan prediksi berdasarkan ukuran dan periode waktu b.
Pengguna dapat mengambil data yang digunakan untuk prediksi dari luar database dengan memilih tombol „get file‟.
c. Pengguna dapat memilih menggunakan metode Holt-Winters multiplikatif atau
additif d.
Menampilkan data penjualan dan hasil prediksi e.
Grafik data aktual dan data penjualan hasil prediksi f.
Menampilkan nilai kesalahan prediksi dan nilai bobot α, , dan yang digunakan.
3.4.6.7 Rancangan halaman History
Pada halaman history pengguna dapat melakukan melihat hasil proses prediksi yang sudah pernah dilakukan sebelumnya. Hasil prediksi ini tersimpan dalam database
sistem. Rancangan tampilan halaman history dapat dilihat pada Gambar 3.17.
Universitas Sumatera Utara
50
FORM History _ X
Sistem Penjualan Prediksi About
a
c b
Id Tanggal Periode Mape Periode Ukuran Prediksi
Grafik
Gambar 3.17 Rancangan Halaman History
Keterangan: a.
Menampilkan hasil proses prediksi yang sudah pernah dilakukan sebelumnya yang tersimpan dalam database.
b. Menampilkan detail proses prediksi yang dipilih.
c. Menampilkan grafik dari hasil proses prediksi yang dipilih.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
Pada bab ini akan dijelaskan tentang proses pengimplementasian metode Holt-Winters pada sistem, sesuai perancangan sistem yang telah dilakukan di Bab 3 serta
melakukan pengujian sistem yang telah dibangun.
4.1 Implementasi Sistem
