Perancangan Sistem - ANALISIS DAN PERANCANGAN SISTEM

ANALISIS DAN PERANCANGAN SISTEM

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,

dengan memberi sebuah narasi tentang bagaimana sistem tersebut digunakan. (Fowler, 2005).

Use case yang sederhana hanya melibatkan satu interaksi/hubungan 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 actions/aksi 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.2Use 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.

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 -

Scenariouse 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.

Tabel 3.3 Use case Specification untuk Use case Data Penjualan(Lanjutan)

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 -

Scenariouse 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.

Scenariouse 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.

Scenariouse caseHistory dapat dilihat pada Tabel 3.6.

Tabel 3.6 Use case Specification untuk Use caseHistory

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.3Diagram 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.

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

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, lalu menset nilai α, , dan dan mencari nilai terbaik. Kemudian sistem melakukan prediksi, setelah selesai melakukan prediksi sistem akan menampilkan hasil prediksi.

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

3.4.4Model 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.5Perancangan 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.

3.4.6Perancangan antarmuka

Perancangan antarmuka berisi gambaran umum tentang perancangan setiap tampilan yang terdapat pada aplikasi yang dibangun.

3.4.6.1Rancangan 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.

Username

Password

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.2Rancangan 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.

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.3Rancangan 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.

FORM PENGGUNA _ X

Sistem Penjualan Prediksi About

Kode Pengguna

Nama Pengguna

Password

Simpan Hapus Ubah Tutup Cari Data

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.

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.5Rancangan 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.

FORM PENJUALAN _ X Sistem Penjualan Prediksi About

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.6Rancangan 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.

FORM PREDIKSI _ X Sistem Penjualan Prediksi About

Ukuran Periode Data Periode Prediksi

Multiplikatif Additif Reset c

MAPE MAE s/d s/d 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.7Rancangan 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.

FORM History _ X Sistem Penjualan Prediksi About

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.

BAB 4

Dalam dokumen Prediksi Jumlah Permintaan Barang Musiman Menggunakan Metode Holt-winters (Halaman 47-64)