4.2. Struktur Organisasi Bagian Akademik Pada Biro AAK UIN Syarif Hidayatullah
Jakarta
Gambar 4.1 Struktur Organisasi Bagian Akademik Pada Biro AAK UIN Syarif
Hidayatullah Jakarta
S u
m b
e r
: D
a t
a
B A
A K
4.3. Pengembangan Sistem Informasi Pendaftran Wisuda
Online
Berikut adalah pembahasan tahapan-tahapan yang digunakan untuk pengembangan sistem informasi pendaftran wisuda online pada UIN Syarif
Hidayatullah Jakarta.
4.3.1. Analisa System Requirement Analysis
Dalam tahap ini, peneliti melakukan beberapa hal yang sangat diperlukan sebelum ke tahap analisa, yaitu studi kelayakan feasibility
study, alokasi waktu, dan menentukan cakupan sistem informasi pendaftaran wisuda online pada UIN Syarif Hidayatullah Jakarta.
4.3.1.1. Studi Kelayakan Feasibility study
Membuat studi kelayakan untuk sistem yang akan dibuat, seperti mengkaji terlebih dahulu bagaimana proses penyajian
informasi kepangkatan agar dapat dibuat pengembangan aplikasi ini yang sesuai dengan kebutuhan user di UIN Syarif Hidayatullah
Jakarta pada khususnya. Adapun dalam penelitian ini peneliti mempertimbangkan feasibility teknis dan feasibility finansial.
4.3.1.2.Alokasi Waktu
Alokasi waktu penelitian pengembangan aplikasi ini membutuhkan waktu kurang lebih 3 bulan terhitung dari bulan
Januari dan November-Desember 2009, untuk lengkapnya dapat
dilihat pada bagian lampiran 6.
51
4.3.1.3.Cakupan Sistem
Cakupan penelitian pengembangan aplikasi ini yaitu proses pendaftaran wisuda hanya dilakukan di dalam UIN Syarif
Hidayatullah Jakarta. Mengumpulkan kebutuhan secara lengkap kemudian
dianalisis dan didefinisikan kebutuhan yang harus dipenuhi oleh program yang akan dibangun. Fase ini harus dikerjakan secara
lengkap untuk bisa menghasilkan desain yang lengkap.
4.3.1.4.Uraian Sistem yang Berjalan
1. Pembayaran Wisuda a. Calon wisudawan memperlihatkan IPK dan surat
keterangan bebas biaya dari fakultas. b. Calon wisudawan menerima dan mengisi form
pembayaran wisuda di bagian keuangan lantai 3 akademik pusat.
c. Setelah itu calon wisudawan membayar biaya wisuda sebesar Rp. 600.000,- ke bank.
d. Calon wisudawan kembali lagi ke bagian keuangan akademik pusat dan memperlihatkan bahwa telah
melakukan pembayaran wisuda di bank. e. Setelah itu calon wisudawan mendapatkan nomor
pendaftaran wisuda nomor itu bukan nomor kursi pada saat pelaksanaan wisuda.
52
Gambar 4.2.
Flowchart Proses Pembayaran Wisuda Sistem yang Berjalan Sumber : Data diolah oleh penulis\
53
2. Pendaftaran Wisuda a. Calon wisudawan mengisi formulir pendaftaran
wisuda yang ada di bagian akademik pusat. b. Setelah itu calon wisudawan menyerahkan berkas
persyaratan administrasi sebagai berikut : i. Foto cop y transkrip akademik ttd sekjur dan
akademik pusat 2 lembar. ii. Foto copy bebas perkuliahan bebas SPP.
iii. Telah membayar biaya wisuda di keuangan. iv. Foto copy tanda lulus ujian komprehensive.
v. Foto copt ijazah SLTA 2 lembar. vi. Foto copy propesa.
vii. Foto copy lembar pengesahan skripsi yang ditandatangani
pembimbing judul
yang berbahasa Arab, ditulis dengan huruf Latin.
viii. Mulai angkatan 2005 menyerahkan tanda
lulus TOAFL dan TOEFL. ix. Pas photo terbaru dan berwarna dengan latar
belakang merah, ukuran 3 x 4 = 3 lembar, 4 x 6 = 2 lembar.
• Bagi laki-laki berjas berwarna gelap dan berdasi bukan jas almamater.
54
• Bagi wanita berjilbab rapih memakai baju kaus.
• Foto jangan dari cetak komputer dan tidak berkacamata.
Pendaftaran Wisuda Calon Wisudawan
Bagian BAAK Akademik Pusat
Mulai Form
Pendaftaran Mengisi Form
Berkas Persayaratan Administrasi
Check Berkas ?
Berkas Tdk lengkap
Lengkapi Berkas
Berkas lengkap
Menyerahkan Berkas Persyaratan
Administrasi Menyimpan
Berkas
Arsip Berkas
Selesai
Gambar 4.3.
Flowchart Proses Pendaftaran Wisuda Sistem yang Berjalan Sumber : Data diolah oleh penulis
4.3.1.5.Kelebihan dan Kelemahan Sistem yang Berjalan
55
1. Kelebihan Sistem yang Berjalan a. Setiap
langkah dalam
pendaftaran wisuda
disesuaikan dengan prosedur yang ada. 2. Kelemahan Sistem yang Berjalan
a. Cara pendaftaran wisuda yang ada d UIN Syarif Hidayatullah Jakarta
masih bersifat
manual walaupun menggunakan komputer sebagai alat
bantu tetapi belum terkomputerisasi. b. Memiliki struktur dan cara yang kurang jelas dalam
penanganan sistem informasi pendaftaran wisuda. Karena masih ada perbedaan antara proses yang
dijelaskan dikertas
dengan yang
dilakukan dilapangan.
c. Calon wisudawanwati harus bolak-balik ke kampus guna untuk memenuhi semua persyaratan yang
berkaitan dengan pendaftaran wisuda. d. Calon wisudawanwati juga sering kesulitan untuk
mengetahui jadwal pelaksanaan wisuda dan apa saja persyaratan yang harus dipenuhi untuk pendaftaran
wisuda. e. Calon wisudawanwati harus datang kekampus
hanya untuk memastikan informasi yang berkaitan dengan wisuda.
56
4.3.1.6.Analisa Pemecahan Masalah
Setelah menganalisa cara pendaftaran wisuda yang ada di UIN Syarif Hidatullah Jakarta, maka penulis akan menguraikan
beberapa permasalahan yang terdapat pada proses pendaftaran wisuda yang sedang berjalan.
1. Permasalahan yang Ditemukan Pada Sistem Lama a. Bagi calon wisudawan merasa sulit untuk mendapatkan
informasi mengenai semua hal yang berkaitan dengan pendaftaran wisuda di UIN Syarif Hidayatullah Jakarta
serta alur sistem yang berjalan saat ini dirasa masih sangat membingungkan calon wisudawan.
b. Bagian akademik belum memiliki data yang terintegrasi serta masih menggunakan sistem manualisasi dalam
pelayanan pendaftaran wisuda serta penyimpanan arsip yang juga masih dilakukan secara manual.
2 Pemecahan Masalah Dengan melihat permasalahan dan kendala yang
terjadi dalam proses pendaftaran wisuda yang telah ada, maka dibutuhkan suatu media yang dapat menanggulangi
proses pendaftaran tersebut secara lebih efektif dan efisien dalam menunjang kinerja bagian akademik serta dapat
menjadi sarana interaksi antara pihak calon wisudawan
57
dengan pihak akademik secara dinamis. Oleh karena itu penulis mengusulkan pembuatan Sistem Pendaftaran
Wisuda Online yang dapat menangani seluruh informasi dan cara pendaftaran wisuda di UIN Syarif Hidayatullah
Jakarta. Pembangunan sitem informasi pendaftaran wisuda
online ini dibuat dengan menggunakan bahasa pemograman PHP versi 5.2.3 diseratai penggunaan basis data MySQL
3.23.32. Salah satu alasan peneliti menggunakan PHP dan MySQL sebagai basis datanya adalah karena sistem yang
dibuat berbasis online dan lintas plaform. Sehingga penggunaanya dapat mengaksesnya melalui browser
Internet Explorer ataupun browser lainnya seperti Mozilla Firefox, Opera, dan lainnya.
4.3.1.7.Usulan Rancangan SI Pendaftaran Wisuda Online
Berikut ini adalah hasil analisa sistem usulan dengan menggunakan digram alir dokumen Flowchart :
58
Gambar 4.4.
Flowchart Proses Pendaftaran Calon Wisudawan Sistem yang Diusulkan
Sumber : Data diolah oleh penulis
59
Gambar 4.5. Flowchart Proses Pendaftaran Wisuda Calon Wisudawan
Sistem yang Diusulkan Sumber : Data diolah oleh penulis
60
Pembuatan Laporan Peserta Wisuda
Admin SISPENDA
Kursi Mulai
Cetak Laporan Peserta Wisuda
Laporan Peserta Wisuda
Selesai
Gambar 4.6. Flowchart Pembuatan Laporan Peserta Wisuda
Sistem yang Diusulkan Sumber : Data diolah oleh penulis
61
4.3.2. Perancangan Design
Tahap berikutnya adalah melakukan perancangan pada ”Sistem Informasi Pendaftaran Wisuda Online”. Prosesnya melalui beberapa
tahap, yaitu : Pemodelan proses Process Modelling, Pemodelan data Data Modelling, dan Desain antar muka Interface Design.
4.3.2.1.DFD Data Flow Diagram
1. Diagram Konteks Context Diagram
Gambar 4 .7.
Diagram Konteks Context Diagram Data diolah Oleh Penulis
Pada diagram konteks, sistem hanya digambarkan dengan sebuah proses, kemudian entitas luar yang bernteraksi dengan
proses tunggal diidentifikasi. Didapat 4 entitas, yaitu admin, operator, calon wisudawan dan BAAK. Dimana calon wisudawan
sebagai entitas luar external entity dan admin dan operator sebagai entitas dalam internal entity.
62
2. Diagram Nol Overview Diagram
Calon Wisudawan
data_pribadi username
password
judul_skripsi periode_wisuda
tahun_akademik no_registrasi_wisuda
nama_bank no_rekening
jumlah_bayar ukuran_toga
1.0 Pendaftaran
Calon Wisuda
2.0 data_pribadi
username password
judul_skripsi periode_wisuda
tahun_akademik no_registrasi_wisuda
nama_bank no_rekening
Calon Wisudawan
User
Administrasi nomor_unik_administrasi
status_berkas Pendaftaran jumlah_bayar
Wisuda Calon ukuran_toga Wisuda
3.0 Validasi Berkas
judul_skripsi periode_wisuda
tahun_akademik no_registrasi_wisuda
nama_bank no_rekening
jumlah_bayar ukuran_toga
informasi_periode_wisuda Wisuda
nomor_unik_administrasi validasi_berkas
nomor_kursi informasi_peserta_wisuda
4.0 Operator
judul_skripsi periode_wisuda
data_pribadi Pengolahan
Data Periode Wisuda
periode_wisuda Admin
tahun_akademik no_registrasi_wisuda
nama_bank no_rekening
jumlah_bayar ukuran_toga
5.0 Pengolahan
Data Peserta Wisuda
data_pribadi judul_skripsi
periode_wisuda tahun_akademik
no_registrasi_wisuda nama_bank
no_rekening jumlah_bayar
ukuran_toga
BAAK laporan_daftar_peserta_wisuda
6.0 Pembuatan
Laporan daftar_peserta_wisuda
Kursi
Gambar 4 .8.
Diagram Nol Overview Diagram Data diolah Oleh Penulis
63
Pada diagram level nol, proses tunggal dari diagram konteks dipecah menjadi 7 proses terperinci, yaitu pendaftarn calon
wisuda, login, pendaftaran wisuda calon wisuda, validasi wisuda, pengolahan data periode wisuda, pengolahan data peserta wisuda
dan cetak laporan peserta wisuda. Diagram rinci.
a. Diagram rinci proses 5.0 pengolahan data periode wisuda
Gambar 4 .9.
Diagram rinci proses 5.0 Data diolah Oleh Penulis
64
Pada proses pengolahan data periode wisuda terdapat 2 proses, yaitu input data periode wisuda dan edit
data periode wisuda. Data yang digunkan pada proses ini adalah data periode wisuda.
b. Diagram rinci proses 6.0 pengolahan data peserta wisuda
data_administrasi
data_administrasi
6.1 Edit Data
Peserta Wisuda
data_pribadi Administrasi
User username
password data_pribadi
Calon Wisudawan
Admin
username password
6.2 Hapus Data
Peserta Wisuda
data_administrasi
data_administrasi_terhapus data_pribadi
data_administrasi_tercetak
6.3 Cetak Data
Peserta Wisuda
data_administrasi data_pribadi
data_administrasi
data_peserta_wisuda
6.4 Cari Data
Peserta Wisuda
Gambar 4 .10.
Diagram rinci proses 6.0 Data diolah Oleh Penulis
65
Pada proses pengolahan data peserta wisuda terdapat 4 proses, yaitu edit data peserta wisuda, hapus data
peserta wisuda, cetak data peserta wisuda, dan cari data peserta wisuda. Data yang digunkan pada proses ini adalah
data calon wisuda dan administrasi.
4.3.2.2.Kamus Data
a. Nama Arus Data
: Data Pribadi Alias
: Data pribadi calon wisuda Bentuk Data
: Variabel field Penjelasan
: Untuk menginput data dari calon wisuda
Arus Data : Calon wisuda
Proses 1.0 Calon wisuda
Proses 6.0 Proses 1.0
DCalon Wisuda Proses 6.0
DKursi Admin
Prose 6.1 DCalon wisuda
Proses 6.2 DCalon wisuda
Proses 6.3 DCalon wisuda
Proses 6.4 Periode
: Setiap ada pendaftaran calon wisuda
Struktur Data :
No. Nama Item Data
Type Lebar
1. nim
varchar 25
2. nama
varchar 30
3. IdJk
int 2
4. tempatLahir
varchar 20
5. tanggalLahir
date -
6. idJurusan
int 2
7. alamatSekarang
text -
66
8. alamatAsal
text -
9. telepon
varchar 15
10. nomorHP
varchar 15
11. namaAyah
varchar 30
12. pendidikanAyah
int 2
13. pekerjaanAyah
varchar 50
14. namaIbu
varchar 30
15. pendidikanIbu
int 2
16. pekerjaanIbu
varchar 50
17. foto
varchar 100
18. idAdministrasi
int 2
19. idUser
int 2
b. Nama Arus Data
: Data username, data password Alias
: Data login Bentuk Data
: Variabel field Penjelasan
: Untuk hak akses user Arus Data
: Calon wisuda Proses 2.0
Operator Proses 2.0
Admin Prosses 2.0
Calon wisuda DUser
Operator DUser
Admin DUser
Periode : Setiap ada yang login
Struktur Data :
No. Nama Item Data
Type Lebar
1. idUser
int 2
2. username
text -
3. password
text -
4. usernameAsal
varchar 30
5. passwordAsal
varchar 30
6. idType
int 2
c. Nama Arus Data
: Data Administrasi Alias
: Data pendaftaran wisuda Bentuk Data
: Variabel field
67
Penjelasan : Untuk menginput data administrasi
Arus Data : Calon wisuda
Proses 3.0 Proses 3.0
DAdministrasi DAdministrasi
Proses 4.0 DAdministrasi
Proses 6.0 Proses 6.0
Dkursi DAdministrasi
Proses 6.2 DAdministrasi
Proses 6.3 DAdministrasi
Proses 6.4 Periode
: Setiap ada yang daftar wisuda Struktur Data
: No.
Nama Item Data Type
Lebar 1.
idAdministrasi int
10 2.
nomorRekening varchar
11 3.
idBank int
2 4.
jumlahBayar int
10 5.
nomorRegistrasiWisuda varchar
30 6.
judul varchar
100 7.
tanggal date
- 8.
idPeriode int
2 9.
idStatusBerkas int
2 10.
ukuranToga varchar
1 11.
tahunAkademik varchar
10 12.
unikid varchar
50 d.
Nama Arus Data : Data nomor unik administrasi
Alias : Data nomor untuk validasi berkas
wisuda Bentuk Data
: Variabel angka dan huruf Penjelasan
: Untuk menceklis pesyaratan wisuda Arus Data
: Calon wisuda Proses 4.0
Operator Proses 4.0
Periode : Setiap ada yang daftar wisuda
Struktur Data : -
68
e. Nama Arus Data
: Data validasi berkas Alias
: Data berkas persyaratan wisuda Bentuk Data
: Dokumen Penjelasan
: Untuk menceklis pesyaratan wisuda Arus Data
: Calon wisuda Proses 4.0
Operator Proses 4.0
Periode : Setiap ada yang daftar wisuda
Struktur Data : -
f. Nama Arus Data
: Data status berkas Alias
: Data berkas persyaratan wisuda Bentuk Data
: Variabel Penjelasan
: Untuk memberikan informasi status berkas persyaratan wisuda calon
wisuda Arus Data
: Proses 4.0 Calon Wisuda
Periode : Setiap ada yang daftar wisuda
Struktur Data : -
g. Nama Arus Data
: Data nomor kursi Alias
: Data nomor kursi wisuda Bentuk Data
: Variabel Penjelasan
: Untuk memberikan informasi status nomor kursi wisuda calon wisuda
Arus Data : Proses 4.0
Calon Wisuda Periode
: Setiap ada yang daftar wisuda Struktur Data
: - h.
Nama Arus Data : Data periode wisuda
Alias : Data jadwal wisuda
Bentuk Data : Variabel field
69
Penjelasan : Untuk menginput data periode
wisuda Arus Data
: Admin Proses 5.0
Admin Proses 5.1
Periode : Setiap ada jadwal wisuda baru
Struktur Data :
No. Nama Item Data
Type Lebar
1. idPeriode
int 2
2. tanggalPendaftaran
date -
3. tanggalPenyerahan
date -
4. tanggalPersiapan
date -
5. tanggalPelaksanaan
date -
6. idStatus
int 2
i. Nama Arus Data
: Data periode wisuda baru Alias
: Data jadwal wisuda baru Bentuk Data
: Variabel field Penjelasan
: Untuk menginput data periode wisuda baru
Arus Data : Proses 5.1
DPeriode Proses 5.1
Admin Periode
: Setiap ada jadwal wisuda baru Struktur Data
: No.
Nama Item Data Type
Lebar 1.
idPeriode int
2 2.
tanggalPendaftaran date
- 3.
tanggalPenyerahan date
- 4.
tanggalPersiapan date
- 5.
tanggalPelaksanaan date
- 6.
idStatus int
2 j.
Nama Arus Data : Data periode wisuda terupdate
Alias : Data jadwal wisuda terupdate
Bentuk Data : Variabel field
Penjelasan : Untuk mengupate data periode
70
wisuda Arus Data
: Dperiode Proses 5.2
Proses 5.2 Admin
Periode : Setiap ada jadwal wisuda diganti
Struktur Data :
No. Nama Item Data
Type Lebar
1. idPeriode
int 2
2. tanggalPendaftaran
date -
3. tanggalPenyerahan
date -
4. tanggalPersiapan
date -
5. tanggalPelaksanaan
date -
6. idStatus
int 2
k. Nama Arus Data
: Data informasi periode wisuda Alias
: Data informasi jadwal wisuda Bentuk Data
: Variabel field Penjelasan
: Untuk memberikan informasi periode wisuda
Arus Data : Proses 5.0
Calon Wisuda Periode
: Setiap ada jadwal wisuda baru Struktur Data
: - l.
Nama Arus Data : Data peserta wisuda terhapus
Alias : Data nama wisudawan terhapus
Bentuk Data : Variabel field
Penjelasan : Untuk memberikan informasi
peserta wisuda yang dihapus Arus Data
: Proses 6.2 Admin
Periode : Setiap ada yang daftar wisuda
Struktur Data : -
71
m. Nama Arus Data
: Data peserta wisuda tercetak Alias
: Data nama wisudawan tercetak Bentuk Data
: Variabel field Penjelasan
: Untuk memberikan informasi peserta wisuda yang dicetak
Arus Data : Proses 6.3
Admin Periode
: Setiap ada yang daftar wisuda Struktur Data
: - n.
Nama Arus Data : Data informasi peserta wisuda
Alias : Data informasi nama wisudawan
Bentuk Data : Variabel field
Penjelasan : Untuk memberikan informasi
peserta wisuda Arus Data
: Proses 6.0 Calon Wisuda
Proses 6.4 Admin
Periode : Setiap ada yang daftar wisuda
Struktur Data : -
o. Nama Arus Data
: Data laporan peserta wisuda Alias
: Data laporan nama wisudawan Bentuk Data
: Variabel field Penjelasan
: Untuk memberikan daftar nama peserta wisuda yang sudah
melakukan wisuda Arus Data
: Proses 6.0 Calon Wisuda
Periode : Per-periode wisuda
Struktur Data : -
72
4.3.2.3. Process spesification PSPEC
Process spesification
PSPEC digunakan
untuk menggambarkan semua proses model aliran yang tampak pada
tingkat akhir penyaringan. Kandungan dari spesifikasi proses dapat termasuk teks naratif, gambaran bahasa desain program dari
algoritma proses, persamaan matematika, tabel diagram, atau bagan.
Dengan memberikan sebuah PSPEC untuk mengiringi masing-masing gelembung di dalam model aliran, berarti
perekayasa perangkat lunak menciptakan sebuah “spesifikasi mini” yang dapat berfungsi sebagai sebuah langkah pertama di dalam
kreasi spesifikasi persyaratan perangkat lunak dan sebagai penuntun
bagi desain komponen
program yang akan mengimplementasikan program Pressman, 1997 Untuk lebih
detailnya process spesification PSPEC ditunjukkan pada tabel 4.1.
Tabel 4.1 Process Spesification PSPEC
No. Nama Proses
Data Input
Data Output
Mekanisme
1.0 Pendaftaran
Calon Wisuda Data Pribadi
dan Foto -
Proses menerima input berupa data pribadi dan
foto dari calon wisuda, lalu sistem penyimpan
data dan foto tersebut ke database calon wisuda.
2.0 Login Calon
Wisuda, Operator, dan
Data Username
dan Hak Akses
Proses menerima input berupa data username dan
password dari
Calon
73
Admin Password
Wisuda, Operator, dan Admin,
lalu sistem
menyimpan data tersebut ke dalam database user,
dan output yang diterima adalah hak akses untuk
masuk ke sistem.
3.0 Pendaftaran
Calon Wisuda Data
Administrasi Data Nomor
Unik Administrasi
Proses menerima input data
administrasi dari calon wisuda, lalu sistem
menyimpan data tersebut ke
dalam database administrasi, dan calon
wisuda mendapatkan output berupa data nomor
unik administrasi.
4.0 Validasi Berkas
Wisuda Data Nomor
Unik Administrasi
Data Status Berkas
Proses menerima input data berupa nomor unik
administrasi yang telah calon wisuda peroleh, lalu
operator melakukan validasi
berkas persyaratan wisuda, dan
calon wisuda
output berupa data status berkas
wisuda yang sudah
tervalidasi dan nomor
kursi. 5.0
Pengolahan Data Periode Wisuda
Data Tanggal
Wisuda Data
Informasi Jadwal
Wisuda Proses menerima input
data berupa tanggal dari admin, lalu menghasilkan
output berupa data
informasi jadwal wisuda
6.0 Pengolahan Data
Peserta Wisuda -
Data Informasi
Daftar Peserta
Wisuda Proses mengambil data
pribadi dan
data administrasi dari database
calon wisuda dan database administrasi, dan proses
juga menyimpan
data pribadi
dan data
administrasi ke database kursi, lalu output yang
dihasilkan berupa daftar peserta wisuda.
7.0 Pembuatan
Laporan Daftar -
Data Laporan
Proses mengambil data pribadi
dan data
74
Peserta Wisuda Daftar
Peserta Wisuda
administrasi dari database calon wisuda dan database
administrasi, lalu output yang dihasilkan berupa
data laporan daftar peserta wisuda.
5.1 Input Data
Periode Wisuda Data
Tanggal Wisuda
Data Periode
Wisuda Baru
Proses menginput data berupa data
periode wisuda baru dari admin,
lalu data
tersebut disimpan di
database periode dan menghasilkan
output berupa data periode wisuda baru.
5.2 Edit Data
Periode Wisuda Data
Tanggal Wisuda
Data Periode
Wisuda yang Telah
Terupdate Proses menginput data
berupa data periode
wisuda baru yang telah diedit dari admin, lalu
data tersebut disimpan di database periode dan
menghasilkan
output berupa data
periode wisuda yang telah
terupdate.
6.1 Edit Data Peserta
Wisuda Data
Pribadi, Username,
Password dan Foto
Data Pribadi,
Username, Password
dan Foto Baru
Proses menginput data berupa data pribadi, data
username, data password dan foto dari admin, lalu
data tersebut disimpan di database calon wisuda dan
database
user, menghasilkan
output berupa data pribadi, data
username, data password dan foto baru.
6.2 Hapus Data
Peserta Wisuda -
Data Peserta Wisuda
Terhapus Proses
menerima data
berupa data pribadi, data username dan password
dan data administrsi dari database calon wisuda,
user dan administrasi, lalu data tersebut dihapus oleh
admin, dan output yang dihasilkan adalah data
peserta wisuda yang telah dihapus.
75
6.3 Cetak Data
Peserta Wisuda -
Data Peserta Wisuda
Tercetak Proses
menerima data
berupa data pribadi, data username dan password
dan data administrsi dari database calon wisuda,
user dan administrasi, lalu data tersebut dihapus oleh
admin, dan output yang dihasilkan adalah data
peserta wisuda yang telah tercetak.
6.4 Cari Data
Peserta Wisuda -
Data Informasi
Peserta Wisuda
Proses menerima inputan lalu melakukan pencarian
data di tabel database.
76
50 xiii
4.3.2.3.ERD Entity Relationship Diagram
G a
m b
a r
4 .
2 1
. E
R D
S I
S P
E
N D
A
S u
m b
e r
: D
a t
a d
i o
l a
h P
e n
u l
i s
77
4.3.2.4.Normalisasi
Berikut langkah-langkah normalisasi : 1. Bentuk Tidak Normal UNF
Berikut adalah bentuk tidak normal :
Gambar 4 .22.
UNF Bentuk Tidak Normal Data diolah Oleh Penulis
78
2. Bentuk Normal Pertama 1NF Pada gambar diatas masih banyak data yang
berulang, sehingga dibentuk normal pertama yaitu membuat satu entitas tidak memiliki atribut yang sama.
Berikut bentuk normal pertama :
Gambar 4 .23.
1NF Bentuk Normal Pertama Data diolah Oleh Penulis
79
3. Bentuk Normal Kedua 2NF Langkah selanjutnya adalah membuat normal
kedua. Bentuk normal kedua:
Gambar 4 .24.
2NF Bentuk Normal Kedua Data diolah Oleh Penulis
Ket : Primary Key
Foreign Key
80
4. Bentuk Normal Ketiga 3NF Langkah selanjutnya adalah membuat normal
ketiga. Bentuk normal ketiga:
Gambar 4 .25.
3NF Bentuk Normal Ketiga Data diolah Oleh Penulis
Ket : Primary Key
Foreign Key
81
4.3.2.6.Struktur Basis Data
Berikut adalah spesifikasi tabel basis data yang terdapat pada sistem informasi pendaftaran wisuda Online :
1. Tabel Administrasi
Tabel 4.2. Tabel Administrasi
Sumber : Data diolah Penulis
Field Name Data Type
Extra
idAdministrasi int10
auto_increment nomorRekening
varchar11 idBank
int2 jumlahBayar
int10 nomorSetor
varchar30 judul
varchar100 tanggal
date idPeriode
int2 idStatusBerkas
int2 ukuranToga
varchar1 tahunAkademik
varchar10 unikid
varchar50 2. Tabel Bank
Tabel 4.3.
Tabel Bank Sumber : Data diolah Penulis
Field Name Data Type
Extra
idBank int2
auto_increment namaBank
varchar20 3. Tabel Fakultas
Tabel 4.4. Tabel Fakultas
Sumber : Data diolah Penulis
Field Name Data Type
Extra
idFakultas int2
auto_increment namaFakultas
varchar20
82
4. Tabel Jenis Kelamin
Tabel 4.5. Tabel Jenis Kelamin
Sumber : Data diolah Penulis
Field Name Data Type
Extra
idJk int2
auto_increment namaJk
varchar10
5. Tabel Calon Wisuda
Tabel 4.6. Tabel Calon Wisuda
Sumber : Data diolah Penulis
Field Name Data Type
Extra
nim varchar25
nama varchar30
idJk int2
tempatLahir varchar20
tanggalLahir date
idJurusan int2
alamatSekarang text
alamatAsal text
telepon varchar15
nomorHP varchar15
namaAyah varchar30
pendidikanAyah int2
pekerjaanAyah varchar50
namaIbu varchar30
pendidikanIbu int2
pekerjaanIbu varchar50
foto varchar100
idAdministrasi int2
idUser int2
6. Tabel
Tabel 4.7. Tabel Jurusan
Sumber : Data diolah Penulis
Field Name Data Type
Extra
idJurusan int2
auto_increment namaJurusan
varchar20 idFakultas
int2
83
7. Tabel Kursi
Tabel 4.8. Tabel Kursi
Sumber : Data diolah Penulis
Field Name Data Type
Extra
nomorKursi int2
idPeriode int2
idFakultas int2
auto_increment nim
varchar25
8. Tabel Pendidikan
Tabel 4.9.
Tabel Pendidikan Sumber : Data diolah Penulis
Field Name Data Type
Extra
idPendidikan int2
auto_increment namaPendidikan
varchar5
9. Tabel Periode
Tabel 4.10. Tabel Periode
Sumber : Data diolah Penulis
Field Name Data Type
Extra
idPeriode int2
auto_increment tanggalPendaftaran
date tanggalPenyerahan
date tanggalPersiapan
date tanggalPelaksanaan
date idStatus
int2
10. Tabel Status
Tabel 4.11.
Tabel Status Sumber : Data diolah Penulis
Field Name Data Type
Extra
idStatus int2
auto_increment namaStatus
varchar10
84
11. Tabel Status Berkas
Tabel 4.12. Tabel Status Berkas
Sumber : Data diolah Penulis
Field Name Data Type
Extra
idStatusBerkas int2
auto_increment namaStatusBerkas
varchar20
12. Tabel T ypeuser
Tabel 4.13. Tabel Typeuser
Sumber : Data diolah Penulis
Field Name Data Type
Extra
idTypeuser int2
auto_increment namaT ypeuser
varchar20
13. Tabel User
Tabel 4.14.
Tabel User Sumber : Data diolah Penulis
Field Name Data Type
Extra
idUser int2
auto_increment username
text password
text usernameAsal
varchar30 passwordAsal
varchar30 idT ype
int2
85
4.3.2.7. Rancangan Antarmuka
1. Halaman SISPENDA a. Halaman Utama
Gambar 4.27.
Rancangan Menu Utama Data diolah oleh Penulis
b. Halaman Jadwal Wisuda
Gambar 4.28. Rancangan Menu Jadwal Wisuda
Data diolah oleh Penulis
86
c. Halaman Persyaratan Wisuda
Gambar 4.29.
Rancangan Menu Persyaratan Wisuda Data diolah oleh Penulis
d. Halaman Nama Wisudawan
Gambar 4.30. Rancangan Menu Nama Wisudawan
Data diolah oleh Penulis
87
e. Halaman About
Gambar 4.31.
Rancangan Menu About Data diolah oleh Penulis
88
f. Halaman Registrasi
Banner Logo Welcome to SISPENDA UIN Jakarta
Tanggal Home
Jadwal Wisuda Persyaratan Wisuda
Nama Wisudawan Form Registrasi
Registrasi About
Nama :
Login Calon Wisuda NIM
: Jenis Kelamin
: Tempat, Tanggal Lahir
: Jurusan
: Fakultas
: Fakultas
: Alamat Sekarang
: Alamat Asal
: Telepon
: No. HP
: Nama Ayah
: Pendidikan Ayah
: Pekerjaan Ayah
: Nama Ibu
: Pendidikan Ibu
: Pekerjaan Ibu
: Username
: Password
: Foto
:
Save Cancel
© 2009 Universitas Islam Negeri Syarif Hidayatullah Jakarta
Gambar 4.32.
Rancangan Menu Registrasi Data diolah oleh Penulis
89
2. Halaman Calon Wisudawan a. Halaman Login
Gambar 4.33.
Rancangan Menu Login Calon Wisudawan Data diolah oleh Penulis
b. Halaman Utama
Gambar 4.34.
Rancangan Menu Utama Calon Wisudawan Data diolah oleh Penulis
90
c. Halaman Data Pribadi
Gambar 4.35.
Rancangan Menu Data Pribadi Data diolah oleh Penulis
d. Halaman Registrasi Data Akademik
Gambar 4.36.
Rancangan Menu Registrasi Akademik Data diolah oleh Penulis
91
e. Halaman Verifikasi Data
Gambar 4.37.
Rancangan Menu Verifikasi Data Data diolah oleh Penulis
3. Halaman Operator a. Halaman Login
Gambar 4.38. Rancangan Menu Login Operator
Data diolah oleh Penulis
92
b. Halaman Utama
Gambar 4.39.
Rancangan Menu Utama Operator Data diolah oleh Penulis
c. Halaman Form Validasi Berkas
Gambar 4.40.
Rancangan Menu Validasi Berkas Data diolah oleh Penulis
93
4. Halaman Admin a. Halaman Login
Gambar 4.41.
Rancangan Login Admin Data diolah oleh Penulis
b. Halaman Utama
Gambar 4.42.
Rancangan Menu Utama Data diolah oleh Penulis
94
c. Halaman Peserta Wisuda
Gambar 4.43.
Rancangan Peserta Wisuda Data diolah oleh Penulis
d. Halaman Periode Wisuda
Gambar 4.44. Rancangan Periode Wisuda
Data diolah oleh Penulis
95
4.4. Pengkodean
Coding
Pada tahap ini peneliti menggunakan pengembangan piranti lunak Macromedia Dreamweaver 8.0 dan Allaire Homesite 4.5.2 untuk
mendesain website, program ini mempunyai kelebihan untuk membuat situs web seperti dengan dua langkah sekaligus dalam satu waktu, yaitu
mendesain dan memprogram. Hal ini disebabkan program ini sudah menyertakan sintaks-sintaks kode yang berguna untuk mengembangkan
suatu aplikasi situs. Untuk tampilan grafis, penulis menggunakan program pengolah gambar Adobe Photoshop CS2.
Gambar 4.45.
Pengkodean di Macromedia Dreamweaver menggunakan bahasa PHP
4.5. Pengujian
Testing
Pada Tahapan ini dilakukan pengujian terhadap program oleh peneliti. Pada penelitian ini peneliti menggunakan pengujian Eksternal Black Box.
Pengujian Eksternal Black Box peneliti melakukan pengujian terhadap aplikasi dengan cara mengecek satu persatu link yang
dengan menggunakan tabel pengujian, apakah link tersebut sudah sesuai seperti yang diharapkan atau belum.
96
Tabel 4.15. Hasil Pengujian SISPENDA
No. Link
Hasil yang diharapkan Hasil
Akurat 1.
Home Dapat menampilkan halaman utama
ok 2.
Jadwal Wisuda Dapat menampilkan jadwal wisuda
ok 3.
Persyaratan Wisuda Dapat menampilkan halaman persayaratan wisuda
ok 4.
Nama Wisudawan Dapat menampilkan halaman nama wisudawan
ok 5.
Registrasi Dapat menampilkan halaman registrasi
ok 6.
About Dapat menampilkan halaman about
ok 7.
Login Dapat menampilkan halaman
ok 8.
Home Calon Wisuda Dapat menampilkan halaman utama SISPENDA
ok 9.
Data Pribadi Dapat menampilkan halaman data pribadi
ok 10.
Registrasi Data Akademik
Dapat menampilkan halaman registrasi data akademik
ok 11.
Hasil Verifikasi Data Dapat menampilkan halaman hasil verifikasi data
ok 12.
Logout Dapat menampilkan halaman logout
ok 13.
Peserta Wisuda Dapat menampilkan halaman peserta wisuda
ok 14.
Periode Wisuda Dapat menampilkan halaman periode wisuda
ok
97
BAB V KESIMPULAN DAN SARAN
Pada bab ini, peneliti juga memberikan kesimpulan dan saran yang berkaitan dengan judul yang peneliti angkat, agar bertujuan untuk memberikan
masukkan bagi yang ingin mengembangkan aplikasi yang berkaitan dengan judul yang peneliti angkat.
5.1 Kesimpulan
Sistem Informasi Pendaftaran Wisuda Online merupakan salah satu solusi yang tepat bagi Universitas Islam Negeri UIN Syarif Hidayatullah. Dari proses
dan hasil penelitian sampai pembuatan laporan penelitian ini, peneliti dapat mengambil kesimpulan sebagai berikut :
1. Dari penelitian ini dihasilkan sebuah aplikasi Sistem Pendaftaran Wisuda Online yang terdiri dari halaman utama, halaman calon wisuda, halaman
operator dan halaman admin. 2. Dengan adanya Sistem Informasi Pendaftaran Wisuda Online dapat
mempermudah dalam pengaksesan sistem yang selama ini sering mengalamin hambatan dalam melihat informasi wisuda, seperti jadwal
wisuda dan persyaratan wisuda.
98