Dalam membuat sistem ini memerlukan perancangan interface. Pembahasan perancangan interface sistem ini hanya untuk beberapa interface saja, karena dalam sistem ini memiliki banyak interface. Perancangan interface menggambarkan tampilan yang ada
pada sistem ini. Perancangan interface dalam sistem ini terbagi atas dua (2) yaitu desain input dan desain output.
a. Desain Input
Desain input berhubungan dengan keseluruhan tampilan dalam sistem berupa form yang dapat diberikan nilai tertentu.
Form Login
Form Login merupakan halaman pertama yang ditemukan user apabila ingin menjalankan sistem ini, dimana user wajib memasukkan username dan password secara benar. Adapun desain tampilan Form Login seperti pada gambar 3.9.
Gambar 3.10 Form Login
Form Manage Pegawai
Form Manage Pegawai menampilkan seluruh data mengenai pegawai PT PLN (PERSERO) APP Salatiga. Dalam melakukan manajemen data hanya dapat dilakukan oleh Admin dan Operator hanya dapat melihat data Pegawai yang ada pada sistem ini. Manajemen data yang dapat dilakukan Admin antara lain mengedit, menghapus dan menambah data Pegawai. Form Manage Pegawai dapat dilihat pada gambar 3.11.
Gambar 3.11 Form Manage Pegawai
Form Manage Gardu
Form Manage Gardu menampilkan seluruh data mengenai Gardu Distribusi yang pernah dicatat ke dalam sistem. Dalam melakukan manajemen data hanya dapat dilakukan oleh Admin, pengguna sistem yang lainnya hanya dapat melihat data Gardu Distribusi. Manajemen data yang dapat dilakukan Admin antara lain mengedit, menghapus dan menambah data Gardu Distribusi. FormManage Gardu dapat dilihat pada gambar 3.12.
Form Pemeliharaan Gardu
Form Pemeliharaan Gardu menampilkan seluruh data mengenai pemeliharaan Gardu Distribusi yang pernah dicatat ke dalam sistem. Dalam melakukan manajemen data hanya dapat dilakukan oleh Operator, selain Admin pengguna sistem lainnya hanya dapat melihat data Pemeliharaan Gardu Distribusi. Manajemen data yang dapat dilakukan Operator antara lain mengedit, menghapus dan menambah data Pemeliharaan Gardu Distribusi. Form Pemeliharaan Gardu dapat dilihat pada gambar 3.13
Gambar 3.13 Form PemeliharaanGardu
Form Surat Perintah Kerja (SPK)
Form SPK menampilkan seluruh Surat Perintah Kerja yang pernah dibuat dalam sistem. Dalam melakukan manajemen SPK hanya dapat dilakukan oleh Operator, namun Asmen Haset dapat
melihat dan menyetujui SPK yang ada, Pegawai Bagian Pemeliharaan hanya dapat melihat SPK. Manajemen data yang dapat dilakukan Operator antara lain menghapus dan menambah SPK. Form Surat Perintah Kerja dapat dilihat pada gambar 3.14
Gambar 3.14 Form Surat Perintah Kerja
Form Laporan Tugas
Form Laporan Tugas menampilkan seluruh Laporan Tugas setelah melakukan Perawatan Gardu Distribusi yang pernah dibuat dalam sistem. Dalam melakukan manajemen Laporan Tugas hanya dapat dilakukan oleh Pegawai Bagian Pemeliharaan, namun Asmen Haset dapat melihat dan mengetahui laporan tugas yang ada, Pegawai Bagian Pemeliharaan hanya dapat melihat Laporan Tugas. Manajemen data yang dapat dilakukan Pegawai Bagian Pemeliharaan antara lain menghapus dan menambah SPK. Form Laporan Tugas dapat dilihat pada gambar 3.15
Gambar 3.15 Form Laporan Tugas
Form Ganti Password
Form Ganti Password merupakan halaman yang digunakan oleh user selain Admin untuk melakukan perubahan password, dengan cara mengisi password baru dan password baru sekali lagi (mengecek konfirmasi password baru), kedua tahap ini harus dilakukan dengan benar agar dapat melakukan perubahan password. Adapun Form Ganti Password dapat dilihat pada gambar 3.16
Form Tambah data Pegawai
Form Tambah data Pegawai merupakan halaman untuk mengisi data Pegawai pengguna sistem ini. Form Tambah data Pegawai dapat dilihat pada gambar 3.17.
Gambar 3.17 Form Tambah data Pegawai
Form Tambah data Gardu
Form Tambahdata Gardu merupakan halaman untuk mengisi data Gardu Distribusi yang berada di APP Salatiga. Form Tambahdata Gardu dapat dilihat pada gambar 3.18.
Form Tambah data Pemeliharaan Gardu
Form Tambah data Pemeliharaan Gardu merupakan halaman untuk mengisi data pemeliharaan Gardu Distribusi yang telah dilakukan oleh pegawai bagian pemeliharaan (Distribusi) PT. PLN (Persero) APP Salatiga. Form Tambah Data Pemeliharaan Gardu dapat dilihat pada gambar 3.19.
Gambar 3.19 Form Tambah data Pemeliharaan Gardu
b. Desain Output
Desain Ouput merupakan hasil dari suatu proses tertentu berupa data-data yang diambil dari database ataupun dari proses-proses tertentu dalam sistem.
View Pesan Pemeliharaan Gardu
View Pesan Pemeliharaan Gardu menampilkan lokasi Gardu Distribusi yang perlu dilakukan pemeliharaan, ditampilkan dalam bentuk Google Map. selain itu terdapat detail yaitu Kode_Gardu, Alamat Gardu dan status Gardu Distribusi yang terdapat dalam
sistem. Pesan pemeliharaan gardu akan muncul ketika selesai melakukan login maupun ketika memilih home. View Pesan Pemeliharaan Gardu dapat dilihat pada Gambar 3.20.
Gambar 3.20 View Pesan Pemeliharaan Gardu
View Detail Gardu
View Detai Gardu menampilkan Detail gardu distribusi yang dapat dilihat berupa lokasi menggunakan fasilitas Google Map, Kode Gardu, alamat, tanggal jatuh tempo dan tanggal pemeliharaan gardu distribusi yang terakhir kali dilakukan. View Detail Gardu dapat dilihat pada Gambar 3.21.
Gambar 3.21 View Detail Gardu
View Data Pegawai
View Data Pegawai menampilkan seluruh data Pegawai PT PLN (PERSERO) APP Salatiga yang pernah dicatat ke dalam sistem. View Data Pegawai dapat dilihat pada gambar 3.22.
View Data Gardu
View Data Gardu menampilkan seluruh data Gardu Distribusi yang pernah dicatat ke dalam sistem. View Data Gardu dapat dilihat pada gambar 3.23.
Gambar 3.23 View data Gardu
View DataPemeliharaan Gardu
View Data Pemeliharaan Gardu menampilkan seluruh data Pemeliharaan Gardu Distribusi yang telah dicatat ke dalam sistem. View Data Pemeliharaan Gardu dapat dilihat pada gambar 3.24.