Upload
sigit-ariyanto
View
760
Download
0
Embed Size (px)
Citation preview
BAB III
DESAIN DAN PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan sistem merupakan tahap awal dari perancangan perangkat lunak.
Perancangan ini dilakukan untuk mengetahui kondisi sistem secara umum.
3.1.1 Diagram Blok Sistem
Diagram blok sistem menggambarkan setiap blok atau bagian dalam sistem aplikasi.
Sistem aplikasi kamus kedokteran dirancang untuk dapat dijalankan secara online dan secara
lokal (localhost). Sistem dijalankan secara online berarti web server Apache, bahasa
pemrograman PHP dan basis data MySQL terdapat di dalam dua atau lebih komputer yang
terpisah namun terhubung ke dalam suatu jaringan. Sistem aplikasi yang dijalankan secara online
dapat digambarkan dengan diagram blok seperti yang diperlihatkan dalam gambar 3.1 berikut:
PC Server
Computer Network
PC Client
Web Browser
Web Server Apache
Scripting Language PHP
Server Database MySQL
Gambar 3.1 Diagram blok sistem aplikasi secara online
3.2. Tahapan Penelitian
Adapun alur langkah-langkah pengumpulan data penelitian ini dapat digambarkan
sebagai berikut :
Gambar 3.2 Diagram Blok Tahapan Penelitian
a. Observasi
Dengan mengadakan penelitian dan menganalisa secara langsung terhadap kondisi
penilaian test penerimaan mahasiswa baru Universitas Mataram, sehingga dapat
dilihat kebutuhan aplikasi yang dirancang, dimana observasi ini meliputi pengamatan
terhadap perangkat lunak, perangkat keras dan sebagainya. Observasi juga mencakup
pencarian dan pengambilan data.
b. Study Literatur
Dalam mempelajari data manual dan referensi yang berhubungan dengan masalah
yang dihadapi akan digunakan dalam perencanaan dan perancangan aplikasi yang
akan dibuat.
a. Observasi
b. Study Literatur
c. Interview
d. Mempelajari
Dokumen yang Terkait
e. Analisis Sistem
f. Perancangan Sistem
g. Pembahasan
h. kesimpulan
c. Interview
Interview dilakukan secara langsung terhadap pihak Universitas Mataram guna
mendapatkan informasi serta data-data yang dibutuhkan dalam perancangan dan
pembuatan system aplikasinya.
d. Mempelajari dokumen-dokumen yang terkait, yaitu formulir-formulir yang
digunakan selama ini untuk dianalisis lebih lanjut.
e. Analisa Sistem
Membuat analisa terhadap data yang sudah diperoleh dari hasil observasi yaitu
menggabungkan dengan laporan survey dan kebijakan pemakai menjadi spesifikasi
yang terstruktur dengan menggunakan pemodelan.
f. Perancangan Sistem
Perancangan system dengan membuat rancangan database dan rancangan tampilan
aplikasi program yang dibutuhkan.
g. Pembahasan
Tahap ini merupakan tahap pembuatan dan pengembangan aplikasi sesuai dengan
desain sistem yang ditetapkan pada tahap sebelumnya. Dalam proses ini dilakukan
pembuatan tampilan system, pembuatan database, dan penyusunan coding program
yang dibangun menggunakan PHP dan MYSQL.
h. Kesimpulan
Tahap akhir ini adalah kesimpulan yang berisi ringkasan pembahasan yang ada dalam
tugas akhir ini.
3.3. Analisis Sistem
3.3.1. Use Case Diagram
Use case diagram bersifat statis, diagram ini memperlihatkan himpunan use case dan
aktor-aktor (suatu jenis khusus dari kelas), yang sangat penting untuk mengorganisasi dan
memodelkan perilaku dari suatu system yang dibutuhkan serta diharapkan pengguna (Adi
Nugroho, 2005:19). Use case adalah deskripsi fungsi dari sebuah system dari perspektif
pengguna (Munawar, 2005:63). use case adalah diagram yang mengambarkan kemampuan
sebuah sistem yang nantinya akan dijalankan oleh aktor, atau dengan kata lain aktifitas
(pekerjaan) yang nantinya akan dilakukan oleh aktor yang mampu difasilitasi oleh sistem dan
digambarkan dalam bentuk diagram. Berikut ini adalah desain use case pada perancangan
aplikasi rancang bangun sistem informasi penerimaan Maba.
Gambar 3.3 Use case diagram SI PMB
edit data pendaftaran maba
edit data jurusan
hapus data tamu
Login admin
edit data soal
cetak laporan hasil ujian
Admin
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
mendapatkan username dan
password
melakukan pendaftaran
melaksanakan ujian
login ujianCalon Mahasiswa
<<extend>>
<<include>>
Dari gambar 3.3 Usecase diagram diatas dapat dijelaskan sebagai berikut:
Tabel 3.1 Penjelasan Use Case Test penerimaan CAMABA
Aktor Nama use case Deskripsi use case
Admin Login Use case ini berfungsi untuk verifikasi
data admin
Admin Edit data pendaftaran maba Use case ini berfungsi untuk edit data
camaba
Admin Edit data jurusan Use case ini berfungsi untuk edit data
jurusan
Admin Hapus data tamu Use case ini berfungsi untuk
menghapus data tamu
Admin Edit data soal Use case ini berfungsi untuk edit data
soal ujian
Admin Cetak laporan hasil ujian Use case ini berfungsi untuk mencetak
hasil ujian penerimaan maba
Cama Login ujian Use case ini berfungsi untuk login
ujian calon mahasiswa
Cama Melaksanakan ujian Use case ini berfungsi untuk
melakukan ujian bagi calon
mahasiswa
Cama Melakukan pendaftaran Use case ini berfungsi untuk
melakukan pendaftaran
3.3.2. Activity Diagram
Activity diagram merupakan suatu bentuk flow diagram yang memodelkan alur kerja
(workflow) sebuah proses system informasi dan sebuah urutan aktifitas sebuah proses. Diagram
ini sangat mirip dengan sebuah flowchart karena kita dapat memodelkan sebuah alur kerja dari
sebuah aktifitas lainnya atau dari suatu aktifitas kedalam keadaan sesaat. Activity diagram akan
lebih bermanfaat apabila terlebih dahulu kita modelkan sebuah proses untuk membantu kita
memahami proses secara keseluruhan. Activity diagram juga sangat berguna ketika kita ingin
menggambarkan perilaku parallel atau menjelaskan bagaimana perilaku dalam berbagai use case
berinteraksi.
Berkaitan dengan use case diagram diatas, maka terdapat beberapa buah activity diagram
yang dapat digambarkan yaitu :
3.3.2.1 Activity Diagram Login
Activity diagram login ini merupakan alur kerja admin untuk masuk ke system dari
system informasi. Berikut gambar activity diagram untuk use case login:
Gambar 3.4 Activity diagram Login
3.3.2.2 Activity Diagram Data Camaba
Activity diagram ini digunakan untuk mengetahui alur dalam memasukkan data camaba.
Berikut gambar activity diagram untuk data camaba:
masukkan username
dan password
sistem cek ke
database
Login
true
false
Gambar 3.5 Activity diagram data camaba
3.3.2.3 Activity Diagram Pelaksanaan Ujian
Activity diagram ini digunakan untuk mengetahui alur dalam pelaksanaan ujian tes
penerimaan Maba Berikut gambar activity diagram untuk pelaksanaan ujian:
Gambar 3.6 Activity diagram pelaksanaan ujian
3.3.2.4 Activity Diagram Hasil Ujian Tes PMB
Activity diagram ini digunakan untuk mengetahui hasil ujian tes penerimaan Maba
Berikut gambar activity diagram untuk hasil tes pelaksanaan ujian:
Gambar 3.7 Activity diagram hasil ujian
3.3.3. Squence Diagram
Squence diagram menjelaskan interaksi objek yang disusun dalam suatu urutan waktu.
Diagram ini secara khusus berasosiasi dengan use case. Squence diagram memperlihatkan tahap
demi tahap apa yang sebenarnya terjadi untuk menghasilkan sesuatu didalam use case. Pada
gambar dibawah ini digambarkan squence diagram yang terdapat dalam use case:
3.3.3.1 Squence Diagram Login
Gambar 3.8 Squence diagram Login
3.3.3.2 Squence Diagram Data Camaba
Gambar 3.9 Squence diagram data camaba
: Admin
: form login : data admin : form
pendaftaran
input username password()
verifikasi data admin()
return()
login form Pendaftaran
: Admin
: form
pendaftaran
data maba : form
pendaftaran
input data maba()
simpan data()
3.3.3.3 Squence Diagram Pelaksanaan Ujian
Gambar 3.10 Squence diagram pelaksanaan ujian
3.3.4. Class Diagram
Class diagram membantu kita dalam visualisasi struktur kelas-kelas dari suatu system dan
merupakan tipe diagram yang paling banyak dipakai. Class diagram memperlihatkan hubungan
antar kelas dan penjelasan detail tiap-tiap kelas didalam model desain dari suatu system, seperti
gambar berikut ini:
: Calon Mahasiswa
: form login : soal : master_ujian
input username password()
melaksanakan ujian()
simpan hasil ujian()
pengumuman ujian
Gambar 3.11 Class diagram SI PMB
3.3.5. Diagram Konteks
Diagram konteks merupakan aliran yang memodelkan hubungan antara sistem dengan
entitas. Selain itu diagram konteks merupakan diagram yang paling awal yang terdiri dari suatu
proses data dan menggambarkan ruang lingkup suatu sistem secara garis besarnya. Aliran dalam
diagram konteks memodelkan masukan ke sistem dan keluaran dari sistem.
laporan_login_adm
log in_admin
hapus_data_jur
info_daftar_maba
hapus_data_maba
isi_data_jurusan
edit_data_jurusan
edit_data_maba
laporan_edit_data_maba
Laporan_hapus_data_jurusan
Laporan_isi_data_jurusan
Laporan_edit_data_jurusan
laporan_hapus_data_maba
info_log in_ujian_sukses
info_hasil_tes
Tes_penerimaan_Maba
input_username_password_cama
Daftar_camaba 0
Sistem_Informasi_Peneri
maan_M ahasiswa_Baru
+
Calon_mahasiswa
Admin
Gambar 3.12 Diagram Konteks Aplikasi SI PMB
Dari konteks diagram di atas dapat dijelaskan sebagai berikut:
a. User merupakan pengguna dari aplikasi sistem informasi penerimaan mahasiswa baru
yaitu calon-calon mahasiswa baru yang ingin mendaftar kuliah di Universitas Mataram.
Pada entitas pengguna (user) terdapat tiga aliran data, dimana tiga aliran data menuju ke
sistem, yaitu daftar camaba, tes penerimaan mahasiswa baru, dan input username dan
password.
b. Admin merupakan pengelola dari Sistem informasi administrasi penerimaan maba. Pada
entitas admin terdapat enam aliran data menuju ke sistem yaitu login admin, hapus data
maba, isi data jurusan, hapus data jurusan, edit data jurusan, dan edit data maba.
3.3.6. Data Flow Diagram
Data Flow Diagram merupakan gambaran proses sistem informasi yang lebih rinci dan
merupakan pengembangan dari Context Diagram.
Data Flow Diagram Level 1 menjelaskan mengenai kegiatan arus data yang terjadi
dalam sistem informasi administrasi penerimaan mahasiswa baru. Pada diagram ini terdapat dua
entitas dan lima proses yang merupakan proses utama dari sistem, yaitu proses mendaftar, proses
login ujian, proses melaksanakan ujian, proses administrator dan proses login admin. Serta data
store yang masing-masing adalah table pendaftaran, table master ujian, table soal, table admin,
table guestbook, dan table jurusan.
Info_log in
Verifikasi
cetak_hasil
delete_soalmengedit_soal
menambah_soal
delete_data_tamu
delete_data_jur
mengedit_data_jur
menambah_data_jur
tampil_soal
input_username_password_maba
delete_data_maba
update_data_maba
input_data_maba
laporan_login_admin
input_username_password
laporan_cetak_hasil_ujian
laporan_hapus_soal
laporan_edit_soal
laporan_tambah_soallaporan_hapus_bukutamu
cetak_hasil_ujian
hapus_soal
edit_soal
tambah_soal
hapus_buku_tamu
hapus_data_jurusan
isi_data_jurusan
edit_data_jurusan
laporan_edit_data_maba
Laporan_isi_data_jurusan
Laporan_edit_data_jurusan
laporan_hapus_data_maba
edit_data_maba
Laporan_hapus_data_jurusan
hapus_data_maba
info_pendaftaran_maba
info_hasil_tes
Tes_penerimaan_Maba
info_log in_ujian_sukses
input_username_password_camaCalon_mahasiswa
Admin
1
mendaftar
2
log in_ujian
3
melaksanakan
_ujian
4
Administrator
+
1 tbl_pendaftaran
2 tbl_master ujian
3 tbl_soal
4 tbl_admin
5 tbl_g uest book
6 tbl_jurusan
5
log in_admin
Gambar 3.13 Data Flow Diagram (DFD) Level 1
3.3.6.1 DFD Level 2 Administrator
laporan_hapus_data_soal
laporan_edit_soal
laporan_hapus_jurusan
laporan_is i_jurusan
data_tamu
hapus_data_tamu
data_hasil_ujian
hasil_ujian
laporan_tambah_soal
data_soal
manipulasi_data_soal
tambah_data_soal
delete_soalubah_soal
laporan_edit_jurdata_jurusan
manipulasi_data_jurdelete_data_jur
isi_data_jurusan
ubah_data_jurusan
hapus_jurusan
isi_data_jur
edit_data_maba
laporan_dataM aba
data_maba
delete_data_maba
laporan_cetak_hasil_ujian
cetak_hasil_ujian
edit_soal
hapus_soaltambah_soal
laporan_hapus_bukutamu
hapus_buku_tamu
laporan_edit_data_maba
edit_data_jurusan
laporan_hapus_data_maba
Admin
1 tbl_pendaftaran
6 tbl_jurusan
5 tbl_g uest book
3 tbl_soal
2 tbl_master ujian
1
hapus_data_ma
ba
2
edit_data_jur
3
isi_data_jur
4
edit_data_mah
asiswa
5
delete_bukuta
mu
6
Menambah_
soal
7
delete_soal
8
mengedit_soal
9
print_hasil_ujian
10
delete_data_j
ur
11
laporan_dataM a
ba
12
laporan_data
_jur
13
manipulasi_data
_jurusan
14
manipulasi_data
_soal
15
laporan_data_
soal
Gambar 3.14 DFD Level 2 Administrator
Berikut adalah spesifikasi deskripsi dari tiap proses yang terdapat dalam subproses dari proses
administrator.
Tabel 3.2 Deskripsi Proses untuk Proses Hapus Data Maba
Nomor 1
Nama Proses hapus_data_maba
Input Data pendaftaran
Output Laporan edit data mahasiswa baru, laporan hapus data maba
Keterangan Proses Proses ini yaitu berupa laporan edit data maba dan hapus
data maba yang dilakukan oleh admin, inputan data maba
yang telah tersimpan dalam tabel pendaftaran untuk
kemudian dilaporkan kepada admin.
Tabel 3.3 Deskripsi Proses untuk Proses Edit Data Mahasiswa
Nomor 4
Nama Proses edit data mahasiswa
Input Edit data pendaftaran
Output Laporan edit data maba
Keterangan Proses Proses ini yaitu admin mengubah data mahasiswa baru yang
kemudian disimpan dalam tabel pendaftaran.
Tabel 3.4 Deskripsi Proses untuk Proses Isi Data Jurusan
Nomor 3
Nama Proses Isi data jurusan
Input Mengisi jurusan
Output Laporan isi data jurusan
Keterangan Proses Proses ini yaitu admin mengisi data jurusan yang kemudian
disimpan ke dalam tabel jurusan.
Tabel 3.5 Deskripsi Proses untuk Proses Edit Data Jurusan
Nomor 2
Nama Proses edit data jurusan
Input Mengubah data jurusan
Output Laporan edit data jurusan
Keterangan Proses Proses ini yaitu admin mengubah data jurusan yang diambil
dari tabel jurusan, setelah dirubah kemudian disimpan
kembali ke dalam tabel jurusan.
Tabel 3.6 Deskripsi Proses untuk Proses Delete Data Jurusan
Nomor 10
Nama Proses delete data jurusan
Input Menghapus data jurusan
Output Delete data jurusan
Keterangan Proses Proses ini yaitu admin menghapus data jurusan yang ada
dalam tabel jurusan, kemudian hasil akhir setelah
penghapusan jurusan dilakukan disimpan kembali dalam
tabel jurusan.
Tabel 3.7 Deskripsi Proses untuk Proses Manipulasi Data Soal
Nomor 14
Nama Proses manipulasi data soal
Input Tambah soal, edit soal, delete soal
Output Manipulasi data soal
Keterangan Proses Pada proses ini admin melakukan manipulasi data soal yakni
menambah, mengubah dan menghapus data yang ada dalam
tabel soal. Adapun untuk proses manipulasi data soal ini
adalah kumpulan dari subproses tambah soal, edit soal dan
hapus soal.
Tabel 3.8 Deskripsi Proses untuk Proses Delete Buku Tamu
Nomor 5
Nama Proses delete buku tamu
Input Data Tamu
Output Laporan hapus buku tamu
Keterangan Proses Proses ini yaitu admin menghapus data tamu (nama, email
dan komentar) yang dianggap tidak perlu di dalam tabel
guestbook.
3.4 Entity Relationship Diagram (ERD)
Perancangan data pada aplikasi ini digambarkan dengan ER-Diagram
(Entity Relation Diagram). ER-Diagram adalah sebuah diagram yang
menggambarkan hubungan/relasi antar Entitas (entity), dan setiap Entity terdiri
atas satu atau lebih Attribut yang mempresentasikan seluruh kondisi atau fakta
dari “Dunia Nyata” yang ditinjau. (Winarko,Edi, 2006: 13)
ER-Diagram juga didefinisikan suatu diagram yang digunakan untuk
menggambarkan sistem database yang digunakan. ER-Diagram terdiri dari tabel,
view, dan relasi.
ERD digunakan untuk menunjukkan hubungan antara entity dengan
database dan objek–objek (himpunan entitas) apa saja yang ingin dilibatkan dalam
sebuah basis data dan bagaimana hubungan yang terjadi diantara objek-objek
tersebut.
ERD yang berisi komponen-komponen himpunan entitas dan himpunan
relasi yang masing-masing dilengkapi dengan beberapa atribut yang
mempersentasikan seluruh fakta yang ditinjau dari keadaan yang nyata. Sehingga
dapat digambarkan secara lebih sistematis dengan menggunakan ERD.
Gambar 3.15 Entity Relationship Diagram
3.5. Rancangan Database
Pembuatan rancangan database program melalui Data Flow Diagram dan
Entity Relationship Diagram dapat dibuat tabel-tabel database yang akan
dikelola dan digunakan untuk menjalankan aplikasi. Aplikasi database yang
digunakan dalam Tugas Akhir ini adalah MySQL, file databasenya “unram_db”.
Berikut ini nama-nama tabel yang digunakan beserta field-field yang terdapat
pada masing-masing tabel.
ID_ADMIN = ID _ADMIN
NOMER_SOAL = NOMER_SOALID_ADMIN = ID _ADMIN
NOMER_PESERTA = NOMER_PESER TAKODE = KOD E
USERNAME = USERNAME
NOMER_SOAL = NOMER_SOAL
USERNAME = USERNAME
NOMOR = NOMOR
KODE = KOD EID_ADMIN = ID _ADMIN
KODE = KOD E
PENDAFTARAN
USERNAME char(100)
KODE integer
PASSWORD char(100)
NAMA_CAMA varchar(60)
NIM varchar(20)
ALAMAT varchar(40)
TEMPAT_LAHIR varchar(50)
TANGGAL_LAHIR date
JENIS_KELAMIN varchar(20)
AGAMA varchar(12)
JENIS_SLTA varchar(20)
KOTA_ASAL_SLTA varchar(40)
SUMBER_BIAYA varchar(20)
JURUSAN varchar(35)
PENDIDIKAN_AYAH varchar(30)
PENDIDIKAN_IBU varchar(30)
PEKERJAAN_AYAH varchar(30)
PEKERJAAN_IBU varchar(30)
ALAMAT_ORANG_TUA varchar(100)
NO_TELP varchar(30)
ADMIN
ID_ADMIN char(100)
KODE integer
NOMER_SOAL integer
PASSWORD_ADMIN char(100)
JURUSAN
KODE integer
ID_ADMIN char(100)
NOMER_PESERTA integer
NAMA_JURUSAN varchar(40)
QUOTA integer
SOAL
NOMER_SOAL integer
ID_ADMIN char(100)
MATA_PELAJARAN varchar(30)
PERTANYAAN long varchar
PILIH_A varchar(100)
PILIH_B varchar(100)
PILIH_C varchar(100)
PILIH_D varchar(100)
PILIH_E varchar(100)
JAWABAN_YANG_BENAR varchar(1)
MASTER_UJIAN
NOMER_PESERTA integer
KODE integer
ID_ADMIN char(100)
JURUSAN varchar(35)
ID_MASTER_UJIAN varchar(30)
NAMA_MASTER_UJIAN varchar(30)
BENAR integer
SALAH integer
NILAI numeric
LULUS varchar(15)GUESTBOOK
NOMOR integer
TANGGAL varchar(30)
NAMA_GUEST varchar(40)
KOMENTAR long varchar
EMAIL varchar(50)
_NAMA_CAMA_
NOMOR integer
USERNAME char(100)
_MATA_PELAJARAN_
NOMER_SOAL integer
USERNAME char(100)
1. Tabel admin, ini berfungsi untuk menyimpan data admin.
Tabel 3.2 Database tabel_admin
No. Field Type Keterangan
1. Id_admin Char (100) Menyimpan username admin
sebagai primary key.
2. Password_admin Char (100) Menyimpan password admin.
2. Tabel guestbook, ini berfungsi untuk menyimpan data tamu.
Tabel 3.3 Database tabel_guestbook
No. Field Type Keterangan
1. nomor Int (11) Menyimpan nomor urut
dibuku tamu sebagai primary
key.
2. tanggal Varchar (30) Menyimpan tanggal
penulisan pada guestbook.
3. nama_guest Varchar (40) Menyimpan nama guestbook.
4. komentar Text Menyimpan pesan
guestbook.
5. email Varchar (50) Menyimpan alamat email
guestbook.
3. Tabel jurusan, ini berfungsi untuk menyimpan data jurusan.
Tabel 3.4 Database tabel_jurusan
No. Field Type Keterangan
1. kode Int (10) Menympan kode jurusan
2. nama_jurusan Varchar (40) Menyimpan nama jurusan
3. quota Int (11) Menyimpan banyaknya
mahasiswa yang diterima
pada jurusan tersebut.
4. Tabel master_ujian, ini berfungsi untuk menyimpan data hasil ujian
camaba.
Tabel 3.5 Database tabel_master_ujian
No. Field Type Keterangan
1. nomer_peserta Int (11) Menyimpan nomer urut
peserta ujian, sebagai
primary key.
2. jurusan Varchar (40) Menyimpan jurusan
3. username Varchar (30) Menyimpan username
4. nama Varchar (30) Menyimpan nama
5. benar Int (11) Meyimpan jawaban yang
benar
6. salah Int (11) Menyimpan jawaban yang
salah
7. nilai Double Menyimpan nilai
8. lulus Varchar (15) Menyimpan keterangan lulus
atau gagal
5. Tabel pendaftaran, ini berfungsi untuk menyimpan data mahasiswa baru.
Tabel 3.6 Database tabel_pendaftaran
No. Field Type Keterangan
1. username Varchar (20) Menyimpan username
camaba
2. password Varchar (20) Menyimpan password
camaba
3. nama_cama Varchar (60) Menyimpan nama camaba
4. nim Varchar (20) Menyimpan nomor induk
mahasiswa
5. alamat Varchar (40) Menyimpan alamat camaba
6. tempat_lahir Varchar (50) Menyimpan tempat lahir
camaba
7. tanggal_lahir Varchar (20) Menyimpan tanggal lahir
camaba
8. jenis_kelamin Varchar (20) Menyimpan jenis
kelamin/gender camaba
9. agama Varchar (12) Menyimpan agama camaba
10. jenis_SLTA Varchar (20) Menyimpan jenis SLTA
camaba
11. kota_asal_SLTA Varchar (40) Menyimpan nama SLTA
camaba
12. sumber_biaya Varchar (20) Menyimpan keterangan siapa
yang berperan membiayai
uang kuliah camaba
13. jurusan Varchar (35) Menyimpan jurusan yang
dipilih camaba
14. pendidikan_ayah Varchar (30) Menyimpan pendidikan
terakhir ayah camaba
15. pendidikan_ibu Varchar (30) Menyimpan pendidikan
terakhir ibu camaba
16. pekerjaan_ayah Varchar (30) Menyimpan pekerjaan Ayah
camaba
17. pekerjaan_ibu Varchar (30) Menyimpan pekerjaan ibu
camaba
18. alamat_orang_tua Varchar (100) Menyimpan alamat orang tua
camaba
19. no_telp Varchar (30) Menyimpan nomor telp
camaba
6. Tabel soal, ini berfungsi untuk menyimpan data soal ujian.
Tabel 3.7 Database tabel_soal
No. Field Type Keterangan
1. nomer_soal Int (11) Menyimpan nomor urut
pertanyaan/soal, sebagai
primary key
2. mata_pelajaran Varchar (30) Menyimpan jenis mata
pelajaran.
3. pertanyaan Text Menyimpan pertanyaan/ soal
yang akan di ujikan kepada
calon mahasiswa baru
4. pilh_A Varchar (100) Menyimpan pilihan jawaban
A
5. pilh_B Varchar (100) Menyimpan pilihan jawaban
B
6. pilih_C Varchar (100) Menyimpan pilihan jawaban
C
7. pilih_D Varchar (100) Menyimpan pilihan jawaban
D
8. pilih_E Varchar (100) Menyimpan pilihan jawaban
E
9. jawaban_yang_benar Varchar (1) Menyimpan pilihan jawaban
yang telah ditentukan oleh
peserta ujian.
3.6. Flowchart
3.6.1. Flowchart Pendaftaran
mulai
Username, password, nama, alamat,
tempat_lahir, tanggal_lahir,
jenis_kelamin, agama, jenis_SLTA,
kota-asal_SLTA, sumber_biaya,
jurusan, pendidikan_ayah,
pendidikan_ibu, pekerjaan_ayah,
pekerjaan_ibu, alamat_orang_tua,
no_telp
User tidak
diisi?
Query:masukkan username,
nama, alamat, dst
1
TIDAK
YA
Gambar 3.16 Flowchart Pendaftaran
Dari flowchart di atas, dapat dijelaskan langkah-langkah proses yang
dilakukan adalah sebagai berikut:
Sebelum melakukan login untuk tes pendaftaran, user di wajibkan untuk
mengisi formulir pendaftaran terlebih dahulu pada menu pendaftaran peserta
untuk mendapatkan username dan password yang nantinya akan digunakan
sebagai login saat akan memasuki halaman pertanyaan ujian.
Dalam tahap awal proses sistem, user memberikan masukan berupa nama,
alamat, jenis_kelamin, tempat_lahir, dan masih banyak lagi. Dari hasil masukan
tersebut, kemudian sistem akan memproses dan melihat apakah username dan
password telah diisi, jika belum maka proses akan kembali lagi ke tahap
pengisian formulir. Akan tetapi jika username dan password tersebut telah terisi,
maka query akan dijalankan dengan memasukkan Username, password, nama,
alamat, tempat_lahir, tanggal_lahir, jenis_kelamin, agama, jenis_SLTA, kota-
asal_SLTA, sumber_biaya, jurusan, pendidikan_ayah, pendidikan_ibu,
pekerjaan_ayah, pekerjaan_ibu, alamat_orang_tua, no_telp yang baru pada tabel
pendaftaran.
3.6.2. Flowchart Login Ujian
1
Username, Password
Query: Cari username dan password pada tabel
“pendaftaran”
Validasi
Username dan
Password?
2
YA
TIDAK
Gambar 3.17 Flowchart Login Ujian
Flowchart program di atas, merupakan lanjutan proses dari flowchart
program pendaftaran, dapat dijelaskan langkah-langkah proses yang dilakukan
adalah sebagai berikut:
Setelah user melakukan proses pendaftaran dan mendapatkan username
dan password, kemudian user melakukan proses login dengan memasukkan
username dan password yang telah di dapatkan dari pengisian proses
pendaftaran sebelumnya.
Kemudian sistem melakukan proses query dengan mencari username dan
password yang telah dimasukkan pada tabel pendaftaran. Jika sudah
mendapatkan, maka sistem akan melihat apakah username dan password benar
atau tidak. Apabila username dan password tidak benar, maka sistem akan
mengembalikan pada proses awal berupa masukan data calon mahasiswa. Akan
tetapi jika benar maka proses berlanjut menuju pada kondisi 2 yaitu flowchart
menu ujian.
3.6.3. Flowchart Menu Ujian
2
Query: Username dan
Password
Menjawab soal-soal
Ujian masuk
Lakukan proses
penyimpanan jawaban
3
Gambar 3.18 Flowchart Menu ujian
Flowchart program di atas, merupakan lanjutan proses dari flowchart
program login ujian user, dapat dijelaskan langkah-langkah proses yang dilakukan
adalah sebagai berikut:
Setelah validasi pada proses login user berhasil, maka sistem akan
menampilkan proses menu ujian. Dalam proses ini, sistem akan menampilkan data
menu ujian berupa soal-soal yang harus di jawab dan nantinya akan digunakan
untuk menentukan hasil ujian.
Kemudian, proses berlanjut menuju pada kondisi nomor 3 yaitu flowchart
hasil ujian.
3.6.4. Flowchart Hasil ujian
3
Tampilkan menu ujian
berupa soal-soal ujian
Jawab soal=tidak
ada?Menghasilkan nilai 0
Query=simpan jumlah jawaban benar
dan salah ke dalam tabel „master_ujian‟
Tampil
ujian_simpan_nilai
Data hasil Ujian
penerimaan Maba
End
Tidak
Ya
Gambar 3.19 Flowchart hasil ujian tes PMB
Flowchart program di atas, merupakan lanjutan proses dari flowchart
menu ujian, dapat dijelaskan langkah-langkah proses pada sistem yang dilakukan
adalah sebagai berikut:
Dalam proses hasil tes penerimaan mahasiswa baru yang telah diinputkan
pada proses sebelumnya yaitu proses ujian masuk akan ditampilkan. Setelah soal-
soal ujian tersebut ditampilkan, proses selanjutnya query bekerja dalam sistem
untuk mencari soal yang dijawab pada table soal. Apabila pada proses sebelumnya
camaba mengosongkan semua soal ujian, maka menghasilkan nilai 0, sehingga
pada saat memunculkan data hasil ujian masuk akan kosong/tidak ada. Akan
tetapi, apabila camaba menjawab soal-soal ujian tersebut, maka query akan
bekerja menyimpan jumlah jawaban yang benar dan yang salah ke dalam tabel
„master_ujian‟ kemudian akan ditampilkan ujian simpan nilai yang menunjukkan
bahwa camaba telah melakukan ujian masuk universitas, yang kemudian akan
diketahui hasilnya apakah lulus atau tidak dengan melihat pengumuman data
hasil ujian.
Data hasil ujian yang telah ditampilkan, berupa nilai calon mahasiswa.
Apabila semua proses telah dilakukan berikutnya keadaan menuju pada posisi
END.
3.6.5. Flowchart Buku Tamu
start
Tanggal, nama_guest, email, komentar
Nama = tidak
diisi?
Komentar =
tidak diisi?
Query = masukkan tanggal, nama_guset, email, komentar pada tabel „guesbook‟
Hasil input dari tabel ‘guestbook’
End
Tidak
Tidak
Ya
Ya
Gambar 3.20 Flowchart Buku Tamu
Dari flowchart program di atas, dapat dijelaskan langkah-langkah proses
yang dilakukan adalah sebagai berikut:
Buku tamu merupakan salah satu menu dalam aplikasi sistem informasi
penerimaan mahasiswa baru dimana user dapat memberikan komentar yang
membangun pada aplikasi ini.
Saat sistem akan dijalankan posisi berada pada START terlebih dahulu,
kemudian user memberikan inputan kepada sistem berupa tanggal, nama_guest,
email, dan komentar. Setelah itu sistem akan melihat apakah nama telah terisi atau
tidak. Jika tidak terisi maka proses akan kembali pada tahap inputan awal, akan
tetapi jika nama telah terisi maka sistem akan melihat tahap berikutnya, yaitu
apakah komentar telah diisi atau tidak.
Jika iya maka proses akan kembali lagi pada tahap inputan awal dan jika
tidak proses berlanjut dengan menjalankan query dimana tanggal, nama_guest,
email dan komentar yang baru diinputkan disimpan pada tabel guestbook, yang
kemudian akan ditampilkan hasil inputan pada tabel guestbook. Apabila semua
proses telah dilakukan berikutnya keadaan menuju pada posisi END.
3.7. Desain Antarmuka
Rancangan menu dibuat sebagai media perantara user dengan aplikasi.
Desain struktur menu ini hanya dijelaskan secara garis besar dan umum. Menu-
menu ini yang nantinya diaplikasikan sebagai tampilan pada halaman web.
Fasiltas dan struktur menu ini terdiri dari:
Halaman Utama
Halaman utama merupakan halaman yang tampil pertama kali.
Pada bagian header terdapat link-link menuju halaman umum yang bisa
diakses oleh siapa saja seperti halaman sejarah, profil, visi dan misi,
fakultas & prodi, ukm & hmj, berita dan buku tamu.
Pada sebelah kiri terdapat link-link utama informasi pendaftaran
Mahasiswa baru yang bisa diakses oleh user tanpa harus login. Selain itu
ada menu untuk login user. Pada tahap selanjutnya apabila user telah login
maka akan tampil link-link sesuai dengan hak aksesnya masing-masing.
Pada sebelah kanan merupakan halaman yang akan tampil apabila
link-link tadi diklik.
Menu Login
Menu login merupakan menu untuk login user sesuai dengan hak
aksesnya masing-masing. Selanjutnya akan tampil menu utama untuk tiap-
tiap user.
Menu Calon Mahasiswa Baru (Cama)
Menu ini merupakan menu untuk Calon Mahasiswa Baru. Menu ini
akan dijumpai setelah Cama login menggunakan username dan password
yang didapatkan pada saat mengisi formulir pendaftaran. Terdapat form
menu ujian online yang harus di kerjakan oleh calon mahasiswa.
Menu Admin
Untuk menu admin berisi link-link untuk menambah dan
mengubah serta berisi Laporan untuk Data pendaftaran Cama, Data
jurusan, Data soal, Data hasil ujian, Data buku tamu dan Log Out.
Pada umumnya menu admin merupakan menu untuk pengaturan
dan manajemen website.
3.7.1 Desain Menu Tampilan Utama
Gambar 3.21 Form Utama
Desain Halaman Utama merupakan halaman yang pertama kali tampil
pada saat web PMB di jalankan. Terdapat 5 bagian utama yaitu header, link
utama, link menu, isi dan footer.
3.7.2 Desain Menu Login
Gambar 3.22 Form Login
Desain Menu login akan di tempatkan pada bagian kiri bawah menu
utama. Di gunakan untuk login user / cama, dan admin.
3.7.3 Desain Menu Calon Mahasiswa Baru
Gambar 3.23 Form Menu pendaftaran Cama
Desain halaman ini digunakan untuk proses pendaftaran calon
mahasiswa/user.
3.7.4 Desain Menu Admin
Header
Menu admin
Laporan
Pendaftaran
Laporan Jurusan
Lap.BukuTamu
Lap.Soal
Lap.Hasil Ujian
footer
Gambar 3.24 Form Menu Admin
Desain halaman ini merupakan halaman utama admin yang akan muncul
setelah melakukan login admin terlebih dulu.
3.7.5 Desain halaman Laporan Pendaftaran
Laporan Pendaftaran
Nama Nim AlamatTempat
_lahir
Tanggal_l
ahirJenis
kelaminagama
Jenis
SLTA
Kota asal
SLTA
Sumber
biayajurusan
Pendidikan
ayah
Pendidikan
ibu
Pekerjaan
ayah
Pekerjaan
ibu
Alamat
ortuNo_telp edit Hapus
isi
Gambar 3.25 Form Laporan Pendaftaran
Desain ini merupakan halaman laporan pendaftaran calon mahasiswa yang
sudah melakukan input data.
3.7.6 Desain halaman Laporan Jurusan
Laporan Jurusan
Kode Nama Jurusan Quota Edit Hapus
Isi Laporan
Gambar 3.26 Form Laporan Jurusan
Desain ini merupakan halaman laporan jurusan yang digunakan untuk
mengetahui berapa jumlah cama yang bisa masuk pada Universitas Mataram.
3.7.7 Desain halaman Laporan soal
Laporan Soal
No Mata Pelajaran editJwb benarPilih_DPertanyaan Pilih_A Pilih_B Pilih_E hapusPilih_C
Isi Laporan
Gambar 3.27 Form Laporan Soal
Desain ini merupakan halaman laporan soal yang digunakan untuk
mengetahui berapa jumlah soal yang di ujikan.
3.7.8 Desain halaman Laporan Buku tamu
Laporan Buku Tamu
No Nama Komentar Email Hapus
Isi Laporan
Gambar 3.28 Form Laporan Buku tamu
Desain ini merupakan halaman laporan buku tamu yang digunakan untuk
mengetahui berapa jumlah user yang telah mengakses dan memberikan komentar
mengenai website ini.
3.7.9 Desain halaman Laporan Hasil ujian
Laporan Data Ujian
Pilih Jurusan Kolom Jurusan
No NamaJurusan Benar nilaiSalah
Isi Laporan
Gambar 3.29 Form Laporan data hasil ujian
Desain ini merupakan halaman laporan data hasil ujian yang digunakan
untuk mengetahui berapa jumlah cama yang diterima dan lulus dalam system
informasi penerimaan mahasiswa baru ini.