pelacakan objek nyata yang diambil dari kamera. Objek tersebut dievaluasi dan hasilnya akan disimpan yang kemudian akan diakses oleh aplikasi.
4 Berikutnya, setelah mendapatkan posisi kamera yang tepat maka objek yang telah ditangkap oleh kamera tadi akan di render dan divisualisasikan dalam
bentuk video secara realtime. Gambaran Kerja Vuforia lebih rinci lagi dapat dilihat pada Gambar 3.1:
Gambar 3.1. Gambaran Kerja Vuforia
3.3 Pemodelan Sistem
Pemodelan sistem bertujuan untuk mempermudah dalam pengembangan dan memahami sistem. Pemodelan sistem dibuat dalam bentuk arsitektur umum, flowchart
perancancangan umum, flowchart pembuatan objek 3D, flowchart pembuatan marker, flowchart pembuatan aplikasi dan use case diagram.
Universitas Sumatera Utara
3.3.1 Arsitektur Umum
Input
Marker Kamera Aktif
Proses
Tracking Marker
Pengecekan koordinat sentuhan
Memuat Objek Hijaiyah 3D
Sistem mengeluarkan suara Huruf Hijaiyah
Valid Tidak
Ya
Valid
Ya
Menyentuh koordinat suara Hijaiyah
Output
Objek Hijaiyah 3D Suara Huruf Hijaiyah
Gambar 3.2. Arsitektur Umum
Metode yang diajukan untuk proses pembelajaran huruf hijaiyah terdiri dari beberapa langkah. Langkah-langkah tersebut sebagai berikut:
1. User meletakkan marker yang telah diregistrasi sebelumnya.
2. Kamera smartphone mengidentifikasi tracking marker.
3. Jika marker valid maka akan dilanjutkan ke proses berikutnya, jika tidak valid
maka user mengulangi identifikasi marker menggunakan kamera. 4.
Marker yang telah valid dan teridentifikasi akan menampilkan objek huruf Hijaiyah dalam bentuk 3D.
5. User dapat mendengarkan suara huruf hijaiyah 3D dengan menyentuh marker.
6. Sistem mengeluarkan suara melalui smartphone.
3.3.2 Flowchart Flowchart dapat didefinisikan sebagai bagan yang menunjukkan arus pekerjaan secara
keseluruhan dari sistem. Bagan ini menjelaskan urut-urutan dari prosedur-prosedur dan proses perancangan sistem.
Universitas Sumatera Utara
Marker diupload ke developer.vuforia.com
Download marker.unitypackage
Objek.blend diimport ke Unity SD
Marker.unitypackage diimport ke Unity 3D
Coding program pada editor Unity 3D
Instal aplikasi.apk ke smartphone
Mulai
Selesai
Gambar 3.3. Flowchart Perancangan Umum Sistem
Flowchart perancangan umum sistem dibagi atas beberapa tahap, yaitu: 1
Flowchart Pembuatan Objek 3D
Objek Huruf Hijaiyah dibuat dengan Blender
Objek.blend diimport ke Unity 3D
Mulai
Selesai
Gambar 3.4. Flowchart Pembuatan Objek 3D
Universitas Sumatera Utara
2 Flowchart Pembuatan Marker
Design pola gambar yang akan dijadikan Marker
Download file image target.
unitypackage
Simpan gambar dengan format.jpg
Upload.jpg ke website developer.vuforia.com
Mulai
Selesai
Gambar 3.5 Flowchart Pembuatan Marker AR
3 Flowchart Pembuatan Aplikasi
Mulai Objek .blend
diimport ke Unity 3D
Melakukan Coding Program pada editor Unity 3D
Proses Instalisasi Apli kasi .apk pada
smartphone
Selesai Marker
diimport ke Unity 3D
Library V ufor ia diim por t kedalam
Unity 3D
Gambar 3.6. Flowchart Pembuatan Aplikasi
Universitas Sumatera Utara
3.3.2 Use case diagram Perancangan fungsionalitas sistem dimodelkan dengan diagram use case. Aplikasi
Hijaiyah augmented reality terdiri dari prosedur mulai, informasi, bantuman dan keluar. Pada use case terdapat dua actor yaitu user dan kamera. Gambar use case diagram yang
terlihat pada Gambar 3.7 berikut:
Gambar 3.7. Use case Diagram Aplikasi Hijaiyah AR
3.3 Perancangan Antarmuka