Email Varchar50
Yes Null
Telp Varchar20
Yes Null
Alamat Varchar100
Yes Null
Tabel 3.11 Tabel data Field
Type Null
Default
username Varchar20
No None
Tanggal Date
Yes Null
Kat_1 Int5
Yes Null
Kat_2 Int5
Yes Null
Kat_3 Int5
Yes Null
Kat_4 Int5
Yes Null
Kat_5 Int5
Yes Null
Kat_6 Int5
Yes Null
Tabel 3.12 Tabel kematangan Field
Type Null
Default
username Varchar20
No None
Kat_2 Int5
Yes Null
Kat_3 Int5
Yes Null
Kat_4 Int5
Yes Null
Kat_5 Int5
Yes Null
Kat_6 Int5
Yes Null
3.9. Perancangan Antar Muka
Perancangan antar muka merupakan gambaran umum tentang perencanaan setiap tampilan yang terdapat pada sistem yang dibangun. Ada beberapa halaman yang telah
dirancang dalam membangun sistem dashboard pada penelitian ini yaitu halaman sign in, halaman login, halaman profil, halaman form kuesioner dan halaman dashboard.
Setiap halaman memiliki fungsi masing-masing.
Universitas Sumatera Utara
3.9.1. Halaman sign in Pada halaman sign in terdapat data-data yang harus di isi oleh pengguna untuk
mendapatkan user ID dan password. Halaman ini digunakan untuk mendaftar dan mendapatkan akun baru agar dapat menggunakan sistem secara keseluruhan. Halaman
sign in dapat dilihat pada Gambar 3.7.
Daftar
Masukkan data diri anda
Nama lengkap Perguruan tinggi
Jabatan Nip
Email No Telp
Alamat Masukkan user name dan password anda
Username Password
Re-type Your password
Saya memberikan data yang valid
Kembali Daftar
Gambar 3.7 Rancangan halaman sign in
3.9.2. Halaman log in Halaman ini digunakan untuk masuk ke sistem utama setelah mendaftar dan
mendapatkan user ID dan password dari halaman sign up. Halaman login dapat dilihat pada Gambar 3.8.
Universitas Sumatera Utara
Silahkan Login
Username Password
Belum terdaftar ? Buat akun
Log in
Gambar 3.8 Rancangan halaman log in
3.9.3. Halaman beranda Halaman ini digunakan untuk melihat identitas responden yang sebelumnya telah di
isi pada halaman sign in. Rancangan antar muka halaman beranda dapat dilihat pada Gambar 3.9.
Dashboard Forms
User Logout
Responden Nama perguruan tinggi
Pengisi lembar evaluasi NIP
Jabatan Email
No. Telepon Alamat
Tanggal Pengisian
Gambar 3.9 Rancangan halaman beranda
3.9.4. Halaman form pertanyaan 1. Bagian 1 peran dan tingkat kepentingan TIK dalam instansi
Halaman ini digunakan oleh pengguna untuk pengisian jawaban kuesioner bagian 1 yaitu peran dan tingkat kepentingan TIK dalam Instansi. Rancangan antarmuka
halaman lembar kuesioner dapat dilihat pada Gambar 3.10.
Universitas Sumatera Utara
Dashboard Forms
User
Bagian 1: Peran dan Tingkat Kepentingan TIK dalam Instansi
Kuesioner
Berikutnya
Gambar 3.10 Rancangan halaman pengisian lembar kuesioner bagian 1
2. Bagian 2 tata kelola keamanan informasi Halaman ini digunakan pengguna untuk melakukan pengisian kuesioner bagian 2
yaitu tata kelola keamanan informasi. Rancangan antarmuka halaman lembar kuesioner bagian 2 dapat dilihat pada Gambar 3.11.
Dashboard Forms
User
Bagian 2: Tata Kelola Keamanan Informasi
Kuesioner
Berikutnya
Gambar 3.11 Rancangan halaman pengisian lembar kuesioner bagian 2
3. Bagian 3 pengelolaan risiko keamanan informasi Halaman ini digunakan pengguna untuk melakukan pengisian lembar kuesioner
bagian 3 yaitu pengelolaan resiko keamanan informasi. Rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.12.
Universitas Sumatera Utara
Dashboard Forms
User
Bagian 3: Pengelolaan Resiko Keamanan Informasi
Kuesioner
Berikutnya
Gambar 3.12 Rancangan halaman pengisian lembar kuesioner bagian 3
4. Bagian 4 kerangka kerja pengelolaan keamanan informasi Halaman ini digunakan pengguna untuk melakukan pengisian lembar kuesioner
bagian 4 yaitu kerangka kerja pengelolaan keamanan informasi. Rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.13.
Dashboard Forms
User
Bagian 4: Kerangka Kerja Pengelolaan keamanan Informasi
Kuesioner
Berikutnya
Gambar 3.13 Rancangan halaman pengisian lembar kuesioner bagian 4
5. Bagian 5 pengelolaan aset informasi Halaman ini digunakan pengguna untuk melakukan pengisisan lembar kuesioner
bagian 5 yaitu pengelolaan aset informasi. Rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.14.
Universitas Sumatera Utara
Dashboard Forms
User
Bagian 5: Pengelolaan Asset Informasi
Kuesioner
Berikutnya
Gambar 3.14 Rancangan halaman pengisian lembar kuesioner bagian 5
6. Bagian 6 teknologi dan keamanan informasi Halaman ini digunakan untuk melakukan pengisian lembar kuesioner bagian 6 yaitu
teknologi dan keamanan informasi. Rancangan antarmuka halaman ini dapat dilihat pada Gambar 3.15.
Dashboard Forms
User
Bagian 6: Teknologi dan Keamanan Informasi
Kuesioner
Berikutnya
Gambar 3.15 Rancangan halaman pengisian lembar kuesioner bagian 6
3.9.5. Halaman dashboard Rancangan antarmuka halaman ini merupakan informasi keseluruhan dari hasil
pengisian kuesioner yang berupa grafik beserta keterangan nilai-nilai dan tingkat
Universitas Sumatera Utara
kematangan keamanan informasi perguruan tinggi tersebut. Rancangan halaman dashboard dapat dilihat pada Gambar 3.16.
Dashboard Forms
User Kuesioner
Tata kelola Aspek teknologi
Pengelolaan resiko
Kerangka kerja Pengelolaan aset
Dashboard Forms
User
Keterangan
Perantingkat kepentingan TIK Tingkat ketergantungan terhadap IT
1. Tata kelola Tingkat kematangan
2. Pengelolaan resiko Tingkat kematanagn
3. Kerangka kerja keamanan informasi Tingkat kematanagn 4. Pengelolaan aset informasi
Tingkat kematangan 5. Teknologi dan keamanan informasi Tingkat kematangan
Total Nilai : Total tingkat kematangan:
Hasil Evaluasi adalah: Perguruan tinggi yang saudara uji “ “
Gambar 3.16 Rancangan halaman dashboard dan keterangan
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1. Implementasi Sistem