Perancangan Antarmuka Perancangan Sistem Pendukung Keputusan Penentuan Performance Sekolah Dengan Menggunakan Metode Fuzzy Multi Criteria Decision Making (MCDM)

3.4 Perancangan Antarmuka

Perancangan antarmuka merupakan tahapan dimana pengembang sistem merancang tampilan untuk komunikasi pengguna terhadap sistem. Tahapan ini dilakukan setelah tahap analisis kebutuhan sistem selesai, sehingga pada saat merancang tampilan antarmuka, sangat memperhatikan kebutuhan dari sistem maupun pengguna sistem tersebut. Dengan begitu tampilan antarmuka yang dihasilkan dapat memenuhi kebutuhan dari pengguna maupun sistem itu sendiri. Untuk memudahkan perancangan antarmuka sistem, maka perancangan menu program dari sistem dapat dilakukan terlebih dahulu guna mengetahui menu-menu yang disediakan oleh sistem kepada pengguna dalam mengoperasionalkan sistem ini. Berikut penjelasan struktur menu program pada sistem pendukung keputusan ini.

3.4.1 Rancangan Halaman Utama

Halaman utama merupakan tampilan jendela utama yang muncul dari sistem yang menampilkan menu utama dari sistem ini. Menu utama pada sistem ini terdiri dari 4 bagian yaitu menu sistem, menu register data, menu laporan dan menu tentang sistem. Masing-masing menu tersebut memiliki beberapa sub menu. Adapun tampilan dari rancangan halaman utama dapat dilihat pada gambar 3.12. Gambar 3.12 Rancangan Halaman Utama SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Universitas Sumatera Utara

3.4.2 Rancangan Halaman Menu Sistem

Pada menu sistem yang terdapat pada halaman utama, memiliki beberapa sub menu yaitu sub menu login, logout, ganti password , daftar pengguna dan keluar. Tampilan dari menu sistem dapat dilihat pada gambar 3.13. Gambar 3.13 Rancangan Halaman Menu Sistem

3.4.2.1 Rancangan Tampilan Menu Login

Menu login merupakan sub menu yang terdapat pada menu sistem pada pada halaman utama sistem. Pada menu login ini, pengguna diminta untuk memasukkan data loginnya, berupa username dan password. Setelah pengguna memasukkan data loginnya, maka sistem akan memvalidasi data login tersebut, jika data loginnya benar, maka pengguna dapat menggunakan sistem baik yang sebagai admin maupun user, jika salah maka sistem akan memberikan konfirmasi kesalahan tersebut dan pengguna tidak dapat menggunakan sistem. Namun pada menu login ini terdapat juga button text “Register User” yang merupakan link ke form register user. Form tersebut digunakan pengguna untuk mendaftarkan data loginnya ke sistem, karena pengguna belum memiliki data login pada sistem sebelumnya. Tampilan menu login dan form register user dapat dilihat pada gambar 3.14 dan gambar 3.15. SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Login Logout Ganti Password Daftar Pengguna Keluar Universitas Sumatera Utara Gambar 3.14 Rancangan Tampilan Menu Login Gambar 3.15 Rancangan Form Register User

3.4.2.2 Rancangan Tampilan Menu Logout

Menu logout akan tampil setelah pengguna mengklik menu ini yang terdapat pada menu sistem di halaman utama sistem. Menu logout digunakan jika pengguna yang telah melakukan login ke sistem baik sebagai admin maupun user, kemudian ingin keluar dari sistem sebagai admin maupun user. Menu logout ini, berupa konfirmasi SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Register User Instansi : Username : Password : Konfirm Passsword : simpan batal SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Login Username : Password : Register user batal login Universitas Sumatera Utara perintah logout dalam bentuk dialogue box. Tampilan menu logout dapat dilihat pada gambar 3.16. Gambar 3.16 Rancangan Tampilan Menu Logout

3.4.2.3 Rancangan Tampilan Menu Ganti Password

Menu ganti password dapat ditampilkan melalui menu sistem pada halaman utama. Pengguna sebagai admin maupun user dapat menggunakan menu ganti password ini untuk mengganti password dari data login miliknya yang terdapat pada sistem sebelmnya. Tampilan menu ganti password dapat dilihat pada gambar 3.17. Gambar 3.17 Rancangan Tampilan Menu Ganti Password SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Apakah Anda ingin logout sebagai admin user ? ya tidak SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Ganti Password Username : Password Lama : Password Baru : Konfirm Passsword : simpan batal Universitas Sumatera Utara

3.4.2.4 Rancangan Tampilan Menu Daftar Pengguna

Menu daftar pengguna ini digunakan untuk melihat siapa saja yang telah menggunakan sistem ini. Namun hak akses menu ini hanya terdapat pada pengguna level admin. Adapun tampilan dari menu daftar pengguna dapat dilihat pada gambar 3.18. Gambar 3.18 Rancangan Tampilan Menu Daftar Pengguna

3.4.2.5 Rancangan Tampilan Menu Keluar

Menu keluar digunakan untuk keluar dari sistem. Menu ini berupa konfirmasi perintah keluar dalam bentuk dialogue box. Adapun tampilan menu keluar dapat dilihat pada gambar 3.19. Gambar 3.19 Rancangan Tampilan Menu Keluar SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Username Instansi Status tutup SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Apakah Anda yakin ingin keluar dari sistem ? Tidak Ya Universitas Sumatera Utara

3.4.3 Rancangan Halaman Menu Register Data

Menu register data pada halaman utama sistem memiliki sub menu diantaranya yaitu register derajat kepentingan kriteria, register data sekolah, perbaharui data sekolah dan proses menentukan performance sekolah. Tampilan halaman menuregister data ini dapat dilihat pada gambar 3.20. Gambar 3.20 Rancangan Halaman Menu Register Data 3.4.3.1 Rancangan Halaman Menu Register Derajat Kepentingan Kriteria dan Halaman Data Kriteria Terproses Menu register derajat kepentingan kriteria merupakan sub menu dari register data dengan fungsi sebagai tempat dimana pengguna menentukan derajat kepentingan dari kriteria yang digunakan. Setelah derajat kepentingan kriteria ditentukan, maka rating dari derajat kepentingan kriteria tersebut di simpan ke dalam basis data. Dari derajat kepentingan kriteria yang telah ditentukan maka diperoleh nilai maksimal sebagai standar interval nilai untuk tingkat performance sekolah yang digunakan nantinya. Namun, pengguna yang dapat mengakses menu ini hanyalah pengguna yang telah login sebagai admin. Tampilan halaman menu register derajat kepentingan kriteria dapat dilihat pada gambar 3.21 sedangkan untuk halaman data kriteria terproses pada gambar 3.22. SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Register Derajat Kepentingan Kriteria Register Data Sekolah Perbaharui Data Sekolah Proses Menentukan Performance Sekolah Universitas Sumatera Utara Gambar 3.21 Rancangan Halaman Menu Register Derajat Kepentingan Kriteria Gambar 3.22 Rancangan Halaman Data Kriteria Terproses

3.4.3.2 Rancangan Halaman Menu Register Data Sekolah

Menu register data sekolah digunakan untuk pengguna memasukkan data sekolah yang akan ditentukan tingkat performancenya. Setelah data sekolah dimasukkan sesuai permintaan data yang tersedia pada aplikasi, maka berdasarkan data tersebut diperoleh bobot nilai tiap kriteria yang digunakan untuk sekolah tersebut. Setelah semua data diisi, maka klik button “simpan” pada halaman register data sekolah agar data sekolah dan data bobot nilai yang diperoleh tersimpan pada basis data sekolah. SPK Penentuan Performance Sekolah kriteria derajat kepentingan 1. Standar Isi 2. Standar Proses Belajar Mengajar 3. Standar Kompetensi Kelulusan 4. Standar Pendidik dan Kependidikan 5. Standar Sarana dan Prasarana 6. Standar Pengelolaan 7. Standar Pembiayaan 8. Standar Penilaian simpan batal SPK Penentuan Performance Sekolah Derajat Kepentingan Tiap Kriteria Nilai Maksimum Derajat Kriteria1 Kriteria2 Kriteria3 Kriteria4 Kriteria5 Kriteria6 Kriteria7 Kriteria8 Refresh Derajat Kembali Universitas Sumatera Utara Bobot nilai yang diperoleh tersebut yang nantinya digunakan untuk menentukan derajat kecocokan sekolah terhadap tiap kriteria. Namun menu ini lebih diutamakan diakses oleh pengguna dengan level user. Tampilan halaman menu register data sekolah dapat dilihat pada gambar 3.23. Gambar 3.23 Rancangan Halaman Menu Register Data Sekolah

3.4.3.3 Rancangan Halaman Menu Perbaharui Data Sekolah

Menu perbaharui data sekolah ini digunakan untuk meregister ulang atau modifikasi data sekolah untuk penentuan performance sekolah. Menu ini digunakan dengan cara memasukkan terlebih dahulu NIS Nomor Induk Sekolah dari sekolah yang datanya ingin diperbaharui. Adapun tampilan halaman menu perbaharui data sekolah adalah sebagai berikut: Gambar 3.24 Rancangan Halaman Menu Perbaharui Data Sekolah SPK Penentuan Performance Sekolah Jenjang Sekolah : Nama Sekolah : Nomor Induk Sekolah : batal simpan kriteria SPK Penentuan Performance Sekolah Nomor Induk Sekolah : Jenjang Sekolah : Nama Sekolah : batal simpan kriteria ok Universitas Sumatera Utara

3.4.3.4 Rancangan Halaman Menu Proses Menentukan Performance Sekolah

Menu ini merupakan fungsi utama dari sistem, yaitu menentukan performance sekolah dari data dan bobot nilai yang diperoleh sekolah tersebut. Seperti halnya pada menu perbaharui data sekolah, penggunaan menu ini diawali dengan memasukkan NIS Nomor Induk Sekolah dari sekolah yang telah diregister sebelumnya. Setelah itu klik button “ok” guna mengecek apakah data sekolah dengan NIS tersebut telah ada di sistem atau tidak. Jika ada, maka pada tampilan ini akan ditampilkan bobot nilai yang diperoleh sekolah tersebut, derajat kecocokan sekolah terhadap tiap kriteria berdasarkan bobot nilai yang diperoleh serta derajat kepentingan kriteria yang ditetapkan admin sebelumnya. Setelah kesemua data di atas telah ditampilkan,maka klik button “proses” untuk memperoleh hasil agregasi dari sekolah tersebut dan tingkat performance yang dicapainya. Button “reset” digunakan untuk mengembalikan keadaan awal dari tampilan ini. Setelah semua data telah ditampilkan maka klik button “simpan” untuk menyimpan kesemua data tersebut ke database. Sedangkan jika button “kembali” diklik sebelum mengklik button “simpan”, maka data tidak akan tersimpan ke database. Adapun tampilan halaman menu proses menentukan performance sekolah dapat dilihat pada gambar 3.25. Gambar 3.23 Rancangan Halaman Register Data Sekolah Terproses Gambar 3.25 Rancangan Halaman Menu Proses Menentukan Performance Sekolah SPK Penentuan Performance Sekolah Nomor Induk Sekolah: Nama Sekolah : Jenjang Sekolah : Kriteria bobot nilai Derajat Kecocokan Derajat Kepentingan 1. Standar Isi - - - 2. Standar Proses Belajar Mengajar - - - 3. Standar Kompetensi Kelulusan - - - 4. Standar Pendidik dan Kependidikan - - - 5. Standar Sarana dan Prasarana - - - 6. Standar Pengelolaan - - - 7. Standar Pembiayaan - - - 8. Standar Penilaian - - - Nilai Prioritas Maksimal : Nilai Prioritas : Tingkat Performance : ok simpan kembali proses reset Universitas Sumatera Utara

3.4.4 Rancangan Halaman Menu Laporan

Menu laporan hanya memiliki sebuah sub menu yaitu hasil performance sekolah. Menu ini digunakan untuk melihat hasil penentuan performance sekolah yang telah dilakukan pada sistem ini. Selain itu, pada menu hasil performance sekolah ini pengguna dapat mencetak laporan yang ada dengan mengklik button “cetak laporan”. Menu ini dapat diakses oleh pengguna dengan level admin maupun level user. Tampilan rancangan halaman menu laporan dan menu hasil performance sekolah, masing-masing dapat ddilihat pada gambar 3.26 dan 3.27. Gambar 3.26 Rancangan Halaman Menu Laporan Gambar 3.27 Rancangan Halaman Menu Hasil Performance Sekolah SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Hasil Performance Sekolah SPK Penentuan Performance Sekolah Laporan Hasil Keputusan NIS Nama Sekolah Jenjang BK1 BK2 BK3 BK4 BK5 BK6 BK7 BK8 Keterangan tabel Cetak Laporan tutup Universitas Sumatera Utara

3.4.5 Rancangan Halaman Menu Tentang Sistem

Menu tentang sistem digunakan untuk mengakses informasi dari sistem. Adapun sub menu yang terdapat pada menu tentang sistem, yaitu menu petunjuk penggunaan sistem dan tentang programmer dari sistem. Tampilan halaman menu tentang sistem dapat dilihat pada gambar 3.28. Gambar 3.28 Rancangan Halaman Menu Tentang Sistem

3.4.5.1 Rancangan Tampilan Menu Petunjuk Pengguna Sistem

Menu petunjuk penggunaan sistem merupakan halaman yang berisi informasi mengenai pengguna dan penggunaan sistem atau aplikasi. Selain itu, halaman ini juga menyajikan informasi fungsi dan batasan pengguna dengan level masing-masing terhadap sistem. Tampilan menu petunjuk pengguna aplikasi dapat dilihat pada gambar 3.29. Gambar 3.29 Rancangan Tampilan Menu Petunjuk Pengguna Sistem SPK Penentuan Performance Sekolah Petunjuk Pengguna Aplikasi tutup SPK Penentuan Performance Sekolah Sistem Register Data Laporan Tentang Sistem Petunjuk Pengguna Aplikasi Tentang Programmer Universitas Sumatera Utara

3.4.5.2 Rancangan Tampilan Menu Tentang Programmer

Menu tentang programmer merupakan halaman yang berisikan tentang programmer atau perancang atau pengembang serta yang membuat sistem atau aplikasi. Dalam hal ini isi dari informasi tentang programmer berupa data pribadi umum, seperti nama, nim, program studi, fakultas, universitas serta e-mail dari programmer. Tampilan menu tentang programmer dapat dilihat pada gambar 3.30. Gambar 3.30 Rancangan Tampilan Menu Tentang Programmer SPK Penentuan Performance Sekolah Tentang Programmer Nama : Reza Feriansyah NIM : 071401023 Prog.Studi : S-1 Ilmu Komputer Fak : MIPA Universitas: USU E-mail : rezaf_r4yahoo.co.id tutup Universitas Sumatera Utara BAB 4 IMPLEMENTASI

4.1 Implementasi