Halaman Pegawai Biasa Perancangan Antarmuka

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