47

BAB IV. HASIL DAN ANALISIS

4.1 Hasil Karya / Implementasi

Kegiatan implementasi atau penerapan dilakukan dengan

dasar yang telah direncanakan dalam rencana implementasi.

Pada penerapan sistem yang diusulkan tentu saja harus

disediakan beberapa aspek yang akan mendukung kelancaran

operasi sistem dan hal yang akan dijadikan faktor pendukung

adalah penentuan kebutuhan sumber daya.

Implementasi adalah proses penerapan rancangan

program yang telah dibuat atau penerapan aplikasi dalam

melaksanakan sistem informasi yang dibangun.

4.1.1 Menu Login

Gambar 4.1.1 Tampilan login

48

Keterangan :

- Pada halaman login terdapat password dan username

untuk masuk ke dashboard website.

4.1.2 Menu Utama Mahasiswa

Gambar 4.1.2 Tampilan menu utama mahasiswa

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda.

- Pada main menu terdapat link ke pendaftaran konseling.

49

4.1.3 Menu Pendaftaran Konseling

Gambar 4.1.3 Tampilan pendaftaran konseling

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda.

- Pada main menu terdapat form untuk pengisian

pendaftaran konseling.

4.1.4 Menu Ubah Password Mahasiswa

Gambar 4.1.4 Tampilan ubah password mahasiswa

50

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda.

- Pada main menu terdapat 2 textbox dan 1 button untuk

mengubah password.

4.1.5 Menu Utama Konselor

Gambar 4.1.5 Tampilan menu utama konselor

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda dan data

konseling ke laporan konseling mahasiswa.

- Pada main menu terdapat link ke lihat mahasiswa

mendaftar konseling dan link ke tambah laporan

konseling mahasiswa.

51

4.1.6 Menu Konselor Lihat Data Pendaftar

Gambar 4.1.6 Tampilan konselor lihat data pendaftar

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda dan data

konseling ke laporan konseling mahasiswa.

- Pada main menu terdapat tabel mahasiswa yang sudah

mendaftar bimbingan konseling.

4.1.7 Menu Konselor Tambah Data Konseling

Gambar 4.1.7 Tampilan konselor tambah data konseling

52

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda dan data

konseling ke laporan konseling mahasiswa.

- Pada main menu terdapat form pengisian laporan

konseling mahasiswa.

4.1.8 Menu Konselor Lihat Data Konseling

Gambar 4.1.8 Tampilan konselor lihat data konseling

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda dan data

konseling ke laporan konseling mahasiswa.

- Pada main menu terdapat tabel laporan konseling

mahasiswa dan 2 icon untuk edit dan hapus laporan

konseling.

53

4.1.9 Menu Konselor Edit Data Konseling

Gambar 4.1.9 Tampilan konselor edit data konseling

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda dan data

konseling ke laporan konseling mahasiswa.

- Pada main menu terdapat form edit laporan konseling

mahasiswa.

4.1.10 Menu Konselor Hapus Data Konseling

Gambar 4.1.10 Tampilan konselor hapus data konseling

54

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda dan data

konseling ke laporan konseling mahasiswa.

- Pada main menu terdapat tabel dan icon berwarna merah

untuk menghapus laporan konseling mahasiswa.

4.1.11 Menu Ubah Password Konselor

Gambar 4.1.11 Tampilan ubah password konselor

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda dan data

konseling ke laporan konseling mahasiswa.

- Pada main menu terdapat 2 textbox dan 1 button untuk

mengubah password.

55

4.1.12 Menu Utama Admin

Gambar 4.1.12 Tampilan menu utama admin

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat link ke tambah data mahasiswa,

link ke tambah data wali study dan link ke tambah data

konselor.

56

4.1.13 Menu Admin Tambah Data Mahasiswa

Gambar 4.1.13 Tampilan admin tambah data mahasiswa

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat form pengisian untuk

menambah data mahasiswa.

57

4.1.14 Menu Admin Lihat Data Mahasiswa

Gambar 4.1.14 Tampilan admin lihat data mahasiswa

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat tabel data mahasiswa, 2 icon

untuk edit dan hapus data mahasiswa dan 1 button untuk

tambah data mahasiswa.

58

4.1.15 Menu Admin Edit Data Mahasiswa

Gambar 4.1.15 Tampilan admin edit data mahasiswa

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat form pengisian edit data

mahasiswa, 2 button untuk menyimpan data terbaru dan

membatalkan.

59

4.1.16 Menu Admin Hapus Data Mahasiswa

Gambar 4.1.16 Tampilan admin hapus data mahasiswa

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat tabel dan icon berwarna merah

untuk menghapus data mahasiswa.

60

4.1.17 Menu Admin Tambah Data Wali Study

Gambar 4.1.17 Tampilan admin tambah data wali study

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat form pengisian untuk

menambah data wali study, 2 button untuk menyimpan

data terbaru dan membatalkannya.

61

4.1.18 Menu Admin Lihat Data Wali Study

Gambar 4.1.18 Tampilan admin lihat data wali study

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat tabel data wali study, 2 icon

untuk edit dan hapus data wali study dan 1 button untuk

tambah data wali study.

62

4.1.19 Menu Admin Edit Data Wali Study

Gambar 4.1.19 Tampilan admin edit data wali study

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat form pengisian edit data wali

study, 2 button untuk menyimpan data terbaru dan

membatalkan.

63

4.1.20 Menu Admin Hapus Data Wali Study

Gambar 4.1.20 Tampilan admin hapus data wali study

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat tabel dan icon berwarna merah

untuk menghapus data wali study.

64

4.1.21 Menu Admin Tambah Data Konselor

Gambar 4.1.21 Tampilan admin tambah data konselor

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat form pengisian untuk

menambah data konselor, 2 button untuk menyimpan data

terbaru dan membatalkannya.

65

4.1.22 Menu Admin Lihat Data Konselor

Gambar 4.1.22 Tampilan admin lihat data konselor

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat tabel data konselor, 2 icon untuk

edit dan hapus data konselor dan 1 button untuk tambah

data konselor.

66

4.1.23 Menu Admin Edit Data Konselor

Gambar 4.1.23 Tampilan admin edit data konselor

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat form pengisian edit data

konselor, 2 button untuk menyimpan data terbaru dan

membatalkan.

67

4.1.24 Menu Admin Hapus Data Konselor

Gambar 4.1.24 Tampilan admin hapus data konselor

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat tabel dan icon berwarna merah

untuk menghapus data konselor.

68

4.1.25 Menu Ubah Password Admin

Gambar 4.1.25 Tampilan ubah password admin

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda,

mahasiswa ke data mahasiswa, wali study ke data wali

study dan konselor ke data konselor.

- Pada main menu terdapat 2 textbox dan 1 button untuk

mengubah password.

69

4.1.26 Menu Utama Wali Study

Gambar 4.1.26 Tampilan utama wali study

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda.

- Pada main menu terdapat link ke lihat data konseling

mahasiswa.

70

4.1.27 Menu Wali Lihat Laporan Konseling Mahasiswa

Gambar 4.1.27 Tampilan wali lihat laporan konseling mahasiswa

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda.

- Pada main menu terdapat tabel data konseling mahasiswa.

71

4.1.28 Menu Ubah Password Wali Study

Gambar 4.1.28 Tampilan ubah password wali study

Keterangan :

- Pada sidebar kiri terdapat dashboard ke beranda.

- Pada main menu terdapat 2 textbox dan 1 button untuk

mengubah password.

72

4.2 Hasil Pengujian

Pengujian Sistem Informasi Bimbingan dan Konseling FTI

UKSW menggunakan metode BlackBox diperoleh hasil

seperti di bawah ini :

Tabel. 4.1 Hasil Pengujian BlackBox

NO Fungsi

yang diuji

Cara

Pengujian

Hasil yang

diharapkan

Hasil

Pengujian

1. Form

halaman

login

Menampilka

n halaman

login

Menampilka

n akses

halaman

login

OK

2. Form

halaman

dashboard

mahasiswa

Menampilka

n halaman

dashboard

mahasiswa

Menampilka

n akses

halaman

dashboard

mahasiswa

OK

3. Form

halaman

pendaftaran

konseling

Menampilka

n halaman

pendaftaran

konseling

Menampilka

n akses

pendaftaran

konseling

OK

4. Form

halaman

ganti

password

mahasiswa

Menampilka

n halaman

password

mahasiswa

Menampilka

n akses

password

mahasiswa

OK

5. Form Menampilka Menmpilkan OK

73

halaman

dashboard

konselor

n halaman

dashboard

konselor

akses

halaman

dashboard

konselor

6. Form

halaman

lihat

pendaftar

konseling

Menampilka

n halaman

lihat

pendaftar

konseling

Menampilka

n akses

halaman

lihat

pendaftar

konseling

OK

7. Form

halaman

tambah

laporan

konseling

Menampilka

n halaman

tambah

laporan

konseling

Menampilka

n akses

halaman

tambah

laporan

konseling

OK

8. Form

halaman

lihat laporan

konseling

Menampilka

n halaman

lihat laporan

konseling

Menampilka

n akses

halaman

lihat laporan

konseling

OK

9. Form

halaman

edit laporan

konseling

Menampilka

n halaman

edit laporan

konseling

Menampilka

n akses

halaman edit

laporan

konseling

OK

10. Form

halaman

ganti

password

Menampilka

n halaman

ganti

password

Menampilka

n akses

halaman

ganti

OK

74

konselor konselor password

konselor

11. Form

halaman

dashboard

admin

Menampilka

n halaman

dashboard

admin

Menampilka

n akses

halaman

dashboard

admin

OK

12. Form

halaman

tambah data

mahasiswa

Menampilka

n halaman

tambah data

mahasiswa

Menampilka

n akses

halaman

tambah data

mahasiswa

OK

13. Form

halaman

lihat data

mahasiswa

Menampilka

n halaman

lihat data

mahasiswa

Menampilka

n akses

halaman

lihat data

mahasiswa

OK

14. Form

halaman

edit data

mahasiswa

Menampilka

n halaman

edit data

mahasiswa

Menampilka

n akses

halaman edit

data

mahasiswa

OK

15. Form

halaman

tambah data

wali study

Menampilka

n halaman

tambah data

wali study

Menampilka

n akses

halaman

tambah data

wali study

OK

16. Form

halaman

Menampilka

n halaman

Menampilka

n akses lihat

OK

75

lihat data

wali study

lihat data

wali study

data wali

study

17. Form

halaman

edit data

wali study

Menampilka

n halaman

edit data wali

study

Menampilka

n akses

halaman edit

data wali

study

OK

18. Form

halaman

tambah data

konselor

Menampilka

n halaman

tambah data

konselor

Menampilka

n akses

halaman

tambah data

konselor

OK

19. Form

halaman

lihat data

konselor

Menampilka

n halaman

lihat data

konselor

Menampilka

n akses

halaman

lihat data

konselor

OK

20. Form

halaman

edit data

konselor

Menampilka

n halaman

edit data

konselor

Menampilka

n akses

halaman edit

data konselor

OK

21. Form

halaman

ganti

password

admin

Menampilka

n halaman

ganti

password

admin

Menampilka

n akses

halaman

ganti

password

admin

OK

22. Form

halaman

Menampilka

n halaman

Menampilka

n akses

OK

76

detail materi detail materi halaman

detail materi

23. Form

halaman

dashboard

wali study

Menampilka

n halaman

dashboard

wali study

Menampilka

n akses

halaman

dashboard

wali study

OK

24. Form

halaman

lihat data

laporan

konseling

mahasiswa

Menampilka

n halaman

lihat data

laporan

konseling

mahasiswa

Menampilka

n akses

halaman

lihat data

laporan

konseling

mahasiswa

OK

25. Form

halaman

ganti

password

wali study

Menampilka

n halaman

ganti

password

wali study

Menampilka

n akses

halaman

ganti

password

wali study

OK

4.3 Analisis

Berdasarkan hasil pengujian yang dilakukan, website ini

dapat membantu dosen dalam memantau perkembangan

konseling mahasiswa didiknya. Didukung sistem yang

terkomputerisasi akan sangat praktis dan prosesnya tidak

membutuhkan waktu lama dalam penyampaina informasi.

Selain itu sistem informasi bimbingan konseling ini juga

77

sangat membantu sebagai pendukung keputusan dalam

menentukan maksimal beban sks kepada mahasiswa

didiknya.