BAB 3 PERANCANGAN SISTEM. perancangan sistem yang akan dibuat serta diimplementasikan. sistem informasi yang akan didesain secara terinci.

Transkripsi

1 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 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

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) Data disimpan untuk keperluan berikutnya.

3 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.

4 33 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 Jawaban OLE Object 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 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:

5 34 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. 12. Magnetic Disk, untuk menyimpan data.

6 Flowchart menu utama Berikut adalah flowchart dari menu utama dari aplikasi simulasi ujian SBMPTN: START Menu Utama Paket Soal Pilih Kelompok Soal A No Petunjuk Halaman Petunjuk No Login Halaman Admin No About SBMPTN Halaman About No Exit Keluar No END Gambar 3.2. Flowchart Menu Utama

7 Flowchart halaman simulasi A Tampil Soal & Input Jawaban Proses Jawaban Tampilkan Hasil 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.

8 Flowchart halaman admin Halaman Form Admin Admin Menu Utama Halaman Menu Utama No Input Soal Tambah Data Tambah Data Disimpan ke No 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.

9 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 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

10 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. Image APLIKASI SIMULASI UJIAN Play Exit SBMPTN Admin Peserta 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

11 40 Tabel 3.5. (Lanjutan) No. Text Nama Komponen 4. Peserta btnpeserta button 5. Petunjuk btnpetunjuk button 6. About SBMPTN btnabout button Rancangan form login 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: Username Password LOG IN Textbox username Textbox password Login Gambar 3.7. Rancangan Form Login Dengan rincian tabel sebagai berikut: Tabel 3.6. Properti Form Login No. Text Nama Komponen 1. Textbox username txtusername textbox 2. Textbox password txtpassword textbox 3. Login btnlogin button

12 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. Image Log Out Exit HOME INPUT SOAL 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

13 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.

14 43 Berikut adalah tampilan hasil rancangan halaman tambah soal : Image Home Exit TAMBAH SOAL No: Browse Text Box 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

15 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. Image APLIKASI SIMULASI UJIAN Home Exit SBMPTN Kelompok IPA Kelompok IPS Petunjuk Gambar 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

16 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 Judul Soal Jawaban Home Exit Soal Back Home Next Reset Gambar Rancangan Form Simulasi Dengan Rincian tabel sebagai berikut: Tabel 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

17 46 Tabel (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 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 Rancangan Form Hasil Simulasi

18 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 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

19 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 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.

20 49 Berikut ini adalah tampilan menu utama: Gambar 4.1. Tampilan Menu Utama 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

21 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 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

22 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

23 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

24 53 4. Yang diutamakan dari aplikasi ini adalah aplikasi yang bersifat userfriendly dan dinamis sehingga menarik dan memudahkan pengguna dalam penggunaannya 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.