24 PDF

RANCANG BANGUN APLIKASI DASHBOARD
UNTUK VISUALISASI TRANSAKSI EKSPOR

PADA PT. KELOLA MINA LAUT
TUGAS AKHIR
Program Studi
S1 Sistem Informasi
Oleh:
Heny Listiany
09.41010.0241
FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA
2016
RANCANG BANGUN APLIKASI
DASHBOARD UNTUK VISUALISASI
TRANSAKSI EKSPOR PADA PT. KELOLA MINA LAUT
TUGAS AKHIR
Diajukan sebagai salah satu syarat untuk menyelesaikan
Program Sarjana
Oleh :
Nama : Heny Listiany
NIM : 09.41010.0241
Program : S1 (Strata Satu)
Jurusan : Sistem Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA
INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA
2016
DAFTAR ISI
Halaman
ABSTRAK ........................................................................................................ vii
KATA PENGANTAR ..................................................................................... viii
DAFTAR ISI........................................................................................................ x
DAFTAR GAMBAR ....................................................................................... xiii
DAFTAR TABEL.............................................................................................. xx
DAFTAR LAMPIRAN................................................................................... xxii
BAB I PENDAHULUAN ................................................................................. 1
Latar Belakang Masalah ............................................................... 1
Perumusan Masalah ..................................................................... 3
Batasan Masalah........................................................................... 4
Tujuan .......................................................................................... 4
Manfaat Penelitian ....................................................................... 4
Sistematika Penulisan .................................................................. 5
BAB II LANDASAN TEORI ............................................................................. 7
Aplikasi ........................................................................................ 7
Dashboard .................................................................................... 7
2.2.1 Pengertian Dashboard....................................................... 7
2.2.2 Pengelompokan Dashboard .............................................. 8
2.2.3 Grafik Dashboard ........................................................... 10
Visualisasi .................................................................................. 11
Transaksi Ekspor ........................................................................ 12
Object Oriented .......................................................................... 13
Unified Modelling Language ..................................................... 13
x
Halaman
Software Development Life Cycle .............................................. 19
2.7.1 Communication ............................................................... 20
2.7.2 Planning .......................................................................... 20
2.7.3 Modelling ........................................................................ 21
2.7.4 Construction .................................................................... 21
2.7.5 Deployment ..................................................................... 22
Analisis dan Perancangan Sistem............................................... 23
Database .................................................................................... 23
BAB III ANALISIS DAN PERANCANGAN SISTEM ................................... 24
Analisis Sistem ........................................................................... 24
3.1.1 Tahapan Komunikasi ...................................................... 24
3.1.2 Perencanaan Kebutuhan Sistem ...................................... 29
Perancangan Sistem ................................................................... 39
3.2.1 Arsitektur Sistem............................................................. 39
3.2.2 Unified Modelling Language .......................................... 41
3.2.3 Struktur Tabel ................................................................. 75
3.2.4 Basis Data ....................................................................... 80
3.2.5 Rancangan Input Output ................................................. 81
3.2.6 Perancangan Pengujian ................................................... 85
BAB IV IMPLEMENTASI DAN EVALUASI................................................. 90
Implementasi Sistem .................................................................. 90
4.1.1 Kebutuhan Sistem ........................................................... 90
4.1.2 Hasil Implementasi ......................................................... 92
Evaluasi Sistem ........................................................................ 142
xi
Halaman
4.2.1 Hasil Uji Coba ............................................................... 142
4.2.2 Hasil Evaluasi ............................................................... 156
BAB V PENUTUP ......................................................................................... 158
Kesimpulan .............................................................................. 158
Saran......................................................................................... 158
DAFTAR PUSTAKA ...................................................................................... 160
LAMPIRAN..................................................................................................... 161
xii
DAFTAR TAMBAR
Halaman
Gambar 2.1 Notasi Aktor Bisnis Dalam UML. ............................................... 14
Gambar 2.2 Notasi Pekerja Bisnis. .................................................................. 14
Gambar 2.3 Relasi Asosiasi Dengan Satu Pekerja Bisnis ............................... 15
Gambar 2.4 Relasi Asosiasi Dengan Dua Pekerja........................................... 15
Gambar 2.5 Actor ............................................................................................ 15
Gambar 2.6 Use Case Sistem. ......................................................................... 15
Gambar 2.7 Swim Lines. .................................................................................. 17
Gambar 2.8 Aktivitas....................................................................................... 17
Gambar 2.9 Entitas Bisnis. .............................................................................. 17
Gambar 2.10 Transisi ........................................................................................ 17
Gambar 2.11 Titik Keputusan ........................................................................... 18
Gambar 2.12 Start State .................................................................................... 18
Gambar 2.13 End State ...................................................................................... 18
Gambar 2.14 Waterfall Model ........................................................................... 20
Gambar 3.1 Diagram Use Case Bisnis. ........................................................... 30
Gambar 3.2 Diagram Aktivitas (Workflow). ................................................... 31
Gambar 3.3 Arsitektur Aplikasi Dashboard Untuk Visualisasi Transaksi

Ekspor pada PT. Kelola Mina Laut ............................................. 40
Gambar 3.4 Diagram Use Case Sistem Level Direksi ..................................... 42
Gambar 3.5 Diagram Use Case Sistem Level Pemasaran ............................... 43
Gambar 3.6 Diagram Sekuensial Log In ......................................................... 56
Gambar 3.7 Diagram Sekuensial Mengoperasikan Dashboard ...................... 57
Gambar 3.8 Diagram Sekuensial Ubah Target ................................................ 58
Gambar 3.9 Diagram Sekuensial Grafik per Tahun ........................................ 59
xiii
Halaman
Gambar 3.10 Diagram Sekuensial Grafik per Negara ....................................... 60
Gambar 3.11 Diagram Sekuensial Grafik per Produk ....................................... 61
Gambar 3.12 Diagram Sekuensial Grafik per Pelanggan .................................. 62
Gambar 3.13 Diagram Sekuensial Cetak........................................................... 63
Gambar 3.14 Diagram Kelas Log In.................................................................. 64
Gambar 3.15 Diagram Kelas Mengoperasikan Dashboard .............................. 65
Gambar 3.16 Diagram Kelas Ubah Target ........................................................ 66
Gambar 3.17 Diagram Kelas Grafik per Tahun. ............................................... 67
Gambar 3.18 Diagram Kelas Grafik per Negara ............................................... 69
Gambar 3.19 Diagram Kelas per Produk .......................................................... 70
Gambar 3.20 Diagram Kelas Grafik per Pelanggan .......................................... 71
Gambar 3.21 Diagram Kelas Cetak ................................................................... 72
Gambar 3.22 Diagram Komponen .................................................................... 73
Gambar 3.23 Diagram Deployment ................................................................... 74
Gambar 3.24 Basis Data .................................................................................... 81
Gambar 3.25 Rancangan Formulir Set Target ................................................... 82
Gambar 3.26 Rancangan Ubah Profil Dan Password ....................................... 82
Gambar 3.27 Rancangan Set Periode ................................................................ 83
Gambar 3.28 Rancangan Laporan Transaksi Ekspor per Tahun .......................84
Gambar 3.29 Rancangan Laporan per Negara ..................................................84
Gambar 3.30 Rancangan Laporan Transaksi Ekspor per Produk......................85
Gambar 4.1 Tampilan Halaman Log In ........................................................... 93
Gambar 4.2 Halaman Dashboard Home ......................................................... 94
Gambar 4.3 Grafik Transaksi Ekspor per Tahun............................................. 95
Gambar 4.4 Informasi Nilai Transaksi Ekspor per Tahun .............................. 96
xiv
Halaman
Gambar 4.5 Informasi Nilai Target Transaksi Ekspor per Tahun ................... 97
Gambar 4.6 Formulir Perbandingan Transaksi Ekspor per Tahun .................. 98
Gambar 4.7 Grafik Transaksi Ekspor Hasil Submit Formulir

Perbandingan Transaksi Ekspor per Tahun ................................. 98
Gambar 4.8 Informasi Nilai Perbandingan Hasil Submit Formulir

Perbandingan Transaksi Ekspor per Tahun ................................. 99
Gambar 4.9 Grafik per Pelanggan Drilldown Dari Hasil Submit Formulir
Perbandingan Transaksi Ekspor per Tahun ............................... 100
Gambar 4.10 Grafik per Negara Drilldown Dari Hasil Submit Formulir
Gambar 4.11 Grafik per Produk Drilldown Dari Hasil Submit Formulir
Gambar 4.12 Formulir Perbandingan Transaksi Ekspor per Tahun

Bulan .......................................................................................... 102

Perbandingan Transaksi Ekspor per Tahun Bulan .................... 102

Gambar 4.15 Grafik per Pelanggan Drilldown Dari Hasil Submit

Formulir Perbandingan Transaksi Ekspor per Tahun
Bulan .......................................................................................... 104
Gambar 4.18 Laporan Transaksi Ekspor per Tahun ........................................ 106
Gambar 4.19 Alert Grafik Transaksi Ekspor per Tahun .................................. 106
Gambar 4.20 Grafik Transaksi Ekspor per Negara ......................................... 107
Gambar 4.21 Nilai Transaksi Ekspor per Negara ............................................ 108
Gambar 4.22 Formulir Perbandingan Transaksi Ekspor per Negara

Tahun Bulan .............................................................................. 108
xv
Halaman

Perbandingan Transaksi Ekspor per Negara Tahun
Bulan .......................................................................................... 109

Bulan .......................................................................................... 110
Bulan .......................................................................................... 111

Formulir Perbandingan Transaksi Ekspor per Negara
Tahun Bulan .............................................................................. 112
Gambar 4.27 Formulir Perbandingan Transaksi Ekspor per Negara

Tahun. ........................................................................................ 112

Perbandingan Transaksi Ekspor per Negara Tahun.. ................ 113

Perbandingan Transaksi Ekspor per Negara Tahun. ................. 114
Perbandingan Transaksi Ekspor per Negara Tahun. ................. 115

Formulir Perbandingan Transaksi Ekspor per Negara
Tahun. ........................................................................................ 115
Gambar 4.32 Laporan Transaksi Ekspor per Negara ...................................... 116
Gambar 4.33 Grafik Transaksi Ekspor per Kategori ....................................... 117
Gambar 4.34 Nilai Transaksi Ekspor per Kategori ......................................... 117
Gambar 4.35 Formulir Perbandingan Transaksi Ekspor per Kategori

Tahun. ........................................................................................ 118

Perbandingan Transaksi Ekspor per Kategori Tahun. ............... 119

xvi
Halaman

Formulir Perbandingan Transaksi Ekspor per Kategori
Tahun. ........................................................................................ 122
Gambar 4.40 Formulir Perbandingan Transaksi Ekspor per Kategori

Tahun Bulan. ............................................................................. 123

Perbandingan Transaksi Ekspor per Kategori Tahun
Bulan .......................................................................................... 124

Perbandingan Transaksi Ekspor per Kategori Tahun Bulan. .... 124
Perbandingan Transaksi Ekspor per Kategori Tahun
Bulan. ......................................................................................... 126

Formulir Perbandingan Transaksi Ekspor per Kategori
Tahun Bulan. ............................................................................. 126
Gambar 4.45 Laporan Transaksi Ekspor per Kategori .................................... 127
Gambar 4.46 Grafik Transaksi Ekspor per Pelanggan .................................... 128
Gambar 4.47 Informasi Nilai Transaksi Pelanggan Pada Periode Yang

Dipilih ........................................................................................ 129
Gambar 4.48 Informasi Nilai Transaksi Pelanggan Pada Periode

Yang Lalu .................................................................................. 129
Gambar 4.49 Formulir Perbandingan Transaksi Ekspor per Pelanggan

Tahun Bulan. ............................................................................. 130

Perbandingan Transaksi Ekspor per Pelanggan Tahun
Bulan. ......................................................................................... 131

Bulan. ......................................................................................... 133
xvii
Halaman
Bulan. ......................................................................................... 133
Gambar 4.53 Formulir Perbandingan Transaksi Ekspor per Pelanggan

Tahun. ........................................................................................ 134

Perbandingan Transaksi Ekspor per Pelanggan Tahun. ............ 135

Gambar 4.57 Alert Grafik Transaksi Ekspor per Pelanggan ........................... 137
Gambar 4.58 Laporan Transaksi Ekspor per Pelanggan ................................. 138
Gambar 4.59 Menu Set Target......................................................................... 139
Gambar 4.60 Form Set Target ......................................................................... 140
Gambar 4.61 Halaman Menu Profil ................................................................ 141
Gambar 4.62 Halaman Profil ........................................................................... 142
Gambar 4.63 Halaman Log In Gagal ............................................................... 149
Gambar 4.64 Ubah Periode 2012. ................................................................... 150
Gambar 4.65 Edit Profile Sukses .................................................................... 151
Gambar 4.66 Edit Profile Gagal ...................................................................... 151
Gambar 4.67 Menu Set Target Tidak Tampil .................................................. 152
Gambar 4.68 Nilai Target Awal ...................................................................... 153
Gambar 4.69 Ubah Nilai Target ...................................................................... 153
Gambar 4.70 Pesan Nilai Target Berhasil ....................................................... 153
Gambar 4.71 Nilai Target Yang Berhasil Disimpan ....................................... 153
Gambar 4.72 Ubah Nilai Target Tanpa Tahun dan Bulan............................... 154
Gambar 4.73 Pesan Kesalahan Ubah Target Tanpa Tahun dan Bulan............ 154
xviii
Halaman
Gambar 4.74 Ubah Nilai Target Angka Numerik ........................................... 154
Gambar 4.75 Pesan Kesalahan Ubah Nilai Target Angka Numerik ............... 154
Gambar 4.76 Diagram Garis Target Transaksi Ekspor ................................... 155
Gambar 4.77 Diagram Batang Transaksi Ekspor ............................................ 155
Gambar 4.78 Diagram Garis Transaksi Ekspor per Pelanggan Pada

Satu Periode Yang Lalu. ............................................................ 155
Gambar 4.79 Diagram Garis Transaksi Ekspor per Pelanggan Pada

Periode Yang Dipilih ................................................................. 156
xix
DAFTAR TABEL
Halaman
Tabel 2.1 Daftar Variabel untuk Menyusun Taksonomi Dashboard ................ 8
Tabel 2.2 Keterhubungan Data Dengan Jenis Grafik ...................................... 11
Tabel 3.1 Wawancara ...................................................................................... 25
Tabel 3.2 Laporan Realisasi Ekspor ................................................................ 28
Tabel 3.3 Kebutuhan Pengguna ....................................................................... 32
Tabel 3.4 Rencana Kebutuhan Data ................................................................ 33
Tabel 3.5 Perencanaan Kebutuhan Fungsi ...................................................... 34
Tabel 3.6 Daftar Use Case............................................................................... 44
Tabel 3.7 Flow of Events Log In ..................................................................... 47
Tabel 3.8 Flow of Events Mengoperasikan Dashboard .................................. 49
Tabel 3.9 Flow of Events Menentukan Target Transaksi Ekspor .................... 50
Tabel 3.10 Flow of Events Menampilkan Transaksi Ekspor per Tahun............ 51
Tabel 3.11 Flow of Events Menampilkan Transaksi Ekspor per Negara .......... 52
Tabel 3.12 Flow of Events Menampilkan Transaksi Ekspor per Pelanggan ..... 53
Tabel 3.13 Flow of Events Menampilkan Transaksi Ekspor per Produk .......... 54
Tabel 3.14 Flow of Events Mencetak Transaksi Ekspor ................................... 55
Tabel 3.15 Kelas Log In .................................................................................... 64
Tabel 3.16 Kelas Mengoperasikan Dashboard ................................................. 65
Tabel 3.17 Kelas Ubah Target ........................................................................... 66
Tabel 3.18 Kelas Grafik per Tahun. .................................................................. 68
Tabel 3.19 Kelas Grafik per Negara. ................................................................. 68
Tabel 3.20 Kelas Grafik per Produk. ................................................................. 70
Tabel 3.21 Kelas Grafik per Pelanggan ............................................................. 71
Tabel 3.22 Kelas Grafik per Pelanggan ............................................................. 73
xx
Halaman
Tabel 3.23 User. ................................................................................................ 75
Tabel 3.24 Product_Category. .......................................................................... 76
Tabel 3.25 Product. ........................................................................................... 76
Tabel 3.26 Country. ........................................................................................... 77
Tabel 3.27 Province........................................................................................... 77
Tabel 3.28 City. ................................................................................................. 78
Tabel 3.29 Buyer. .............................................................................................. 78
Tabel 3.30 Trs_Export. ...................................................................................... 79
Tabel 3.31 Dtl_Trs_Export. ............................................................................... 79
Tabel 3.32 Target. ............................................................................................. 80
Tabel 3.33 Perancangan Pengujian Fungsi ........................................................ 86
Tabel 4.1 Uji coba ......................................................................................... 142
Tabel 4.2 Hasil Evaluasi. ............................................................................... 156
xxi
DAFTAR LAMPIRAN
Halaman
Lampiran 1 Rencana Shipment...................................................................... 161
Lampiran 2 Bukti Pemesanan Pelayaran....................................................... 162
Lampiran 3 Delivery Order ........................................................................... 163
Lampiran 4 Permintaan Kelengkapan Dokumen Ekspor .............................. 164
Lampiran 5 Surat Jalan.................................................................................. 165
Lampiran 6 Shipping Instruction .................................................................. 166
Lampiran 7 Packing List ............................................................................... 167
Lampiran 8 Commercial Invoice ................................................................... 168
Lampiran 9 Draft Bill of Lading (B/L) ......................................................... 169
Lampiran 10 Draft Certificate of Origin (COO)............................................. 170
Lampiran 11 Berita Acara Penyegelan ........................................................... 171
Lampiran 12 Nota Pelayanan Ekspor .............................................................. 172
Lampiran 13 Pemberitahuan Ekspor Barang .................................................. 173
Lampiran 14 COO ........................................................................................... 175
Lampiran 15 Export Freight Invoice............................................................... 176
Lampiran 16 B/L ............................................................................................. 177
Lampiran 17 Tabel Realisasi Ekspor .............................................................. 178
Lampiran 18 Halaman Dashboard Transaksi Ekspor Perbandingan per

Tahun ......................................................................................... 179

Tahun per Bulan ........................................................................ 180
Lampiran 20 Halaman Dashboard Transaksi Ekspor Hasil Drilldown

Perbandingan per Tahun ............................................................ 181

Perbandingan per Tahun Bulan ................................................. 182
xxii
Halaman

Negara Tahun ............................................................................ 183

Negara Tahun Bulan .................................................................. 184

Perbandingan per Negara Tahun ............................................... 185

Perbandingan per Negara Tahun Bulan ..................................... 186

Produk Kategori Tahun ............................................................. 187

Produk Kategori Tahun Bulan ................................................... 188

Perbandingan per Produk Kategori Tahun Bulan ...................... 189

Perbandingan per Produk Kategori Tahun Bulan ...................... 190

Pelanggan Tahun ....................................................................... 191

Pelanggan Tahun Bulan ............................................................. 192

Perbandingan per Pelanggan Tahun .......................................... 193

Perbandingan per Pelanggan Tahun Bulan ................................ 193
Lampiran 34 Halaman Utama Dashboard Transaksi Ekspor ......................... 194
xxiii
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
PT. Kelola Mina Laut merupakan perusahaan yang bergerak di bidang
industri makanan laut. Perusahaan ini berdiri sejak tahun 1993 yang mulanya hanya
memproduksi teri nasi (Chirimen) dan kerang. Namun, saat ini perusahaan tersebut
telah berkembang dan menjadi perusahaan eksportir makanan laut terbesar nomor
tiga dunia. Perusahaan ini telah mengekspor produk hasil olahannya ke beberapa
negara yaitu : Amerika Serikat, Kanada, Eropa, Rusia, Jepang, Cina, Taiwan,
Korea, Australia, Timur tengah, Asia tenggara dan Afrika.
Setiap perusahaan pasti memiliki strategi untuk mengembangkan
bisnisnya, bersaing untuk menjadi yang terdepan, dan mencapai tujuan utama dari
perusahaan. PT. Kelola Mina Laut selalu melakukan peninjauan kembali terkait
dengan transaksi ekspor yang dilakukannya. Hal ini dilakukan untuk menganalisa
dan menyimpulkan strategi yang sesuai sebagai antisipasi hal-hal yang tidak
diinginkan ataupun menemukan peluang yang mampu menunjang tercapainya
tujuan perusahaan.
Salah satu pencapaian tujuan perusahaan dalam hal ini adalah tercapainya
nilai target transaksi ekspor per tahun. Untuk mengetahui pencapaian tujuan
perusahaan tersebut divisi-divisi dan para direksi terkait melakukan rapat secara
berkala. Data yang disajikan dalam rapat ini tidak lain adalah data tabel realisasi
ekspor yang telah diolah oleh divisi pemasaran menjadi data transaksi ekspor per
tahun, per negara, per produk dan per pelanggan pada periode sebelumnya dengan
1
2
bentuk tabel dan menggunakan bantuan perangkat lunak Microsoft excel. Proses ini
terbilang rumit karena divisi pemasaran perlu memasukkan rumus-rumus tertentu
untuk menyajikan data transaksi ekspor tersebut.
Kenyataannya, data tabel realisasi ekspor yang diperoleh hanya data tabel
realisasi ekspor pada periode sebelumnya. Hal ini disebabkan oleh banyaknya data
realisasi ekspor yang ada. Oleh karena hal inilah data yang disajikan dalam rapat
periodik ini tidak bersifat real time dan tidak sesuai dengan kebutuhan direksi.
Tidak sesuai dengan kebutuhan direksi karena para direksi kesulitan untuk
mengetahui nilai transaksi ekspor yang tidak memenuhi nilai target yang telah
ditentukan dan kesulitan untuk membandingkan data transaksi ekspor pada periode
tertentu atau mencari selisih nilai dari transaksi ekspor. Permasalahan yang
dihadapi oleh para direksi dapat dikurangi jika informasi transaksi ekspor disajikan
dalam bentuk visual yaitu grafik atau diagram-diagram lain yang sesuai sehingga
mudah dipahami secara sekilas.
Divisi pemasaran yang bertanggung jawab dalam penyajian data transaksi
ekspor mengharapkan adanya perangkat lunak yang dapat membantu dalam
penyajian informasi transaksi ekspor grafik tanpa perlu memasukkan rumus
tertentu. Perangkat lunak yang dimaksud juga dapat menyajikan data secara real
time atau dengan kata lain mampu menyajikan tanpa perlu mengisikan ulang data
transaksi ekspor yang karena telah terintegrasi dengan data yang dihasilkan oleh
divisi ekspor. Dari ulasan di atas maka permasalahan yang ada di PT. Kelola Mina
Laut adalah:
1. Data yang disajikan dalam rapat ini tidak lain adalah data tabel realisasi ekspor
yang telah diolah oleh divisi pemasaran menjadi data transaksi ekspor per tahun,
3
per negara, per produk dan per pelanggan pada periode sebelumnya dengan
bentuk tabel dan menggunakan bantuan perangkat lunak Microsoft excel. Divisi
pemasaran tidak dapat menyajikan data transaksi ekspor pada periode lainnya
sesuai dengan kebutuhan direksi.
2. Keterbatasan data, karena data yang disajikan hanya data transaksi ekspor pada
satu periode yang lalu sehingga dapat dikatakan data tersebut tidak real time.
3. Direksi kesulitan untuk mengetahui nilai transaksi ekspor yang tidak memenuhi
nilai target yang telah ditentukan.
4. Direksi kesulitan untuk membandingkan data transaksi ekspor per periode
tertentu atau mencari selisih nilai dari transaksi ekspor per tahun, per bulan, per
negara pelanggan, per kategori produk dan per pelanggan.
Dari permasalahan yang ada maka dirancang dan dibangun sebuah aplikasi
dashboard untuk visualisasi transaksi ekspor yang digunakan dalam mengatasi
kendala yang ada pada PT. Kelola Mina Laut. Aplikasi tersebut dapat menyajikan
data transaksi ekspor ke dalam bentuk visual seperti diagram batang, garis, dan pie
untuk memudahkan para direksi memahami dan menganalisis data transaksi ekspor
pada saat rapat periodik. Aplikasi ini dapat menampilkan data transaksi ekspor
secara real time karena aplikasi ini telah terintegrasi dengan data yang ada pada
divisi ekspor, aplikasi ini juga dapat menampilkan nilai transaksi ekspor beserta
target yang telah ditentukan dan mampu menyajikan informasi perbandingan nilai
transaksi ekspor pada periode yang ditentukan.
1.2 Perumusan Masalah
Bagaimana merancang dan membangun aplikasi dashboard untuk
visualisasi transaksi ekspor pada PT. Kelola Mina Laut?

4
1.3 Batasan Masalah
Batasan masalah yang digunakan dalam rancang bangun aplikasi
dashboard untuk visualisasi transaksi ekspor pada PT. Kelola Mina Laut adalah
tidak membahas mengenai keamanan aplikasi.
1.4 Tujuan
Melihat rumusan masalah yang ada maka dapat disimpulkan tujuan dari
penelitian ini adalah:
1. Membuat aplikasi yang dapat menyajikan informasi secara real time atau
dengan kata lain mampu menyajikan informasi transaksi ekspor sewaktu-waktu
karena data transaksi ekspor telah terintegrasi dengan data transaksi ekspor pada
divisi ekspor.
2. Membuat aplikasi yang menerapkan konsep dashboard sehingga informasi
transaksi ekspor dapat disajikan dalam bentuk visual yang lebih informatif.
3. Membuat aplikasi yang mampu menyajikan informasi perbandingan atau selisih
nilai transaksi ekspor pada periode yang ditentukan. Baik dalam
membandingkan nilai transaksi ekspor pada periode tertentu, membandingkan
nilai transaksi ekspor per negara, membandingkan nilai transaksi ekspor per
kategori produk dan membandingkan nilai transaksi ekspor per pelanggan.
1.5 Manfaat Penelitian
Manfaat dari rancang bangun aplikasi dashboard untuk visualisasi
transaksi ekspor pada PT. Kelola Mina Laut adalah sebagai berikut:
1. Memudahkan divisi pemasaran dalam menyajikan informasi transaksi ekspor
PT. Kelola Mina Laut dalam bentuk visual dan real time.
5
2. Memudahkan direksi dalam analisis informasi transaksi ekspor dalam bentuk
visual.
3. Memudahkan direksi untuk melihat transaksi ekspor yang tidak memenuhi
nilai target yang telah ditentukan.
4. Memudahkan direksi untuk melihat informasi perbandingan nilai transaksi
ekspor pada periode tertentu, perbandingan nilai transaksi ekspor per negara,
perbandingan nilai transaksi ekspor per kategori produk dan perbandingan nilai
transaksi ekspor per pelanggan.
1.6 Sistematika Penulisan
Sistematika penulisan dalam penyusunan laporan tugas akhir ini
digunakan agar seluruh kegiatan dalam proses penyelesaian tugas akhir ini dapat
terekam, tersusun dan terdokumentasikan dengan baik. Tiap bab dalam laporan
tugas akhir ini menjelaskan mulai dari permasalahan sampai solusi yang diberikan.
Bab pertama pendahuluan dalam laporan tugas akhir ini berisi tentang latar
belakang masalah yang diangkat oleh penulis sebagai dasar dari perancangan dan
pembangunan aplikasi pengelolaan administrasi ekspor. Bab ini juga terdiri dari
rumusan masalah, batasan masalah, tujuan, manfaat sampai dengan dari tugas akhir
ini.
Bab kedua landasan teori di dalamnya terdapat teori-teori dasar yang
digunakan untuk menyelesaikan permasalahan yang diangkat dalam tugas akhir ini.
Teori-teori yang dimaksud dalam hal ini yakni: aplikasi, dashboard, visualisasi,
transaksi ekspor, object oriented, unified modelling language, software
development life cycle, analisis, perancangan dan database. Teori-teori ini yang
6
dijadikan sebagai dasar oleh penulis dalam menganalisa, merancang sampai dengan
membangun aplikasi dan menyusun laporan pada tugas akhir ini.
Bab ketiga analisis dan perancangan berisi tentang tahapan analisis dan
perancangan dari aplikasi yang dibangun. Tahapan-tahapan ini dimulai dari analisis
sistem, perancangan sistem sampai dengan perancangan pengujiannya.
Dokumentasi ini dimaksudkan untuk memberikan kemudahan dalam
pengembangan aplikasi.
Bab keempat implementasi dan evaluasi berisi dokumentasi dari hasil
implementasi aplikasi yang dibangun. Bab ini juga berisi evaluasi dari pengguna
terkait dengan penggunaan dari aplikasi yang dibangun. Hasil dari uji coba pun
didokumentasikan dalam bab keempat ini.
Bab kelima penutup merupakan bab terakhir pada laporan tugas akhir ini.
Bab ini berisi kesimpulan dari dokumentasi proyek tugas akhir ini beserta saran
yang ditujukan bagi pengembang lain untuk mengembangkan aplikasi pada proyek
tugas akhir ini ke arah yang jauh lebih baik.

BAB II
LANDASAN TEORI
Bab dua landasan teori menjelaskan mengenai teori-teori pendukung
dalam mengerjakan aplikasi dashboard untuk visualisasi transaksi ekspor pada PT.
Kelola Mina Laut, berikut merupakan penjelasan dari teori-teori yang dimaksud:
2.1 Aplikasi
Aplikasi adalah kumpulan perintah program yang dibuat untuk melakukan
pekerjaan-pekerjaan tertentu (Hendrayudi, 2009:143). Ada yang mengatakan
bahwa aplikasi merupakan komponen yang berguna melakukan pengolahan data
maupun kegiatan-kegiatan seperti pembuatan dokumen atau pengolahan data (Ali
Zaki, dkk, 2007:11).
2.2 Dashboard
2.2.1 Pengertian Dashboard
Menurut Eckerson Wayne W. (2006:10), “A performance dashboard is a
multilayered application built on a business intelligence and data integration
infrastructure that enables organizations to measure, monitor, and manage
business performance more effectively”. Jadi dapat diartikan bahwa dashboard
merupakan aplikasi multi layer yang dibangun dengan memadukan bisnis intelijen
dan integrasi data yang memungkinkan sebuah organisasi untuk mengukur,
memantau dan mengelola kinerja bisnis secara lebih efektif.
Menurut Few Stephen (2006:26), “A dashboard is a visual display of the
most important information needed to achieve one or more objectives; consolidated
7
8
and arranged on a single screen so the information can be monitored at a glance”.
Dapat diartikan bahwa dashboard merupakan sebuah tampilan visual dari informasi
yang paling penting yang dibutuhkan untuk mencapai satu tujuan atau lebih;
digabungkan dan diatur pada satu layar sehingga informasi dapat dipantau secara
sekilas.
2.2.2 Pengelompokan Dashboard
Menurut Few Stephen (2006:30) dashboard dapat di kelompokkan
menjadi beberapa hal. Tabel 2.1 berikut ini berisi beberapa daftar variable yang
dapat digunakan untuk menyusun taksonomi dashboard.
Tabel 2.1 Daftar Variabel untuk Menyusun Taksonomi Dashboard
Variable Values
Role Strategic
Analytical
Operational
Type of data Quantitative
Non-quantitative
Data domain Sales
Finance
Marketing
Manufacturing
Human Resource
Type of measures Balance Scorecard (for example, KPIs)
Six Sigma
Non Performance
Span of data Enterprise-wide
Departemental
Individual
Update Frequency Monthly
Weekly
Daily
Hourly
Real time or near real time
Interactivity Static display
Interactive display (drill-down, filters, etc.)
9
Tabel 2.1 Lanjutan.
Variable Values
Mechanisms of display Primarily graphical
Primarily text
Integration of graphics and text
Portal functionality Conduit to additional data
No portal functionality
1. Pengelompokan Dashboard Berdasarkan Peranan (Role)
a. Dashboard berdasarkan peranan strategic
Dashboard berdasarkan peranan strategis digunakan untuk memberikan
informasi singkat mengenai kondisi dan peluang bisnis kepada setiap
manajer dalam sebuah organisasi untuk membuat keputusan bisnis.
b. Dashboard berdasarkan peranan analytical
Dashboard berdasarkan peranan analytical digunakan oleh analis untuk
melakukan analisis terhadap data yang kompleks, misal: penyebab dari
suatu kondisi tertentu.
c. Dashboard berdasarkan peranan operational
Dashboard berdasarkan peranan operational digunakan untuk memonitor
kegiatan tertentu yang sedang terjadi oleh bagian operasional.
2. Pengelompokan Dashboard Berdasarkan Type Of Data
a. Quantitative dashboard data
Menurut Kasiram (2008: 149) data kuantitatif merupakan suatu proses
penelitian menggunakan data berupa angka sebagai alat menganalisis
keterangan mengenai apa yang ingin diketahui. Menurut Few Stephen
(2006:34) sebagian besar informasi hasil dari penelitian data kuantitatif
merupakan informasi terbaik dan data kuantitatif sangat berguna dalam

10
dashboard dimana perlu untuk memonitor serangkaian kejadian bisnis
dalam sekejap.
b. Non-quantitative dashboard data
Non quantitative atau lebih dikenal sebagai data kualitatif menurut Bogdan
dan Taylor (1992: 21-22) menjelaskan bahwa penelitian kualitatif adalah
salah satu prosedur penelitian yang menghasilkan data deskriptif berupa
ucapan atau tulisan dan perilaku orang-orang yang diamati. Contoh non
quantitative data top sepuluh pelanggan, masalah yang perlu diselidiki,
tugas yang harus diselesaikan dan orang-orang yang perlu dihubungi.
2.2.3 Grafik Dashboard
Grafik merupakan penyajian dua dimensi dari suatu kelompok angka atau
data. Grafik time series mengilustrasikan bagaimana satu variabel berubah dari
waktu ke waktu (Case, 2007:27). Untuk lebih jelasnya berikut ini merupakan tipe
dan kegunaan desain grafik dalam dashboard (Santosa, 1994) :
1. Diagram garis
Diagram garis digunakan untuk menunjukkan perubahan nilai dari sederetan
data relatif terhadap waktu, biasanya digunakan untuk menunjukkan trend.
2. Diagram roti (pie)
Diagram pie biasanya digunakan untuk menggambarkan besarnya persentase
data. Misalkan menggambarkan besarnya persentase alasan mahasiswa keluar.
3. Diagram batang
Diagram batang digunakan untuk menyajikan nilai relatif terhadap data yang
lain. Misal, eksekutif ingin melihat grafik pendaftar per tahun dan per
gelombang.
11
Grafik dapat digunakan untuk menunjukkan keterhubungan antar data,
seperti perbandingan nominal, time-series, deviasi, korelasi, dan sebagainya. Ada
berbagai macam bentuk grafik yang dapat dipilih untuk menggambarkan setiap
jenis keterhubungan data, seperti yang terdapat pada tabel 2.2. Namun demikian
grafik kurang bisa menampilkan angka dengan format yang presisi.
Tabel 2.2 Keterhubungan Data Dengan Jenis Grafik
No. Keterhubungan Data Jenis Grafik yang sesuai

1. Perbandingan Nominal 1. Grafik bar (horizontal atau vertikal)
2. Grafik titik (jika 0 tidak termasuk dalam
skala nilai)
2. Time Series 1. Grafik garis (untuk melihat tren seluruh data)
2. Grafik bar (untuk melihat perbandingan antar
nilai individu)
3. Grafik titik yang dihubungkan dengan garis
(untuk melihat nilai individu sekaligus tren
data secara keseluruhan)
3. Ranking 1. Grafik bar (horizontal atau vertikal)
2. Grafik titik (jika 0 tidak termasuk dalam
skala nilai)
4. Bagian Dari 1. Grafik bar (horizontal maupun vertikal)
Keseluruhan 2. Grafik stack bar
3. Pie chart
5. Deviasi 1. Grafik garis
2. Grafik titik yang dihubungkan dengan garis
6. Distribusi Frekuensi 1. Grafik bar vertikal/histogram (untuk
menunjukkan nilai individu)
2. Grafik garis/poligon frekuensi (untuk
menunjukkan tren data secara keseluruhan)
7. Korelasi Grafik titik dan garis (scatter-plot)
2.3 Visualisasi
Menurut Frey (2008:4), sebuah visualisasi yang tepat adalah semacam
narasi yang memberikan jawaban jelas atas pertanyaan tanpa rincian yang tidak
berhubungan atau asing. Dengan berfokus pada tujuan awal dari pertanyaan, anda
12
dapat menghilangkan rincian seperti itu karena pertanyaan itu memberikan acuhan
untuk apa yang diperlukan dan apa yang tidak diperlukan.
Menurut McCormick (1987:3), Visualisasi adalah metode komputasi.
Mengubah simbol ke dalam geometris, memungkinkan peneliti untuk mengamati
simulasi dan perhitungan. Visualisasi menawarkan metode untuk melihat yang tak
terlihat. Memperkaya proses penemuan ilmiah dan mendorong pengetahuan yang
tak terduga. Dalam banyak bidang hal ini sudah mengubah cara pandang ilmuwan
terhadap ilmu pengetahuan.
Visualisasi mencakup baik pemahaman gambar dan perpaduan gambar.
Artinya, visualisasi adalah alat untuk menafsirkan data gambar yang dimasukkan
ke komputer, dan untuk menghasilkan gambar dari data multi-dimensi yang
kompleks. Mempelajari mekanisme tersebut pada manusia dan komputer yang
memungkinkan dengan tujuan untuk memahami, menggunakan, dan
mengomunikasikan informasi visual. Visualisasi menyatukan sebagian besar
bidang independen dan convergent, dari berikut ini:
1. Computer Graphic
2. Image Processing
3. Computer Vision
4. Computer Aided Design (CAD)
5. Signal Processing
6. User Interface Studies
2.4 Transaksi Ekspor
Transaksi merupakan pertemuan antara dua belah pihak (penjual dan
pembeli) yang saling menguntungkan dengan adanya data atau bukti dokumen
13
pendukung yang dimasukkan kedalam jurnal setelah melalui pencatatan (Bastian,
2007:27).
Ekspor adalah kegiatan mengeluarkan barang dari daerah pabean.
Sedangkan yang dimaksud dengan eksportir adalah orang perseorangan atau badan
hukum yang melakukan ekspor. Dikatakan demikian sebab transaksi dan realisasi
ekspor bisa dilakukan oleh seorang individu yang usahanya berbentuk usaha
perseorangan, yaitu firma atau sekadar nama toko tanpa legalitas hukum (Sasono,
2012:119). Jadi transaksi ekspor dapat diartikan kegiatan mengirim barang ke luar
negeri oleh eksportir kepada importir.
2.5 Object Oriented
Object oriented (OO) atau berorientasi objek merupakan paradigma baru
dalam rekayasa perangkat lunak yang memandang sistem informasi sebagai
kumpulan objek-objek diskret yang saling berinteraksi satu sama lain (Sholiq,
2010:1).
Salah satu keuntungan utama lainnya dari paradigma berorientasi objek
adalah kemampuannya untuk membangun komponen sekali saja, kemudian
menggunakannya berulang-ulang (Sholiq, 2010:4).
2.6 Unified Modelling Language
Unified Modelling Language (UML) merupakan bahasa pemodelan
berorientasi objek yang secara “defacto” sebagai bahasa standar pemodelan
berorientasi objek (Sholiq, 2010:296). Beberapa diagram yang digunakan dalam
UML antara lain (Sholiq, 2010:19):

14
1. Diagram Use Case Bisnis
Diagram use case bisnis berfungsi untuk mendokumentasikan informasi proses
bisnis dan aktor pada organisasi yang terlibat dengan sekitar sistem yang akan
dibangun. Berikut ini elemen-elemen yang digunakan dalam pemodelan bisnis:
a. Aktor bisnis
Gambar 2.1 merupakan gambaran dari aktor bisnis, aktor bisnis
merupakan seseorang yang berinteraksi atau terlibat dengan kegiatan
bisnis organisasi dengan posisi di luar organisasi.
Gambar 2.1 Notasi Aktor Bisnis Dalam UML.
b. Pekerja bisnis
Elemen pekerja bisnis menggambarkan sesorang yang berperan dalam
sebuah organisasi dengan posisi bagian dalam organisasi. Gambar 2.2
merupakan notasi yang digunakan untuk menggambarkan pekerja bisnis.
Gambar 2.2 Notasi Pekerja Bisnis.
c. Relasi
Relasi merupakan penghubung antar aktor dan atau pekerja bisnis dengan
use case bisnis. Gambar 2.3 dan 2.4 merupakan gambar notasi relasi yang
digunakan dalam membuat pemodelan bisnis.

15
Gambar 2.3 Relasi Asosiasi Dengan Satu Pekerja Bisnis
Gambar 2.4 Relasi Asosiasi Dengan Dua Pekerja.
2. Diagram Use Case Sistem
Diagram use case sistem menjelaskan apa yang sistem lakukan di dalam bisnis,
hanya proses-proses yang direncanakan dilakukan secara otomatis. Berikut ini
simbol yang digunakan dalam use case bisnis:
a. Aktor
Simbol aktor pada diagram use case sistem berbeda dengan simbol aktor
yang ada pada diagram use case bisnis. Simbol aktor dalam diagram ini
diartikan semua aktor yang ada di luar lingkup perangkat lunak dan
berinteraksi dengan perangkat lunak tersebut (Sholiq, 2010:82).
Gambar 2.5 Actor
b. Use case sistem
Gambar 2.6 use case sistem merupakan simbol untuk menggambarkan
fitur apa yang dibutuhkan oleh sistem.
Gambar 2.6 Use Case Sistem.

16
3. Flow Of Events
Flow of events merupakan dokumentasi alur logika dalam use case yang
menjelaskan secara rinci apa yang dilakukan aktor dan sistem itu sendiri.
Biasanya flow of events ini di dokumentasikan dalam bentuk text atau tabel.
Flow of event terdiri dari beberapa elemen berikut ini:
a. Deskripsi singkat yang berfungsi untuk menjelaskan apa yang akan
dilakukan oleh sistem.
b. Prasyarat merupakan kondisi yang harus dipenuhi sebelum sebuah use
case dijalankan.
c. Alur utama merupakan skenario yang paling sering digunakan.
d. Alur alternatif merupakan penyimpangan dari alur utama dan bukan
sebagai kondisi salah.
e. Alur salah merupakan menyatakan penyimpangan dari alur utama dan
menyatakan kondisi error dari sistem.
f. Kondisi akhir memiliki dua pilihan keadaan yaitu: kondisi akhir sukses
dan kondisi akhir gagal.
4. Diagram Aktivitas
Diagram aktivitas menunjukkan informasi yang sama sebagaimana flow
disajikan dalam text atau disebut dengan flow of event. Elemen-elemen yang
digunakan dalam diagram aktivitas:
a. Swim lines
Swim lines menunjukkan siapa yang bertanggung jawab melakukan
aktivitas dalam suatu paradigma. Berikut ini merupakan gambar swim
lines:
17
Diagram Aktivitas
Aktor X
Gambar 2.7 Swim Lines.
b. Aktivitas
Aktivitas merupakan kegiatan dalam workflow, aktivitas dinyatakan dalam
bentuk simbol oval seperti pada gambar 2.8 berikut ini:
Gambar 2.8 Aktivitas
c. Entitas bisnis
Entitas bisnis merupakan entitas-entitas yang digunakan dalam alur kerja,
elemen ini digambarkan dalam bentuk persegi panjang seperti gambar 2.9
berikut ini:
Gambar 2.9 Entitas Bisnis.
d. Transisi
Transisi merupakan simbol yang berfungsi untuk menunjukkan bagaimana
alur kerja itu berjalan dari satu aktivitas ke aktivitas lainnya, gambar 2.10
menunjukkan simbol transisi:
Gambar 2.10 Transisi

18
e. Titik keputusan
Titik keputusan merupakan simbol yang berfungsi untuk menunjukkan ada
keputusan yang harus dibuat dalam alur kerja, simbol titik keputusan dapat
dilihat pada gambar 2.11 berikut ini:
Gambar 2.11 Titik Keputusan
f. Keadaan awal (start state)
Gambar 2.12 Start state merupakan simbol yang digunakan untuk
memulai diagram aktivitas, hanya ada satu start state pada satu diagram
aktivitas.
Gambar 2.12 Start State
g. Keadaan akhir (end state)
Gambar 2.13 end state merupakan simbol yang digunakan untuk
mengakhiri diagram aktivitas, hanya ada satu diagram aktivitas boleh
mempunyai beberapa simbol end state.
Gambar 2.13 End State
5. Diagram Interaksi
Diagram interaksi menunjukkan langkah-langkah kerja sama antara objek-
objek di dalam sistem untuk merealisasikan sebuah use case. Diagram interaksi
19
dilakukan dengan membuat diagram sekuensial dan kolaborasi dengan
penjelasan sebagai berikut:
a. Diagram sekuensial merupakan diagram interaksi yang disusun
berdasarkan urutan waktu.
b. Diagram kolaborasi digunakan untuk menampilkan flow skenario tertentu
dalam use case.
6. Diagram Kelas
Diagram kelas merupakan diagram yang digunakan untuk menampilkan kelas-
kelas atau paket-paket dalam sistem dan relasi antar mereka.
7. Diagram State Chart
Proses ini dilakukan dengan mengidentifikasi perlu tidaknya dibuat diagram
state chart. Jika perlu dibuat, maka dilakukan pembuatan diagram state chart.
8. Diagram Komponen.
Diagram komponen merupakan diagram UML yang menampilkan komponen
dalam sistem dan hubungan antar mereka. Diagram komponen berguna untuk
mengetahui urutan kompilasi terhadap komponen-komponen yang akan dibuat.
9. Diagram Deployment.
Diagram deployment merupakan segala hal yang berkaitan dengan penyebaran
fisik aplikasi termasuk layout jaringan dan lokasi komponen-komponen dalam
jaringan.
2.7 Software Development Life Cycle
System Development Life Cycle (SDLC) atau biasa dikenal dengan Siklus
Hidup Pengembangan Sistem merupakan proses pembuatan atau pengembangan
sistem serta model dan metodologi yang digunakan untuk mengembangkan sistem
20
atau perangkat lunak. Model yang kerap digunakan oleh para pengembang sistem
atau perangkat lunak yakni waterfall model.
Waterfall model atau biasa dikenal dengan siklus hidup klasik (classic life
cycle) memberikan sistematika pendekatan sekuensial dalam pengembangan
perangkat lunak yang dimulai dengan spesifikasi kebutuhan pelanggan kemudian
berlanjut ke proses perencanaan (planning), pemodelan (modeling), konstruksi
(construction) dan terakhir penyerahan (deployment) hasil ke pelanggan (Pressman,
2015).
Gambar 2.14 Waterfall Model
2.7.1 Communication
Communication atau komunikasi merupakan tahapan paling awal dalam
waterfall model (Pressman, 2015). Inisiasi proyek dimulai dari langkah ini disertai
dengan beberapa aktivitas yang bertujuan untuk memperoleh segala informasi
mengenai hal-hal yang dibutuhkan dalam pengembangan produk yang dibangun.
Proses ini merupakan proses yang sangat penting karena proses ini menjadi dasar
dalam pengembangan sistem. Pengumpulan informasi mengenai kebutuhan yang
salah dapat berakibat fatal yang berdampak pada produk yang akan dibangun.
2.7.2 Planning
Aktivitas berikutnya yakni perencanaan (planning), setelah proses
komunikasi selesai saatnya tim pengembang melakukan perencanaan berdasarkan

21
hasil yang diperoleh dari aktivitas sebelumnya baik dalam hal rencana
pengembangan, estimasi biaya, estimasi waktu, estimasi risiko beserta
pengendaliannya. Aktivitas-aktivitas ini diperlukan sebagai bahan pertimbangan
bagi para pengembang baik pelanggan untuk memastikan kelayakan dari proyek
yang akan dilaksanakan.
Jika hasil penilaian risiko setelah dilakukan pengendalian masih tinggi dan
biaya proyek juga tinggi sedangkan nilai tambah yang dihasilkan kecil maka sangat
realistis proyek tidak layak untuk dijalankan.
2.7.3 Modelling
Di dalam aktivitas modeling atau pemodelan ini, analis sistem banyak
berperan penting untuk mentransformasikan kebutuhan-kebutuhan yang diperoleh
pada tahap awal menjadi sebuah solusi dalam bentuk rancangan perangkat lunak.
Bentuk dari transformasi ini berupa rancangan struktur data, arsitektur perangkat
lunak sampai dengan rancangan antarmuka.
2.7.4 Construction
Pada tahap ini pihak yang paling berperan penting adalah programmer.
Programmer melakukan bagiannya sesuai dengan apa yang telah dirancang oleh
analis sistem. Dalam tahap ini analis sistem hanya berperan sebagai pemantau
kinerja dari programmer serta memastikan bahwa programmer bekerja sesuai
dengan rancangan yang dibuat pada tahap sebelumnya.
Pengujian merupakan tahapan yang dilakukan setelah tahapan pengkodean
selesai. Pengujian dalam hal ini bertujuan untuk menguji baik fungsionalitas
maupun non-fungsionalitas yang ada pada aplikasi telah berjalan dengan baik dan
22
memastikan bahwa perangkat lunak mampu menangkap kesalahan-kesalahan yang
sengaja ataupun tidak sengaja dilakukan oleh pengguna saat berinteraksi dengan
aplikasi.
Pressman (2015:116) menyatakan bahwa, “Pengujian merupakan sebuah
proses eksekusi sebuah program dengan maksud mencari kesalahan atau error”.
Ada 2 teknik pengujian yang sering digunakan dalam tahapan pengujian perangkat
lunak:
1. White box Testing
Teknik pengujian dengan menguji fungsi-fungsi atau struktur logika dalam
aplikasi untuk memastikan berjalan sesuai dengan alur yang ada dan mampu
berkolaborasi dengan komponen-komponen yang lain (Pressman, 2015).
2. Black box Testing
Merupakan teknik pengujian yang fokus pada antarmuka aplikasi dengan kata
lain black box testing merupakan teknik pengujian dimana pengujian dilakukan
melalui antar muka aplikasi (Pressman, 2015).
2.7.5 Deployment
Tahap ini merupakan tahap akhir dalam pengembangan perangkat lunak.
Dalam tahapan ini tim pengembang menyerahkan hasil proyek kepada pelanggan,
namun tidak berhenti sampai di sini saja tugas pengembang masih belum bisa
dinyatakan selesai. Dukungan berupa sosialisasi atau pelatihan penggunaan aplikasi
pun tetap menjadi tugas dari para pengembang sampai dengan dukungan layanan
konsumen perihal pemeliharaan perangkat lunak yang dibangun.

23
2.8 Analisis dan Perancangan Sistem
Menurut Kendall dan Kendall (2003:7), analisis dan perancangan sistem
dipergunakan untuk menganalisis, merancang, dan mengimplementasikan
peningkatan-peningkatan fungsi bisnis yang dapat dicapai melalui penggunaan
sistem informasi terkomputerisasi. Analisis sistem dilakukan dengan tujuan untuk
dapat mengidentifikasi dan mengevaluasi permasalahan yang terjadi dan kebutuhan
yang diharapkan, sehingga dapat diusulkan perbaikannya.
Perancangan sistem merupakan penguraian suatu sistem informasi yang
utuh ke dalam bagian komputerisasi yang dimaksud, mengidentifikasi dan
mengevaluasi permasalahan, menentukan kriteria, menghitung konsistensi terhadap
kriteria yang ada, serta mendapatkan hasil atau tujuan dari masalah tersebut serta
mengimplementasikan seluruh kebutuhan operasional dalam membangun aplikasi.
2.9 Database
Menurut Marlinda (2004:1), database adalah suatu susunan atau kumpulan
data operasional lengkap dari suatu organisasi atau perusahaan yang dikelola dan
disimpan secara terintegrasi dengan menggunakan metode tertentu menggunakan
komputer sehingga mampu menyediakan informasi optimal yang diperlukan
pemakainya. Penyusunan satu database digunakan untuk mengatasi masalah-
masalah pada penyusunan data yaitu redundansi dan inkonsistensi data, kesulitan
pengaksesan data, isolasi data untuk standarisasi, banyak pemakai (multiple user),
masalah keamanan (security), masalah kesatuan (integration), dan masalah
kebebasan data (data independence).

19
dilakukan dengan membuat diagram sekuensial dan kolaborasi dengan
penjelasan sebagai berikut:
a. Diagram sekuensial merupakan diagram interaksi yang disusun
berdasarkan urutan waktu.
b. Diagram kolaborasi digunakan untuk menampilkan flow skenario tertentu
dalam use case.
6. Diagram Kelas
Diagram kelas merupakan diagram yang digunakan untuk menampilkan kelas-
kelas atau paket-paket dalam sistem dan relasi antar mereka.
7. Diagram State Chart
Proses ini dilakukan dengan mengidentifikasi perlu tidaknya dibuat diagram
state chart. Jika perlu dibuat, maka dilakukan pembuatan diagram state chart.
8. Diagram Komponen.
Diagram komponen merupakan diagram UML yang menampilkan komponen
dalam sistem dan hubungan antar mereka. Diagram komponen berguna untuk
mengetahui urutan kompilasi terhadap komponen-komponen yang akan dibuat.
9. Diagram Deployment.
Diagram deployment merupakan segala hal yang berkaitan dengan penyebaran
fisik aplikasi termasuk layout jaringan dan lokasi komponen-komponen dalam
jaringan.
2.7 Software Development Life Cycle
System Development Life Cycle (SDLC) atau biasa dikenal dengan Siklus
Hidup Pengembangan Sistem merupakan proses pembuatan atau pengembangan
sistem serta model dan metodologi yang digunakan untuk mengembangkan sistem
20
atau perangkat lunak. Model yang kerap digunakan oleh para pengembang sistem
atau perangkat lunak yakni waterfall model.
Waterfall model atau biasa dikenal dengan siklus hidup klasik (classic life
cycle) memberikan sistematika pendekatan sekuensial dalam pengembangan
perangkat lunak yang dimulai dengan spesifikasi kebutuhan pelanggan kemudian
berlanjut ke proses perencanaan (planning), pemodelan (modeling), konstruksi
(construction) dan terakhir penyerahan (deployment) hasil ke pelanggan (Pressman,
2015).
Gambar 2.14 Waterfall Model
2.7.1 Communication
Communication atau komunikasi merupakan tahapan paling awal dalam
waterfall model (Pressman, 2015). Inisiasi proyek dimulai dari langkah ini disertai
dengan beberapa aktivitas yang bertujuan untuk memperoleh segala informasi
mengenai hal-hal yang dibutuhkan dalam pengembangan produk yang dibangun.
Proses ini merupakan proses yang sangat penting karena proses ini menjadi dasar
dalam pengembangan sistem. Pengumpulan informasi mengenai kebutuhan yang
salah dapat berakibat fatal yang berdampak pada produk yang akan dibangun.
2.7.2 Planning
Aktivitas berikutnya yakni perencanaan (planning), setelah proses
komunikasi selesai saatnya tim pengembang melakukan perencanaan berdasarkan

21
hasil yang diperoleh dari aktivitas sebelumnya baik dalam hal rencana
pengembangan, estimasi biaya, estimasi waktu, estimasi risiko beserta
pengendaliannya. Aktivitas-aktivitas ini diperlukan sebagai bahan pertimbangan
bagi para pengembang baik pelanggan untuk memastikan kelayakan dari proyek
yang akan dilaksanakan.
Jika hasil penilaian risiko setelah dilakukan pengendalian masih tinggi dan
biaya proyek juga tinggi sedangkan nilai tambah yang dihasilkan kecil maka sangat
realistis proyek tidak layak untuk dijalankan.
2.7.3 Modelling
Di dalam aktivitas modeling atau pemodelan ini, analis sistem banyak
berperan penting untuk mentransformasikan kebutuhan-kebutuhan yang diperoleh
pada tahap awal menjadi sebuah solusi dalam bentuk rancangan perangkat lunak.
Bentuk dari transformasi ini berupa rancangan struktur data, arsitektur perangkat
lunak sampai dengan rancangan antarmuka.
2.7.4 Construction
Pada tahap ini pihak yang paling berperan penting adalah programmer.
Programmer melakukan bagiannya sesuai dengan apa yang telah dirancang oleh
analis sistem. Dalam tahap ini analis sistem hanya berperan sebagai pemantau
kinerja dari programmer serta memastikan bahwa programmer bekerja sesuai
dengan rancangan yang dibuat pada tahap sebelumnya.
Pengujian merupakan tahapan yang dilakukan setelah tahapan pengkodean
selesai. Pengujian dalam hal ini bertujuan untuk menguji baik fungsionalitas
maupun non-fungsionalitas yang ada pada aplikasi telah berjalan dengan baik dan
22
memastikan bahwa perangkat lunak mampu menangkap kesalahan-kesalahan yang
sengaja ataupun tidak sengaja dilakukan oleh pengguna saat berinteraksi dengan
aplikasi.
Pressman (2015:116) menyatakan bahwa, “Pengujian merupakan sebuah
proses eksekusi sebuah program dengan maksud mencari kesalahan atau error”.
Ada 2 teknik pengujian yang sering digunakan dalam tahapan pengujian perangkat
lunak:
1. White box Testing
Teknik pengujian dengan menguji fungsi-fungsi atau struktur logika dalam
aplikasi untuk memastikan berjalan sesuai dengan alur yang ada dan mampu
berkolaborasi dengan komponen-komponen yang lain (Pressman, 2015).
2. Black box Testing
Merupakan teknik pengujian yang fokus pada antarmuka aplikasi dengan kata
lain black box testing merupakan teknik pengujian dimana pengujian dilakukan
melalui antar muka aplikasi (Pressman, 2015).
2.7.5 Deployment
Tahap ini merupakan tahap akhir dalam pengembangan perangkat lunak.
Dalam tahapan ini tim pengembang menyerahkan hasil proyek kepada pelanggan,
namun tidak berhenti sampai di sini saja tugas pengembang masih belum bisa
dinyatakan selesai. Dukungan berupa sosialisasi atau pelatihan penggunaan aplikasi
pun tetap menjadi tugas dari para pengembang sampai dengan dukungan layanan
konsumen perihal pemeliharaan perangkat lunak yang dibangun.

23
2.8 Analisis dan Perancangan Sistem
Menurut Kendall dan Kendall (2003:7), analisis dan perancangan sistem
dipergunakan untuk menganalisis, merancang, dan mengimplementasikan
peningkatan-peningkatan fungsi bisnis yang dapat dicapai melalui penggunaan
sistem informasi terkomputerisasi. Analisis sistem dilakukan dengan tujuan untuk
dapat mengidentifikasi dan mengevaluasi permasalahan yang terjadi dan kebutuhan
yang diharapkan, sehingga dapat diusulkan perbaikannya.
Perancangan sistem merupakan penguraian suatu sistem informasi yang
utuh ke dalam bagian komputerisasi yang dimaksud, mengidentifikasi dan
mengevaluasi permasalahan, menentukan kriteria, menghitung konsistensi terhadap
kriteria yang ada, serta mendapatkan hasil atau tujuan dari masalah tersebut serta
mengimplementasikan seluruh kebutuhan operasional dalam membangun aplikasi.
2.9 Database
Menurut Marlinda (2004:1), database adalah suatu susunan atau kumpulan
data operasional lengkap dari suatu organisasi atau perusahaan yang dikelola dan
disimpan secara terintegrasi dengan menggunakan metode tertentu menggunakan
komputer sehingga mampu menyediakan informasi optimal yang diperlukan
pemakainya. Penyusunan satu database digunakan untuk mengatasi masalah-
masalah pada penyusunan data yaitu redundansi dan inkonsistensi data, kesulitan
pengaksesan data, isolasi data untuk standarisasi, banyak pemakai (multiple user),
masalah keamanan (security), masalah kesatuan (integration), dan masalah
kebebasan data (data independence).

BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Tahap analisis sistem merupakan tahap yang mendasar dalam
pengembangan sistem. Tahap analisis sistem ini dimaksudkan untuk
mengumpulkan data, fakta, dan mendiagnosa permasalahan yang ada untuk
mengembangkan, memperbaiki, atau menyempurnakan sebuah sistem. Hal-hal
yang perlu dianalisis dalam tugas akhir ini akan dijelaskan pada subbab berikutnya.
3.1.1 Tahapan Komunikasi
Tahap komunikasi merupakan tahap awal yang dimaksudkan untuk
menggali informasi-informasi yang diperlukan dalam menganalisis permasalahan
yang ada sehingga dapat diputuskan solusi yang sesuai untuk menangani
permasalahan tersebut. Tahap komunikasi dimulai dari observasi, wawancara dan
dokumentasi. Penjelasan dari masing-masing tahap komunikasi akan dijelaskan
pada subbab selanjutnya.
A. Observasi
Observasi dalam hal ini peneliti melakukan kegiatan sesuai dengan jadwal
yang telah ditentukan oleh kedua belah pihak yaitu divisi sumber daya manusia
(HRD) PT. Kelola Mina Laut dengan peneliti. Berikut ini rincian penelitian pada
saat observasi :
1. Peneliti melakukan pertemuan dengan HRD di PT. Kelola Mina Laut.
2. HRD memberikan beberapa pertanyaan kepada peneliti.
24
25
3. HRD mempertemukan peneliti dengan divisi Teknologi Informasi (TI)
karena dasar bidang ilmu yang dimiliki oleh peneliti berhubungan TI.
4. Pertemuan dengan pihak IT, penulis menanyakan permasalahan yang ada
pada PT. Kelola Mina Laut yang dapat didukung dengan perangkat lunak.
5. Oleh pihak IT, penulis dipertemukan dengan divisi pemasaran. Karena pada
saat itu divisi pemasaran sedang membutuhkan sebuah perangkat lunak yang
dapat mendukung kebutuhannya. Selanjutnya peneliti melanjutkan pada
proses wawancara yang dijelaskan pada subbab berikutnya.
B. Wawancara
Pada tahap ini penulis melakukan wawancara dengan pihak terkait untuk
identifikasi masalah pada PT. Kelola Mina Laut divisi pemasaran. Tabel 31
merupakan wawancara peneliti kepada divisi pemasaran:
Tabel 3.1 Wawancara
No. Peneliti Divisi Pemasaran

1. Permasalahan apa yang anda hadapi Pada saat rapat berkala yang
pada divisi pemasaran, sehingga digunakan untuk mengetahui
membutuhkan penyelesaian dengan tercapainya tujuan perusahaan PT.
penerapan teknologi informasi? Kelola Mina Laut, divisi pemasaran
perlu untuk menyajikan data ekspor
per tahun, per negara, per kategori
dan per pelanggan yang diolah dari
data tabel realisasi ekspor dengan
menggunakan bantuan perangkat
lunak Microsoft excel. Proses ini
rumit karena saya perlu memasukan
rumus-rumus.
Data transaksi ekspor yang saya
sajikan pada saat rapat tidak real
time karena data tabel realisasi yang
saya peroleh dari admin ekspor
hanya data periode sebelumnya saja.
Sehingga ketika direksi ingin
melihat data transaksi ekspor pada
26
Tabel 3.1 Lanjutan

periode yang lainnya tidak bisa
menyajikan data tersebut sesegera
mungkin.
2. Kapan dilakukan rapat tersebut? Kapan pun saat direksi ingin
mengetahui kondisi perusahaan.
3. Lalu, kapan anda menyajikan data Mulai dari sekretaris direksi yang
dan seperti apa prosesnya? mengabarkan waktu rapat, pada
waktu itu saya menyiapkan data
transaksi ekspor seperti penjelasan
saya tadi.
4. Apakah data yang anda sajikan pada Tidak, direksi menunggu penjelasan
saat rapat mudah dipahami oleh dari saya.
direksi
5. Apakah anda ingin menyajikan data Ya, tentu saja.
transaksi ekspor yang real time
kepada direksi?
6. Apakah anda ingin menyajikan data Ya, tentu saja.
transaksi ekspor yang dapat
membantu direksi untuk memahami
informasi transaksi ekspor?
7. Dapatkah saya membantu Tentu sangat boleh.
menangani masalah yang anda
hadapi dan mengangkat
permasalahan yang anda hadapi
sebagai studi kasus tugas akhir
saya?
8. Bagaimana jika saya buatkan Boleh sekali, jika seperti itu masih
perangkat lunak yang dapat perlukah saya menggunakan rumus-
membantu anda dan direksi dalam rumus & Microsoft excel?
menyajikan informasi transaksi
ekspor dalam bentuk visual
sehingga mudah dipahami
9. Tidak pak Boleh sekali,
Untuk solusi ini bapak tidak perlu terus bagaimana mengenai periode?
menggunakan rumus & Microsoft
excel lagi. Bagaimana jika saya
tambahkan target sehingga dapat
memudahkan direksi dalam
mengetahui informasi selisih jika
transaksi ekspor tidak memenuhi
target yang ditentukan oleh direksi.
Selain itu bapak dan direksi dapat
melihat selisih informasi transaksi
ekspor per pelanggan jika transaksi
ekspor per pelanggan dibawah nilai
27
Tabel 3.1 Lanjutan

transaksi ekspor pelanggan pada periode
sebelumnya.
10. Untuk solusi ini bapak dapat Baik lah kalau begitu saya tunggu
menyajikan informasi transaksi ekspor kabar hasilnya.
dengan real time karena perangkat lunak
akan terintegrasi dengan data realisasi
ekspor, sehingga bapak dapat
menyajikan informasi transaksi ekspor
dengan periode yang diinginkan oleh
direksi.
11. Baik pak, dapatkah saya meminta data Iya tentu saja bisa untuk
realisasi ekspor yang bapak gunakan mendukung pembuatan
untuk membuat data transaksi ekspor? perangkat lunak ini.
C. Dokumentasi
Tahap terakhir dalam analisis yaitu dokumentasi, proses ini digunakan
untuk identifikasi kebutuhan data. Data transaksi ekspor satu siklus yang didapat
dari PT. Kelola Mina Laut dapat dilihat pada lampiran 1 sampai dengan lampiran
17. Tabel 3.2 merupakan tabel data realisasi ekspor yang sudah diolah oleh peneliti
dengan penjelasan sebagai berikut :
1. Kolom BUYER CODE dan NOTIFY DETAIL digunakan untuk identifikasi
pelanggan, mulai dari nama, alamat dan nomor telepon. Kolom ini digunakan
untuk mencari pelanggan dengan nilai transaksi ekspor tertinggi.
2. Alamat buyer mulai dari negara, provinsi dan kota dibuatkan tabel sendiri. Hal
ini dilakukan untuk menampilkan grafik informasi negara pelanggan.
3. Kolom COMM diidentifikasi sebagai data kategori produk. Digunakan untuk
mencari kategori produk dengan minat pelanggan tertinggi.
4. Kolom DESCRIPTION OF GOODS diidentifikasi sebagai data produk dan
detail transaksi.
28
5. Kolom INVOICE DATE diidentifikasi sebagai data tanggal transaksi ekspor.
Digunakan untuk mencari periode transaksi ekspor.
6. Kolom AMOUNT diidentifikasi sebagai nilai transaksi ekspor. Kolom ini
digunakan untuk proses mencari nilai transaksi ekspor tertinggi.
Tabel 3.2 Laporan Realisasi Ekspor
Buyer Comm Notify Description Of Invoice Amount

Code Detail Goods Date (USD)
mark crab mark 3,300 mc of 17 jul 14. 525.639,00
foods foods inc pasteurized blue .
20 west crab meat
22nd product of
street indonesian origin,
suite 901 wild caught.
new p.o. 115847.
york, ny
10010.
north crab vandergri 3,000 mc of 12 sep 14. 525.186,00
coast ft pasteurized
forwardin crabmeat
g product of
5 indonesian origin
drydock wild caught
avenue "culinary reserve"
suite brand
2010 po no.30983
boston the issuing bank's
ma reference number
02210. 20044106.
Dari tahap dokumentasi diperoleh juga identifikasi ruang lingkup
perusahaan, visi, serta misi dari organisasi. Hal ini diperlukan kaitannya dengan
pemberian solusi yang diberikan. Harapannya solusi yang diberikan dapat
menunjang salah satu dari visi ataupun misi yang ditetapkan oleh PT. Kelola Mina
Laut. Misi dari PT. Kelola Mina Laut adalah sebagai berikut:
29
1. PT. Kelola Mina laut menjadi perusahaan industri makanan yang terbaik dan
paling kompetitif di Indonesia,
2. PT. Kelola Mina Laut menjadi dapur Indonesia, dan
3. PT. Kelola Mina Laut menjadi perusahaan industri makanan berskala
internasional.
Sedangkan visi dari perusahaan ini adalah membangun kekuatan bisnis dalam
industri makanan melalui:
1. Tim manajemen dan korporasi yang profesional,
2. Berorientasi pada produktivitas kerja yang efektif dan efisien,
3. Fokus pada nilai tambah produk,
4. Membangun kemitraan dengan para stakeholder,
5. Penetapan standar yang tinggi pada produk yang dihasilkan, dan
6. Memberikan pelayanan yang maksimal untuk meningkatkan kepuasan
pelanggan.
Solusi dari permasalahan yang telah dijelaskan pada latar belakang
masalah tugas akhir ini menunjang salah satu misi dari PT. Kelola Mina Laut yang
tertera pada poin 2. Penerapan aplikasi dashboard untuk visualisasi transaksi ekspor
pada PT. Kelola Mina Laut digunakan untuk membantu divisi pemasaran dalam
penyajian data pada saat rapat periodik dengan jajaran para direksi.
3.1.2 Perencanaan Kebutuhan Sistem
Setelah semua hal dalam tahap komunikasi terpenuhi maka perlu
dilakukan perencanaan akan kebutuhan sistem yang mungkin diperlukan. Beberapa
hal yang diperlukan dalam perencanaan kebutuhan sistem ini akan dijelaskan pada
subbab berikutnya.
30
D. Rencana Kebutuhan Pengguna
Dalam kasus yang ada pada PT. Kelola Mina Laut maka penulis dapat
memodelkan proses penyajian data pada saat rapat periodik dengan menggunakan
UML seperti pada gambar 3.1 diagram use case bisnis.
Use Case Bisnis
Mengelola Data realisasi

Admin ekspor
Ekspor
Request
Data ekspor
Pemasaran
Direksi Mengolah
data
Menampilkan Data
Transaksi Ekspor
Gambar 3.1 Diagram Use Case Bisnis.
Berikut ini merupakan penjelasan dari gambar 3.1 diagram use case bisnis
di atas:
1. Direksi
Direksi dalam kegiatan ini berperan sebagai pimpinan perusahaan PT. Kelola
Mina Laut yang membutuhkan data-data transaksi ekspor untuk mengetahui
kondisi perusahaannya.
31
2. Pemasaran
Pemasaran dalam kegiatan ini berperan sebagai pengelola, pengolah data ekspor
dan penyaji data ekspor kepada direksi.
Dari use case bisnis di atas maka dapat diturunkan lagi menjadi diagram
aktivitas atau disebut workflow. Untuk lebih jelasnya mengenai turunan dari use
case dapat dilihat pada gambar 3.2 berikut:
Diagram Aktivitas (Workflow)
Admin Ekspor Pemasaran Direksi
Data Melakukan Request

Mengelola Data
Realisasi Data Transaksi
Realisasi Ekspor
Ekspor Ekspor
Mengolah Data
Data
Menyajikan Data
Transaksi
Transaksi Ekspor
Ekspor
Phase
Gambar 3.2 Diagram Aktivitas (Workflow).
Diagram aktivitas dalam proses ini dimulai dari direksi yang melakukan
request data transaksi ekspor kepada divisi pemasaran. Kemudian divisi pemasaran
mengolah data realisasi ekspor yang berupa tabel, data realisasi ekspor diperoleh
dari admin ekspor adalah data pada periode sebelumnya dan berupa data tabel.
Selanjutnya divisi pemasaran menyajikan data transaksi ekspor yang berupa tabel
32
kepada direksi pada saat rapat periodik. Data transaksi ekspor merupakan data tabel
realisasi ekspor yang sudah diolah oleh divisi pemasaran.
Pada saat rapat periodik direksi kesulitan untuk memahami dan
membandingkan pencapaian nilai target pada data transaksi ekspor yang berupa
tabel. Ketika direksi ingin melihat data transaksi ekspor pada periode yang lainnya
divisi pemasaran tidak bisa menyajikan data tersebut sesegera mungkin.
Dari penjelasan–penjelasan di atas maka didapatkan analisis permasalahan
yang sedang terjadi pada divisi pemasaran PT. Kelola Mina Laut adalah:
1. Data transaksi ekspor yang disajikan oleh divisi pemasaran tidak sesuai dengan
kebutuhan direksi karena direksi kesulitan untuk membandingkan pencapaian
nilai target transaksi ekspor dan divisi pemasaran tidak dapat menyajikan data
transaksi ekspor pada periode lainnya sesuai dengan kebutuhan direksi.
2. Data transaksi ekspor yang disajikan tidak real time, hal ini disebabkan karena
data realisasi ekspor yang diberikan oleh admin ekspor hanya data pada periode
sebelumnya.
Berikut ini merupakan tabel kebutuhan pengguna dari masing–masing bagian yang
saling berinteraksi pada proses penyajian data untuk rapat periodik.
Tabel 3.3 Kebutuhan Pengguna
No. Pengguna Kebutuhan

1. Direksi 1. Menentukan nilai target transaksi ekspor per tahun
per bulan,
2. Mengetahui perbandingan nilai target dengan nilai
transaksi ekspor per tahun,
3. Mengetahui nilai persentase transaksi ekspor per
negara,
4. Mengetahui nilai persentase transaksi ekspor per
produk,
5. Mengetahui nilai perbandingan nilai transaksi ekspor
per pelanggan pada periode yang dipilih
33
Tabel 3.3 Lanjutan
No. Pengguna Kebutuhan

dengan nilai transaksi ekspor per pelanggan pada
periode yang lalu dan
6. Mengetahui informasi perbandingan nilai transaksi
ekspor pada periode yang telah ditentukan,
perbandingan nilai transaksi yang dimaksud adalah
perbandingan nilai transaksi per tahun, per bulan, per
negara, per produk kategori dan per pelanggan.
2. Divisi 1. Menyajikan data transaksi ekspor pada periode
Pemasaran sebelumnya,
2. Menyajikan data transaksi ekspor per tahun, per
negara, per produk kategori dan data transaksi ekspor
per pelanggan dan
3. Menyajikan informasi perbandingan nilai transaksi
ekspor per tahun, per negara, per produk kategori dan
per pelanggan.
E. Perencanaan Kebutuhan Data
Kebutuhan data perlu direncanakan untuk memastikan bahwa data yang
digunakan sesuai dengan kebutuhan dari rancang bangun aplikasi dashboard untuk
visualisasi transaksi ekspor pada PT. Kelola Mina Laut. Adapun rencana dari
kebutuhan data yang digunakan untuk pengembangan sistem pada proyek tugas
akhir ini dapat dilihat secara rinci pada tabel 3.4.
Tabel 3.4 Rencana Kebutuhan Data
No. Data Keterangan

1. Buyer Untuk menyimpan data pelanggan
2. City Untuk menyimpan data kota pelanggan
3. Country Untuk menyimpan data negara pelanggan
4. Province Untuk menyimpan data provinsi pelanggan
5. Produk Untuk menyimpan data kategori produk
6. Produk_category Untuk menyimpan data produk per kategori.
7. User Untuk menyimpan data pengguna
8. Target Untuk menyimpan data target
9. Trs_export Untuk menyimpan data transaksi ekspor
10. Dtl_trs_export Untuk menyimpan data detail transaksi export
34
Tabel 3.4 di atas dapat dijadikan sebagai acuan untuk merancang basis data
dari sistem yang dibangun. Rencana kebutuhan data ini diharapkan mampu
mengurangi risiko kurangnya data yang digunakan dalam merancang basis data
untuk pembangunan sistem. Sehingga jika dilakukan penambahan atau perubahan
tidak terlalu banyak dan perbedaannya pun tidak terlalu signifikan.
F. Perencanaan Kebutuhan Fungsi
Pada bagian ini peneliti merencanakan kebutuhan fungsi yang digunakan
dalam merancang dan membangun aplikasi dashboard untuk visualisasi transaksi
ekspor pada PT. Kelola Mina Laut seperti tabel 3.5 berikut ini.
Tabel 3.5 Perencanaan Kebutuhan Fungsi
No. Fungsi Input Proses Output

1. Cek log in User name dan Mengecek user Halaman utama
Password. name dan dashboard.
password pada
table user .
2. Ubah data Select image Cek data dan Menampilkan pesan
pengguna dan Full name simpan “Congratulation!
Benar . pangguna. Your Account has
been successfuly
changed”.
Full name Cek data Menampilkan pesan
Tidak diisi. pengguna. “Full name cannot
be empty”.
1. Old Cek data 1. Menampilkan
Password: pengguna. pesan “You’re
salah, entered wrong
2. New password”
Password dan 2. “Please retype
3. Confirm new new password
password: corectly”.
salah.
1. Old Cek data Menampilkan pesan
Password, pengguna. “Congratulation!
2. New Your Account has
Password dan been successfuly
changed”.
35
Tabel 3.5 Lanjutan

3. Confirm new
password:
Benar.
3. Ubah Pilih periode. Menampilkan Informasi transaksi
periode informasi sesuai ekspor per tahun, per
periode yang negara, per kategori,
dipilih per pelanggan sesuai
periode yang dipilih.
4. Menampilk Sesi log in. Menampilkan Menampilkan menu
an menu set menu set target set target.
target untuk sesi
direksi.
5. Menyimpan 1. Tahun, Menyimpan data Menampilkan pesan
data target 2. Bulan dan target pada tabel sukses.
3. Nilai Target. target.
6. Menampilk Pilih periode. Menampilkan Diagram garis
an grafik data target Target pada grafik
target sesuai dengan transaksi ekspor per
periode yang tahun sesuai dengan
dipilih . periode yang dipilih.
7. Menampilk Pilih Periode. Menampilkan Diagram batang
an Grafik data transaksi transaksi ekspor per
per tahun ekspor per tahun bulan pada periode
sesuai dengan yang dipilih.
periode yang
dipilih.
8. Compare 1. Pilih grafik Menampilkan Tabel informasi nilai
per tahun pada poin 7, informasi perbandingan
2. Tahun dan perbandingan transaksi ekspor per
3. Bulan. nilai transaksi tahun atau per tahun
ekspor per tahun per bulan
atau nilai Diagram batang
transaksi ekspor transaksi ekspor
per tahun dan pada periode yang
per bulan. telah ditentukan.
9. Compare Pilih salah satu Menampilkan Diagram batang per
per tahun diagram batang grafik per pelanggan, diagram
Drilldown hasil dari poin 8. pelanggan, per pie per negara dan
tahun dan per diagram pie per
produk kategori produk sesuai
pada periode dengan periode yang
yang dipilih di dipilih pada poin 8.
poin 8.
36
Tabel 3.5 Lanjutan

per tahun diagram batang grafik per pelanggan sesuai
Drilldown hasil dari poin 8. pelanggan pada dengan periode yang
diagram per periode yang dipilih pada poin 8.
pelanggan dipilih di poin 8.
11. Compare Pilih salah satu Menampilkan Diagram pie per
per tahun diagram batang grafik per negara sesuai dengan
Drilldown hasil dari poin 8. negara pada periode yang dipilih
diagram per periode yang pada poin 8.
negara dipilih di poin 8.
per tahun diagram batang grafik per produk sesuai
Drilldown hasil dari poin 8. produk pada dengan periode yang
diagram per periode yang dipilih pada poin 8.
produk dipilih di poin 8.
13. Menampilk Pilih Periode. Menampilkan Diagram pie
per negara ekspor per negara pada periode
negara sesuai yang dipilih.
dengan periode
yang dipilih .
per negara pada poin 13, informasi perbandingan
2. Negara, perbandingan transaksi ekspor per
3. Tahun dan nilai transaksi negara dan
4. Bulan. ekspor per Diagram batang
negara pada transaksi ekspor per
periode yang negara pada periode
dipilih. yang dipilih.
per negara diagram batang grafik per produk dan batang
Drilldown hasil dari poin produk kategori per pelanggan sesuai
14. dan per dengan periode yang
pelanggan pada dipilih pada poin 14.
periode yang
dipilih di poin
14.
per negara diagram batang grafik per produk sesuai
Drilldown hasil dari poin produk kategori dengan periode yang
produk 14. pada periode dipilih pada poin 14.
yang dipilih di
poin 14.
per negara diagram batang grafik per pelanggan sesuai
37
Tabel 3.5 Lanjutan

Drilldown hasil dari poin pelanggan pada dengan periode yang
pelanggan 14. periode yang dipilih pada poin 14.
dipilih di poin
14.
18. Menampilk Pilih Periode. Menampilkan Diagram pie
per produk ekspor per produk pada periode
produk sesuai yang dipilih.
dengan periode
yang dipilih
per produk pada poin 18, informasi perbandingan
2. Produk, perbandingan transaksi ekspor per
3. Tahun dan nilai transaksi produk dan
4. Bulan. ekspor per Diagram batang
produk pada transaksi ekspor per
periode yang produk pada periode
dipilih. yang dipilih.
per produk diagram batang grafik per negara dan batang
Drilldown hasil dari poin negara dan per per pelanggan sesuai
19. pelanggan dengan periode yang
berdasarkan dipilih pada poin 19.
poin 19.
per produk diagram batang grafik per negara sesuai dengan
Drilldown hasil dari poin negara periode yang dipilih
diagram per 19. berdasarkan pada poin 19.
negara poin 19.
per produk diagram batang grafik per pelanggan sesuai
Drilldown hasil dari poin pelanggan dengan periode yang
diagram per 19. berdasarkan dipilih pada poin 19.
pelanggan poin 19.
23. Menampilk Pilih periode. Menampilkan Diagram garis nilai
an grafik data pelanggan transaksi ekspor per
pelanggan pada satu pelanggan pada satu
pada satu periode yang periode sebelumnya.
periode lalu.
yang lalu
24. Pilih periode. Menampilkan Diagram batang nilai
data pelanggan transaksi ekspor per
pada periode pelanggan pada
yang dipilih. periode yang dipilih.
38
Tabel 3.5 Lanjutan

Menampilk
an grafik
pelanggan
pada
periode
yang dipilih
per pada poin 24, informasi perbandingan
pelanggan 2. Pelanggan, perbandingan transaksi ekspor per
3. Tahun dan nilai transaksi negara dan Diagram
4. Bulan. ekspor per batang transaksi
pelanggan pada ekspor per negara
periode yang pada periode yang
dipilih. dipilih.
per diagram batang grafik per produk sesuai
pelanggan hasil dari poin produk dengan periode yang
Drilldown 25. berdasarkan dipilih pada poin 25.
poin 25.
per diagram batang grafik per produk sesuai
pelanggan hasil dari poin produk dengan periode yang
Drilldown 25. berdasarkan dipilih pada poin 25.
diagram per poin 25.
produk
28. Cetak Pilih satu Menampilkan Laporan transaksi
laporan by periode. laporan ekspor per tahun
tahun transaksi ekspor sesuai dengan
per tahun sesuai periode yang dipilih.
dengan periode
yang dipilih.
29. Cetak Pilih periode Menampilkan Laporan transaksi
laporan by satu. laporan ekspor by negara
negara transaksi ekspor sesuai dengan
by negara sesuai periode yang dipilih.
dengan periode
yang dipilih.
laporan by periode. laporan ekspor by produk
produk transaksi ekspor kategori sesuai
kategori by produk dengan periode yang
kategori sesuai dipilih.
dengan periode
yang dipilih.
39
Tabel 3.5 Lanjutan

laporan by periode. laporan ekspor by pelanggan
pelanggan transaksi ekspor sesuai dengan
by pelanggan periode yang dipilih.
sesuai dengan
periode yang
dipilih.
3.2 Perancangan Sistem
Proses pembangunan maupun pengembangan perangkat lunak tepatnya
pada tahapan perancangan merupakan tahapan paling utama yang harus dilakukan
oleh pengembang. Perancangan sistem dalam hal ini diperlukan untuk memodelkan
sistem yang dibangun.
3.2.1 Arsitektur Sistem
Semua sistem yang dibangun tidak dapat berjalan atau berdiri sendiri tanpa
bantuan dari komponen-komponen lain yang menyusunnya. Komponen-komponen
ini saling terhubung sehingga mampu membuat sistem yang dibangun berjalan
dengan baik.
Aplikasi dashboard untuk visualisasi transaksi ekspor pada PT. Kelola
Mina Laut pada proyek tugas akhir ini dibangun berbasis web sehingga terdapat
komponen-komponen pendukung yang saling berinteraksi dan membuat aplikasi
tersebut dapat berjalan dengan baik. Komponen-komponen ini dapat dilihat pada
gambar 3.3. Berikut ini adalah penjelasan dari gambar 3.3:
1. Pengguna
Pengguna merupakan aktor yang mengoperasikan aplikasi dashboard yaitu
divisi pemasaran dan para direksi.

40
2. Dashboard
Merupakan aplikasi yang digunakan untuk pengolahan data transaksi ekspor
yang di dalamnya terdapat besar kecilnya dan visualization engine.
Data convertion engine
Query
Excel Data
Database Server
Dashboard_KM
L
Dasboard
Pengguna
Visualization Engine
Query
Visualization
encoding
Gambar 3.3 Arsitektur Aplikasi Dashboard Untuk Visualisasi Transaksi Ekspor

pada PT. Kelola Mina Laut
3. Data Conversion Engine
Merupakan bagian yang menyimpan logika-logika yang digunakan untuk
mengubah data transaksi ekspor yang berupa excel menjadi data yang tersimpan
dalam database dengan bentuk tabel yang baku.
4. Visualization Engine
Merupakan bagian yang menyimpan logika-logika yang digunakan untuk
mengubah data dalam bentuk tabel yang ada pada database menjadi bentuk
grafik.
41
5. Database Server
Merupakan suatu media yang digunakan untuk penyimpanan data pada aplikasi
dashboard.
3.2.2 Unified Modelling Language
Subbab ini menjelaskan pemodelan aplikasi dashboard untuk visualisasi
transaksi ekspor pada PT. Kelola Mina Laut. Tahapan dalam unified modelling
language dimulai dari pemodelan diagram use case sistem, flow of events, diagram
sekuensial, diagram kelas, diagram komponen dan diagram deployment. Dalam
proses pemodelan unified modelling language penulis menggunakan perangkat
lunak Visual paradigm. Tahapan tersebut dijelaskan pada subbab berikutnya.
A. Use Case Sistem
Setelah membuat workflow maka dapat dibuat analisis sistem pada tahap
pemodelan use case dengan dokumentasi berupa gambar 3.4 diagram use case
sistem level direksi dan gambar 3.5 diagram use case sistem level pemasaran yang
nantinya akan digunakan untuk membangun aplikasi.
Aktor pada gambar 3.4 diagram use case sistem direksi adalah direksi yang
dapat mengoperasikan dashboard dengan syarat berhasil melakukan log in.
Mengoperasikan dashboard dalam hal ini direksi dapat menentukan periode dan
nilai target yang diinginkan. Setelah periode dan nilai target yang diinginkan
dimasukkan maka direksi dapat melihat grafik informasi transaksi ekspor per tahun,
per negara, per produk dan per pelanggan lengkap dengan selisih nilai target dengan
transaksi ekspor. Perbedaan gambar use case direksi dengan use case pemasaran
adalah direksi dapat melakukan ubah target, sedangkan divisi pemasaran tidak.
42
Use Case Diagram Direksi
Log In
Mencetak Informasi Transaksi Ekspor

Ubah Target Transaksi Ekspor
Per Pelanggan
<<include>>
<<extend>>
Menampilkan Informasi Nilai Transaksi
Mengoperasikan Dashboard Memilih Periode
<<include>> Ekspor Per Pelanggan
Direksi
Mencetak Informasi Transaksi Ekspor Menampilkan Grafik Pie Transaksi Ekspor

Per Tahun <<extend>> Per Produk Pada Waktu Yang Dipilih
<<include>>
<<extend>>
Menampilkan Informasi Nilai Membandingkan Data Transaksi <<extend>>

Membandingkan Data Transaksi
Transaksi Ekspor Per Tahun Ekspor Per Pelanggan
Ekspor <<extend>>
<<include>>
<<include>> Menampilkan Grafik Transaksi Ekspor Per Menampilkan Informasi Nilai
Produk Pada Waktu Yang Dipilih Transaksi Ekspor Per Negara
Menampilkan Informasi Perbandingan Nilai
Menampilkan Informasi Nilai
Transaksi Ekspor Per Pelanggan Pada Waktu
Menampilkan Informasi Perbandingan Nilai Transaksi Ekspor Per Produk
Yang Dipilih
Transaksi Ekspor Pada Waktu Yang Dipilih
<<extend>>
Membandingkan Data Transaksi <<extend>>
Ekspor Per Negara
Per Negara Membandingkan Data Transaksi
Mencetak Informasi Transaksi Ekspor Ekspor Per Produk
Per Produk
<<extend>> <<include>>
<<include>>
Menampilkan Informasi Perbandingan Nilai <<extend>> Menampilkan Grafik Batang Transaksi Menampilkan Informasi Perbandingan Nilai
Transaksi Ekspor Per Negara Pada Waktu Ekspor Per Pelanggan Pada Waktu Yang Transaksi Ekspor Per Produk Pada Waktu
Yang Dipilih Dipilih Yang Dipilih
<<extend>>
Menampilkan Grafik Transaksi Ekspor Per <<extend>>
Negara Pada Waktu Yang Dipilih
Menampilkan Grafik Batang Transaksi

Menampilkan Grafik Transaksi Ekspor Per Menampilkan Grafik Pie Transaksi Ekspor Menampilkan Grafik Pie Transaksi Ekspor
Ekspor Per Pelanggan Pada Waktu Yang
Pelanggan Pada Waktu Yang Dipilih Per Produk Pada Waktu Yang Dipilih Per Negara Pada Waktu Yang Dipilih
Dipilih
Gambar 3.4 Diagram Use Case Sistem Level Direksi

43
Use Case Diagram Pemasaran
Log In

Per Pelanggan
<<include>>
<<extend>>
Menampilkan Informasi Nilai Transaksi
Mengoperasikan Dashboard Memilih Periode
<<include>> Ekspor Per Pelanggan
Pemasaran
Mencetak Informasi Transaksi Ekspor Menampilkan Grafik Pie Transaksi Ekspor

Per Tahun <<extend>> Per Produk Pada Waktu Yang Dipilih
<<include>>
<<extend>>
Menampilkan Informasi Nilai Membandingkan Data Transaksi <<extend>>

Membandingkan Data Transaksi
Transaksi Ekspor Per Tahun Ekspor Per Pelanggan
Ekspor <<extend>>
<<include>>
<<include>> Menampilkan Grafik Transaksi Ekspor Per Menampilkan Informasi Nilai
Produk Pada Waktu Yang Dipilih Transaksi Ekspor Per Negara
Menampilkan Informasi Perbandingan Nilai
Menampilkan Informasi Nilai
Transaksi Ekspor Per Pelanggan Pada Waktu
Menampilkan Informasi Perbandingan Nilai Transaksi Ekspor Per Produk
Yang Dipilih
Transaksi Ekspor Pada Waktu Yang Dipilih
<<extend>>
Membandingkan Data Transaksi <<extend>>
Ekspor Per Negara
Per Negara Membandingkan Data Transaksi
Mencetak Informasi Transaksi Ekspor Ekspor Per Produk
Per Produk
<<extend>> <<include>>
<<include>>
Menampilkan Informasi Perbandingan Nilai <<extend>> Menampilkan Grafik Batang Transaksi Menampilkan Informasi Perbandingan Nilai
Transaksi Ekspor Per Negara Pada Waktu Ekspor Per Pelanggan Pada Waktu Yang Transaksi Ekspor Per Produk Pada Waktu
Yang Dipilih Dipilih Yang Dipilih
<<extend>>
Menampilkan Grafik Transaksi Ekspor Per <<extend>>
Negara Pada Waktu Yang Dipilih
Menampilkan Grafik Batang Transaksi

Menampilkan Grafik Transaksi Ekspor Per Menampilkan Grafik Pie Transaksi Ekspor Menampilkan Grafik Pie Transaksi Ekspor
Ekspor Per Pelanggan Pada Waktu Yang
Pelanggan Pada Waktu Yang Dipilih Per Produk Pada Waktu Yang Dipilih Per Negara Pada Waktu Yang Dipilih
Dipilih
Gambar 3.5 Diagram Use Case Sistem Level Pemasaran

44
Aktor pada gambar 3.5 adalah divisi pemasaran. Divisi pemasaran dapat
mengoperasikan dashboard dengan syarat berhasil melakukan log in.
Mengoperasikan dashboard dalam hal ini divisi pemasaran dapat memilih periode
transaksi ekspor, dapat melihat grafik informasi transaksi ekspor per tahun, per
negara, per produk dan per pelanggan lengkap dengan selisih nilai target dengan
transaksi ekspor. Selain itu divisi pemasaran dapat melakukan cetak laporan
informasi yang diinginkan yang ada pada menu dashboard.
Tabel 3.6 berikut ini merupakan deskripsi singkat use case pada gambar
3.4 dan 3.5 diagram use case dashboard untuk visualisasi transaksi ekspor pada PT.
Kelola Mina Laut.
Tabel 3.6 Daftar Use Case
No. Aktor Use Case Keterangan

1. Direksi Log In Use case ini berfungsi yang harus dilakukan
Pemasar sebelum mengoperasikan aplikasi, use case
an ini digunakan untuk melakukan otentikasi
pengguna pada aplikasi.
2. Direksi Mengoperasikan Use case ini berfungsi untuk
Pemasar Dashboard mengoperasikan aplikasi yang dapat
an dilakukan oleh direksi setelah sukses
melakukan otentikasi pengguna.
3. Direksi Mengatur target Use case ini berfungsi untuk mengatur nilai
transaksi target pada transaksi ekspor, use case ini
dapat dilakukan atau dapat tidak dilakukan.
4. Direksi Mengubah Use case ini berfungsi untuk menampilkan
Pemasar Periode grafik sesuai dengan periode yang dipilih
an dan wajib dilakukan.
5. Direksi Menampilkan Use case ini dirancang untuk fungsi
Pemasar informasi nilai menampilkan nilai transaksi ekspor per
an transaksi ekspor tahun yang dapat dilakukan oleh direksi.
per tahun
6. Direksi Compare Use case ini merupakan bagian dari poin 5
Pemasar transaksi ekspor yang dirancang untuk menampilkan tabel
an dan grafik perbandingan nilai transaksi
ekspor pada periode yang dipilih dan use
case ini dapat dilakukan atau dapat tidak
dilakukan.
45
Tabel 3.6 Lanjutan

7. Direksi Compare Use case ini merupakan bagian dari
Pemasaran transaksi ekspor poin 6 yang dirancang untuk
drilldown menampilkan diagram batang per
pelanggan diagram pie per negara dan
produk berdasarkan diagram pada poin
6 yang dipilih. Use case ini dapat
dilakukan atau dapat tidak dilakukan.
diagram per pelanggan berdasarkan diagram pada
pelanggan poin 7 yang dipilih.
drilldown menampilkan diagram pie per negara
Diagram per berdasarkan diagram pada poin 7 yang
negara dipilih.
drilldown menampilkan diagram pie per produk
Diagram per berdasarkan diagram pada poin 7 yang
produk dipilih.
Pemasaran informasi nilai menampilkan nilai transaksi ekspor per
transaksi ekspor negara yang dapat dilakukan oleh
per negara direksi.
12. Direksi Compare per Use case ini merupakan bagian dari
Pemasaran negara poin 11 yang dirancang untuk
menampilkan tabel dan grafik
perbandingan nilai transaksi ekspor per
negara pada periode yang dipilih. Use
case ini dapat dilakukan atau dapat
tidak dilakukan.
dan diagram batang per pelanggan
berdasarkan diagram pada poin 12 yang
dipilih. Use case ini dapat dilakukan
atau dapat tidak dilakukan.
diagram per berdasarkan diagram pada poin 12 yang
produk dipilih.
46
Tabel 3.6 Lanjutan

Pemasaran informasi nilai menampilkan nilai
transaksi ekspor transaksi ekspor per produk yang dapat
per produk dilakukan oleh direksi.
Pemasaran produk poin 16 yang dirancang untuk
produk pada periode yang dipilih. Use
case ini dapat dilakukan atau dapat
tidak dilakukan
dan diagram batang per pelanggan
berdasarkan diagram pada poin 17 yang
dipilih. Use case ini dapat dilakukan
atau dapat tidak dilakukan.
diagram per berdasarkan diagram pada poin 17 yang
negara dipilih.
Pemasaran informasi nilai menampilkan nilai transaksi ekspor per
transaksi ekspor pelanggan pada periode yang dipilih
pelanggan pada dengan satu periode sebelumnya.
periode yang
lalu.
Pemasaran pelanggan poin 21 yang dirancang untuk
pelanggan pada periode yang dipilih.
47
Tabel 3.6 Lanjutan

Use case ini dapat dilakukan atau
dapat tidak dilakukan
Pemasaran pelanggan poin 22 yang dirancang untuk
diagram produk berdasarkan diagram pada poin 22
yang dipilih. Use case ini dapat
dilakukan atau dapat tidak dilakukan
24. Direksi Mencetak Use case ini dirancang untuk
Pemasaran informasi menampilkan laporan transaksi ekspor
transaksi ekspor per tahun sesuai. Use case ini dapat
per tahun dilakukan atau dapat tidak dilakukan
Pemasaran informasi menampilkan laporan transaksi ekspor
transaksi ekspor per negara sesuai dengan periode yang
per negara dipilih. Use case ini dapat dilakukan
atau dapat tidak dilakukan
Pemasaran informasi mencetak laporan transaksi ekspor per
transaksi ekspor produk kategori sesuai dengan periode
per produk yang dipilih. Use case ini dapat
dilakukan atau dapat tidak dilakukan
Pemasaran informasi mencetak laporan transaksi ekspor per
transaksi ekspor pelanggan sesuai dengan periode yang
per pelanggan dipilih.
B. Diagram Aktivitas Dan Flow of Events
Diagram aktivitas digunakan untuk menggambarkan alur (flow) dalam
tabel flow of events. Berikut ini adalah diagram aktivitas yang menyajikan alur flow
of events untuk use case yang ada pada diagram use case sistem:
Tabel 3.7 Flow of Events Log In
Nama Use Case F.1 Log In
Kebutuhan Aktivitas utama untuk menjalankan aplikasi yang akan

terkait dibangun adalah proses log in yang dilakukan oleh pengguna,
pengguna yang menggunakan perangkat lunak ini ada dua
yaitu direksi dan bagian pemasaran
Tujuan Mengecek pengguna yang akan mengoperasikan aplikasi.
48
Tabel 3.7 Lanjutan
Nama Use Case F.2 Log In
Kebutuhan Aktivitas utama untuk menjalankan aplikasi yang akan

terkait dibangun adalah proses log in yang dilakukan oleh pengguna,
pengguna yang menggunakan perangkat lunak ini ada dua
yaitu direksi dan bagian pemasaran
Tujuan Mengecek pengguna yang akan mengoperasikan aplikasi.
Prasyarat Memiliki akun
Kondisi akhir Log in success
sukses
Kondisi akhir Kondisi gagal dapat terjadi ketika pengguna melakukan
gagal kesalahan entry data pengguna, maka pengguna tidak dapat
masuk kedalam perangkat lunak dan sistem menampilkan
pesan kesalahan data yang anda masukkan salah.
Aktor utama Direksi
Aktor sekunder Pemasaran
Pemicu Aktor melakukan request halaman log in pada browser.
Alur Utama Dan Alur Perluasan
Diagram Aktivitas Use Case Log

In
Menampilkan Halaman
Log In
Memasukan Data Log In
Validasi?
Tidak Ya
Menampilkan Pesan
Menampilkan Halaman
Error Data Yang Anda
Utama Dashboard
Masukan Salah
49
Tabel 3.8 Flow of Events Mengoperasikan Dashboard
Nama Use Case F.3 Mengoperasikan Dashboard
Kebutuhan Mengubah tahun filter transaksi ekspor

terkait
Tujuan Menampilkan transaksi ekspor sesuai dengan tahun filter.
Prasyarat Harus melalui proses log in.
Kondisi akhir Menampilkan transaksi ekspor berdasarkan tahun filter
sukses
Kondisi akhir Kondisi gagal dapat terjadi ketika server offline dan
gagal menampilkan pesan error server offline.
Aktor utama Direksi
Pemicu Aktor mengubah tahun filter.
Diagram Aktivitas Use Case Mengoperasikan Dashboard
Mengubah Tahun Filter
Mengubah Tampilan Nilai Transaksi

Ekspor Berdasarkan Tahun Filter
Server
Ya Tidak
Online?
Menampilkan Nilai Transaksi

Menampilkan Pesan Error
Ekspor Berdasarkan Tahun
Server Offline
Filter
50
Tabel 3.9 Flow of Events Menentukan Target Transaksi Ekspor
Nama Use Case F.4 Menentukan Target Transaksi Ekspor
Kebutuhan Menentukan target transaksi ekspor

terkait
Tujuan Untuk melihat target transaksi ekspor tercapai atau tidaknya
nilai transaksi ekspor.
Prasyarat Melakukan log in sebagai direksi.
Kondisi akhir Menampilkan pesan data target transaksi ekspor berhasil
sukses diubah
Kondisi akhir 1. Jika server dalam keadaan offline maka sistem
gagal menampilkan pesan error server offline.
2. Jika data target tidak berhasil diubah maka sistem
menampilkan form input data target transaksi ekspor.
Aktor utama Direksi
Aktor sekunder Tidak ada
Pemicu Memilih menu menentukan target transaksi ekspor yang ada
pada halaman utama
Diagram Aktivitas Use Case Menentukan Target
Memilih Menu Ubah

Target Transaksi
Ekspor
Masukan Data Target

Transaksi Ekspor
Server
Tidak Ya Tidak
Online?
Menampilkan Pesan
Update Data Target
Error Server Offline
Berhasil?
Ya
Menampilkan Pesan
Data Target Berhasil
Diubah
51
Tabel 3.10 Flow of Events Menampilkan Transaksi Ekspor per Tahun
Nama Use Case F.5 Menampilkan Transaksi Ekspor per Tahun
Kebutuhan Menampilkan transaksi ekspor per tahun

terkait
Tujuan Menampilkan transaksi ekspor per tahun mulai dari tanggal
sistem sampai dengan lima tahun terakhir.
Prasyarat Melakukan proses log in.
Kondisi akhir Menampilkan pesan nilai transaksi ekspor tahunan mulai dari
sukses tanggal sistem sampai dengan lima tahun terakhir.
Kondisi akhir Kondisi akhir gagal dapat terjadi ketika server sedang offline
gagal dan menampilkan pesan error server offline.
Aktor utama Direksi
Pemicu Melakukan log in
Diagram Aktivitas Use Case Menampilkan Transaksi Ekspor Per

Tahun
Mengambil Tanggal
Sistem
Mengambil Nilai Transaksi Ekspor

Tahunan Mulai Dari Tanggal Sistem S/
d 5 Th Terakhir
Server
Tidak
Ya Online?
Menampilkan Nilai
Menampilkan Pesan Error Transaksi Ekspor Tahunan
Server Offline Mulai Dari Tanggal Sistem
S/d 5 Th Terakhir
52
Tabel 3.11 Flow of Events Menampilkan Transaksi Ekspor per Negara
Nama Use Case F.6 Menampilkan Transaksi Ekspor per Negara
Kebutuhan Melihat transaksi ekspor per negara.

terkait
Tujuan Menampilkan transaksi ekspor per negara mulai dari tanggal
Prasyarat Melakukan log in.
Kondisi akhir Menampilkan transaksi ekspor per negara mulai dari tanggal
sukses sistem sampai dengan lima tahun terakhir.
Aktor utama Direksi

Negara
Mengambil Tanggal
Sistem
Mengambil Nilai Transaksi Ekspor Per

Negara Mulai Dari Tanggal Sistem S/d
5 Th Terakhir
Server
Tidak
Ya Online?
Menampilkan Nilai
Transaksi Ekspor Per
Negara Mulai Dari
Server Offline
Tanggal Sistem S/d 5 Th
Terakhir
53
Tabel 3.12 Flow of Events Menampilkan Transaksi Ekspor per Pelanggan
Nama Use Case F.7 Menampilkan Transaksi Ekspor per Pelanggan
Kebutuhan Melihat transaksi ekspor per pelanggan

terkait
Tujuan Menampilkan transaksi ekspor per pelanggan mulai dari
tanggal sistem sampai dengan lima tahun terakhir.
Kondisi akhir Menampilkan transaksi ekspor per pelanggan mulai dari
sukses tanggal sistem sampai dengan lima tahun terakhir.
Aktor utama Direksi

Pelanggan
Mengambil Tanggal
Sistem

Pelanggan Mulai Dari Tanggal Sistem
S/d 5 Th Terakhir
Server
Tidak
Ya Online?
Menampilkan Nilai
Pelanggan Mulai Dari
Server Offline
Terakhir
54
Tabel 3.13 Flow of Events Menampilkan Transaksi Ekspor per Produk
Nama Use Case F.8 Menampilkan Transaksi Ekspor per Produk
Kebutuhan Melihat transaksi ekspor per produk

terkait
Tujuan Menampilkan transaksi ekspor per produk mulai dari tanggal
Kondisi akhir Menampilkan transaksi ekspor per produk mulai dari tanggal
sukses sistem sampai dengan lima tahun terakhir.
Aktor utama Direksi

Produk
Mengambil Tanggal
Sistem

Produk Mulai Dari Tanggal Sistem S/d
5 Th Terakhir
Server
Tidak
Ya Online?
Menampilkan Nilai
Produk Mulai Dari
Server Offline
Terakhir
55
Tabel 3.14 Flow of Events Mencetak Transaksi Ekspor
Nama Use Case F.9 Mencetak Transaksi Ekspor
Kebutuhan Mencetak transaksi ekspor.

terkait
Tujuan Menampilkan data transaksi ekspor secara keseluruhan dalam
bentuk hard copy.
Kondisi akhir Menampilkan pesan sedang mencetak.
sukses
Kondisi akhir 1. Kondisi akhir gagal dapat terjadi ketika server sedang
gagal offline dan menampilkan pesan error server offline.
2. Kondisi akhir gagal dapat terjadi ketika printer sedang
error dan menampilkan pesan printer error
Aktor utama Direksi
Diagram Aktivitas Use Case

Mencetak Transaksi Ekspor
Memilih Grafik
Yang Akan Dicetak
Memilih Menu
Mecetak
Server
Tidak Online? Ya
Menampilkan Pesan Menampilkan Pesan

Error Server Offline Cek Printer
Printer
Tidak Ya
Error?
Menampilkan Pesan Menampilkan Pesan

Sedang Mencetak Printer Error
56
C. Diagram Sekuensial
Pada sub bab diagram sekuensial ini menunjukkan gambar-gambar
diagram sekuensial untuk setiap use case yang sudah didefinisikan pada sub bab
model bisnis, untuk lebih jelasnya berikut ini disajikan gambar diagram sekuensial
yang digunakan untuk membuat aplikasi dashboard untuk visualisasi transaksi
ekspor pada PT. Kelola Mina Laut beserta penjelasan :
C.1. Diagram Sekuensial Log In
Diagram sekuensial log in pada gambar 3.6 menunjukkan alur use case log
in. Gambar 3.6 dimulai dari pengguna aplikasi dashboard mengakses form log in .
Diagram Sekuensial log in
Pengguna Form LogIn LogIn_control Db_ekspor

1:
Open()
2:
Show_Form_LogIn()
3:
Entry_UNAME_PASS()
4:
Cek_Login()
6:
Get_data
LogIn()
Rederect_to_dashboard()
Gambar 3.6 Diagram Sekuensial Log In
Form_LogIn sebagai pembatas yang berfungsi untuk menampilkan form
Log In dari kelas kontrol yaitu LogIn_control. Kelas kontrol LogIn_control
bertanggung jawab sebagai koordinator kegiatan log in. Pengguna memasukkan
user name dan password kemudian kelas kontrol log in melakukan cek log in pada
57
kelas entitas. Kelas entitas dalam diagram sekuensial log in ini adalah Db_ekspor
yang bertugas untuk menangkap semua query data log in. Kelas entitas
mengalihkan pada dashboard home setelah log in success.
C.2. Diagram Sekuensial Menjalankan Dashboard
Diagram sekuensial mengoperasikan dashboard pada gambar 3.7
menunjukkan alur use case mengoperasikan dashboard. Gambar 3.7 dimulai dari
pengguna aplikasi dashboard yang mengakses dashboard. Boundary class
dashboard sebagai pembatas yang berfungsi untuk menampilkan dashboard home
dari kelas kontrol yaitu dashboard_control.
Diagram Sekuensial
Mengoperasikan Dasboard
Pengguna Dashboard Dashboard_control Db_ekspor
1:
Open()
2:
Show_Dashboard_Home()
3:
Query_data_export()
4:
Get_data
_ekspor()
Show_data_ekspor()
Gambar 3.7 Diagram Sekuensial Mengoperasikan Dashboard
Kelas kontrol dashboard_control bertanggung jawab sebagai koordinator
kegiatan akses dashboard. Kelas entitas dalam diagram sekuensial mengoperasikan
ini adalah Db_ekspor yang bertugas untuk menangkap semua query data ekspor.
Kelas entitas menampilkan grafik data ekspor.

58
C.3. Diagram Sekuensial Ubah Target
Diagram sekuensial ubah target pada gambar 3.8 menunjukkan alur use
case ubah target. Dimulai dari pengguna aplikasi dashboard mengakses
form_set_target().Boundary class form_set_target sebagai pembatas yang
berfungsi untuk menampilkan form set target dari kelas kontrol yaitu
dashboard_control. Kelas kontrol dashboard_control bertanggung jawab sebagai
koordinator kegiatan akses form set target. Kelas entitas dalam diagram sekuensial
ubah target ini adalah Db_ekspor yang bertugas untuk menangkap semua query data
target. Kelas entitas menampilkan pesan sukses ubah target.
Diagram Sekuensial Ubah

Target
Direksi Form_set_target Dashboard_control Db_ekspor

1:
Open_form_set_target()
2:
Show_Form_Target()
3:
Input_target()
4:
Query_data_target()
If record
target 5:
succsess Record_data_
target()
Show_message_success()
Gambar 3.8 Diagram Sekuensial Ubah Target
C.4. Diagram Sekuensial Grafik per Tahun
Diagram sekuensial menampilkan grafik transaksi ekspor per tahun pada
gambar 3.9 menunjukkan alur proses menampilkan grafik per tahun dimulai dari
pengguna aplikasi dashboard mengakses grafik ekspor per tahun. Boundary class
59
dashboard sebagai pembatas yang berfungsi untuk menampilkan grafik transaksi
ekspor per tahun dari kelas kontrol yaitu dashboard_control. Kelas kontrol
dashboard_control bertanggung jawab sebagai koordinator kegiatan akses grafik
transaksi ekspor per tahun. Kelas entitas dalam diagram sekuensial menampilkan
grafik transaksi ekspor per tahun ini adalah Db_ekspor yang bertugas untuk
menangkap semua query data ekspor per tahun. Kelas entitas menampilkan grafik
transaksi ekspor per tahun.
Diagram Sekuensial Grafik

Per Tahun
1:
Open_grafik_pertahun()
2:
Show_grafik_pertahun()
3:
Query_data_grafik_pertahun()
4:
Get_data_
5: grafik_
Menampilkan_grafik_pertahun() pertahun()
Gambar 3.9 Diagram Sekuensial Grafik per Tahun
C.5. Diagram Sekuensial Grafik per Negara
Diagram sekuensial menampilkan grafik transaksi ekspor per negara pada
gambar 3.10 menunjukkan alur proses menampilkan grafik per negara. Di mulai
dari pengguna aplikasi dashboard mengakses grafik ekspor per negara. Boundary
class dashboard sebagai pembatas yang berfungsi untuk menampilkan grafik
transaksi ekspor per negara dari kelas kontrol yaitu dashboard_control. Kelas
kontrol dashboard_control bertanggung jawab sebagai koordinasi kegiatan akses

60
grafik transaksi ekspor per negara. Kelas entitas dalam diagram sekuensial
menampilkan grafik transaksi ekspor per negara ini adalah Db_ekspor yang
bertugas untuk menangkap semua query data ekspor per negara. Kelas entitas
menampilkan grafik transaksi ekspor per negara.

Per Negara
1:
Open_grafik_pernegara()
2:
menampilkan grafik_pernegara()
3:
Query_data_eks_pernegara()
4:
Get_data_
5: eksp_
Menampilkan_grafik_pernegara() pernegara()
Gambar 3.10 Diagram Sekuensial Grafik per Negara
C.6. Diagram Sekuensial Grafik per Produk
Diagram sekuensial menampilkan grafik transaksi ekspor per produk pada
gambar 3.11 menunjukkan alur use case menampilkan grafik per produk. Dimulai
dari pengguna aplikasi dashboard mengakses grafik ekspor per produk. Boundary
class dashboard sebagai pembatas yang berfungsi untuk menampilkan grafik
transaksi ekspor per produk dari kelas kontrol yaitu dashboard_control. Kelas
kontrol dashboard_control bertanggung jawab sebagai koordinator kegiatan akses
grafik transaksi ekspor per produk. Kelas entitas dalam diagram sekuensial
menampilkan grafik transaksi ekspor per produk ini adalah Db_ekspor yang
61
bertugas untuk menangkap semua query data ekspor per produk Kelas entitas
menampilkan grafik transaksi ekspor per produk.

Per Produk
1:
Open_grafik_perproduk()
2:
menampilkan_grafik_perproduk()
3:
Query_data_eks_perproduk()
4:
Get_data
_eks
5:
_perproduk()
menampilkan_grafik_perproduk()
Gambar 3.11 Diagram Sekuensial Grafik per Produk
C.7. Diagram Sekuensial Grafik per Pelanggan
Diagram sekuensial menampilkan grafik transaksi ekspor per pelanggan
pada gambar 3.12 menunjukkan alur use case menampilkan grafik per pelanggan.
Di mulai dari pengguna aplikasi dashboard mengakses grafik ekspor per pelanggan.
Boundary class dashboard sebagai pembatas yang berfungsi untuk menampilkan
grafik transaksi ekspor per pelanggan dari kelas kontrol yaitu dashboard_control.
Kelas kontrol dashboard_control bertanggung jawab sebagai koordinator kegiatan
akses grafik transaksi ekspor per pelanggan. Kelas entitas dalam diagram sekuensial
menampilkan grafik transaksi ekspor per pelanggan ini adalah Db_ekspor yang
bertugas untuk menangkap semua query data ekspor per pelanggan. Kelas entitas
menampilkan grafik transaksi ekspor per pelanggan.

62

Per Pelanggan
1:
Open_grafik_perpelanggan()
2:
menampilkan_grafik_perplanggan
3:
Query_data_eks_perpelanggan()
4:
Get_data_
5: eks_
menampilkan_grafik_perpelanggan perpelaggan()
Gambar 3.12 Diagram Sekuensial Grafik per Pelanggan
C.8. Diagram Sekuensial Cetak
Diagram sekuensial cetak pada gambar 3.13 menunjukkan alur use case
mencetak informasi transaksi ekspor. Di mulai dari pengguna aplikasi dashboard
mengakses dashboard. Boundary class dashboard sebagai pembatas yang
berfungsi untuk menampilkan pilihan menu print kepada pengguna. Dari kelas
kontrol yaitu dashboard_control. Kelas kontrol dashboard_control bertanggung
jawab sebagai koordinator kegiatan akses data yang dipilih. Dashboard_control
menampilkan pesan offline ketika server sedang offline dan melakukan query data
ekspor ketika online ke kelas entitas db_ekspor. Kelas entitas dalam diagram
sekuensial mencetak informasi transaksi ekspor ini adalah Db_ekspor yang
bertugas untuk menangkap semua query data cetak informasi transaksi ekspor.
Kelas entitas menampilkan pesan printer error pada saat printer ada kendala pada
mesin pencetak dan menampilkan pesan sedang mencetak pada saat perintah
success.
63
Diagram Sekuensial Cetak
Pengguna Dashboard Dashboard_control Pesan Db_ekspor

1:
Open_dashboard() Jika server
offline
2:
Select_Print_menu()
3:
Server_offline()
4:
Query_data_eks()
4:
cek_printer()
Jika printer 5:
error Get_data
6: _eksp()
Print_error
7:
sedang_mencetak()
Gambar 3.13 Diagram Sekuensial Cetak
D. Diagram Kelas
Pada subbab diagram kelas ini menunjukkan gambar diagram kelas
aplikasi dashboard untuk visualisasi transaksi ekspor pada PT. Kelola Mina Laut.
Dasar dari pembuatan diagram kelas ini adalah diagram sekuensial yang sudah
dijelaskan pada subbab diagram sekuensial, untuk lebih jelasnya berikut ini
disajikan gambar diagram kelas aplikasi dashboard untuk visualisasi transaksi
ekspor pada PT. Kelola Mina Laut:
D.9. Diagram Kelas Log In
Berdasarkan diagram sekuensial log in maka penulis dapat memodelkan
diagram kelas log in. Diagram kelas log in digunakan untuk menunjukkan interaksi
antar kelas dalam aplikasi dashboard untuk visualisasi transaksi ekspor pada PT.
Kelola Mina Laut. Untuk lebih jelasnya pemodelan diagram kelas log in dapat
dilihat pada gambar 3. 14 dan untuk penjelasan dari diagram kelas log in dapat
dilihat pada tabel 3.15.

64
Tabel 3.15 Kelas Log In
No. Kelas Relasi Daftar Daftar Operasi

Atribut
1. <<ACTOR>> <<BOUNDARY>> - Open()
Pengguna FORM_LOGIN
<<CONTROL>> - Show_Form()
LOGIN_control Entry_UNAME_PASS()
2. <<BOUNDARY>> <<ENTITY>> <<PK>>US Cek_LogIn()
FORM_LOGIN DB_EKSPOR ER_ID :
STRING
UNAME : Get_data()
STRING
UPASS : Rederect_to_dashboard(
STRING )
UTYPE :
STRING
<<CONTROL>> - Show_Form()
LOGIN_control Entry_UNAME_PASS()
3. <<ENTITY>> <<CONTROL>> - Show_Form()
DB_EKSPOR LOGIN_control Entry_UNAME_PASS()
Diagram Kelas log in
<<ENTITY>>
DB_EKSPOR
<<Actor>> <<PK>>USER_ID : STRING
Pengguna <<BOUNDARY>>
UNAME : STRING
FORM LOGIN
<<PK>>USER_ID : STRING UPASS : STRING
UPASS : STRING UTYPE : STRING
+ Open()
+ Cek_Login()
+ Get_data()
+ Rederect_to_dashboard()
<<CONTROL>>
LOGIN_control
+ Show_Form()
+ Entry_UNAME_PASS()
Gambar 3.14 Diagram Kelas Log In
D.10. Diagram Kelas Mengoperasikan Dashboard
Berdasarkan diagram sekuensial mengoperasikan dashboard maka penulis
dapat memodelkan diagram kelas mengoperasikan dashboard. Diagram
mengoperasikan dashboard digunakan untuk menunjukkan interaksi antar kelas

65
dalam aplikasi dashboard untuk visualisasi transaksi ekspor pada PT. Kelola Mina
Laut khususnya pada kelas mengoperasikan dashboard. Lebih jelasnya pemodelan
diagram kelas mengoperasikan dashboard dapat dilihat pada gambar 3.15 dan
untuk penjelasan dari diagram kelas mengoperasikan dashboard dapat dilihat pada
tabel 3.16.
Diagram Kelas
Mengoperasikan Dashboard
<<BOUNDARY>>
<<Actor>> DASHBOARD
Pengguna
<<PK>>USER_ID : STRING + Open()
UPASS : STRING + Show_data_ekspor
<<ENTITY>> <<CONTROL>>
DB_EKSPOR DASHBOARD_control
<<PK>>USER_ID : STRING
UNAME : STRING + Show_Dashboard_Home()
UPASS : STRING
UTYPE : STRING
+ Query_data_export()
+ Get_data_ekspor()
Gambar 3.15 Diagram Kelas Mengoperasikan Dashboard
Tabel 3.16 Kelas Mengoperasikan Dashboard
No. Kelas Relasi Daftar Atribut Daftar Operasi

1. <<ACTOR>> <<BOUNDARY>> - Open()
Pengguna DASHBOARD
Show_Form()
2. <<BOUNDARY>> <<CONTROL>> -
DASHBOARD DASHBOARD_contr Show_Dashboard_Ho
ol me()
3. <<CONTROL>> <<ENTITY>> <<PK>>USER_
DASHBOARD_con DB_EKSPOR ID : STRING
Query_data_export()
trol UNAME :
STRING
UPASS :
STRING
Get_data_ekspor()
UTYPE :
STRING
4. <<ENTITY>> <<BOUNDARY>> - Open()
DB_EKSPOR DASHBOARD Show_Form()
66
D.11. Diagram Kelas Ubah Target
Berdasarkan diagram sekuensial ubah target maka penulis dapat
memodelkan diagram kelas ubah target. Diagram kelas ubah target digunakan untuk
menunjukkan interaksi antar kelas dalam aplikasi dashboard untuk visualisasi
transaksi ekspor pada PT. Kelola Mina Laut khususnya pada kelas ubah target.
Untuk lebih jelasnya pemodelan diagram kelas ubah target dapat dilihat pada
gambar 3.16 dan untuk penjelasan dari diagram kelas ubah target dapat dilihat pada
tabel 3.17.
Diagram Kelas Ubah Target
<<BOUNDARY>>
<<Actor>> Form_set_target
Direksi
<<PK>>USER_ID : STRING + Open_form_set_target()
UPASS : STRING +Show_message_success()
UNAME : STRING + Show_Form_Target()
UPASS : STRING + Input_target()
UTYPE : STRING
+ Query_data_target()
+ Record_data_target()
Gambar 3.16 Diagram Kelas Ubah Target
Tabel 3.17 Kelas Ubah Target

1. <<ACTOR>> <<BOUNDARY>> -
Direksi Form_set_target Open form set target()
67
Tabel 3.15 Lanjutan

<<CONTROL>> -
DASHBOARD_contr Show Form Target()
ol
2. <<BOUNDARY>> <<CONTROL>> - Input_target()
Form_set_target DASHBOARD_contr
ol
Query_data_target()
trol UNAME :
STRING
UPASS :
STRING
Record_data_target()
UTYPE :
STRING
4. <<ENTITY>> <<BOUNDARY>> - Show_mssage_success(
DB_EKSPOR FORM_LOGIN )
D.12. Diagram Kelas Grafik per Tahun
Berdasarkan diagram sekuensial grafik per tahun maka penulis dapat
memodelkan diagram kelas grafik per tahun. Lebih jelasnya pemodelan diagram
kelas grafik per tahun dapat dilihat pada gambar 3.17 dan untuk penjelasan dari
diagram kelas grafik per tahun dapat dilihat pada tabel 3.18.
Diagram Kelas
Grafik per Tahun
<<BOUNDARY>>
<<Actor>> DASHBOARD
Pengguna
<<PK>>USER_ID : STRING + Open()
UPASS : STRING
UNAME : STRING + Show_Graph_pertahun()
UPASS : STRING
UTYPE : STRING
+ Query_data_trs_tahun()
+ Get_data_trs_tahun()
Gambar 3.17 Diagram Kelas Grafik per Tahun.

68
Diagram kelas grafik per tahun digunakan untuk menunjukkan interaksi
Kelola Mina Laut khususnya pada kelas grafik per tahun.
Tabel 3.18 Kelas Grafik per Tahun.

Open()
pengguna DASHBOARDt
DASHBOARDt DASHBOARD_contr Show_Graph_pertahun
ol ()
Query_data_trs_thn()
trol UNAME :
STRING
UPASS :
STRING
Get_data_trs_thn()
UTYPE :
STRING
D.13. Diagram Kelas Grafik per Negara
Berdasarkan diagram sekuensial grafik per negara maka penulis dapat
memodelkan diagram kelas grafik per negara. Diagram kelas grafik per negara
digunakan untuk menunjukkan interaksi antar kelas dalam aplikasi dashboard
untuk visualisasi transaksi ekspor pada PT. Kelola Mina Laut khususnya pada kelas
grafik per negara. Lebih jelasnya pemodelan diagram kelas grafik per negara dapat
dilihat pada gambar 3.18 dan untuk penjelasan dari diagram kelas grafik per negara
dapat dilihat pada tabel 3.19.
Tabel 3.19 Kelas Grafik per Negara.

Open()
pengguna DASHBOARDt
DASHBOARDt DASHBOARD_contr Show_Graph_pernegar
ol a()
69
Tabel 3.19 Lanjutan

DASHBOARD_con DB_EKSPOR ID : STRING Query_data_trs_negar
trol UNAME : a()
STRING
UPASS :
STRING
Get_data_trs_negara()
UTYPE :
STRING
Diagram Kelas
Graph per Negara
<<BOUNDARY>>
<<Actor>> DASHBOARD
Pengguna
<<PK>>USER_ID : STRING + Open_grafik_pernegara()
UPASS : STRING +menampilkan_grafik_pernegara()
UNAME : STRING + Menampilkan_grafik_pernegara()
UPASS : STRING
UTYPE : STRING
+ Query_data_trs_negara()
+ Get_data_trs_negara()
Gambar 3.18 Diagram Kelas Grafik per Negara
D.14. Diagram Kelas Grafik per Produk
Berdasarkan diagram sekuensial grafik per produk maka penulis dapat
memodelkan diagram kelas grafik per produk. Diagram kelas grafik per produk
digunakan untuk menunjukkan interaksi antar kelas dalam aplikasi dashboard
untuk visualisasi transaksi ekspor pada PT. Kelola Mina Laut khususnya pada kelas
grafik per produk. Lebih jelasnya pemodelan diagram kelas grafik per produk dapat
dilihat pada gambar 3.19 dan untuk penjelasan dari diagram kelas grafik per produk
dapat dilihat pada tabel 3.20.

70
Tabel 3.20 Kelas Grafik per Produk.

Open()
pengguna DASHBOARDt
DASHBOARDt DASHBOARD_contr Show_Graph_produk()
ol
DASHBOARD_con DB_EKSPOR ID : STRING Query_data_trs_produ
trol UNAME : k()
STRING
UPASS :
STRING
Get_data_trs_produk()
UTYPE :
STRING
Diagram Kelas
Grafik per Produk
<<BOUNDARY>>
<<Actor>> DASHBOARD
Pengguna
<<PK>>USER_ID : STRING + Open_grafik_perproduk()
UPASS : STRING
UNAME : STRING +menampilkan_grafik_perproduk()
UPASS : STRING
UTYPE : STRING
+ Query_data_eks_perproduk()
+ Get_data_eks_perproduk()
Gambar 3.19 Diagram Kelas per Produk
D.15. Diagram Kelas Grafik per Pelanggan
Berdasarkan diagram sekuensial grafik per pelanggan maka penulis dapat
memodelkan diagram kelas grafik per pelanggan. Diagram kelas grafik per
pelanggan digunakan untuk menunjukkan interaksi antar kelas dalam aplikasi
dashboard untuk visualisasi transaksi ekspor pada PT. Kelola Mina Laut khususnya
71
pada kelas grafik per pelanggan. Lebih jelasnya pemodelan diagram kelas grafik
per pelanggan dapat dilihat pada gambar 3.20 dan untuk penjelasan dari diagram
kelas grafik per pelanggan dapat dilihat pada tabel 3.21.
Tabel 3.21 Kelas Grafik per Pelanggan

Open()
pengguna DASHBOARDt
DASHBOARDt DASHBOARD_contr Show_Graph_pelangga
ol n()
DASHBOARD_con DB_EKSPOR ID : STRING Query_data_trs_pelan
trol UNAME : ggan()
STRING
UPASS :
STRING Get_data_trs_pelangga
UTYPE : n()
STRING
Diagram Kelas
Grafik per Pelanggan
<<BOUNDARY>>
<<Actor>> DASHBOARD
Pengguna
+ Open_grafik_perpelanggan()
UPASS : STRING
<<PK>>USER_ID : STRING + menampilkan_grafik_eks_perpelanggan()

UNAME : STRING
UPASS : STRING
UTYPE : STRING
+ Query_data_eks_perpelanggan()
+ Get_data_eks_perpelanggan()
Gambar 3.20 Diagram Kelas Grafik per Pelanggan

72
D.16. Diagram Kelas Cetak
Berdasarkan diagram sekuensial cetak maka penulis dapat memodelkan
diagram kelas cetak. Diagram kelas cetak digunakan untuk menunjukkan interaksi
Kelola Mina Laut khususnya pada kelas cetak. Lebih jelasnya pemodelan diagram
kelas cetak dapat dilihat pada gambar 3.21 dan untuk penjelasan dari diagram kelas
cetak dapat dilihat pada tabel 3.22.
Diagram Kelas Cetak
<<Actor>>
Pengguna <<BOUNDARY>>
DASHBOARD
UPASS : STRING
+ Open_dashboard()
<<ENTITY>>
DB_EKSPOR
<<CONTROL>>
<<PK>>USER_ID : STRING DASHBOARD_control
UNAME : STRING
UPASS : STRING + Select_Print_Menu()
UTYPE : STRING + Choose_Graph()
+ Query_data_eks()
+ Get_data_eks()
<<BOUNDARY>>
PESAN
+ serveroffline()
+ cek_printer()
+ printer_error()
+ sedang_mencetak()
Gambar 3.21 Diagram Kelas Cetak

73
Tabel 3.22 Kelas Grafik per Pelanggan

Open_dashboard()
pengguna DASHBOARDt
<<CONTROL>> - Select_Print_Menu()
DASHBOARD_contr
Choose_Graph()
ol
2. <<BOUNDARY>> <<CONTROL>> - Select_Print_Menu()
DASHBOARD DASHBOARD_contr
ol Choose_Graph()
DASHBOARD_con DB_EKSPOR ID : STRING Query_data_trs_pelan
trol UNAME : ggan()
STRING
UPASS :
STRING Get_data_trs_pelangga
UTYPE : n()
STRING
<<BOUNDARY>> serveroffline()
PESAN Cek_printer()
Printer_error()
Sedang_mencetak()
4. <<ENTITY>> <<BOUNDARY>> serveroffline()
DB_EKSPOR PESAN Cek_printer()
Printer_error()
Sedang_mencetak()
E. Diagram Komponen
Diagram Komponen
Set Target
Pengguna
Grafik Informasi
per Negara
Log In
Grafik Informasi
per Tahun
Dashboard Control
Grafik Informasi
per Produk
Database
Grafik Informasi
per Pelanggan
Cetak
Gambar 3.22 Diagram Komponen

74
Diagram komponen pada gambar 3.22 menunjukkan model secara fisik
komponen perangkat lunak pada aplikasi dashboard untuk visualisasi transaksi
ekspor pada PT. Kelola Mina Laut. Aplikasi dashboard untuk visualisasi transaksi
ekspor pada PT. Kelola Mina Laut direncanakan berbasis web
F. Diagram Deployment
Diagram deployment dalam rancang bangun aplikasi dashboard untuk
visualisasi transaksi ekspor pada PT. Kelola Mina Laut menunjukkan segala hal
yang berkaitan dengan penyebaran fisik aplikasi. Hal ini termasuk persoalan layout
jaringan dan lokasi komponen-komponen dalam jaringan. Untuk lebih jelasnya
dapat dilihat pada gambar 3.23.
Diagram Deployment
Printer
<<LAN>> <<LAN>>
Database Client
Client Direksi
Server Pemasaran
<<internet/intranet>>
<<internet/intranet>>
Web
Application
Server
Gambar 3.23 Diagram Deployment

75
3.2.3 Struktur Tabel
Subbab ini menjelaskan struktur tabel yang digunakan dalam membangun
aplikasi dashboard untuk visualisasi transaksi ekspor pada PT. Kelola Mina Laut
oleh pengembang. Berikut ini penjelasan dari struktur tabel:
A. Tabel User
Nama Tabel : user
Primary Key : USER_ID
Foreign Key :-
Fungsi : Digunakan untuk menyimpan data pengguna aplikasi.
Tabel 3.23 User.
No. Nama Tipe Data Panjang Key Keterangan

Field
1. USER_ID Varchar 5 PK Kode dari tabel user.
2. UNAME Varchar 25 - Digunakan untuk menyimpan
nama pengguna.
3. UPASS Varchar 50 - Digunakan untuk menyimpan
password pengguna.
4. UMAIL Varchar 50 - Digunakan untuk menyimpan
e-mail pengguna.
5. FNAME Varchar 150 - Digunakan untuk menyimpan
nama panjang pengguna.
6. PROPIC Long blob - - Digunakan untuk menyimpan
profile picture.
7. UTYPE Varchar 25 - Digunakan untuk menyimpan
tipe pengguna.
B. Tabel Product_Category
Nama Tabel : product_category
Primary Key : ID_CATEGORY
Foreign Key :-
Fungsi : Digunakan untuk menyimpan data category.

76
Tabel 3.24 Product_Category.
No. Nama Field Tipe Data Panjang Key Keterangan

1. ID_CATEGORY Char 2 PK Kode dari tabel
product_catego
ry.
2. NAME_CATEGORY Varchar 50 - Digunakan
untuk
menyimpan
nama category.
C. Tabel Product
Nama Tabel : product
Primary Key : ID_PRODUCT
Foreign Key : ID_CATEGORY
Fungsi : Digunakan untuk menyimpan data pengguna product.
Tabel 3.25 Product.

1. ID_PRODUCT Char 4 PK Kode dari tabel
category.
2. ID_CATEGORY Char 2 FK Digunakan
untuk
menyimpan
bagian dari
kategori.
3. NAME_PRODUCT Varchar 150 - Digunakan
untuk
menyimpan
nama produk.
D. Tabel Country
Nama Tabel : country
Primary Key : ID_COUNTRY
Foreign Key :-
Fungsi : Digunakan untuk menyimpan data pengguna negara.

77
Tabel 3.26 Country.

1. ID_COUNTRY Int 11 PK Kode dari tabel
country.
2. CODE_COUNTRY Char 2 - Digunakan
untuk
menyimpan
bagian kode
negara.
3. NAME_COUNTRY Varchar 100 - Digunakan
untuk
menyimpan
nama negara.
E. Tabel Province
Nama Tabel : province
Primary Key : ID_PROVINCE
Foreign Key : ID_COUNTRY
Fungsi : Digunakan untuk menyimpan data pengguna provinsi.
Tabel 3.27 Province.

1. ID_PROVINCE Int 11 PK Kode dari tabel
province.
2. ID_COUNTRY Int 11 FK Digunakan untuk
menyimpan
bagian kode
negara.
3. NAME_PROVINCE Varchar 100 - Digunakan untuk
menyimpan nama
provinsi.
F. Tabel City
Nama Tabel : city
Primary Key : ID_CITY
Foreign Key : ID _PROVINCE
Fungsi : Digunakan untuk menyimpan data pengguna kota.

78
Tabel 3.28 City.

1. ID_CITY Int 11 PK Kode dari tabel
city.
2. ID_ PROVINCE Int 11 FK Digunakan untuk
menyimpan
bagian kode
provinsi.
3. NAME_CITY Varchar 100 - Digunakan untuk
menyimpan nama
city.
G. Tabel Buyer
Nama Tabel : buyer
Primary Key : ID_BUYER
Foreign Key : ID_CITY
Fungsi : Digunakan untuk menyimpan data pelanggan.
Tabel 3.29 Buyer.

1. ID_BUYER Char 5 PK Kode dari tabel
buyer.
2. ID_ CITY Int 11 FK Digunakan
untuk
menyimpan
bagian kode
kota pelanggan.
3. NAME_BUYER Varchar 150 - Digunakan
untuk
menyimpan
nama
pelanggan.
4. ADDR_BUYER Medium - - Digunakan
text untuk
menyimpan
alamat
pelanggan.
5. PHNO_BUYER Varchar 15 - Digunakan
untuk
menyimpan
nomor telepon
pelanggan.
79
H. Tabel Trs_Export
Nama Tabel : trs_export
Primary Key : ID_EXPTRS
Foreign Key : ID_BUYER
Fungsi : Digunakan untuk menyimpan data transaksi.
Tabel 3.30 Trs_Export.

1. ID_EXPTRS Varchar 10 PK Kode dari tabel transaksi
ekspor.
2. ID_ BUYER Int 5 FK Digunakan untuk menyimpan
bagian kode pelanggan.
3. DATE_EXPTR Date - Digunakan untuk menyimpan
S tanggal transaksi.
4. TTLAMNT_EX Medium text Int 11 Digunakan untuk menyimpan
PTRS total amount.
I. Tabel Dtl_Trs_Export
Nama Tabel : dtl_trs_export
Primary Key : ID_DTLTRS
Foreign Key : ID_EXPTRS
: ID_PRODUCT
Fungsi : Digunakan untuk menyimpan data detail transaksi
Tabel 3.31 Dtl_Trs_Export.
No. Nama Tipe Data Panjang Key Keterangan

Field
1. ID_DTLTR Int 11 PK Kode dari tabel detail transaksi
S ekspor.
2. ID_ Varchar 10 FK Digunakan untuk menyimpan
EXPTRS bagian kode transaksi ekspor.
3. ID_PROD Char 4 FK Digunakan untuk menyimpan
UCT bagian kode produk.
4. AMNT_DT Int 11 - Digunakan untuk menyimpan
LTRS amount.
80
J. Tabel Target
Nama Tabel : target
Primary Key : TARGET_ID
Foreign Key : USER_ID
Fungsi : Digunakan untuk menyimpan data target.
Tabel 3.32 Target.

1. TARGET_ID Varchar 4 PK Kode dari tabel
target.
2. USER_ID Varchar 5 FK Digunakan
untuk
menyimpan
bagian dari tabel
user.
3. SALES_TARGET Int 11 - Digunakan
untuk
menyimpan
target data
transaksi ekspor.
4. TARGET_MONTH Int 11 - Digunakan
untuk
menyimpan
target data
transaksi ekspor
pada bulan.
5. TARGET_YEAR Int 11 - Digunakan
untuk
menyimpan
target data target
penjualan tahun.
3.2.4 Basis Data
Pada bagian ini membahas mengenai rancangan sistem basis data yang
digunakan dalam rancang bangun aplikasi dashboard untuk visualisasi transaksi
ekspor pada PT. Kelola Mia Laut. Pada gambar 3.23 berikut ini merupakan struktur
basis data yang telah di normalisasi.

81
Gambar 3.24 Basis Data
3.2.5 Rancangan Input Output
Pada subbab ini menjelaskan tentang desain input dan output yang
dirancang dalam membuat aplikasi dashboard untuk visualisasi transaksi ekspor
pada PT. Kelola Mina Laut.
A. Rancangan Set Target
Fungsi set target merupakan salah satu fungsi pada aplikasi dashboard
yang digunakan untuk menambahkan atau mengubah data target dalam keperluan
visualisasi transaksi ekspor per tahun. Fungsi ini dirancang untuk pengguna dengan
hak akses sebagai direksi. Lebih jelasnya desain form set target dapat dilihat pada
gambar 3.25.
82
SET TARGET
YEAR MONTH TARGET

Choose One Choose One
SUBMIT CENCEL
Gambar 3.25 Rancangan Formulir Set Target
Pada rancangan set form target ada tiga field yang harus diisikan yaitu:
YEAR, MONTH dan TARGET. Field YEAR dirancang untuk memilih data periode
atau tahun, field MONTH dirancang untuk memilih bulan dan field TARGET
dirancang untuk mengisikan nilai target transaksi tahunan. Ada dua button pada
rancangan form target yaitu button submit yang dirancang untuk fungsi menyimpan
data target dan button cancel dirancang untuk fungsi kembali pada halaman utama
dashboard.
B. Rancangan Account Information
Rancangan account information dirancang untuk fungsi mengubah data
pengguna, data pengguna yang dapat diubah adalah: foto dan password. Gambar
3.26 dirancang untuk semua pengguna.
Gambar 3.26 Rancangan Ubah Profil Dan Password

83
Pada rancangan form account information terdapat beberapa fungsi field
yang dapat diubah. Fungsi field tersebut adalah: field full name dirancang untuk
memasukkan nama pengguna yang baru kemudian button submit dirancang untuk
melakukan fungsi ubah data nama pengguna, old pass dirancang untuk
memasukkan password pengguna saat ini, new pass dirancang untuk memasukkan
kata sandi pengguna yang baru, confirm password digunakan untuk memastikan
password yang akan diubah sesuai dan button submit dirancang sebagai fungsi ubah
kata sandi pengguna pada database.
C. Rancangan Set Periode
Fungsi set periode merupakan salah satu fungsi pada aplikasi dashboard
yang digunakan untuk memilih periode atau tahun transaksi ekspor dalam
keperluan visualisasi transaksi ekspor. Fungsi ini dirancang untuk pengguna dengan
hak akses sebagai direksi dan divisi pemasaran dalam bentuk button dan tahun.
Untuk lebih jelasnya desain form set periode dapat dilihat pada gambar 3.27.
2011 2012 2013 2014 2015 2016
Gambar 3.27 Rancangan Set Periode
D. Rancangan Laporan Transaksi Ekspor Per Tahun
Rancangan output laporan transaksi ekspor per tahun digunakan untuk
memodelkan tampilan dari laporan transaksi ekspor per tahun. Dalam laporan
tersebut data yang ditampilkan adalah daftar bulan pada periode yang dipilih, daftar
nilai target transaksi ekspor, daftar nilai ekspor pada periode yang dipilih, dan daftar
nilai transaksi ekspor yang tidak memenuhi target. Rancangan laporan transaksi
ekspor per tahun dapat dilihat pada gambar 3.28

84
Dashboard PT. Kelola Mina Laut

K.I.G Raya Selatan Kav. C-5, 611, Gresik - East Java, Indonesia
Phone : +6231 397 63 51 - 53 | | Email : kml@kmlseafood.com
Laporan Dahboard Per Tahun 20XX
No. Bulan Target Ekspor Nilai Ekspor Kurang Dari Target

1. Januari 10.000.000 9.000.000 1.000.000
2. Februari 10.000.000 11.000.000 -
3. Maret 10.000.000 10.000.000 -
4. April 10.000.000 10.000.000 -
5. Mei 10.000.000 10.000.000 -
6. Juni 10.000.000 10.000.000 -
7. Juli 10.000.000 10.000.000 -
8. Agustus 10.000.000 10.000.000 -
9. September 10.000.000 10.000.000 -
10. Oktober 10.000.000 10.000.000 -
11. November 10.000.000 10.000.000 -
12. Desember 10.000.000 10.000.000 -
Gambar 3.28 Rancangan Laporan Transaksi Ekspor per Tahun
E. Rancangan Laporan Transaksi Ekspor Per Negara
Rancangan output laporan transaksi ekspor per negara digunakan untuk
memodelkan tampilan dari laporan transaksi ekspor per negara. Dalam laporan
tersebut data yang ditampilkan adalah daftar negara pada periode yang dipilih,
daftar nilai ekspor dan daftar nilai persentase. Rancangan laporan transaksi ekspor
per negara dapat dilihat pada gambar 3.29.

Laporan Transaksi Ekspor Per Negara 20XX
No. Negara Nilai Ekspor Persentase

1. Jepang 290.000 19%
2. Indonesia 180.000 12%
3. Malaysia 170.000 11%
4. Singapore 160.000 10%
5. China 150.000 10%
6. Thailand 140.000 9%
7. India 130.000 8%
8. Korea 120.000 8%
9. Italia 110.000 7%
10. Rusia 100.000 6%
Gambar 3.29 Rancangan Laporan per Negara

85
F. Desain Laporan Transaksi Ekspor per Produk.
Rancangan output laporan transaksi ekspor per produk digunakan untuk
memodelkan tampilan dari laporan transaksi ekspor per produk. Dalam laporan
tersebut data yang ditampilkan adalah daftar produk pada periode yang dipilih,
daftar nilai ekspor dan daftar nilai persentase. Rancangan laporan transaksi ekspor
per produk dapat dilihat pada gambar 3.30.

Laporan Dashboard Per Produk
No. Kategori Nilai Ekspor Persentase

1. FISH 110.000 7%
2. SHRIMP 150.000 10%
3. CRAB 225.000 14%
4. CEPHALOPODS 123.000 8%
5. VEGETABLE 223.000 14%
6. BEEF 124.000 8%
7. FISH CAKE 125.000 8%
8. DRIED 100.000 6%
9. SURIMI 150.000 10%
10. VALUE 240.000 15%
Gambar 3.30 Rancangan Laporan Transaksi Ekspor per Produk
3.2.6 Perancangan Pengujian
Sebelum memasuki tahapan pembangunan aplikasi ada tahap yang paling
penting yang harus dilakukan yakni merancang mekanisme pengujian pada tabel
3.33. Hal ini perlu dilakukan untuk memastikan bahwa fungsi yang akan dibangun
berjalan sesuai dengan yang diharapkan. Selain itu hal ini juga diperlukan untuk
mengantisipasi kesalahan masukan yang dilakukan oleh pengguna sehingga
diharapkan aplikasi yang dibangun mampu mengurangi risiko kesalahan.

86
Tabel 3.33 Perancangan Pengujian Fungsi
No. Fungsi Input Ekspektasi Output

1. Cek log in User name dan Halaman utama dashboard.
Password
Benar
User name dan Menampilkan pesan “Wrong user
Password name or password!”.
Salah
2. Ubah data Select image dan Menampilkan pesan
pengguna Full name “Congratulation! Your Account
Benar has been successfuly changed”.
Full name Menampilkan pesan “Full name
Tidak diisi cannot be empty”.
1. Old Menampilkan pesan “You’re
Password: entered wrong password”
salah, dan“Please retype new password
2. New corectly”.
Password dan
3. Confirm new
password:
salah
1. Old Menampilkan pesan
Password, “Congratulation! Your Account
2. New has been successfuly changed”.
Password dan
3. Confirm new
password:
Benar
3. Ubah periode Pilih periode Grafik transaksi ekspor per tahun,
per negara, per kategori, per
pelanggan sesuai periode yang
dipilih.
4. Menampilkan Sesi log in Menampilkan menu set target.
menu set target
5. Menyimpan data 1. Tahun, Menampilkan pesan “data berhasil
target 2. Bulan dan disimpan!”.
3. Nilai Target
Benar.
1. Tahun tidak Menampilkan pesan “Silahkan
diisi, lengkapi isian kolom yang
2. Bulan tidak tersedia!”
diisi dan Menampilkan pesan “Target harus
3. Nilai Target angka!”.
diisi dengan
huruf
Salah
87
Tabel 3.33 Lanjutan

6. Menampilkan Pilih periode. Diagram garis Target pada grafik
grafik target transaksi ekspor per tahun sesuai
dengan periode yang dipilih.
7. Menampilkan Pilih Periode. Diagram batang transaksi ekspor
Grafik per tahun per bulan pada periode yang
dipilih.
8. Compare per tahun 1. Pilih grafik Tabel informasi nilai
pada poin 7, perbandingan transaksi ekspor per
2. Tahun dan tahun atau per tahun per bulan
3. Bulan. Diagram batang transaksi ekspor
pada periode yang telah
ditentukan.
9. Compare per tahun Pilih salah satu Diagram batang per pelanggan,
Drilldown diagram batang diagram pie per negara dan
hasil dari poin 8. diagram pie per produk sesuai
dengan periode yang dipilih pada
poin 8.
10. Compare per tahun Pilih salah satu Diagram batang per pelanggan
Drilldown diagram diagram batang sesuai dengan periode yang
per pelanggan hasil dari poin 8. dipilih pada poin 8.
11. Compare per tahun Pilih salah satu Diagram pie per negara sesuai
Drilldown diagram diagram batang dengan periode yang dipilih pada
per negara hasil dari poin 8. poin 8.
12. Compare per tahun Pilih salah satu Diagram pie per produk sesuai
Drilldown diagram diagram batang dengan periode yang dipilih pada
per produk hasil dari poin 8. poin 8.
13. Menampilkan Pilih Periode. Diagram pie transaksi ekspor per
Grafik per negara negara pada periode yang dipilih.
14. Compare per 1. Pilih grafik Tabel informasi nilai
negara pada poin 13, perbandingan transaksi ekspor per
2. Negara , negara dan
3. Tahun dan Diagram batang transaksi ekspor
4. Bulan. per negara pada periode yang
dipilih.
15. Compare per Pilih salah satu Diagram pie per produk dan
negara diagram batang batang per pelanggan sesuai
Drilldown hasil dari poin dengan periode yang dipilih pada
14. poin 14.
16. Compare per Pilih salah satu Diagram pie per produk sesuai
negara Drilldown diagram batang dengan periode yang dipilih pada
produk hasil dari poin poin 14.
14.
88
Tabel 3.33 Lanjutan

17. Compare per Pilih salah satu Diagram batang per pelanggan sesuai
negara diagram batang dengan periode yang dipilih pada
Drilldown hasil dari poin poin 14.
pelanggan 14.
18. Menampilkan Pilih Periode. Diagram pie transaksi ekspor per
Grafik per produk pada periode yang dipilih.
produk
19. Compare per 1. Pilih grafik Tabel informasi nilai perbandingan
produk pada poin 18, transaksi ekspor per produk dan
2. Produk, Diagram batang transaksi ekspor per
3. Tahun dan produk pada periode yang dipilih.
4. Bulan
20. Compare per Pilih salah satu Diagram pie per negara dan batang
produk diagram batang per pelanggan sesuai dengan periode
Drilldown hasil dari poin yang dipilih pada poin 19.
19.
21. Compare per Pilih salah satu Diagram pie per negara sesuai
produk diagram batang dengan periode yang dipilih pada
diagram per 19.
negara
22. Compare per Pilih salah satu Diagram batang per pelanggan sesuai
produk diagram batang dengan periode yang dipilih pada
diagram per 19.
pelanggan
23. Menampilkan Pilih periode. Diagram garis nilai transaksi ekspor
Grafik transaksi per pelanggan pada satu periode
ekspor per sebelumnya.
pelanggan pada
satu periode
sebelumnya.
24. Menampilkan Pilih periode. Diagram batang nilai transaksi
Grafik transaksi ekspor per pelanggan pada periode
ekspor per yang dipilih.
pelanggan pada
periode yang
dipilih
25. Compare per 1. Pilih grafik Tabel informasi nilai perbandingan
pelanggan pada poin 24, transaksi ekspor per negara dan
2. Pelanggan, Diagram batang transaksi ekspor per
3. Tahun dan negara pada periode yang dipilih.
4. Bulan.
89
Tabel 3.33 Lanjutan

pelanggan diagram batang dengan periode yang dipilih pada
25.
pelanggan diagram batang dengan periode yang dipilih pada
diagram per 25
produk
28. Cetak laporan Pilih periode. Laporan transaksi ekspor per tahun
per tahun sesuai dengan periode yang dipilih.
29. Cetak laporan Pilih periode. Laporan transaksi ekspor per negara
per negara sesuai dengan periode yang dipilih.
30. Cetak laporan Pilih periode. Laporan transaksi ekspor per produk
per produk kategori sesuai dengan periode yang
kategori dipilih.
31. Cetak laporan Pilih periode. Laporan transaksi ekspor per
per pelanggan pelanggan sesuai dengan periode
yang dipilih.
BAB IV
IMPLEMENTASI DAN EVALUASI
4.1 Implementasi Sistem
Implementasi sistem merupakan kegiatan yang dilakukan setelah tahapan
pembangunan aplikasi dilakukan. Tahapan ini dapat diartikan sebagai tahapan di
mana penulis melakukan penerapan dari aplikasi dashboard untuk visualisasi
transaksi ekspor pada PT. Kelola Mina Laut yang dibangun. Namun dalam tahapan
ini juga terdapat beberapa tahapan lain yang dijelaskan pada subbab berikutnya.
4.1.1 Kebutuhan Sistem
Sebelum menerapkan aplikasi dashboard untuk visualisasi transaksi
ekspor pada PT. Kelola Mina Laut yang dibangun pada proyek tugas akhir ini maka
perlu diperhatikan kebutuhan dari aplikasi, baik kebutuhan perangkat keras untuk
mendukung kinerja dari aplikasi yang dibangun maupun kebutuhan perangkat lunak
yang dibutuhkan untuk menunjang aplikasi yang dibangun. Tanpa adanya
perangkat keras yang memadai dan perangkat lunak yang menunjang kebutuhan
aplikasi maka dikhawatirkan penerapan aplikasi akan mengalami kendala dan yang
paling berisiko yakni aplikasi tidak berjalan sebagaimana mestinya.
Kebutuhan-kebutuhan dari aplikasi dashboard untuk visualisasi transaksi
ekspor pada PT. Kelola Mina Laut yang dibangun dijelaskan secara mendalam pada
subbab berikutnya baik kebutuhan perangkat keras maupun kebutuhan perangkat
lunak lain yang menunjang keberhasilan dalam implementasi aplikasi secara
menyeluruh.
90
91
A. Kebutuhan Perangkat Keras
Kebutuhan perangkat keras dalam proyek tugas akhir ini merupakan segala
kebutuhan perangkat keras yang menunjang aplikasi sehingga aplikasi dapat
berjalan sesuai dengan yang diharapkan. Kebutuhan perangkat keras yang
digunakan untuk implementasi aplikasi pada proyek tugas akhir ini adalah sebagai
berikut:
1. Komputer Server
Komputer server digunakan sebagai hosting dari aplikasi dan juga digunakan
sebagai pusat penyimpanan data (database). Komputer yang digunakan sebagai
komputer server setidaknya memiliki spesifikasi sebagai berikut:
a. Processor 2.0 GHz 32-bit based CPU,
b. RAM 2 GB,
c. VGA on board, dan
d. Ethernet Card (LAN).
Spesifikasi komputer server di atas dibuat lebih tinggi untuk mengantisipasi
menurunnya kinerja server yang biasanya disebabkan oleh minimnya
spesifikasi dari komputer server mengingat tugas dari server itu sendiri adalah
sebagai pusat pengaksesan data dan aplikasi.
2. Client
Perangkat yang digunakan client atau pengguna untuk mengakses aplikasi tidak
memiliki spesifikasi yang tinggi. Semua perangkat yang didukung dengan
perambah internet atau browser yang menunjang fungsi XMLHTTPRequest
Object seperti Mozilla Firefox, Opera, dan Chrome.

92
G. Kebutuhan Perangkat Lunak
Kebutuhan perangkat lunak dalam hal ini adalah perangkat lunak lain yang
dibutuhkan oleh aplikasi pada proyek tugas akhir ini sehingga aplikasi tersebut
dapat berjalan sesuai dengan yang diharapkan. Tanpa adanya perangkat lunak
penunjang tersebut dapat dimungkinkan aplikasi pada proyek tugas akhir ini tidak
dapat berjalan sebagaimana mestinya. Adapun kebutuhan perangkat lunak dari
aplikasi pada tugas akhir ini yakni:
Server
a. MySQL Server 5.0.11
MySQL merupakan sebuah perangkat lunak Relational Database
Management System (RDBMS) yang digunakan untuk penyimpanan serta
pengolahan data dalam aplikasi pada tugas akhir ini.
b. XAMPP Apache Server 5.6.20
Aplikasi pada proyek tugas akhir ini dibangun berbasis web dengan
menggunakan bahasa pemrograman PHP. Aplikasi web membutuhkan
sebuah web server untuk dapat dijalankan. XAMPP Apache Server
merupakan sebuah server emulator yang membuat sebuah komputer biasa
seolah-olah menjadi sebuah web server yang dapat menjalankan aplikasi
web dinamis yang dibangun dengan menggunakan bahasa pemrograman
PHP.
Client: Browser dan PDF.
4.1.2 Hasil Implementasi
Pada subbab akan dijelaskan hasil dari implementasi sistem pada proyek
tugas akhir ini. Hasil implementasi dalam hal ini sama halnya dengan
93
pengoperasian aplikasi secara menyeluruh untuk memastikan bahwa aplikasi
berjalan sesuai dengan yang direncanakan. Lebih jelasnya mengenai hasil
implementasi aplikasi pada proyek tugas akhir ini dijelaskan pada subbab
berikutnya.
A. Halaman Log In
Halaman log in merupakan halaman utama yang ditampilkan kepada
pengguna pada saat mengakses alamat aplikasi dashboard. Halaman ini digunakan
sebagai keamanan aplikasi dan digunakan sebagai penentu hak akses pengguna.
Pengguna dalam aplikasi ini adalah divisi pemasaran dan direksi. Untuk lebih
jelasnya halaman log in dapat dilihat pada gambar 4.1.
Gambar 4.1 Tampilan Halaman Log In
Pada gambar 4.1 terdapat dua field yang harus di isikan oleh pengguna
yaitu username dan password. Username digunakan untuk memasukkan nama atau
id pengguna sedangkan password digunakan untuk memasukkan kata sandi
pengguna. Button LOGIN digunakan untuk melakukan submit yang digunakan
untuk memulai melakukan log in.

94
B. Halaman Utama Dashboard
Halaman utama aplikasi dashboard ditampilkan apabila user atau
pengguna berhasil melakukan log in. Halaman ini digunakan untuk menampilkan
informasi-informasi transaksi ekspor PT. Kelola Mina Laut yang berupa grafik.
Gambar 4.2 Halaman Dashboard Home

95
Informasi-informasi yang tampilkan pada halaman utama dashboard
antara lain adalah: grafik transaksi ekspor per tahun pada periode yang dipilih,
grafik target transaksi ekspor per tahun, persentase transaksi ekspor per negara,
persentase transaksi ekspor per kategori produk, grafik transaksi ekspor per
pelanggan pada periode yang dipilih dan grafik transaksi ekspor per pelanggan pada
periode sebelumnya. Penjelasan dari setiap informasi yang ditampilkan pada
gambar 4.2. dijelaskan pada subbab berikutnya.
B.1 Grafik Transaksi Ekspor per Tahun
Grafik transaksi ekspor per tahun merupakan informasi yang menunjukkan
nilai transaksi ekspor per tahun dalam bentuk diagram batang berwarna hijau
disertai dengan nilai target transaksi ekspor dalam bentuk diagram line berwarna
biru. Informasi ini dapat dilihat jelas pada gambar 4.3. Button dengan nilai angka
tahun merupakan button yang digunakan untuk memilih periode untuk
menampilkan grafik transaksi ekspor.
Gambar 4.3 Grafik Transaksi Ekspor per Tahun

96
Button periode tersebut menampilkan lima periode terakhir dari tahun saat
ini. Button print berwarna biru yang berada di sebelah button periode merupakan
button yang berfungsi untuk menampilkan dan atau mencetak laporan transaksi
ekspor per tahun. Laporan transaksi ekspor per tahun dapat dilihat pada gambar 4.6.
Button alert berwarna merah di gunakan untuk menampilkan nilai target transaksi
ekspor yang tidak terpenuhi dapat dilihat pada gambar 4.7.
Pengguna yang ingin mengetahui nilai transaksi ekspor per tahun pada
periode yang dipilih maka pengguna cukup mengarahkan kursor pada diagram
batang yang berwarna hijau. Gambar 4.4 menampilkan arah kursor pada diagram
batang transaksi ekspor per tahun per bulan yang warna hijau pada bulan Agustus
sebesar $ 8.74 Million.
Gambar 4.4 Informasi Nilai Transaksi Ekspor per Tahun
Pengguna yang ingin mengetahui nilai target transaksi ekspor per tahun
pada periode yang dipilih maka pengguna cukup mengarahkan kursor pada diagram
line yang berwarna biru. Gambar 4.5 menampilkan arah kursor pada diagram line
97
target transaksi ekspor per bulan yang warna biru pada bulan Februari sebesar $ 4
Million.
Gambar 4.5 Informasi Nilai Target Transaksi Ekspor per Tahun
Pengguna dapat membandingkan nilai transaksi ekspor dari periode yang
diinginkan dengan cara melakukan klik pada salah satu diagram batang berwarna
hijau pada gambar 4.5 sehingga muncul form yang terlihat pada gambar 4.6. Dalam
hal ini dimisalkan form choose data diisi tahun 2011 tanpa bulan, form ini
digunakan untuk menentukan data mana yang akan dibandingkan. Selanjutnya form
compare data with digunakan untuk mengisikan data pembanding diisikan tahun
2012, 2013, 2014 dan 2015. Untuk mengetahui informasi perbandingan transaksi
ekspor tersebut maka pengguna perlu memilih button submit. Informasi transaksi
ekspor tersebut berupa diagram batang pada gambar 4.7 dan tabel pada gambar 4.8.
Diagram batang pada gambar 4.7 menunjukkan nilai transaksi ekspor per
tahun pada tahun 2011, 2012, 2013, 2014 dan 2015. Gambar 4.7 terlihat diagram
batang yang paling tinggi adalah 2011. Hal ini menunjukkan bahwa transaksi
98
ekspor pada tahun 2014 memiliki nilai transaksi ekspor tertinggi diantara nilai
transaksi ekspor pada tahun yang lainnya.
Gambar 4.6 Formulir Perbandingan Transaksi Ekspor per Tahun
Gambar 4.7 Grafik Transaksi Ekspor Hasil Submit Formulir Perbandingan

Transaksi Ekspor per Tahun
99
Gambar 4.8 Informasi Nilai Perbandingan Hasil Submit Formulir Perbandingan

Transaksi Ekspor per Tahun
Gambar 4.8 merupakan informasi perbandingan nilai transaksi ekspor
yang telah dipilih pada gambar 4.6 dengan penjelasan sebagai berikut:
1. Nilai transaksi ekspor pada tahun 2011 sebesar $ 116.818.159 dan nilai
transaksi ekspor pada tahun 2012 sebesar $ 116.151.146 sehingga diperoleh
nilai selisih sebesar $ 667.373.
nilai selisih sebesar $ 6.389.477.
Gambar 4.9, 4.10, 4.11 merupakan tampilan drilldown jika pengguna
melakukan klik diagram batang compare transaksi ekspor per tahun 2011, berikut
ini penjelasan dari drilldown yang dimaksud:

100
1. Diagram batang pada gambar 4.9 menunjukkan nilai transaksi ekspor per
pelanggan pada tahun 2012, pada gambar tersebut terlihat diagram batang yang
paling rendah adalah MERY. Hal ini menunjukkan bahwa pelanggan MERY
memiliki nilai transaksi ekspor terendah di tahun 2012.
Perbandingan Transaksi Ekspor per Tahun
101
2. Diagram pie pada gambar 4.10 menunjukkan persentase transaksi ekspor per
negara di tahun 2012, pada gambar tersebut terlihat potongan diagram pie
terbesar berwarna kuning dengan tulisan Japan 32.42%, hal ini berarti nilai
transaksi ekspor tertinggi pada tahun 2012 adalah negara Japan.
produk di tahun 2012, pada gambar tersebut terlihat potongan diagram pie
terbesar berwarna orange dengan tulisan FISH 24.54%, hal ini berarti nilai
transaksi tertinggi pada tahun 2012 adalah produk FISH.
Gambar 4.12. dimisalkan form choose data yang diisi dengan tahun 2012
pada bulan Januari, form ini digunakan untuk menentukan data mana yang akan
dibandingkan. Selanjutnya form compare data with digunakan untuk mengisikan
data pembanding diisikan tahun 2013 bulan Januari, 2014 bulan Januari dan 2015
bulan Januari. Untuk mengetahui informasi perbandingan transaksi ekspor tersebut
maka pengguna perlu memilih button submit. Informasi transaksi ekspor tersebut
berupa diagram batang pada gambar 4.13 dan tabel pada gambar 4.14.
102
Gambar 4.12 Formulir Perbandingan Transaksi Ekspor per Tahun Bulan

Transaksi Ekspor per Tahun Bulan
Diagram batang pada gambar 4.13 menunjukkan nilai transaksi ekspor
pada bulan Januari di tahun 2012, bulan Januari di tahun 2013, bulan Januari di
tahun 2014 dan bulan Januari di tahun 2015. Gambar 4.13 terlihat diagram batang
yang paling tinggi adalah 2015 1. Hal ini menunjukkan bahwa transaksi ekspor pada
bulan Januari di tahun 2015 memiliki nilai transaksi ekspor tertinggi diantara nilai
transaksi ekspor yang lainnya.

103

Transaksi Ekspor per Tahun Bulan
1. Nilai transaksi ekspor pada tahun 2012 bulan Januari sebesar $ 9.673.179 dan
nilai transaksi ekspor pada tahun 2013 bulan Januari sebesar $ 8.751.720
sehingga diperoleh nilai selisih sebesar $ 921.459.
sehingga diperoleh nilai selisih sebesar $ 444.743.
sehingga diperoleh nilai selisih sebesar-$ 629.973. Pada informasi ini tampak
merah karena nilai transaksi ekspor pada tahun 2015 bulan Januari lebih besar
dari ilai transaksi ekspor pada tahun 2012 bulan Januari.
Gambar 4.15, 4.16, 4.17 merupakan contoh tampilan drilldown jika
pengguna melakukan klik diagram batang compare transaksi ekspor per tahun.
Dalam hal ini dimisalkan pengguna memilih diagram batang tahun 2012 bulan
Januari, berikut ini penjelasan dari drilldown yang dimaksud:

104
pelanggan pada tahun 2012 bulan Januari, pada gambar tersebut terlihat diagram
batang yang paling rendah adalah PRODA. Hal ini menunjukkan bahwa
pelanggan PRODA memiliki nilai transaksi ekspor tertinggi pada tahun 2012
bulan Januari.
Perbandingan Transaksi Ekspor per Tahun Bulan
105
negara pada tahun 2012 bulan Januari, pada gambar tersebut terlihat potongan
diagram pie terbesar berwarna orange dengan tulisan Japan 25.75%, hal ini
berarti nilai transaksi ekspor tertinggi pada tahun 2012 bulan Januari adalah
negara Japan.
produk pada tahun 2012 bulan Januari, pada gambar tersebut terlihat potongan
diagram pie terbesar berwarna hijau dengan tulisan SURIMI 34.01%, hal ini
berarti nilai transaksi tertinggi pada tahun 2012 bulan Januari adalah produk
SURIMI.
Fungsi button print berwarna biru pada gambar 4.3 digunakan untuk
menampilkan laporan transaksi ekspor per bulan pada tahun 2012 pada gambar
4.18. Gambar 4.18 menampilkan daftar bulan, daftar nilai target transaksi ekspor
pada tahun 2012, nilai transaksi ekspor pada tahun 2012 dan selisih nilai target yang
106
tidak. Pada bulan Januari tampak nilai transaksi ekspor yang kurang dari target
adalah sebesar $ 1.326.821. nilai tersebut didapat dari nilai target transaksi ekspor
pada bulan Januari di tahun 2012 sebesar $ 11.000.000 dikurangi dengan nilai
transaksi ekspor bulan Januari tahun 2012 yaitu sebesar $ 9.673.179. Hal ini berarti
Tampilan nilai kurang dari target tersebut sesuai dengan informasi alert yang
tampak pada gambar 4.19.
Gambar 4.18 Laporan Transaksi Ekspor per Tahun
Gambar 4.19 Alert Grafik Transaksi Ekspor per Tahun
Alert grafik per tahun hanya muncul ketika ada nilai target yang tidak
tercapai. Gambar 4.19 menampilkan pesan bahwa pada bulan Januari dibawah
target 1.326.821 hal ini berarti nilai target pada bulan Januari tidak tercapai seperti
pada penjelasan sebelumnya.

107
B.2 Grafik Transaksi Ekspor per Negara
Grafik transaksi ekspor per negara merupakan informasi yang
menunjukkan persentase nilai transaksi ekspor per negara dalam bentuk diagram
pie dengan berbagai warna. Button print yang berwarna biru berfungsi untuk
menampilkan dan atau mencetak grafik transaksi ekspor per negara.
Gambar 4.20 Grafik Transaksi Ekspor per Negara
Grafik transaksi ekspor per negara digunakan untuk mengetahui minat
negara tertinggi pada produk PT. Kelola Mina Laut. Informasi ini dapat dilihat jelas
pada gambar 4.20. Gambar 4.20 menunjukkan persentase tertinggi transaksi ekspor
per negara pada tahun 2012 adalah negara jepang dengan nilai persentase transaksi
ekspor sebesar 33.83%. Hal ini berarti negara Jepang merupakan negara importir
terbesar pada transaksi ekspor yang dilakukan oleh PT. Kelola Mina Laut.
Gambar 4.13 menunjukkan bahwa nilai transaksi ekspor pada tahun 2012
yang dilakukan oleh PT. Kelola Mina Laut ke negara Jepang sebesar $ 38.818.263.
Nilai transaksi ekspor dapat diketahui oleh pengguna pada saat pengguna
mengarahkan kursor pada bagian diagram pie.

108
Gambar 4.21 Nilai Transaksi Ekspor per Negara
Pengguna dapat membandingkan nilai transaksi ekspor per negara dengan
negara lainnya di periode yang berbeda dengan cara melakukan klik pada salah satu
diagram pie pada gambar 4.21 kemudian aplikasi menampilkan form yang
digunakan untuk membandingkan data negara seperti gambar 4.22.
Gambar 4.22 Formulir Perbandingan Transaksi Ekspor per Negara Tahun Bulan
109
Gambar 4.22 form choose data yang diisi dengan negara Japan tahun 2012
pada bulan April, form ini digunakan untuk menentukan data mana yang akan
data pembanding diisikan negara Australia tahun 2012 bulan Januari, Singapore
2013 bulan May, United States 2014 bulan September dan Italy 2015 bulan Juni.
Untuk mengetahui informasi perbandingan pengguna perlu memilih button submit
pada gambar 4.22 sehingga aplikasi dapat menampilkan informasi transaksi ekspor
pada periode yang ditentukan berupa grafik diagram batang dan tabel yang terlihat
pada gambar 4.23 dan 4.24.

Transaksi Ekspor per Negara Tahun Bulan
negara Japan tahun 2011 bulan April, negara Australia tahun 2011 bulan Januari,
Singapore 2013 bulan Mei, United States 2014 bulan September dan Italy 2015
bulan Juni pada. Gambar 4.23 terlihat diagram batang yang paling tinggi adalah
Japan 2011 04. Hal ini menunjukkan bahwa transaksi ekspor di negara Japan pada
110
bulan Januari di tahun 2015 memiliki nilai transaksi ekspor tertinggi diantara nilai
transaksi ekspor ke negara yang lainnya.

Transaksi Ekspor per Negara Tahun Bulan
1. Nilai transaksi ekspor di negara Japan tahun 2011 bulan April sebesar $
4.730.301 dan nilai transaksi ekspor di negara Australia tahun 2012 bulan
Januari sebesar $ 538.957 sehingga diperoleh nilai selisih sebesar $ 4.191.344.
4.730.301 dan nilai transaksi ekspor di negara Singapore tahun 2013 bulan Mei
sebesar $ 1.809.104 sehingga diperoleh nilai selisih sebesar $. 2.921.197.
4.730.301 dan nilai transaksi ekspor di negara United States tahun 2014 bulan
September sebesar $ 3.943.760 sehingga diperoleh nilai selisih sebesar $
786.541.
4.730.301 dan nilai transaksi ekspor negara Italy tahun 2015 bulan Juni sebesar
$ 1.180.031 sehingga diperoleh nilai selisih sebesar $ 3.550.270.

111
Gambar 4.25 dan 4.26 merupakan drilldown jika pengguna melakukan
klik diagram batang compare transaksi ekspor negara United States tahun 2014
bulan September, berikut ini penjelasan dari drilldown yang dimaksud:
produk pada negara United States di bulan September tahun 2014. Gambar
tersebut menunjukkan lima produk yang di ekspor antara lain SURIMI,
SHRIMP, FISH, DRIED_SEAFOOD dan VALUE_ADDED. Gambar 4.25
terlihat potongan diagram pie terbesar berwarna hijau produk Surimi dengan
persentase sebesar 40%, hal ini berarti nilai transaksi per produk tertinggi yang
diekspor pada negara United States di bulan September tahun 2014 adalah
produk Surimi.
Perbandingan Transaksi Ekspor per Negara Tahun Bulan
pelanggan berada di wilayah United States dan melakukan transaksi di bulan
September tahun 2014. Gambar tersebut menunjukkan enam pelanggan antara

112
lain QUIRCH, NORTH, FIVE, TRIUNION, BEAVER dan ORECAL. Gambar
4.26 terlihat diagram batang yang paling tinggi adalah QUIRCH. Hal ini
menunjukkan bahwa pelanggan QUIRCH memiliki nilai transaksi ekspor
tertinggi di bulan September tahun 2014.
Perbandingan Transaksi Ekspor per Negara Tahun Bulan
Gambar 4.27 Formulir Perbandingan Transaksi Ekspor per Negara Tahun.
Gambar 4.27 dimisalkan jika pengguna mengisi form choose data dengan
transaksi ekspor ke negara Japan di tahun 2011 dan mengisikkan form compare
data with dengan isian: negara 1 Australia tahun 1 2012, negara 2 Singapore tahun
2 2013, negara 3 United States tahun 3 2014 dan negara 4 Italy tahun 4 2015. Untuk
113
mengetahui informasi perbandingan transaksi ekspor tersebut maka pengguna perlu
memilih button submit. Informasi perbandingan transaksi ekspor tersebut berupa
diagram batang pada gambar 4.28 dan tabel pada gambar 4.29.

Transaksi Ekspor per Negara Tahun..
transaksi ekspor ke negara Japan di tahun 2011, negara Australia tahun 2012,
negara Singapore tahun 2013, negara United States tahun 2014 dan negara Italy
tahun 2015. Gambar 4.28 terlihat diagram batang yang paling tinggi adalah Unites
States 2014. Hal ini menunjukkan bahwa transaksi ekspor ke negara Unites States
di tahun 2014 memiliki nilai transaksi ekspor tertinggi diantara nilai transaksi
ekspor ke negara yang lainnya.
1. Nilai transaksi ekspor ke negara Japan di tahun 2011 sebesar $ 6.454.850 dan
nilai transaksi ekspor ke negara Australia di tahun 2012 sebesar $ 2.092.723
sehingga diperoleh nilai selisih sebesar $ 4.362.172.

114

Transaksi Ekspor per Negara Tahun.
nilai transaksi ekspor ke negara Singapore di tahun 2013 sebesar $ 9.292.213
sehingga diperoleh nilai selisih sebesar $ 2.837.363 dengan warna merah yang
berarti nilai transaksi yang dilakukan ke negara Singapore di tahun 2013 lebih
besar dari nilai transaksi ekspor ke negara Japan di tahun 2011.
nilai transaksi ekspor ke negara United States tahun 2014 sebesar $ 30.309.143
sehingga diperoleh nilai selisih sebesar $ 23.854.293 dengan warna merah yang
berarti nilai transaksi yang dilakukan ke negara United States di tahun 2014
lebih besar dari nilai transaksi ekspor ke negara Japan di tahun 2011.
nilai transaksi ekspor negara Italy tahun 2015 sebesar $ 5.472.748 sehingga
diperoleh nilai selisih sebesar $ 982.102.
Gambar 4.30 dan 4.31 merupakan drilldown jika pengguna melakukan klik
diagram batang compare transaksi ekspor negara United States tahun 2014, berikut
ini penjelasan dari drilldown yang dimaksud:
produk pada negara United States di bulan September tahun 2014, terlihat
115
potongan diagram pie terbesar berwarna hijau disertai text SHIRMP 25%, hal
ini berarti nilai transaksi produk tertinggi yang diekspor ke negara United States
di tahun 2014 adalah produk SHRIMP.
Perbandingan Transaksi Ekspor per Negara Tahun.
Perbandingan Transaksi Ekspor per Negara Tahun.
116
pelanggan yang berada di wilayah United States dan melakukan transaksi di
tahun 2014. Gambar tersebut terlihat diagram batang yang paling tinggi adalah
NORTH. Hal ini menunjukkan bahwa pelanggan NORTH memiliki nilai
transaksi ekspor tertinggi di tahun 2014.
Gambar 4.32 Laporan Transaksi Ekspor per Negara
Laporan transaksi ekspor per negara yang tampak pada gambar 4.32
merupakan laporan transaksi ekspor per negara pada tahun 2012. Pada laporan
tersebut tampak negara Japan adalah negara pada peringkat pertama atau nomor 1
untuk tujuan transaksi ekspor PT. Kelola Mina Laut pada tahun 2012, dengan nilai
ekspor sebesar $ 38.818.263 dan nilai persentase sebesar 33.83%. Laporan transaksi
ekspor ditampilkan urut atau dimulai dari persentase nilai transaksi ekspor tertinggi
ke persentase nilai transaksi ekspor terkecil. Laporan ini tampak sesuai dengan
informasi yang tampil pada grafik transaksi ekspor per negara pada penjelasan
sebelumnya dan pada gambar 4.32.

117
B.3 Grafik Transaksi Ekspor per Kategori
Grafik transaksi ekspor per kategori merupakan informasi yang
menunjukkan persentase nilai transaksi ekspor per kategori dalam bentuk diagram
pie dengan berbagai warna. Informasi ini dapat dilihat jelas pada gambar 4.33.
Button print yang berwarna biru berfungsi untuk menampilkan dan atau mencetak
grafik transaksi ekspor per kategori.
Gambar 4.33 Grafik Transaksi Ekspor per Kategori
Gambar 4.34 Nilai Transaksi Ekspor per Kategori
Pengguna yang ingin mengetahui nilai transaksi ekspor pada grafik
transaksi ekspor per produk kategori maka pengguna cukup mengarahkan kursor
118
pada bagian diagram pie. Hal ini dapat dilihat pada gambar 4.29 yang menampilkan
arah kursor pada bagian diagram pie berwarna merah sehingga muncul nilai
transaksi ekspor untuk produk kategori FISH sebesar $ 17.440.181 dengan
persentase 25.95%.
Pengguna dapat membandingkan nilai transaksi ekspor per produk dengan
produk lainnya di periode yang berbeda dengan cara melakukan klik pada salah satu
diagram pie pada gambar 4.33 kemudian aplikasi menampilkan form yang
digunakan untuk membandingkan data produk seperti gambar 4.35.
Gambar 4.35 Formulir Perbandingan Transaksi Ekspor per Kategori Tahun.
Gambar 4.35 form choose data yang diisi dengan produk FISH tahun 2012,
form ini digunakan untuk menentukan data mana yang akan dibandingkan.
119
Selanjutnya form compare data with digunakan untuk mengisikan data pembanding
diisikan produk 1 SHRIMP tahun 1 2011, produk 2 CRAB tahun 2 2012, produk 3
SURIMI tahun 3 2013 dan produk 4 BEEF tahun 2015. Untuk mengetahui
informasi perbandingan pengguna perlu memilih button submit pada gambar 4.35
sehingga aplikasi dapat menampilkan informasi transaksi ekspor pada periode yang
ditentukan berupa grafik diagram batang dan tabel yang terlihat pada gambar 4.36
dan 4.37.

Transaksi Ekspor per Kategori Tahun.
produk FISH tahun 2012, produk SHRIMP tahun 2011, produk CRAB tahun 2012,
produk SURIMI tahun 2013 dan produk BEEF tahun 2015. Gambar 4.36 terlihat
diagram batang yang paling tinggi adalah FISH 2012. Hal ini menunjukkan bahwa
120
transaksi ekspor produk FISH di tahun 2012 memiliki nilai transaksi ekspor
tertinggi diantara nilai transaksi ekspor produk yang lainnya.

Transaksi Ekspor per Kategori Tahun.
1. Nilai transaksi ekspor produk FISH tahun 2012 sebesar $ 28.500.663 dan nilai
transaksi ekspor produk SHRIMP di tahun 2011 sebesar $ 16.787.879 sehingga
diperoleh nilai selisih sebesar $ 11.712.784.
transaksi ekspor produk CRAB di tahun 2012 sebesar $ 8.736.836 sehingga
transaksi ekspor produk SURIMI di tahun 2013 sebesar $ 25.443.598 sehingga
Gambar 4.38 dan 4.39 merupakan drilldown jika pengguna melakukan
klik diagram batang compare transaksi ekspor CRAB 2012, berikut ini penjelasan
dari drilldown yang dimaksud:

121
produk CRAB di tahun 2012. Gambar tersebut menunjukkan potongan diagram
pie terbesar berwarna kuning dengan text Japan 52%. Hal ini berarti nilai
transaksi ekspor produk CRAB di tahun 2012 ke negara Japan merupakan
transaksi ekspor dengan nilai tertinggi dari pada ke negara yang lainnya.
Perbandingan Transaksi Ekspor per Kategori Tahun.
122
Perbandingan Transaksi Ekspor per Kategori Tahun.
pelanggan untuk produk CRAB di tahun 2012. Gambar tersebut menunjukkan
diagram batang dengan nilai tertinggi adalah MARUHA. Hal ini berarti nilai
transaksi ekspor produk CRAB di tahun 2012 kepada pelanggan MARUHA
merupakan transaksi ekspor dengan nilai tertinggi dari pada ke pelanggan yang
lainnya.
123
Gambar 4.40 Formulir Perbandingan Transaksi Ekspor per Kategori Tahun Bulan.
transaksi ekspor produk FISH tahun 2011 bulan Januari dan mengisikkan form
compare data with dengan isian: produk 1 SHRIMP tahun 1 2011 bulan 1 Februari,
produk 2 CRAB tahun 2 2012 bulan 2 Maret, produk 3 SURIMI tahun 3 2013 bulan
April dan produk 4 BEEF tahun 2015 bulan Mei. Untuk mengetahui informasi
perbandingan transaksi ekspor tersebut maka pengguna perlu memilih button
submit. Informasi perbandingan transaksi ekspor tersebut berupa diagram batang
pada gambar 4.41 dan tabel pada gambar 4.42.

124

Transaksi Ekspor per Kategori Tahun Bulan
produk FISH tahun 2012 bulan 01, produk SHRIMP tahun 2011 bulan 02, produk
CRAB tahun 2012 bulan 03 dan produk SURIMI tahun 2013 bulan 04. Gambar
4.41 terlihat diagram batang yang paling tinggi adalah FISH 2012 bulan 01. Hal ini
menunjukkan bahwa transaksi ekspor produk FISH di tahun 2012 bulan 01
memiliki nilai transaksi ekspor tertinggi diantara nilai transaksi ekspor produk yang
lainnya.

Transaksi Ekspor per Kategori Tahun Bulan.
125
1. Nilai transaksi ekspor produk FISH di tahun 2012 bulan Januari sebesar $
2.690.248 dan nilai transaksi ekspor produk SHRIMP di tahun 2011 bulan
Februari sebesar $ 1.277.160 sehingga diperoleh nilai selisih sebesar $
1.413.088.
2.690.248 dan nilai transaksi ekspor produk CRAB di tahun 2012 bulan Maret
sebesar $ 676.153 sehingga diperoleh nilai selisih sebesar $ 2.014.095.
2.690.248 dan nilai transaksi ekspor produk SURIMI di tahun 2013 bulan April
sebesar $ 1.167.787 sehingga diperoleh nilai selisih sebesar $ 1.522.461.
Gambar 4.43 dan 4.44 merupakan drilldown jika pengguna melakukan klik
diagram batang compare transaksi ekspor produk FISH 2012 01, berikut ini
penjelasan dari drilldown yang dimaksud:
produk FISH di tahun 2012 bulan Januari. Gambar tersebut menunjukkan
potongan diagram pie terbesar berwarna biru dengan text United States 35%.
Hal ini berarti nilai transaksi ekspor produk FISH di tahun 2012 bulan Januari
ke negara United States merupakan transaksi ekspor dengan nilai tertinggi dari
pada ke negara yang lainnya.
pelanggan untuk produk FISH di tahun 2012 bulan Januari. Gambar tersebut
menunjukkan diagram batang dengan nilai tertinggi adalah PESCANOVA. Hal

126
ini berarti nilai transaksi ekspor produk FISH di tahun 2012 bulan Januari
kepada pelanggan PESCANOVA merupakan transaksi ekspor dengan nilai
tertinggi dari pada ke pelanggan yang lainnya.
Perbandingan Transaksi Ekspor per Kategori Tahun Bulan.
Perbandingan Transaksi Ekspor per Kategori Tahun Bulan.
Button print berwarna biru yang tampak pada gambar 4.29 berfungsi untuk
menampilkan dan atau mencetak laporan transaksi ekspor per produk kategori yang
dapat dilihat pada gambar 4.33. Gambar 4.45 merupakan hasil dari fungsi button
127
print yaitu laporan transaksi ekspor per kategori pada tahun 2012. Pada pesan
tersebut tampak kategori FISH mendapat nilai persentase tertinggi yaitu sebesar
25.95% dengan nilai transaksi ekspor $ 17.440.181. Informasi ini dapat diartikan
bahwa produk dengan kategori produk FISH merupakan kategori produk yang
paling diminati pada transaksi ekspor tahun 2012 yang dilakukan oleh PT. Kelola
Mina Laut.
Gambar 4.45 Laporan Transaksi Ekspor per Kategori
Laporan transaksi ekspor per kategori ditampilkan urut atau dimulai dari
persentase nilai transaksi ekspor per kategori tertinggi ke persentase nilai transaksi
ekspor per kategori terendah. Laporan ini tampak sesuai dengan informasi yang
tampil pada grafik transaksi ekspor per tahun pada penjelasan sebelumnya dan pada
gambar 4.33. Tampilan dari laporan transaksi ekspor per kategori produk dapat
dilihat pada gambar 4.45.
B.4 Grafik Transaksi Ekspor per Pelanggan
Grafik transaksi ekspor per pelanggan merupakan informasi yang
menunjukkan nilai transaksi ekspor per pelanggan dalam bentuk diagram batang
128
berwarna ungu disertai dengan nilai target transaksi ekspor per pelanggan dalam
bentuk diagram line berwarna kuning. Informasi ini dapat dilihat jelas pada gambar
4.46.
Gambar 4.46 menampilkan nilai transaksi ekspor per pelanggan pada
tahun 2012. Nilai target dalam bentuk diagram line berwarna kuning didapat dari
transaksi ekspor per pelanggan pada periode sebelumnya yaitu periode 2011. Button
alert berwarna merah menunjukkan adanya transaksi ekspor per pelanggan pada
tahun 2012 mengalami penurunan nilai transaksi.
Gambar 4.46 Grafik Transaksi Ekspor per Pelanggan
Pengguna yang ingin mengetahui nilai transaksi ekspor per pelanggan
pada periode yang dipilih maka pengguna cukup mengarahkan kursor pada diagram
batang yang berwarna ungu. Gambar 4.47 menampilkan arah kursor pada diagram
batang yang berwarna ungu dengan pesan “Sales in BEAVER: 1.29” pesan tersebut
129
berarti nilai transaksi ekspor yang dilakukan oleh PT. Kelola Mina Laut kepada
pelanggan dengan inisial BEAVER pada tahun 2012 adalah sebesar $ 1.29 Million.
Gambar 4.47 Informasi Nilai Transaksi Pelanggan Pada Periode Yang Dipilih
Gambar 4.48 Informasi Nilai Transaksi Pelanggan Pada Periode Yang Lalu
130
Pengguna yang ingin mengetahui nilai transaksi ekspor per pelanggan
pada periode yang lalu maka pengguna cukup mengarahkan kursor pada diagram
line yang berwarna kuning. Gambar 4.48 menampilkan arah kursor pada diagram
line yang berwarna kuning dengan pesan “Last Year in BEAVER:2.69” pesan
tersebut berarti nilai transaksi ekspor yang dilakukan oleh PT. Kelola Mina Laut
kepada pelanggan dengan inisial BEAVER pada tahun lalu adalah sebesar $ 2.69
Million.
Pengguna dapat membandingkan nilai transaksi ekspor per pelanggan
dengan pelanggan lainnya di periode yang berbeda dengan cara melakukan klik
pada salah satu diagram batang pada gambar 4.47 kemudian aplikasi menampilkan
form yang digunakan untuk membandingkan data produk seperti gambar 4.48.
Gambar 4.49 Formulir Perbandingan Transaksi Ekspor per Pelanggan Tahun

Bulan.
Gambar 4.49 form choose data yang diisi dengan pelanggan KANBE
tahun 2012 bulan July, form ini digunakan untuk menentukan data mana yang akan
131
data pembanding diisikan pelanggan 1 SEAQUEEN tahun 1 2012 bulan 1 April,
pelanggan 2 KANBE tahun 2 2013 bulan 2 Juni, pelanggan 3 NORTH tahun 3 2014
bulan 3 Agustus dan pelanggan 4 SUIKEN tahun 2015 bulan April. Untuk
mengetahui informasi perbandingan pengguna perlu memilih button submit pada
gambar 4.49 sehingga aplikasi dapat menampilkan informasi transaksi ekspor pada
periode yang ditentukan berupa grafik diagram batang dan tabel yang terlihat pada
gambar 4.50 dan 4.51.

Transaksi Ekspor per Pelanggan Tahun Bulan.
pelanggan KANBE tahun 2011 bulan July, pelanggan SEAQUEEN tahun 2012
bulan April, pelanggan KANBE tahun 2013 bulan Juni, pelanggan NORTH tahun
2014 bulan Agustus dan pelanggan SUIKEN tahun 2015 bulan April. Gambar 4.50
terlihat diagram batang yang paling tinggi adalah SEAQUEEN 2012 04. Hal ini
menunjukkan bahwa transaksi ekspor pada pelanggan SWAQUEEN di tahun 2012

132
bulan April memiliki nilai transaksi ekspor tertinggi diantara nilai transaksi ekspor
pada pelanggan yang lainnya.
1. Nilai transaksi ekspor pada pelanggan KANBE di tahun 2011 bulan Juli sebesar
$ 1.486.068 dan nilai transaksi ekspor pada pelanggan SEAQUEEN di tahun
2012 bulan April sebesar $ 2.497.175 sehingga diperoleh nilai selisih sebesar $
1.011.107 berwarna merah. Hal ini berarti transaksi ekspor yang dilakukan oleh
pelanggan SEAQUEEN di tahun 2012 bulan April lebih besar dari nilai
transaksi ekspor pembanding yaitu pelanggan KANBE di tahun 2011 bulan Juli.
$ 1.486.068 dan nilai transaksi ekspor pada pelanggan KANBE di tahun 2013
bulan Juni sebesar $ 1.044.355 sehingga diperoleh nilai selisih sebesar $
441.713.
$ 1.486.068 dan nilai transaksi ekspor pada pelanggan NORTH di tahun 2014
bulan Agustus sebesar $ 1.474.621 sehingga diperoleh nilai selisih sebesar $
11.447.
$ 1.486.068 dan nilai transaksi ekspor pada pelanggan SUIKEN di tahun 2015
bulan April sebesar $ 1.701.613 sehingga diperoleh nilai selisih sebesar $
215.545 berwarna merah. Hal ini berarti transaksi ekspor yang dilakukan oleh
pelanggan SUIKEN di tahun 2015 bulan April lebih besar dari nilai transaksi
ekspor pembanding yaitu pelanggan KANBE di tahun 2011 bulan Juli.

133

Transaksi Ekspor per Pelanggan Tahun Bulan.
Perbandingan Transaksi Ekspor per Pelanggan Tahun Bulan.
Gambar 4.52 merupakan drilldown jika pengguna melakukan klik diagram
batang compare transaksi ekspor pelanggan SEAQUEEN di tahun 2012 bulan
April. Gambar tersebut menunjukkan diagram pie persentase transaksi ekspor per
produk yang di ekspor pada pelanggan SEAQUEEN di tahun 2012 bulan April.
Gambar tersebut menunjukkan potongan diagram pie terbesar berwarna hijau

134
dengan text FISH 59%. Hal ini berarti nilai transaksi ekspor produk FISH kepada
pelanggan SEAQUEEN di tahun 2012 bulan April merupakan transaksi ekspor
dengan nilai tertinggi dari pada ke produk SURIMI.
Gambar 4.53 Formulir Perbandingan Transaksi Ekspor per Pelanggan Tahun.
pelanggan KANBE tahun 2012, dan form compare data with atau data pembanding
diisikan pelanggan 1 SEAQUEEN tahun 1 2012, pelanggan 2 KANBE tahun 2
2013, pelanggan 3 NORTH tahun 3 2014 dan pelanggan 4 SUIKEN tahun 2015.
Untuk mengetahui informasi perbandingan transaksi ekspor tersebut maka
pengguna perlu memilih button submit. Informasi perbandingan transaksi ekspor
tersebut berupa diagram batang pada gambar 4.54 dan tabel pada gambar 4.55.
pelanggan KANBE tahun 2011, pelanggan SEAQUEEN tahun 2012, pelanggan
KANBE tahun 2013, pelanggan NORTH tahun 2014 dan pelanggan SUIKEN tahun
135
2015. Gambar 4.54 terlihat diagram batang yang paling tinggi adalah SEAQUEEN
2012. Hal ini menunjukkan bahwa transaksi ekspor pada pelanggan SEAQUEEN
di tahun 2012 memiliki nilai transaksi ekspor tertinggi diantara nilai transaksi
ekspor pada pelanggan yang lainnya.

Transaksi Ekspor per Pelanggan Tahun.

Transaksi Ekspor per Pelanggan Tahun.
136
1. Nilai transaksi ekspor pada pelanggan KANBE di tahun 2011 sebesar $
6.454.850 dan nilai transaksi ekspor pada pelanggan SEAQUEEN di tahun
2012 sebesar $ 7.537.324 sehingga diperoleh nilai selisih sebesar $ 1.082.474
berwarna merah. Hal ini berarti transaksi ekspor yang dilakukan oleh pelanggan
KANBE di tahun 2011 lebih kecil dari transaksi ekspor yang dilakukan oleh
pembanding yaitu pelanggan SEAQUEEN di tahun 2012.
6.454.850 dan nilai transaksi ekspor pada pelanggan KANBE di tahun 2013
sebesar $ 4.414.583 sehingga diperoleh nilai selisih sebesar $.2.040.267.
6.454.850 dan nilai transaksi ekspor pada pelanggan NORT di tahun 2014
sebesar $ sehingga diperoleh nilai selisih sebesar $.874.082
6.454.850 dan nilai transaksi ekspor pada pelanggan SUIKEN di tahun 2015
sebesar $ 4.454.443 sehingga diperoleh nilai selisih sebesar $.2.000.407
Perbandingan Transaksi Ekspor per Pelanggan Tahun.
137
Gambar 4.56 merupakan drilldown jika pengguna melakukan klik diagram
batang compare transaksi ekspor pelanggan KANBE di tahun 2013. Gambar
tersebut menunjukkan diagram pie persentase transaksi ekspor per produk yang di
ekspor pada pelanggan KANBE di tahun 2013. Gambar tersebut menunjukkan
potongan diagram pie terbesar berwarna hijau dengan text VEGETABLE 36%. Hal
ini berarti nilai transaksi ekspor produk VEGETABLE kepada pelanggan KANBE
di tahun 2013 merupakan transaksi ekspor dengan nilai tertinggi dari pada ke
produk lainnya.
Gambar 4.57 Alert Grafik Transaksi Ekspor per Pelanggan
Pada saat pointer diarahkan pada button alert dan diklik maka pesan
muncul pada layar seperti pada gambar 4.57. Alert grafik transaksi ekspor per
pelanggan muncul ketika ada penurunan nilai transaksi ekspor per pelanggan pada
tahun yang dipilih, untuk gambar 4.57 periode yang dipilih adalah 2012. Penurunan
nilai transaksi ekspor dilihat dari nilai transaksi ekspor pada tahun 2012 dengan
nilai transaksi ekspor tahun 2011. Gambar 4.57 menampilkan pesan bahwa “Export
customer BEAVER di bawah export tahun lalu sebesar $ 1.397.562”. Hal ini terjadi
karena ada penurunan nilai transaksi ekspor pada pelanggan BEAVER yaitu
sebesar $ 1.397.562. Nilai $ 1.397.562 didapatkan dari nilai transaksi ekspor pada
138
periode 2011 sebesar Million $ 2.69 dikurangi nilai transaksi ekspor pada periode
2012 sebesar Million $ 1,29.
Fungsi button print berwarna biru yang tampak pada gambar 4.46
berfungsi untuk menampilkan dan atau mencetak laporan transaksi ekspor per
pelanggan. Gambar 4.58 merupakan laporan transaksi ekspor per pelanggan pada
tahun 2012. Pada laporan tersebut tampak pelanggan dengan inisial BEAVER
terdapat nilai selisih sebesar $ 1.397.562, hal ini berarti nilai transaksi ekspor pada
pelanggan tersebut mengalami penurunan. Dari nilai transaksi ekspor 2011 sebesar
$ 2.690.200 ke nilai transaksi ekspor tahun 2012 sebesar $ 1.292.638.
Gambar 4.58 Laporan Transaksi Ekspor per Pelanggan
C. Halaman Set Target
Halaman set target merupakan salah satu fungsi pada aplikasi dashboard
yang digunakan untuk menambahkan atau mengubah data target dalam keperluan
visualisasi transaksi ekspor per tahun. Untuk dapat melihat halaman set target maka
pengguna perlu membuka menu set target seperti gambar 4.59.

139
Gambar 4.59 Menu Set Target
Setelah pengguna memilih menu set target maka pengguna akan diarahkan
pada form set target. Form set target yang dapat dilakukan oleh direksi dapat dilihat
pada gambar 4.60.

140
Gambar 4.60 Form Set Target
Form set target pada gambar 4.60 memiliki tiga field yang harus diisikan
yaitu: YEAR, MONTH dan TARGET. Field YEAR dirancang untuk memilih data
periode atau tahun, field MONTH digunakan untuk memilih bulan dan field
TARGET untuk mengisikan nilai target transaksi tahunan. Ada dua button yaitu
button submit yang berfungsi untuk menyimpan data target sedangkan button
cancel digunakan untuk fungsi kembali pada halaman utama dashboard. Menu set
target hanya ada pada pengguna dengan hak akses sebagai direksi.
D. Halaman Profil
Halaman account information berfungsi untuk mengubah data pengguna,
data pengguna yang dapat diubah adalah: foto dan password. Form account
information muncul ketika pengguna memilih menu my profile pada foto pengguna.
Menu my profile dapat dilihat pada gambar 4.61 dan form account information
gambar 4.62.
Pada gambar 4.62 form account information terdapat beberapa field yang
dapat diubah. Fungsi field tersebut adalah: field full name dapat digunakan untuk
memasukkan nama pengguna yang baru kemudian button submit digunakan untuk
melakukan fungsi ubah data nama pengguna, old pass digunakan untuk
141
memasukkan password pengguna saat ini, new pass digunakan untuk memasukkan
kata sandi pengguna yang baru, confirm password digunakan untuk memastikan
password yang akan diubah sesuai dan button submit digunakan sebagai fungsi
ubah kata sandi pengguna pada database.
Gambar 4.61 Halaman Menu Profil

142
Gambar 4.62 Halaman Profil
4.2 Evaluasi Sistem
Subbab ini menjelaskan tentang evaluasi dari solusi berupa aplikasi
dashboard. Dalam evaluasi sistem ini menjelaskan juga mengenai hasil uji coba
dan hasil evaluasi sistem yang dibangun. Penjelasan dari kedua hal tersebut dibahas
lebih rinci pada subbab berikutnya.
4.2.1 Hasil Uji Coba
Subbab ini menjelaskan tentang hasil uji coba dari aplikasi dashboard
untuk visualisasi transaksi ekspor pada PT. Kelola Mina Laut. Uji coba dalam hal
ini digunakan untuk memastikan bahwa aplikasi yang dibangun mampu menangkap
kesalahan–kesalahan yang mungkin terjadi atas ketidak tahunan pengguna.
Tabel 4.1 Uji coba
No. Pengguna Fungsi Input Output Hasil

1. Direksi Cek log in User name: Halaman utama Terpenuhi.
dan 0941010024 dashboard
1 dan
143
Tabel 4.1 Lanjutan

Divisi Cek log in Password: Mengacu pada
pemasaran admin gambar 4.1 , 4.2.
. Benar
User name: Menampilkan Terpenuhi.
09410100241 pesan “Wrong
dan user name or
Password: password!”
adminn Mengacu pada
Salah. gambar 4.63.
2. Direksi Ubah data 1. Select Menampilkan Terpenuhi.
dan pengguna image: pesan
pemasaran sudah “Congratulation!
dipilih, Your Account has
2. Full name: been successfuly
direksi, changed” sesuai
3. Old dengan gambar
Password: 4.65.
admin,
4. New
Password:
nimda dan
5. Confirm
new
password:
nimda
Benar.
1. Full name: 1. Menampilkan Terpenuhi.
Tidak diisi, pesan “Full
2. Old name cannot be
Password: empty”
adminn 2. Menampilkan
(salah), pesan “You’re
3. New entered
Password: 3. wrong
nimda dan password”
Confirm 4. ”Please retype
new new password
password: corectly”
Nimdaa(sal 5. Tampak pada
ah) gambar 4.66.
3. Direksi Ubah Pilih periode Grafik transaksi Terpenuhi.
dan Divisi periode 2012. ekspor per tahun,
pemasaran per negara, per
kategori, per
pelanggan sesuai
144
Tabel 4.1 Lanjutan

periode yang
dipilih
Tampak pada
gambar 4.64.
4. Direksi Menampil Sesi log in Menampilkan Terpenuhi.
dan Divisi kan menu Direksi. menu set target
Pemasaran set target tampak pada
Menampil gambar 4.59.
kan menu Sesi log in Menu set target Terpenuhi.
set target. Divisi tidak tampil.
pemasaran. Tampak pada.
gambar 4.67.
5. Direksi Menyimpa 1. Tahun Menampilkan Terpenuhi.
n data 2012, pesan sukses dan
target 2. Bulan masuk pada tabel
januari dan target. Dapat
3. Nilai target dilihat pada
10.000.000 gambar 4.68,
Benar. 4.69, 4.70 dan
4.71.
1. Tahun Menampilkan Terpenuhi.
tidak diisi, pesan “Silahkan
2. Bulan tidak lengkapi isian
diisi dan kolom yang
3. Nilai tersedia!”
Target diisi Menampilkan
dengan pesan “Target
huruf harus angka!”
Salah. Dapat dilihat pada
gambar 4.72,
4.73, 4.74 dan
4.75.
6. Direksi Menampil Pilih periode. Diagram garis Terpenuhi.
dan divisi kan grafik nilai target sesuai
pemasaran target dengan periode
yang dipilih
Dapat dilihat pada
gambar 4.76.
7. Direksi Menampil Pilih periode Diagram batang Terpenuhi.
dan divisi kan grafik 2012. transaksi ekspor
pemasaran transaksi per tahun,
ekspor per mengacu pada
tahun gambar 4.77.
145
Tabel 4.1 Lanjutan

8. Direksi Compare 1. Pilih Form Compare, informasi Terpe
dan divisi per tahun grafik nilai perbandingan nuhi
pemasaran pada transaksi ekspor per tahun
poin 7, atau per tahun per bulan
2. Tahun Diagram batang transaksi
dan ekspor pada periode yang
3. Bulan. telah ditentukan. Mengacu
pada lampiran 18 dan19,
gambar 4.6,4.7, 4.8, 4.12,
4.13 dan 4.14.
9. Direksi Compare Pilih Diagram batang per Terpe
dan divisi per tahun salah pelanggan, diagram pie per nuhi
pemasaran Drilldown satu negara dan diagram pie per
diagram produk sesuai dengan
batang periode yang dipilih pada
hasil dari poin 8. Dapat dilihat pada
poin 8. Lampiran 20 dan 21.
dan divisi per tahun salah pelanggan sesuai dengan nuhi.
pemasaran Drilldown satu periode yang dipilih pada
diagram diagram poin 8. Dapat dilihat pada
per batang gambar 4.9 dan 4.15.
pelanggan hasil dari
poin 8.
11. Direksi Compare Pilih Diagram pie per negara Terpe
dan divisi per tahun salah sesuai dengan periode nuhi
pemasaran Drilldown satu yang dipilih pada poin 8.
diagram diagram Dapat dilihat pada gambar
per negara batang 4.10 dan 4.16.
hasil dari
poin 8.
Tabel 4.1 Lanjutan

12. Direksi Compare Pilih Diagram pie per produk Terpe
dan divisi per tahun salah sesuai dengan periode nuhi
per produk batang 4.11 dan 4.17
hasil dari
poin 8.
146
Tabel 4.1 Lanjutan

13. Direksi Menampil Pilih Diagram pie transaksi Terpe
dan divisi kan grafik periode ekspor per negara pada nuhi.
pemasaran per negara 2012. periode 2012
Dapat dilihat pada gambar
4.20.
14. Direksi Compare 1. Pilih Formulir Perbandingan, Terpe
dan divisi per negara grafik informasi nilai nuhi.
pemasaran pada perbandingan transaksi
poin ekspor per negara dan
13, Diagram batang transaksi
2. Negar ekspor per negara pada
a, periode yang dipilih.
3. Tahun Dapat dilihat pada
dan Lampiran 22 dan 23,
4. Bulan. gambar 4.22, 4.23, 4.24,
4.27, 4.28, 4.29
dan divisi per negara salah dan batang per pelanggan nuhi.
pemasaran Drilldown satu sesuai dengan periode
diagram yang dipilih pada poin 14.
batang Dapat dilihat pada
hasil dari lampiran 24 dan 25.
poin 14.
dan divisi per negara salah sesuai dengan periode nuhi.
pemasaran Drilldown satu yang dipilih pada
produk diagram poin 14. Dapat dilihat pada
batang gambar 4.25 dan 4.30
hasil dari
poin 14.
dan divisi per negara salah pelanggan sesuai dengan nuhi.
pelanggan diagram poin 14. Dapat dilihat pada
batang gambar 4.26 dan 4.31
hasil dari
poin 14.
18. Direksi Menampil Pilih Diagram pie transaksi Terpe
dan divisi kan grafik periode ekspor per kategori produk nuhi.
pemasaran per 2012. pada periode 2012
kategori Dapat dilihat pada gambar
produk 4.33.
147
Tabel 4.1 Lanjutan

19. Direksi Compare 1. Pilih Formulir Perbandingan, Terpe
dan divisi per produk grafik informasi nilai nuhi.
pemasaran pada perbandingan transaksi
poin ekspor per produk dan
18, Diagram batang transaksi
2. Produ ekspor per produk pada
k, periode yang dipilih.
3. Tahun Dapat dilihat pada
dan lampiran 26 dan 27,
4. Bulan gambar 4.35, 4.36, 4.37,
4.40, 4.41 dan 4.42.
dan divisi per produk salah dan batang per pelanggan nuhi.
pemasaran Drilldown satu sesuai dengan periode
diagram yang dipilih pada poin 19.
batang Dapat dilihat pada
hasil dari lampiran 28 dan 29.
poin 19.
dan divisi per produk salah sesuai dengan periode nuhi.
per negara batang 4.38 dan 4.43.
hasil dari
poin 19.
dan divisi per produk salah pelanggan sesuai dengan nuhi.
diagram diagram poin 19. Dapat dilihat pada
per batang gambar 4.39 dan 4.44
pelanggan hasil dari
poin 19.
23. Direksi Menampil Pilih Diagram garis nilai Terpe
dan divisi kan grafik periode transaksi ekspor per nuhi.
pemasaran transaksi 2012. pelanggan pada satu
ekspor per periode yang lalu Dapat
pelanggan dilihat pada gambar 4.78.
pada satu
periode
yang lalu
24. Direksi Menampil Pilih Diagram batang nilai Terpe
dan divisi kan grafik periode transaksi ekspor per nuhi.
pemasaran transaksi 2012. pelanggan pada periode
ekspor per yang dipilih
148
Tabel 4.1 Lanjutan

pelanggan Dapat dilihat
pada pada gambar
periode 4.79.
yang
dipilih
25. Direksi Compare 1. Pilih Tabel informasi Terpenuhi.
dan divisi per grafi nilai
pemasaran pelanggan k perbandingan
pada transaksi ekspor
poin per negara dan
24, Diagram batang
2. Pelang transaksi ekspor
gan, per negara pada
3. Tahun periode yang
dan dipilih. Dapat
4. Bulan. dilihat pada
lampiran 30 dan
31, gambar 4.49,
4.50, 4.51, 4.53,
4.54 dan 4.55.
26. Direksi Compare Pilih Diagram pie per Terpenuhi.
dan divisi per salah produk sesuai
pemasaran pelanggan satu dengan periode
Drilldown diagram yang dipilih
batang pada poin 25.
hasil dari Dapat dilihat
poin 25. pada lampiran
32 dan 33.
27. Direksi Compare Pilih Diagram pie per Terpenuhi
dan divisi per salah produk sesuai
pemasaran pelanggan satu dengan periode
Drilldown diagram yang dipilih
diagram batang pada poin 25.
per produk hasil dari Dapat dilihat
poin 25 pada gambar 52
dan 56.
28. Direksi Cetak Pilih Laporan Terpenuhi.
dan divisi laporan periode transaksi ekspor
pemasaran per tahun per tahun sesuai
dengan periode
yang dipilih.
Dapat dilihat
pada gambar
4.18.
149
Tabel 4.1 Lanjutan

29. Direksi Cetak Pilih Laporan transaksi Terpenuhi.
dan divisi laporan periode ekspor per negara
pemasaran per negara sesuai dengan
periode yang dipilih.
Dapat dilihat pada
gambar 4.32.
dan divisi laporan periode ekspor per produk
pemasaran per produk . kategori sesuai
kategori dengan periode yang
dipilih.
Dapat dilihat pada
gambar 4.45.
dan divisi laporan periode ekspor per
pemasaran per . pelanggan sesuai
pelanggan dengan periode yang
dipilih.
Dapat dilihat pada
gambar 4.58.
Gambar 4.63 Halaman Log In Gagal

150
Gambar 4.64 Ubah Periode 2012.
Aplikasi dapat menampilkan grafik transaksi ekspor pada periode yang dipilih yaitu
2012. Periode awal adalah 2016 dapat dilihat pada gambar 4.2.
151
Gambar 4.65 Edit Profile Sukses
Gambar 4.66 Edit Profile Gagal
Aplikasi menampilkan menu set target hanya pada sesi pengguna direksi seperti
pada tampilan gambar 4.19. Sesi pengguna divisi pemasaran tidak ada menu untuk
ubah target, hal ini terlihat pada gambar 4.27

152
Gambar 4.67 Menu Set Target Tidak Tampil
Gambar 4.67 menunjukkan menut set target yang tidak tersedia untuk pengguna
dengan hak akses selain direksi atau pemasaran.

153
Gambar 4.68 Nilai Target Awal
Gambar 4.69 Ubah Nilai Target
Gambar 4.70 Pesan Nilai Target Berhasil
Gambar 4.71 Nilai Target Yang Berhasil Disimpan

154
Gambar 4.72 Ubah Nilai Target Tanpa Tahun dan Bulan
Gambar 4.73 Pesan Kesalahan Ubah Target Tanpa Tahun dan Bulan
Gambar 4.74 Ubah Nilai Target Angka Numerik
Gambar 4.75 Pesan Kesalahan Ubah Nilai Target Angka Numerik

155
Gambar 4.76 Diagram Garis Target Transaksi Ekspor
Gambar 4.77 Diagram Batang Transaksi Ekspor
Gambar 4.78 Diagram Garis Transaksi Ekspor per Pelanggan Pada Satu Periode
Yang Lalu.
156
Gambar 4.79 Diagram Garis Transaksi Ekspor per Pelanggan Pada Periode Yang
Dipilih
4.2.2 Hasil Evaluasi
Pada subbab hasil evaluasi ini menjelaskan hubungan antara permasalahan
yang diangkat dengan solusi yang diberikan. Hasil evaluasi dalam hal ini disajikan
dalam bentuk tabel seperti tabel 4.2 berikut ini.
Tabel 4.2 Hasil Evaluasi.
No. Permasalahan Penyelesaian oleh Hasil

aplikasi
1. Data yang disajikan dalam rapat Membuat aplikasi Terpenuhi
periodik berupa data tabel realisasi yang dapat
ekspor yang telah diolah oleh divisi menyajikan informasi
pemasaran menjadi data transaksi transaksi ekspor
ekspor per tahun, per negara, per secara real time atau
produk dan per pelanggan pada dengan kata lain
periode sebelumnya dengan bentuk mampu menyajikan
tabel dan menggunakan bantuan informasi transaksi
perangkat lunak Microsoft excel. ekspor sewaktu-waktu
2. Divisi pemasaran tidak dapat karena data transaksi Terpenuhi.
menyajikan data transaksi ekspor ekspor telah
pada periode lainnya sesuai dengan terintegrasi dengan
kebutuhan direksi, karena data yang data transaksi ekspor
disajikan hanya data transaksi pada divisi ekspor.
ekspor pada satu periode yang lalu Dapat dilihat pada
sehingga dapat dikatakan data gambar 4.2.
tersebut tidak real time.
157
Tabel 4.2 Lanjutan
No. Permasalahan Penyelesaian oleh Hasil

aplikasi
3. Direksi kesulitan untuk mengetahui Membuat aplikasi Terpenuhi.
nilai transaksi ekspor yang tidak yang menerapkan
memenuhi nilai target yang telah konsep dashboard
ditentukan. sehingga informasi
transaksi ekspor dapat
disajikan dalam
bentuk visual yang
lebih informatif.
Dapat dilihat pada
gambar 4.2., 4.19 dan
4.57.
4. Direksi kesulitan untuk Membuat aplikasi Terpenuhi.
membandingkan data transaksi yang mampu
ekspor per periode tertentu atau menyajikan informasi
mencari selisih nilai dari transaksi perbandingan atau
ekspor per tahun, per bulan, per selisih nilai transaksi
negara pelanggan, per kategori ekspor pada periode
produk dan per pelanggan. yang ditentukan. Baik
dalam
membandingkan nilai
transaksi ekspor pada
periode tertentu,
membandingkan nilai
transaksi ekspor per
negara,
membandingkan nilai
kategori produk dan
membandingkan nilai
pelanggan. Dapat
dilihat pada gambar
4.8, 4.14, 4.24, 4.29,
4.37, 4.42, 4.51 dan
4.55
DAFTAR PUSTAKA
Bastian, Indra. 2007. Akuntansi Yayasan Dan Lembaga Publik. Jakarta: Erlangga.
Case, Karl E; Fair, Ray C., 2007. Principles Of Economics Eighth Edition. New
Jersey: Pearson education, Inc.
Eckerson, Wayne W. 2006. Performance Dashboards: Measuring, Monitoring,

and Managing Your Business. Canada: John Wiley & Sons, Inc.
Few, Stephen. 2006. Information Dashboard Design. Italy : O’Reilly Media.
Hendrayudi. 2009. VB 2008: Untuk Berbagi Keperluan Pemrograman. Jakarta: PT.

Elex Media Komputindo.
Pressman, Roger S. 2010. Software Engineering : a Practitioner’s Approach.

Seventh Edition. USA : McGraw-Hill
Santoso, P.Insap. 1994. Grafik Komputer dan Antarmuka Grafis : Teknik

Penyusunan Program Aplikasi Grafis yang Profesional. Yogyakarta: Andi
Offset.
Sasono, Herman B. 2012. Manajemen Pelabuhan dan Realisasi Ekspor Impor.

Yogyakarta: Andi Offset.
Sholiq, 2010. Analisis Dan Perancangan Berorientasi Objek. Bandung : Muara

Indah.
Zaki, Ali. dkk. 2007. Cara Mudah Merakit PC: Panduan Praktis Merakit PC
Kurang Dari 2 Menit. Jakarta: PT. Elex Media Komputindo.

24 PDF

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

24 PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

RANCANG BANGUN APLIKASI DASHBOARD

UNTUK VISUALISASI TRANSAKSI EKSPOR

FAKULTAS TEKNOLOGI DAN INFORMATIKA

Diajukan sebagai salah satu syarat untuk menyelesaikan

Nama : Heny Listiany

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

ABSTRAK ........................................................................................................ vii

KATA PENGANTAR ..................................................................................... viii

DAFTAR GAMBAR ....................................................................................... xiii

DAFTAR LAMPIRAN................................................................................... xxii

BAB I PENDAHULUAN ................................................................................. 1

Latar Belakang Masalah ............................................................... 1

Perumusan Masalah ..................................................................... 3

Manfaat Penelitian ....................................................................... 4

Sistematika Penulisan .................................................................. 5

BAB II LANDASAN TEORI ............................................................................. 7

2.2.1 Pengertian Dashboard....................................................... 7

2.2.2 Pengelompokan Dashboard .............................................. 8

2.2.3 Grafik Dashboard ........................................................... 10

Transaksi Ekspor ........................................................................ 12

Object Oriented .......................................................................... 13

Unified Modelling Language ..................................................... 13

Software Development Life Cycle .............................................. 19

2.7.1 Communication ............................................................... 20

2.7.2 Planning .......................................................................... 20

2.7.3 Modelling ........................................................................ 21

2.7.4 Construction .................................................................... 21

2.7.5 Deployment ..................................................................... 22

Analisis dan Perancangan Sistem............................................... 23

BAB III ANALISIS DAN PERANCANGAN SISTEM ................................... 24

Analisis Sistem ........................................................................... 24

3.1.1 Tahapan Komunikasi ...................................................... 24

3.1.2 Perencanaan Kebutuhan Sistem ...................................... 29

Perancangan Sistem ................................................................... 39

3.2.1 Arsitektur Sistem............................................................. 39

3.2.2 Unified Modelling Language .......................................... 41

3.2.3 Struktur Tabel ................................................................. 75

3.2.4 Basis Data ....................................................................... 80

3.2.5 Rancangan Input Output ................................................. 81

3.2.6 Perancangan Pengujian ................................................... 85

BAB IV IMPLEMENTASI DAN EVALUASI................................................. 90

Implementasi Sistem .................................................................. 90

4.1.1 Kebutuhan Sistem ........................................................... 90

4.1.2 Hasil Implementasi ......................................................... 92

Evaluasi Sistem ........................................................................ 142

4.2.1 Hasil Uji Coba ............................................................... 142

4.2.2 Hasil Evaluasi ............................................................... 156

BAB V PENUTUP ......................................................................................... 158

Kesimpulan .............................................................................. 158

DAFTAR PUSTAKA ...................................................................................... 160

Gambar 2.1 Notasi Aktor Bisnis Dalam UML. ............................................... 14

Gambar 2.2 Notasi Pekerja Bisnis. .................................................................. 14

Gambar 2.3 Relasi Asosiasi Dengan Satu Pekerja Bisnis ............................... 15

Gambar 2.4 Relasi Asosiasi Dengan Dua Pekerja........................................... 15

Gambar 2.5 Actor ............................................................................................ 15

Gambar 2.6 Use Case Sistem. ......................................................................... 15

Gambar 2.7 Swim Lines. .................................................................................. 17

Gambar 2.8 Aktivitas....................................................................................... 17

Gambar 2.9 Entitas Bisnis. .............................................................................. 17

Gambar 2.10 Transisi ........................................................................................ 17