T0__BAB IV Institutional Repository | Satya Wacana Christian University: Perancangan dan Implementasi Sistem Informasi Bimbingan dan Konseling FTI UKSW Berbasis Website T0 BAB IV

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

47

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

menambah data mahasiswa.

form

pengisian

untuk

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 Menampilka OK
n
halaman n
akses
login
halaman
login

2.

Form
halaman
dashboard
mahasiswa

Menampilka
n
halaman
dashboard
mahasiswa

Menampilka OK
n
akses
halaman
dashboard
mahasiswa

3.

Form
halaman
pendaftaran
konseling

Menampilka
n
halaman
pendaftaran
konseling

Menampilka OK
n
akses
pendaftaran
konseling

4.

Form
halaman
ganti
password
mahasiswa

Menampilka
n
halaman
password
mahasiswa

Menampilka OK
n
akses
password
mahasiswa

5.

Form

Menampilka

Menmpilkan

OK

73

halaman
dashboard
konselor

n
halaman akses
dashboard
halaman
konselor
dashboard
konselor

6.

Form
halaman
lihat
pendaftar
konseling

Menampilka
n
halaman
lihat
pendaftar
konseling

Menampilka OK
n
akses
halaman
lihat
pendaftar
konseling

7.

Form
halaman
tambah
laporan
konseling

Menampilka
n
halaman
tambah
laporan
konseling

Menampilka OK
n
akses
halaman
tambah
laporan
konseling

8.

Form
halaman
lihat laporan
konseling

Menampilka
n
halaman
lihat laporan
konseling

Menampilka OK
n
akses
halaman
lihat laporan
konseling

9.

Form
halaman
edit laporan
konseling

Menampilka
n
halaman
edit laporan
konseling

Menampilka OK
n
akses
halaman edit
laporan
konseling

10.

Form
halaman
ganti
password

Menampilka
n
halaman
ganti
password

Menampilka OK
n
akses
halaman
ganti

74

konselor

konselor

password
konselor

11.

Form
halaman
dashboard
admin

Menampilka
n
halaman
dashboard
admin

Menampilka OK
n
akses
halaman
dashboard
admin

12.

Form
halaman
tambah data
mahasiswa

Menampilka
n
halaman
tambah data
mahasiswa

Menampilka OK
n
akses
halaman
tambah data
mahasiswa

13.

Form
halaman
lihat
data
mahasiswa

Menampilka
n
halaman
lihat
data
mahasiswa

Menampilka OK
n
akses
halaman
lihat
data
mahasiswa

14.

Form
halaman
edit
data
mahasiswa

Menampilka
n
halaman
edit
data
mahasiswa

Menampilka OK
n
akses
halaman edit
data
mahasiswa

15.

Form
halaman
tambah data
wali study

Menampilka
n
halaman
tambah data
wali study

Menampilka OK
n
akses
halaman
tambah data
wali study

16.

Form
halaman

Menampilka Menampilka OK
n
halaman n akses lihat

75

lihat
data lihat
data data
wali study
wali study
study

wali

17.

Form
halaman
edit
data
wali study

Menampilka
n
halaman
edit data wali
study

Menampilka OK
n
akses
halaman edit
data
wali
study

18.

Form
halaman
tambah data
konselor

Menampilka
n
halaman
tambah data
konselor

Menampilka OK
n
akses
halaman
tambah data
konselor

19.

Form
halaman
lihat
data
konselor

Menampilka
n
halaman
lihat
data
konselor

Menampilka OK
n
akses
halaman
lihat
data
konselor

20.

Form
halaman
edit
data
konselor

Menampilka
n
halaman
edit
data
konselor

Menampilka OK
n
akses
halaman edit
data konselor

21.

Form
halaman
ganti
password
admin

Menampilka
n
halaman
ganti
password
admin

Menampilka OK
n
akses
halaman
ganti
password
admin

22.

Form
halaman

Menampilka Menampilka OK
n
halaman n
akses

76

detail materi detail materi

halaman
detail materi

23.

Form
halaman
dashboard
wali study

Menampilka
n
halaman
dashboard
wali study

Menampilka OK
n
akses
halaman
dashboard
wali study

24.

Form
halaman
lihat
data
laporan
konseling
mahasiswa

Menampilka
n
halaman
lihat
data
laporan
konseling
mahasiswa

Menampilka OK
n
akses
halaman
lihat
data
laporan
konseling
mahasiswa

25.

Form
halaman
ganti
password
wali study

Menampilka
n
halaman
ganti
password
wali study

Menampilka OK
n
akses
halaman
ganti
password
wali study

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
didiknya.

beban

sks

kepada

mahasiswa