Perancangan Tampilan Layar Perancangan

e. Halaman Hitung Hasil Hitung Hasil Generate Klik Generate Masuk ke halaman generate Keluar Klik Hitung Hasil Masuk ke halamanHitung Hasil Halaman ini merupakan proses hitung hasil untuk mendapatkan hasil penjurusan siswai dengan melakukan proses generate siswai yang telah dipilih. f. Halaman Bantuan Bantuan Bantuan Klik Bantuan Masuk ke halaman Bantuan Keluar Klik Bantuan Masuk ke halamanBantuan Halaman ini merupakan halaman bantuan untuk mendapatkan informasi tentang Sistem Pendukung Keputusan penjurusan program studi siswai.

4.3.6 Perancangan Tampilan Layar

Perancang keluaran output menggambarkan halaman tampilan layar yang akan dirancang interface system. Gambar 4.18 Perancangan STD halaman hitung hasil Gambar 4.19 Perancangan STD halaman bantuan 1. Rancangan halaman masuk BANNER Footer icon Login LOGIN RESET Username : Password : Pada halaman ini user diminta untuk memasukkan username dan password yang telah dimilikinya sebagai wewenang pengguna sistem pendukung keputusan. Gambar 4.20 Perancangan tampilan halaman masuk 2. Rancangan Halaman Utama BANNER Footer Halaman Utama AHP Data Siswa Keluar Penjurusan Selamat Datang di Sistem Pendukung Keputusan Program Studi MAN 4 Model Jakarta Gambar Pada halaman ini akan ditampilkan sebuah pemberitahuan bahwa user telah masuk ke dalam sistem pendukung keputusan penjurusan program studi. Selanjutnya user dapat menggunakan untuk melihat data siswai MAN 4 Model Jakarta untuk kelas X dan dapat melakukan proses perhitungan penjurusan siswai. Gambar 4.21 Perancangan tampilan halaman utama 3. Rancangan Halaman Lihat Data Siswa Pada Halaman ini berfungsi untuk melihat data-data siswai dan data hasil psikotes dan minat siswai MAN 4 Model Jakarta kelas X yang telah masuk ke dalam sistem penjurusan program studi siswai. BANNER Footer Halaman Utama AHP Keluar Penjurusan Gallery Waktu Kalender Lihat Data Siswa Data Siswa Nama Siswa NIS Kelas Alamat Tempat Lahir Tanggal Lahir Aksi Data Siswa Prev 1 Next Gambar 4.22 Perancangan tampilan halaman lihat data siswa 4. Rancangan Halaman Cari Data Siswa Pada Halaman ini berfungsi untuk halaman cari data siswa, dapat melakukan pencarian data siswai dengan menggunakan penelusuran berdasarkan NIS. BANNER Footer Halaman Utama AHP Keluar Penjurusan Gallery Waktu Kalender Lihat Data Siswa Pencarian Data Siswa Data Siswa SEARCH Cari Data Siswa NIS CARI HAPUS Gambar 4.23 Perancangan tampilan halaman cari data siswa 5. Rancangan Halaman Perbandingan Kriteria Pada halaman ini diperlihatkan pembobotan nilai kriteria-kriteria yaitu minat siswa, psikotes, dan nilai akademik. Di dalam halaman ini ada acuan nilai untuk pembobotan nilai yaitu tingkat preferensi nilai. Langkah pertama yaitu meng-input nilai untuk matrik kriteria penjurusan sesuai tingkat preferensi nilai dan diproses. BANNER Footer Halaman Utama AHP Keluar Penjurusan Gallery Waktu Kalender Perbandingan Kriteria Perbandingan Kriteria Data Siswa Preferensi Nilai Perbandingan Kriteria Psikotes Minat Siswa Nilai Akademik Nilai Akademik Minat Siswa Minat Siswa Proses Batal - Kriteria - v Gambar 4.24 Perancangan tampilan halaman perbandingan kriteria 6. Rancangan Halaman Perbandingan Kriteria Lanjutan Pada halaman ini diperlihatkan nilai vektor preferensi, dan nilai Concitency Ratio . Jika nilai yang dimasukkan memiliki Concistency Ratio 0,10, maka data yang dimasukkan adalah konsisten dan jika Consistency Ratio 0,10, maka data yang dimasukkan tidak konsisten. Konsistensi ini dapat terlihat dari proses penyimpanan dan adanya kotak dialog pesan dan bobot vektor preferensi tersimpan di database. BANNER Footer Halaman Utama AHP Keluar Penjurusan Gallery Waktu Kalender Perbandingan Kriteria Perbandingan Kriteria Data Siswa Perbandingan Kriteria Psikotes Minat Siswa Nilai Akademik Nilai Akademik Minat Siswa Minat Siswa Rata-rata Baris Jumlah Nilai CR Keterangan: Jika data yang dimasukkan menghasilkan consistency ratio 0,10 maka datanya konsisten. Jika nilai yang dimasukkan menghasilkan consistency ratio 0,10 maka datanya tidak konsisten. Simpan Gambar 4.25 Perancangan tampilan halaman perbandingan kriteria Lanjutan 7. Rancangan Halaman Hitung Hasil Pada halaman hitung hasil ini diperlihatkan perhitungan penjurusan siswa berdasarkan kriteria-kriteria yaitu minat siswa, psikotes, dan nilai akademik. Selanjutnya kriteria-kriteria tersebut dikalikan dengan bobot vektor preferensi yang telah dihitung pada halaman perbandingan kriteria. BANNER Footer Halaman Utama AHP Keluar Penjurusan Gallery Waktu Kalender Hitung Hasil Hitung Hasil Penjurusan Nama Siswa NIS Kelas Data Siswa Prev 1 Next NIS Check All Uncheck All GENERATE Aksi Gambar 4.26 Perancangan tampilan halaman hitung hasil 8. Rancangan Halaman Hasil Generate Penjurusan Pada halaman ini diperlihatkan hasil perhitungan penjurusan siswa dalam bentuk tabel dan diagram chart. Selanjutnya hasil penjurusan siswa tersebut dapat disimpan, atau dicetak. BANNER Footer Halaman Utama AHP Keluar Penjurusan Gallery Waktu Kalender Nama Siswa No NIS Kelas Psikotes Minat Siswa Aksi Data Siswa Hasil Gambar 4.27 Perancangan tampilan halaman hasil generate penjurusan 9. Rancangan Halaman Bantuan Pada halaman ini diperlihatkan informasi mengenai penggunaan sistem pendukung keputusan penjurusan program studi MAN 4 Model Jakarta. BANNER Footer Halaman Utama AHP Keluar Penjurusan Gallery Waktu Kalender Bantuan Data Siswa Bantuan Gambar 4.28 Perancangan tampilan halaman bantuan penjurusan 10. Rancangan Laporan Penjurusan DEPARTEMEN AGAMA MADRASAH ALIYAH NEGERI MAN 4 JAKARTA Jl. Ciputat Raya Pondok Pinang Kebayoran Lama - Jaksel Website: www.man4-jkt.sch.id Email: man4jktyahoo.co.id Logo Hasil Penjurusan Program Studi DATA SISWA NOMOR INDUK SISWA : NAMA SISWA : KELAS : BOBOT PENJURUSAN BOBOT IPA : BOBOT IPS : BOBOT BAHASA ARAB : BOBOT BAHASA JEPANG : HASIL Dengan demikian, siswa dengan nama ............... mampu ditempatkan- pada Jurusan ...... Mengetahui, Kepala Madrasah, Drs. M. Fadoli NIP. WAKA. Kurikulum, Drs. Agus Mudhafar NIP. Jakarta, DD-MM-YY Guru Bimbingan Konseling, Dra. Titik Sumanti NIP. Pada halaman ini diperlihatkan laporan hasil penjurusan program studi siswai MAN 4 Model Jakarta. Gambar 4.29 Perancangan tampilan laporan penjurusan

4.4 Implementasi

Setelah dilakukan perancangan sistem pendukung keputusan program studi diatas maka tahap selanjutnya adalah pembuatan source code program dan pengujian sistem.

4.4.1 Pembuatan

Source Code Pada tahap ini dilakukan pengkodean terhadap rancangan-rancangan yang telah didefinisikan. Pengkodean sistem dilakukan dengan menggunakan bahasa pemrograman PHP dan MySQL sebagai basisdatanya. Adapun baris kode program yang dibuat dapat dilihat pada bagian lampiran skripsi ini.

4.4.2 Pengujian Sistem

Sebelum sistem informasi ini dapat digunakan, maka harus dilakukan pengujian terlebih dahulu. Beberapa pengujian dilakukan oleh programmer sendiri. Pengujian ini dilakukan dengan metode Blackbox testing. Berikut ini adalah hasil pengujian terhadap sistem yang dibuat.

1. Halaman Utama

No Rancangan Proses Hasil Yang Diharapkan Hasil Keterangan 1. Klik ‘Halaman Utama’ Menampilkan halaman utama sistem penjurusan program studi OK 2. 3. 4. Klik ‘Lihat Data Siswa’ Klik ‘Cari Data Siswa’ Klik ‘Perbandingan Kriteria’ Menampilkan data siswa Menampilkan data siswa berdasarkan NIS siswa Menampilkan perbandingan kriteria OK OK OK 5. 6. 7. Klik ‘Hitung Hasil’ Klik ‘Bantuan’ Klik ‘Keluar’ Menampilkan hitung hasil penjurusan Menampilkan bantuan Keluar dari sistem OK OK OK Tabel 4.31 Pengujian black-box halaman utama