Perancangan Aplikasi Simulasi Ujian SBMPTN Menggunakan Microsoft Visual Basic 2010 Chapter III V
30
BAB 3
PERANCANGAN SISTEM
Sebelum melakukan perancangan sistem aplikasi, maka harus dilakukan analisis
sistem terlebih dahulu untuk memperoleh gambaran yang jelas tentang
perancangan sistem yang akan dibuat serta diimplementasikan.
3.1. Gambaran Umum Perancangan Sistem
Perancangan sistem adalah suatu upaya untuk membuat suatu sistem baru atau
memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang
telah ada. Desain sistem secara umum mengidentifikasikan komponen-komponen
sistem informasi yang akan didesain secara terinci.
Secara umum perancangan sistem ini adalah untuk membuat aplikasi
simulasi ujian SBMPTN menggunakan Microsoft Visual Basic 2010 dan
Microsoft Acces 2007 untuk membantu para calon perserta ujian dalam melatih
kemampuannya dalam mengerjakan soal-soal ujian. Program ini juga memiliki
hak akses oleh admin untuk menambahkan soal-soal.
Aplikasi ini dirancang secara user friendly baik desain tampilan, warna
maupun letak tool-tool yang tersedia. Sehingga diharapkan dapat menarik
perhatian para user dan dapat mempermudah user untuk menggunakan aplikasi
yang baru digunakan. Program ini diharapkan dapat membantu para calon peserta
ujian SBMPTN.
30
Universitas Sumatera Utara
31
3.2. Data Flow Diagram
Data Flow Diagram (DFD) merupakan alat bantu yang dapat digunakan untuk
menggambarkan aliran data informasi dan transformasi (proses) dari data dimulai
dari pemasukan data sampai menghasilkan keluaran (output) data. Adapun
simbol-simbol dari DFD yaitu:
Tabel 3.1. Simbol-Simbol DFD
No.
1.
Gambar
Nama
Kesatuan
Fungsi
Luar Merupakan kesatuan luar di
(External Entity)
lingkungan sistem yang akan
memberikan
intput
atau
menerima output dari sistem.
2.
Proses (Procces)
Merupakan kegiatan hasil arus
data yang masuk dalam proses
untuk dihasilkan arus data yang
akan keluar untuk mengubah
input menjadi output.
3.
Aliran Data
Data mengalir melalui sistem
(Data Flow)
dimulai dengan sebagian input
dan diubah menjadi output.
4.
Penyimpanan
Data disimpan untuk keperluan
Data
berikutnya.
(Data Storage)
Universitas Sumatera Utara
32
3.2.1. Data Flow Diagram konsep pada aplikasi simulasi ujian SBMPTN
DFD level 0 atau sering disebut DFD konsep ini erdiri dari dua entity yaitu admin
dan pengguna. Admin memberikan input ke sistem berupa soal-soal dan jawaban.
Pengguna menjawab soal-soal ujian yang terdapat di dalam sistem dan dari
jawaban-jawaban yang diinput pengguna, sistem dapat memperoleh hasil passing
grade yang diperoleh oleh pengguna.
Pengguna
Aplikasi
Simulasi
Ujian
SBMPTN
Admin
Gambar 3.1. DFD Konsep pada Aplikasi Simulasi Ujian SBMPTN
3.3. Perancangan Database
Database merupakan kumpulan data yang saling berhubungan satu dengan
lainnya, tersimpan disimpanan luar computer dan digunakan perangkat lunak
tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang
penting dalam sistem informasi, karena berfungsi sebagai basis penyedia
informasi bagi para pemakainya. Karena database merupakan kumpulan dari
beberapa file, dalam hal ini file tersebut dikelompokkan secara terstruktur dalam
beberapa tabel sesuai dengan informasi yang terkandung didalamnya.
Pada aplikasi yang akan dibangun, akan dibutuhkan sebuah database yang
didalamnya dibutuhkan beberapa tabel yang akan digunakan dalam aplikasi
tersebut.
Universitas Sumatera Utara
33
Berikut rancangan tabel yang digunakan dalam membangun aplikasi ini:
Tabel 3.2. Tabel Admin
Nama Field
Tipe Data
Keterangan
user name
Text
Primary Key
password
Text
Pada tabel admin terdapat data berupa username dan password yang
disimpan saat admin login untuk menambahkan soal atau mengedit soal yang ada.
Tabel 3.3. Tabel Soal
Nama Field
Tipe Data
Keterangan
ID
Auto Number
Primary Key
Soal
OLE Object
Jawaban
Text
Terdapat tiga tabel soal, yang terdiri dari soal IPA, IPS, dan TPA. Pada
tabel soal ini terdiri dari tiga field yaitu ID dengan tipe data auto number . Soal
dengan tipe data OLE Object untuk menerima data yang berupa objek grafik, foto.
3.4. Flowchart
Flowchart
adalah
sekumpulan
simbol-simbol
yang
menunjukkan
atau
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir,
jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah
pekerjaan disuatu algoritma. Penjelasan dari simbol flowchart dapat didefinisikan
dalam tabel berikut:
Universitas Sumatera Utara
34
Tabel 3.4. Simbol-Simbol Flowchart
No.
1.
Simbol
Fungsi
Terminator , untuk memulai dan mengakhiri
suatu program.
2.
Procces, suatu symbol yang menunjukkan
setiap
pengolahan
yang
dilakukan
oleh
komputer
3.
Data,
untuk
memasukkan
data
maupun
menunjukkan hasil dari suatu proses.
4.
Decision, suatu kondisi yang menghasilkan
beberapa kemungkinan jawaban atau pilihan.
5.
Preparation, suatu symbol yang menyediakan
tempat-tempat pengolahan data dalam storage.
6.
Connector , merupakan symbol untuk masuk
dan keluarnya suatu prosedur pada lembar
kertas yang sama.
7.
Off-Page Connector , merupakan symbol untuk
masuk dan keluarnya suatu prosedur pada
lembar kertas yang lain.
8.
Flow, prosedur yang daoat dilakukan dari atas
ke bawah, bawah ke atas, dari kiri ke kanan,
kanan ke kiri.
9.
Document, merupakan symbol untuk data yang
berbentuk informasi.
10.
Predefined
process,
untuk
sekumpulan
langkah
proses
menyatakan
yang
ditulis
sebagai prosedur.
11.
Display, untuk output yang ditujukan suatu
device, seperti monitor.
12.
Magnetic Disk, untuk menyimpan data.
Universitas Sumatera Utara
35
3.4.1. Flowchart menu utama
Berikut adalah flowchart dari menu utama dari aplikasi simulasi ujian SBMPTN:
START
Menu Utama
Paket Soal
Yes
Pilih
Kelompok
Soal
A
No
Petunjuk
Yes
Halaman Petunjuk
No
Yes
Login
Halaman Admin
No
About
SBMPTN
Yes
Halaman About
No
Yes
Exit
Keluar
No
END
Gambar 3.2. Flowchart Menu Utama
Universitas Sumatera Utara
36
3.4.2. Flowchart halaman simulasi
A
Yes
Tampil Soal & Input
Jawaban
Yes
Proses Jawaban
Yes
Tampilkan Hasil
Yes
Stop
Gambar 3.3 Flowchart Halaman Simulasi
Keterangan:
Sebelum user masuk ke halaman simulasi, user diminta untuk memilih kelompok
soal yang akan disimulasikan. Lalu user masuk ke halaman simulasi, dimana pada
halaman ini user langsung menjawab soal-soal yang tersedia pada halaman
dimana terdapat dua paket soal, yaitu soal TPA dan mata pelajaran yang dipilih.
Kemudian setelah user menjawab pertanyaan terakhir, maka akan langsung
menampilkan hasil simulasi tersebut.
Universitas Sumatera Utara
37
3.4.3. Flowchart halaman admin
Halaman
FormAdmin
Admin
Yes
Menu
Utama
Halaman
Menu
Utama
No
Yes
Input
Soal
Yes
Tambah
Data
Tambah
Data
Disimpan
ke
No
Yes
Log
Out
Halaman
Menu
Utama
No
Stop
Gambar 3.4. Flowchart Halaman Admin
Keterangan:
Pada form admin, admin dihadapkan pada pilihan menu ke halaman utama dan
menu untuk menambah soal. Jika admin masuk ke halaman tambah soal, maka
admin dapat menambahkan soal atau mengedit serta menghapus soal, lalu
kemudian disimpan ke database.
Universitas Sumatera Utara
38
3.5. Desain Aplikasi
Aplikasi dalam pemograman Visual Basic merupakan hasil dari perancangan form
(user interface ), penambahan komponen-komponen ke dalam form, pengaturan
property dan penulisan kode-kode yang diperlukan untuk tiap komponen ke dalam
suatu projek.
3.5.1. Rancangan form splash screen
Splash Screen adalah halaman yang biasa ditampilkan sesaat setelah sebuah
program aplikasi yang dijalankan. Splash screen digunakan untuk menampilkan
informasi tentang hal-hal yang berhubungan dengan judul dan pembuat program
aplikasi, beberapa detik sebelum program aplikasi siap digunakan. Objek splash
screen ini terdiri dari label dan image.
Judul Aplikasi
Image
Gambar 3.5 Rancangan Form Splash Screen
Gambar 3.5. Rancangan Form Splash Screen
Universitas Sumatera Utara
39
3.5.2. Rancangan form menu utama
Menu utama merupakan halaman yang menampilkan form utama yang berisi
pilihan menu yaitu login untuk admin dan peserta, tombol untuk menghentikan
musik, petunjuk, about dan exit. Fungsi dari menu utama ini adalah sebagai menu
utama dari aplikasi untuk mengeksekusi objek-objek berikutnya.
Play
APLIKASI SIMULASI UJIAN
SBMPTN
Image
Exit
Peserta
Admin
Petunjuk
About SBMPTN
Gambar 3.6. Rancangan Form Menu Utama
Dengan Rincian tabel sebagai berikut:
Tabel 3.5. Properti Menu Utama
No.
Text
Nama
Komponen
1.
Play
btnPlay
button
2.
Exit
btnClose
button
3.
Admin
btnadmin
button
Universitas Sumatera Utara
40
Tabel 3.5. (Lanjutan)
No.
Text
Nama
Komponen
4.
Peserta
btnpeserta
button
5.
Petunjuk
btnpetunjuk
button
6.
About SBMPTN
btnabout
button
3.5.3. Rancangan form login
Menu login adalah tampilan yang mengharuskan admin untuk memasukkan
user name dan password terlebih dahulu agar admin dapat masuk ke halaman
admin. Objek login ini terdiri dari label dan textboxt, seperti berikut:
Username
Textbox username
Password
Textbox password
LOG
LOGIN
IN
Login
Gambar 3.7. Rancangan Form Login
Dengan rincian tabel sebagai berikut:
Tabel 3.6. Properti Form Login
No.
Text
Nama
Komponen
1.
Textbox user name
txtUser name
textbox
2.
Textbox password
txtPassword
textbox
3.
Login
btnlogin
button
Universitas Sumatera Utara
41
3.5.4. Rancangan form admin
Form admin merupakan halaman yang menampilkan form yang berisi pilihan
menu yaitu home, input soal, logout, dan exit. Menu ini terdiri dari label, image,
dan button.
Log Out
Image
Exit
INPUT
SOAL
HOME
Gambar 3.8. Rancangan Form Admin
Dengan Rincian tabel sebagai berikut:
Tabel 3.7. Properti Form Admin
No.
Text
Nama
Komponen
1.
Logout
btnlogout
button
2.
Exit
btnClose
button
3.
Home
btnhome
button
4.
Input Soal
btnSoal
button
Universitas Sumatera Utara
42
3.5.5. Rancangan form tambah soal
Form ini digunakan untuk menambah, mengedit, dan menghapus soal yang ada ke
dalam atau dari database. Pada form ini terdapat picture box untuk menampilkan
logo SBMPTN, terdapat enam button untuk menu utama, keluar, memasukkan
gambar, menambahkan soal, mengedit soal, dan menghapus soal. Terdapat juga
text box yang sebenarnya tidak perlu diisi karena akan diisi secara otomatis untuk
nomor soal. Dan terdapat picture box untuk menampilkan gambar yang akan
dimaasukkan, dan terdapat radio button untuk memilih jawaban dari soal yang
akan ditambahkan, serta terdapat data grid view untuk menampilkan soal-soal
yang diambil dari database.
Format soal yang digunakan dalam database ini adalah format gambar
yang ber-ekstensi png, jpg, dan jpeg. Alsan soal digunakan dalam format gambar
agar mempermudah dalam penyimpanan soal-soal yang mengandung tabel, dan
rumus ke dalam database.
Dalam membuat soal diperlukan aplikasi Ms.Word dan Paint. Cara untuk
membuat soal yaitu:
a. Pertama soal diketik ke dalam Ms. Word
b. Lalu lembar kerja Ms. Word tersebut di print screen degan menggunakan
tombol keyboard Fn + PrtSc, sesuai dengan keyboard masing-masing.
c. Kemudian buka aplikasi paint, lalu pastekan hasil printscreen tersebut.
d. Lalu potong gambar tersebut sesuai dengan soal yang akan dimasukkan ke
dalam database.
e. Setelah selesai, simpan gambar tersebut dengan ekstensi *.png atau .jpg.
Universitas Sumatera Utara
43
Berikut adalah tampilan hasil rancangan halaman tambah soal :
Image
Home
TAMBAH SOAL
No:
Exit
Text Box
Browse
Picture Box
Jawaban:
Radio Button (A-B-C-D-E)
Add
Update
Delete
Data Grid View
Gambar 3.9. Rancangan Form Tambah Soal
Dengan rincian sebagai berikut:
Tabel 3.8. Properti Form Tambah Soal
No.
Teks
Nama
Komponen
1.
Home
btnHome
Button
2.
Exit
btnClose
Button
3.
Browse
btnBrowse
Button
4.
A
rbA
Radio Button
5.
B
rbB
Radio Button
6.
C
rbC
Radio Button
7.
D
rbD
Radio Button
8.
E
rbE
Radio Button
9.
Add
btnadd
Button
10.
Update
btnupdate
Button
11.
Delete
Btndelete
Button
12.
Text Box Nomor
txtboxNo
Text Box
13.
Picture Box Soal
pbSoal
Picture Box
14.
Data Grid View Soal
dgvGambar
Data Grid View
Universitas Sumatera Utara
44
3.5.6. Rancangan form peserta
Pada form ini digunakan untuk memilih paket soal yang akan diujiankan oleh
peserta. Form ini terdapat pilihan menu yaitu home, input soal, logout, dan exit.
Menu ini terdiri dari label, image, dan button.
APLIKASI SIMULASI UJIAN
SBMPTN
Image
Home
Exit
Kelompok
IPS
Kelompok
IPA
Petunjuk
Gambar 3.10. Rancangan Form Peserta
Dengan Rincian tabel sebagai berikut:
Tabel 3.9. Properti Form Peserta
No.
Text
Nama
Komponen
1.
Home
btnHome
button
2.
Exit
btnClose
button
3.
Kelompok IPA
btnSaintek
button
4.
Kelompok IPS
btnSoshum
button
5.
Petunjuk
btnPetunjuk
button
Universitas Sumatera Utara
45
3.5.7. Rancangan form simulasi
Pada form ini digunakan untuk menampilkan soal-soal simulasi sesuai jenis ujian
yang dipilih oleh pengguna. Form ini terdapat beberapa komponen yaitu label,
picturebox sebagai tempat menampilkan soal, label waktu sebagai petunjuk waktu
simulasi ujian, button untuk melanjutkan soal dan kembali ke menu utama dan
reset untuk mereset jawaban serta radiobutton sebagai tempat memilih jawaban.
Timer
Home
Judul Soal
Exit
Jawaban
1
.2
.3
.4
Soal
.5
.6
.7
Back
Home
.
Next
Reset
Gambar 3.11. Rancangan Form Simulasi
Dengan Rincian tabel sebagai berikut:
Tabel 3.10. Properti Form Simulasi
No.
Text
Nama
Komponen
1.
Home
btnHome
button
2.
Exit
btnClose
button
3.
Timer
lblwaktu
label
4.
Soal
pbSoal
Picture box
5.
Back
bBack
button
6.
Next
bNext
Button
7.
Reset
btnReset
button
8.
Jawaban A
rbA
radiobutton
Universitas Sumatera Utara
46
Tabel 3.10. (Lanjutan)
No.
Text
Nama
Komponen
9.
Jawaban B
rbB
radiobutton
10.
Jawaban C
rbC
radiobutton
11.
Jawaban D
rbD
radiobutton
11.
Jawaban D
rbE
radiobutton
3.5.8. Rancangan form hasil simulasi
Pada form ini akan ditampilkan hasil akhir dari soal yang telah dijawab yang
disebut dengan passing grade. Dalam form ini menggunakan label dan button
home dan exit, sebagai berikut:
HASIL UJIAN SIMULASI
Hasil
Gambar 3.12. Rancangan Form Hasil Simulasi
Universitas Sumatera Utara
47
BAB 4
IMPLEMENTASI SISTEM
4.1. Pengertian Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan dalam menyelesaikan
perancangan sistem yang telah disetujui seperti menguji, menginstal, dan memulai
menggunakan sistem yang baru atau sistem yang di perbaiki.
Sistem yang telah dirancang seanjutnya akan diteruskan ke tahap
implementasi sistem. Namun sebelumnya, sistem terlebih dahulu diuji sebelum
diimplementasikan. Setelah terlihat ada kesalahan yang ditemukan di dalam
pengujian, maka sistem tersebut akan diperbaiki. Pada tahap implementasi sistem
ini difokuskan pada penerapan sistem yang didesain kepada bahasa yang sesuai,
sehingga pada akhirnya diperoleh hasil yang sesuai dengan yang diinginkan.
4.2. Tujuan Implementasi Sistem
Adapun tujuan-tujuan dari implementasi sistem, yaitu:
1. Menyelesaikan desain sistem yang ada dalam dokumentasi yang telah
disetujui, menyusun dokumen baru atau dokumen yang akan diperbaiki
2. Menulis, menguji dan mendokumentasikan program serta prosedur yang
diperlukan pada sistem yang telah disetujui
3. Memastikan bahwa pemaakai dapat mengoperasikan sistem yang baru
yaitu dengan mempersiapkan manual pemakai dan dokumentasi yang lain
serta melatih pemakai
47
Universitas Sumatera Utara
48
4. Mempertimbangkan atau memperhitungkan bahwa sistem memenuhi
permintaan pemakai, yaitu dengan menguji sistem secara keseluruhan
5. Memastikan bahwa konversi sistem yang baru berjalan dengan benar,
yaitu dengan membuat rencana, mengontrol dan melakukan instalasi
sistem yang baru secara benar.
Langkah-langkah yang dibutuhkan dalam pengimplementasian sistem adalah
sebagai berikut:
1. Pemilihan dan pelatihan user
2. Menyelesaikan desain sistem
3. Mendapatkan software dan hardware
4. Menulis, menguji dan mengontrol serta mendokumentasikan program
5. Menguji sistem
6. Mendapatkan persetujuan
4.3. Tampilan Aplikasi Simulasi Ujian SBMPTN
Pembuatan program aplikasi simulasi ujian SBMPTN dirancang dengan bahasa
pemograman Microsoft Visual Basic 2010 dan penyimpanan database
menggunakan Microsoft Access 2010.
4.3.1. Tampilan menu utama
Pada tampilan menu utama ini, merupakan tampilan awal yang akan muncul, baik
untuk admin ataupun peserta. Pada halaman ini akan terdapat button untuk login
sebagai admin ataupun sebagai peseryta.
Universitas Sumatera Utara
49
Berikut ini adalah tampilan menu utama:
Gambar 4.1. Tampilan Menu Utama
4.3.2. Tampilan menu admin
Pada tampilan admin ini terdapat menu untuk kembali ke halaman utama dan
untuk masuk ke halaman tambah soal ujian. Berikut adalah hasil rancangan dari
tampilan halaman menu admin:
Gambar 4.2. Tampilan Menu Admin
Universitas Sumatera Utara
50
4.3.3. Tampilan halaman tambah soal
Pada halaman ini, terdapat menu-menu untuk menambahkan soal dengan cara
meng-upload gambar kemudian pilih jawaban, dan akan disimpan kedalam
database. Pada halaman ini juga admin dapat mengedit atau menghapus soal yang
ada pada database.
Gambar 4.3. Tampilan Halaman Tambah Soal
4.3.4. Tampilan menu peserta
Pada halaman ini, terdapat menu untuk memilih kelompok soal yang akan
diujiankan oleh peserta, dan terdapat menu petunjuk, untuk menampilkan
petunjuk dalam pengerjaan soal.
Gambar 4.4. Tampilan Menu Peserta
Universitas Sumatera Utara
51
4.3.5. Tampilan halaman simulasi
Pada halaman ini ditampilkan soal-soal yang terdapat di database, dan peserta
dapat menjawab soal-soal dengan memilih button yang terdapat di halaman
dengan nomor soal dan nomor jawaban yang sesuai, dan dapat mereset jawaban
yang telah dijawab peserta. Pada halaman ini, yang pertama kali ditampilkan
adalah paket soal TPA, kemudian setelah peserta menjawab soal terakhir, maka
akan ada pilihan untuk melanjutkan soal atau tidak.
Jika peserta memilih ya, maka akan lanjut ke paket soal dengan mata
pelajaran yang sebelumnya telah dipilih oleh peserta. Kemudian jika peserta telah
menjawab soal terakhir, maka hasil akhir akan segera ditampilkan.
Gambar 4.5. Tampilan Halaman Simulasi
Universitas Sumatera Utara
52
BAB 5
KESIMPULAN DAN SARAN
5.1. Kesimpulan
Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem
dalam
membangun
aplikasi
simulasi
ujian
SBMPTN,
maka
penulis
menyimpulkan bahwa:
1. Aplikasi Simulasi Ujian SBMPTN berbasis desktop ini menyediakan
sarana untuk pengguna dalam latihan soal-soal simulasi ujian, dengan
menginstal aplikasi di computer masing-masing pengguna tanpa harus
mengakses jaringan internet.
2. Aplikasi Simulasi yang dibangun, dirancang mengikuti aturan ujian
SBMPTN dengan menampilkan mata pelajaran sesuai dengan kelompok
program studi yang dipilih (Saintek/Soshum) dengan penilaian hasil
simulasi menampilkan passing grade yang diperoleh pengguna, sehingga
pengguna mengetahui apakah mencapai passing grade PTN yang ingin
dituju.
3. Dalam menyelesaikan pembuatan program Aplikasi Simulasi Ujian
SBMPTN ini, usaha yang dilakukan adalah mengumpulkan, mengkaji
buku-buku, browsing dari internet, menyajikan data, pembuatan desain
untuk proses user interface program, dan melakukan implementasi sebagai
dasar pembuatan program.
52
Universitas Sumatera Utara
53
4. Yang diutamakan dari aplikasi ini adalah aplikasi yang bersifat
userfriendly dan dinamis sehingga menarik dan memudahkan pengguna
dalam penggunaannya.
5.2. Saran
Aplikasi Simulasi Ujian SBMPTN yang dibuat oleh penulis dirasa masih perlu
ditingkatkan dan dikembangkan lagi, karena pemanfaatan teknologi untuk
perangkat lunak belum dapat diaplikasikan secara optimal dan tampilan yang
lebih menarik dan disukai oleh user.
Dengan selesainya Aplikasi Simulasi Ujian SBMPTN menggunakan
Microsoft Visual Basic 2010 ini, dapat diberikan saran sekiranya dapat
ditanggapi oleh semua pihak, yaitu diharapkan untuk dikembangkan lagi
menjadi aplikasi yang lebih optimal lagi serta berkualitas sehingga membantu
para pengguna dalam melatih kemampuan mereka mengerjakan soal-soal
dalam memasuki PTN yang diinginkan.
Universitas Sumatera Utara
BAB 3
PERANCANGAN SISTEM
Sebelum melakukan perancangan sistem aplikasi, maka harus dilakukan analisis
sistem terlebih dahulu untuk memperoleh gambaran yang jelas tentang
perancangan sistem yang akan dibuat serta diimplementasikan.
3.1. Gambaran Umum Perancangan Sistem
Perancangan sistem adalah suatu upaya untuk membuat suatu sistem baru atau
memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang
telah ada. Desain sistem secara umum mengidentifikasikan komponen-komponen
sistem informasi yang akan didesain secara terinci.
Secara umum perancangan sistem ini adalah untuk membuat aplikasi
simulasi ujian SBMPTN menggunakan Microsoft Visual Basic 2010 dan
Microsoft Acces 2007 untuk membantu para calon perserta ujian dalam melatih
kemampuannya dalam mengerjakan soal-soal ujian. Program ini juga memiliki
hak akses oleh admin untuk menambahkan soal-soal.
Aplikasi ini dirancang secara user friendly baik desain tampilan, warna
maupun letak tool-tool yang tersedia. Sehingga diharapkan dapat menarik
perhatian para user dan dapat mempermudah user untuk menggunakan aplikasi
yang baru digunakan. Program ini diharapkan dapat membantu para calon peserta
ujian SBMPTN.
30
Universitas Sumatera Utara
31
3.2. Data Flow Diagram
Data Flow Diagram (DFD) merupakan alat bantu yang dapat digunakan untuk
menggambarkan aliran data informasi dan transformasi (proses) dari data dimulai
dari pemasukan data sampai menghasilkan keluaran (output) data. Adapun
simbol-simbol dari DFD yaitu:
Tabel 3.1. Simbol-Simbol DFD
No.
1.
Gambar
Nama
Kesatuan
Fungsi
Luar Merupakan kesatuan luar di
(External Entity)
lingkungan sistem yang akan
memberikan
intput
atau
menerima output dari sistem.
2.
Proses (Procces)
Merupakan kegiatan hasil arus
data yang masuk dalam proses
untuk dihasilkan arus data yang
akan keluar untuk mengubah
input menjadi output.
3.
Aliran Data
Data mengalir melalui sistem
(Data Flow)
dimulai dengan sebagian input
dan diubah menjadi output.
4.
Penyimpanan
Data disimpan untuk keperluan
Data
berikutnya.
(Data Storage)
Universitas Sumatera Utara
32
3.2.1. Data Flow Diagram konsep pada aplikasi simulasi ujian SBMPTN
DFD level 0 atau sering disebut DFD konsep ini erdiri dari dua entity yaitu admin
dan pengguna. Admin memberikan input ke sistem berupa soal-soal dan jawaban.
Pengguna menjawab soal-soal ujian yang terdapat di dalam sistem dan dari
jawaban-jawaban yang diinput pengguna, sistem dapat memperoleh hasil passing
grade yang diperoleh oleh pengguna.
Pengguna
Aplikasi
Simulasi
Ujian
SBMPTN
Admin
Gambar 3.1. DFD Konsep pada Aplikasi Simulasi Ujian SBMPTN
3.3. Perancangan Database
Database merupakan kumpulan data yang saling berhubungan satu dengan
lainnya, tersimpan disimpanan luar computer dan digunakan perangkat lunak
tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang
penting dalam sistem informasi, karena berfungsi sebagai basis penyedia
informasi bagi para pemakainya. Karena database merupakan kumpulan dari
beberapa file, dalam hal ini file tersebut dikelompokkan secara terstruktur dalam
beberapa tabel sesuai dengan informasi yang terkandung didalamnya.
Pada aplikasi yang akan dibangun, akan dibutuhkan sebuah database yang
didalamnya dibutuhkan beberapa tabel yang akan digunakan dalam aplikasi
tersebut.
Universitas Sumatera Utara
33
Berikut rancangan tabel yang digunakan dalam membangun aplikasi ini:
Tabel 3.2. Tabel Admin
Nama Field
Tipe Data
Keterangan
user name
Text
Primary Key
password
Text
Pada tabel admin terdapat data berupa username dan password yang
disimpan saat admin login untuk menambahkan soal atau mengedit soal yang ada.
Tabel 3.3. Tabel Soal
Nama Field
Tipe Data
Keterangan
ID
Auto Number
Primary Key
Soal
OLE Object
Jawaban
Text
Terdapat tiga tabel soal, yang terdiri dari soal IPA, IPS, dan TPA. Pada
tabel soal ini terdiri dari tiga field yaitu ID dengan tipe data auto number . Soal
dengan tipe data OLE Object untuk menerima data yang berupa objek grafik, foto.
3.4. Flowchart
Flowchart
adalah
sekumpulan
simbol-simbol
yang
menunjukkan
atau
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir,
jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah
pekerjaan disuatu algoritma. Penjelasan dari simbol flowchart dapat didefinisikan
dalam tabel berikut:
Universitas Sumatera Utara
34
Tabel 3.4. Simbol-Simbol Flowchart
No.
1.
Simbol
Fungsi
Terminator , untuk memulai dan mengakhiri
suatu program.
2.
Procces, suatu symbol yang menunjukkan
setiap
pengolahan
yang
dilakukan
oleh
komputer
3.
Data,
untuk
memasukkan
data
maupun
menunjukkan hasil dari suatu proses.
4.
Decision, suatu kondisi yang menghasilkan
beberapa kemungkinan jawaban atau pilihan.
5.
Preparation, suatu symbol yang menyediakan
tempat-tempat pengolahan data dalam storage.
6.
Connector , merupakan symbol untuk masuk
dan keluarnya suatu prosedur pada lembar
kertas yang sama.
7.
Off-Page Connector , merupakan symbol untuk
masuk dan keluarnya suatu prosedur pada
lembar kertas yang lain.
8.
Flow, prosedur yang daoat dilakukan dari atas
ke bawah, bawah ke atas, dari kiri ke kanan,
kanan ke kiri.
9.
Document, merupakan symbol untuk data yang
berbentuk informasi.
10.
Predefined
process,
untuk
sekumpulan
langkah
proses
menyatakan
yang
ditulis
sebagai prosedur.
11.
Display, untuk output yang ditujukan suatu
device, seperti monitor.
12.
Magnetic Disk, untuk menyimpan data.
Universitas Sumatera Utara
35
3.4.1. Flowchart menu utama
Berikut adalah flowchart dari menu utama dari aplikasi simulasi ujian SBMPTN:
START
Menu Utama
Paket Soal
Yes
Pilih
Kelompok
Soal
A
No
Petunjuk
Yes
Halaman Petunjuk
No
Yes
Login
Halaman Admin
No
About
SBMPTN
Yes
Halaman About
No
Yes
Exit
Keluar
No
END
Gambar 3.2. Flowchart Menu Utama
Universitas Sumatera Utara
36
3.4.2. Flowchart halaman simulasi
A
Yes
Tampil Soal & Input
Jawaban
Yes
Proses Jawaban
Yes
Tampilkan Hasil
Yes
Stop
Gambar 3.3 Flowchart Halaman Simulasi
Keterangan:
Sebelum user masuk ke halaman simulasi, user diminta untuk memilih kelompok
soal yang akan disimulasikan. Lalu user masuk ke halaman simulasi, dimana pada
halaman ini user langsung menjawab soal-soal yang tersedia pada halaman
dimana terdapat dua paket soal, yaitu soal TPA dan mata pelajaran yang dipilih.
Kemudian setelah user menjawab pertanyaan terakhir, maka akan langsung
menampilkan hasil simulasi tersebut.
Universitas Sumatera Utara
37
3.4.3. Flowchart halaman admin
Halaman
FormAdmin
Admin
Yes
Menu
Utama
Halaman
Menu
Utama
No
Yes
Input
Soal
Yes
Tambah
Data
Tambah
Data
Disimpan
ke
No
Yes
Log
Out
Halaman
Menu
Utama
No
Stop
Gambar 3.4. Flowchart Halaman Admin
Keterangan:
Pada form admin, admin dihadapkan pada pilihan menu ke halaman utama dan
menu untuk menambah soal. Jika admin masuk ke halaman tambah soal, maka
admin dapat menambahkan soal atau mengedit serta menghapus soal, lalu
kemudian disimpan ke database.
Universitas Sumatera Utara
38
3.5. Desain Aplikasi
Aplikasi dalam pemograman Visual Basic merupakan hasil dari perancangan form
(user interface ), penambahan komponen-komponen ke dalam form, pengaturan
property dan penulisan kode-kode yang diperlukan untuk tiap komponen ke dalam
suatu projek.
3.5.1. Rancangan form splash screen
Splash Screen adalah halaman yang biasa ditampilkan sesaat setelah sebuah
program aplikasi yang dijalankan. Splash screen digunakan untuk menampilkan
informasi tentang hal-hal yang berhubungan dengan judul dan pembuat program
aplikasi, beberapa detik sebelum program aplikasi siap digunakan. Objek splash
screen ini terdiri dari label dan image.
Judul Aplikasi
Image
Gambar 3.5 Rancangan Form Splash Screen
Gambar 3.5. Rancangan Form Splash Screen
Universitas Sumatera Utara
39
3.5.2. Rancangan form menu utama
Menu utama merupakan halaman yang menampilkan form utama yang berisi
pilihan menu yaitu login untuk admin dan peserta, tombol untuk menghentikan
musik, petunjuk, about dan exit. Fungsi dari menu utama ini adalah sebagai menu
utama dari aplikasi untuk mengeksekusi objek-objek berikutnya.
Play
APLIKASI SIMULASI UJIAN
SBMPTN
Image
Exit
Peserta
Admin
Petunjuk
About SBMPTN
Gambar 3.6. Rancangan Form Menu Utama
Dengan Rincian tabel sebagai berikut:
Tabel 3.5. Properti Menu Utama
No.
Text
Nama
Komponen
1.
Play
btnPlay
button
2.
Exit
btnClose
button
3.
Admin
btnadmin
button
Universitas Sumatera Utara
40
Tabel 3.5. (Lanjutan)
No.
Text
Nama
Komponen
4.
Peserta
btnpeserta
button
5.
Petunjuk
btnpetunjuk
button
6.
About SBMPTN
btnabout
button
3.5.3. Rancangan form login
Menu login adalah tampilan yang mengharuskan admin untuk memasukkan
user name dan password terlebih dahulu agar admin dapat masuk ke halaman
admin. Objek login ini terdiri dari label dan textboxt, seperti berikut:
Username
Textbox username
Password
Textbox password
LOG
LOGIN
IN
Login
Gambar 3.7. Rancangan Form Login
Dengan rincian tabel sebagai berikut:
Tabel 3.6. Properti Form Login
No.
Text
Nama
Komponen
1.
Textbox user name
txtUser name
textbox
2.
Textbox password
txtPassword
textbox
3.
Login
btnlogin
button
Universitas Sumatera Utara
41
3.5.4. Rancangan form admin
Form admin merupakan halaman yang menampilkan form yang berisi pilihan
menu yaitu home, input soal, logout, dan exit. Menu ini terdiri dari label, image,
dan button.
Log Out
Image
Exit
INPUT
SOAL
HOME
Gambar 3.8. Rancangan Form Admin
Dengan Rincian tabel sebagai berikut:
Tabel 3.7. Properti Form Admin
No.
Text
Nama
Komponen
1.
Logout
btnlogout
button
2.
Exit
btnClose
button
3.
Home
btnhome
button
4.
Input Soal
btnSoal
button
Universitas Sumatera Utara
42
3.5.5. Rancangan form tambah soal
Form ini digunakan untuk menambah, mengedit, dan menghapus soal yang ada ke
dalam atau dari database. Pada form ini terdapat picture box untuk menampilkan
logo SBMPTN, terdapat enam button untuk menu utama, keluar, memasukkan
gambar, menambahkan soal, mengedit soal, dan menghapus soal. Terdapat juga
text box yang sebenarnya tidak perlu diisi karena akan diisi secara otomatis untuk
nomor soal. Dan terdapat picture box untuk menampilkan gambar yang akan
dimaasukkan, dan terdapat radio button untuk memilih jawaban dari soal yang
akan ditambahkan, serta terdapat data grid view untuk menampilkan soal-soal
yang diambil dari database.
Format soal yang digunakan dalam database ini adalah format gambar
yang ber-ekstensi png, jpg, dan jpeg. Alsan soal digunakan dalam format gambar
agar mempermudah dalam penyimpanan soal-soal yang mengandung tabel, dan
rumus ke dalam database.
Dalam membuat soal diperlukan aplikasi Ms.Word dan Paint. Cara untuk
membuat soal yaitu:
a. Pertama soal diketik ke dalam Ms. Word
b. Lalu lembar kerja Ms. Word tersebut di print screen degan menggunakan
tombol keyboard Fn + PrtSc, sesuai dengan keyboard masing-masing.
c. Kemudian buka aplikasi paint, lalu pastekan hasil printscreen tersebut.
d. Lalu potong gambar tersebut sesuai dengan soal yang akan dimasukkan ke
dalam database.
e. Setelah selesai, simpan gambar tersebut dengan ekstensi *.png atau .jpg.
Universitas Sumatera Utara
43
Berikut adalah tampilan hasil rancangan halaman tambah soal :
Image
Home
TAMBAH SOAL
No:
Exit
Text Box
Browse
Picture Box
Jawaban:
Radio Button (A-B-C-D-E)
Add
Update
Delete
Data Grid View
Gambar 3.9. Rancangan Form Tambah Soal
Dengan rincian sebagai berikut:
Tabel 3.8. Properti Form Tambah Soal
No.
Teks
Nama
Komponen
1.
Home
btnHome
Button
2.
Exit
btnClose
Button
3.
Browse
btnBrowse
Button
4.
A
rbA
Radio Button
5.
B
rbB
Radio Button
6.
C
rbC
Radio Button
7.
D
rbD
Radio Button
8.
E
rbE
Radio Button
9.
Add
btnadd
Button
10.
Update
btnupdate
Button
11.
Delete
Btndelete
Button
12.
Text Box Nomor
txtboxNo
Text Box
13.
Picture Box Soal
pbSoal
Picture Box
14.
Data Grid View Soal
dgvGambar
Data Grid View
Universitas Sumatera Utara
44
3.5.6. Rancangan form peserta
Pada form ini digunakan untuk memilih paket soal yang akan diujiankan oleh
peserta. Form ini terdapat pilihan menu yaitu home, input soal, logout, dan exit.
Menu ini terdiri dari label, image, dan button.
APLIKASI SIMULASI UJIAN
SBMPTN
Image
Home
Exit
Kelompok
IPS
Kelompok
IPA
Petunjuk
Gambar 3.10. Rancangan Form Peserta
Dengan Rincian tabel sebagai berikut:
Tabel 3.9. Properti Form Peserta
No.
Text
Nama
Komponen
1.
Home
btnHome
button
2.
Exit
btnClose
button
3.
Kelompok IPA
btnSaintek
button
4.
Kelompok IPS
btnSoshum
button
5.
Petunjuk
btnPetunjuk
button
Universitas Sumatera Utara
45
3.5.7. Rancangan form simulasi
Pada form ini digunakan untuk menampilkan soal-soal simulasi sesuai jenis ujian
yang dipilih oleh pengguna. Form ini terdapat beberapa komponen yaitu label,
picturebox sebagai tempat menampilkan soal, label waktu sebagai petunjuk waktu
simulasi ujian, button untuk melanjutkan soal dan kembali ke menu utama dan
reset untuk mereset jawaban serta radiobutton sebagai tempat memilih jawaban.
Timer
Home
Judul Soal
Exit
Jawaban
1
.2
.3
.4
Soal
.5
.6
.7
Back
Home
.
Next
Reset
Gambar 3.11. Rancangan Form Simulasi
Dengan Rincian tabel sebagai berikut:
Tabel 3.10. Properti Form Simulasi
No.
Text
Nama
Komponen
1.
Home
btnHome
button
2.
Exit
btnClose
button
3.
Timer
lblwaktu
label
4.
Soal
pbSoal
Picture box
5.
Back
bBack
button
6.
Next
bNext
Button
7.
Reset
btnReset
button
8.
Jawaban A
rbA
radiobutton
Universitas Sumatera Utara
46
Tabel 3.10. (Lanjutan)
No.
Text
Nama
Komponen
9.
Jawaban B
rbB
radiobutton
10.
Jawaban C
rbC
radiobutton
11.
Jawaban D
rbD
radiobutton
11.
Jawaban D
rbE
radiobutton
3.5.8. Rancangan form hasil simulasi
Pada form ini akan ditampilkan hasil akhir dari soal yang telah dijawab yang
disebut dengan passing grade. Dalam form ini menggunakan label dan button
home dan exit, sebagai berikut:
HASIL UJIAN SIMULASI
Hasil
Gambar 3.12. Rancangan Form Hasil Simulasi
Universitas Sumatera Utara
47
BAB 4
IMPLEMENTASI SISTEM
4.1. Pengertian Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan dalam menyelesaikan
perancangan sistem yang telah disetujui seperti menguji, menginstal, dan memulai
menggunakan sistem yang baru atau sistem yang di perbaiki.
Sistem yang telah dirancang seanjutnya akan diteruskan ke tahap
implementasi sistem. Namun sebelumnya, sistem terlebih dahulu diuji sebelum
diimplementasikan. Setelah terlihat ada kesalahan yang ditemukan di dalam
pengujian, maka sistem tersebut akan diperbaiki. Pada tahap implementasi sistem
ini difokuskan pada penerapan sistem yang didesain kepada bahasa yang sesuai,
sehingga pada akhirnya diperoleh hasil yang sesuai dengan yang diinginkan.
4.2. Tujuan Implementasi Sistem
Adapun tujuan-tujuan dari implementasi sistem, yaitu:
1. Menyelesaikan desain sistem yang ada dalam dokumentasi yang telah
disetujui, menyusun dokumen baru atau dokumen yang akan diperbaiki
2. Menulis, menguji dan mendokumentasikan program serta prosedur yang
diperlukan pada sistem yang telah disetujui
3. Memastikan bahwa pemaakai dapat mengoperasikan sistem yang baru
yaitu dengan mempersiapkan manual pemakai dan dokumentasi yang lain
serta melatih pemakai
47
Universitas Sumatera Utara
48
4. Mempertimbangkan atau memperhitungkan bahwa sistem memenuhi
permintaan pemakai, yaitu dengan menguji sistem secara keseluruhan
5. Memastikan bahwa konversi sistem yang baru berjalan dengan benar,
yaitu dengan membuat rencana, mengontrol dan melakukan instalasi
sistem yang baru secara benar.
Langkah-langkah yang dibutuhkan dalam pengimplementasian sistem adalah
sebagai berikut:
1. Pemilihan dan pelatihan user
2. Menyelesaikan desain sistem
3. Mendapatkan software dan hardware
4. Menulis, menguji dan mengontrol serta mendokumentasikan program
5. Menguji sistem
6. Mendapatkan persetujuan
4.3. Tampilan Aplikasi Simulasi Ujian SBMPTN
Pembuatan program aplikasi simulasi ujian SBMPTN dirancang dengan bahasa
pemograman Microsoft Visual Basic 2010 dan penyimpanan database
menggunakan Microsoft Access 2010.
4.3.1. Tampilan menu utama
Pada tampilan menu utama ini, merupakan tampilan awal yang akan muncul, baik
untuk admin ataupun peserta. Pada halaman ini akan terdapat button untuk login
sebagai admin ataupun sebagai peseryta.
Universitas Sumatera Utara
49
Berikut ini adalah tampilan menu utama:
Gambar 4.1. Tampilan Menu Utama
4.3.2. Tampilan menu admin
Pada tampilan admin ini terdapat menu untuk kembali ke halaman utama dan
untuk masuk ke halaman tambah soal ujian. Berikut adalah hasil rancangan dari
tampilan halaman menu admin:
Gambar 4.2. Tampilan Menu Admin
Universitas Sumatera Utara
50
4.3.3. Tampilan halaman tambah soal
Pada halaman ini, terdapat menu-menu untuk menambahkan soal dengan cara
meng-upload gambar kemudian pilih jawaban, dan akan disimpan kedalam
database. Pada halaman ini juga admin dapat mengedit atau menghapus soal yang
ada pada database.
Gambar 4.3. Tampilan Halaman Tambah Soal
4.3.4. Tampilan menu peserta
Pada halaman ini, terdapat menu untuk memilih kelompok soal yang akan
diujiankan oleh peserta, dan terdapat menu petunjuk, untuk menampilkan
petunjuk dalam pengerjaan soal.
Gambar 4.4. Tampilan Menu Peserta
Universitas Sumatera Utara
51
4.3.5. Tampilan halaman simulasi
Pada halaman ini ditampilkan soal-soal yang terdapat di database, dan peserta
dapat menjawab soal-soal dengan memilih button yang terdapat di halaman
dengan nomor soal dan nomor jawaban yang sesuai, dan dapat mereset jawaban
yang telah dijawab peserta. Pada halaman ini, yang pertama kali ditampilkan
adalah paket soal TPA, kemudian setelah peserta menjawab soal terakhir, maka
akan ada pilihan untuk melanjutkan soal atau tidak.
Jika peserta memilih ya, maka akan lanjut ke paket soal dengan mata
pelajaran yang sebelumnya telah dipilih oleh peserta. Kemudian jika peserta telah
menjawab soal terakhir, maka hasil akhir akan segera ditampilkan.
Gambar 4.5. Tampilan Halaman Simulasi
Universitas Sumatera Utara
52
BAB 5
KESIMPULAN DAN SARAN
5.1. Kesimpulan
Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem
dalam
membangun
aplikasi
simulasi
ujian
SBMPTN,
maka
penulis
menyimpulkan bahwa:
1. Aplikasi Simulasi Ujian SBMPTN berbasis desktop ini menyediakan
sarana untuk pengguna dalam latihan soal-soal simulasi ujian, dengan
menginstal aplikasi di computer masing-masing pengguna tanpa harus
mengakses jaringan internet.
2. Aplikasi Simulasi yang dibangun, dirancang mengikuti aturan ujian
SBMPTN dengan menampilkan mata pelajaran sesuai dengan kelompok
program studi yang dipilih (Saintek/Soshum) dengan penilaian hasil
simulasi menampilkan passing grade yang diperoleh pengguna, sehingga
pengguna mengetahui apakah mencapai passing grade PTN yang ingin
dituju.
3. Dalam menyelesaikan pembuatan program Aplikasi Simulasi Ujian
SBMPTN ini, usaha yang dilakukan adalah mengumpulkan, mengkaji
buku-buku, browsing dari internet, menyajikan data, pembuatan desain
untuk proses user interface program, dan melakukan implementasi sebagai
dasar pembuatan program.
52
Universitas Sumatera Utara
53
4. Yang diutamakan dari aplikasi ini adalah aplikasi yang bersifat
userfriendly dan dinamis sehingga menarik dan memudahkan pengguna
dalam penggunaannya.
5.2. Saran
Aplikasi Simulasi Ujian SBMPTN yang dibuat oleh penulis dirasa masih perlu
ditingkatkan dan dikembangkan lagi, karena pemanfaatan teknologi untuk
perangkat lunak belum dapat diaplikasikan secara optimal dan tampilan yang
lebih menarik dan disukai oleh user.
Dengan selesainya Aplikasi Simulasi Ujian SBMPTN menggunakan
Microsoft Visual Basic 2010 ini, dapat diberikan saran sekiranya dapat
ditanggapi oleh semua pihak, yaitu diharapkan untuk dikembangkan lagi
menjadi aplikasi yang lebih optimal lagi serta berkualitas sehingga membantu
para pengguna dalam melatih kemampuan mereka mengerjakan soal-soal
dalam memasuki PTN yang diinginkan.
Universitas Sumatera Utara