Lanjutan Tabel 3.5 Dokumentasi naratif use case logout
Normal flow Kegiatan aktor
Respon sistem Administrator memilih menu
logout Menampilkan halaman login
Alternative flow Kegiatan aktor Respon sistem
- -
Post condition Administrator akan keluar dari halaman utama sistem dan kembali
ke halaman login Activity diagram untuk logout dapat dilihat pada Gambar 3.8.
Gambar 3.8 Activity diagram logout
3.3 Perancangan Antarmuka interface
Perancangan antar muka adalah rancangan tampilan yang menghubungkan pengguna user dengan komputer dengan bantuan program. Perancangan antar muka dilakukan
agar pengguna mendapatkan kemudahan dalam memanfaatkam fasilitas-fasilitas yang disediakan oleh sistem. Salah satu syarat pembuatan antar muka adalah berorientasi
Universitas Sumatera Utara
pada mudah digunakan user friendly serta informatif. Untuk memudahkan navigasi antar halaman, maka dirancang suatu desain global untuk menjaga konsistensi
tampilan layar. Tugas akhir ini menggunakan media web browser sebagai terminal bagi pengguna. Untuk itu, halaman web dari sistem ini terdiri dari bagian-bagian
sebagai berikut:
3.3.1 Rancangan form login Rancangan halaman login merupakan tampilan yang pertama kali muncul saat aplikasi
dibuka. Pada rancangan ini terdapat form pengisian username dan password yang akan diisi oleh network administrator sebelum masuk ke halaman utama aplikasi.
Username dan password ini terlebih dahulu divalidasi oleh aplikasi, jika sesuai maka akan masuk ke halaman utama aplikasi. Pada form ini terdapat dua button, yaitu login
dan cancel. Button login berfungsi agar sistem dapat memverifikasi username dan password sehingga administrator dapat masuk ke halaman utama sistem. Cancel
berfungsi untuk membatalkan login. Rancangan halaman login dapat dilihat pada Gambar 3.9.
Gambar 3.9 Rancangan halaman login
3.3.2 Rancangan halaman home Rancangan halaman home berfungsi menampilkan halaman utama yag pertama kali
muncul setelah administrator melakukan login. Pada halaman ini terdapat lima link
LOGIN SNMP
Username
Password
Login Cancel
Universitas Sumatera Utara
menu yaitu home, availability, monitoring, add device, dan logout. Link home berfungsi untuk masuk ke halaman utama sistem. Halaman home memuat penjelasan
singkat mengenai aplikasi monitoring jaringan yang dibuat. Link availability berfungsi untuk masuk ke halaman availability, link monitoring berfungsi untuk masuk ke
halaman monitoring, link add device berfungsi untuk masuk ke halaman add device, dan link logout berfungsi untuk keluar dari aplikasi dan kembali ke halaman login.
Rancangan halaman home dapat dilihat pada Gambar 3.10.
Gambar 3.10 Rancangan halaman home
3.3.3 Rancangan halaman availability Rancangan halaman availability berfungsi untuk menampilkan halaman availability
yang berisi informasi daftar perangkat yang tersedia yang di-monitoring oleh aplikasi ini. Halaman ini menampilkan informasi sistem operasi perangkat, IP, status
availability yang ditampilkan dalam bentuk persen, dan juga terdapat link view. Link view berfungsi untuk masuk ke dalam halaman monitoring, tetapi berbeda dengan
tampilan halaman monitoring, halaman ini menampilkan informasi bandwidth yang disajikan dalam bentuk grafik yang akan di-update secara otomatis setiap tiga puluh
detik. Rancangan halaman availability dapat dilihat pada Gambar 3.11. SEKILAS APLIKASI MONITORING JARINGAN
Home Availability Monitoring Services Add device
Admin | Logout
Universitas Sumatera Utara
Gambar 3.11 Rancangan halaman availability
Halaman availability ini menyediakan link view. Ketika link ini dibuka maka akan menampilkan monitoring perangkat. Informasi yang ditampilkan oleh link view
ini sama seperti halaman monitoring yang meliputi system IP, system name, system description, system uptime, dan system contact tetapi disertakan dengan grafik. Grafik
yang ditampilkan akan terus berubah sesuai dengan kegiatan yang dilakukan oleh komputer yang dimonitor setiap tiga puluh detik. Grafik tersebut menampilkan
kecepatan data yang dihitung setiap tiga puluh detik. Rancangan halaman view dapat dilihat pada Gambar 3.12.
Gambar 3.12 Rancangan halaman link view
Daftar Perangkat Yang Tersedia
xx xxxxxxxxxxxxxxxxxxxx xxxx xxxx View
Home Availability Monitoring Services Add device
Admin | Logout
No Sistem Operasi
IP Status Availability
View
Grafik Home Availability Monitoring Services
Add device Admin | Logout
Nama Interface Kecepatan
Akses OUTBOUND
INBOUND
Universitas Sumatera Utara
3.3.4 Rancangan halaman monitoring Rancangan monitoring berfungsi untuk menampilkan informasi data device yang
meliputi system IP, system name, system description, system uptime, dan system contact. System IP menampilkan informasi alamat IP sistem, system name
menampilkan informasi nama device, system description menampilkan penjelasan sistem secara mendetail yang meliputi sistem operasi, system uptime menampilkan
penjelasan tentang waktu sistem ketika beroperasi, dan system contact menampilkan email administrator. Rancangan halaman monitoring dapat dilihat pada Gambar 3.13.
Gambar 3.13 Rancangan halaman monitoring perangkat
Monitoring Perangkat System IP
: System Name
: System Description:
System Up Time : System Contact
: Home Availability Monitoring Services
Add device Admin | Logout
Nama Interface Kecepatan
Akses OUTBOUND
INBOUND
Universitas Sumatera Utara
3.3.5 Rancangan halaman services Rancangan halaman services berfungsi untuk menampilkan halaman yang berisi
informasi services yang aktif dan yang tidak aktif. Services yang aktif akan ditandai dengan tulisan on dan berwarna hijau, sedangkan services yang tidak aktif akan
bertuliskan off dan berwarna merah. Rancangan halaman services dapat dilihat pada Gambar 3.14.
Gambar 3.14 Rancangan halaman services
3.3.6 Rancangan halaman add device Rancangan halaman add device berfungsi untuk mengisi informasi perangkat yang
akan di-monitor dan menyimpannya ke dalam database. Halaman ini menyediakan beberapa field yang harus diisi. Field-field tersebut adalah IP server, MAC address,
Tabel Monitoring Services
Tambah Service Nama Service :
Port Number : Home Availability Monitoring Services
Add device Admin | Logout
No Service Name
Port Status
Tambah Reset
Universitas Sumatera Utara
dan community name. IP server diisi alamat IP perangkat yang akan di-monitor, MAC address diisi alamat MAC perangkat, dan community name diisi password sehingga
diberikan hak untuk mengakses perangkat. Rancangan halaman add device dapat dilihat pada Gambar 3.15.
Gambar 3.15 Rancangan halaman add device
Tambah Server Di Monitoring IP Server
- - - MAC Address ; ; ; ; ;
Community Name Home Availability Monitoring Services
Add device Admin | Logout
Save Clear
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
Setelah melakukan analisis dan perancangan pada bab sebelumnya, sekarang sudah dapat memulai untuk melakukan implementasi dan pengujian. Implementasi sistem
