BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi Sistem Spesifikasi sistem berisi spesifikasi perangkat keras dan perangkat lunak yang diperlukan untuk menjalankan aplikasi virtual dressing room. Di bawah ini akan dijabarkan spesifikasi perangkat keras yang dibutuhkan. 4.1.1 Perangkat Keras Bagi Pengguna Untuk menjalankan aplikasi virtual dressing room, spesifikasi minimum dari PC atau laptop yang dibutuhkan adalah sebagai berikut: Prossesor : Intel Atom 1.6GHz Memory : 512 MB VGA : 128 MB Input : Mouse, Webcam Output : Monitor 1366 x 768 69
70 4.1.2 Perangkat Keras Pengujian Spesifikasi perangkat keras dari laptop yang digunakan untuk pengujian adalah: Prossesor : Intel Core i5-2430m CPU @ 2.40Ghz (4 CPUs) Memory : 8192 MB VGA : Intel HD Graphics 3000 Input : Webcam, Mouse Monitor : 1366 x 768 (32-bit) (60Hz) 4.1.3 Perangkat Lunak Untuk Pengguna Spesifikasi minimum perangkat lunak yang dibutuhkan untuk menjalankan aplikasi virtual dressing room pada sebuah toko adalah: Windows XP/Vista/7/8 Flash Player 9 (atau yang lebih baru) Sedangkan untuk dijalankan pada website, user harus memiliki: XAMPP XAMPP merupakan sebuah server localhost. Dibutuhkan hanya jika website tidak di host, karena website yang akan diakses dikembangkan dengan menggunakan bahasa pemrograman PHP, bahasa pemrograman yang membutuhkan server untuk dijalankan.
71 Web browser (Mozila Firefox, Google Chrome, Internet Explorer, dan lainnya) Plug-in Flash Player pada web browser 4.1.4 Perangkat Lunak Untuk Pengembangan Perangkat lunak yang digunakan dalam pengembangan aplikasi virtual dressing room adalah sebagai berikut : Adobe Flash Professional CS6 Digunakan untuk membuat aplikasi dengan menggunakan ActionScript 3.0 Adobe Dreamweaver CS6 Digunakan untuk membuat website sampel untuk mencoba implementasi aplikasi pada website Flash Player 11 Digunakan untuk melihat dan mencoba hasil pengkodean yang dilakukan pada Adobe Flash Mozila Firefox 18.0 Digunakan untuk melihat hasil dari pengkodean yang dilakukan pada Adobe Dreamweaver
72 4.1.5 Kebutuhan Sumber Daya Sumber daya yang dibutuhkan dalam implementasi virtual dressing room adalah seorang user dan seorang administrator. User akan berinteraksi secara langsung dengan aplikasi, sedangkan administrator bertugas untuk menambah, mengurangi, dan/atau mengganti model serta warna pakaian yang tersedia. 4.2 Prosedur Penggunaan Aplikasi 4.2.1 Proses Inisialisasi Awal 1. Pada saat aplikasi pertama kali dieksekusi, akan ditampilkan dua pilihan jenis kelamin yang berfungsi untuk membedakan gambar pakaian yang akan ditampilkan oleh aplikasi, seperti di bawah ini : Gambar 4.1 Tampilan Awal Aplikasi Virtual Dressing Room
73 2. Setelah user memilih jenis kelamin yang sesuai, aplikasi akan meminta izin untuk mengakses camera dan microphone dari PC atau laptop user. Gambar 4.2 Aplikasi Meminta Izin untuk Mengakses Camera dan Microphone dari PC atau Laptop
74 4.2.2 Proses Pemilihan Model Pakaian 1. Setelah user memberikan hak akses terhadap camera dan microphone kepada aplikasi, menu utama beserta pilihan model pakaian yang dapat dipilih akan ditampilkan. Gambar 4. 3 Tampilan Menu Utama Aplikasi Virtual Dressing Room
75 2. Untuk mengganti model pakaian, user dapat menggerakkan tangannya ke arah button < atau > Gambar 4.4 Tampilan Model Pakaian Setelah User Memilih Button < atau >
76 4.2.3 Proses Mengatur Ukuran Pakaian Untuk memperbesar dan memperkecil ukuran pakaian, user dapat menggerakkan tangannya ke button + atau - Gambar 4. 5 User Menggerakkan Tangan ke Button (-) Gambar 4. 6 Tampilan Model Pakaian Setelah Dikecilkan Ukurannya
77 4.2.4 Proses Menentukan Posisi Pakaian User dapat menentukan posisi pakaian dengan cara mengarahkan tangannya ke button ^ atau v. Gambar 4.7 Tampilan Model Pakaian Sebelum Posisinya Diubah Gambar 4.8 Tampilan Model Pakaian Setelah Posisinya Diturunkan
78 4.2.5 Proses Menentukan Warna Pakaian 1. Untuk menentukan warna pakaian, user harus terlebih dahulu masuk ke menu kedua dengan cara menggerakkan tangannya ke button Next menu yang berada di sisi kanan atas. Gambar 4.9 Tampilan Menu Kedua dari Aplikasi Virtual Dressing Room
79 2. Kemudian user memilih menu ^ atau v untuk memilih warna yang diinginkan. Warna yang akan didapat saat user menggerakkan tangan ke button-button tersebut dapat dilihat di sisi kanan aplikasi. Gambar 4.10 Tampilan Aplikasi Setelah Warna Model Pakaian Dirubah 4.2.6 Proses Pengambilan Gambar / Capture 1. Button untuk melakukan capture berada pada menu kedua dari aplikasi, sehingga user harus terlebih dahulu memilih Next menu apabila sebelumnya berada pada menu utama dari aplikasi. 2. Setelah menggerakkan tangan ke arah button capture, akan terlihat hitungan mundur dari 3 hingga 1 sebelum aplikasi mengambil gambar dari user.
80 3. Hasil capture akan ditampilkan pada sisi kanan bagian atas dari aplikasi. Gambar 4.11 Tampilan Aplikasi Setelah Melakukan Capture 4.3 Evaluasi 4.3.1 Evaluasi Pengguna Evaluasi dilakukan dengan menggunakan kuisioner yang disebarkan kepada 15 responden yang telah mencoba aplikasi virtual dressing room. Kuisioner terdiri dari 5 pertanyaan yang bertujuan untuk mengetahui hasil evaluasi dari sisi pengguna.
81 Hasil dari penyebaran kuisioner adalah sebagai berikut: 1. Apakah fitur-fitur dalam aplikasi ini sudah berjalan dengan baik? Tabel 4.1 Tabel Hasil Kuesioner Evaluasi Nomor 1 Pilihan Jumlah Responden Persentase Responden Ya 15 100% Tidak 0 0% Gambar 4. 12 Representasi Hasil Kuesioner Evaluasi Nomor 1 dalam Diagram Pie Pertanyaan ini ditujukan untuk mengetahui apakah menurut user, semua fitur yang terdapat di dalam aplikasi ini berjalan dengan baik.
82 Dari data di atas disimpulkan, 100% responden yang mencoba aplikasi ini menjawab bahwa semua fitur dalam aplikasi ini berjalan dengan baik.
83 2. Apakah tampilan aplikasi ini sudah nyaman dan mudah untuk digunakan? Tabel 4.2 Hasil Kuesioner Evaluasi Nomor 2 Pilihan Jumlah Responden Persentase Responden Ya 13 87% Tidak 2 13% Gambar 4.13 Representasi Hasil Kuesioner Evaluasi Nomor 2 dalam Daigram Pie Pertanyaan ini ditujukan untuk mengetahui apakah tampilan antarmuka pengguna (user interface) dalam aplikasi ini sudah nyaman bagi pengguna.
84 Dari hasil di atas, diperoleh 87% dari responden yang telah mencoba aplikasi ini merasa tampilan aplikasi sudah baik, sedangkan 13% responden yang lain merasa tampilan aplikasi belum sesuai. 3. Apakah Anda mengalami kesulitan saat menggunakan aplikasi ini? Tabel 4.3 Hasil Kuesioner Evaluasi Nomor 3 Pilihan Jumlah Responden Persentase Responden Ya 6 40% Tidak 9 60% Gambar 4.14 Representasi Hasil Kuesioner Evaluasi Nomor 3 Dalam Diagram Pie
85 Pertanyaan ini ditujukan untuk mengetahui apakah pengguna merasakan adanya kesulitan saat menggunakan aplikasi virtual dressing room. Dari hasil yang didapatkan, 40% dari responden yang telah mencoba aplikasi ini merasakan adanya kesulitan dalam penggunaannya. 4. Apabila ada kesulitan, apa kesulitan yang dirasakan? Pertanyaan ini ditujukan untuk mengetahui kesulitan apa saja yang dirasakan oleh user saat menggunakan aplikasi ini. 40% responden yang mengatakan bahwa mereka merasakan adanya kesulitan dalam penggunaan aplikasi virtual dressing room (jawaban ya pada pertanyaan nomor 3) menjawab dengan jawaban yang sama, yaitu kurang baiknya pendeteksian gerakan oleh aplikasi ini.
86 5. Apakah aplikasi ini berjalan sesuai dengan fungsinya? Tabel 4.4 Hasil Kuesioner Evaluasi Nomor 5 Pilihan Jumlah Responden Persentase Responden Ya 15 100% Tidak 0 0% Gambar 4.15 Representasi Hasil Kuesioner Evaluasi Nomor 5 Dalam Diagram Pie Pertanyaan ini bertujuan untuk mengetahui apakah aplikasi ini sudah sesuai dengan fungsinya, yaitu sebagai aplikasi yang membantu user dalam mencoba pakaian dan mengambil keputusan sebelum membeli pakaian.
87 Hasil dari pertanyaan ini didapat, 100% dari responden menganggap bahwa aplikasi ini sudah berjalan sesuai dengan fungsinya. 4.3.2 Evaluasi Penulis Tabel 4.5 Hasil Ujicoba Gerakan yang Ditangkap Banyaknya Gerakan yang Ditangkap Tombol Menu Aplikasi Satu Gerakan Dua / Lebih Gerakan Zoom In Berfungsi Tidak Berfungsi Zoom Out Berfungsi Tidak Berfungsi Next (memilih pakaian) Berfungsi Tidak Berfungsi Prev (memilih pakaian) Berfungsi Tidak Berfungsi Up (menaikkan posisi Berfungsi Tidak Berfungsi pakaian) Down (menurunkan posisi Berfungsi Tidak Berfungsi pakaian) Next Menu Berfungsi Tidak Berfungsi Prev Menu Berfungsi Tidak Berfungsi Next (memilih warna Berfungsi Tidak Berfungsi pakaian) Prev (memilih warna Berfungsi Tidak Berfungsi pakaian) Cap (melakukan capture) Berfungsi Tidak Berfungsi Setelah melakukan uji coba terhadap aplikasi virtual dressing room, hasil uji coba yang didapatkan adalah semua fitur yang dibuat telah berjalan dengan baik dan benar apabila gerakan yang ditangkap tidak lebih dari satu, sedangkan yang masih kurang optimal saat adanya gerakan lain selain user sendiri di dalam layar yang ditangkap.