Perancangan Sistem ANALISIS DAN PERANCANGAN SISTEM

31 Tabel 3.9. Target Output untuk Setiap Jenis Gerakan Tangan pada Percobaan dengan Enam Gerakan Tangan Jenis gerakan tangan Node 1 2 3 4 5 6 Gerakan tangan dari kiri ke kanan 1 Gerakan tangan dari kanan ke kiri 1 Gerakan tangan dari atas ke bawah 1 Gerakan tangan dari bawah ke atas 1 Gerakan tangan dari belakang ke depan 1 Gerakan tangan dari depan ke belakang 1 Output yang diharapkan pada pelatihan DNN untuk setiap gerakan tangan pada percobaan dengan empat jenis gerakan tangan dapat dilihat pada Tabel 3.10. Node pertama pada output layer menunjukkan apakah gerakan tangan merupakan gerakan tangan dari arah kiri ke kanan. Node kedua pada output layer menunjukkan apakah gerakan tangan merupakan gerakan tangan dari arah kanan ke kiri. Node ketiga pada output layer menunjukkan apakah gerakan tangan merupakan gerakan tangan dari arah atas ke bawah. Node keempat pada output layer menunjukkan apakah gerakan tangan merupakan gerakan tangan dari arah bawah ke atas. Tabel 3.10. Target Output untuk Setiap Jenis Gerakan Tangan pada Percobaan dengan Empat Gerakan Tangan Jenis gerakan tangan Node 1 2 3 4 Gerakan tangan dari kiri ke kanan 1 Gerakan tangan dari kanan ke kiri 1 Gerakan tangan dari atas ke bawah 1 Gerakan tangan dari bawah ke atas 1

3.3. Perancangan Sistem

Perancangan sistem pada penelitian ini dibagi menjadi dua bagian yakni perancangan sistem bagian belakang back-end dan perancangan sistem bagian depan front-end. Universitas Sumatera Utara 32 3.3.1. Perancangan sistem bagian belakang back-end Perancangan sistem bagian belakang back-end pada penelitian ini tidak menggunakan Graphical User Interface GUI. Perancangan sistem back-end lebih ditujukan kepada pemrogram sistem untuk melakukan pre-proses pre-processing, PCA , mengatur parameter untuk pelatihan DNN, serta melakukan pelatihan dan pengujian DNN dalam mengenali gerakan tangan manusia. Kemudian hasil pelatihan DNN yang telah sesuai akan digunakan pada sistem front-end untuk mengenali gerakan tangan manusia. 3.3.2. Perancangan sistem bagian depan front-end Perancangan sistem bagian depan front-end pada penelitian ini menggunakan Graphical User Interface GUI . Sistem front-end dirancang untuk membantu pengguna dalam melakukan interaksi manusia-komputer melalui gerakan tangan. Adapun beberapa aplikasi yang dapat digunakan oleh pengguna adalah file explorer, Windows Media Player untuk file musik, VLC media player untuk file video, Microsoft Power Point untuk file presentasi dan Acrobat Reader DC untuk PDF file. GUI sistem front-end yang dirancang terdiri dari tiga bagian yaitu bagian penjelasan penggunaan aplikasi, bagian panel kamera web, dan bagian keterangan yang menjelaskan bagaimana cara pengendalian aplikasi melalui gerakan tangan. Bagian penjelasan penggunaan aplikasi akan terbuka pada saat aplikasi dijalankan. Bagian penjelasan penggunaan aplikasi dirancang dengan tujuan agar pengguna dapat mengetahui apa saja yang dapat dilakukan aplikasi pada saat dijalankan. Gambaran rancangan tampilan bagian penjelasan penggunaan aplikasi dapat dilihat pada Gambar 3.2. Gambar 3.2. Rancangan Bagian Penjelasan Penggunaan Aplikasi Universitas Sumatera Utara 33 Bagian panel kamera web juga akan terbuka ketika aplikasi dijalankan sehingga dapat menangkap gerakan yang dilakukan oleh pengguna secara langsung. Bagian panel kamera web dirancang agar pengguna dapat melihat gambar yang ditangkap oleh kamera web secara real-time dan memberi informasi ke pengguna mengenai jenis gerakan tangan yang telah dikenali oleh sistem. Gambar rancangan tampilan panel kamera web dapat dilihat pada Gambar 3.3. Gambar 3.3. Rancangan Bagian Panel Kamera Web Setelah sistem dijalankan dan gerakan tangan dikenali untuk pertama kali, maka bagian penjelasan penggunaan aplikasi akan ditutup dan akan terbuka file explorer untuk memilih file yang akan dibuka. Pemilihan file dilakukan melalui gerakan tangan. Untuk membantu pengguna dalam mengendalikan aplikasi, maka dirancang bagian keterangan yang menjelaskan bagaimana cara pengendalian aplikasi melalui gerakan tangan. Hal ini dilakukan agar pengguna dapat mengetahui jenis gerakan tangan apa yang harus dilakukan sehingga aplikasi yang sedang terbuka dapat dikendalikan sesuai dengan keinginan pengguna. Bagian keterangan ini akan terbuka ketika terdapat aplikasi file explorerWindows Media PlayerVLC media playerMicrosoft Power PointAcrobat Reader DC terbuka. Bagian keterangan mengenai cara pengendalian aplikasi melalui gerakan tangan akan berbeda isinya sesuai dengan aplikasi yang sedang dibuka. Gambaran rancangan tampilan bagian keterangan mengenai cara pengendalian aplikasi melalui gerakan tangan dapat dilihat pada Gambar 3.4. Universitas Sumatera Utara 34 Gambar 3.4. Rancangan Bagian Keterangan mengenai Cara Pengendalian Aplikasi Melalui Gerakan Tangan Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN