• convexityDefects
: hasil keluaran Convexity Defects. Berikut ini adalah gambar dari proses pendeteksian convex-hull pada penelitian
ini yang dapat dilihat dari gambar 3.4
Gambar 3.4 Hasil dari Convexity defects
3.3 Use Case Diagram
Use Case Diagram adalah gambaran graphical dari beberapa atau semua actor, use case, dan interaksi diantaranya yang memperkenalkan suatu sistem.Use case dari
aplikasi Augmented Reality Bangunan Heritage Kota Medan dapat dilihat pada
Gambar 3.5
Gambar 3.5Use case diagram
Element - elemen pada Use Case Diagram : •
User :Mempresentasikan seseorang atau sesuatuseperti perangkat,system lain yang berinteraksi dengan sistem. Actor
hanya berinteraksi dengan use case tetapi tidak memiliki kontrol atas use case. Pada penelitian ini, tugas-tugas actor
Start
System USER
Capture Video Capture Gesture
Gesture Recognition
Scene Result Marker Detection
Universitas Sumatera Utara Universitas Sumatera Utara
yaitu membuka aplikasi, scan gestur jari tangan pada saat pemilihan scene.
• System
: Pada aplikasi ini, system bertugas untuk penangkapan kamera, penangkapan gesture jari user menggunakan OpenCV dan
mengenali gesture tersebut menggunakan metode yang telah dijelaskan diatas, juga mendeteksi marker yang ada
menggunakan library Vuforia serta menampilkan hasil yang ada.
3.4 Diagram Aktivitas
Diagram aktivitas atau activity diagram adalah diagram yang menggambarkan aktivitas yang terjadi selama sistem dijalankan. Diagram aktivitas mendeskripsikan
bagaimana awal proses dimulai, keputusan tindakan yang dilakukan dan bagaimana akhir atau hasil dari proses tersebut. Diagram aktivitas pada aplikasi ini dapat dilihat
dari gambar 3.6 berikut
USER SISTEM
Gambar 3.6 Activity diagram
Buka Aplikasi Menampilkan Halaman Video
pengenalan
Menampilkan Halaman Pemilihan Scene
Scan Jari
Identifikasi Marker AR Identifikasi Jari
Halaman Scene Pencocokan
Tidak Ya
Setelah beberapa waktu yang ditentukan
Universitas Sumatera Utara Universitas Sumatera Utara
3.5 Perancangan Antarmuka
Pada tahap ini akan dilakukan perancangan antar muka dari sistem pengenalan gerakan tangan yang digunakan untuk pemilihan scene pada Unity. Rancangan antar
muka ini diharapkan agar dapat membuat pengguna lebih tetarik dan kemudahan dalam pengaplikasiannya. Pada penelitian ini ada terdapat 3 halaman rancangan antar
muka,yaitu halamn utama, halaman pemilihan scene, halaman tampilan scene. 3.5.1
Rancangan Tampilan Halaman Splash Halaman utama merupakan halam pertama yang muncul saat aplikasi dijalankan.
Rancangan halaman utama dapat dilihat pada gambar 3.7 dibawah ini
Gambar 3.7 Rancangan Halaman Splash
Keteragan :
1.
Frame ini berisi •
Judul frame •
Tombol Close, yang berfungsi untuk mengakhiri aplikasi tersebut, •
Tombol Maximized Untuk memperbesar jendela Excel XP sehingga terlihat dalam satu layar penuh. Setelah jendela Excel terlihat satu layar
penuh
2. Animated Loader
Universitas Sumatera Utara Universitas Sumatera Utara
• Tombol Minimize Untuk memperkecil jendela aplikasi sehingga
membentuk icon aktif pada Taskbar.
2.
Animated loader yang berisi video animasi yang menjelaskan detil isi scene yang ada.
3.5.2 Rancangan Tampilan Pemilihan Scene
Setelah rancangan halaman utama terbuka selama beberapa waktu, maka akan berpindah secara otomatis ke halaman pemilihan scene, halaman ini berisi frame
OpenCV untuk pemilihan sceneyang diinginkan pengguna.berikut adalah penjelasan dari rancangan halaman pemilihan sceneyang dapat dilihat pada gambar 3.8 berikut.
Gambar 3.8 Rancangan Halaman Pemilihan Scene
Keterangan :
1.
Frame ini berisi •
Judul frame •
Tombol Close, yang berfungsi untuk mengakhiri aplikasi tersebut, •
Tombol Maximized Untuk memperbesar jendela sehingga terlihat dalam satu layar penuh. Setelah jendela Excel terlihat satu layar penuh
• Tombol Minimize Untuk memperkecil jendela aplikasi sehingga
membentuk icon aktif pada Taskbar.
Universitas Sumatera Utara Universitas Sumatera Utara
2.
Slider yang digunakan untuk mengatur range dari HSV yang berfungsi untuk segmentasi citra pada OpenCV
3.
Panel yang menampilkan hasil proses OpenCV yang berfungsi untuk pemilihan scene dengan mengarahkan jari ke kamera web.
4.
Panel yang menampilkan keseluruhan objek 3D yang ada agar pengguna dapat memilih objek mana yang diinginkan secara terpisah selanjutnya.
3.5.3 Rancangan Halaman Scene
Setelah pengguna memilih scene mana yang akan dilihat secara terpisah pada hlaman pemilihan sceneyang sebelumnya, maka akan mucul halaman scene yang telah dipilih
oleh pengguna. Rancangan halamanscene dapat dilihat pada gambar 3.9 berikut.
Gambar 3.9 Rancangan Halaman Scene
Keterangan : 1.
Frame ini berisi •
Judul frame •
Tombol Close, yang berfungsi untuk mengakhiri aplikasi tersebut, •
Tombol Maximized Untuk memperbesar jendela sehingga terlihat dalam satu layar penuh. Setelah jendela Excel terlihat satu layar penuh
2. Scene
Universitas Sumatera Utara Universitas Sumatera Utara
• Tombol Minimize Untuk memperkecil jendela aplikasi sehingga
membentuk ikon aktif pada Taskbar. 2.
Panel tampilan dari Scene yang telah dipilih oleh pengguna sebelumnya.
Universitas Sumatera Utara Universitas Sumatera Utara
35
BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM
