Perancangan State Transition Diagram STD

2. Halaman Admin

Home Kriteria Bakat Berita User Login Go Tambah View Edit Delete Go Tambah View Edit Delete Go Tambah View Edit Delete Hitung Kriteria List Kriteria Keluar Masukan Username dan password Klik kriteria Tampil menu Kriteria Klik Bakat Tampil Menu Bakat Klik Tambah Tampil Menu Tambah Klik Tambah Tampil Menu Tambah Klik Tambah Tampil Menu Tambah Input Nilai kriteria Tampil inputan Kriteria Logout Klik View Tampil Menu View Klik View Tampil Menu View Klik View Tampil Menu View Klik delete Tampil Menu Delete Klik delete Tampil Menu Delete Klik delete Tampil Menu Delete Klik Berita Tampil Menu Berita Klik User Tampil Menu User Klik Logout Gambar 4.16 STD Admin Desain interface

1. Perancangan Halaman Login

Gambar 4.17 Interface halaman login

2. Perancangan Halaman Menu Utama User

FOOTER MENU HEADER BERITA Gambar 4.18 Interface Halaman Menu Utama User Username Password Login

3. Perancangan Halaman Menu Input Nilai Psikotes

FOOTER MENU HEADER FORM INPUT NILAI PSIKOTES SUBMIT Gambar 4.19 Interface Halaman Menu Input Nilai Psikotes

4. Perancangan Halaman Menu Input Nilai Perbandingan

FOOTER MENU HEADER FORM INPUT NILAI PERBANDINGAN List Jurusan 1. 2. 3. Gambar 4.20 Interface Halaman Menu Input Nilai Perbandingan

5. Perancangan Halaman Menu Hasil

FOOTER MENU HEADER Hasil akhir SPK Nama : NIS : Jurusan I Jurusan II Jurusan III GO HOME LOGOUT Back Gambar 4.21 Interface Halaman Menu Utama Hasil

6. Perancangan Halaman Menu Berita

FOOTER MENU HEADER LIST BERITA DAFTAR LENGKAP BERITA Gambar 4.22 Interface Halaman Menu Berita

7. Perancangan Halaman Menu Password

FOOTER MENU HEADER Nama : User Password : GO HOME LOGOUT Back Password Gambar 4.23 Interface Halaman Menu Password

8. Perancangan Halaman Menu Utama Admin Web

FOOTER HEADER BANNER ADMIN MENU Gambar 4.24 Interface Halaman Menu Utama AdminWeb

9. Perancangan Halaman Menu Kriteria

FOOTER HEADER MENU FORM PERBANDINGAN KRITERIA SUBMIT CANCEL List Kriteria 1. 2. 3. Gambar 4.25 Interface Halaman Menu Kriteria

10. Perancangan Halaman Menu Bakat

FOOTER HEADER MENU TABEL BAKAT TAMBAH EDIT HAPUS Gambar 4.26 Interface Halaman Menu Bakat

11. Perancangan Halaman Menu Berita

FOOTER HEADER MENU TABEL BERITA TAMBAH EDIT HAPUS Gambar 4.27 Interface Halaman Menu Berita

12. Perancangan Halaman Menu User

FOOTER HEADER MENU TABEL USER TAMBAH EDIT HAPUS Gambar 4.28 Interface Halaman Menu User

13. Perancangan Halaman Menu Hasil

FOOTER HEADER MENU TABEL HASIL SPK Gambar 4.29 Interface Halaman Menu Hasil

14. Perancangan Halaman Menu Utama Admin Mobile

FOOTER MENU HEADER Selamat Datang Admin Gambar 4.30 Interface Halaman Menu Admin Mobile

15. Perancangan Halaman Menu Kriteria Admin Mobile

FOOTER MENU HEADER List Kriteria Update Batal Gambar 4.31 Interface Halaman Menu Kriteria Admin Mobile

16. Perancangan Halaman Menu Berita Admin Mobile

FOOTER MENU HEADER Tambah TABEL BERITA EDIT HAPUS Gambar 4.32 Interface Halaman Menu Berita Admin Mobile

17. Perancangan Halaman Menu Bakat Admin Mobile

FOOTER MENU HEADER Tambah TABEL BAKAT EDIT HAPUS Gambar 4.33 Interface Halaman Menu Bakat Admin Mobile

18. Perancangan Halaman Menu User Admin Mobile

FOOTER MENU HEADER Tambah TABEL USER EDIT HAPUS Gambar 4.34 Interface Halaman Menu User Admin Mobile

19. Perancangan Halaman Menu Hasil Admin Mobile

FOOTER MENU HEADER TABEL HASIL Gambar 4.35 Interface Halaman Menu Hasil Admin Mobile

4.4 Construction

4.4.1 Pengkodean

Dalam fase konstruksi, bahasa pemrograman yang digunakan adalah xHTML-MP dan PHP dengan menggunakan database MySQL. Dalam pengkodean ini, penulis menggunakan metode Analytical Hierarchy Process AHP dalam sistem pendukung keputusan. Dari inputan – inputan nilai yang telah ditentukan, user dapat mengetahui rekomendasi fakultas sesuai inputan yang telah mereka tulis. Pada tahap ini penulis juga melakukan testing mandiri untuk mengetahui jalannya aplikasi yang telah dirancang.

4.4.2 Testing

Pada tahapan ini, penulis mengadakan blackbox testing untuk menguji aplikasi yang telah dibuat. Cara pengujian blackbox testing dilakukan dengan menjalankan aplikasi sistem pendukung keputusan dan melakukan input data serta melihat input-nya apakah sesuai dengan aturan sistem yang telah ditetapkan.Berikut adalah tabel pengujian :

1. Hasil Pengujian Halaman untuk User

Tabel 4.16 Tabel Pengujian Halaman untuk User Pengujian Interface yang diharapkan Hasil Pengujian Keterangan 1. Interface halaman login user Interface halaman login. OK Lampiran 4, Gambar 1 2. Interface halaman home user Interface halaman home user. OK Lampiran 4, Gambar 2 3. Interface halaman hitung spk user Interface input nilai psikotes siswa dan perbandingan fakultas. OK Lampiran 4, Gambar 3