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

(1)

13

(2)

3.1.2 DFD Level 1

(3)

3.2Jaringan Semantik Tampilan

3.2.1 Jaringan Semantik Tampilan User/ Mahasiswa

login

Gambar 3.2.1Jaringan Semantik Tampilan User/ Mahasiswa

3.3Database

(4)

2. Tabel Konselor

Nama_wali Varchar(30) No

masalah Varchar(120) No

(5)

4. Tabel Mahasiswa

Keterangan : tabel mahasiswa merupakan tabel yang menampung data mahasiswa.

(6)

6. Tabel Users

Tabel 1.6 Tabel Users

Nama Field Type Null

username Varchar(30) No

password Varchar(30) No

domain Varchar(30) No

Keterangan : tabel user merupakan tabel yang menampung data user.

7. Tabel Wali Study

Tabel 1.7 Tabel Wali Study

Nama Field Type Null

id_wali Int(12) No

nip Int(12) No

id_progdi Varchar(12) No

nama Varchar(30) No

(7)

3.4Lembar Kerja Tampilan

3.4.1 Tampilan Login

Gambar 3.4.1Design tampilan login

Keterangan :

- Pada bagian main menu terdapat text area yang berisi nama fakultas, 2 textbox yaitu username dan

password .

(8)

3.4.2 Tampilan Menu Utama Mahasiswa

Gambar 3.4.2Design tampilan menu utama mahasiswa

Keterangan :

- Pada bagian header terdapat 2 text area yaitu FTI UKSW dan logout untuk keluar.

- Pada bagian sidebar kiri terdapat text area dashboard untuk kembali menu beranda.

- Pada main menu terdapat 3 text area yaitu bimbingan konseling, dashboard, pendaftaran konseling dan 1

(9)

3.4.3 Tampilan Pendaftaran Konseling

Gambar 3.4.3Design tampilan pendaftaran konseling

Keterangan :

- Pada bagian sidebar kiri terdapat text area dashboard

untuk kembali menu beranda.

(10)

3.4.4 Tampilan Ubah Password Mahasiswa

Gambar 3.4.4Design tampilan ubah password mahasiswa

Keterangan :

- Pada bagian sidebar kiri terdapat text area dashboard

untuk kembali menu beranda.

(11)

3.4.5 Tampilan Menu Utama Konselor

Gambar 3.4.5Design tampilan menu utama konselor

Keterangan :

- Pada bagian sidebar kiri terdapat 2 text area yaitu dashboard untuk kembali menu beranda dan data konseling untuk melihat laporan konseling.

- Pada main menu terdapat 3 label yaitu dashboard, lihat pendaftar, tambah data konseling, 1 text area

(12)

3.4.6 Tampilan Konselor Lihat Data Pendaftar

Gambar 3.4.6Design tampilan konselor lihat pendaftar

Keterangan :

- Pada bagian sidebar kiri terdapat 2 text area yaitu dashboard untuk kembali menu beranda dan data konseling untuk melihat laporan konseling.

(13)

3.4.7 Tampilan Konselor Tambah Data Konseling

Gambar 3.4.7Design tampilan konselor tambah data konseling

Keterangan :

- Pada bagian sidebar kiri terdapat 2 text area yaitu

dashboard untuk kembali menu beranda dan data konseling untuk melihat laporan konseling.

- Pada main menu terdapat 7 label yaitu tambah data, nip, nim, progdi, nama, wali studi, permasalahan, 1

(14)

button yaitu masuk untuk input data dan ulang untuk mengulangi input data.

3.4.8 Tampilan Konselor Lihat Data Konseling

Gambar 3.4.8Desainkonselor lihat data konseling Keterangan :

- Pada main menu terdapat 1 label yaitu data konseling, 1 text area yaitu bimbingan konseling, 1 tabel untuk

(15)

3.4.9 Tampilan Konselor Edit Data Konseling

Gambar 3.4.9Desainkonselor edit data konseling Keterangan :

- Pada bagian header terdapat 2 text area yaitu FTI

UKSW dan logout untuk keluar.

dashboard untuk kembali menu beranda dan data konseling untuk melihat laporan konseling.

- Pada main menu terdapat 7 label yaitu edit data, nip, nim progdi, nama, wali studi, permasalahan, 1 text area yaitu bimbingan konseling, 6 textbox yaitu nip, nim progdi, nama, wali studi, permasalahan, 2 button

(16)

3.4.10 Tampilan Konselor Hapus Data Konseling

Gambar 3.4.10Desainkonselor hapus data konseling Keterangan :

- Pada main menu terdapat 1 label yaitu data konseling,

1 text area yaitu bimbingan konseling, 1 tabel untuk melihat laporan, 1 button untuk menambah data

(17)

3.4.11 Tampilan Ubah Password Konselor

Gambar 3.4.11Desain ubah password konselor Keterangan :

(18)

3.4.12 Tampilan Menu Utama Admin

Gambar 3.4.12Desainmenu utama admin Keterangan :

dashboard untuk kembali menu beranda, mahasiswa

untuk link ke halaman mahasiswa, wali study untuk link ke halaman wali study dan konselor untuk link ke halaman konselor

(19)

3.4.13 Tampilan Admin Tambah Data Mahasiswa

Gambar 3.4.13Desainadmin tambah data mahasiswa Keterangan :

untuk link ke data mahasiswa, wali study untuk link ke data wali study, dan konselor untuk link ke data konselor.

- Pada main menu terdapat 6 label yaitu tambah data mahasiswa, nim, progdi, nama, username, password, 1 text area yaitu bimbingan konseling, 5 textbox yaitu nim, progdi, nama, username, password, 2 button

(20)

3.4.14 Tampilan Admin Lihat Data Mahasiswa

Gambar 3.4.14Desainadmin lihat data mahasiswa Keterangan :

untuk link ke data mahasiswa, wali study untuk link

ke data wali study, dan konselor untuk link ke data konselor.

- Pada main menu terdapat 1 label yaitu data mahasiswa, 1 text area yaitu bimbingan konseling, 1

(21)

3.4.15 Tampilan Admin Edit Data Mahasiswa

Gambar 3.4.15Desainadmin edit data mahasiswa Keterangan :

- Pada bagian header terdapat 2 text area yaitu FTI

UKSW dan logout untuk keluar.

- Pada main menu terdapat 6 label yaitu edit data mahasiswa, nim, progdi, nama, username, password, 1 text area yaitu bimbingan konseling, 5 textbox yaitu nim, progdi, nama, username, password, 2 button

(22)

3.4.16 Tampilan Admin Hapus Data Mahasiswa

Gambar 3.4.16Desainadmin hapus data mahasiswa Keterangan :

- Pada main menu terdapat 1 label yaitu data mahasiswa, 1 text area yaitu bimbingan konseling, 1

(23)

3.4.17 Tampilan Admin Tambah Data Wali Study

Gambar 3.4.17Desainadmin tambah data wali study Keterangan :

untuk link ke data mahasiswa, wali study untuk link ke data wali study, dan konselor untuk link ke data

konselor.

- Pada main menu terdapat 6 label yaitu tambah data

wali study, nip, progdi, nama, username, password, 1

(24)

3.4.18 Tampilan Admin Lihat Data Wali Study

Gambar 3.4.18Desain admin lihat data wali study

Keterangan :

- Pada main menu terdapat 1 label yaitu data wali study, 1 text area yaitu bimbingan konseling, 1 tabel

untuk melihat data wali study, 1 button untuk menambah data wali study, 2 icon untuk hapus data

(25)

3.4.19 Tampilan Admin Edit Data Wali Study

Gambar 3.4.19Desainadmin edit data wali study Keterangan :

(26)

3.4.20 Tampilan Admin Hapus Data Wali Study

Gambar 3.4.20Desain admin hapus data wali study

Keterangan :

- Pada main menu terdapat 1 label yaitu data wali study, 1 text area yaitu bimbingan konseling, 1 tabel

(27)

3.4.21 Tampilan Admin Tambah Data Konselor

Gambar 3.4.21Desainadmin tambah data konselor Keterangan :

- Pada main menu terdapat 5 label yaitu tambah data konselor, nip, nama, username, password, 1 text area

(28)

3.4.22 Tampilan Admin Lihat Data Konselor

Gambar 3.4.22Desain admin lihat data konselor

Keterangan :

konselor.

- Pada main menu terdapat 1 label yaitu data konselor,

(29)

3.4.23 Tampilan Admin Edit Data Konselor

Gambar 3.4.23Desainadmin edit data konselor Keterangan :

(30)

3.4.24 Tampilan Admin Hapus Data Konselor

Gambar 3.4.24Desain admin hapus data konselor

Keterangan :

(31)

3.4.25 Tampilan Ubah Password Admin

Gambar 3.4.25Desain ubah password admin Keterangan :

konselor.

- Pada main menu terdapat 2 label yaitu password

(32)

3.4.26 Tampilan Menu Utama Wali study

Gambar 3.4.26Design tampilan menu utama wali study

Keterangan :

- Pada bagian sidebar kiri terdapat text area dashboard untuk kembali menu beranda.

- Pada main menu terdapat 3 text area yaitu bimbingan konseling, dashboard, pendaftaran konseling dan 1

(33)

3.4.27 Tampilan Wali Lihat Data Konseling

Gambar 3.4.27Design tampilan wali lihat data konseling

Keterangan :

- Pada bagian sidebar kiri terdapat 1 text area yaitu dashboard untuk kembali menu beranda.

(34)

3.4.28 Tampilan Ubah Password Wali Study

Gambar 3.4.28Desain ubah password wali Keterangan :

- Pada bagian sidebar kiri terdapat 1 text area yaitu dashboard untuk kembali menu beranda.