adalah setelah memilih penambahan data maka akan muncul pop up yang berfungsi untuk penambahan data dari sub menu detail. Pada menu pop up
terdapat beberapa textbox dan input type yang berfungsi untuk mengisi informasi suatu data, sedangkan tombol tambah berfungsi untuk proses penambahan data baru pada submenu halaman detail.
Gambar 3.13 Rancangan Antar Muka Aksi Detil yang Memiliki Sub Menu dengan Aksi Penambahan Data
Pemeriksa Pembantu | Detil Hasil Pemeriksaan
Tabel View
No. Berita Acara NIP Pemeriksa Nama Pangkat Jabatan
Tambah
Tambah Data Pemerksa Pembantu Penambahan Data
BAB IV
HASIL DAN PEMBAHASAN
Pada bab ini akan dibahas secara terstruktur mengenai pembangunan sistem pada sistem informasi manajemen aset : penerimaan, pengelolaan, dan penyusutan aset di UPN “Veteran” JATIM, dimana user akan lebih mudah memahami bagaimana cara menggunakan dan bagaimana website ini dibuat. 4.1 Implementasi Desain Antar muka (Desain Inter face)
Pada bab ini akan diimplementasikan desain antarmuka (interface) yang telah dibuat pada bab sebelumnya. Dan desain antarmuka adalah sebagai berikut : 4.1.1 Antar muka Halaman Utama
Berikut ini adalah gambar antarmuka halaman utama. Halaman utama merupakan awal dari halaman sebelum masuk ke halaman berikutnya. Lihat gambar di bawah ini :
4.1.2 Antar muka Login Admin
Berikut ini adalah gambar antarmuka login dimana halaman ini menjadi satu dengan halaman utama. Agar bisa masuk ke halaman Admin maka isikan
username dan password. Lihat gambar di bawah ini :
Gambar 4.2 Antarmuka Login
4.1.3 Antar muka Gagal Login
Berikut ini merupakan gambar antarmuka gagal login, dimana ketika pengguna (user) salah dalam mengisikan username atau password atau ketika
username tidak terdaftar pada sistem ketika login. Username dan password akan selalu dicek oleh sistem kedalam database. Lihat gambar di bawah ini :
4.1.4 Antar muka Beranda Admin
Berikut ini merupakan gambar antarmuka beranda admin. Dimana setelah admin berhasil login maka akan langsung masuk kedalam beranda admin, dan didalam beranda admin terdapat menu pengguna dimana pada menu tersebut terdapat 3 sub menu yaitu menu pengguna untuk data pegawai, data satker, dan data pejabat struktural. Lihat gambar di bawah ini :
Gambar 4.4 Antarmuka Beranda Admin 4.1.5 Antar muka Admin Kelola Data Pegawai
Berikut ini merupakan gambar antarmuka admin dalam mengelola data pegawai, dimana seorang admin dapat menambah atau mengubah data pegawai, bahkan dapat melihat detail data tiap pegawai. Lihat gambar di bawah ini :
1) Antar muka Admin Tambah Data Pegawai
Berikut ini merupakan gambar antarmuka admin dalam menambahkan data pegawai. Lihat gambar di bawah ini :
Gambar 4.6 Antarmuka Admin Tambah Data Pegawai
2) Antar muka Admin Detail Data Pegawai
Berikut ini merupakan gambar antarmuka admin dalam menampilkan detail data setiap pegawai. Lihat gambar di bawah ini :
Gambar 4.7 Antarmuka Admin Detail Data Pegawai
4.1.6 Antar muka Admin Kelola Data Satker
Berikut ini merupakan antarmuka admin dalam mengelola data satuan kerja (satker), dimana seorang admin dapat menambah atau mengubah data satker, bahkan dapat melihat detail data tiap satker. Lihat gambar di bawah ini :
Gambar 4.8 Antarmuka Admin Kelola Data Satker
1) Antar muka Admin Tambah Data Satker
Berikut ini merupakan gambar antarmuka admin dalam menambahkan data satuan kerja (satker). Lihat gambar di bawah ini :
Gambar 4.9 Antarmuka Admin Tambah Data Satker
2) Antar muka Admin Detail Data Satker
Berikut ini merupakan gambar antarmuka admin dalam menampilkan detail data setiap satker. Lihat gambar di bawah ini :
4.1.7 Antar muka Admin Kelola Data Pejabat Str uktural
Berikut ini merupakan gambar antarmuka admin dalam mengelola data pejabat struktural dimana seorang admin dapat menambah atau mengubah data pejabat struktural, bahkan dapat melihat detail data tiap pejabat struktural. Lihat gambar di bawah ini :
Gambar 4.11 Antarmuka Admin Kelola Data Pejabat Struktural
1) Antar muka Admin Tambah Data Pejabat Str uktural
Berikut ini merupakan gambar antarmuka admin dalam menambahkan data pejabat struktural. Lihat gambar di bawah ini :
2) Antar muka Admin Detail Data Pejabat Str uktural
Berikut ini merupakan gambar antarmuka admin dalam menampilkan detail data setiap pejabat struktural. Lihat gambar di bawah ini :
Gambar 4.13 Antarmuka Admin Detail Data Pejabat Struktural 4.1.8 Antar muka Admin Berhasil Keluar Halaman
Berikut ini merupakan antarmuka seorang admin yang berhasil keluar dari halaman yang diakses. Lihat gambar di bawah ini :
Gambar 4.14 Antarmuka Admin Berhasil Keluar Halaman
4.1.9 Antar muka Login Bendahar awan Materiil (BM)
Berikut ini adalah gambar antarmuka login dimana halaman ini menjadi satu dengan halaman utama. Agar bisa masuk ke halaman beranda materiil maka isikan username dan password. Lihat gambar di halaman berikutnya :
Gambar 4.15 Antarmuka Login Bendaharawan Materiil
4.1.10 Antar muka Gagal Login BM
Berikut ini merupakan gambar antarmuka gagal login, dimana ketika pengguna (user) salah dalam mengisikan username atau password atau ketika
username tidak terdaftar pada sistem ketika login. Username dan password akan selalu dicek oleh sistem kedalam database. Lihat gambar di bawah ini :
Gambar 4.16 Antarmuka Gagal Login BM
4.1.11 Antar muka Beranda Bendahar awan Materiil
Berikut ini merupakan gambar antarmuka beranda bendaharawan materiil. Dimana setelah bendaharawan materiil berhasil login maka akan langsung masuk kedalam beranda bendaharawan materiil, dan didalam beranda tersebut terdapat
menu penerimaan, pengelolaan, pengeluaran, penyusutan dan penghapusan materiil dimana pada tiap menu terdapat sub menu masing – masing. Lihat gambar di bawah ini :
Gambar 4.17 Antarmuka Beranda Bendaharawan Materiil
4.1.12 Antar muka BM Kelola Data Berita Acara Serah Terima
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data berita acara serah terima materiil, dimana seorang BM dapat menambah atau mengubah data berita acara serah terima materiil, bahkan dapat melihat detail data tiap berita acara serah terima materiil. Lihat gambar di bawah ini :
Gambar 4.19 Antarmuka BM Kelola Data Berita Acara Serah Terima
1) Antar muka BM Tambah Data Berita Acara Serah Ter ima
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data berita acara serah terima materiil. Lihat gambar di halaman berikutnya.
Gambar 4.20 Antarmuka BM Tambah Data Berita Acara Serah Terima
2) Antar muka BM Detail Data Ber ita Acara Serah Terima
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap berita acara serah terima materiil. Lihat gambar di bawah ini :
Gambar 4.22 Antarmuka BM Detail Data Berita Acara Serah Terima
Gambar 4.23 Potongan script Proses Antarmuka Detail
3) Antar muka BM Tambah Data Pemeriksa Pembantu Berita Acara Serah Ter ima Materiil
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data pemeriksa pembantu untuk mendukung proses berita acara serah terima materiil. Lihat gambar di halaman selanjutnya :
Gambar 4.24 Antarmuka BM Tambah Data Pemeriksa Pembantu
Gambar 4.25 Potongan script Pop up Pemeriksa Pembantu
4) Antar muka BM Tambah Data Detil Hasil Pemer iksaan Berita Acara Serah Ter ima Materiil
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data detil hasil pemeriksaan untuk mendukung proses berita acara serah terima materiil. Lihat gambar dihalaman berikutnya:
Gambar 4.26 Antarmuka BM Tambah Data Detil Hasil Pemeriksaan 4.1.13 Antar muka BM Kelola Data Kelompok Materiil
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data kelompok materiil, dimana seorang BM dapat menambah atau mengubah data kelompok materiil, bahkan dapat melihat detail data tiap kelompok materiil. Lihat gambar di bawah ini :
1) Antar muka BM Tambah Data Kelompok Materiil
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data kelompok materiil. Lihat gambar di bawah ini :
Gambar 4.28 Antarmuka BM Tambah Data Kelompok Materiil
2) Antar muka BM Detail Data Kelompok Materiil
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap kelompok materiil. Lihat gambar di bawah ini :
Gambar 4.29 Antarmuka BM Detail Data Kelompok Materiil 4.1.14 Antar muka BM Kelola Data Detil Kelompok Materiil
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data detil kelompok materiil, dimana seorang BM dapat menambah atau mengubah data detil kelompok materiil, bahkan dapat melihat detail data tiap detil kelompok materiil. Lihat gambar di halaman selanjutnya :
Gambar 4.30 Antarmuka BM Kelola Data Detil Kelompok Materiil 1) Antar muka BM Tambah Data Detil Kelompok Materiil
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data detil kelompok materiil. Lihat gambar di bawah ini :
Gambar 4.31 Antarmuka BM Tambah Data Detil Kelompok Materiil 2) Antar muka BM Detail Data Detil Kelompok Materiil
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap detil kelompok materiil. Lihat gambar di bawah ini :
4.1.15 Antar muka BM Kelola Data Sumber Materiil
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data sumber materiil, dimana seorang BM dapat menambah atau mengubah data sumber materiil, bahkan dapat melihat detail data tiap sumber materiil. Lihat gambar di bawah ini :
Gambar 4.33 Antarmuka BM Kelola Data Sumber Materiil
1) Antar muka BM Tambah Data Sumber Materiil
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data sumber materiil. Lihat gambar di bawah ini :
2) Antar muka BM Detail Data Sumber Materiil
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap sumber materiil. Lihat gambar di bawah ini :
Gambar 4.35 Antarmuka BM Detail Data Sumber Materiil
4.1.16 Antar muka BM Kelola Data Merk Aset Berger ak
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data merk aset bergerak, dimana seorang BM dapat menambah atau mengubah data merk aset bergerak. Lihat gambar di bawah ini :
Gambar 4.36 Antarmuka BM Kelola Data Merk Aset Bergerak
1) Antar muka BM Tambah Data Merk Aset Bergerak
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data merk aset bergerak. Lihat gambar di bawah ini :
Gambar 4.37 Antarmuka BM Tambah Data Merk Aset Bergerak
4.1.17 Antar muka BM Kelola Data Kategori Aset Bergerak
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data kategori aset bergerak, dimana seorang BM dapat menambah atau mengubah data kategori aset bergerak. Lihat gambar di bawah ini :
Gambar 4.38 Antarmuka BM Kelola Data Kategori Aset Bergerak
1) Antar muka BM Tambah Data Kategori Aset Bergerak
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data kategori aset bergerak. Lihat gambar di bawah ini :
4.1.18 Antar muka BM Kelola Data Produk Aset Bergerak
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data produk aset bergerak, dimana seorang BM dapat menambah atau mengubah data produk aset bergerak, bahkan dapat melihat detail data tiap produk aset bergerak. Lihat gambar di bawah ini :
Gambar 4.40 Antarmuka BM Kelola Data Produk Aset Bergerak
1) Antar muka BM Tambah Data Produk Aset Ber gerak
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data produk aset bergerak. Lihat gambar di bawah ini :
Gambar 4.41 Antarmuka BM Tambah Data Produk Aset Bergerak
2) Antar muka BM Detail Data Produk Aset Bergerak
Gambar 4.42 Antarmuka BM Detail Data Produk Aset Bergerak 4.1.19 Antar muka BM Kelola Data Aset Bergerak
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data aset bergerak, dimana seorang BM dapat menambah atau mengubah data aset bergerak, bahkan dapat melihat detail data tiap aset bergerak. Lihat gambar di bawah ini :
Gambar 4.43 Antarmuka BM Kelola Data Aset Bergerak
1) Antar muka BM Tambah Data Aset Bergerak
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data aset bergerak. Lihat gambar di halaman berikutnya :
Gambar 4.44 Antarmuka BM Tambah Data Aset Bergerak 2) Antar muka BM Detail Data Aset Bergerak
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap aset bergerak. Lihat gambar di bawah ini :
Gambar 4.45 Antarmuka BM Detail Data Aset Bergerak
4.1.20 Antar muka BM Kelola Data J enis Penggunaan Aset Tidak Bergerak Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data jenis penggunaan aset tidak bergerak, dimana seorang BM dapat menambah atau mengubah data jenis penggunaan aset tidak bergerak. Lihat gambar di halaman berikutnya :
Gambar 4.46 Antarmuka BM Kelola Data Jenis Penggunaan
1) Antar muka BM Tambah Data J enis Penggunaan Aset Tidak Bergerak Berikut ini merupakan gambar antarmuka BM dalam menambahkan data jenis penggunaan aset tidak bergerak. Lihat gambar di bawah ini :
Gambar 4.47 Antarmuka BM Tambah Data Jenis Penggunaan
4.1.21 Antar muka BM Kelola Data Aset Tanah
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data aset tanah yang merupakan bagian dari aset tidak bergerak, dimana seorang BM dapat menambah atau mengubah data aset tanah, bahkan dapat melihat detail data tiap aset tanah. Lihat gambar di halaman berikutnya :
Gambar 4.48 Antarmuka BM Kelola Data Aset Tanah
1) Antar muka BM Tambah Data Aset Tanah
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data aset tanah. Lihat gambar di bawah ini :
Gambar 4.49 Antarmuka BM Tambah Data Aset Tanah
2) Antar muka BM Detail Data Aset Tanah
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap aset tanah. Lihat gambar di halaman berikutnya :
Gambar 4.50 Antarmuka BM Detail Data Aset Tanah
4.1.22 Antar muka BM Kelola Data Aset Rumah Dinas
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data aset rumah dinas yang merupakan bagian dari aset tidak bergerak, dimana seorang BM dapat menambah atau mengubah data aset rumah dinas, bahkan dapat melihat detail data tiap aset rumah dinas. Lihat gambar di bawah ini :
Gambar 4.51 Antarmuka BM Kelola Data Aset Rumah Dinas
1) Antar muka BM Tambah Data Aset Rumah Dinas
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data aset rumah dinas. Lihat gambar di halaman berikutnya :
Gambar 4.52 Antarmuka BM Tambah Data Aset Rumah Dinas
2) Antar muka BM Detail Data Aset Rumah Dinas
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap aset rumah dinas. Lihat gambar di bawah ini :
Gambar 4.53 Antarmuka BM Detail Data Aset Rumah Dinas
4.1.23 Antar muka BM Kelola Data Aset Gedung
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data aset gedung yang merupakan bagian dari aset tidak bergerak,
dimana seorang BM dapat menambah atau mengubah data aset gedung, bahkan dapat melihat detail data tiap aset gedung. Lihat gambar di bawah ini :
Gambar 4.54 Antarmuka BM Kelola Data Aset Gedung
1) Antar muka BM Tambah Data Aset Gedung
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data aset gedung. Lihat gambar di bawah ini :
2) Antar muka BM Detail Data Aset Gedung
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap aset gedung. Lihat gambar di bawah ini :
Gambar 4.56 Antarmuka BM Detail Data Aset Gedung
4.1.24 Antar muka BM Kelola Data Aset Ruang Gedung
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data aset ruang gedung yang merupakan bagian dari aset tidak bergerak, dimana seorang BM dapat menambah atau mengubah data aset ruang gedung, bahkan dapat melihat detail data setiap aset ruang gedung. Lihat gambar di bawah ini :
1) Antar muka BM Tambah Data Aset Ruang Gedung
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data aset ruang gedung. Lihat gambar di bawah ini :
Gambar 4.58 Antarmuka BM Tambah Data Aset Ruang Gedung
2) Antar muka BM Detail Data Aset Ruang Gedung
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap aset ruang gedung. Lihat gambar di bawah ini :
Gambar 4.59 Antarmuka BM Detail Data Aset Ruang Gedung
4.1.25 Antar muka BM Kelola Data Aset Ruang Gedung Satker
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam mengelola data aset ruang gedung satker yang merupakan bagian dari aset tidak bergerak, dimana seorang BM dapat menambah atau mengubah data aset ruang
gedung satker, bahkan dapat melihat detail data setiap aset ruang gedung satker. Lihat gambar di bawah ini :
Gambar 4.60 Antarmuka BM Kelola Data Aset Ruang Gedung Satker
1) Antar muka BM Tambah Data Aset Ruang Gedung Satker
Berikut ini merupakan gambar antarmuka BM dalam menambahkan data aset ruang gedung satker. Lihat gambar di bawah ini :
Gambar 4.61 Antarmuka BM Tambah Data Aset Ruang Gedung Satker
2) Antar muka BM Detail Data Aset Ruang Gedung Satker
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail data setiap aset ruang gedung satker. Lihat gambar di halaman berikutnya :
Gambar 4.62 Antarmuka BM Detail Data Aset Ruang Gedung Satker
4.1.26 Antar muka BM Kelola Penyusutan Aset Berger ak
Berikut ini merupakan antarmuka bendaharawan materiil (BM) dalam melaporkan data penyusutan aset bergerak, dimana seorang BM dapat mengatur waktu tertentu untuk mengetahui nilai aset bergerak tersebut. Lihat gambar di bawah ini :
Gambar 4.63 Antarmuka BM Kelola Penyusutan Aset Bergerak
1) Antar muka BM Detail Penyusutan Aset Berger ak
Berikut ini merupakan gambar antarmuka BM dalam menampilkan detail penyusutan aset bergerak di waktu tertentu. Lihat gambar di halaman berikutnya :
Gambar 4.64 Antarmuka BM Detail Penyusutan Aset Bergerak
4.2 Uji Coba Sistem
Uji coba berfungsi untuk mengetahui keberhasilan dan kekurangan dari sistem yang telah dbuat. Uji coba dilakukan dengan menggambarkan alur kerja sistem menggunakan tabel skenario. Berikut skenario uji coba sistem dari sistem informasi manajeman aset berbasis web dengan studi kasus di UPN “Veteran” Jatim khususnya dalam menangani penerimaan, pengelolaan dan penyusutan materiil.
4.2.1 Skenario Uji Coba Login
Aktor Dekan FTI
Deskr ipsi
Bendaharawan materiil (BM) melakukan login kedalam website Sistem Informasi Manajemen Aset UPN "Veteran" Jatim
Pr oses
BM memasukkan username dan password
Hasil Akhir
BM berhasil login