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.
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. Gambar Nama Fungsi
1. Kesatuan Luar
(External Entity)
Merupakan kesatuan luar di 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 Flow)
Data mengalir melalui sistem dimulai dengan sebagian input dan diubah menjadi output.
4. Penyimpanan
Data
(Data Storage)
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.
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.
Aplikasi Simulasi Ujian SBMPTN
Berikut rancangan tabel yang digunakan dalam membangun aplikasi ini: Tabel 3.2. Tabel Admin
Nama Field Tipe Data Keterangan
username 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
Tabel 3.4. Simbol-Simbol Flowchart
No. Simbol Fungsi
1. 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 menyatakan
sekumpulan langkah proses yang ditulis sebagai prosedur.
11. Display, untuk output yang ditujukan suatu device, seperti monitor.
3.4.1. Flowchart menu utama
Berikut adalah flowchart dari menu utama dari aplikasi simulasi ujian SBMPTN:
3.4.2. Flowchart halaman simulasi
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.
A
Tampil Soal & Input Jawaban
Proses Jawaban
Tampilkan Hasil
Stop
Yes
Yes
Yes
3.4.3. Flowchart halaman admin
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.
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.
Gambar 3.5 Rancangan Form Splash Screen
Gambar 3.5. Rancangan Form Splash Screen
Judul Aplikasi
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.
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
APLIKASI SIMULASI UJIAN SBMPTN
Image Play Exit
Admin
Peserta
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 formlogin
Menu login adalah tampilan yang mengharuskan admin untuk memasukkan username dan password terlebih dahulu agar admin dapat masuk ke halaman admin. Objek login ini terdiri dari label dan textboxt, seperti berikut:
Gambar 3.7. Rancangan FormLogin
Dengan rincian tabel sebagai berikut:
Tabel 3.6. Properti FormLogin
No. Text Nama Komponen
1. Textbox username txtUsername textbox
2. Textbox password txtPassword textbox
3. Login btnlogin button
LOG IN
LOG IN
Username Textbox username
Password Textbox password
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.
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
Image Log Out Exit
HOME
INPUT
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.
Berikut adalah tampilan hasil rancangan halaman tambah soal :
Gambar 3.9. Rancangan Form Tambah Soal
Dengan rincian sebagai berikut:
Tabel 3.8. Properti Form Tambah Soal
No. Teks Nama Komponen
14. Data Grid View Soal dgvGambar Data Grid View
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.
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
APLIKASI SIMULASI UJIAN SBMPTN
Image Home Exit
Kelompok
IPA
Kelompok
IPS
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.
Gambar 3.11. Rancangan Form Simulasi
Dengan Rincian tabel sebagai berikut:
Tabel 3.10. Properti Form Simulasi
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:
Gambar 3.12. Rancangan Form Hasil Simulasi
HASIL UJIAN SIMULASI
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
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
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:
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.
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.
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.
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.
