ANALISIS DAN PERANCANGAN SISTEM
3.4 Perancangan Sistem
Perancangan sistem merupakan tahapan perancangan data dan perancangan antarmuka sistem yang akan diimplementasikan pada penelitian ini. Perancangan yang dilakukan menggunakan beberapa diagram dari Unified Modeling Language (UML) yaitu use casediagram, dan activitydiagram.
3.4.1. Use case diagram
Use case merupakan deskripsi fungsi sebuah sistem dari perspektif pengguna. Use case dari sistem prediksi pendapatan perusahaan ini dapat dilihat pada Gambar 3.4.
Gambar 3.4 Use Case Diagram Sistem Prediksi
Use case bekerja dengan cara mendeskripsikan tipikal interaksi antara user (pengguna) dengan sistem yang dibangun melalui kronologi bagaimana sistem tersebut digunakan oleh user. Pada sebuah use case, user biasanya disebut dengan aktor. Urutan langkah-langkah yang menerangkan antara pengguna dan sistem disebut scenario. Setiap scenario mendeskripsikan urutan kejadian. Use case dapat terdiri dari beberapa scenario (Munawar, 2005).
Use case yang dibangun pada sistem prediksi ini memiliki satu aktor yaitu User (pengguna). Use case ini juga terdiri dari 4 buah scenario, yakni Home, Data Pendapatan, Peramalan, dan About.
39
3.4.2. Use case specification
Sebuah use case specification menggambarkan masing-masing scenario dari use case sistem yang dibangun secara lebih terperinci. Tabel use case specification untuk scenario home dari sistem prediksi pendapatan breakdown appareal yang dibangun dapat dilihat pada Tabel 3.2.
Tabel 3.2 Use Case Spesifikasi untuk Use Case Home
Tipe Use Ca se Penjelasan Nama Use Ca se Home
Aktor User
Deskripsi Use ca se ini dilihat a ctor saat pertama kali membuka aplikasi.
P r e condition - Cha r a cter istic of a ctiva tion
Eksekusi dilakukan oleh user. Ba sic flow - Aktor membuka aplikasi
- Aplikasi menampilkan halaman awal Alter na tive flow -
P ost condition Pada use ca se ini aktor dapat memilih menu yang ada. Limita tions -
Skenariouse case Data Pendapatan dapat dilihat pada Tabel 3.3.
Tabel 3.3 Use Case Spesifikasi untuk Use Case Data Pendapatan
Tipe Use Ca se Penjelasan Nama Use Ca se Data Pendapatan
Aktor User
Deskripsi Use ca se ini digunakan oleh aktor untuk memasukkan data pendapatan.
P r e condition Aktor harus masuk berada pada halaman awal aplikasi terlebih dahulu.
Cha r a cter istic of a ctiva tion
Eksekusi dapat dilakukan oleh aktor. Ba sic flow -Aktor memilih menu data pendapatan.
-Sistem menampilkan halaman data pendapatan. -Aktor memasukkan data pendapatan.
-Aktor menyimpan data pendapatan
menyimpan data pendapatan. Alter na tive flow -
P ost condition Sistem menampilkan kembali semua data pendapatan termasuk data terbaru.
Limita tions -
Scenariouse case Peramalan dapat dilihat pada Tabel 3.4.
Tabel 3.4 Use Case Spesifikasi untuk Use Case Peramalan
Tipe Use Ca se Penjelasan Nama Use Ca se Peramalan
Aktor User
Deskripsi Use ca se ini digunakan oleh user untuk melakukan prediksi terhadap pendapatan perusahaan.
P r e condition Aktor telah berada di dalam aplikasi. Cha r a cter istic
of a ctiva tion
Eksekusi dilakukan oleh user. Ba sic flow -Aktor memilih menu Peramalan.
-Sistem menampilkan halaman Peramalan.
-Aktor dapat mengisi parameter dan menekan tombol show
-Use ca se ini berakhir ketika sistem telah selesai menampilkan semua data prediksi.
Alter na tive flow -
P ost condition -Pada use ca se ini aktor dapat melakukan prediksi pendapatan perusahaan.
-Aktor dapat melihat Grafik Aktual, Grafik Ramalan, dan Grafik Aktual dan Ramalan
Limita tions -
Scenariouse case Grafik Aktual dapat dilihat pada Tabel 3.5.
Tabel 3.5 Use Case Spesifikasi untuk Use Case Grafik Aktual
Tipe Use Ca se Penjelasan Nama Use Ca se Grafik Aktual
Aktor User
Deskripsi Use ca se ini digunakan oleh user untuk melihat grafik actual dari hasil prediksi.
P r e condition Aktor harus berada di halaman peramalan dan memasukkan parameter dan menekan tombol show.
41
of a ctiva tion
Ba sic flow -Aktor memilih menu grafik aktual. -Sistem menampilkan grafik aktual.
-Use ca se ini berakhir ketika sistem telah selesai menampilkan grafik aktual.
Alter na tive flow - P ost condition -. Limita tions -
Scenariouse case Grafik Ramalan dapat dilihat pada Tabel 3.6.
Tabel 3.6 Use Case Spesifikasi untuk Use Case Grafik Ramalan
Tipe Use Ca se Penjelasan Nama Use Ca se Grafik Ramalan
Aktor User
Deskripsi Use ca se ini digunakan oleh user untuk melihat grafik ramalan dari hasil prediksi.
P r e condition Aktor harus berada di halaman peramalan dan memasukkan parameter dan menekan tombol show.
Cha r a cter istic of a ctiva tion
Eksekusi dilakukan oleh user.
Ba sic flow -Aktor memilih menu grafik ramalan. -Sistem menampilkan grafik ramalan.
-Use ca se ini berakhir ketika sistem telah selesai menampilkan grafik aktual.
Alter na tive flow - P ost condition -. Limita tions -
Scenariouse case Grafik Aktual dan Ramalan dapat dilihat pada Tabel 3.7.
Tabel 3.7 Use Case Spesifikasi untuk Use Case Pengaturan Data Saham
Tipe Use Ca se Penjelasan
Nama Use
Ca se
Grafik Aktual dan Ramalan
Aktor User
Deskripsi Use ca se ini digunakan oleh user untuk melihat grafik actual dan Ramalan dari hasil prediksi.
Cha r a cter istic of a ctiva tion
Eksekusi dilakukan oleh user.
Ba sic flow -Aktor memilih menu grafik actual dan ramalan. -Sistem menampilkan grafik actual dan ramalan.
-Use ca se ini berakhir ketika sistem telah selesai menampilkan grafik actual dan ramalan.
Alter na tive flow - P ost condition -. Limita tions - 3.4.3. Activity diagram
Activity diagram digunakan untuk mendeskripsikan logika prosedural, proses bisnis dan aliran kerja dalam suatu sistem. Activity diagram memiliki peranan seperti flowchart, akan tetapi memiliki perbedaan dimana activity diagram mendukung prilaku paralel sedangkan flowchart tidak (Munawar, 2005). Berikut ini adalah diagram aktivitas yang terdapat pada sistem prediksi yang akan dibangun.
1. Activitydiagram home
Pada activity diagram home, pengguna sistem akan melihat tampilan home saat pertama membuka aplikasi. Activity diagramhome dapat dilihat pada Gambar 3.5.
43
2. Activitydiagram pendapatan
Pada activity diagram pendapatan, pengguna dapat memasukkan data penapatan baru. Kita harus mengisi tanggal pendapatan, nama pendapatan dan nilai pendapatan pada waktu tersebut. Activity diagram pendapatan dapat dilihat pada Gambar 3.6.
Gambar 3.6 Diagram Aktivitas untuk Data Pendapatan
3. Activity diagram peramalan
Pada activity diagram peramalan, pengguna dapat menggunakan fungsi peramalan pada sistem ini. Pada halaman ini, pengguna akan diminta memasukkan nilai pembelajaran, max epoh, momentum, dan range data. Pengguna lalu menekan tombol show, lalu sistem akan menampilkan nilai prediski terhadap data pendapatan. Activity diagram untuk peramalan dapat dilihat pada Gambar 3.7.
Gambar 3.7 Diagram Aktivitas untuk Peramalan
4. Activity diagram grafik aktual
Pada activity diagram grafik actual, pengguna akan memilih pilihan grafik actual setelah melakukan prediksi terhadap data pendapatan. Sistem akan menampilkan grafik actual dari hasil prediksi. Activity diagram grafik aktual dapat dilihat pada Gambar 3.8.
45
5. Activitydiagram grafik ramalan
Activity diagram grafik ramalan dapat dilihat pada Gambar 3.9.
Gambar 3.9 Diagram Aktivitas untuk Grafik Peramalan
Pada activity diagram grafik ramalan, pengguna akan memilih pilihan grafik ramalan setelah melakukan prediksi terhadap data pendapatan. Sistem akan menampilkan grafik ramalan dari hasil prediksi.
6. Activitydiagram grafik actual dan ramalan
Pada activity diagram grafik actual ramalan, pengguna akan memilih pilihan grafik actual ramalan setelah melakukan prediksi terhadap data pendapatan. Sistem akan menampilkan grafik actual dan ramalan dari hasil prediksi secara bersamaan. Activity diagram catatan dapat dilihat pada Gambar 3.10.
3.4.4. Rancangan menu system
Rancangan menu sistem dapat digunakan untuk melihat struktur menu yang terdapat pada suatu sistem yang akan dibangun. Rancangan menu sistem yang akan dibangun dapat dilihat pada Gambar 3.11. Rancangan sistem prediksi pendapatan breakdown appareal ini terdiri halaman home, data pendapatan, peramalan, dan about.
Gambar 3.11 Struktur Menu Sistem
3.4.5. Perancangan antarmuka
Perancangan antarmuka berisi gambaran umum tentang perancangan setiap tampilan yang terdapat pada aplikasi yang dibangun.
A. Rancangan halaman home
Halaman home merupakan halaman awal bagi pengguna saat menggunakan sistem. Halaman home merupakan halaman pembuka, dan halaman awal menuju ke halaman berikutnya. Rancangan tampilan halaman prediksi dapat dilihat pada Gambar 3.12.
47
Gambar 3.14 Rancangan Halaman Home
Keterangan:
Saat pengguna membuka aplikasi, halaman home akan ditampilkan. Halaman home merupakan halaman awal untuk menuju ke halaman lainnya.
B. Rancangan halaman data pendapatan
Pada halaman data pendapatan merupakan halaman untuk memasukkan data pendapatan breakdown appareal. Pada halaman ini, pengguna harus memasukkan tanggal pendapatan, jenis pendapatan dan jumlah pendapatan. Semua data pendapatan termasuk data yang baru dimasukkan akan ditampilkan di halaman data pendapatan. Rancangan tampilan halaman data pendapatan dapat dilihat pada Gambar 3.14.