5. PENGUJIAN SISTEM. Pada saat aplikasi pertama kali dibuka maka tampil halaman Menu Utama seperti Gambar 5.1. Gambar 5.

(1)

5. PENGUJIAN SISTEM

Pada bab ini membahas tentang pengujian dari sistem yang telah dibuat. Hal ini bertujuan untuk mengetahui apakah sistem dapat berjalan dengan baik atau tidak. Beberapa pengujian yang dilakukan pada sistem antara lain:

1. Pengujian menu utama. 2. Pengujian Informasi Rambu. 3. Pengujian ujian teori SIM.

4. Pengujian game simulasi berkendara. 5. Pengujian game ujian praktek SIM. 6. Uji coba aplikasi oleh user.

5.1 Pengujian Menu Utama

Pada saat aplikasi pertama kali dibuka maka tampil halaman Menu Utama seperti Gambar 5.1.

Gambar 5.1 Menu Utama

Pada halaman ini user dapat memilih 5 button yang tersedia, yaitu: 1. Informasi Rambu.

(2)

3. Game Ujian Praktek SIM. 4. Game Simulasi Berkendara. 5. Exit.

Ketika button exit ditekan, aplikasi akan ditutup.

5.2 Pengujian Informasi Rambu

Pada saat user menekan button Informasi Rambu di menu utama, maka tampil pilihan kategori seperti Gambar 5.2.

Gambar 5.2 Kategori Informasi Rambu

Ketika user menekan button exit di kanan atas, maka aplikasi menampilkan halaman menu utama seperti Gambar 5.1. Jika user menekan salah satu button dari kategori Informasi Rambu maka tampil informasi dari rambu seperti pada Gambar 5.3.

(3)

5.3 Pengujian Ujian Teori SIM

Pada saat user menekan button Ujian Teori di menu utama, maka tampil

interface dari ujian teori dengan soal dan jawaban yang telah di acak yang dapat

dilihat pada Gambar 5.4.

Gambar 5.4 Tampilan Awal Ujian Teori SIM

Dan ketika salah satu button jawaban dipilih tampil alert benar atau salah seperti Gambar 5.5.

Gambar 5.5 Alert Benar Atau Salah

Setelah soal yang ditampilkan sudah mencapai batas maksimal, ditampilkan halaman akhir yang memberikan informasi berapa banyak soal yang benar dan salah ketika user menekan button jawaban, selain itu juga terdapat score akhir.

(4)

Pada halaman akhir ini terdapat button back untuk kembali ke Menu Utama, dan

button restart untuk mengulangi soal ujian teori yang dapat dilihat pada Gambar

5.6.

Gambar 5.6 Tampilan Akhir Soal Ujian Teori

5.4 Pengujian Game Ujian Praktek SIM

Ketika user menekan button Game Ujian Praktek SIM, maka ditampilkan pilihan kategori antara SIM A dan SIM C yang dapat dilihat pada Gambar 3.10. Pada saat user menekan setiap button maka menuju tampilan stage 1. Stage dapat berlanjut apabila user menyelesaikan syarat ujian.

5.4.1 SIM A

Pada kategori SIM A memiliki tujuh stage yang di masing-masing stage, user dapat melihat cara menjalankan kendaraan, status untuk mengetahui syarat ujian telah diselesaikan, dan hint atau petunjuk yang harus dilakukan untuk menyelesaikan syarat ujian yang dapat dilihat pada Gambar 5.7.

(5)

Gambar 5.7 Status, Hint/ Petunjuk Dan Cara Menjalankan Kendaraan

Ketika pertama kali user memilih kategori SIM A, maka stage yang ditampilkan adalah stage 1 yang dapat dilihat pada Gambar 5.8.

Gambar 5.8 Permulaan SIM A Stage 1

Pada Gambar 5.7 merupakan tampilan informasi yang dapat membantu user untuk menyelesaikan syarat ujian dan memberikan informasi cara menggerakan kendaraan dimana ketika user menekan button atas maka kendaraan bererak maju, ketika user menekan button bawah maka kendaraan bergerak mundur, dan ketika

user menekan button kanan atau kiri maka kendaraan berbelok.

Dapat dilihat pada Gambar 5.8 lalu Gambar 5.9 yang menunjukkan posisi kendaraan berubah.

(6)

Gambar 5.9 Kendaraan Bergerak Mundur

Button next, back, dan restart ditampilkan ketika kendaraan telah

menyelesaikan syarat yang tertulis di dalam hint, user dapat mengetahui syarat ujian telah diselesaikan atau tidak dengan cara melihat status yang tertulis “Menuju Tempat Parkir” atau “Syarat Ujian Belum Diselesaikan”. Seperti pada Gambar 5.9, kendaraan telah bergerak mundur ke garis biru sesuai dengan hint dan kemudian kendaraan diminta untuk bergerak maju kembali tanpa melewati garis kuning untuk menyelesaikan syarat ujian dan kendaraan harus menuju garis merah seperti yang terlihat pada Gambar 5.10. Pada Gambar 5.10 juga merupakan tampilan ketika user menyelesaikan syarat ujian/ telah mencapai tempat parkir.

(7)

Jika user memilih button back maka tampilan diganti menjadi menu utama, jika memilih button restart maka game ujian praktek diulangi pada stage saat itu, sedangkan jika button next ditekan sistem menuju ke stage berikutnya dan menampilkan rintangan/ syarat ujian praktek yang berbeda dimana kendaraan diharuskan berjalan maju menuju titik merah dengan posisi bagian depan kendaraan yang masuk ke dalam area parkir terlebih dahulu seperti yang terlihat pada Gambar 5.11.

Gambar 5.11 Kendaraan Bergerak Maju Di SIM A Stage 2

Setelah menyelesaikan syarat ujian praktek sesuai dengan hint maka tampil

button back, next, restart yang dapat dilihat pada Gambar 5.12.

Gambar 5.12 Tampilan Menyelesaikan Syarat Ujian SIM A Stage 2

Setelah menyelesaikan syarat ujian praktek di SIM A stage 2 dan user menekan button next, maka tampilan berubah menjadi SIM A stage 3 dan syarat

(8)

ujian juga berubah, kendaraan diharuskan bergerak mundur pada saat memasuki area parkir seperti yang terlihat pada Gambar 5.13

Gambar 5.13 Kendaraan Bergerak Munuju Titik Merah

Setelah menyelesaikan syarat ujian praktek di SIM A stage 3 maka ditampilkan button back, next, dan restart seperti yang terlihat pada Gambar 5.14.

Setelah menyelesaikan syarat ujian praktek di SIM A stage 3 dan user menekan button next, maka tampilan berubah menjadi SIM A stage 4 dan syarat ujian juga berubah, kendaraan diharuskan bergerak menuju garis merah dengan posisi kendaraan serong seperti yang terlihat pada Gambar 5.15.

(9)

Gambar 5.15 Kendaraan Bergerak Menuju Garis Merah

Setelah menyelesaikan syarat ujian praktek di SIM A stage 4 dan user menekan button next, maka tampilan berubah menjadi SIM A stage 5 dan syarat ujian juga berubah, kendaraan diharuskan bergerak menuju kotak merah dan kendaraan harus berada di tengah-tengan kotak seperti yang terlihat pada Gambar 5.17.

(10)

Gambar 5.17 Kendaraan Bergerak Menuju Kotak Merah

Setelah menyelesaikan syarat ujian praktek di SIM A stage 5 dan user menekan button next, maka tampilan berubah menjadi SIM A stage 6 dan syarat ujian juga berubah, kendaraan diharuskan bergerak menuju garis biru tetapi yang pertama kali harus dilewati adalah garis merah seperti yang terlihat pada Gambar 5.19.

(11)

Gambar 5.19 Kendaraan Bergerak Melewati Garis Merah Menuju Garis Biru

Setelah menyelesaikan syarat ujian praktek di SIM A stage 6 dan user menekan button next, maka tampilan berubah menjadi SIM A stage 7 yang merupakan stage terakhir, dan syarat ujian juga berubah, kendaraan diharuskan bergerak menuju garis merah vertical lalu menuju garis merah horizontal seperti yang terlihat pada Gambar 5.19.

(12)

Gambar 5.21 Kendaraan Bergerak Menuju Garis Merah Vertical

Setelah menyelesaikan syarat ujian praktek di SIM A stage 7 maka ditampilkan button back, dan restart, karena pada stage ini merupakan stage terakhir button next dihilangkan seperti yang terlihat pada Gambar 5.22.

Gambar 5.22 Tampilan Menyelesaikan Syarat Ujian Di Stage Terakhir

5.4.2 SIM C

Pada kategori SIM C memiliki empat stage yang di masing-masing stage, user dapat melihat cara menjalankan kendaraan, status untuk mengetahui syarat ujian telah diselesaikan, dan hint atau petunjuk yang harus dilakukan untuk menyelesaikan syarat ujian yang dapat dilihat pada Gambar 5.7. Ketika pertama kali user memilih kategori SIM C, maka stage yang ditampilkan adalah stage 1 yang dapat dilihat pada Gambar 5.23.

(13)

Gambar 5.23 Permulaan SIM C Stage 1

Pada SIM C stage 1 user diharuskan menggerakkan kendaraan melewati garis kuning lalu menuju garis merah tanpa melewati garis putih untuk menyelesaikan syarat ujian praktek seperti yang terlihat pada Gambar 5.24.

Gambar 5.24 Kendaraan Bergerak Melewati Garis Kuning Menuju Garis Merah

Setelah menyelesaikan syarat ujian praktek di SIM C stage 1 maka ditampilkan button next, back, dan restart yang terlihat pada Gambar 5.25.

(14)

Gambar 5.25 Tampilan Menyelesaikan Syarat Ujian SIM C Stage 1

Setelah menyelesaikan syarat ujian praktek di SIM C stage 1 dan user menekan button next, maka tampilan berubah menjadi SIM C stage 2 dan syarat ujian juga berubah, kendaraan diharuskan bergerak menuju garis kuning tetapi yang pertama kali harus dilewati adalah garis merah seperti yang terlihat pada Gambar 5.26.

Gambar 5.26 Kendaraan Bergerak Melalui Garis Kuning

(15)

Setelah menyelesaikan syarat ujian praktek di SIM C stage 2 dan user menekan button next, maka tampilan berubah menjadi SIM C stage 3 dan syarat ujian juga berubah, kendaraan diharuskan bergerak melewati tulisan in terlebih dahulu lalu maju mengikuti angka 8 dan menuju tulisan out yang dapat dilihat pada Gambar 5.28.

Gambar 5.28 Kendaraan Bergerak Melewati In Menuju Out

(16)

Setelah menyelesaikan syarat ujian praktek di SIM C stage 3 dan user menekan button next, maka tampilan berubah menjadi SIM C stage 4 dan syarat ujian juga berubah, kendaraan diharuskan bergerak melewati garis merah lalu menuju garis biru, dimana ketika mencapai garis biru user harus menekan button spasi pada keyboard yang dapat dilihat pada Gambar 5.30.

Gambar 5.30 Kendaraan Bergerak Melewati Garis Merah Menuju Garis Biru

Setelah menyelesaikan syarat ujian praktek di SIM C stage 4 maka ditampilkan button back, dan restart, karena pada stage ini merupakan stage terakhir sehingga button next dihilangkan seperti yang terlihat pada Gambar 5.31.

(17)

Selain itu untuk setiap stage dari SIM A dan SIM C juga memiliki pengecekan yang sama ketika kendaraan ingin keluar dari jalur. Pada saat kendaraan menabrak pembatas maka kendaraan dimundurkan kembali sehingga terlihat tidak dapat keluar seperti yang terlihat di Gambar 5.32.

Gambar 5.32 Kendaraan Tidak Bisa Keluar

5.5 Pengujian Game Simulasi Berkendara

Pada saat user masuk ke tampilan pilih tujuan seperti pada Gambar 3.14, user dapat memilih salah satu tujuan. Setelah memilih tujuan maka ditampilkan map dari game berkendara yang telah dibesarkan seperti Gambar 5.33.

(18)

Gambar 5.33 Tampilan Map Sesudah Dijalankan

Setelah masuk di dalam tampilan game, user dapat melihat mini map bewarna hitam yang ditampilkan sesuai dengan tujuan mana yang dipilih oleh user. Titik merah pada mini map berubah sesuai dengan tujuan yang dapat dilihat pada Gambar 5.33 dan Gambar 5.34. Pada Gambar 5.34 juga diperlihatkan bahwa kendaraan tidak dapat keluar dari jalan seperti yang terlihat pada saat menabrak pinggir jalan kecepatan kendaraan masih berada di 9, dan terdapat pengecekan ketika kendaraan melewati jalur yang salah, ditampilkan alert salah jalur.

(19)

Di dalam Game Simulasi Berkendara ini terdapat score yang digunakan sebagai syarat untuk menyelesaikan game apabila telah mencapai titik tujuan. Pada Gambar 5.35 merupakan tampilan ketika kendaraan kendaraan menuju titik tujuan.

Gambar 5.35 Sebelum Kendaraan Mencapai Titik Tujuan

. Ketika sampai di titik tujuan dengan score lebih dari 500 maka ditampilkan hasil akhir dengan pilihan button back dan button restart yang dapat dilihat pada Gambar 5.36 dimana button restart menampilkan tujuan yang harus dipilih lagi oleh user.

(20)

Sedangkan ketika kendaraan mencapai titik tujuan dengan score kurang dari 500 maka ditampilkan hasil seperti Gambar 5.37.

Gambar 5.37 Hasil Kedua Setelah Kendaraan Sampai Di Ttitik Tujuan

Pada Gambar 5.38 merupakan tampilan ketika kendaraan belum melanggar rambu lalu lintas.

Gambar 5.38 Sebelum Kendaraan Melanggar Rambu/ Marka/ Lampu Lalu Lintas

(21)

5.39, dimana pada Gambar 5.39 score berkurang karena kendaraan melanggar rambu lalu lintas.

Gambar 5.39 Setelah Kendaraan Melanggar Rambu/ Marka/

Lampu Lalu Lintas

Selain itu score juga dapat bertambah jika berhasil menjawab pertanyaan. Pertanyaan ditampilkan setiap kendaraan melewatai pos polisi/ rumah berwarna biru. Pada Gambar 5.40 soal belum dapat terlihat karena kendaraan belum sejajar dengan pos polisi.

(22)

Pada Gambar 5.41 merupakan tampilan soal ketika kendaraan sejajar dengan pos polisi, dimana jika user menjawab soal dengan benar, maka score bertambah.

Gambar 5.41 Setelah Kendaraan Melewati Pos Polisi

Setelah user memilih salah satu jawaban, maka tampilan pertanyaan ditutup atau dihilangkan dan user kembali menjalankan kendaraan seperti pada Gambar 5.42.

Gambar 5.42 Tampilan Pertanyaan Ditutup Dan Score Bertambah Setelah Menjawab Soal

(23)

5.6 Pengujian Editor Rambu

Pada saat user membuka aplikasi Editor Rambu, terdapat pilihan button di sebelah kiri yang ketika di tekan menampilkan tampilan awal editor rambu yang terlihat pada Gambar 5.43.

Gambar 5.43 Tampilan Awal Editor Rambu

Setelah user menekan button kategori rambu yang terdapat di bagian kiri map maka ditampilkan rambu-rambu di sebelah kanan yang dapat dilihat pada Gambar 5.44.

(24)

Setelah rambu tampil di sebelah kanan map, maka user dapat melakukan drag

and drop rambu ke dalam map sesuai dengan posisi yang diinginkan oleh user

yang dapat dilihat pada Gambar 5.45.

Gambar 5.45 Drag Salah Satu Rambu

Rambu yang sebelumnya di drag yang terlihat pada Gambar 5.45, harus di

drop ke posisi yang dinginkan sehingga rambu tampil di map dan rambu yang

sebelumnya di drag kembali ke posisi semula seperti yang terlihat pada Gambar 5.49.

Gambar 5.46 Drop Rambu

User juga dapat menghapus rambu yang ada di dalam map dengan cara

melakukan drag and drop rambu ke tempat sampah, yang dapat dilihat pada Gambar 5.47

(25)

Gambar 5.47 Menghapus Rambu Dari Map

Setelah user menambah atau menghapus rambu, user diharuskan menekan

button save untuk menyimpan kembali hasil dari drag and drop yang dilakukan.

Ketika menekan button save maka tampil file selector untuk menyimpan kordinat dan jenis rambu ke dalam file.txt seperti yang terlihat pada Gambar 5.48.

Gambar 5.48 Tampilan Pada Saat Button Save Ditekan

5.7 Uji Coba Program Oleh User

Untuk mengetahui pendapat user terhadap penggunaan aplikasi ini maka dilakukan penelitian penggunaan dari sistem ini. Sampel dalam penelitian ini adalah masyarakat umum. Untuk mengumpulkan data dalam penelitian ini maka digunakan angket yang berisi pertanyaan mengenai desain aplikasi, kemudahan

(26)

dalam menggunakan, informasi rambu yang diberikan, ketertarikan untuk mencoba kembali, dan manfaat aplikasi. Berdasarkan uji coba yang dilakukan kepada 10 user, maka didapat hasil yang ditunjukkan oleh Tabel 5.8.

Tabel 5.1 Hasil Kuesioner Sangat Jelek (Poin 1) Jelek (Poin 2) Cukup (Poin 3) Baik (Poin 4) Sangat Baik (Poin 5) Desain aplikasi 0 0% 0 0% 1 10% 7 70% 2 20% Kemudahan dalam menggunakan 0 0% 0 0% 5 50% 3 30% 2 20% Informasi rambu yang

diberikan 0 0% 0 0% 2 20% 4 40% 4 40% Ketertarikan untuk

mencoba kembali 0 0% 0 0% 0 0% 3 30% 7 70% Manfaat aplikasi yang

dibuat bagi user 0 0% 0 0% 1 10% 6 60% 3 30% Nilai keseluruhan 0 0% 0 0% 1 10% 5 50% 4 40%

Kesimpulan dari hasil kueisioner yaitu:

 10% user berpendapat desain aplikasi yang dibuat cukup, 70% user berpendapat baik, dan 20% user berpendapat sangat baik.

 50% user berpendapat kemudahan dalam menggunakan aplikasi cukup, 30% user berpendapat baik, dan 20% user berpendapat sangat baik.

 20% user berpendapat informasi rambu yang diberikan cukup, 40%

user berpendapat baik, dan 40% user berpendapat sangat baik.

 30% user berpendapat ketertarikan untuk mencoba aplikasi kembali baik, dan 70% user berpendapat sangat baik.

 10% user berpendapat manfaat aplikasi yang dibuat cukup, 60% user berpendapat baik, dan 20% user berpendapat sangat baik.

 10% user berpendapat niliai keseluruhan dari aplikasi cukup, 50% user berpendapat baik, dan 40% user berpendapat sangat baik.

Secara keseluruhan aplikasi yang dibuat mendapat tanggapan yang baik dari 10 responden, dan bermanfaat bagi user.