1. 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
Web Server Apache Computer Network
Scripting Language PHP
Server Database MySQL
PC Client
Web Browser
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 :
2. a. Observasi
b. Study Literatur
c. Interview
d. Mempelajari
Dokumen yang Terkait
e. Analisis Sistem
f. Perancangan Sistem
g. Pembahasan
h. kesimpulan
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.
3. 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.
4. 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.
<<extend>>
edit data pendaftaran maba melakukan pendaftaran mendapatkan username dan
password
<<include>>
edit data jurusan
<<include>>
<<include>> login ujian
Calon Mahasiswa <<include>>
hapus data tamu
<<include>>
Login admin
Admin <<include>>
melaksanakan ujian
edit data soal
cetak laporan hasil ujian
Gambar 3.3 Use case diagram SI PMB
5. 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 :
6. 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:
masukkan username
dan password
sistem cek ke
database
false
true
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:
7. 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
8. 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:
9. 3.3.3.1 Squence Diagram Login
: form login : data admin : form
pendaftaran
: Admin
input username password()
verifikasi data admin()
return()
login form Pendaftaran
Gambar 3.8 Squence diagram Login
3.3.3.2 Squence Diagram Data Camaba
: form data maba : form
pendaftaran pendaftaran
: Admin
input data maba()
simpan data()
Gambar 3.9 Squence diagram data camaba
10. 3.3.3.3 Squence Diagram Pelaksanaan Ujian
: form login : soal : master_ujian
: Calon Mahasiswa
input username password()
melaksanakan ujian()
simpan hasil ujian()
pengumuman 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:
12. 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
laporan_hapus_data_maba
Laporan_edit_data_jurusan
Laporan_isi_data_jurusan Admin
Laporan_hapus_data_jurusan
laporan_edit_data_maba
Daftar_camaba 0
edit_data_maba
input_username_password_cama edit_data_jurusan
Sistem_Informasi_Peneri hapus_data_jur
Tes_penerimaan_Maba maan_M ahasiswa_Baru
isi_data_jurusan
hapus_data_maba
+
login_admin
Calon_mahasiswa info_hasil_tes
info_login_ujian_sukses
info_daftar_maba
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
13. 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.
15. 3.3.6.1 DFD Level 2 Administrator
1 ubah_data_jurusan
delete_data_maba 2
edit_data_jurusan
hapus_data_ma
edit_data_maba edit_data_jur
ba
data_maba
1 tbl_pendaftaran 13
isi_data_jur 3
manipulasi_data
11 laporan_hapus_data_maba isi_data_jurusan
isi_data_jur _jurusan
laporan_dataM a
ba
10 manipulasi_data_jur
delete_data_jur
laporan_dataM aba delete_data_j
hapus_jurusan ur
4 6 tbl_jurusan
12
edit_data_mah
laporan_isi_jurusan
asiswa laporan_edit_data_maba laporan_data
laporan_edit_jur
Admin _jur data_jurusan
laporan_hapus_jurusan
9
5 cetak_hasil_ujian
hapus_buku_tamu print_hasil_ujian hasil_ujian 2 tbl_master ujian
delete_bukuta
mu laporan_cetak_hasil_ujian
laporan_hapus_bukutamu data_hasil_ujian
8
hapus_data_tamu tambah_soal hapus_soal
data_tamu
mengedit_soal
laporan_hapus_data_soal edit_soal
5 tbl_guest book laporan_edit_soal
laporan_tambah_soal
6 7
Menambah_
soal delete_soal
delete_soal
ubah_soal
15
14
laporan_data_
soal tambah_data_soal manipulasi_data
_soal
manipulasi_data_soal
data_soal 3 tbl_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
16. 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.
17. 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.
18. 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.
19. ADMIN
_MATA_PELAJARAN_ ID_ADMIN char(100)
NOMER_SOAL = ID _ADMIN
ID_ADMIN NOMER_SOAL
NOMER_SOAL integer KODE integer
USERNAME char(100) NOMER_SOAL integer
PASSWORD_ADMIN char(100)
PENDAFTARAN
JURUSAN
USERNAME char(100)
KODE integer KODE integer
PASSWORD char(100) USERNAME = USERNAME ID_ADMIN char(100) ID_ADMIN = ID _ADMIN
KODE KOD E
NAMA_CAMA varchar(60) KODE = KOD E NOMER_PESERTA integer
NOMER_SOAL = NOMER_SOAL
NIM varchar(20) NAMA_JURUSAN varchar(40)
QUOTA integer
ALAMAT varchar(40) ID_ADMIN = ID _ADMIN
TEMPAT_LAHIR varchar(50)
TANGGAL_LAHIR date
JENIS_KELAMIN varchar(20) USERNAME = USERNAME
AGAMA varchar(12)
JENIS_SLTA varchar(20)
KOTA_ASAL_SLTA varchar(40)
SUMBER_BIAYA varchar(20) SOAL
JURUSAN varchar(35) NOMER_SOAL integer
PENDIDIKAN_AYAH varchar(30) ID_ADMIN char(100)
PENDIDIKAN_IBU varchar(30) MATA_PELAJARAN varchar(30) MASTER_UJIAN
PEKERJAAN_AYAH varchar(30) PERTANYAAN long varchar NOMER_PESERTA integer
PEKERJAAN_IBU varchar(30) PILIH_A varchar(100) KODE integer
ALAMAT_ORANG_TUA varchar(100) PILIH_B varchar(100) ID_ADMIN char(100)
NO_TELP varchar(30) PILIH_C varchar(100) JURUSAN varchar(35)
PILIH_D varchar(100) ID_MASTER_UJIAN varchar(30)
NOMER_PESERTA = KOD E
KODE NOMER_PESER TA
PILIH_E varchar(100) NAMA_MASTER_UJIAN varchar(30)
JAWABAN_YANG_BENAR varchar(1) BENAR integer
SALAH integer
NILAI numeric
GUESTBOOK LULUS varchar(15)
_NAMA_CAMA_ NOMOR integer
NOMOR integer TANGGAL varchar(30)
USERNAME char(100) NOMOR = NOMOR NAMA_GUEST varchar(40)
KOMENTAR long varchar
EMAIL varchar(50)
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.
20. 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.
21. 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
22. 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
23. 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,
YA kota-asal_SLTA, sumber_biaya,
jurusan, pendidikan_ayah,
pendidikan_ibu, pekerjaan_ayah,
pekerjaan_ibu, alamat_orang_tua,
no_telp
User tidak
diisi?
TIDAK
Query:masukkan username,
nama, alamat, dst
1
Gambar 3.16 Flowchart Pendaftaran
24. 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.
25. 3.6.2. Flowchart Login Ujian
1
Username, Password
Query: Cari username dan password pada tabel
“pendaftaran”
TIDAK
Validasi
Username dan
Password?
YA
2
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
26. 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
27. 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.
28. 3.6.4. Flowchart Hasil ujian
3
Tampilkan menu ujian
berupa soal-soal ujian
Jawab soal=tidak
Ya Menghasilkan nilai 0
ada?
Tidak
Query=simpan jumlah jawaban benar
dan salah ke dalam tabel „master_ujian‟
Tampil
ujian_simpan_nilai
Data hasil Ujian
penerimaan Maba
End
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:
29. 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.
30. 3.6.5. Flowchart Buku Tamu
start
Ya Tanggal, nama_guest, email, komentar
Nama = tidak
diisi?
Tidak
Ya
Komentar =
tidak diisi?
Tidak
Query = masukkan tanggal, nama_guset, email, komentar pada tabel „guesbook‟
Hasil input dari tabel ‘guestbook’
End
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.
31. 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.
32. 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.
33. 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.
34. 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
35. 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
Tempat Tanggal_l Jenis Jenis Kota asal Sumber Pendidikan Pendidikan Pekerjaan Pekerjaan Alamat No_telp
Nama Nim Alamat agama jurusan edit Hapus
_lahir ahir kelamin SLTA SLTA biaya ayah ibu ayah ibu ortu
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.
36. 3.7.7 Desain halaman Laporan soal
Laporan Soal
No Mata Pelajaran Pertanyaan Pilih_A Pilih_B Pilih_C Pilih_D Pilih_E Jwb benar edit hapus
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.
37. 3.7.9 Desain halaman Laporan Hasil ujian
Laporan Data Ujian
Pilih Jurusan Kolom Jurusan
No Jurusan Nama Benar Salah nilai
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.