18. Perancangan antar muka Pencarian untuk Manajer dapat dilihat pada Gambar 3.97.
Nama layar : T21
I am
Inventaris Asset Monitoring
Logo Telkom
Footer CPU
Cari
Hasil pencarian yang berhubungan dengan “CPU” Anda login sebagai …….
DATA JENIS PERANGKAT
ID Jenis
1
Jenis Perangkat
CPU
DATA ASET
Device ID
1
Jenis Perangkat
CPU
Jabatan
STAFF ADM
Loker
SDL
Serial Number
C235B1S
Asset Number
CPU0001
No. Pengadaan
01
Sumber
Sewa
Pemilik
ALDIRA
Merk
DELL
Kategori
Work Station
Type
Optip lex
Tgl update
1111
Status
Terpak ai
DATA STATUS PERANGKAT
ID Status
1
Jenis Perangkat
CPU
Jabatan
STAFF ADM
Loker
SDL
Serial Number
C235B1S
Asset Number
CPU0001
Sumber
Sewa
Pemilik
ALDIRA
Merk
DELL
Kategori
Work Station
Type
Optiplex
Status
rusak
Ket
teks
Monitoring Data Aset
Distribusi Perangkat Profil
Logout Laporan
Navigasi : 1. Pilih
tombol “Cari” menuju
ke T21
Ukuran Layar : 1024 x 768 Font : Georgia, Times New Roman, Arial
Warna Background : putih, biru
Gambar 3.97 Pencarian
3.9 Perancangan Pesan
Perancangan pesan untuk sistem ini adalah sebagai berikut: 1. Perancangan pesan informasi login gagal
M1
Login Gagal
Kemungkinan kesalahan sebagai berikut : 1. Username dan password yang Anda masukkan tidak terdaftar
2. Anda menggunakan CAPSLOCK 3. Anda salah mengetikkan username
4. Anda salah mengetikkan password Silakan
Login
ulang.
Gambar 3.98 Login gagal
123
2. Perancangan pesan konfirmasi logout
M2
OK
Anda yakin ingin logout?
CANCEL
Gambar 3.99 Konfirmasi logout
3. Perancangan pesan informasi data belum diisi
M3
Silakan mengisi data
Gambar 3.100 Data belum diisi
4. Perancangan pesan informasi kesalahan pengisian data
M4
Maaf, data sudah ada.
Gambar 3.101 Kesalahan pengisian data
5. Perancangan pesan konfirmasi hapus data
M5
Anda yakin data akan dihapus?
OK CANCEL
Gambar 3.102 Konfirmasi hapus data
3.10 Jaringan Semantik
Jaringan semantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya. Jaringan semantik dari sistem ini adalah sebagai
berikut: 1. Jaringan semantik menu Manajer
T1 T2
T13 T5
T18 T3
T2 T6
T7 T8
T9
T14 T15
T16 T17
T19 T20
T21 T10
T12 T11
M1 M3, M4
M3, M4 M3, M4
M5
M3, M4
Gambar 3.103 Jaringan Semantik Menu Manajer
125
2. Jaringan semantik menu LANDesktop Support
T01 T02
M1 T03
T04 T05
T06 T07
T08 T09
T10 T11
T12 T13
T14 T15
T16
T18 T17
T19
T21 T20
T22
T24 T23
T28 T29
T30
T31 T32
T33
T25
T27 T26
T34 T35
T36 T37
T38 T39
T40 T41
T43 T46
T42 T44
T45 T47
T48
M2
M3, M4 M3, M4
M3, M4 M3, M4
M3, M4 M3, M4
M3, M4 M3, M4
M3, M4 M3, M4
M3, M4 M3, M4
M3, M4 M3, M4
M3, M4 M3, M4
M3, M4 M3, M4
M3, M4 M3, M4
M3 M3
M3
M5
Gambar 3.104 Jaringan semantik menu LANDesktop Support
3.11 Perancangan Prosedural
Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan dalam suatu program. Adapun
perancangan prosedural untuk aplikasi yang akan dibangun adalah sebagai berikut:
1. Proses Login Proses login merupakan proses pada saat user akan mengakses sistem.
Prosedural login dapat dilihat pada gambar 3.105
mulai
username dan password
Valid? Tampilkan
pesan login gagal
selesai Ya
Tidak Autentikasi
username dan password
Cek apakah username dan
password kosong?
Tampilkan pesan login
gagal Ya
Tidak
Menampilkan halaman
utama
Gambar 3.105 Flowchart Proses Login
127
2. Proses Tambah Data Proses tambah data merupakan proses yang dilakukan untuk
menambahkan data yang dibutuhkan dalam sistem. Prosedural tambah data dapat dilihat pada gambar 3.106.
mulai
selesai Masukkan data
yang akan ditambah
data sudah lengkap?
Simpan data Tampilkan
pesan “silakan mengisi data”
Belum Ya
Validasi data
Valid? Tampilkan
pesan data sudah ada
Ya Tidak
Tampilkan data setelah
ditambah
Gambar 3.106 Flowchart Proses Tambah Data
3. Proses Ubah data Proses ubah data merupakan proses yang dilakukan untuk mengubah data
yang dibutuhkan dalam sistem. Prosedural ubah data dapat dilihat pada gambar 3.107.
mulai
selesai data sudah
lengkap?
Simpan data Tampilkan
pesan “silakan mengisi data”
Belum
Validasi data
Valid? Ya
Ya Tampilkan
pesan data sudah ada
Tidak
Tampilkan seluruh data
setelah diubah Masukkan data
yang akan diubah
Cari Tampil form
ubah data
Masukkan perubahan data
Cari Proses cari
kembali
Gambar 3.107 Flowchart Proses Ubah Data
129
4. Proses Hapus data Proses hapus data merupakan proses yang dilakukan untuk menghapus
data yang dibutuhkan dalam sistem. Prosedural hapus data dapat dilihat pada gambar 3.108.
mulai
selesai Masukkan
pilihan
Apakah pilihannya
“OK”? Tampilkan
seluruh data sebelum
dihapus Tidak
Tampil pesan konfirmasi “Apakah
yakin akan menghapus data
OKCancel?
Ya Tampilkan
seluruh data setelah dihapus
Masukkan data yang akan
dihapus
Cari
Cari
Proses cari
kembali
Gambar 3.108 Flowchart Proses Hapus Data
5. Proses Cari Proses cari merupakan proses yang dilakukan ketika melakukan pencarian
data yang dibutuhkan. Prosedural cari dapat dilihat pada gambar 3.109.
mulai
selesai i = 1
Ketemu = false n = banyak data
Masukkan kata kunci yang
akan dicari
Tampilkan hasil pencarian
isi record [ i ] = kata kunci yang akan dicari?
Tampilkan pesan data yang dicari
tidak ditemukan. Ya
Ya Tidak
Ketemu = true
Ya While i=n and
not ketemu
i = i + 1
Ketemu = true? Tidak
Tidak
Gambar 3.109 Flowchart Proses Cari
131
6. Proses Monitoring Proses monitoring merupakan proses yang dilakukan untuk memantau
seluruh data perangkat dan ditampilkan dalam bentuk diagram. Prosedural proses monitoring dapat dilihat pada gambar 3.110.
mulai Masukkan bulan
yang dimonitoring m = banyak lokasikerja
n = banyak jenisperangkat jmlperangkat = 0
lokasikerja = 1
bulan yang dimonitoring = bulan?
jenisperangkat = jenisperangkat+1 jenisperangkat = 1
Tidak Ya
lokasikerja = m ?
jenisperangkat = n ? Ya
Tidak
statusperangkat=terpakai? statusperangkat=cadangan?
Tidak
jmlperangkat [lokasikerja] [jenisperangkat] [terpakai] = jmlperangkat [lokasikerja] [jenisperangkat] [terpakai] +1
Tidak Ya
Ya
Tampil data monitoring
jmlperangkat [lokasikerja] [jenisperangkat] [terpakai] = jmlperangkat [lokasikerja] [jenisperangkat] [terpakai] +1
jmlperangkat [lokasikerja] [jenisperangkat] [terpakai] = jmlperangkat [lokasikerja] [jenisperangkat] [terpakai] +1
statusperangkat=cadangan? Tidak
Ya Ya
selesai
Gambar 3.110 Flowchart Proses Monitoring
133
BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem
