3.4.2.6 Perancangan Antarmuka
Pada perancangan antarmuka akan digambarkan rencana perancangan interface pada aplikasi yang dibangun dimana nantinya dijadikan sebagai acun dalam melakukan perancangan
interface pada aplikasinya.
3.4.2.6.1 Halaman Pegawai Biasa
Ukuran halaman : 1024px X 768px
Jenis tulisan : Arial
Ukuran Tulisa : 12
Warna Latar : Putih
CARI ALAT DI REGION HOME
LOGIN NIP
Password LOGIN
WAKTU Jumlah Pengunjung
PT. PLN PERSERO P3B-JB REGION JAWA BARAT
SELAMAT DATANG
Klik Home untuk masuk ke halaman TPB01.
Klik Cari Alat Di Region untuk masuk ke
halaman TPB02. Klik Cari Alat Di UPT
untuk masuk ke halaman TPB03.
Klik Cari Alat Di GI untuk masuk ke
halaman TPB04. Klik LOGIN untuk
masuk halaman TOP01 atau TA01 dengan
mengisikan data NIP dan PASSWORD Dan
LEVEL pada field yang tersedia.
Klik Detail untuk masuk halaman TPB05
pilih Level
LOGO HEADER
CARI ALAT DI UPT CARI ALAT DI GI
Select Page Nama UPT
Nama GI Merk
Jenis Alat Tipe
Lihat
…… …… …… …….. …… …… …… detail
ID UPT ID GI
…… …… …… …….. …… …… …… detail …… …… …… …….. …… …… …… detail
…… …… …… …….. …… …… …… detail
Gambar III-22 Tampilan Home Pegawai Biasa
Ukuran halaman : 1024px X 768px
Jenis tulisan : Arial
Ukuran Tulisa : 12
Warna Latar : Putih
CARI ALAT DI REGION HOME
LOGIN NIP
Password LOGIN
WAKTU Jumlah Pengunjung
PT. PLN PERSERO P3B-JB REGION JAWA BARAT
Klik Home untuk masuk ke halaman TPB01.
Klik Cari Alat Di Region untuk masuk ke
halaman TPB02. Klik Cari Alat Di UPT
untuk masuk ke halaman TPB03.
Klik Cari Alat Di GI untuk masuk ke
halaman TPB04. Klik LOGIN untuk
masuk halaman TOP01 atau TA01 dengan
mengisikan data NIP dan PASSWORD Dan
LEVEL pada field yang tersedia.
Klik Kembali kehalaman sebelumnya.
pilih Level
LOGO HEADER
CARI ALAT DI UPT CARI ALAT DI GI
DETAIL DATA ALAT
SN :
Merk :
Tipe :
Spesifikasi :
Tahun Perolehan :
GAMBAR Jenis Alat
:
Tanggal Operasi :
ID Alat :
Kembali Ditambahkan Oleh :
Nama UPT :
ID UPT :
Nama GI :
ID GI :
Gambar III-23 Tampilan home lihat detail alat
Ukuran halaman : 1024px X 768px
Jenis tulisan : Arial
Ukuran Tulisa : 12
Warna Latar : Putih
CARI ALAT DI REGION HOME
WAKTU Jumlah Pengunjung
PT. PLN PERSERO P3B-JB REGION JAWA BARAT
Klik Home untuk masuk ke halaman TPB01.
Klik Cari Alat Di Region untuk masuk ke
halaman TPB02. Klik Cari Alat Di UPT
untuk masuk ke halaman TPB03.
Klik Cari Alat Di GI untuk masuk ke
halaman TPB04. Klik LOGIN untuk
masuk halaman TOP01 atau TA01 dengan
mengisikan data NIP dan PASSWORD Dan
LEVEL pada field yang tersedia.
Klik Cari untuk memfilter data
berdasarkan jenis alat. Klik Lihat untuk masuk
halaman TPB05 LOGO
HEADER CARI ALAT DI UPT
CARI ALAT DI GI
Select Page
…… …… …… …….. …… Lihat …… …… …… …….. …… Lihat
…… …… …… …….. …… Lihat …… …… …… …….. …… Lihat
ID Alat Merk
Jenis Alat Tipe
No Lihat
CARI ALAT DI REGION
CARI ALAT CARI
Pilih Alat
Gambar III-24 Tampilan cari alat di region
Ukuran halaman : 1024px X 768px
Jenis tulisan : Arial
Ukuran Tulisa : 12
Warna Latar : Putih
CARI ALAT DI REGION HOME
WAKTU Jumlah Pengunjung
PT. PLN PERSERO P3B-JB REGION JAWA BARAT
Klik Home untuk masuk ke halaman TPB01.
Klik Cari Alat Di Region untuk masuk ke
halaman TPB02. Klik Cari Alat Di UPT
untuk masuk ke halaman TPB03.
Klik Cari Alat Di GI untuk masuk ke
halaman TPB04. Klik LOGIN untuk
masuk halaman TOP01 atau TA01 dengan
mengisikan data NIP dan PASSWORD Dan
LEVEL pada field yang tersedia.
Klik Cari untuk memfilter data
berdasarkan UPT dan jenis alat.
Klik Lihat untuk masuk halaman TPB05
LOGO HEADER
CARI ALAT DI UPT CARI ALAT DI GI
Select Page
CARI ALAT DI UPT
… …… …… …….. …… …… …… Lihat … …… …… …….. …… …… …… Lihat
… …… …… …….. …… …… …… Lihat … …… …… …….. …… …… …… Lihat
ID Alat Merk
Jenis Alat Tipe
No Lihat
CARI Pilih alat
Pilih UPT CARI BERDASAR UPT
UPT Alat
Nama UPT ID UPT
Gambar III-25 Tampilan hasil cari alat di UPT
Ukuran halaman : 1024px X 768px
Jenis tulisan : Arial
Ukuran Tulisa : 12
Warna Latar : Putih
CARI ALAT DI REGION HOME
WAKTU Jumlah Pengunjung
PT. PLN PERSERO P3B-JB REGION JAWA BARAT
Klik Home untuk masuk ke halaman TPB01.
Klik Cari Alat Di Region untuk masuk ke
halaman TPB02. Klik Cari Alat Di UPT
untuk masuk ke halaman TPB03.
Klik Cari Alat Di GI untuk masuk ke
halaman TPB04. Klik LOGIN untuk
masuk halaman TOP01 atau TA01 dengan
mengisikan data NIP dan PASSWORD Dan
LEVEL pada field yang tersedia.
Klik Cari untuk memfilter data
berdasarkan UPT, GI dan jenis alat.
Klik Lihat untuk masuk halaman TPB05
LOGO HEADER
CARI ALAT DI UPT CARI ALAT DI GI
Select Page
CARI ALAT DI GI
… … … … … … … … … Lihat … … … … … … … … … Lihat
… … … … … … … … … Lihat … … … … … … … … … Lihat
ID Alat Merk
Jenis Alat Tipe
No Lihat
CARI Pilih alat
Pilih UPT
CARI BERDASAR GI
UPT Alat
Nama UPT ID UPT
Pilih GI GI
Nama GI ID GI
Gambar III-26 Tampilan hasil cari alat di GI
3.4.2.6.2 Halaman Operator