BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN 3.1. Analisis Masalah Mengidentifikasi masalah merupakan langkah awal yang dilakukan dalam tahap analisis sistem. Masalah dapat didefinisikan sebagai suatu pertanyaan yang diinginkan untuk dipecahkan. Langkah awal yang harus dilakukan pada tahap ini adalah mengidentifikasi terlebih dahulu masalah-masalah yang ada, sehingga system yang dibuat dapat memecahkan masalah tersebut, sehingga aplikasi tersebut tepat sasaran. Berdasarkan pengalaman pribadi bahwa untuk masuk sekolah SMA harus melakukan ujian dan membutuhkan waktu yang lama, maka dari itu perlunya dibuat system ujian online untuk seleksi siswa yang akan masuk. Adapun permasalahan yang dihadapi antara lain : 1. Peserta didik baru harus datang ke sekolah untuk mendaftar. 2. Jarak tempuh dari sekolah yang jadi pilihan terkadang jauh dari rumah. 3. Pada saat ujian pihak sekolah menyiapkan lembar soal dan lembar jawab yang memerlukan biaya cukup besar untuk mencetak. 4. Proses untuk melakukan pengkoreksian lembar jawab memerlukan waktu yang lama karena dilakukan secara manual. 5. Meminimalisir kesalahan pengkoreksian lembar jawaban. 6. Hasil dari ujian juga memerlukan waktu yang lama karena menunggu pengkoreksian lembar jawab selesai. 3.1.1 Analisis Kelemahan Sistem Pada saat ini, proses pelaksanaan dan penilaian ujian masuk sekolah menengah atas masih dilakukan secara manual. Dimana guru membuat soal dengan cara diketik secara manual dan digandakan sebanyak peserta ujian, dan 25

26 setelah ujian peserta mengumpulkan lembar jawaban untuk diperiksa, baru bisa diperoleh hasil ujiannya. Guru Peserta membuat soal menerima soal Menerima lembar jawaban Mengerjakan ujian Koreksi ujian Laporan nilai Menerima nilai Gambar 3.1 Activity Diagram Kelemahan Ujian Manual 3.1.2 Perancangan Sistem Yang Akan Dibangun Pada saat ini, proses pelaksanaan dan penilaian ujian masuk sekolah menengah atas masih dilakukan secara manual. Dimana guru membuat soal dengan cara diketik secara manual dan digandakan sebanyak peserta ujian, dan

27 setelah ujian peserta mengumpulkan lembar jawaban untuk diperiksa, baru bisa diperoleh hasil ujiannya. Guru Sistem Peserta membuat soal menyimpan soal Lihat halaman soal memeriksa jawaban Input jawaban menampilkan nilai melihat nilai ujian Gambar 3.2 Activity Diagram Pengembangan Sistem 3.2 Perancangan Aplikasi Dari hasil analisa yang penulis buat untuk membangun aplikasi website dengan fitur yang mudah dimengerti, tepat sasaran, dan interaktif dengan menggunakan bahasa pemrograman PHP, Java Script,HTML dan mengguanakan basis data MySQL. Penulis akan menggunakan flowchart diagram untuk mengetahui prosedurnya secara garis besar. Menggunakan model diagram Use Case untuk menunjukan fungsional suatu sistem, dan juga menggunakan permodelan diagram kelas (Class Diagram) untuk menggambarkan suatu hubungan atau relasi dari masing-objek atau tabel yang terhubung dengan basis

28 data. Tujuan penulis menggunakan permodelan seperti ini adalah agar aplikasi ini dapat dipahami dengan mudah. 3.2.1 Use Case Diagram Sistem Use Case digunakan unutk melihat semua aktifitas yang dilakukan oleh actor, berikut ini adalah use case dari ujian online masuk SMA. Login Mengelola Soal Hapus Data Peserta Hapus Nilai Ujian Mengirim email Peserta Guru Pendaftaran Ujian Gambar 3.3 Use Case Diagram Aplikasi Ujian Online Penjelasan dari masing-masing use case dari gambar 3.2 dapat dilihat pada skenario berikut: Berikut ini adalah keterangan dari use case yang dilakukan oleh Peserta: Tabel 3.1 Skenario Use Case Login Peserta Nama Use Case Aktor Login Peserta

29 Deskripsi Peserta yang ingin melakukan ujian harus memasukkan alamat email dan nomor pendaftaran Tabel 3.2 Skenario Use Case Pendaftaran Peserta Nama Use Case Aktor Pendaftaran Peserta Deskripsi Peserta harus melakukan pendaftaran terlebih dahulu dengan memasukkan data diri siswa agar terdaftar pada sekolahan tersebut dan bisa mengikuti ujian. Tabel 3.3 Skenario Use Case Ujian Peserta Nama Use Case Aktor Deskripsi Ujian Peserta Siswa melakukan ujian dengan memilih satu jawaban A,B,C atau D yang dianggap benar, setelah selesai menjawab diharuskan menekan tombol jawab.

30 Berikut ini adalah keterangan dari use case yang dilakukan oleh Guru: Tabel 3.4 Skenario Use Case Login Guru Nama Use Case Aktor Deskripsi Login Guru Guru memasukkan username dan password pada halaman login untuk masuk kedalam halaman guru. Tabel 3.5 Skenario Use Case Mengelola Soal Nama Use Case Aktor Mengelola soal Guru Deskripsi Guru bisa membuat soal dan menghapus soal serta dapat merubah soal yang dianggap salah. Tabel 3.6 Skenario Use Case Menghapus Data Peserta Nama Use Case Aktor Menghapus data peserta Guru Deskripsi Menghapus siswa dari daftar peserta ujian apabila data data yang diperlukan tidak sesuai dan siswa yang sudah mengikuti ujian.

31 Tabel 3.7 Skenario Use Case Menghapus Nilai Nama Use Case Aktor Deskripsi Menghapus Nilai Guru Menghapus nilai peserta ujian yang sudah mengikuti ujian dengan predikat lulus ataupun yang gagal. Tabel 3.8 Skenario Use Case Mengirim E-Mail Nama Use Case Aktor Mengirim email Guru Deskripsi Guru mengirim email kepada peserta, isi dari email merupakan nilai ujian dan keterangan diterima ataupun tidak diterima 3.2.2 Activity Diagram Sistem Berikut ini merupakan activity dari sistem yang berjalan pada aplikasi, yang terdiri dari : 1. Activity Diagram Pendaftaran Peserta Activity diagram berikut ini menjelaskan bahwa untuk dapat login dan syarat melakukan ujian, peserta harus terlebih dahulu mendaftarkan dirinya dengan mengisi beberapa data yang terdapat pada form pendaftaran.

32 Peserta Sistem Halaman Registrasi menampilkan halaman registrasi Masukan data registrasi Lengkap? ya tidak menyimpan data registrasi Menampilkan halaman berhasil daftar dan login verivikasi useername dan password menmpilkan halaman utama peserta Gambar 3.4. Actvity Diagram Pendaftaran Peserta

33 2. Activity Diagram Login Guru Activity Diagram login guru menjelaskan bahwa untuk membuat soal, menghapus daftar peserta dan nilai ujian guru terlebih dahulu harus melakukan login. Guru System Masuk Halaman login Menampilkan Halaman Login masukan username dan password verivikasi useername dan password Valid? ya tidak Menampilkan halaman utama guru Gambar 3.5. Actvity Diagram Login Guru

34 3. Activity Diagram Guru Input Soal Ujian Setelah guru login didalam halaman guru terdapat beberapa menu, salah satunya yaitu membuat soal untuk di gunakan dalam ujian. Guru dapat membuat soal sebanyak yang diperlukan dan beserta kunci jawaban dari soal tersebut, saat pembembuat soal bisa disertakan gambar ataupun hanya teks saja sesuai kebutuhan dari soal tersebut. Guru Sistem Melakukan Login Validasi Login tidak valid ya Memilih Menu Input Soal Menampilkan Halaman Utama Guru Memasukkan Soal dan jawaban Menampilakan Halaman input soal dan jawaban Kelengkapan Soal lengkap tidak ya Menyimpan Soal dan Jawaban Menampilkan Halaman list soal Gambar 3.6 Activity Diagram Guru Membuat Soal dan Kunci Jawaban

35 4. Activity Diagram Edit Soal Soal yang telah dibuat mungkin terdapat kesalahan dalam mengetik, maka harus ada edit soal yang bertujuan untuk memperbaiki soal yang salah. Guru Sistem Melakukan Login Validasi tidak Valid? ya Memilih menu list soal Menampilkan Halaman Utama Guru Memilih soal untuk diedit Menampilkan halaman list soal Melakukan Edit soal Menampilkan Halaman Edit soal Berhasil? tidak ya Menyimpan Soal dan jawaban Menampilkan List Soal Gambar 3.7 Activity Diagram Edit Soal

36 5. Activity Diagram Tanggal Pelaksanaan Ujian Sebelum diselenggarakan ujian, guru harus menentukan tanggal pelaksanaan ujian. Tanggal dapat di input melalui form tanggal pelaksanaan ujian yan sudah disediakan. Guru Sistem Memasukkan username dan password validasi tidak valid? ya Memilih menu list soal Menampilka halaman guru memasukkan tanggal pelaksanaan ujian Menampilkan halaman list soal Menyimpan tanggal pelaksanaan ujian Berhasil? ya tidak Menampilkan halaman list soal Gambar 3.8 Activity Diagram Tanggal Pelaksanaan Ujian

37 6. Activity Diagram Hapus Nilai dan Peserta Ujian Guru bisa menghapus peserta dan nilai ujian dimana peserta tersebut sudah melakukan ujian, dengan nilai yang tidak memenuhi standar dari persyaratan lulus ataupun peserta yang lulus dalam ujian. Guru Sistem Melakukan Login tidak Validasi Valid? ya memilih data peserta dan nilai Menampilkan Halaman Utama Guru Memilih peserta beserta nilai ujian untuk dihapus Menampilkan halaman nilai Mencentang pada textbox untk memilih data yang dihapus Menghapus data peserta dan nilai peserta Menampilkan data peserta beserta nilai Gambar 3.9 Activity Diagram Hapus Nilai dan Peserta Ujian

38 7. Activity Diagram Kirim E-Mail Mengirim email dilakukan pada saat peserta sudah melakukan ujian, isi email meliputi nama,nilai ujian, asal sekolah dan keterangan diterima atau tidak diterima. Guru System masuk halaman login menampilkan halaman login masukkan username dan passsword verifikasi username dan password Valid? tidak ya Memilih menu daftar peserta dan kirim email Menampilkan Halaman utama guru Memilih peserta yang akan dikirimi email menampilkan halaman daftar peserta dan kirim email menekan tombol kririm menampilakan halaman kirim email mengirim email Berhasil? ya tidak menampilkan halaman daftar peserta dan kirim email Gambar 3.10 Activity Diagram Mengirim E-Mail

39 8. Activity Diagram Login Peserta Peserta harus melakukan login terlebih dahulu untuk melakukan ujian, dengan memasukkan username dan password. Peserta System Masuk Halaman login Menampilkan Halaman Login masukan username dan password verivikasi useername dan password valid ya tidak menampilkan halaman utama peserta Gambar 3.11 Activity Diagram Login Peserta

40 9. Activity Diagram Peserta Melakukan Ujian Peserta bisa mengikuti ujian dengan syarat sudah terdaftar, dan belum pernah melakukan ujian sebelumnya di tempat yang sama. Ujian dilakukan secara bersama sama dengan tanggal dan waktu yang sudah ditentukan oleh pihak penyelenggara ujian. Apabila belum memasuki waktu ujian ada peserta yang ingin melakukan ujian, maka peserta akan mendapatkan sebuah halaman peringantan ujian. peserta System memasukkan username dan password Validasi tidak ya Valid? memilih menu ujian Menampilkan Halaman Utama User Membaca sudah melakukan ujian dan tanggal ujian Belum ujian dan waktu ujian tiba? ya tidak Menampilkan Halaman Ujian mengerjakan ujian Menampilkan soal ujian, durasi dan data profil peserta ujian Menjawab Soal Ujian Memeriksa dan memberi nilai ujian menyimpan Jawaban Menampilkan Nilai ujian di pengumuman Gambar 3.12 Activity Diagram Ujian Peserta

41 3.2.3 Class Diagram Sistem Diagram Class digunakan untuk mengetahui hubungan antar tabel. 1 n Guru -id_guru : int -username : string -password : string +Login() +input() +edit() +hapus() +logout() +simpan() Nilai -id_nilai : int -id_peserta : int -nama : string -nilaiujian : int -status : string -tanggal : Date -tanggal_tayang : Date +output() +lihat() +simpan() 1 1 1 1 Peserta -id_peserta : int -nomorpendaftaran : int -nama : string -password : string -email : string -asalsekolah : string -tgllahir : Date -jeniskelamin : string -agama : string -notlp : int -Alamat : string -kirimemail : string -judul_gambar : string +edit() +input() +Login() +logout() n n Soal -id_soal : int -pertanyaan : string -gambarpertanyaan : string -pila : string -gambarpila : string -pilb : string -gambarpilb : string -pilc : string -gambarpilc : string -pild : string -gambarpild : string -kuncijawaban : string +output() +input() n tanggalujian -tanggal : Date +read() n 1 1 Gambar 3.13 Diagram Class 3.3 Database Dalam pembuatan aplikasi ini dibutuhkan rancangan basis data yang memadai sesuai dengan kebutuhan sistem itu sendiri. Rancangan tabel merupakan garis besar dari seluruh proses komputerisasi pengelolaan data yang akan dilakukan, tanpa tabel sistem pengelolaan data, komputerisasi tidak dapat berjalan. Perancangan ini mencakup penentuan kunci utama, kunci asing dan kunci lainnya untuk menghubungkan tabel satu dengan tabel yang lainnya. Berikut adalah tabel-tabel yang digunakan pada Aplikasi Pengelolaan Pengajuan Proposal:

42 3.3.1 Tabel Guru Tabel guru digunakan untu login guru agar bisa mengelola soal, menghapus data peserta dan nilai peserta. Nama Tabel : guru Field_Kunci : id_guru Jumlah_Filed : 3 Tabel 3.9 Tabel Guru Nama Field id_guru Username Password Type field(lenght) int(11) varchar(25) varchar(15) Keterangan Primary_key Username guru untuk melakukan login. Password guru yang digunakan untuk kata sandi melakukan login. 3.3.2 Tabel Peserta Tabel Peserta merupakan tabel yang berisi informasi Peserta yang diperlukan untuk daftar, ujian dan sebagai data diri peserta. Nama Tabel : peserta Field_Kunci : id_peserta Jumlah_Filed : 13 Tabel 3.10 Tabel Peserta Nama Field Type Field(Lenght) Keterangan id_peserta Nomor_pendaftaran int(3) int(6) Primary_key Berisi nomor pendaftaran peserta

43 nama password email asalsekolah tgllahir jeniskelamin agama notlp alamat Kirimemail Judul_gambar varchar(50) varchar(50) varchar(50) varchar(50) Date varchar(11) varchar(9) varchar(13) varchar(50) Varchar(14) varchar(50) Nama peserta ujian Password untuk melakukan login Berisi email peserta yang digunakan untuk username dan digunakan untuk mengirimkan pengumuman kelulusan Asal sekolah dari peserta ujian Tanggal lahir peserta Jenis kelamin peserta Agama peserta Nomor telepon peserta ujian Berisi alamat rumah tinggal peserta ujian Indicator untuk mengirim email ke peserta yang berisi pengumuman dan keterangan diterima maupun tidak. Digunakan untuk tempat foto peserta ujian. 3.3.3 Tabel Soal Tabel soal merupakan tabel yang berisi kumpulan soal untuk ditampilkan dan berisi kunci jawaban setiap soalnya Nama Tabel : soal

44 Field_Kunci : id_soal Jumlah_Filed : 11 Tabel 3.11 Tabel Soal Nama Field Type Field(Lenght) Keterangan id_soal pertanyaan gambarpertanyaan pila gambarpila pilb gambarpilb pilc gambarpilc int(3) Varchar(1000) Varchar(50) Varchar(1000) Varchar(50) Varchar(1000) Varchar(50) Varchar(1000) Varchar(50) Primary_key Digunakan untuk tempat pertayaan ujian. Berisi gambar yang digunakan dalam soal. Pilihan jawaban A dari soal yang dibuat. Gambar unutk pilihan jawaban A. Pilihan jawaban B dari soal yang dibuat. Pilihan jawaban B dari soal yang dibuat. Pilihan jawaban C dari soal yang dibuat. Pilihan jawaban C dari soal yang dibuat. pild Varchar(1000) Pilihan jawaban D dari soal yang dibuat. gambarpild Varchar(50) Pilihan jawaban D dari soal yang dibuat.

45 kuncijawaban varchar(3) Merupakan kunci jawaban dari soal. 3.3.4 Tabel Nilai Tabel Nilai berisi nilai ujian peserta Nama Tabel : nilai Field_Kunci : id_nilai Jumlah_Filed : 7 Tabel 3.12 Tabel Nilai Nama Field Type File(Lenght) Keterangan id_nilai int(3) Primary_key id_peserta int(3) Foreign_key nama varchar(50) Berisi nama peserta yang melakukan ujian nilaiujian int(3) Hasil nilai ujian yang dilakukan oleh peserta status varchar(11) Hasil perhitungan dari nilai personal dengan jawaban yang benar akan menghasilkan LULUS dan TIDAK LULUS. tanggal Date Tanggal peserta melakukan ujian tanggal_tayang Date Tanggal pengumuman kelulusan peserta

46 3.3.5 Tabel Tanggalujian Tabel yang berisi tanggal pelaksaan ujian Nama Tabel : tanggalujian Field_Kunci : id_tanggal Jumlah_Filed : 2 Tabel 3.13 Tabel Tanggalujian Nama Field Type File(Lenght) Keterangan Id_tanggal Int(1) Primary_key Tanggal date Tanggal pelaksanaan ujian 3.4 Perancangan Tampilan Layar 1. Perancangan Tampilan Layar Halaman Utama Gambar 3.14. Tampilan Layar Halaman Utama Website Halaman ini merupakan halaman utama dari website ujian masuk SMA, yang menjelaskan tentang ujian online itu sendiri dan menjelaskan tentang sekolah yang melakukan ujian.

47 2. Perancangan Form Halaman Pengumuman Gambar 3.15. Tampilan Layar Halaman Pengumuman Halaman yang memuat hasil dari ujian peserta, dimana peserta akan dinyatakan lulus atau tidak lulus. 3. Perancangan Form Halaman Tata Cara Ujian Gambar 3.16. Tampilan Layar Halaman Tata Cara Ujian Menjelaskan tata cara melakukan ujian agar peserta tidak merasa bingung untuk melakukan ujian.

48 4. Perancangan Form Halaman Daftar Peserta Ujian Gambar 3.17. Tampilan Layar Halaman Daftar Peserta Ujian Berisi seluruh peserta yang akan melakukan ujian, yang berguna untuk informasi bahwa peserta yang akan melakukan ujian sudah terdaftar. 5. Perancangan Form Kontak Gambar 3.18. Tampilan Layar Halaman Kontak Rancangan Halaman ini menampilkan info dari kontak nomor telepon sekolah yang melakukan ujian, diharapkan peserta ujian yang akan mendaftar atau melakukan ujian dapat mencari informasi dengan menghubungi nomor telepon tersebut.

49 6. Perancangan Form Pendaftaran Peserta Gambar 3.19. Tampilan Layar Halaman Pendaftaran Peserta Rancangan halaman ini merupakan halaman untuk melakukan pendaftaran sebagai syarat untuk melakukan ujian. 7. Perancangan Form Halaman Login Gambar 3.20. Tampilan Layar Halaman Login Rancangan halaman ini untuk masuk ke halaman user, user harus memasukkan username dan password dengan benar.

50 8. Perancangan Halaman Utama Guru Gambar 3.21. Tampilan Layar Halaman Utama Guru Rancangan halaman ini merupakan halaman utama guru, guru dapat menekan tombol yang sudah tersedia di menu. 9. Perancangan Halaman Membuat Soal Gambar 3.22. Tampilan Layar Halaman Membuat Soal Untuk melakukan ujian guru harus membuat soal dan memberikan kunci jawaban, pada halaman ini guru bisa menginput soal yang akan dijadikan soal ujian.

51 10. Perancangan List Soal dan Memperbaharui Tanggal Ujian Gambar 3.23. Tampilan Layar Halaman List Soal dan Tanggal Ujian Halaman ini menampilkan list soal yang sudah dibuat oleh guru, guru dapat mengedit dan menghapus soal. Serta dapat merubah tanggal pelaksanaan ujian. 11. Perancangan Halaman Edit Soal Gambar 3.24. Tampilan Layar Halaman Edit Soal Rancangan halaman ini digunakan untuk mengedit soal, apabila soal yang dibuat ada kesalahan.

52 12. Perancangan Halaman Lihat Nilai Gambar 3.25. Tampilan Layar Halaman Lihat Nilai Rancangan Halaman ini menampilkan nama dan nilai peserta yang sudah melakukan ujian, guru dapat menghapus nilai yang dianggap sudah tidak terpakai lagi. 13. Perancangan Halaman Kirim E-mail Gambar 3.26. Tampilan Layar Halaman Kirim E-mail Rancangan halaman ini berfungsi untuk mengirimkan pengumuman kelulusan peserta yang sudah melakukan ujian.

53 14. Perancangan Halaman List Peserta Ujian Gambar 3.27. Tampilan Layar Halaman List Peserta Ujian Peserta yang sudah melakukan pendaftaran dan belum melakukan ujian akan tampil dalam halaman ini, berapa banyak peserta yang mendaftar dan lengkap dengan informasi asal sekolah peserta. 15. Perancangan Halaman Utama Peserta Gambar 3.28. Tampilan Layar Halaman Utama Peserta Rancangan Halaman yang berisi informasi tentang data diri peserta, halaman ini muncul setelah peserta melakukan login. Didalam halaman ini peserta bisa melakukan ujian dan edit data diri peserta.

54 16. Perancangan Halaman Edit Peserta Gambar 3.29. Tampilan Layar Halaman Edit Peserta Rancanagan halaman ini digunakan peserta untuk mengedit data diri apabila terjadi kesalahan saat mendaftar. 17. Perancangan Halaman Ujian Gambar 3.30. Tampilan Layar Halaman Ujian Rancangan Halaman ujian yaitu halaman utama peserta melakukan ujian dengan cara memilih satu jawaban yang dianggap benar.

55 18. Perancangan Halaman Peringatan Sudah Melakukan Ujian Gambar 3.31. Tampilan Layar Halaman Peringatan Sudah Ujian Rancangan Halaman peringatan sudah ujian muncul ketika peserta menekan tombol ujian, akan tetapi peserta sudah melakukan ujian sebelumnya. 19. Perancangan Halaman Peringatan Sudah Melakukan Ujian Gambar 3.32. Tampilan Layar Halaman Belum Memasuki Waktu Ujian Rancangan Halaman peringatan ujian muncul ketika peserta menekan tombol ujian, tetapi belum waktunya untuk melakukan ujian.

56 3.5 Analisis Kebutuhan Sistem Didalam pengembangan sistem ini, agar menjadi sistem yang baik harus ditunjang dengan teknologi yang memadai baik dari perangkat keras maupun perangkat lunak. 3.5.1 Analisis Kebutuhan Perangkat Keras Kebutuhan perangkat keras yang dijelaskan meliputi perangkat keras yang dibutuhkan pada saat pembuatan program. Spesifikasi perangkat keras saat pembutan aplikasi : Tabel 3.13 Kebutuhan Perangkat Keras Processor Intel core i5-2450m 2,5GHz RAM 4 GB DDR3 Memory Harddisk 640 GB HDD Graphics NVIDIA GeForce GT 540M Keyboard Keyboard PS/2 3.5.2 Kebutuhan Perangkat lunak Berikut ini diuraikan kebutuhan perangkat lunak yang dibutuhkan pada saat pembuatan aplikasi. Beberapa software yang digunakan adalah : Tabel 3.14 Kebutuhan Perangkat Lunak Sistem Operasi Microsoft Windows 7 Database Engine XAMPP 2.5 Web Server Apache Server 2.2.17 Database MySQL 5.5.8 dan PHPMyAdmin 3.3.9 Tool Programing PHP 5.3.4 Editor Notepad++ v6.6.7 Editor Gambar CorelDraw X3 Editor Prototype MockUp Screen