RANCANG BANGUN APLIKASI PAPAN TULIS VIRTUAL … · Nama : Adam Gegi Yowanda NRP : 5110100165...

Preview:

Citation preview

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

Recommended