39
Karena data menggunakan hasil transformasi akar, maka untuk memperoleh nilai peramalan sebenarnya digunakan kembali transformasi kuadrat. Jadi nilai
7837.04.
3.5. Pengiriman Data Menggunakan Web Server
Gambar 3.10.Pengiriman Data Menggunakan Web Server
Setelah mendapatkan model terbaik, maka data peramalan dari model tersebut akan digunakan untuk mencari nilai-nilai bahan baku yang ada dimasa mendatang. Setelah
itu hasil informasi dan chart statistik yang didapat akan dikompresi ke dalam bentuk file JSON Java Script Object Notation. File JSON tersebut akan dikirim ke web
server .
3.6. Perancangan
Pada tahap perancangan aplikasi hasil peramalan akan dilakukan perancangan tentang antarmuka pengguna user interface yang akan dibangun.
3.6.1. Use Case Diagram
Use case diagram digunakan untuk memodelkan batasan sistem dan fungsi-fungsi
utamanya. Mendiskripsikan fungsi dari sebuah sistem dari perspektif pengguna, use case
bekerja dengan cara mendeskripsikan tipikal interaksi antara pengguna sebuah sistem dengan sistemnya sendiri melalui sebuah alur bagaimana sebuah sistem
Universitas Sumatera Utara
40
dipakai. Use case yang sederhana hanya melibatkan satu aktor dalam sistem. Sementara use case yang lebih kompleks melibatkan lebih dari satu aktor. Adapun
diagram use case dari aplikasi peramalan bahan baku dapat dilihat pada gambar 3.11.
Gambar 3.11. Usecase Aplikasi Peramalan Bahan Baku
User Case ini terdiri atas tiga bagian yaitu : 1.
Definisi Aktor Definisi aktor berfungsi untuk mendeskripsikan peran aktor dalam aplikasi ini.Definisi
tersebut dapat dilihat pada Tabel 3.8.
Tabel 3.8. Definisi Aktor
No. Aktor
Deskripsi Ak-01
User Adakah aktor yang berperan dalam
penggunaan aplikasi peramalan untuk melihat hasil data dan hasil peramalan.
2. Definisi Use Case
Definisi use case berfungsi untuk menjelaskan proses yang terdapat pada setiap use case
. Definisi tersebut dapat dilihat pada Tabel 3.9.
Tabel 3.9. Definisi User Case
No. Nama Use
Case Deskripsi
Ucf-01 Pengguna
digunakan oleh user untuk mengatur
Universitas Sumatera Utara
41
Tabel 3.9. Definisi User Case Lanjutan
No. Nama Use
Case Deskripsi
data pengguna. Ucf-02
Data Suatu
fungsi atau
menu untuk
menampilkan data penjualan. Ucf-03
Peramalan Suatu
fungsi atau
menu untuk
menampilkan hasil peramalan.
3. Skenario Use Case
Skenario use case berfungsi untuk menunjukkan lebih rinci penjelasan pada setiap bagian proses yang ada pada use case. Di dalam scenario, penjelasan use case akan
tergambar lebih jelas. Seperti penjelasan user memberikan perintah pada setiap bagian dan respon apa saja yang diberikan kepada user. Berikut tabel-tabel yang menjelaskan
skenario usecase.
Tabel 3.10. Skenario User Case Pengguna
Identifikasi Nama
User Case Pengguna
Aktor User
Deskripsi Use case
ini digunakan untuk mengatur data pengguna dan log out
Pre-condition User
harus memiliki username dan password
untuk masuk ke dalam sistem Typical couse of event
Aksi Aktor Aksi Sistem
Langkah 1: User mengklik menu data pengguna.
Langkah 2: Sistem menampilkan menu data
pengguna dan logout Post Condition
Tampilan menu data pengguna dan akan logout bila memilih menu logout
Universitas Sumatera Utara
42
Tabel 3.11. Skenario User Case Data Penjualan
Identifikasi Nama
User Case Data Penjualan
Aktor User
Deskripsi Menampilkan data penjualan
Pre-condition Menampilkan halaman utama web
Typical couse of event Aksi Aktor
Aksi Sistem Langkah 1:
User mengklik menu data penjualan Langkah 2:
Sistem menampilkan menu data penjualan.
Langkah 3: User
memilih data penjualan Langkah 4:
Sistem menampilkan informasi data penjualan.
Post Condition Tampilan info data penjualan dan graph-
nya
Tabel 3.12. Skenario User Case Peramalan
Identifikasi Nama
User Case Peramalan
Aktor User
Deskripsi Menampilkan peramalan
Pre-condition Menampilkan halaman utama web
Typical couse of event Aksi Aktor
Aksi Sistem Langkah 1:
User mengklik menu peramalan Langkah 2:
Sistem menampilkan peramalan Typical couse of event
Langkah 3: User
memilih peramalan Langkah 4:
Sistem menampilkan informasi peramalan Post Condition
Tampilan info peramalan dan graph-nya
Universitas Sumatera Utara
43
3.6.2. Acitivity Diagram
Activity diagram adalah diagram yang menggambarkan berbagai alur aktivitas dalam
sistem yang dirancang, pembuatan awal alur sistem, keputusan yang mungkin terjadi, dan akhir dari keputusan. Adapun diagram acitivity untuk sistem ini adalah :
1. Acitivity Diagram Data Penjualan Activity
diagram ini menjelaskan aktivitas sistem dalam menampilkan data penjualan. Activity
diagram dapat dilihat pada Gambar 3.12.
Gambar 3.12. Acitivity Diagram Data Penjualan
2. Acitivity Diagram Peramalan
Activity diagram ini menjelaskan aktivitas sistem dalam menampilkan peramalan.
Activity diagram dapat dilihat pada Gambar 3.13.
Universitas Sumatera Utara
44
Gambar 3.13. Acitivity Diagram Peramalan
3.6.3. Perancangan User Interface
Perancangan antarmuka user interface dibutuhkan untuk mewakili keadaan sebenarnya dari perancangan yang akan dibangun. Berikut perancangan antarmuka
yang akan dibangun:
1. Rancangan Halaman Login Halaman ini digunakan untuk mengetahui bahwa terlebih dulu anda adalah anggota
dan ingin masuk ke menu utama sistem.Pengguna diminta untuk mengisi username dan password. Rancangan tampilan halaman login dapat dilihat pada Gambar 3.14.
Universitas Sumatera Utara
45
Gambar 3.14. Rancangan Halaman Login
Keterangan : 1. Sistem akan meminta pengguna yang ingin login, dengan mengisi username dan
password yang diperlukan untuk mengakses sistem.
2. User menekan tombol Submit setelah selesai memasukkan username dan password
, jika benar maka user akan masuk ke halaman menu utama, namun jika salah akan muncul peringatan kesalahan.
2. Rancangan Halaman Data Penjualan Pada halaman data penjualan pengguna dapat melihat data penjualan sesuai dengan
tahun yang telah disediakan.Data Penjualan termasuk menu utama karena begitu user selesai login masuk ke dalam menu data penjualan. Rancangan tampilan halaman data
penjualan dapat dilihat pada Gambar 3.15.
Universitas Sumatera Utara
46
Gambar 3.15.Rancangan Halaman Data Penjualan
Keterangan : 1. Menampilkan grafik data penjualan sesuai tahun yang dipilih.
2. Menampilkan grafik data penjualan produk HDPE, PP dan PE sesuai tahun yang dipilih.
3. Rancangan Halaman Peramalan Pada halaman peramalan produk dapat melihat hasil peramalan sesuai dengan
peroduk yang telah disediakan. Rancangan tampilan halaman data penjualan dapat dilihat pada Gambar 3.16.
Universitas Sumatera Utara
47
.
Gambar 3.16.Rancangan Halaman Data Peramalan
Keterangan: 1. Menampilkan grapfik hasil peramalan pada produk yang telah dipilih.
2. Menampilkan grapfik hasil bahan baku ke depannya sesuai dengan produk yang dipilih.
3. Menampilkan data hasil bahan baku ke depannya sesuai dengan produk yang dipilih.
3. Rancangan Halaman Pengguna Pada halaman Pengguna dapat melihat informasi tentang pengguna. tampilan halaman
data penjualan dapat dilihat pada Gambar 3.17.
Universitas Sumatera Utara
48
Gambar 3.17.Rancangan Halaman Pengguna
Keterangan: 1. Menampilkan informasi data pengguna sesuai dengan ID yang ada di database.
Universitas Sumatera Utara
7
BAB 4
IMPLEMENTASI DAN PENGUJIAN
Bab ini membahas hasil yang didapatkan dari implementasi metode ARIMA untuk meramalkan kebutuhan bahan baku pembuatan produk plastik berdasarkan data
pendapatan dan pengujian sistem sesuai dengan analisis dan perancangan yang telah dibahas pada Bab 3.
4.1. Implementasi Sistem