Perancangan form aplikasi perhitungan susut distribusi

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