BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi 4.1.1 Spesifikasi Sistem Hardware Spesifikasi hardware yang disarankan untuk menjalankan aplikasi ini adalah sebagai berikut: Processor Intel Pentium 4 1.6 GHz Memory (RAM) 512 MB Harddisk space ± 500MB Monitor resolusi 1024x768 Speaker Mouse Keyboard 4.1.2 Spesifikasi Sistem Software Spesifikasi software yang disarankan untuk menjalankan aplikasi ini adalah sebagai berikut: Sistem operasi Windows XP, Windows Vista, Windows 7 Adobe Flash Player 106
107 4.1.3 Tampilan Layar Front-End Untuk menjalankan apikasi, klik dua kali icon pelatihan wawancara kerja. A. Tampilan Splash Screen Gambar 4.1 Tampilan Splash Screen Logo Gambar 4.2 Tampilan Splash Screen Selamat Datang Ketika aplikasi pertama kali dijalankan, maka akan muncul splash screen berupa logo dari aplikasi wawancara kerja kemudian berubah menjadi teks
108 selamat datang dan akan secara otomatis masuk ke dalam halaman Data Diri. B. Tampilan Data Diri Gambar 4.3 Tampilan Data Diri Pada halaman ini user akan diminta untuk mengisi data diri berupa pemilihan jenis kelamin dan input nama. Hasil nama yang telah di input akan di tampilkan pada Menu Utama dan jenis kelamin yang telah dipilih akan berpengaruh pada saran yang diberikan. Pada halaman ini dan halaman lainnya terdapat tombol sound diatas pojok kanan, user dapat langsung menghidupkan atau mematikan suara dengan cara menekan tombol sound tersebut.
109 C. Tampilan Menu Utama Gambar 4.4 Tampilan Menu Utama Pada halaman menu utama ini, user dapat melihat keseluruhan tombol menu yang ada di bawah. Pada halaman ini, terdapat empat bagian utama yang dapat diakses oleh user, yaitu Menu Simulasi, Menu Panduan, Menu Saran, dan Keluar. D. Tampilan Memilih Profesi Gambar 4.5 Tampilan Halaman Memilih Profesi Halaman ini tardapat pada menu simulasi, saat user memilih menu simulasi maka user diharuskan memilih jenis profesi terlebih dahulu.
110 Terdapat tiga pilihan profesi, yaitu Programmer, System Analyst, dan Multimedia Developer. Setiap profesi memiliki jenis pertanyaan yang berbeda-beda. E. Tampilan Simulasi Gambar 4.6 Tampilan Halaman Simulasi Pada halaman ini user akan melakukan simulasi wawancara, user akan diberikan beberapa pertanyaan seputar wawancara kerja berupa pertanyaan umum dan teknikal. Setelah user menjawab pertanyaan maka akan muncul feedback berdasarkan jawaban user.
111 F. Tampilan Hasil Simulasi Gambar 4.7 Tampilan Halaman Hasil Simulasi Halaman ini menampilkan persentase dari jawaban hasil simulasi wawancara kerja. Untuk melihat secara keseluruhan hasil wawancara, user dapat menekan tombol Analisis. G. Tampilan Analisis Jawaban Gambar 4.8 Tampilan Halaman Analisis Jawaban Halaman ini merupakan hasil analisis keseluruhan dari simulasi wawancara kerja yang telah dilakukan. Pada halaman analisis berisi
112 tentang pertanyaan yang diajukan, jawaban dari user, jawaban benar berdasarkan pertanyaan, dan feedback. H. Tampilan Panduan Gambar 4.9 Tampilan Halaman Panduan Halaman ini merupakan panduan seputar penggunaan aplikasi. Panduan yang diberikan berupa video. Ketika user masuk pada halaman ini, maka video akan diputar secara otomatis. I. Tampilan Saran Halaman ini berisi saran umum dalam menghadapi wawancara kerja. Saran yang diberikan dimulai dari masalah penampilan, cara bersikap, bahasa tubuh, dan nada suara.
113 Gambar 4.10 Tampilan Halaman Saran Penampilan Wanita 4.1.4 Tampilan Layar Back-End Back-end digunakan untuk mengubah data yang digunakan pada aplikasi pelatihan wawancara kerja. Gambar 4.11 Tampilan Halaman Login
114 Gambar 4.12 Tampilan Halaman Error Message Username dan Password Kosong Gambar 4.13 Tampilan Halaman Error Message Username dan Password Salah Halaman ini merupakan tampilan awal pada aplikasi admin pelatihan wawancara kerja (lihat Gambar 4.11). Untuk menggunakan aplikasi ini, admin akan diminta untuk mengisi username dan password pada kolom yang tersedia. Selanjutnya admin dapat menekan tombol login untuk masuk ke dalam aplikasi. Apabila username dan password tidak diisi, maka sistem akan menampilkan error message username dan password harus diisi (lihat Gambar 4.12 ), jika username dan password tidak sesuai maka sistem akan
115 menampilkan Error Message yang memberitahukan username atau password salah (lihat Gambar 4.13). Gambar 4.14 Tampilan Halaman Mengubah Data Halaman ini merupakan halaman admin untuk mengubah seluruh data berdasarkan kategori. Data yang dapat diubah adalah soal, jawaban, feedback, dan score.
116 Gambar 4.15 Tampilan Halaman Error Message Textbox Halaman ini menampilkan error message yang menunjukan bahwa textbox harus diisi semua pada saat admin mengubah data apabila terdapat salah satu textbox yang kosong. Gambar 4.16 Tampilan Halaman Konfirmasi Update Data
117 Gambar 4.17 Tampilan Halaman konfirmasi data berhasil diubah Pada saat admin telah selesai melakukan ubah data dan ingin meng-update data maka akan muncul konfirmasi (lihat Gambar 4.16). Setelah admin menekan tombol Yes maka akan muncul konfirmasi data berhasil diubah (lihat Gambar 4.17). Gambar 4.18 Tampilan Halaman Konfirmasi Logout Halaman ini menampilkan konfirmasi kepada admin pada saat menekan tombol logout.
118 4.2 Evaluasi 4.2.1 Evaluasi Aplikasi Berdasarkan Eight Golden Rules 1. Konsistensi Bentuk konsistensi pada aplikasi dapat dilihat pada latar belakang yang sama pada setiap menu, jenis font yang digunakan, warna dominan di setiap menu, letak tombol yang sama dan design layout yang sama disetiap halaman. Gambar 4.19 Contoh Evaluasi Konsistensi 2. Melayani kebutuhan universal Aplikasi dirancang agar digunakan oleh banyak user, terutama mahasiswa teknik informatika universitas Bina Nusantara. Penggunaan tombol pada aplikasi ini tidak terlalu kecil agar mudah digunakan oleh user dari berbagai kalangan usia dan tersedia panduan bagi user pemula.
119 Gambar 4.20 Contoh Evaluasi Kegunaan Universal 3. Memberikan umpan balik yang informatif Setiap tindakan yang dilakukan oleh user diberikan umpan balik agar interaksi dapat dirasakan oleh user. Misalnya, pada saat user memilih jenis profesi, maka sistem akan menandakan profesi yang telah dipilih dengan mengurangi transparansi profesi yang lain.
120 Gambar 4.21 Contoh Evaluasi Umpan Balik Informatif 4. Merancang dialog yang memberikan keadaan akhir User dapat mengetahui keadaan akhir, yaitu berupa presentase hasil jawaban pada akhir simulasi wawancara kerja.
121 Gambar 4.22 Contoh Evaluasi Dialog Penutupan 5. Mencegah Kesalahan Apabila user melakukan kesalahan, maka sistem harus dapat mendeteksi kesalahannya dan memberikan petunjuk untuk memperbaikinya. Contohnya saat user berada pada halaman data diri, user sudah memilih jenis kelamin kemudian menekan tombol lanjut tetapi lupa untuk memasukkan nama maka akan ada error message yang meminta agar user memasukkan nama.
122 Gambar 4.23 Contoh Evaluasi Mencegah Kesalahan 6. Memberikan pembalikan aksi yang mudah Aksi yang sudah dilakukan oleh user dapat diulang kembali ke kondisi yang sebelumnya. Contoh pada saat user berada di halaman hasil simulasi wawancara, user dapat menekan tombol menu utama pada pojok kiri bawah maka sistem akan langsung membawa user pada halaman utama aplikasi.
123 Gambar 4.24 Contoh Evaluasi Pembalikan Aksi yang Mudah 7. Mendukung pusat kendali internal User dapat mengendalikan program-program yang ada dalam sistem. Dalam aplikasi ini pusat kendali internal dalam bentuk sound yang terdapat di pojok kanan atas setiap layer. User dapat menghentikan dan menghidupkan sound meskipun pada saat melakukan simulasi. Gambar 4.25 Contoh Evaluasi Pusat Kendali Internal
124 8. Mengurangi beban daya ingat jangka pendek Tampilan setiap halaman dibuat secara sederhana dan navigasi yang mudah, seperti letak sound yang selalu sama, bentuk dan warna tombol atau judul setiap halaman sama, sehingga memudahkan user mencari navigasi yang ada dan mengurangi beban ingatan user. Gambar 4.26 Contoh Evaluasi Mengurangi Beban Daya Ingat Jangka Pendek 4.2.2 Evaluasi Aplikasi Berdasarkan Lima Elemen Multimedia Penerapan lima elemen multimedia dalam aplikasi ini adalah sebagai berikut: 1. Teks Dalam aplikasi Simulasi Wawancara Kerja ini menggunakan teks sebagai nama tombol, error message, pertanyaan dan jawaban simulasi, hasil atau summary dari simulasi, analisis jawaban, dan penjabaran dari saran.
125 Gambar 4.27 Contoh Penggunaan Teks 2. Suara Format suara yang digunakan dalam aplikasi ini adalah.mp3 yang digunakan untuk background musik saat user menggunakan aplikasi ini, dan.wav pada setiap tombol yang ada dalam aplikasi. Gambar 4.28 Contoh Penggunaan Suara
126 3. Gambar Sebagian informasi menggunakan gambar karena dengan menggunakan gambar informasi dapat disampaikan dengan lebih mudah. Gambar 4.29 Contoh Penggunaan Gambar 4. Video Penggunaan video pada aplikasi ini terdapat pada menu panduan, yang berfungsi sebagai panduan penggunaan dari aplikasi simulasi wawancara kerja ini.
127 Gambar 4.30 Contoh Penggunaan Video 5. Animasi Pada seluruh layer pada aplikasi ini mengandung animasi. Contoh pada pada saat splash screen, penggunaan tombol. Gambar 4.31 Contoh Penggunaan Animasi
128 4.2.3 Evaluasi Aplikasi Sejenis Evaluasi dengan aplikasi sejenis dilakukan untuk membandingkan fitur-fitur aplikasi sejenis terhadap fitur dan fungsi yang ada pada aplikasi simulasi wawancara kerja. Adapun aplikasi yang menjadi pembanding adalah My Interview Simulator, Interview Simulation, dan Career Games. Berikut adalah tabel perbandingan antara Simulasi Wawancara dengan Aplikasi sejenis. Tabel 4.1 Perbandingan Aplikasi Dengan Aplikasi Sejenis Fitur My Interview Simulation Interview Simulation Career Games Simulasi Wawancara Basis Flash HTML HTML Flash Animasi Ada Tidak ada Tidak ada Ada Pemilihan Karakter Tidak ada Ada Tidak ada Ada Pilihan Jawaban Tidak ada Ada Ada Ada Suara Ada Tidak ada Tidak ada Ada Tutorial aplikasi Tidak ada Tidak ada Tidak ada Ada Feedback Jawaban Tidak ada Ada Ada Ada Saran / Tips Ada Ada Ada Ada
129 4.2.4 Hasil Evaluasi dengan Binus Career Berdasarkan demo yang telah ditunjukkan pada tanggal 5 Januari 2013 kepada salah satu staff Binus Career yaitu Bapak Iqbal sebagai Promotion Officer yang menyatakan bahwa Aplikasi ini sudah cukup menarik tetapi animasi yang terdapat dalam aplikasi harus lebih dimaksimalkan. 4.2.5 Evaluasi Aplikasi Berdasarkan Kepuasan User Untuk mengetahui kepuasan user dalam menggunakan aplikasi ini, maka dilakukan evaluasi terhadap aplikasi dengan melakukan uji coba aplikasi kepada user dan membagikan kuesioner kepada user. Berikut data yang berhasil dikumpulkan dengan mengajukan 12 pertanyaan dengan responden sebanyak 36 orang. Adapun pertanyaan dan data yang berhasil dikumpulkan adalah sebagai berikut: 1. Apakah Anda mahasiswa atau lulusan teknik informatika? Gambar 4.32 Hasil Jawaban Kuesioner Nomor 1 Pertanyaan ini diajukan untuk mengetahui status responden. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden adalah mahasiswa Teknik Informatika
130 2. Apakah Anda merasa mudah dalam menggunakan aplikasi ini? Gambar 4.33 Jawaban Hasil Kuesioner Nomor 2 Pertanyaan ini diajukan untuk mengetahui pengaruh tampilan desain terhadap kemudahan pengguna dalam menggunakan aplikasi. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden merasa tampilan desain sama sekali tidak menyulitkan user dalam menggunakan aplikasi, malah sebaliknya, mayoritas user merasa sangat mudah menggunakan aplikasi ini.
131 3. Apakah Anda pernah melakukan kesalahan saat menggunakan aplikasi ini? Gambar 4.34 Hasil Jawaban Nomor 3 Pertanyaan ini diajukan untuk mengetahui tingkat kesalahan yang sering dilakukan saat menggunakan aplikasi. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden tidak pernah melakukan kesalahan saat menggunakan aplikasi ini. 4. Apakah letak tombol-tombol yang ada mudah diingat saat Anda menggunakan aplikasi ini? Gambar 4.35 Hasil Jawaban Nomor 4 Pertanyaan ini diajukan untuk mengetahui tingkat kesulitan saat menggunakan tombol navigasi pada aplikasi ini. Berdasarkan grafik di atas,
132 dapat disimpulkan mayoritas responden merasa sangat mudah dalam penggunaan tombol navigasi. 5. Apakah saran yang diberikan sudah membantu Anda untuk menghadapi wawancara kerja? Gambar 4.36 Hasil Jawaban Nomor 5 Pertanyaan ini diajukan untuk mengetahui manfaat saran yang diberikan untuk menghadapi wawancara kerja. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden merasa saran yang diberikan dalam aplikasi ini sangat membantu untuk menghadapi wawancara kerja. 6. Apakah animasi dan gambar pada aplikasi ini menarik untuk digunakan?
133 Gambar 4.37 Hasil Jawaban Nomor 6 Pertanyaan ini diajukan untuk mengetahui kemenarikan animasi dan gambar dalam aplikasi. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden merasa animasi dan gambar dalam aplikasi sudah menarik. 7. Apakah panduan pada menu utama dapat membantu Anda untuk menggunakan aplikasi ini? Gambar 4.38 Hasil Jawaban Nomor 7 Pertanyaan ini diajukan untuk mengetahui manfaat panduan yang terdapat dalam aplikasi. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden merasa panduan yang diberikan membantu dalam menggunakan aplikasi.
134 8. Berapa lama waktu yang Anda butuhkan saat menjalankan aplikasi hingga selesai melakukan simulasi? Gambar 4.39 Hasil Jawaban Nomor 8 Pertanyaan ini diajukan untuk mengetahui waktu yang dibutuhkan saat menggunakan aplikasi. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden sangat cepat dan cepat untuk menjalankan aplikasi hingga selesai melakukan simulasi. 9. Apakah analisis jawaban pada akhir simulasi dapat membantu Anda untuk melakukan evaluasi simulasi wawancara kerja Anda?
135 Gambar 4.40 Hasil Jawaban Nomor 9 Pertanyaan ini diajukan untuk mengetahui manfaat dari analisis jawaban. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden merasa analisis jawaban yang diberikan sangat membantu dalam mengevaluasi hasil simulasi wawancara. 10. Secara keseluruhan, apakah aplikasi ini dapat membantu Anda untuk mempersiapkan diri dalam melakukan wawancara kerja? Gambar 4.41 Hasil Jawaban Nomor 10 Pertanyaan ini diajukan untuk mengetahui manfaat dari aplikasi simulasi untuk menghadapi wawancara kerja. Berdasarkan grafik di atas, dapat
136 disimpulkan mayoritas responden merasa aplikasi ini sangat membantu dalam mempersiapkan diri untuk wawancara kerja. 11. Menurut Anda apa saja yang perlu dikembangkan pada aplikasi ini? Gambar 4.42 Hasil Jawaban Nomor 11 Pertanyaan ini diajukan untuk mengetahui pengembangan dari aplikasi ini. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden merasa pengembangan yang perlu dilakukan dalam aplikasi ini adalah animasi, pertanyaan dan jawaban. 12. Secara keseluruhan, apakah Anda merasa puas untuk menggunakan aplikasi ini?
137 Gambar 4.43 Hasil Jawaban Nomor 12 Pertanyaan ini diajukan untuk mengetahui tingkat kepuasan user dari aplikasi ini. Berdasarkan grafik di atas, dapat disimpulkan mayoritas responden merasa puas dengan aplikasi wawancara kerja ini.
138