BAB IV

ANALISA DAN PERANCANGAN SISTEM

4.1. Analisa Permasalahan

Daftar Hadir Mahasiswa Program Studi DIII Teknik Komputer

berbasis web dibuat dengan tujuan untuk membantu admin dalam mencari

dan menginput data mahasiswa. Daftar Hadir Mahasiswa Program Studi

DIII Teknik Komputer yang dibuat berbasis web dengan alasan sistem ini

bisa diakses oleh admin dimana saja dan kapan saja selama komputer atau

laptop terhubung dengan jaringan internet. Maka dengan adanya Daftar

Hadir Mahasiswa Program Studi DIII Teknik Komputer ini pencarian data

dan penambahan data mahasiswa dan informasi didalamnya akan lebih

mudah, cepat, dan akurat. Dalam perancangan sistem yang akan dibuat, hal

yang paling harus diperhatikan adalah sistem informasi yang ditampilkan

bisa dipahami atau dimengerti oleh admin maka dari itu sistem informasi ini

harus user friendly supaya informasi atau data yang didapat admin juga

maksimal.

4.2. Analisa Kebutuhan Sistem

4.2.1. Perangkat keras (Hardware)

Tabel 4.1 Spesifikasi Perangkat Keras

No. Nama Spesifikasi

1. Processor Intel Celeron
2. Memory RAM 1 GB
3. Harddisk 150 GB

50
 51

No. Nama Spesifikasi

4. CD-ROM CD RW
5. VGA 1 GB
6. Mouse Optik

4.2.2. Perangkat lunak (software)

Tabel 4.2 Spesifikasi perangkat lunak

No Nama Spesifikasi
1. Sistem Operasi Microsoft Windows 7
2. Adobe Dreamweaver Versi CS3
3. Xampp Versi 1.7.4
4. Google Chrome

4.3. Perancangan Sistem

4.3.1 Identifikasi Masalah

Tabel 4.3 Identifikasi Masalah

Entitas Input Output

Administrator - Data Tahun - Data Mahasiswa
Akademik - Data Dosen
- Data Kelas - Daftar Formulir
- Data Jadwal Kehadiran
Kuliah - Laporan Prosentase
- Data Mata Kuliah Kehadiran
Dosen - Data Dosen - Laporan Prosentase
Kehadiran
- Jadwal Kuliah
- Data Mata Kuliah
Mahasiswa - Data Mahasiswa - Jadwal Kuliah
- Data kehadiran - Data Kelas
- Data Mata Kuliah
- Data Dosen
- Info Keikut sertaan Ujian
 52

4.3.2 Contex Diagram

Laporan Prosentase Kehadiran

Data Kehadiran
Daftar Formulir Kehadiran 0 Data Mahasiswa
Data Jadwal Kuliah Jadwal Kuliah
Data Kelas Sistem Daftar
hadir Data Kelas Mahasiswa
Admin Data Th.Akad
mahasiswa Data Mata Kuliah
Data Mata
Data Dosen Data Dosen
Data Mahasiswa Info Keikut sertaan Ujian

Laporan Prosentase Kehadiran

Jadwal Kuliah

Data Mata Kuliah

Data Dosen

Dosen

Gambar 4.1 Contex Diagram Daftar Hadir Mahasiswa

 53

4.3.3 Hirarchy Chart

0
Daftar Hadir
Mahasiswa
Top Level

2 3 4
1 Laporan
Rekap Output
Input
data

Level 0

1.1 1.3 2.1 2.2 4.1 4.2

1.5 3.2 3.4 3.6
Mahasiswa Jadwal Kehadiran Lihat Informasi Cetak
Mata Kelas Lihat Jadwal
Kuliah Dosen Th. Akad Kuliah Prosentase Formulir
Kuliah
Kehadira
n

1.2 1.4 3.1 3.3 3.5

Dosen Th. Lihat Lihat Lihat
Akademik Mahasiswa Mata Kuliah Kelas

Level 1

Gambar 4.2 Hirarchy Chart Daftar Hadir Mahasiswa

 54

4.3.4 DFD Level 0

Dt. Kehadiran Mahasiswa*

Dt. Kehadiran D7 Kehadiran

2
1 Data Dosen Dosen
Rekap Dt. Jadwal
D6 Jadwal Kuliah
Input

Jadwal Kuliah
Data Mata Kuliah
Data
Data Mahasiswa
Jadwal Kuliah

Data Kelas Mahasiswa

Data Tahun Akademik

Data Matakuliah
Data Thn Akademik

Data Mahasiswa

Data Matakuliah
Data Mata Kuliah

Admin Jadwal Kuliah

Data Kelas
Data Kelas

Data Dosen
Laporan Prosentase Kehadiran

D4 Thn Akademik

Jadwal Kuliah
Data Thn Akademik

Data Dosen

D1 Mahasiswa
Data Mahasiswa
Data Dosen

Data Mahasiswa

D3 Matakuliah
Data Mata Kuliah

D6 Jadwal Kuliah

Info Daftar Hadir

Jadwal Kuliah

D5 Kelas
Cetak Formulir Daftar Hadir

Data Kelas

D2 Dosen
Data Dosen

Output

D7 Kehadiran
D1 Mahasiswa D2 Dosen D3 Matakuliah

D4 Thn Akademik D5 Kelas

Dt. kehadiran
4
Laporan Dt. kehadiran Laporan Prosentase Kehadiran

Gambar 4.3 DFD Level 0 Daftar Hadir Mahasiswa

 55

4.3.5 DFD Level 1

a. Proses Input Data

1.1 Data Mahasiswa

Mahasiswa Data Mahasiswa D1 Mahasiswa
Mahasiswa

Data Dosen 1.2 Data Dosen

Dosen D2 Dosen
Dosen

Data Mata Kuliah 1.3 Data Mata Kuliah

Admin
Mata
Data Mata Kuliah D3 Mata Kuliah
Kuliah

Data Th. Akademik 1.4 Data Th. Akademik

Th. D4 Thn Akademik
Akademik

Data Kelas 1.5 Data Kelas

Data Kelas D5 Kelas
Kelas

b. Proses Rekap

Jadwal Kuliah 2.1 Jadwal Kuliah

Admin D6 Jadwal Kuliah
Jadwal
kuliah

Mahasiswa Data Kehadiran 2.2 Data Kehadiran

D7 Kehadiran
Kehadiran
 56

c. Proses Output

Data Mahasiswa 3.1 Data Mahasiswa

D1 Mahasiswa Mahasiswa Admin
Data Dosen

Data Dosen 3.2 Data Dosen Mahasiswa

D2 Dosen Dosen

Data Mata Kuliah Data Mata Kuliah

D3 Mata Kuliah 3.3
Mata Data Mata Kuliah Dosen
Kuliah

Data Jadwal Kuliah 3.6 Data Jadwal Kuliah

D6 Jadwal Kuliah Jadwal
Kuliah

3.5 Data Kelas

Data Kelas Kelas
D5 Kelas
5

Th. Akademik 3.4

Th. Th. Akademik
D4 Th. Akademik
Akademik

d. Proses Laporan

v
Data Kehadiran 4.1 Data Kehadiran Dosen
D7 Kehadiran Informasi
Prosentase

Data Mahasiswa
D1 Mahasiswa 4.2 Laporan Cetak Formulir
Cetak Kehadiran Admin
Data Dosen
D2 Dosen Formulir
Data Mata Kuliah Kehadiran
D3 Mata Kuliah

Gambar 4.4 DFD Level 1 Daftar Hadir Mahasiswa

 57

4.4. ERD (Entity Relationship Data)

T_id* T_in

Gdarah Th.
Akademik
Alamat
Nama M_kode
Tgl_Lahir
M_nama
Tmp_Lahir Nim 1
Kd_kls
Pek_ortu M_id*
Id*

Jk Mahasiswa M
Memiliki
N Mata Kuliah

Agama M
Thn_masuk Nm_ortu agama
Tgl_lhr
M
Id* nip alamat
Memiliki jk nama
Dosen
Tmp_lhr
1 K_kd status
K_id*
*
K_wali
K_nm Mengisi

Kelas

Id* Id_mhs
izin
1 masuk
sakit
M Daftar
Memiliki
Hadir
alpha Id_kelas

status Id_makul

Id_tahun

Gambar 4.5 ERD Daftar Hadir Mahasiswa

 58

4.5. Perancangan Database

4.5.1. Tabel Data Mahasiswa

Nama Database : Absensi

Nama Tabel : Mahasiswa

Tabel 4.4 Tabel Data Mahasiwa

Nama Field Tipe Data Ukuran Keterangan

M_id Integer 11 Primary key
Nim Varchar 50
Nama Date/Time 50
M_Tmp_lahir Text 100
M_Tgl_lahir Date/Time
M_jk Varchar 25
M_nm_ortu Varchar 100
M_pek_ortu Varchar 100
M_alamat Varchar 100
M_agama Varchar 15
M_gdarah Varchar 5
M_thn_masuk Integer 11
M_kd_kls Varchar 15
Nonaktif Enum (‘Y’,’N’)

4.5.2. Tabel Data Matakuliah

Nama Database : Absensi

Nama Tabel : Makul

Tabel 4.5 Tabel Data Mata kuliah

Nama Field Tipe Data Ukuran Keterangan

M_id Integer 11 Primary Key
M_kode Varchar 20
M_nama Varchar 100
M_nonaktif Enum (‘Y’,’N’)
 59

4.5.3. Tabel Data Dosen

Nama Database : Absensi

Nama Tabel : Dosen

Tabel 4.6 Tabel Data Dosen

Nama Field Tipe Data Ukuran Keterangan

D_id Integer 1 Primary Key
D_nip Varchar 50
U_nama Varchar 100
D_tmp_lhr Varchar 100
D_tgl_lhr Date
D_jk Varchar 25
Alamat Varchar 100
D_agama Varchar 15
D_status Varchar 50
Nonaktif Enum (‘Y’,’N’)

4.5.4. Tabel Data Kelas

Nama Database : Absensi

Nama Tabel : Kelas

Tabel 4.7 Tabel Data Kelas

Nama Field Tipe Data Ukuran Keterangan

K_id Integer 11 Primary Key
k_kd Varchar 20
k_nm Varchar 50
K_dosbing Varchar 100
M_nonaktif Enum (‘Y’,’N’)
 60

4.5.5. Tabel Data Tahun Akademik

Nama Database : Absensi

Nama Tabel : Tahun

Tabel 4.8 Tabel Data Tahun Akademik

Nama Field Tipe Data Ukuran Keterangan

t_id Integer 11 Primary Key
T_nm Varchar 15
T_jn Varchar 15
T_nonaktif Enum (‘Y’,’N’)

4.5.6. Tabel Data Daftar Hadir

Nama Database : Absensi

Nama Tabel : Absen

Tabel 4.9 Tabel Data Daftar Hadir

Nama Field Tipe Data Ukuran Keterangan

a_id Integer 11 Primary Key
a_id_mhs Integer 11
a_id_tahun Integer 11
a_id_makul Integer 11
a_id_dosen Integer 11
a_id_kelas Integer 11
Pertemuan_ke Integer 11
status Integer 11

4.5.7. Tabel Data Jadwal Kuliah

Nama Database : Absensi

Nama Tabel : Jadwal

Tabel 4.10 Tabel Data Jadwal Kuliah

Nama Field Tipe Data Ukuran Keterangan

J_id Integer 11 Primary Key
J_id_thn Integer 11
 61

Nama Field Tipe Data Ukuran Keterangan

J_kd_kls Varchar 20
J_mk Varchar 20
J_dosen Varchar 20
J_hari Varchar 20
J_jam Varchar 20

4.5.8. Tabel Data Admin

Nama Database : Absensi

Nama Tabel : Admin

Tabel 4.11 Tabel Data Admin

Nama Field Tipe Data Ukuran Keterangan

U_id Integer 11 Primary Key
U_uname Varchar 50
U_pass Varchar 100
Nonaktif Enum (‘Y’,’N’)

4.5.9. Tabel Data Hari

Nama Database : Absensi

Nama Tabel : Hari

Tabel 4.12 Tabel Data Hari

Nama Field Tipe Data Ukuran Keterangan

h_id Integer 11 Primary Key
h_nama Varchar 20
 62

4.6. Flowchart Program

4.6.1 Flowchart Halaman Utama Pada Dosen

Mulai

XUser = “ “,
XPass = “ “,

Y
XUser, XPass

T XUser = User
dan
XPass = Pass

Menu

Menu

Laporan
Home

Selesai

Gambar 4.6 Flowchart Halaman Utama Pada Dosen

 63

4.6.2 Flowchart Halaman Utama Pada Mahasiswa

Mulai

Y
Menu

T Menu

Daftar
Home Hadir

Selesai

Gambar 4.7 Flowchart Halaman Utama Pada Mahasiswa

 64

4.6.3 Flowchart Menu Admin

Mulai

XUser = “ “,
XPass = “ “,
I=Ø

Y
XUser, XPass

T XUser = User
dan
XPass = Pass

Menu

Menu

Daftar Jadwal Tahun Dosen Mata Kelas Mahasis Sistem Laporan

Home Hadir Akademik Kuliah wa

Selesai

Gambar 4.8 Flowchart Menu Admin

 65

4.6.4 Flowchart Menu Tahun Akademik

Mulai

XTahun_Akademik = “ “,
XSemester = “ “, XNonaktif =
“ “,

XTahun_Akademik ,
XSemester , XNonaktif

Edit dan T
Tambah

Y
Tahun_Akademik = XTahun,
Akademik,Semester=
XSemester, Nonaktif =
XNonaktif

Tahun_Akademik,Semester,
Nonaktif

Selesai

Gambar 4.9 Flowchart Tahun Akademik

 66

4.6.5 Flowchart Menu Mata Kuliah

Mulai

XKode = “ “, XMata
_Kuliah = “ “, XNonaktif =
““

XKode , XMata_Kuliah ,
XNonaktif,

Edit dan T
Tambah

Y
Kode = XKode,Mata,
Kuliah= XMata_Kuliah,
Nonaktif = XNonaktif,

Kode , Mata_Kuliah ,
Nonaktif,

Selesai

Gambar 4.10 Flowchart Mata Kuliah

 67

4.6.6 Flowchart Menu Dosen

Mulai

XNIPY = “ “, XNama = “ “,
XTempat_Lahir = “ “,
XTgl_Lahir = “”,
Y
XJenis_Kelamin = “”, XAlamat =
“”, XAgama = “”, XStatus = “”,
XNonaktif = “”

XNIPY, XNama,
XTempat_Lahir, XTgl_Lahir ,
XJenis_Kelamin, XAlamat,
XAgama, XStatus, XNonaktif

Edit dan T
Tambah

Y
NIPY = XNIPY, Nama= XNama,
Tempat_Lahir = XTempat_Lahir, Tgl_Lahir =
XTgl_Lahir, Jenis_Kelamin =
XJenis_Kelamin, Alamat = XAlamat, Agama
= XAgama, Status, Nonaktif = XNonaktif,

NIPY, Nama, Tempat_Lahir,

Tgl_Lahir , Jenis_Kelamin,
Alamat, Agama, Status,
Nonaktif

Selesai

Gambar 4.11 Flowchart Dosen

 68

4.6.7 Flowchart Menu Kelas

Mulai

XKode = “”, XNama_Kelas

= “”, XDosen_Pembimbing
= “”, XNonaktif = “”

XKode, XNama_Kelas,
XDosen_Pembimbing,
XNonaktif

Edit dan T
Tambah

Y
Kode = XKode, Nama_Kelas=
XNama_Kelas,
Dosen_Pembimbing =
XDosen_Pembimbing, Nonaktif =
XNonaktif,

Kode, Nama_Kelas,
Dosen_Pembimbing,
Nonaktif

Selesai

Gambar 4.12 Flowchart Kelas

 69

4.6.8 Flowchart Menu Mahasiswa

Mulai

XNim = “ “, XNama = “ “,
XNama_OrangTua = “ “,
XTahun_Masuk = “ “,
XKelas = “ “,
XNonaktif = “ “

Tambah

XNim, XNama, T T
XNama_OrangTua,
XTahun Masuk, T
XKelas, XNonaktif Edit Cari

Y Y
Simpan XNim, XNama,
Nim, Nama, XNama_OrangTua,
T Nama_OrangTua, XTahun Masuk,
Y Tahun_Masuk, Kelas, XKelas, XNonaktif
Nonaktif
Nim = XNim ,Nama = XNama ,
Nama_OrangTua = XNama_OrangTua,
Tahun_Masuk = XTahun_Masuk,
Kelas = XKelas,
Nonaktif = X Nonaktif T Nim=XNim
Ubah ,Nama=XNama ,
Nama_OrangTua=XN
ama_OrangTua,
Y
A Tahun_Masuk=XTah
un_Masuk,
XNim, XNama, Kelas=XKelas,
XNama_OrangTua, Nonaktif=X Nonaktif
XTahun Masuk, T
Nim, Nama, XKelas, XNonaktif
Nama_OrangTua,
Tahun_Masuk, Kelas, Y
Nonaktif

Simpan T A C
C
Y Y
Lagi?
B Nim = XNim ,Nama = XNama ,
T Nama_OrangTua = XNama_OrangTua,
Tahun_Masuk = XTahun_Masuk,
Kelas = XKelas,
Selesai Nonaktif = X Nonaktif

A
Gambar 4.13 Flowchart Mahasiswa
 70

4.6.9 Flowchart Menu Data Kehadiran Mahasiswa

Mulai

XTahun Akademik = “ “,
XKelas = “ “,
XMata_Kuliah= “”

XTahun Akademik,
XKelas, XMata_Kuliah

T T T
Cari Hapus T Tambah Edit

Y Y
Y Y
Tahun = XTahun , Kelas = XKelas , Tahun = XTahun , Kelas = XKelas , XSakit, Xizin,
NIM = XNIM, NIM = XNIM, XAlpha, XMasuk
Nama = XNama, Nama = XNama,
Sakit = XSakit, Sakit = XSakit,
Izin = XIzin, Izin = XIzin,
Alpha = XAlpha , Masuk = XMasuk, Alpha = XAlpha , Masuk = XMasuk,
Prosentase = XProsentase, Prosentase = XProsentase,
XSakit = Sakit,
XIzin=Izin,
Tahun = XTahun , Kelas = XKelas , XAlpha=Alpha
NIM = XNIM, ,
Nama = XNama,
Sakit = XSakit,
Izin = XIzin,
Alpha = XAlpha , Masuk = XMasuk,
Prosentase = XProsentase,

Tahun, Kelas, NIM, Nama, Sakit, Izin, Alpha,

Masuk, Prosentase

Selesai

Gambar 4.14 Flowchart Data Kehadiran Mahasiswa

 71

4.6.10 Flowchart Menu Jadwal Kuliah

Mulai

XTahun = Ø, XKelas = “
“, XMata_Kuliah = “ “,
XDosen = “ “, XHari = “
“,
XJam = “ “

B
XTahun, XKelas,
XMata_ Kuliah,
XDosen, XHari, XJam

XTahun=Tahun
dan
XKelas=Kelas

Tahun, Kelas, Matakuliah,

dosen, hari, jam

Y Tambah

T
XTahun, XKelas,
XMatakuliah, Xdosen, Lagi Y A
Xhari, Xjam

T
Selesai
Simpan

Thun=XTahun, Kelas=XKelas,
MataKuliah=XMatakuliah,
Dosen=Xdosen, Hari=Xhari,
Jam=Xjam

A
Gambar 4.15 Flowchart Jadwal Kuliah
 72

4.6.11 Flowchart Menu Managemen Sistem

Mulai

XUsername = “ “,
XPassword = “ “

XUsername,
XPassword

T T
Edit dan Nonaktif
Tambah

Y Y
Username = XUsername, Username = “ “,
Y
Password = XPassword Password = “ “

Username, Password
T

Selesai

Gambar 4.16 Flowchart Managemen Sistem

 73

4.6.12 Flowchart Menu Laporan

Mulai

XTahun_Akademik = “ “,
XKelas = “ “

XKelas

T
Kelas = XKelas

Tahun, Kelas, NIM, Nama,

Sakit, Izin, Alpha, Masuk,
Prosentase

Selesai

Gambar 4.17 Flowchart Laporan Daftar Hadir Mahasiswa

 74

4.7.Desain Input/Output (Layout)

4.7.1. Desain Layout Login

Draft dibawah ini menggambarkan semua tampilan dari desain

Aplikasi Daftar Hadir mahasiswa yang akan dibuat.

Silahkan Login terlebih dahulu

Level

Username

Password

Login Reset

Gambar 4.18 Desain Layout Login

4.7.2. Desain Layout Menu Home

HEADER

Home Master Modul Sistem Laporan

Absensi Th. Akademik Admin Daftar Hadir

Jadwal Mata Dosen

Kuliah
Dosen Mahasiswa

Kelas

Mahasiswa

Footer

Gambar 4.19 Desain Layout Home

 75

4.7.3. Desain Layout Menu Tahun Akademik

HEADER

Tahun Akademik
Tambah Tahun

No Tahun Semester Nonaktif Aksi

# #### # #

Footer

Gambar 4.20 Desain Layout Menu Tahun Akademik

4.7.4. Desain Layout Menu Mata Kuliah

HEADER

Daftar Mata Kuliah

Tambah Mata Kuliah

No Kode Mata Kuliah Nonaktif Aksi

# #### ###### #

Footer

Gambar 4.21 Desain Layout Menu Mata Kuliah

 76

4.7.5. Desain Layout Menu Dosen

HEADER

Daftar Dosen
Tambah Dosen

No NIPY Nama Tempat Tgl Jenis Alamat Agama Status Nonaktif Aksi

Lahir Lahir Kelamin

# ### #### ### ## # ##### ##### #### #

Footer

Gambar 4.22 Desain Layout Menu Dosen

4.7.6. Desain Layout Menu Kelas

HEADER

Daftar Kelas

Tambah Kelas

No Kode Nama Kelas Dosen Pembimbing Nonaktif Aksi

# ## ### ##### #

Footer

Gambar 4.23 Desain Layout Menu Kelas

 77

4.7.7. Desain Layout Menu Mahasiswa

HEADER

Daftar Mahasiswa

Tambah Mahasiswa Cari Mahasiswa

No NIM Nama Nama Tahun Masuk Kelas Nonaktif Aksi

Orang Tua

# ### #### #### #### ## #

Footer

Gambar 4.24 Desain Layout Menu Mahasiswa

4.7.8. Desain Layout Menu Daftar Hadir

HEADER

Daftar Hadir Mahasiswa

Tahun Akademik
Kelas
Mata Kuliah

Cari

Tambah Daftar Hadir

No Tahun Kelas NIM 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Prosentase S A I H

# #### ## #### # # # # # #

Footer

Gambar 4.25 Desain Layout Menu Daftar Hadir Mahasiswa

 78

4.7.9. Desain Layout Daftar Jadwal Kuliah

HEADER

Daftar Jadwal Kuliah

Tahun Akademik

Kelas

Cari Jadwal

Tambah Daftar Jadwal

No Tahun Kelas Mata Dosen Hari Jam

Kuliah

# ### ## #### #### ## ##

Footer

Gambar 4.26 Desain Layout Menu Jadwal Kuliah

4.7.10. Desain Layout Menu Managemen Sistem

HEADER

Daftar Admin

Tambah Admin

No Username Nonaktif Aksi

# ####### #

Footer

Gambar 4.27 Desain Layout Menu Managemen Sistem

 79

4.7.11. Desain Layout Laporan Daftar Hadir Mahasiswa

HEADER

Laporan Daftar Hadir Mahasiswa

Tahun Akademik

Kelas

Cari

Print Laporan

No Tahun Kelas NIM Nama Sakit Izin Alpha Masuk Prosentase Absensi Hapus

# #### ## #### #### ## ## ## ## ##

Perhatian !!! Bagi Mahasiswa yang Prosentase Kehadiran kurang

dari 75 % tidak bisa mengikuti ujian.

Footer

Gambar 4.28 Desain Layout Menu Laporan Daftar Hadir