05550077 nurul-ismi

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_isi_data_jurusan

Laporan_edit_data_jurusan


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


edit_data_jurusan


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


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


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


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


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


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


program login ujian user, dapat dijelaskan langkah-langkah proses yang dilakukan


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


menu ujian, dapat dijelaskan langkah-langkah proses pada sistem yang dilakukan


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.

05550077 nurul-ismi

Technology