ABSTRAK. Kata kunci : augmented reality, marker, 3-dimensi, villa, brosur. viii

Transkripsi

1 ABSTRAK Bali merupakan salah satu tujuan wisata yang sangat berkembang di Indonesia. Kedatangan wisatawan yang berlibur ke Bali menyebabkan meningkatnya kebutuhan hunian lengkap dengan fasilitasnya. Tingkat hunian hotel ataupun villa di Bali cenderung meningkat drastis pada saat liburan panjang. Munculnya hunian hotel dan villa baru saat ini menimbulkan tingkat persaingan bagi pelaku usaha, sehingga dibutuhkan sebuah ketepatan penggunaan strategi komunikasi pemasaran yang baik dalam memasarkan produk agar dapat menarik perhatian konsumen. Aplikasi Web Augmented Reality Villa dapat membantu memvisualisasikan hunian villa dalam bentuk 3-dimensi sehingga terlihat lebih menarik dan praktis. Penggunaan brosur sebagai informasi tertulis dan penerapan teknologi augmented reality pada Aplikasi Web Augmented Reality Villa bertujuan untuk membangun suatu aplikasi yang dapat memberikan informasi mengenai villa kepada pengunjung. Perancangan Aplikasi Web Augmented Reality Villa menggunakan library FlarToolkit. Berdasarkan hasil pengujian menunjukkan aplikasi dapat menampilkan objek 3-dimensi villa dengan melakukan scanning marker pada brosur yang sudah berisi marker. Kata kunci : augmented reality, marker, 3-dimensi, villa, brosur viii

2 ABSTRACT Bali is one of the highly developed tourist destination in Indonesia. The arrival of tourists having holiday in Bali led to increase residential needs with complete amenities. The occupancy rate of hotel and villa in Bali is increase significantlly during the long vacation. The emergence of new villa and hotel occupancy raises the level of competition in business, so it needs a correct use good marketing communication strategy in marketing the product in order to attract the attention of consumers. Web Application Augmented Reality Villa can help visualize the residential villa in three-dimensional shapes that look more attractive and practical. The use of brochures as written information and the application of augmented reality technology on the Web Application Augmented Reality Villa aims to develop an application that can provide information about the villa to visitors. Web Application uses Augmented Reality Villa designed by FlarToolkit library. Based on the test results show the application can display 3- dimensional objects by scanning marker villa in a brochure which already contain marker. Keywords: augmented reality, marker, 3-dimension,villa, brochure

3 DAFTAR ISI PERNYATAAN... ii LEMBAR PENGESAHAN TUGAS AKHIR...iv BERITA ACARA TUGAS AKHIR... v KATA PENGANTAR... vi ABSTRAK... viii ABSTRACT... ix DAFTAR ISI... x DAFTAR GAMBAR... xii DAFTAR TABEL... xiv BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Penelitian Manfaat Penelitian Batasan Masalah... 3 BAB II KAJIAN PUSTAKA State Of The Art Review Augmented reality Perangkat dan Cara Kerja Augmented Reality HTML FlarToolkit Pengolahan Citra Digital Sistem Informasi Sistem Informasi Berbasis Web Adobe Photoshop Adobe Dreamweaver CS Adobe Flash Google SketchUp DS Max Villa BAB III METODOLOGI DAN PERANCANGAN SISTEM Tempat dan Waktu Penelitian Alur Penelitian Data Sumber Data Metode Pengumpulan Data Gambaran Umum Sistem Diagram Use Case Rancangan Sistem Activity Diagram Menu Scan Marker Rancangan Antarmuka Rancangan Antarmuka Halaman Utama Rancangan Antarmuka Halaman Scan Marker Rancangan Antarmuka Halaman Services i

4 3.6.4 Rancangan Antarmuka Halaman Rooms Rancangan Antarmuka Halaman Gallery Rancangan Antarmuka Halaman Contact Perancangan Objek 3-dimensi Villa Tahap Image Referencing Tahap Pembuatan Dinding Tahap Pembuatan Lantai Tahap Pembuatan Pintu dan Jendela Tahap Modeling Exterior dan Interior Tahap Texturing Desain dan Pembuatan Brosur Desain dan Pembuatan Marker BAB IV PEMBAHASAN DAN ANALISA HASIL Gambaran Umum Aplikasi Hasil Perancangan Tampilan Halaman Utama Tampilan Halaman Scan Marker Tampilan Halaman Services Tampilan Halaman Rooms Tampilan Halaman Gallery Tampilan Halaman Contact Uji Coba Aplikasi Web Augmented Reality Villa Analisa Sistem Aplikasi Perhitungan dan Penyajian Data Aspek Kesesuaian Proses Aspek User Interface dan Fitur BAB V PENUTUP Simpulan Saran DAFTAR PUSTAKA ii

5 DAFTAR GAMBAR Gambar 2.1 Contoh Marker... 9 Gambar 2.2 HTML Gambar 2.3 Tampilan Adobe Photoshop Gambar 2.4 Logo Adobe Dreamweaver CS Gambar 2.5 Adobe Flash Gambar 2.6 Google SketchUp Gambar 2.7 3D Studio Max Gambar 2.8 Tampilan Exterior Villa Gambar 2.9 Tampilan Interior Villa Gambar 3.1 Flowchart Alur Penelitian Gambar 3.2 Diagram Use case Gambar 3.3 Struktur Flowchart Aplikasi Gambar 3.4 Activity Diagram Menu Scan Marker Gambar 3.5 Rancangan Antarmuka Halaman Home Gambar 3.6 Rancangan Antarmuka Halaman Scan Marker Gambar 3.7 Rancangan Antarmuka Halaman Services Gambar 3.8 Rancangan Antarmuka Halaman Rooms Gambar 3.9 Rancangan Antarmuka Halaman Gallery Gambar 3.10 Rancangan Antarmuka Halaman Contact Gambar 3.11 Tahap Image Referencing Gambar 3.12 Tahap Pembuatan Dinding Gambar 3.13 Tahap Pembuatan Lantai Gambar 3.14 Tahap Pembuatan Pintu dan Jendela Gambar 3.15 Tahap Modeling Exterior dan Interior Gambar 3.16 Tahap Texturing Gambar 3.17 Membuat Layer Background Gambar 3.18 Tahap Pembuatan Tema Background Gambar 3.19 Tahap Pembuatan Header dan Footer Gambar 3.20 Tahap Pembuatan Garis Gambar 3.21 Tahap Penambahan Photo Gambar 3.22 Penambahan Informasi Berupa Teks Gambar 3.23 Desain Marker Gambar 3.24 Tampilan Aplikasi Marker Generator Gambar 3.25 Tampilan Load Marker Image Gambar 3.26 Tampilan Preview Marker Gambar 3.27 Tampilan Save As Marker Gambar 4.1 Gambaran Umum Penggunaan Aplikasi Augmented Reality Villa.. 46 Gambar 4.2 Tampilan Halaman Utama (a) Gambar 4.3 Tampilan Halaman Utama (b) Gambar 4.4 Tampilan Halaman Scan Marker Gambar 4.5 Tampilan Halaman Services Gambar 4.6 Tampilan Halaman Rooms Gambar 4.7 Tampilan Halaman Gallery iii

6 Gambar 4.8 Tampilan Halaman Contact Gambar 4.9 Tampilan Halaman Scan Marker Gambar 4.10 Tampilan Kotak Dialog Adobe Flash Player Setting Gambar 4.11 Tampilan Video Webcam Gambar 4.12 Tampilan Rendering Video Augmented Reality Gambar 4.13 Diagram Aspek Kesuaian Proses Gambar 4.14 Diagram Aspek User Interface dan Fitur iv

7 DAFTAR TABEL Tabel 4.1 Aspek Kesesuaian Proses Tabel 4.2 Aspek User Interface dan Fitur v

8 BAB I PENDAHULUAN Bagian pendahuluan memamaparkan ide yang mendasari perancangan serta beberapa poin penting yang terkait dengan perancangan yang akan dilakukan antara lain latar belakang, rumusan masalah, batasan masalah, tujuan, manfaat yang diharapkan, metodologi penelitian, dan sistematika penulisan. 1.1 Latar Belakang Bali merupakan salah satu tujuan wisata yang sangat berkembang di Indonesia, tidak hanya alam dan budayanya yang menjadi kelebihan dari Bali tetapi karakter dan perilaku masyarakat yang sangat menghormati satu sama lain, ramah terhadap sesama dan pendatang, sangat religius, dan bersama-sama berusaha menjaga citra pulau Bali yang sudah dikenal pasar nasional maupun internasional (Utama, I Gst. Bagus Rai, 2013). Menurut Dinas Pariwisata Pemerintah Provinsi Bali, jutaan wisatawan asing maupun wisatawan lokal berdatangan tiap tahunnya ke pulau Bali ( Kedatangan wisatawan yang berlibur ke Bali membutuhkan hunian dengan segala kelengkapan fasilitas. Tingkat hunian hotel ataupun villa di Bali rata-rata pertahun selalu penuh pada saat liburan panjang. Hampir semua hotel mendulang untung di masa liburan. Para pelaku usaha hotel dan villa bersaing ketat untuk menarik pengunjung dan meraup untung sebesar-besarnya. Munculnya hunian hotel dan villa baru saat ini menimbulkan tingkat persaingan bagi pelaku usaha, sehingga dibutuhkan sebuah ketepatan penggunaan strategi komunikasi pemasaran yang baik dalam memasarkan produk agar dapat menarik perhatian konsumen. Selama ini, brosur digunakan sebagai salah satu media pemasaran hunian hotel atau villa. Informasi pada brosur umumnya hanya menampilkan gambar dan teks sehingga terkesan monoton. Berdasarkan hal tersebut penulis memiliki ide untuk memanfaatkan keunggulan augmented reality

9 sebagai penunjang media pemasaran dan informasi hunian di Bali khususnya hunian villa. Augmented reality adalah penggabungan dunia nyata dan virtual, bersifat interaktif secara real time, dan bentuknya merupakan animasi 3-dimensi. Interaktif disini yang dimaksud adalah adanya interaksi dari user ke augmented reality tersebut (Dhiyatmika, I Dw. Gd. Wahya, 2015). Augmented reality atau yang biasa disebut dengan AR bukan merupakan teknologi baru. Seiring berjalannya waktu, augmented reality berkembang sangat pesat sehingga memungkinkan pengembangan aplikasi ini diberbagai bidang termasuk pada bidang bisnis hunian. Keunggulan augmented reality dimanfaatkan pada proyek tugas akhir ini untuk membantu memvisualisasikan konsep abstrak lebih intuitif untuk meningkatkan pemahaman dalam menggambarkan suatu model objek. Augmented reality diterapkan dalam website pemasaran sebuah villa, dimana villa tersebut ditampilkan dalam bentuk objek 3-dimensi sehingga terlihat lebih menarik dan praktis. Augmented reality dibangun berbasis web sehingga lebih efisien karena dapat diakses tanpa harus melakukan instalasi aplikasi terlebih dahulu. 1.2 Rumusan Masalah Berdasarkan latar belakang masalah tersebut dapat dibuat suatu rumusan masalah, yaitu: a. Bagaimana menjadikan suatu teknologi augmented reality agar bisa bermanfaat bukan hanya dalam bidang komputer tetapi dalam bidang lain yaitu bidang bisnis, khususnya bisnis hunian villa? b. Bagaimana aplikasi web augmented reality villa mampu digunakan sebagai alternatif penunjang promosi villa? 1.3 Tujuan Penelitian Tujuan yang dapat diambil dari permasalahan tugas akhir yaitu sebagai berikut : a. Menjadikan teknologi Augmented Reality bermanfaat di bidang bisnis, khususnya bisnis hunian villa.

10 b. Menjadikan aplikasi web augmented reality villa sebagai alternatif penunjang promosi villa. 1.4 Manfaat Penelitian Manfaat yang diharapkan yaitu dapat membantu para pelaku bisnis dalam memasarkan propertinya kepada konsumen, serta dapat membantu para pengunjung untuk mengetahui dengan baik bentuk villa yang akan mereka pesan. Promosipun menjadi lebih menarik sehingga menimbulkan hubungan emosional yang lebih mendalam antara konsumen dengan brand. 1.5 Batasan Masalah Dalam penulisan tugas akhir ini pembahasan masalah memiliki batasan pada permasalahan berikut: a. Aplikasi ini bekerja pada basis augmented reality dengan library FlarToolkit sebagai komponen pembuatannya. b. Aplikasi ini berfungsi untuk menampilkan virtualisasi villa dalam bentuk bangunan 3-dimensi. c. Aplikasi ini berjalan berbasis web. d. User menggunakan aplikasi untuk melakukan scanning marker dan melihat objek 3-dimensi villa. 1.6 Sistematika Penulisan Sistematika penulisan dari penulisan tugas akhir ini dapat dijelaskan sebagai berikut : BAB I : Pendahuluan Bab I berisikan mengenai gambaran umum dari penulisan yang didalamnya membahas mengenai latar belakang masalah, rumusan masalah, tujuan penelitian, manfaat penelitian, batasan masalah, hingga mengenai sistematika penulisan. BAB II : Kajian Pustaka Bab II berisikan mengenai berbagai macam teori penunjang dalam memecahkan permasalahan, yakni mulai dari pembahasan mengenai augmented reality dan teori penunjang lainnya.

11 BAB III : Metodologi dan Perancangan Sistem Bab III membahas mengenai metode dan perancangan sistem pada penelitian ini yang meliputi tempat dan waktu penelitian, alur penelitian, sumber data, gambaran umum dan perancangan sistem. BAB IV : Pengujian dan Analisa Hasil Bab IV berisikan mengenai gambaran umum hasil aplikasi web augmented reality villa dan implementasinya kedalam media informasi web villa, serta uji coba aplikasi augmented reality. BAB V : Penutup Bab V berisikan simpulan yang diambil dari hasil pembahasan tentang tampilan aplikasi serta saran yang ditujukan untuk pengembangan fitur dari aplikasi web augmented reality villa lebih lanjut.