3.2.2 Perancangan Antarmuka
Perancangan antarmuka diperlukan pada program aplikasi ini dengan tujuan untuk mempermudah pengguna dalam menggunakan program aplikasi ini.
Dengan adanya perancangan antarmuka ini berbagai pengguna baik awam, maupun yang sudah berpengalaman dapat mengoperasikan program ini tanpa
adanya kesulitan yang besar.
3.2.2.1 Perancangan form aplikasi perhitungan susut distribusi
Perancangan form aplikasi perhitungan susut distribusi adalah sebagai berikut :
a. Perancangan Layar Menu LoginT01U
CMX-Susut On Click
Nama User Password
Login
Gambar III.18 Perancangan Layar Menu Login
- Klik Login untuk masuk ke
layar menu T02U.
Ukuran, background, font, warna di sesuaikan
b. Perancangan Layar Menu UtamaT02U
CMX
Susut On Click
Nama User Logout
Selamat Datang di aplikasi CMX – Susut On Click
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.19 Perancangan Layar Menu Utama
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U.
Ukuran, background, font, warna di sesuaikan
c. Perancangan Layar Menu PSA P3B T03U
CMX
Susut On Click
Nama User Logout
APJ KWH BELI P3B PSA
Bulan Tahun
OK Laporan
Tabel PSA P3B
Approve Batal
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.20 Perancangan Layar Menu PSA P3B
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
d. Perancangan Layar Menu Listrik Swasta T04U
CMX
Susut On Click
Nama User Logout
APJ Listrik Swasta
Bulan Tahun
OK Laporan
Tabel Listrik Swasta
Approve Batal
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.21 Perancangan Layar Menu Listrik Swasta
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
e. Perancangan Layar Menu Pembangkit T05U
CMX
Susut On Click
Nama User Logout
APJ KWH BELI P3B PSA
Bulan Tahun
OK Laporan
Tabel Pembangkit
Approve Batal
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.22 Perancangan Layar Menu Pembangkit
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
f.
Perancangan Layar Menu Transfer APJT06U
CMX
Susut On Click
Nama User Logout
APJ Transfer APJ
Bulan Tahun
OK Laporan
Tabel Transfer APJ
Approve Batal
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.23 Perancangan Layar Menu About
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
g.
Perancangan Layar Menu Laporan Realisasi EnergiT07U
CMX
Susut On Click
Nama User Logout
APJ Laporan Realisasi Energi
Bulan Tahun
OK Laporan PDF
Tabel Laporan Realisasi Energi
Realisasi KWH
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.24 Perancangan Layar Menu Laporan Realisasi Energi
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
h.
Perancangan Layar Menu Laporan Pengiriman EnergiT08U
CMX
Susut On Click
Nama User Logout
APJ Laporan Pengiriman Energi
Bulan Tahun
OK Laporan PDF
Tabel Laporan Pengiriman Energi
Realisasi KWH
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.25 Perancangan Layar Menu Laporan Pengiriman Energi
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
i.
Perancangan Layar Menu Laporan Realisasi SusutT09U
CMX
Susut On Click
Nama User Logout
APJ Laporan Realisasi Susut
Bulan Tahun
OK Laporan PDF
Tabel Laporan Realisasi Susut
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.26 Perancangan Layar Menu Laporan Realisasi Susut
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
j.
Perancangan Layar Menu Laporan Konsolidasi SusutT10U
CMX
Susut On Click
Nama User Logout
APJ Laporan Konsolidasi Susut
Bulan Tahun
OK Laporan PDF
Tabel Laporan Konsolidasi Susut
Realisasi KWH
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.27 Perancangan Layar Menu Laporan Konsolidasi Susut
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
k.
Perancangan Layar Menu Laporan Prediksi SusutT11U
CMX
Susut On Click
Nama User Logout
Laporan Prediksi Susut Bulan
Tahun OK
Laporan PDF
Tabel Laporan Prediksi Susut
Realisasi KWH
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.28 Perancangan Layar Menu Laporan Prediksi Susut
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
l.
Perancangan Layar Menu Laporan Prediksi Realisasi SusutT12U
CMX
Susut On Click
Nama User Logout
Laporan Prediksi Realisasi Susut Bulan
Tahun OK
Laporan PDF
Tabel Laporan Preiksi Realisasi Susut
Realisasi KWH
PSA P3B Listrik Swasta
Pembangkit Transfer APJ
Laporan Realisasi Energi
Laporan Pengiriman Energi
Laporan Realisasi Susut
Laporan Konsolidasi Susut
Laporan Prediksi Susut
Laporan Prediksi Realisasi Susut
Gambar III.29 Perancangan Layar Menu Laporan Prediksi Realisasi Susut
Ukuran, background, font, warna di sesuaikan
- Klik PSA P3B untuk masuk
ke layar menu T03U. -
Klik Listrik Swasta untuk masuk ke layar menu T04U.
- Klik
Pembangkit untuk
masuk ke layar menu T05U. -
Klik Transfer APJ untuk masuk ke layar menu T06U.
- Klik
Laporan Realisasi
Energi untuk masuk ke layar menu T07U.
- Klik Laporan Pengiriman
Energi untuk masuk ke layar menu T08U.
- Klik Laporan Realisasi Susut
untuk masuk ke layar menu T09U.
- Klik Laporan Konsolidasi
Susut untuk masuk ke layar menu T10U.
- Klik Laporan Prediksi Susut
untuk masuk ke layar menu T11U.
- Klik Laporan Prediksi
Realisasi Susut untuk masuk ke layar menu T12U.
- Klik Logout untuk masuk ke
layar menu T01U. -
Klik OKuntuk melihat data PSA P3B
- Klik Laporan untuk masuk ke
layar menu T13U.
m.
Perancangan Layar Menu LaporanT13U
CMX
Susut On Click
Nama User Logout
Laporan Bulan
Tahun View
Tabel Laporan
Jenis Laporan PDF
EXCEL PSA P3B
Listrik Swasta Pembangkit
Transfer APJ Laporan Realisasi
Energi Laporan Pengiriman
Energi Laporan Realisasi
Susut Laporan Konsolidasi
Susut Laporan Prediksi
Susut Laporan Prediksi
Realisasi Susut
Gambar III.30 Perancangan Layar Menu Laporan
3.2.2.2 Perancangan Pesan