3.4 Perancangan Antar Muka
Perancangan antarmuka merupakan tampilan program aplikasi yang akan digunakan oleh pengguna untuk dapat berkomunikasi dengan komputer. Tahapan ini sangat
penting karena antarmuka yang baik akan membuat pengguna merasakan kenyamanan dalam menggunakan sebuah aplikassi komputer.
Untuk lebih memudahkan pembuatan antarmuka suatu sistem, perlu dilakukan terlebih dahulu perancangan struktur menu program dari sistem yang akan dibangun,
hal ini sangat berguna untuk mengetahui urutan menu yang akan digunakan oleh pengguna Berikut struktur menu-menu yang akan dirancang pada aplikasi sistem
pendukung keputusan ini.
3.4.1 Rancangan Halaman Utama
Halaman utama yang dimaksud adalah halaman atau jendela utama sistem yang menampilkan menu utama sistem. Menu utama pada aplikasi ini terdiri dari 4 bagian,
yaitu menu sistem, menu data, menu proses, dan menu tentang Penulis. Masing- masing menu akan terdiri dari beberapa sub menu. Tampilan rancangan halaman
utama dapat dilihat pada gambar dibawah ini.
Universitas Sumatera Utara
Sistem Data
Tentang Penulis
Keluar
Proses Sistem Pendukung Keputusan Pemberian Beasiswa
Gambar 3.9 Rancangan Halaman Utama
3.4.2
Rancangan Menu Sistem
Pada menu Sistem terdapat beberapa sub menu, yaitu sub menu Login, Logout, Daftar pengguna, dan Keluar. Tampilan rancangan menu sistem dapat dilihat pada gambar
dibawah ini.
Universitas Sumatera Utara
Sistem Data
Tentang Penulis
Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
Log in Log out
Daftar Pengguna Keluar
Gambar 3.10 Rancangan Menu Sistem
3.4.3
Rancangan Menu Login
Jendela login dapat ditemukan pada menu Aplikasi. Jendela ini berfungsi menerima masukan berupa username dan password untuk kemudian akan dicek apakah
username dan password tersebut telah valid. Jika ya, maka pengguna dapat menggunakan aplikasi ini. Namun jika tidak, aplikasi ini akan menolak username dan
password tersebut dan aplikasi ini tidak dapat digunakan. Karena itu, jendela ini didesain dengan tampilan yang cukup sederhana. Tampilan rancangan menu log in
dapat dilihat pada gambar dibawah ini.
Universitas Sumatera Utara
Sistem Data
Tentang Penulis
Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
Username
Cancel Ok
Password
Log In
Gambar 3.11 Rancangan Menu Log-in 3.4.4
Rancangan Menu Logout
Jendela logout akan ditampilkan jika pengguna mengklik menu logout pada menu Sistem. Jendela ini berfungsi bagi pengguna untuk keluar dari sistem tanpa harus
keluar dari aplikasi. Jika diperlukan, maka pengguna dapat melakukan login kembali. Sesuai dengan fungsinya, maka jendela ini berbentuk dialog box untuk
mengkonfirmasi perintah logout yang akan dilakukan. Tampilan rancangan menu logout dapat dilihat pada gambar dibawah ini.
Universitas Sumatera Utara
Sistem Data
Tentang Penulis
Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
Keluar Dari Sistem Tidak
Ya Log Out Sistem
Gambar 3.12 Rancangan Menu Logout
3.4.5
Rancangan Menu Daftar Pengguna
Pada menu Sistem terdapat sub menu Daftar Pengguna. Fungsi sub menu ini adalah untuk melihat daftar pengguna yang memiliki akses terhadap aplikasi ini dan juga
melihat level pangguna. Level pengguna terdiri dari operator dan administrator. Tampilan rancangan menu daftar pengguna dapat dilihat pada gambar dibawah ini.
Universitas Sumatera Utara
Sistem Data
Tentang Penulis Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
Tambah Edit
Hapus Daftar Pengguna
No Username
Password Level
Username Password
Konfirmasi Password Level
Keluar Batal
Ok
Gambar 3.13 Rancangan Menu Daftar Pengguna
3.4.6 Rancangan Menu Data
Menu register data adalah menu untuk menyimpan semua data siswa yang diperlukan, sehingga apabila dibutuhkan dapat dicari pada menu ini. Tampilan rancangan menu
data dapat dilihat pada gambar dibawah ini.
Sistem Data
Tentang Penulis Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
Data Siswa Input Data Siswa
Gambar 3.14 Rancangan Menu Data
Universitas Sumatera Utara
3.4.7 Rancangan Menu Data Siswa
Menu data siswa adalah menu yang berisi semua data-data siswa calon penerima beasiswa. Pada menu ini, kita dapat memanipulasi data siswa yang ada, seperti
mengedit data siswa dan menghapus data siswa. Tampilan rancangan menu data siswa dapat dilihat pada gambar dibawah ini.
Sistem Data
Tentang Penulis Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
Edit Hapus
Data Siswa Calon Penerima Potongan Uang Sekolah
Tambah
No NIS
Nama Siswa Penghasilan
Orang Tua Tanggungan
Orang tua
Cari NIS
Kelas Nama Siswa
Cancel
Gambar 3.15 Rancangan Menu Data Siswa
3.4.8
Rancangan Menu Input Data Siswa
Menu ini berfungsi untuk menambahkan data siswa calon penerima beasiswa. Data yang harus diisi oleh operator atau administrator diantaranya NIS, nama siswa,
penghasilan orang tua, tanggungan orang tua, kelas, keadaan ayah dan nilai rapor. Tampilan rancangan menu input data siswa dapat dilihat pada gambar dibawah ini.
Universitas Sumatera Utara
Sistem Data
Tentang Penulis Keluar
Proses SPK Pemberian Potongan Uang Sekolah SMA Taman Siswa
NIS
Kelas Tanggungan Orangtua
Penghasilan Orangtua Nama Siswa
Keadaan Ayah Nilai Rapor
Simpan Cancel
Tambah Data Siswa Calon Penerima Potongan Uang Sekolah
Reset Jumlah Saudara Kandung
Gambar 3.16 Rancangan Menu Tambah Data Siswa
3.4.9 Rancangan Menu Proses
Menu ini menampilkan data siswa calon penerima beasiswa yang telah diinputkan namun nilai yang ditampilkan dalam bentuk kriteria bilangan fuzzy yang telah
dikonversikan.Tampilan rancangan menu proses dapat dilihat pada gambar dibawah ini.
Universitas Sumatera Utara
Sistem Data
Tentang Penulis Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
No NIS
Nama Siswa Penghasilan
Orang Tua Tanggungan
Orang tua
Proses Keluar
Data Siswa CalonPenerima Potongan Uang Sekolah Sebelum diProses
Gambar 3.17 Rancangan Menu Proses 3.4.10
Rancangan Menu Proses Akhir
Menu ini menampilkan data siswa penerima beasiswa dimana hasil yang akan ditampilkan adalah siswa dengan alternatif tertinggi sampai alternatif terendah.
Sehingga yang akan lolos dalam penerima beasiswa tersebut adalah siswa dengan nilai alternatif yang terbaik. Tampilan rancangan menu proses dapat dilihat pada gambar
dibawah ini.
Universitas Sumatera Utara
Sistem Data
Tentang Penulis Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
No NIS
Nama Siswa Penghasilan
Orang Tua Tanggungan
Orang tua
Print Keluar
Data Siswa CalonPenerima Potongan Uang Sekolah Sesudah diProses
Gambar 3.18 Rancangan Menu Proses Akhir
3.4.11 Rancangan Menu Tentang Penulis
Menu tentang penulis berisi tentang biodata pengembang aplikasi SPK ini. Tampilan rancangan menu tentang penulis dapat dilihat pada gambar dibawah ini.
Sistem Data
Tentang Penulis Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
Tentang Penulis Nama
: Riky Andi Syahputra NIM
: 061401011 Program Studi : S1 Ilmu Komputer
Fakultas : MIPA USU
Email : rikyswissyahoo.co.id
Keluar
Gambar 3.19 Rancangan Tentang Penulis
Universitas Sumatera Utara
3.4.12 Rancangan Menu Keluar
Menu keluar merupakan fungsi yang digunakan jika pengguna ingin keluar dari sistem. Tampilan rancangan menu keluar dapat dilihat pada gambar dibawah ini.
Sistem Data
Tentang Penulis Keluar
Proses SPK Pemberian Beasiswa SMA Taman Siswa
Apakah Anda Yakin Keluar Dari Sistem ?
Ya Tidak
Gambar 3.20 Rancangan Menu Keluar Sistem
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI
Pada bab ini akan dijelaskan tentang implementasi dan pengujian dari aplikasi yang telah dirancang pada bab 3. Implementasi ini dilakukan untuk mengetahui hasil dari
Kategori