APLIKASI PENGENALAN HURUF HIJAIYAH, ANGKA DAN HURUF ABJAD DENGAN AUGMNETED REALITY BERBASIS ANDROID

  

APLIKASI PENGENALAN HURUF HIJAIYAH, ANGKA DAN HURUF

ABJAD DENGAN AUGMNETED REALITY BERBASIS ANDROID

Ertie Nur Hartiwati

¹ Devy Meily Mulyadi ² Jurusan Sistem Informasi, FIKTI, Universitas Gunadarma ² devymeily@ymail.com

  berasal dari bahasa arab a-ba-ja-dun; alif,

  tanda atau lambang yang digunakan untuk melambangkan bilangan. Contohnya angka 0-9. Abjad adalah kumpulan huruf atau aksara yang tersusun berdasarkan urutan yang lazim atau sistem aksara yang melambangkan bunyi bahasa yang dipakai untuk menuliskan kata-kata atau bahasa yang terdiri dari A sampai Z.

  samiyah al-umm ). Angka adalah suatu

  تشرق صفعس نملك ) , di samping itu terminologi abjad lebih bersifat terbatas pada bahasa samiyah yang lokal (lughah

  pisah. Sedang terminologi abjad urutannya disusun dalam bentuk kalimat ( ىطح زوه دجبأ

  ya’ secara terpisah-

  Huruf hijaiyah dimulai dari alif dan berakhir pada huruf

  ( دجبأ ) . Namun ada pula yang menolak pendapat ini dengan alasan, huruf hijaiyah mempunyai aturan urutan yang berbeda dengan terminologi abjad.

  ba’, ta’, jim, dan dal

  alif, ba’, ta’. Kata abjad juga

  

ABSTRAK

Augmented Reality merupakan sebuah teknik untuk menggabungkan dunia nyata dengan dunia

maya, di mana teknik ini memungkinkan sebuah objek di dunia maya ditampilkan dengan objek

di dunia nyata secara bersamaan. Salah satu vendor pemyedia SKD Augemented Reality yang

support dengan Unity adalah vuforia SDK. Aplikasi ini hanya menampilkan huruf hijaiyah,

angka dan abjad dalam bentuk 3 dimensi beserta suara. Tujuan Penulisan ini adalah untuk

memberikan pengenalan huruf hijaiyah, angka dan huruf abjad untuk anak-anak yang berusia 4

tahun dengan Augmented Reality karena tampilannya dalam bentuk 3 dimensi serta suara yang

diharapkan menarik bagi anak-anak untuk mengenalnya. Perangkat lunak yang digunakan

adalah Unity 3D dan Blender. Metode Penulisan yang digunakan adalah perencanaan,

perancangan, implementasi dan pengujian aplikasi. Berdasarkan hasil uji coba, aplikasi ini

dapat berjalan dengan baik pada Android minimum bersi 4.3 (Jelly Bean), dimana tampilan

masing-masing objek dengan berbeda marker beserta suaranya dapat berjalan secara

bersamaan.

  bahasa arab

  arab . Kata alfabet itu sendiri berasal dari

  dari kata kerja hajjaa ( ىجه ) yang artinya mengeja, menghitung huruf, membaca huruf demi huruf. Huruf hijaiyah disebut juga alfabet

  hija’iyah berasal

  Dalam Kamus Besar Bahasa Indonesia kata hijaiyah berarti Abjad Arab. Kata

  sebuah teknik untuk menggabungkan dunia nyata dengan dunia maya, di mana teknik ini memungkinkan sebuah objek di dunia maya ditampilkan dengan objek di dunia nyata secara bersamaan. Kamera digunakan sebagai masukkan gambar, kemudian melacak dan mendeteksi marker (penanda), setelah marker terdeteksi maka akan muncul model 3 Dimensi dari suatu objek.

  Augmented Reality merupakan

  Kata Kunci : Augmented Reality, Huruf Hijaiyah, Angka, Huruf Abjad, Unity 3D PENDAHULUAN

  Tujuan Penulisan ini adalah untuk memberikan pengenalan huruf hijaiyah, angka dan huruf abjad untuk anak-anak yang berusia 4 tahun dengan Augmented Reality karena tampilannya dalam bentuk 3 dimensi serta suara yang diharapkan menarik bagi anak-anak untuk mengenal dan mempelajarinya

  Metode penelitian yang digunakan dalam penulisan ini adalah SDLC (System

  play, about dan exit. Pilihan play digunakan

  Gambar 2 Objek Huruf Hijaiyah

  Untuk pembuatan objek 3 dimensi menggunakan software Blender. Dalam pembuatannya menggunakan Text yang kemudian membuatnya menjadi huruf hijaiyah yang berjumlah 29, angka yang terdiri dari 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 dan huruf abjad yang berjumlah 26.

  Pembuatan Objek 3 Dimensi

  Gambar 1 Storyboard

  Storyboard

  Pada tahap ini akan menjelaskan proses perancangan dari aplikasi yang terdiri dari storyboard, pembuatan objek dan pembuatan scene play atau scene yang menampilkan Augmented Reality.

  Perancangan Aplikasi

  bagaimana cara penggunaan aplikasi, sedangkan exit digunakan untuk keluar dari aplikasi. Aplikasi ini dapat berjalan pada sistem operasi berbasis Android.

  Reality . About digunakan sebagai

  untuk memasuki tampilan dari Augmented

  Aplikasi ini nantinya terdiri dari

METODE PENELITIAN

  Development Life Cycle) yang terdiri dari

  aplikasi untuk pengenalan huruf hijaiyah, angka dan huruf abjad untuk anak-anak berusia 4 tahun. Aplikasi ini akan menampilkan huruf hijaiyah, angka dan huruf abjad dalam bentuk 3 dimensi dimana setiap kamera menscan marker akan keluar juga suara yang berkaitan dengan masing- masing marker. Serta di sediakan marker pada sebuah kertas yang di dalamnya terdapat sebuah gambar.

  Reality berbasis Android merupakan

  Aplikasi pengenalan huruf hijaiyah, angka dan huruf abjad dengan Augmented

  PEMBAHASAN Perencanaan Aplikasi

  5. Pengujian Aplikasi, Melakukan uji coba aplikasi terhadap perangkat telepon genggam berbasis Android.

  4. Implementasi, Mengimplementasikan hasil dari rancangan dan script dari segi tampilan hingga aplikasi utuh.

  berupa struktur navigasi dan storyboard. Perangkat keras yang digunakan, Laptop Acer Aspire 4810T series, Intel(R) Core(TM)2 Solo CPU U3500 @1.40GHz 1.40 GHz, RAM 2,00 GB, System Type 32-Bit Operating System.

  3. Perancangan, Merancang aplikasi

  2. Analisis, Mengumpulkan informasi yang berasal dari buku, jurnal ataupun yang bersumber dari internet.yang berkaitan dengan aplikasi.

  Perencanaan, Menggambarkan proses kerja dari aplikasi, apa saja yang dibutuhkan dalam pembuatan aplikasi.

  beberapa tahapan, yakni: 1.

  Gambar 3 Objek Angka Gambar 6 Marker Angka

  Gambar 4 Objek Abjad

  Pembuatan Marker Marker biasanya merupakan

  Gambar 7 Marker Abjad ilustrasi hitam dan putih yang nantinya digunakan sebagai penanda untuk

  Pembuatan Aplikasi Augmented Reality munculnya Objek bumi yang telah dibuat.

  Dalam pembuatan marker bisa Pada bagian ini menjelaskan menggunakan Paint, photoshop atau langkah-langkah pembuatan Augmented aplikasi lainnya yang bisa membuat marker.

  Reality yang terdiri dari pembuatan lisensi, MenuAplikasi, about dan hijaiyah. scene

  Langkah-langkahnya adalah sebagai berikut:

  Pembuatan Lisensi 1.

  Sebelum dapat menggunakan layanan vuforia, pastikan telah menjadi user vuforia. Masuk ke dalam portal developer vuforia melalui Gambar 5 Marker Hijaiyah

  Kemudian masuk pada tab develop, tab licensce Manager dan klik Add

  License Key.

  2. Isi parameter yang dibutuhkan.

  Gunakan starter sebagai lisensi, klik next lalu confirm.

  3. Klik license yang telah dibuat .

  Copy teks yang ada didalamnya

  untuk digunakan pada AR Camera yang terdapat pada Unity.

  4. beri nama script dengan

  script

  Untuk membuat target manager klik target manger, dan klik Add MenuAwal.

  Database.

  7. Klik 2 kali pada script yang telah 5. dibuat, kemudian masukkan script

  Pada form create database, masukan nama database, centang pembuatan button play, about dan

  device lalu klik create. exit. Kemudian drag & drop script 6.

  MenuAwal ke Main Camera. Klik database, buat sebuah target dengan cara klik add target.

  8. Tampilan Menu utama dapat 7. dijalankan pada game kemudian

  Pilih single image dan klik browse, masukan marker yang telah dibuat mengklik tombol play yang berada sebelumnya. di atas scenes window.

  8. Masukan lebarnya, lalu klik add.

  9. Centang gambar yang telah dimasukan, lalu klik download.

  Pembuatan Scene MenuAplikasi dan About 1.

  Buka program Unity dan mulai

  project baru. Klik new untuk

  membuat project baru. Isi nama pilih tempat penyimpanan

  project, project dan pilih 3 Dimensi,

  Gambar 8 Tampilan Scene MenuAplikasi kemudian klik Create Project.

  2. Klik create yang terdapat pada tab Untuk pembuatan scene About

  hierarchy, kemudian pilih 3D

  sama dengan pembuatan scene  kemudian plane. Plane

  object

  MenuAplikasi, maka tampilannya adalah digunakan sebagai tempat unutk background.

  3. Atur plane dengan cara merotasinya menjadi horizontal, karena plane yang ada posisinya masih vertical.

  4. Atur posisi plane hingga menutupi

  main camera agar background

  terlihat full pada saat di coba pada telepon genggam dengan mengklik tombol yang dekat dengan tombol rotate .

  Gambar 9 Tampilan scene About 5.

  Sebelum menyisipkan gambar untuk menjadi background, terlebih

  Scene Play

  dahulu masukkan gambar ke dalam dengan membuat folder baru

  Assets 1.

  Buat scene baru untuk pembuatan bernama textures, buka folder yang

  scene Play. Klik file  new Scene.

  telah dibuat kemudian drag & drop Berikut ini langkah-langkahnya: gambar yang ingin dijadikan

  2. Pada Assets sudah ada Qualcomm background.

  Augmented Reality yang 6.

  Untuk pembuatan button, buat didalamnya terdapat beberapa folder baru di dalam folder assets

  prefab. Sebelumnya hapus terlebih

  dengan nama Scripts, pembuatan dahulu main camera, kemudian folder ini digunakan untuk

  drag & drop ARCamera dan

  menyimpan semua scripts yang Image Target ke dalam hierarchy. dibutuhkan. Setelah folder terbuat,

  3. pengaturan pada Lakukan buka folder tersebut dan klik kanan

  ARCamera pada window

  Hierarchy

  Uji Coba Aplikasi Aplikasi ini telah dilakukan uji coba terhadap 3 smartphone dengan ukuran layar yang berbeda dan dengnan Android Jelly Bean, KitKat dan Lollipop.

  masing objek. Aplikasi ini dapat memberikan pengenalan secara menarik huruf hijaiyah, angka dan huruf abjad dalam bentuk Augmented Reality berbasis Android yang bisa digunakan pada perangkat smartphone yang bisa digunakan kapan saja.

  handphone untuk menampilkan masing-

  anak yang menggunakan dapat mengikuti suara tersebut. Terdapat pula marker yang nantinya akan di scan oleh kamera

  Augmented Reality beserta suara agar anak-

  3D dan Blender. Secara umum aplikasi ini berisi gambar bumi huruf hijaiyah, angka dan huruf abjad yang ditampilkan dalam

  dibuat menggunakan Unity

  Reality berbasis Android telah berhasil

  Aplikasi pengenalan huruf hijaiyah, angka dan huruf abjad dengan Augmented

  PENUTUP

  Hasil uji coba pada 3 smartphone dengan sistem operasi Android dapat disimpulkan bahwa aplikasi ini berjalan dengan baik pada Android minimum versi 4.3 (Jelly Bean), dimana tampilan masing- masing objek dengan berbeda marker beserta suaranya dapat berjalan secara bersamaan.

  Gambar 12 Tampilan Huruf Abjad

  . Pada App License Key, masukkan kunci lisensi yang sudah dibuat pada License Manager sebelumnya dan lakukan juga pengaturan pada Database Load Behaviour .

  Gambar 10 Tampilan Hijaiyah Gambar 11 Tampilan Angka

  masukkan script MenuKembali untuk kembali ke menu utama.

  script yang telah dibuat, kemudian

  7. Setelah itu membuat button back meggunakan script. Klik 2 kali

  objek bumi pada scene window, atur objek bumi sehingga berada tepat di atas marker.

  image target pada window hierarchy, setelah itu akan muncul

  6. Drag & drop objek bumi ke dalam

  5. Untuk memasukkan objek dapat mendrag & drop yang telah dibuat sebelumnya dengan format .fbx.

  Pada database pilih marker yang telah dibuat sebelumnya.

  Image Target pada Image Traget Behaviour di window hierarchy.

  4. Lakukan pengaturan juga pada

  Berdasarkan uji coba pada berbagai perangkat smartphone dapat disimpulkan bahwa aplikasi ini berjalan dengan baik pada Android minimum versi 4.3 (Jelly Bean), dimana tampilan masing-masing Gambar 16 Tampilan Angka objek dengan berbeda marker beserta suaranya dapat berjalan secara bersamaan.

  Pengembangan aplikasi ini dapat dilakukan dengan menambah informasi lainnya yang berkaitan dengan tema aplikasi, adanya animasi yang menggerakkan objek pada saat suara bunyi, tampilannya lebih menarik lagi seperti warna pada objek dan background.

  Gambar 17 Tampilan Huruf Abjad

DAFTAR PUSTAKA

  Eka Ardhianto, Wiwien Hadikurniawati dan Edy Winarno. 2012. Augmented Reality Objek 3 Dimensi dengan Perangkat ARToolkit dan Blender. Vol.17 No.2. Hal 107 – 117. Gambar 13 Tampilan Menu Utama

  Endah Tri Utami. 2011. Kupas Tuntas Android Dari Nol Sampai Mahir Untuk Semua Orang. Jakarta. Gudang Ilmu.

  Galih Rakacita Rachman. 2011. Pengembangan Teknologi Augmented Reality sebagai Penunjang Industri Musik Indonesia .

  Rickman Roedavan. 2016. Unity Tutorial Gambar 14 Tampilan About

  Game Engine. Bandung. Informatika Bandung. URL:

  Maret 2016 .

  URL:

  , Maret 2016 .

  Gambar 15 Tampilan Huruf Hijaiyah URL:

  http://augmentedrealityindonesia.com/ , Maret 2016.

  UR

  

  Juni 2016.