65
3.3 Perancangan Sistem 3.3.1 Fase Desain Logikal Logical Design Phase
3.3.1.1 Subsistem Manajemen Proses Proses yang terjadi pada sistem dapat
digambarkan kedalam sebuah diagram berjenjang, diagram konteks dan diagram aliran
data DAD sebagai berikut :
Gambar 3.35 Diagram Konteks Admin
WR III Mahasiswa
Reviewer
Data Login, data reviewer, data berita, data reviewer_proposal,
dan data kriteria_usulan Validiasi Login, data reviewer,
data berita, data reviewer_proposal, dan data
kriteria_usulan
Validiasi Login, data proposal, dan data penilaian_usulan
Data Login, data proposal
Data Login dan data penilaian_usulan
Validasi Login dan data penilaian_usulan
Data Login
Validasi Login dan data proposal
Sistem Informasi Manajamen PKMProgram Kreativitas
Mahasiswa di Universitas Sanata Dharma Berbasis Web
66
1 Login
2 Kelola
berita SPPK Pengelolaan PKMProgram
Kreativitas Mahasiswa di Universitas Sanata dharma Berbasis Web
3 Kelola
kriteria usulan
4 Kelola
Review er
5 Kelola
Review erPropo
sal 6
Kelola bidang_
kegiata n
7 Kelola
Pendaft aran
8 Kelola
bidang _ilmu
9 Kelola
Nilai Proposa
l 10
Lihat Statistik Proposal
11 Lihat
Hasil penilaian
12 Lihat
Berita 13
Cari Propos
al 14
Kelola jurusan
2.1 Tambah
berita 2.2
Edit berita
2.3 Hapus
berita
3.1 Tambah
kriteria usulan
3.2 Edit
kriteria usulan
3.3 Hapus
kriteria usulan
4.1 Tambah
Review er
4.2 Edit
Review er
4.3 Hapus
Review er
5.1 Tambah
Review erPropo
sal 5.2
Edit Review
erPropo sal
5.3 Hapus
Review erPropo
sal 7.1
Tambah Proposa
l 7.2
Edit Proposa
l 7.3
Hapus Proposa
l
6.1 Tambah
bidang_ kegiatan
6.2 Hapus
bidang_ kegiatan
9.1 Tambah
Nilai Proposa
l 9.2
Edit Nilai
Proposa l
9.3 Hapus
Nilai Proposa
l
10.1 Cari Statistik
Proposal 10.2
Lihat Statistik Proposal
10.3 Cetak Statistik
Proposal 8.1
Tambah bidang_ilmu
8.2 Hapus
bidang_ilmu 14.1
Tambah jurusan
14.2 Hapus
jurusan
Gambar 3.36 Diagram Berjenjang
67
2 Kelola berita
3 Kelola kriteria
usulan 4
Kelola reviewer
5 Kelola reviewer
proposal 6
Kelola bidang_kegiatan
8 kelola
bidang_ilmu
14 Kelola
jurusan 1
login
admin berita
kriteria_usula n
reviewer
reviewer_propos al
bidang_kegiat an
bidang_ilmu jurusan
Data kriteria usulan Data reviewer
Datareviewer proposal
Data bidang ilmu Data jurusan
Data jurusan Data bidang kegiatan
Data berita
Data reviewer Data kriteria usulan
Data reviewer proposa
Data bidang ilmu
wr 3 proposal
Penilaian_usu lan_proposal
Username password
10 Lihat statistik
proposal 12
Lihat Berita 7
Kelola Pendaftaran
9 Kelola nilai
proposal 11
Lihat Hasil Penilaian
13 Cari proposal
admin
wr3 reviewer
Username password
mahasiswa
Data nilai Data nilai
Data proposal Data proposal
Jurusan dan tahun Username
password
Data proposal Data berita
Gambar 3.38 DAD Level 0
68
Sekretariat WR III
2.1 Tambah Berita
berita
2.2 Edit Berita
2.3 Hapus Berita
Data Berita Konfirmasi Tambah
Data Berita
Data Berita Data Berita
Data Berita Data Berita
Data Berita Data Berita
Konfirmasi Edit
Konfirmasi Hapus
Gambar 3.39 DAD Level 1 Proses 2 Kelola Berita
Sekretariat WR III
3.1 Tambah Kriteria
Usulan
Kriteria_usulan
3.2 Edit Kriteria
Usulan 3.3
Hapus Kriteria Usulan
Data Kriteria Usulan Konfirmasi Tambah
Konfirmasi Edit Data Kriteria Usulan
Data Kriteria Usulan
Data Kriteria Usulan Data Kriteria Usulan
Data Kriteria Usulan Data Kriteria Usulan
Data Kriteria Usulan Konfirmasi Hapus
Gambar 3.40 DAD Level 1 Proses 3 Kelola Kriteria Usulan
69
Sekretariat WR III
4.1 Tambah
Reviewer
reviewer
4.2 Edit Reviewer
4.3 Hapus Reviewer
Data Reviewer Konfirmasi Tambah
Konfirmasi Edit Konfirmasi Hapus
Data Reviewer
Data Reviewer
Data Reviewer Data Reviewer
Data Reviewer Data Reviewer
Data Reviewer
Gambar 3.41 DAD Level 1 Proses 4 Kelola Reviewer
Sekretariat WR III
5.1 Tambah Reviewer
Proposal
Reviewer_proposal
5.2 Edit Reviewer
Proposal 5.3
Hapus Reviewer Proposal
Data Reviewer Proposal Konfirmasi Tambah
Konfirmasi Edit Konfirmasi Hapus
Data Reviewer Proposal
Data Reviewer Proposal
Data Reviewer Proposal Data Reviewer Proposal
Data Reviewer Proposal Data Reviewer Proposal
Data Reviewer Proposal
Gambar 3.42 DAD Level 1 Proses 5 Kelola Reviewer Proposal
70
Sekretariat WR III
6.1 Tambah Bidang
Kegiatan
bidang_kegiatan
6.2 Edit Bidang
Kegiatan 6.3
Hapus Reviewer Proposal
Data Bidang Kegiatan
Konfirmasi Tambah
Konfirmasi Edit Konfirmasi Hapus
Data
Bidang Kegiatan
Data
Bidang Kegiatan
Data
Bidang Kegiatan
Data
Bidang Kegiatan
Data
Bidang Kegiatan
Data
Bidang Kegiatan
Data
Bidang Kegiatan
Gambar 3.43 DAD Level 1 proses 6 Kelola Bidang Kegiatan
Mahasiswa
7.1 Tambah
proposal
proposal
7.2 Edit
proposal
7.3 Hapus
proposal
Data
proposal
Konfirmasi Tambah
Konfirmasi Edit Konfirmasi Hapus
Data
proposal
Data
proposa
Data
proposal
Data
proposal
Data
proposal
Data
proposal
Data
proposal
Gambar 3.44 DAD Level 1 Proses 7 Kelola Pendaftaran
71
Sekretariat WR III
8.1 Tambah
bidang_ilmu
bidang_ilmu
8.2 Edit
bidang_ilmu
8.3 Hapus
bidang_ilmu
Data
bidang_ilmu
Konfirmasi Tambah
Konfirmasi Edit Konfirmasi Hapus
Data
bidang_ilmu
Data
bidang_ilmu
Data
bidang_ilmu
Data
bidang_ilmu
Data
bidang_ilmu
Data
bidang_ilmu
Data
bidang_ilmu
Gambar 3.45 DAD Level 1 proses 8 kelola Bidang Ilmu
Reviewer
10.1 Tambah Nilai
Proposla
penilaian_usulan_proposal
10.2 Edit Nilai Proposal
10.3 Hapus Nilai
Proposal
Data Skor, Nilai, dan Total Nilai
Konfirmasi Tambah
Konfirmasi Edit Konfirmasi Hapus
Data Skor, Nilai, dan Total Nilai
Data Skor, Nilai, dan Total Nilai
Data Skor, Nilai, dan Total Nilai
Data Skor, Nilai, dan Total Nilai
Data Skor, Nilai, dan Total Nilai
Data Skor, Nilai, dan Total Nilai
Data Skor, Nilai, dan Total Nilai
Gambar 3.46 DAD Level 1 Proses 9 Kelola Nilai Proposal
72
3.3.2 Fase Desail Fisikal Physical Design Phase .3.2.1 Subsistem Manajemen Data
3.3.2.1.1 Conceptual Database Design
Gambar 3.47 Entity Relational Diagram
kode_reviewer_proposal total_nilai
komentar status_review
kode_kriteria_usulan skor nilai
bobot kriteria
judul_kegiatan password
nama_ketua nim_ketua
username
alamat_rumah_ketua no_telp_rumah_ketua
no_hp_ketua email_ketua
nama_dosen_pendamping gelar_depan
gelar_belakang nidn_dosen_pendamping
alamat_rumah_dosen no_hp_dosen
no_telp_rumah_dosen biaya_program
jangka_waktu_pelaksanaan tahun_proposal
status_review file_proposal
nama_reviewer instansi
jabatan gelar_depan
gelar_belakang usernam
password kode_proposal
kode_reviewer
proposal reviewer
has has
1 N
1 kriteria_usulan
1 1
N
N
kode_kriteria_usulan
has has
N 1
kode_penilaian_usulan_proposal
N 1
has
reviewer_prop osal
jurusan bidang_ilmu
bidang_kegiatan
has has
has
jurusan bidang_ilmu
bidang_kegiatan
has
1
1
has
N N
N N
1
penilaian_usulan _proposal
73
3.3.2.1.2 Logical Database Design
Gambar 3.48 Logical Database Design
74
5.3.2.1.3 Physical Database Design
Nama Field Tipe Data
Panjang
Pk Fk
Kode -
reviewer Nama
- reviewer
Jurusan Jabatan
Gelar- depan Varchar
Varchar Varchar
Varchar Varchar
50 50
50 50
50
Gelar -
belakang Usernama
Password Varchar
Varchar Varchar
50 50
50
Tabel 3.35 reviewer
Nama Field Tipe Data
Panjang
Pk Fk
Fk Kode - reviewer -
Proposal Kode -reviewer
Kode - proposal Total - nilai
Komentar Status - review
Int
Varchar Int
Int Text
Varchar 50
20
Tabel 3.36 reviewer_proposal
Nama Field Tipe Data
Panjang
Pk Fk
Kode - kriteria- usulan Bidang kegiatan
Kriteria Bobot
Varchar Varchar
Text Int
50 50
Tabel 3.37 kriteria_usulan
75
Nama Field Tipe
Data Panjang
Pk Fk
Fk Fk
Kode - penilaian - usulan - proposal
Kode - proposal Kode - kriteria -
usulan Kode - reviewer
Skor Nilai
Int Int
Varchar
Varchar Int
Int 50
50 Tabel 3.38 penilaian_usulan_proposal
Nama Field Tipe Data
Panjang
Pk Usernamae Password
Varchar Varchar
50 50
Tabel 3.39 admin
Nama Field Tipe Data
Panjang
Pk Usename Password
Varchar Varchar
50 50
Tabel 3.40 wr3
76
Nama Field Tipe Data Panjang
Pk
Fk Fk
Fk Kode_ proposal
Judul - kegiatan Bidang - kegiatan
Bidang
– ilmu Nama - ketua
Nim – ketua\
Jurusan - ketua Alamat - rumah -ketua
No - telp - rumah - ketua No - hp - ketua
Email - ketua Nama - dosen - pendanping
Gelar - depan Gelar - belakang
Nidn - dosen - pendamping Alamat - rumah - dosen
No - telp - rumah - dosen No - hp - dosen
Biaya - program Jangka - waktu -
pelaksanaan Tahun - proposal
Status - review File
– prosal Username
Password Int
Varchar Varchar
Varchar Varchar
Varchar Varchar
Text
Varchar Varchar
Varchar Varchar
Varchar Varchar
Varchar Text
Varchar Varchar
Varchar Varchar
Int Year
Varchar Varchar
Varchar
-
20
50 50
50 50
50 50
50 50
50 50
50
50 50
50 50
200 50
50
Tabel 3.41 Tabel proposal
77
Nama Field Tipe Data
Panjang
Pk Jurusan
Varchar 50
Tabel 3.42 Tabel jurusan
Nama Field Tipe Data
Panjang
Pk bidang_kegiatan Varchar 50
Tabel 3.43 Tabel bidang_kegiatan
Nama Field Tipe Data
Panjang
Pk bidang_ilmu Varchar
50 Tabel 3.44 Tabel bidang_ilmu
Nama Field Tipe Data
Panjang
Pk Kode_berita Tanggal
Judul Isi_berita
Penulis Varchar
Date time Text
Text Varchar
50
50 Tabel 3.45 Tabel berita
78
3.2.2. 3 Perancangan Subsistem Dialog
Gambar 3.49 Halaman Index
Gambar 3.50 Halaman Login PROGRAM KREATIVITAS MAHASISWA
UNIVERSITAS SANATA DHARMA LOGO
username password
Login Batal
79 Gambar 3.51 Halaman Utama Admin
Gambar 3.52 Halaman Tambah Berita
80 Gambar 3.53 Halaman Tambah Bidang Ilmu
Gambar 3.54 Halaman Tambah Bidang Kegiatan
81 Gambar 3.55 Halaman Tambah Jurusan
Gambar 3.56 Halaman Tambah Kriteria
82 Gambar 3.57 Halaman Tambah Reviewer
Gambar 3.58 Halaman Pilih Reviewer Proposal
83 Gambar 3.59 Halaman Daftar Reviewer
Gambar 3.60 Halaman Tambah Reviewer Proposal
84 Gambar 3.61 Halaman Tampil Berita
Gambar 3.62 Halamn Edit Berita
85 Gambar 3.63 Halaman Tampil Bidang Ilmu
Gambar 3.64 Halaman Tampil Bidang Bidang Kegiatan
86 Gambar 3.65 Halaman Tampil Jurusan
Gambar 3.66 Halaman Tampil Kriteria
87 Gambar 3.67 Halaman Edit Kriteria
Gambar 3.68 Halaman Tampil Reviewer
88 Gambar 3.69 Halaman Edit Reviewer
Gambar 3.70 Halaman Cari Proposal
Proposal
SPPK PENGELOLA PROGRAM KREATIVITAS MAHASISWA
UNIVERSITAS SANATA DHARMA LOGO
Lihat Statistik Cari Proposal
Cari
-pilih-
Cari Judul
Kegiatan Bidang
Kegiatan Nama
Ketua Tahun
Proposal Biaya
Program
89 Gambar 3.71 Halaman Utama Reviewer
Gambar 3.72 Halaman Penilaian Usulan Proposal SPPK PENGELOLA
PROGRAM KREATIVITAS MAHASISWA UNIVERSITAS SANATA DHARMA
LOGO
Judul kegiatan
Bidang Kegiatan
Tahun Proposal
Biaya Program
xxxxx xxxxx
xxxxx xxxxx
review xxxxxxx
xxxxx xxxxx
xxxxx review
xxxx xxxxx
xxxxx xxxxx
review
Selama t Datang BpkIbu ….
90 Gambar 3.73 Halaman Lihat Hasil Penilaian Proposal
91 Gambar 3.74 Halaman utama Mahasiswa
92 Gambar 3.75 Halaman Edit Proposal
Gambar 3.76 Halaman Daftar Reviewer untuk Proposal
93 Gambar 3.77 Halaman Utama WR III
Gambar 3.78 Halaman Lihat Data Jurusan Per Tahun
94 Gambar 3.79 Halaman Statistik Poposal dinilai
Gambar 3.80 Halaman Statistik Proposal Berdasar Jurusan Per Tahun
95
BAB IV IMPLEMENTASI
Setelah perancangan sistem selesai dilakukan, langkah selanjutnya adalah mencoba mengimplementasikan rancangan tersebut kedalam bahasa yang dapat
dimengerti oleh mesin. Sistem ini dikerjakan menggunakan spesifikasi software sebagai berikut :
1. Sistem operasi Windows XP service pack 2 2. Dreamweaver 8
3. MySQL 5.1 4. SQLyog
5. Internet browser Mozilla Firefox, Internet Explorer
4.1 Implementasi Subsistem Manajemen Data