seminar nasional pengembangan aktual teknologi informasi...

6

Upload: others

Post on 15-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Seminar Nasional Pengembangan Aktual Teknologi Informasi ...teknik.trunojoyo.ac.id/penelitiandosen/Arik... · mendukung untuk digunakan sebagai media interaktif karena konten digital
Page 2: Seminar Nasional Pengembangan Aktual Teknologi Informasi ...teknik.trunojoyo.ac.id/penelitiandosen/Arik... · mendukung untuk digunakan sebagai media interaktif karena konten digital
Rectangle
Page 3: Seminar Nasional Pengembangan Aktual Teknologi Informasi ...teknik.trunojoyo.ac.id/penelitiandosen/Arik... · mendukung untuk digunakan sebagai media interaktif karena konten digital

Seminar Nasional Pengembangan Aktual Teknologi Informasi (SENA BAKTI)Gedung Techno Park,

Universitas Pembangunan Nasional ”Veteran” Jawa Timur2 Desember 2015

R2.5-1

Brosur Interaktif Berbasis Teknologi Augmented RealityMenggunakan Aurasma

Arik Kurniawati 1)

1Teknik Informatika Universitas Trunojoyo MaduraEmail : [email protected] 1)

ABSTRAKPerkembangan teknologi mobile yang terus meningkat, membuat berbagai macam variasi pengembangannya, salahsatunya: Augmented Reality berbasis mobile. Aurasma adalah salah satu aplikasi mobile yang mendukung pengembanganAugmented Reality (AR). Penelitian ini memfokuskan kepada pengembangan AR untuk membuat brosur interaktif bidangperumahan.

Kata Kunci : Augmented Reality, brosur interaktif, Aurasma, perumahan

PENDAHULUANPerkembangan teknologi Augmented Reality yang

semakin banyak digunakan di berbagai bidang, salahsatunya sebagai brosur interaktif. Perkembangan teknologiini juga berpengaruh terhadap perkembangan bisnisperumahan di Indonesia. Beberapa penelitian yang adatelah berhasil membuat desain interaktif gambar 3dmenggunakan teknologi Augmented Reality(AR).Beberapa penelitian tersebut antara lain: AR bisnisproperti berbasis android menggunakan unity 3d dimanaberdasarkan kuisioner responden developer CV. YamasLestari dan masyarakat Menggungan RT 03 RW 03Ngemplak Boyolali menyukai adanya brosur interaktif ini(Putri, 2014), AR untuk brosur Rumah Bogor NirwanaResidence menggunakan Blender dan OpenSpace3D jugamendapatkan respon yang memuaskan dari responden(Anugerah, 2013), Brosur yang menggunakan ARmenggunakan Flartoolkit mempunyai kelebihan lebihmenarik bagi konsumen (Prisambodo , 2008).

Teknologi Augmented Reality Mendukung PeriklananTeknologi Augmented Reality adalah suatu teknologi

yang menggabungkan antara dunia virtual dengan dunianyata ini semakin membuat seni periklanan menjadisemakin menarik. Teknologi AR ini awal dikembangkanoleh Ronald T. Azuma (1997) mendefinisikan bahwaaugmented reality sebagai penggabungan benda-bendanyata dan virtual di lingkungan nyata secara real time.

Perkembangan AR saat ini sangat membantu dalambidang pendidikan, pelatihan, perbaikan ataupemeliharaan, manufaktur, militer, permainan dan hiburan,hal ini karena AR dirasakan dapat menampilkan informasiyang relevan dan lebih menarik. AR memiliki keuntunngadimana pengguna serasa dapat melihat dan menyentuhbenda-benda digital dan dapat berinteraksi dengan elemen-elemen digital (Lazuardy, 2012).

Dalam beberapa tahun ini, perkembangan AR menjadifenomenal, teknologi ini menjadi salah satu pilihan yangmenarik untuk diimplementasikan dalam industri bisnis.Teknologi AR menjadi pilihan menarik bagi pelaku bisnisterutama perusahaan besar untuk menarik perhatianmasyarakat luas. Menyajikan sebuah program menarikdengan memberikan pengalaman yang baru bagimasyarakat dalam bereksperimen terhadap sesuatumenjadi salah satu metode marketing tool yang bisadilakukan. Sehingga metode advertising konvensionaltelah tergantikan menjadi advertising berbasis teknologitelah mulai dilakukan, perusahaan mulai menilik sesuatuyang canggih dan lebih interaktif untuk mempromosikanproduk mereka (Lee, 2013).

Penelitian ini membahas tentang penggunaan teknologiAR sebagai media brosur interaktif dengan menggunakanteknologi AR yang sederhana berbasi mobilemenggunakan Aurasma.

AurasmaBeberapa teknologi AR telah dikembangkan antara lain

menggunakan Flar Toolkit, Unity 3d, OpenSpace3D,Vuforia dimana dengan teknologi ini pengguna harusmengimplementasikan AR dengan membangunpemrograman yang rumit. Saat ini sudah banyakdikembangkan beberapa teknologi AR dengan model dragn drop, dimana pengguna bisa mengimplementasikan ARtanpa menggunakan bahasa pemrograman. Teknologi inijuga mendukung AR berbasis mobile. Beberapa teknologitersebut adalah Aurasma, Augment, CraftAR, MetaioCreator , Layar dan lain lain.

Aurasma adalah salah satu industri terkemuka aplikasiaugmented reality, pengembangan yang dilakukan sangatmendukung penggunaan perangkat mobile yang telahdiimiliki oleh jutaan orang. Aplikasi Aurasma daat dibuatmelalui perangkat komputer atau smartphone, melaluiaplikasi ini, pengguna bisa membangun AR dan

Page 4: Seminar Nasional Pengembangan Aktual Teknologi Informasi ...teknik.trunojoyo.ac.id/penelitiandosen/Arik... · mendukung untuk digunakan sebagai media interaktif karena konten digital

Seminar Nasional Pengembangan Aktual Teknologi Informasi (SENA BAKTI)Gedung Techno Park,

Universitas Pembangunan Nasional ”Veteran” Jawa Timur2 Desember 2015

R2.5-2

Overlays

berekperiment dengan banyak hal. Aurasma sangatmendukung untuk digunakan sebagai media interaktifkarena konten digital yang ditampilkan bisa berupa url,video, gambar 2D atau 3D dan animasi. Langkah yangmudah dan wizard sehingga sangat membantu bagipengguna yang masih awam dalam AR. Kelebihan lain,dengan Aurasma pengguna bisa berbagi dengan penggunalainnya (Aurasma). Aurasma sifatnya tidak berbayar.Langkah-langkah untuk mengimplementasikan Aurasma,adalah (Creating Auras in Aurasma):

Membuat Auras melalui aplikasi mobile (aplikasiAurasma didukung oleh perangkat mobileberbasis Android/IOS), seperti yang terpaprkandalam gambar 1.

Gambar 1. Langkah membuat Aura dalam Aurasmaapps (Creating Auras in Aurasma)

Membuat Auras melalui aurasma studio yangterhubung dengan internet, seperti yangterlihatkan dalam gambar 2.1. Membuat akun, akun ini diperlukan untuk

membuat aura yang bisa di share kepengguna lain, website:https://studio.aurasma.com/register

2. Menjadikan gambar yang bisa dijadikansebagai trigger image (marker) AR. Gunakanfile jpeg atau png dengan ukuran file lebihkecil dari 5,000,000 total pixels, hindarigambar yang jarang, gelap, berulang, kaburatau gambar reflektif dan bisa menggunakanlokasi GPS sebagai marker

3. Membuat konten AR yang ingin ditampilkan(overlay). Konten bisa berupa Multipleoverlays, Video (direkomendasikan : mp4,flv, tapi juga mendukung : .mov, .wmv,mpg1, mpg2), gambar 2D, Model 3D(format collada .dae)4. Membuat Channel, jika ingin membuat agarAura bisa digunakan oleh pengguna lain,maka digunakan channel publik.

5. Buat Aura dengan mengikuti isntruksi yangdiperintah (Pilih trigger, channel danoverlay).

Gambar 2. Langkah membuat Aura dalam AurasmaStudio

METODOLOGIUntuk mengimplementasikan brosur interaktif

perumahan yang menjadi uji coba dalam penelitian ini adabeberapa tahapan,Tahap persiapan yang harus dilakukan adalah sebagaiberikut, seperti yang terlihat dalam gambar 3

1. Mempersiapkan brosur perumahan, dalam salahsatu atau beberapa gambar yang sangat mencolok(misal : gambar perumahan tampak depan)digunakan menjadi trigger image (marker) AR,sehingga saat smartphone pengguna disorotkanpada gambar tersebut maka akan ditampilkanmodel 3d perumahan.

Gambar 3. Contoh brosur untuk marker

2. Mempersiapkan konten model 3d, file ini bisadibuat dari software modelling 3d seperti Maya,3dSmax, blender. File yang nantinya menjadikonten ini disimpan dalam bentuk file format.dae. File ini menggunakan OpenCollada yangsupport untuk 3dsMax. Gabungkanlah filetersebut dengan gambar mapping yang diperlukan(format dalam png) dan file hasil render (formatjuga png, beri nama file hasil render ini denganthumbnail). Ketiga file tersebut disimpan dalambentuk TAR menggunakan 7Zip.

Login

Page 5: Seminar Nasional Pengembangan Aktual Teknologi Informasi ...teknik.trunojoyo.ac.id/penelitiandosen/Arik... · mendukung untuk digunakan sebagai media interaktif karena konten digital

Seminar Nasional Pengembangan Aktual Teknologi Informasi (SENA BAKTI)Gedung Techno Park,

Universitas Pembangunan Nasional ”Veteran” Jawa Timur2 Desember 2015

R2.5-3

Gambar 4. File 3dsmax

Gambar 5. File hasil render

Ilustrasi persiapan pembuatan konten AR yangberupa model 3d seperti yang terlihat dalamgambar 6.

Gambar 6. File Rumah (dalam bentuk .tar)

File Rumah (dalam bentuk.tar) seperti yang digambarkandalam gambar 6 inilah yang digunakan sebagai overlay.

Dalam mengimplementasikan brosur interaktif inimenggunakan AuraStudio yang terkoneksi denganinternet, karena tidak semua perangkat mobile mendukungoverlay untuk 3d.Tahap implemetasi, langkahnya adalah:

1. Mengupload trigger image2. Mengupload overlay3. Menyimpan4. Share

HASILHasil dari ujicoba implementasi AR

menggunakan Aurasma ini, jika smartphone tersebut

diarahkan pada gambar yang dijadikan triggerimage/marker maka akan terlihat gambar model rumah 3d.Ini yang disebut Augmented Reality

Cara untuk mengakses Aura adalah sebagai berikut Pembuat Aura, yakni pengguna yang membuat Aura

tersebut.Tahapannya adalah :1. Install Aura2. Buka Aplikasi Aura3. Login4. Arahkan smartphone pada gambar marker

Calon Konsumen, adalah pengguna yang inginmelihat Aura tersebut tapi bukan yang membuatAura. Tahapannya adalah :1. Install Aura2. Buka Aplikasi Aura3. Cari channel/nama Aura4. Klik Follow5. Arahkan smartphone pada gambar marker

Setelah langkah tersebut, maka gambar AR akan terlihatpada smartphone tersebut. Gambar 7 adalah hasil dariujicoba pada penelitian ini.

(a) (b)Gambar 7a. Gambar model 3d berbentuk kotak(hilang warna tekturnya)Gambar 7b. Gambar model 3d berbentuk rumah(hilang beberapa bangunan rumah dan warnatekturnya)

Berdasarkan hasil ujicoba yang telah dilakukan, terlihatketidak berhasilan yang sempurna, hal ini dikarenakan : Beberapa file mapping dari model 3d tidak

lengkap Sehingga mengakibatkan hasil konversi model 3d

ke dalam bentuk DAE kurang sempurna.

Hasil tersebut tidak sama dengan yang telah dicontohkanoleh Aurasma (gambar 8), karena tidak ada file yang tidaklengkap dan fomat konversi bentuk DAE telah sempurna.

Page 6: Seminar Nasional Pengembangan Aktual Teknologi Informasi ...teknik.trunojoyo.ac.id/penelitiandosen/Arik... · mendukung untuk digunakan sebagai media interaktif karena konten digital

Seminar Nasional Pengembangan Aktual Teknologi Informasi (SENA BAKTI)Gedung Techno Park,

Universitas Pembangunan Nasional ”Veteran” Jawa Timur2 Desember 2015

R2.5-4

Gambar 8. Model terlihat jelas

KESIMPULANVersi Open Collada yang digunakan sangat berpengaruhkelengkapan dan kerumitan bangunan sebuah model 3dserta kelengkapan file tekstur baik untuk saat renderataupun mapping juga mepengaruhi hasil yang ada.

DAFTAR PUSTAKA

Anugerah, W. (2013). Implementasi Augmented RealityPada Pemasaran Rumah Bogor Nirwana ResidenceMenggunakan Blender Dan Openspace3d. Jurusan SistemInformasi Fakultas Ilmu Komputer Dan TeknologiInformasi Universitas Gunadarma.

Aurasma. (N.D.). Retrieved FromHttps://Www.Aurasma.Com/

Azuma, R. T. (1997). A Survey Of Augmented Reality.Presence: Teleoperators And Virtual Environments, Vol.6, No. 4,, 355-385.

Creating Auras In Aurasma. (N.D.). Retrieved FromHttps://Wiki.Mq.Edu.Au/

Hermawan, L., & Hariadi, M. (2015). PemanfaatanAugmented Reality Sebagai Media Informasi KampusMenggunakan Brosur. Seminar Nasional TeknologiInformasi Dan Komunikasi 2015 (Sentika 2015).Yogyakarta.

Lazuardy, S. (2012). Masa Lalu, Kini, Dan Masa DepanTeknologi 'Augmented Reality'. Kompas Tekno.

Lee, K. (2013). Pengaruh Augmented Reality DalamBisnis Global. Kompas Tekno.

Prisambodo , A. M. (2008). Pembuatan BrosurPerumahana Berbasis Augmented Reality DenganPermodelan 3d. Jurnal Telematika Vol 1 No 1.

Putri, D. A. (2014). Augmented Reality Untuk BisnisProperti. Program Studi Teknik Informatika FakultasKomunikasi Dan Informatika Universitas MuhammadiyahSurakarta.