rancang bangun aplikasi papan tulis virtual … · nama : adam gegi yowanda nrp : 5110100165...
TRANSCRIPT
Nama : Adam Gegi Yowanda
NRP : 5110100165
Angkatan : 2010
RANCANG BANGUN APLIKASI PAPAN TULIS VIRTUAL DENGAN MENGGUNAKAN LEAP MOTION
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Dipublikasikan secara umum pada Juli 2013.
• Ukuran yang kecil.
• Mendukung deteksi sepuluh jari.
Diciptakannya Leap Motion
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Dukungan terhadap Leap Motion
• Integrasi langsung dengan laptop dan keyboard.
• Riset untuk Google Glass.
• Dukungan integrasi di masa mendatang.
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Interaksi manusia dan komputer di masa depan.
• Teknologi baru.
• Belum matang dan ruang riset masih luas.
Teknologi Nirsentuh
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Belum ada atau masih jarang.
• Fungsionalitas yang berbeda.
Aplikasi sejenis
Photoshop InkScape MS Paint PenUltimate Papyrus
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Menangani masukan pengguna tanpa adanya tombol dan alat bantu.
• Meningkatkan ketepatan atau akurasi dalam menulis.
• Implementasi Ramer-Douglas-Peucker Line-Simplification Algorithm untuk memperhalus tulisan.
• Pemanfaatan gesture recognition.
Rumusan Masalah
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Berjalan pada sistem operasi minimal Windows 7.
• Pengembangan dilakukan dengan menggunakan:▫ Leap Motion SDK 1.x.
▫ Bahasa pemrograman C#.
▫ IDE Visual Studio 2013.
Batasan Masalah
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Leap Motion SDK.
• Algoritma Ramer-Douglas-Peucker (RDP).
• Kontrol antarmuka nirsentuh.
• Pengenalan tulisan tangan.
Komponen Penyusun Aplikasi
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Mendukung banyak bahasa pemrograman antara lain Phyton, C#, C++, JS, Objective-C, dan Java.
• Mendeteksi permodelan tangan.
• Mendeteksi permodelan jari.
• Gesture recognition.
• Kekurangan ada pada backward compatibility
Leap Motion SDK
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Penghalusan garis dengan mengurangi titik pembentuk lintasan garis.
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Algoritma RDP
A
B
C
DE
F
G
H
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Cari ujung awal dan akhir dari garis (AH).
• Area ε (epsilon) : jika titik berada di dalamnya maka akan direduksi.
Algoritma RDP
A
B
C
DE
F
G
H
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Cari titik dengan jarak tegak lurus terjauh.
Algoritma RDP
d
A
B
C
DE
F
G
H
22
|)()()(|
HA
HyAyCxAyCyHxCyHyAxd
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Titik C berada di luar area epsilon, tidak direduksi.
• Lakukan langkah rekursif mencari titik tegak lurus terjauh dengan titik C sebagai ujung akhir.
Algoritma RDP
A
B
C
DE
F
G
H
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Titik B adalah titik tegak lurus terjauh dari AC.
• Titik B berada pada area epsilon.
Algoritma RDP
C
A
E
A
B DE
F
G
H
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
• Reduksi titik B.
• Dari titik C buat garis lurus dengan titik ujung garis yaitu H.
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
• Titik E adalah titik tegak lurus terjauh dari garis CH.
• Titik E berada di luar area epsilon.
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Ulangi semua langkah hingga tersisa titik-titik yang berada di luar area epsilon.
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Antara titik G dan H sudah tidak ada titik lagi, pada poin inilah rekursi berakhir.
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Garis awal ditunjukkan dengan garis putus-putus.
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
A
B
C
DE
F
G
H
Hasil akhir garis setelah dilakukan algoritma RDP.
Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Ada 10 kontrol antarmuka baru pada aplikasi ini.
• Dibangun untuk meningkatkan ketepatan pengguna.
• Disesuaikan dengan penggunaan nirsentuh.
• Menerapkan gesture recognition pada beberapa kontrol.
Kontrol Antarmuka Nirsentuh
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Papan Tulis Utama
Panel Riwayat
Panel Kontrol
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Pengubah Warna
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Pengubah Nilai
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Pengenalan Tulisan Tangan
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Virtual Keyboard
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Pengubah Bahasa
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Pengubah Jenis Font
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Pengubah Gaya Font
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Kotak Pesan
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Pemuat Papan
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Kalibrasi Leap Motion
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Dibuat untuk mengatasi kekurangan dari Leap Motion.▫ Jeda (delay).
▫ Blind spot.
▫ Kehilangan presisi karena cahaya eksternal.
Pengenalan Tulisan Tangan
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Menggunakan pustaka dari Microsoft yaitu Microsoft Ink.
• Terintegrasi dengan sistem operasi.
• Mendukung 26 bahasa di seluruh dunia.
• Bahasa Indonesia belum didukung oleh Microsoft Ink.
• Aplikasi hanya mendukung huruf tegak bersambung.
Pengenalan Tulisan Tangan
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Bahasa Paket Unduhan Bahasa
Catalan Spanish
Chinese (Simplified) Chinese (Simplified)
Chinese (Traditional) Chinese (Traditional)
Croatian Croatian
Czech Czech
Danish Danish
Dutch DutchEnglish (U.S. and U.K.) Tersedia dari awal
Finnish Finnish
French French
German German
Italian Italian
Bahasa yang Didukung oleh MS InkBahasa Paket Unduhan Bahasa
Japanese Japanese
Korean Korean
Norwegian (Bokmål) Norwegian
Norwegian (Nynorsk) Norwegian
Polish Polish
Portuguese (Brazil) Portuguese (Brazil)
Portuguese (Portugal) Portuguese (Portugal)
Romanian Romanian
Russian Russian
Serbian Latin Serbian Latin
Serbian Cyrillic Serbian Latin
Spanish Spanish
Swedish Swedish
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Pengujian dilakukan menjadi tiga bagian yaitu:
1. Pengujian kasus penggunaan.
2. Pengujian algoritma RDP.
3. Evaluasi hasil survei.
• Pengujian kasus penggunaan menggunakan pengujian black box.
Pengujian dan Evaluasi
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
No Kode Pengujian Nama PengujianHasil Pengujian
1SUC-D01 Pengujian Membuat Coretan dengan Kuas Virtual Berhasil
2SUC-D02 Pengujian Mengubah Warna Kuas Berhasil
3SUC-D03 Pengujian Mengubah Ukuran Kuas Berhasil4SUC-D04 Pengujian Menghapus Coretan Berhasil
5SUC-D05Pengujian Menulis dengan Menggunakan Pengenalan Tulisan Tangan Berhasil
6SUC-D06Pengujian Memilih Bahasa Pengenalan Tulisan Tangan Berhasil
7SUC-D07Pengujian Menulis dengan Menggunakan Virtual Keyboard Berhasil
8SUC-D08 Pengujian Mengubah Ukuran Font Berhasil
9SUC-D09Pengujian Memilih Jenis Font Melalui Panel Kontrol Berhasil
10SUC-D10Pengujian Memilih Font Style Melalui Panel Kontrol Berhasil
Rekapitulasi Pengujian Kasus Penggunaan (1)
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
No Kode Pengujian Nama PengujianHasil Pengujian
11SUC-D11 Pengujian Mengubah Warna Font Berhasil12SUC-D12 Pengujian Menghapus Tulisan Berhasil13SUC-D13 Pengujian Membersihkan Papan Berhasil14SUC-D14 Pengujian Membuat Papan Baru Berhasil15SUC-D15 Pengujian Menyimpan Papan Tulis Berhasil16SUC-D16 Pengujian Memilih Papan untuk Dimuat Berhasil17SUC-D17 Pengujian Mengkalibrasi Leap Motion Berhasil18SUC-D18 Pengujian Mengubah Warna Papan Tulis Berhasil19SUC-D19 Pengujian Mengubah Warna Aksen Berhasil20SUC-D20 Pengujian Mengakses Riwayat Papan Tulis Berhasil
Rekapitulasi Pengujian Kasus Penggunaan (2)
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Pengujian dilakukan pada huruf kecil alfabet tegak bersambung.
• Epsilon atau toleransi yang digunakan adalah konstan yaitu 5.
• Hasil garis yang telah diproses memiliki jumlah titik sekitar 2-4 persen dari garis awal.
Pengujian Algoritma RDP
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
Pengujian Algoritma RDP
2.43%
3.90%
0.00%
0.50%
1.00%
1.50%
2.00%
2.50%
3.00%
3.50%
4.00%
4.50%
a b c d e f g h i j k l m n o p q r s t u v w x y z
Persentase Tingkat Reduksi
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
No Aspek PengujianPersentase Setuju
1Leap Motion Sebagai Alat Tulis dan Gambar Nirsentuh 100%
2Pembuatan Kontrol Pengguna yang Disesuaikan dengan Penggunaan Nirsentuh 87%
3Metode Menulis - Pengenalan Tulisan Tangan 53%
4 Metode Menulis - Virtual Keyboard 53%5 Penggunaan Pengenalan Gerakan 73%
Evaluasi Hasil Survei
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165
• Aplikasi dapat dioperasikan secara nirsentuh.
• Kontrol antarmuka baru dibuat untuk meningkatkan ketepatan penggunaan.
• Algoritma RDP mampu melakukan reduksi sehingga jumlah titik penyusun berkurang hingga tinggal 2-4 persennya saja.
• Pengenalan tulisan tangan dan virtual keyboard dapat meningkatkan ketepatan dalam menulis.
Kesimpulan
SIDANG TUGAS AKHIR | ADAM GEGI YOWANDA | 5110100165