Implementasi Augmented Reality dalam Perancangan Bisnis Produk Kopi Tampan

IMPLEMENTASI AUGMENTED REALITY DALAM

PERANCANGAN BISNIS PRODUK KOPI TAMPAN

SKRIPSI

ABIDAH NOVITA

111401031

PROGRAM STUDI S1 ILMU KOMPUTER

FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI

UNIVERSITAS SUMATERA UTARA

MEDAN

2015

IMPLEMENTASI AUGMENTED REALITY DALAM PERANCANGAN BISNIS PRODUK KOPI TAMPAN

SKRIPSI

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh ijazah Sarjana Ilmu Komputer

ABIDAH NOVITA 111401031

PROGRAM STUDI S1 ILMU KOMPUTER

FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA

MEDAN 2015

PERSETUJUAN

Judul : IMPLEMENTASI AUGMENTED REALITY DALAM

PERANCANGAN BISNIS PRODUK KOPI TAMPAN

Kategori : SKRIPSI

Nama : ABIDAH NOVITA

Nomor Induk Mahasiswa : 111401031

Program Studi : S1 ILMU KOMPUTER

Fakultas : ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA

Komisi Pembimbing :

Pembimbing II Pembimbing I

Ade Candra, ST, M.Kom Prof. Dr. Iryanto, M.Si NIP. 19790904 200912 1 002 NIP. 19460404 197107 1 001

Diketahui/disetujui oleh

Program Studi S1 Ilmu Komputer Ketua,

Dr. Poltak Sihombing, M.Kom NIP. 19620217 199103 1 001

PERNYATAAN

IMPLEMENTASI AUGMENTED REALITY DALAM PERANCANGAN BISNIS PRODUK KOPI TAMPAN

SKRIPSI

Saya mengakui bahwa skripsi ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Oktober 2015

ABIDAH NOVITA 111401031

UCAPAN TERIMA KASIH

Segala puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-Nya kepada penulis sehingga dapat menyelesaikan skripsi ini tepat waktu sesuai dengan instruksi dan peraturan yang berlaku di Fakultas Ilmu Komputer dan Teknologi Informasi serta shalawat dan salam penulis hadiahkan kepada Nabi Besar Muhammad SAW.

Dalam penyusunan dan penulisan skripsi ini, penulis banyak mendapat bantuan, dukungan, dan bimbingan dari berbagai pihak. Pada kesempatan ini penulis ingin mengucapkan rasa terima kasih dan penghargaan kepada :

1. Bapak Prof. Drs. Subhilhar, M.A, Ph.D. selaku Pj. Rektor Universitas Sumatera Utara.

2. Bapak Prof. Dr. Muhammad Zarlis, M.Sc selaku Dekan Fakultas Ilmu Komputer dan Teknologi Informasi.

3. Bapak Dr. Poltak Sihombing, M.Kom selaku Ketua Program Studi S1 Ilmu Komputer.

4. Ibu Maya Silvi Lydia, B.Sc, M.Sc selaku Sekretaris Program Studi Ilmu Komputer.

5. Bapak Prof. Dr. Iryanto, M.Si selaku Dosen Pembimbing I dan Bapak Ade Candra, ST, M.Kom selaku Dosen Pembimbing II, yang telah meluangkan waktu, tenaga, dan pikiran dalam membimbing, mengarahkan, memotivasi, menasehati, serta memberi semangat kepada penulis supaya dapat menyelesaikan skripsi ini. 6. Bapak Drs. Agus Salim Harahap, M.Si selaku Dosen Pembanding I dan Ibu Dian

Rachmawati, S.Si, M.Kom selaku Dosen Pembanding II yang telah memberikan kritik dan saran terhadap skripsi penulis.

7. Seluruh staf pengajar dan pegawai Program studi S1 Ilmu Komputer Fasilkom – TI USU.

8. Kedua orang tua penulis yang tercinta, ibunda Arbaiyah dan ayahanda Budiman yang tidak henti-hentinya memberikan doa, motivasi, serta masukan yang menjadikan semangat untuk penulis.

9. Nenek tercinta nenek Sarmah, dan adik tersayang Sukma Ramadhan Lubis yang selalu memberikan motivasi dan doa untuk menyelesaikan skripsi ini.

10. Abang tersayang Tedjamukti Raharja, S.Kom yang selalu membantu, mendoakan serta memberikan semangat kepada penulis dalam menyelesaikan skripsi ini. 11. Abang Rio Auditya, S.Kom selaku pemilik Kopi Tampan yang sudah

memberikan informasi dan membantu dalam menyelesaikan skripsi ini.

12. Sahabat dan rekan Murni Kurniati, Rezky Ariesta, Joshua Christy, Aditya Putra, Widya, Raja Rizky, Reza Mahardi Sidabutar, Novri Sultanti, Cholik Indriyanto, dan Hari Rahman Nihe yang selalu membantu dan mendukung dalam menyelesaikan skripsi ini.

13. Teman – teman seperjuangan mahasiswa S1 Ilmu Komputer stambuk 2011 yang selalu memberi dukungan.

14. Semua pihak yang terlibat langsung ataupun tidak langsung yang tidak dapat penulis ucapkan satu per satu yang telah membantu menyelesaikan skripsi ini.

Penulis menyadari bahwa skripsi ini masih memiliki banyak kekurangan, baik dari segi teknik, tata penyajian ataupun dari segi tata bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran dari pembaca dalam upaya perbaikan skripsi ini. Semoga skripsi ini dapat bermanfaat bagi penulis dan pembaca, khususnya rekan-rekan mahasiswa lainnya yang mengikuti perkuliahan di Universitas Sumatera Utara.

Medan, Oktober 2015 Penulis

ABSTRAK

Kopi merupakan salah satu minuman yang paling banyak disukai dari berbagai kalangan. Selain itu, juga menjadi suatu bisnis yang sangat menguntungkan. Banyaknya perusahaan kopi di Indonesia yang bersaing dalam mempromosikan produknya. Meningkatnya permintaan terhadap bisnis kopi membuat Kopi Tampan sebagai alternatif dalam permasalahan pencarian kerja atau menjadi mitra bisnis. Seperti perancangan bisnis yang ditawarkan oleh Kopi Tampan dalam hal produk, gerobak atau pun cafe. Kopi tampan merupakan bisnis kopi baru yang menggunakan kopi pilihan dari Sumatera yaitu Aceh dan Mandailing dengan menggunakan Augmented Reality berbasis Android. Dengan penerapan Augmented Reality tersebut dapat memberikan kemudahan dalam mendapatkan informasi dan menjadi solusi untuk dapat memilih Kopi Tampan sebagai alternatif bisnis yang sesuai dengan kebutuhan konsumen atau mitra bisnis.

IMPLEMENTATION OF AUGMENTED REALITY

IN BUSINESS DESIGN OF KOPI TAMPAN

ABSTRACT

Coffee is one of the drinks which is the most preferred by various communities. Besides that, it also becomes a very profitable business. Many coffee companies in Indonesia compete in promoting their products. The rising of demand to the coffee business makes Kopi Tampan as the alternative to the problem in searching job or becomes business partner. Such as the business design which is offered by Kopi Tampan in the terms of product, cart or cafe. Kopi Tampan is the new business coffee which uses the selection coffee from Sumatera, which are Aceh and Mandailing using Augmented Reality which is based on Android. By the application of the Augmented Reality can give the ease in getting information and becomes the solution to choose Kopi Tampan as the alternative business which is in accordance with the need of consumer or business partner.

DAFTAR ISI

PERSETUJUAN ii

PERNYATAAN iii

UCAPAN TERIMA KASIH iv

ABSTRAK vi

ABSTRACT vii

DAFTAR ISI viii

DAFTAR TABEL xi

DAFTAR GAMBAR xii

BAB 1 PENDAHULUAN

1.1Latar Belakang 1

1.2Rumusan Masalah 3

1.3Batasan Masalah 3

1.4Tujuan Penelitian 3

1.5Manfaat Penelitian 4

1.6Metodologi Peneltian 4

1.7Sistemeatika penulisan 5

BAB 2 LANDASAN TEORI

2.1 Benda 3 Dimensi 6

2.2 Augmented Reality 6

2.2.1 Sejarah Augmented Reality 9

2.3 Blender 3D 10

2.4 Unity 11

2.5 Vuforia SDK 14

2.5.1 Arsitektur Vuforia 15

2.6 Marker 17

2.6.1 Metode Markerless Augmented Reality 18

2.7 Android 20

2.7.1 Android SDK 22

2.8 Kopi 22

2.8.1 Jenis – Jenis Kopi 22

2.9 Booklet 23

2.10 Penelitian Yang Relevan 24

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem 25

3.1.1 Analisis Masalah 25

3.1.2 Analisis Kebutuhan Sistem 26

3.1.2.1 Persyaratan Fungsional 27 3.1.2.2 Persyaratan Non Fungsional 27

3.2 Pemodelan Visual UML 27

3.2.1 Identifikasi Use Case Diagram 27

3.2.2 Identifikasi Activity Diagram 29

3.3 Flowchart 31 3.4 Perancangan Tampilan Antarmuka Aplikasi 34 3.4.1 Rancangan Halaman Landing Page 34

3.4.2 Rancangan PopUp About 35

3.4.3 Rancangan Halaman Home/Menu Utama 35 3.4.4 Rancangan Halaman Kopi Tampan 36

3.4.5 Rancangan Halaman Produk 40

3.4.6 Rancangan Halaman Augmented Reality Gerobak 44 3.4.7 Rancangan Halaman Augmented Reality Mini Cafe 45

3.4.8 Rancangan PopUp Marker 46

3.4.9 Rancangan PopUp Help 47

3.5 Rancangan Objek 3D 48

BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi 50

4.1.1 Implementasi Program 50

4.1.1.1 Program Untuk Rotate 51

4.1.1.2 Program Untuk Zoom 51

4.1.1.3 Program Untuk Sound 52 4.1.2 Implementasi Tampilan Aplikasi 52 4.1.2.1 Tampilan Penginstalan Aplikasi 52 4.1.2.2 Tampilan Halaman Splash Screen 53 4.1.2.3 Tampilan Landing Page 53 4.1.2.4 Tampilan Halaman Home/Menu Utama 54 4.1.2.5 Tampilan Halaman Kopi Tampan 55 4.1.2.6 Tampilan Halaman Produk 56 4.1.2.7 Tampilan Halaman Augmented Reality Gerobak 58 4.1.2.8 Tampilan Halaman Augmented Reality Mini Cafe 58 4.1.2.9 Tampilan PopUp Marker 59 4.1.2.10 Tampilan PopUp Help 59 4.1.3 Implementasi Tampilan Marker AROPITAM 60 4.1.4 Implementasi Tampilan Booklet 61

4.2 Pengujian Aplikasi 61

4.2.1 Pengujian Black Box 61 4.2.1.1 Proses Tekan Tombol Start 61 4.2.1.2 Proses Tekan Tombol About 62 4.2.1.3 Proses Tekan Tombol Kopi Tampan 63 4.2.1.4 Proses Tekan Tombol Next Pada Halaman

Kopi Tampan 1 63

4.2.1.5 Proses Tekan Tombol Next Pada Halaman

Kopi Tampan 2 63

4.2.1.6 Proses Tekan Tekan Tombol Next Pada Halaman

Kopi Tampan 3 64

4.2.1.7 Proses Tekan Tombol Produk 64 4.2.1.8 Proses Tekan Tombol Gerobak 65

4.2.1.9 Proses Tekan Tombol Mini Cafe 65 4.2.1.10 Proses Tekan Tombol Marker 65

4.2.1.11 Proses Tekan Tombol Help 66 4.2.1.12 Proses Tekan Tombol Gayo Coffee 66

4.2.1.13 Proses Tekan Tombol Premium Coffee 66 4.2.1.14 Proses Tekan Tombol Jantan Coffee 67 4.3 Pengujian Objek 67

4.3.1 Pengujian Rotasi 67

4.3.2 Pengujian Zoom 68

4.3.3 Pengujian Sound 69

4.4 Pengujian Langsung Kepada Pengguna AROPITAM 69 4.4.1 Hasil Evaluasi Aspek Penggunaan Sistem 70 4.4.2 Hasil Evaluasi Aspek Penggunaan Sound 72 BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 74

5.2 Saran 74

DAFTAR PUSTAKA 75

LAMPIRAN

LISTING PROGRAM A-1

FORM KUESIONER B-1

DATA PENGISI KUESIONER C-1

DAFTAR TABEL

Hal

Tabel 2.1 Hasil Penelitian Augmented Reality menggunakan Platform 24 Android

Tabel 3.1 Spesifikasi Use Case Analisis Sistem 29 Tabel 3.2 Keterangan Bagian-Bagian Rancangan Halaman Landing Page 34 Tabel 3.3 Keterangan Bagian-Bagian Rancangan PopUp About 35 Tabel 3.4 Keterangan Bagian-Bagian Rancangan Halaman Home/Menu Utama 36 Tabel 3.5 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 1 37 Tabel 3.6 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 2 38 Tabel 3.7 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 3 39 Tabel 3.8 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 4 40 Tabel 3.9 Keterangan Bagian-Bagian Rancangan Halaman Produk Kopi 41 Tampan

Tabel 3.10 Keterangan Bagian-Bagian Rancangan Halaman Augmented 42 Reality Gayo Coffee

Tabel 3.11 Keterangan Bagian-Bagian Rancangan Halaman Augmented 43 Reality Premium Coffee

Tabel 3.12 Keterangan Bagian-Bagian Rancangan Halaman Augmented 44 Reality Jantan Coffee

Tabel 3.13 Keterangan Bagian-Bagian Rancangan Gerobak 45 Tabel 3.14 Keterangan Bagian-Bagian Rancangan Mini Cafe 46 Tabel 3.15 Keterangan Bagian-Bagian Rancangan Marker 47 Tabel 3.16 Keterangan Bagian-Bagian Rancangan Help 47 Tabel 4.1 Hasil Pengujian Tekan Tombol Start 62 Tabel 4.2 Hasil Pengujian Tekan Tombol About 62 Tabel 4.3 Hasil Pengujian Tekan Tombol Kopi Tampan 63 Tabel 4.4 Hasil Pengujian Tekan Tombol Next Pada Halaman Kopi Tampan 1 63 Tabel 4.5 Hasil Pengujian Tekan Tombol Next Pada Halaman Kopi Tampan 2 64 Tabel 4.6 Hasil Pengujian Tekan Tombol Next Pada Halaman Kopi Tampan 3 64 Tabel 4.7 Hasil Pengujian Tekan Tombol Produk 64 Tabel 4.8 Hasil Pengujian Tekan Tombol Gerobak 65 Tabel 4.9 Hasil Pengujian Tekan Tombol Mini Cafe 65 Tabel 4.10 Hasil Pengujian Tekan Tombol Marker 66 Tabel 4.11 Hasil Pengujian Tekan Tombol Help 66 Tabel 4.12 Hasil Pengujian Tekan Tombol Gayo Coffee 66 Tabel 4.13 Hasil Pengujian Tekan Tombol Premium Coffee 67 Tabel 4.14 Hasil Pengujian Tekan Tombol Jantan Coffee 67

Tabel 4.15 Hasil Kuesioner Pengujian Sound 69

DAFTAR GAMBAR

Hal Gambar 2.1 Contoh Benda/Objek 3 Dimensi Bangun Ruang 6 Gambar 2.2 Contoh Augmented reality Pada Simulasi Perencanaan 7 Pembangunan Gedung.

Gambar 2.3 Augmented Reality pada Platform Android 10

Gambar 2.4 Diagram rendering Unity 3D 14

Gambar 2.5 Gambaran Kerja Vuforia 17

Gambar 2.6 Contoh Marker Sebelum Mengalami Perkembangan 17

Gambar 2.7 Metode Markerless 19

Gambar 2.8 Proses Mendeteksi Marker 20

Gambar 3.1 Diagram Ishikawa Untuk Analisis Masalah 26 Gambar 3.2 Use Case Diagram Analisis Sistem 28 Gambar 3.3 Activity Diagram Analisis Sistem 30 Gambar 3.4 Sequence Diagram Analisis Sistem 31

Gambar 3.5 Flowchart Pembuatan Objek 3D 31

Gambar 3.6 Flowchart Pembuatan Marker 32

Gambar 3.7 Flowchart Pembuatan Aplikasi 32

Gambar 3.8 Flowchart Sistem 33

Gambar 3.9 Rancangan Landing Page 34

Gambar 3.10 Rancangan PopUp About 35

Gambar 3.11 Rancangan Home/Menu Utama 36

Gambar 3.12 Rancangan Halaman Kopi Tampan 1 37 Gambar 3.13 Rancangan Halaman Kopi Tampan 2 38 Gambar 3.14 Rancangan Halama n Kopi Tampan 3

39

Gambar 3.15 Rancangan Halaman Kopi Tampan 4 40 Gambar 3.16 Rancangan Halaman Produk Kopi Tampan 41 Gambar 3.17 Rancangan Halaman Augmented Reality Gayo Coffee 42 Gambar 3.18 Rancangan Halaman Augmented Reality Premium Coffee 43 Gambar 3.19 Rancangan Halaman Augmented Reality Jantan Coffee 44 Gambar 3.20 Rancangan Halaman Augmented Reality Gerobak 45 Gambar 3.21 Rancangan Halaman Augmented Reality Mini Cafe 46

Gambar 3.22 Rancangan PopUp Marker 46

Gambar 3.23 Rancangan PopUp Help 47

Gambar 3.24 Rancangan Objek 48

Gambar 4.1 Tampilan Monodevelop 50

Gambar 4.2 Tampilan saat menginstal aplikasi “AROPITAM” 52

Gambar 4.3 Tampilan Splash Screen 53

Gambar 4.4 Tampilan Landing Page 53

Gambar 4.5 Tampilan PopUp About 54

Gambar 4.6 Tampilan Home/Menu Utama 54

Gambar 4.7 Tampilan Kopi Tampan 1 55

Gambar 4.8 Tampilan Kopi Tampan 2 55

Gambar 4.10 Tampilan Kopi Tampan 4 56

Gambar 4.11 Tampilan Halaman Produk 57

Gambar 4.12 Tampilan Augmented Reality Gayo Coffee 57 Gambar 4.13 Tampilan Augmented Reality Premium Coffee 57 Gambar 4.14 Tampilan Augmented Reality Jantan Coffee 58 Gambar 4.15 Tampilan Augmented Reality Gerobak 58 Gambar 4.16 Tampilan Augmented Reality Mini Cafe 59

Gambar 4.17 Tampilan PopUp Marker 59

Gambar 4.18 Tampilan PopUp Help 60

Gambar 4.19 Tampilan Marker 60

Gambar 4.20 Tampilan Booklet 61

Gambar 4.21 (a) Pengujian Objek Sebelum Melakukan Rotasi (b) Pengujian 68 Objek Setelah Melakukan Rotasi

Gambar 4.22 (a) Pengujian Objek Sebelum Melakukan Zoom (b) Pengujian 68 Objek Setelah Melakukan Zoom

Gambar 4.23 Diagram Evaluasi Berdasarkan Penggunaan Sistem 71 Gambar 4.24 Diagram Hasil Evaluasi Berdasarkan Penggunaan Sistem 72 Gambar 4.25 Diagram Evaluasi Berdasarkan Penggunaan Suara 72 Gambar 4.26 Diagram Hasil Evaluasi Berdasarkan Penggunaan Suara 73

ABSTRAK

Kopi merupakan salah satu minuman yang paling banyak disukai dari berbagai kalangan. Selain itu, juga menjadi suatu bisnis yang sangat menguntungkan. Banyaknya perusahaan kopi di Indonesia yang bersaing dalam mempromosikan produknya. Meningkatnya permintaan terhadap bisnis kopi membuat Kopi Tampan sebagai alternatif dalam permasalahan pencarian kerja atau menjadi mitra bisnis. Seperti perancangan bisnis yang ditawarkan oleh Kopi Tampan dalam hal produk, gerobak atau pun cafe. Kopi tampan merupakan bisnis kopi baru yang menggunakan kopi pilihan dari Sumatera yaitu Aceh dan Mandailing dengan menggunakan Augmented Reality berbasis Android. Dengan penerapan Augmented Reality tersebut dapat memberikan kemudahan dalam mendapatkan informasi dan menjadi solusi untuk dapat memilih Kopi Tampan sebagai alternatif bisnis yang sesuai dengan kebutuhan konsumen atau mitra bisnis.

IMPLEMENTATION OF AUGMENTED REALITY

IN BUSINESS DESIGN OF KOPI TAMPAN

ABSTRACT

Coffee is one of the drinks which is the most preferred by various communities. Besides that, it also becomes a very profitable business. Many coffee companies in Indonesia compete in promoting their products. The rising of demand to the coffee business makes Kopi Tampan as the alternative to the problem in searching job or becomes business partner. Such as the business design which is offered by Kopi Tampan in the terms of product, cart or cafe. Kopi Tampan is the new business coffee which uses the selection coffee from Sumatera, which are Aceh and Mandailing using Augmented Reality which is based on Android. By the application of the Augmented Reality can give the ease in getting information and becomes the solution to choose Kopi Tampan as the alternative business which is in accordance with the need of consumer or business partner.

BAB 1

PENDAHULUAN

1.1Latar Belakang

Indonesia menjadi salah satu negara penghasil kopi kualitas terbaik di dunia dan tercatat sebagai negara peringkat ke empat terbesar dari segi hasil produksi kopi. Kopi Indonesia memiliki berbagai jenis varian dimana varian ini muncul disebabkan oleh daerah tanam yang sangat beragam. Pulau Sumatera merupakan salah satu daerah yang sangat terkenal dengan penghasil kopi. Kopi Mandailing, Kopi Aceh Gayo, dan Kopi Sidikalang merupakan bagian dari Kopi Sumatera.

Kopi merupakan salah satu minuman yang paling banyak diminati dari berbagai kalangan di dunia karena setiap kopi memiliki cita rasa yang berbeda – beda. Jenis kopi yang paling terkenal adalah kopi arabika dan robusta.

Selain itu, kopi juga menjadi salah satu bisnis yang menguntungkan. Seperti banyaknya perusahaan kopi di Indonesia yang menghadirkan produk – produk yang menggunakan biji kopi unggul. Seperti Nescafe dari Nestle, Fresco, Kapal Api, ABC, Excelso dan Good Day dari Kapal Api Global, Indocafe dari Sari Incofood Corporation, dan Kopiko, Torabika dari Mayora. Lalu ada juga King Of Mandheling, Gayo Arabica Premium, dan Sidikalang Arabica Premium dari kopisidikalang.com, adalah produk kopi yang berasal dari Sumatera Utara. Setiap perusahaan memiliki cara masing – masing dalam mempromosikan produk, misalnya saja Torabika yang mempromosikan produknya dengan cara melakukan kerja sama mitra melalui gerobak dan mini cafe di tiap-tiap daerah.

Semakin tinggi jumlah orang yang ingin mencari kerja dan sedikitnya lowongan pekerjaan yang ada di Indonesia maka berbisnis adalah salah satu alternatif untuk pemasukan kebutuhan hidup sehari-hari. Meningkatnya permintaan terhadap peluang waralaba bisnis kopi membuat kopi tampan sebagai alternatif dalam permasalahan pencarian kerja. Dimana dengan pendekatan Augmented Reality menjadi solusi untuk mendapatkan informasi dari bisnis kopi tampan tersebut.

Kopi Tampan merupakan suatu bisnis kopi baru yang menggunakan kopi pilihan daerah Sumatera yaitu Aceh dan Mandailing. Bisnis ini berdiri pada awal tahun 2015. Kopi Tampan memiliki 3 jenis produk yaitu premium coffee, jantan coffee, dan gayo coffee. Dalam perancangan bisnisnya, kopi tampan melakukan kerja sama mitra melalui pembuatan gerobak – gerobak kecil dan mini cafe dengan menerapkan Augmented Reality dalam media promosi berbasis Android. Penerapan Augmented Reality di butuhkan untuk memberikan gambaran informasi tentang produk, gerobak dan mini cafe secara 3D/virtual dengan menggunakan smartphone sebagai alat untuk memunculkan objek dari booklet sebagai markernya.

Augmented reality merupakan salah satu teknologi yang sangat berkembang saat ini, dengan menggabungkan benda maya dua atau tiga dimensi ke dalam sebuah lingkungan nyata tiga dimensi lalu memproyeksikan benda-benda maya tersebut dalam waktu nyata. Penerapan Augmented reality tidak seperti realitas maya yang sepenuhnya nyata, namun hanya menambahkan dan melengkapi kenyataan dengan menggunakan sebuah library dan marker. Sehingga citra yang berbentuk tiga dimensi akan muncul pada layar komputer atau pun pada layar smartphone dengan bantuan kamera (Djuniharto, 2013). Android merupakan software untuk perangkat mobile yang meliputi sistem operasi, middleware dan aplikasi inti (Eder, 2012).

Dengan adanya permasalahan diatas, untuk itu penulis akan membuat sebuah aplikasi mobile yang dapat memberikan informasi dalam perancangan bisnis produk kopi tampan secara 3D/virtual berbasis Android melalui judul skripsi “Implementasi Augmented Reality Dalam Perancangan Bisnis Produk Kopi Tampan” dan menjadi solusi untuk dapat memilih kopi tampan sebagai alternatif bisnis yang ssesuai dengan kebutuhan konsumen/ mitra bisnis.

1.2Rumusan Masalah

Berdasarkan latar belakang diatas, maka rumusan masalah dalam skripsi ini adalah bagaimana membangun suatu aplikasi perancangan bisnis produk kopi tampan menggunakan bantuan kamera smartphone dengan cara mengimplementasikan augmented reality dalam memvisualisasikan citra pada marker secara realtime (langsung).

1.3Batasan Masalah

Agar pembahasan tidak menyimpang dari tujuan, maka perlu dibuat batasan masalah yaitu :

1. Perancangan aplikasi ini hanya membahas tentang perancangan bisnis dari produk kopi tampan.

2. Inputan berasal dari kamera smartphone.

3. Ouput yang dihasilkan adalah citra dari tiga dimensi. Output terdiri dari aplikasi mobile dan marker pada sebuah booklet.

4. Satu marker hanya terdiri dari satu objek dan sound. 5. Library yang digunakan adalah Vuforia.

6. Objek dibangun menggunakan Adobe Photoshop 4 dan Blender 3D.

7. Aplikasi dirancang menggunakan Unity 5, Android SDK, dan bahasa pemrograman C#.

8. Metode pada marker adalah Markerless.

9. Objek yang ditampilkan sebanyak 5 objek. 3 objek terdiri dari produk kopi tampan yaitu premium coffee, gayo coffee, dan jantan coffee, 1 gerobak dan 1 mini cafe.

1.4Tujuan Penelitian

Tujuan penelitian ini adalah membangun suatu aplikasi untuk memperkenalkan bisnis dan produk kopi tampan yang berasal dari petani kopi pulau Sumatera kepada para konsumen maupun investor.

1.5Manfaat Penelitian

Manfaat yang diharapkan dari penelitian ini adalah :

1. Sistem yang dibuat dapat digunakan untuk memperkenalkan bisnis dan produk kopi tampan yang berasal dari petani kopi pulau Sumatera kepada para konsumen maupun investor.

2. Sistem dapat digunakan untuk media presentasi atau promosi dari suatu produk. 3. User lebih mudah dalam mendapatkan informasi dari bisnis yang ditawarkan. 4. Konsumen atau investor mendapatkan informasi secara jelas.

5. Membantu petani kopi Sumatera dalam meningkatkan produksi biji kopi.

6. Menambah pengetahuan dan pengalaman dalam mengimplementasikan ilmu yang di dapat dari perkuliahan.

1.6Metode Penelitian

Metode penelitian yang akan digunakan adalah : a. Studi Literatur

Pada tahap ini dilakukan pembelajaran terhadap buku-buku Android, artikel-artikel, jurnal-jurnal, serta beberapa penelitian tentang Augmented Reality.

b. Analisis dan Perancangan

Pada tahap ini dilakukan analisis terhadap masalah, proses, cara kerja, dan solusi dalam Augmented Reality, lalu dilakukan perancangan untuk menyelesaikan masalah yang ditemukan pada analisis.

c. Implementasi

Pada tahap ini dilakukan pembuatan program dengan menggunakan Adobe Photoshop 4, dan Blender 3D, Unity 5, Vuforia, Android SDK.

d. Pengujian

Dilakukan pengujian terhadap sistem yang telah dibuat berdasarkan analisis dan perancangan sebelumnya. Apakah aplikasi dapat berjalan sesuai teori dan tujuan dari penelitian. Jika ditemukan kesalahan maka akan dilakukan perbaikan terhadap aplikasi.

e. Dokumentasi

Dokumentasi dibuat sebagai laporan hasil penelitian dalam bentuk skripsi sesuai dengan format penulisan penelitian yang sudah ditentukan.

1.7Sistematika Penelitian

Adapun langkah-langkah dalam menyelesaikan penelitian ini adalah sebagai berikut : BAB 1 : PENDAHULUAN

Bab ini akan menjelaskan mengenai latar belakang pemilihan judul skripsi “Implementasi Augmented Reality Dalam Perancangan Bisnis Produk Kopi Tampan”, rumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, metodologi penelitian, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI

Bab ini membahas mengenai teori tentang 3 Dimensi, Augmented Reality, Marker, Unity 5, Vuforia, Android, Blender 3D, Booklet dan Kopi yang berkaitan dengan perancangan aplikasi AROPITAM.

BAB 3 : ANALISIS DAN PERANCANGAN SISTEM

Bab ini menjelaskan analisis yang dilakukan terhadap permasalahan dan penyelesaian persoalan tentang perancangan sistem.

BAB 4 : IMPLEMENTASI DAN PENGUJIAN SISTEM

Bab ini berisi implemetasi perncangan sistem yang telah dibuat serta pengujian sistem untuk mengetahui kelebihan dan kekurangan dari sistem yang sudah dibuat.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan yang didapat dari keseluruhan uraian pada bab sebelumnya dan saran yang diharapkan dapat bermanfaat dalam pengembangan penelitian berikutnya.

Pada Gambar 2.2, suatu marker yang besar diletakkan pada daerah pembangunan, kemudian dilakukan pengambilan gambar dengan helikopter. Dari imput yang didapat kemudian dilakukan suatu simulasi perencanaan pembangunan gedung yang baru.

Bidang-bidang yang pernah menerapkan teknologi Augmented Reality adalah: 1. Kedokteran (Medical)

Teknologi pencitraan sangat dibutuhkan di dunia kedokteran, seperti misanya untuk simulasi operasi, simulasi pembuatan vaksin virus, dll. Untuk itu, bidang kedokteran menerapkan Augmented Reality pada visualisasi penelitian mereka.

2. Hiburan (Entertainment)

Dunia hiburan membutuhkan Augmented Reality sebagai penunjang efek-efek yang akan dihasilkan oleh hiburan tersebut. Sebagai contoh, ketika seorang wartawan cuaca memperkirakan ramalan cuaca, dia berdiri di depan layar hijau atau biru, kemudian dengan teknologi augmented reality, layar hijau atau biru tersebut berubah menjadi gambar animasi tentang cuaca tersebut, sehingga seolah-olah wartawan tersebut, masuk ke dalam animasi tersebut.

3. Latihan Militer (Military Training)

Militer telah menerapkan Augmented Reality pada latihan tempur mereka. Sebagai contoh, militer menggunakan Augmented Reality untuk membuat sebuah permainan perang, dimana prajurit akan masuk kedalam dunia game tersebut, dan seolah-olah seperti melakukan perang sesungguhnya.

4. Engineering Design

Seorang engineering design membutuhkan Augmented Reality untuk menampilkan hasil design mereka secara nyata terhadap clien. Dengan Augmented Reality klien akan tahu, tentang spesifikasi yang lebih detail tentang desain mereka.

5. Robotics dan Telerobotics

Dalam bidang robotika, seorang operator robot, mengunnakan pengendari pencitraan visual dalam mengendalikan robot itu. Jadi, penerapan Augmented Reality dibutuhkan di dunia robot.

6. Consumer Design

Virtual reality telah digunakan dalam mempromosikan produk. Sebagai contoh, seorang pengembang menggunakan brosur virtual untuk memberikan informasi yang lengkap secara 3D, sehingga pelanggan dapat mengetahui secara jelas produk yang ditawarkan. (Andriyadi, 2011).

2.2.1 Sejarah Augmented Reality

Morton Heilig, seorang sinematografer, pada tahun 1962, membangun "The Cinema Of The Future," bernama Sensorama, sebelum digital komputasi. Selanjutnya, Ivan Sutherland menemukan “Head Mounted Display” pada tahun 1966.

Pada tahun 1975, Myron Krueger menciptakan “Videoplace”, ruang yang memungkinkan pengguna untuk berinteraksi dengan objek virtual untuk pertama kalinya. Pada tahun 1999, Hirokazu Kato, mengembangkan “ArToolkit” di HITLab dan didemonstrasikan di SIGGRAPH. Outdoor mobile pertama AR permainan, yaitu ARQuake, dikembangkan oleh Bruce Thomas pada tahun 2000 dan ditunjukkan di Symposiumon Wearable Internasional Komputer. Tahun-tahun berikutnya, semakin banyak aplikasi AR dikembangkan terutama dengan aplikasi mobile, seperti pengembangan aplikasi medis pada tahun 2007. Pada tahun 2008, Wikitude AR Travel Guide, memperkenalkan Android G1 Telephone yang berteknologi AR, tahun 2009, Saqoosha memperkenalkan “FLARToolkit” yang merupakan perkembangan dari ArToolkit. Ditahun yang sama, Wikitude Drive meluncurkan sistem navigasi berteknologi AR di Platform Android. Tahun 2010, Acrossair menggunakan teknologi AR pada I-Phone 3GS. Saat ini, dengan kemajuan baru dalam teknologi, peningkatan jumlah AR sistem dan aplikasi yang dihasilkan, terutama dengan prototipe rasa MIT 6 dan pelepasan iPad 2 dan penerus dan pesaing, khususnya Eee Pad, dan iPhone 4, yang menjanjikan untuk merevolusi ponsel AR (Putra, 2013).

Beberapa komponen yang diperlukan dalam pembuatan dan pengembangan aplikasi AR adalah sebagai berikut :

1. Komputer, berfungsi sebagai perangkat yang digunakan untuk mengendalikan semua proses yang akan terjadi dalam sebuah aplikasi.

2. Marker, berfungsi sebagai gambar (image) untuk mendeteksi objek. Dengan menggunakan marker ini maka proses tracking pada saat aplikasi digunakan.

Komputer akan mengenali posisi dan orientasi dari marker dan akan menciptakan objek virtual yang berupa objek 3D yaitu pada titik (0,0,0) dan 3 sumbu (X,Y,Z).

3. Kamera, berfungsi sebagai perangkat yang merecording sensor. Kamera tersebut terhubung ke komputer yang akan memproses image yang mendukung marker (Pratama, 2014).

Berikut merupakan contoh Augmented Reality pada Platform Android ysng dapat dilihat pada Gambar 2.3.

Gambar 2.3 Augmented Reality pada Platform Android

(Sumber gambar : http://cdn2.ubergizmo.com/wp-content/uploads/2011/05/smartar.jpg).

2.3Blender 3D

Blender adalah salah satu software open source yang digunakan untuk membuat konten multi objek khususnya 3 Dimensi. Ada beberapa kelebihan yang dimiliki blender dibandingkan software sejenis. Berikut kelebihannya :

1. Open Source, Blender merupakan salah satu software open source, dimana kita bisa bebas memodifikasi source code untuk keperluan pribadi maupun komersial, asal tidak melanggar General Public License (GNU) yang digunakan Blender.

2. Multi Platform, Karena sifatnya yang open source, Blender tersedia untuk berbagai macam sistem operasi seperti Linux, Mac dan Windows.

3. Update dengan status yang Open Source, Blender bisa dikembangkan oleh siapapun. Sehingga update software ini jauh lebih cepat dibandingkan software sejenis lainnya.

4. Free, Blender merupakan sebuah software yang gratis. Blender gratis bukan karena tidak laku, melainkan karena luar biasanya fitur yang mungkin tak dapat dibeli dengan uang, selain itu dengan digratiskannya software ini, siapapun bisa berpartisipasi dalam mengembangkannya untuk menjadi lebih baik.

5. Lengkap, Blender memiliki fitur yang lebih lengkap dari software 3D lainnya. Blender tersedia fitur Video editing, Game Engine, Node Compositing, Sculpting. Dan bukan lagi plugin, tapi sudah include atau di bundling.

6. Ringan, Blender relatif ringan jika dibandingkan software sejenis. Hal ini terbuti dengan sistem minimal untuk menjalankan Blender. Hanya dengan RAM 512 dan prosesor Pentium 4 dan VGA on board, Blender sudah dapat berjalan dengan baik.

7. Komunitas Terbuka, Tidak perlu membayar untuk bergabung dengan komunitas Blender yang sudah tersebar di dunia. Dari yang baru sampai yang sudah ahli terbuka untuk menerima masukan dari siapapun, selain itu mereka juga saling berbagi tutorial dan file secara terbuka (Adam, 2014).

2.4Unity 5

Unity 5 adalah perangkat lunak game engine untuk membangun permainan 3 Dimensi (3D). Game engine merupakan komponen yang ada di balik layar setiap video game. Selain itu unity juga dikatakan sebagai game engine yang populer karena memiliki fitur – fitur yang mencakup semua aspek dalam proses pembuatan game.

Adapun fitur - fitur yang dimiliki oleh unity 3D antara lain sebagai berikut:

1. Integrated development environment (IDE) atau lingkungan pengembangan terpadu.

2. Penyebaran hasil aplikasi pada banyak platform.

3. Engine grafis menggunakan Direct3D (windows), OpenGL (Mac, Windows), OpenGL ES (Android, iOS), dan Proprietary API (Wii)

4. Game scripting melalui Mono. Scripting yang dibangun pada Mono, implementasi open source dari NET Framework. Selain itu pemrograman dapat menggunakan UnityScript (bahasa custom dengan sintaks JavaScript-inspired), bahasa C# atau BOO (yang memiliki sintaks Python-inspired).

Selain itu, Unity juga menyediakan dokumntasi melalui script API, secara manual dan melalui sebuah tutorial yang digunakan untuk menciptakan suatu interaksi didalam aplikasi yang diciptakan. Biasanya dokumentasi digunakan untuk pengembangan aplikasi yang akan diciptakan. Unity mendukung bahasa pemrograman C#, Javascript, dan Boo.

1. Transformasi 3 dimensi

merupakan suatu metode yang dapat digunakan untuk memanipulasi lokasi sebuah titik. Apabila transformasi dikenakan terhadap sekumpulan titik yang membentuk sebuah benda (obyek) maka benda tersebut akan mengalami perubahan. Perubahan dalam hal ini adalah perubahan dari lokasi awal suatu benda menuju lokasi yang baru dari benda tersebut. Pada transformasi tiga dimensi sumbu yang dipergunakan adalah sumbu x, sumbu y, dan sumbu z. Sumbu z berfungsi untuk menampilkan kesan kedalaman yang akan dilihat oleh mata manusia (Sulastri, 2007).

a. Rotasi

Rotasi dapat diartikan dengan perpindahan lokasi awal dari sebuah benda (objek) dengan cara diputar terhadap sumbu koordinat sebagai pusat perputaran. Sumbu koorinat tersebut adalah sumbu x, sumbu y, sumbu z (Sulastri, 2007). Berikut contoh dokumentasi yang digunakan untuk rotasi.

void Update() {

transform.Rotate(Vector3.right, Time.deltaTime);

transform.Rotate(Vector3.up, Time.deltaTime, Space.World);

} }

b. Penskalaan

Skala berfungsi untuk memperbesar atau memperkecil benda (objek) sesuai dengan ukuran yang diinginkan oleh pengguna program (Sulastri, 2007). Berikut contoh dokumentasi yang digunakan untuk skala.

void Example() {

// Widen the object by 0.1

2. Audio

merupakan suara atau bunyi yang dihasilkan dari suatu benda. Berikut contoh dokumentasi yang digunakan untuk audio.

void Start() {

AudioSource audio = GetComponent<AudioSource>(); audio.Play();

}

Mesh merupakan bentuk dasar dari objek 3D. Game Objek adalah kontainer untuk semua komponen lainnya. Material digunakan dan dihubungkan dengan mesh atau renderer partikel yang melekat pada game objek. Material berhubungan dengan penyaji mesh atau partikel yang melekat pada game objek tersebut. Mesh atau partikel tidak dapat ditampilkan tanpa material karena material meliputi referensi untuk Shader yang digunakan untuk membuat mesh partikel. Material digunakan untuk menempatkan tekstur ke Game Objects.

Sebelum menjalankan aplikasi unity, download dan instal SDK Android lalu tambahkan perangkat fisik ke sistem. Unity memungkinkan pemanggilan fungsi custom yang ditulis dalam C / C ++ secara langsung dan Java secara tidak langsung dari script C #. QCAR SDK membutuhkan renderer untuk menampilkan objek virtual kedalam lingkungan nyata. Proses pelacakan posisi dan orientasi hingga mengenali target sebagai tempat memunculkan objek dilakukan dengan sistem QCAR. Sedangkan Unity 3D berperan dalam menciptakan objek maya 3D dan proses rendering grafis sama seperti yang dilakukan pada lingkungan antarmuka Unity 3D. Perbedaan mendasar antar Unity desktop dan Unity Android yaitu :

a) Dynamic typing pada JavaScript tidak diperbolehkan dalam Unity Android. b) Terrain Engine tidak didukung pada perangkat Android.

c) ETC sebagai Texture Compression di Persatuan Android tidak mendukung PVRTC/ ATC.

d) Movie texture tidak didukung pada Android, tetapi streaming video layar penuh disediakan melalui fungsi scripting (Pratama, 2014).

Gambar 2.4 Diagram rendering Unity 3D Sumber : (Rizki, 2012).

Pada Gambar 2.4 terlihat hasil akhir objek yang akan dimunculkan setelah pelacakan. Setiap objek yang akan dimunculkan memiliki bentuk dan tekstur masing-masing. Objek juga tidak selalu bersifat statis. Seringkali objek yang diinginkan adalah objek bergerak. Unity bertugas memproses ini sehingga objek-objek tersebut dapat muncul dengan baik pada perangkat android (Rizki, 2012).

2.5Vuforia SDK

Vuforia adalah Augmented Reality Software Development Kit (SDK) untuk perangkat mobile yang memungkinkan pembuatan aplikasi Augmented Reality. Dulunya lebih dikenal dengan QCAR (Qualcomm Company Augmentend Reality). Ini menggunakan teknologi Computer Vision untuk mengenali dan melacak gambar planar (Target Image) dan objek 3D sederhana, seperti kotak, bola dan lainnya secara real-time. Kemampuan registrasi citra memungkinkan pengembang untuk mengatur posisi dan virtual orientasi objek, seperti model 3D dan media lainnya, dalam kaitannya dengan gambar dunia nyata ketika hal ini dilihat melalui kamera perangkat mobile. Obyek maya kemudian melacak posisi dan orientasi dari gambar secara real-time sehingga perspektif pengguna pada objek sesuai dengan perspektif mereka pada Target Image, sehingga muncul bahwa objek virtual adalah bagian dari adegan dunia nyata. SDK Vuforia mendukung berbagai jenis target 2D dan 3D termasuk Target gambar 'markerless', 3D Multi target konfigurasi, dan bentuk Marker Frame. Fitur tambahan

dari SDK termasuk Deteksi Oklusi lokal menggunakan 'Tombol Virtual', runtime pemilihan gambar target, dan 27 kemampuan untuk membuat dan mengkonfigurasi ulang set pemrograman pada saat runtime. Vuforia menyediakan Application Programming Interfaces (API) di C++, Java, Objective-C. SDK mendukung pembangunan untuk IOS dan Android menggunakan Vuforia karena itu kompatibel dengan berbagai perangkat mobile termasuk iPhone (4/4S), iPad, dan ponsel Android dan tablet yang menjalankan Android OS versi 2.2 atau yang lebih besar dan prosesor ARMv6 atau 7 dengan FPU (Floating Point Unit ) kemampuan pengolahan.

Qualcomm Augmented Reality memberikan beberapa keuntungan seperti :

1. Teknologi computer vision untuk menyelaraskan gambar yang tercetak dan object 3D.

2. Mendukung beberapa alat development seperti Eclipse, Android, Xcode.

3. QCAR juga menawarkan development dan distribusi yang gratis (Rentor, 2013).

2.5.1 Arsitektur Vuforia

Vuforia SDK memerlukan beberapa komponen penting agar dapat bekerja dengan baik. Komponen - komponen tersebut antara lain :

a. Kamera

Kamera dibutuhkan untuk memastikan bahwa setiap frame ditangkap dan diteruskan secara efisien ke tracker. Para developer hanya tinggal memberi tahu kamera kapan mereka mulai menangkap dan berhenti.

b. Image Converter

Mengkonversi format kamera (misalnya YUV12) kedalam format yang dapat dideteksi oleh OpenGL (misalnya RGB565) dan untuk tracking (misalnya luminance).

c. Tracker

Mengandung algoritma computer vision yang dapat mendeteksi dan melacak objek dunia nyata yang ada pada video kamera. Berdasarkan gambar dari kamera, algoritma yang berbeda bertugas untuk mendeteksi trackable baru, dan mengevaluasi virtual button. Hasilnya akan disimpan dalam state object yang akan digunakan oleh video background renderer dan dapat diakses dari application code.

d. Video Background

Renderer Me-render gambar dari kamera yang tersimpan di dalam state object. Performa dari video background renderer sangat bergantung pada device yang digunakan.

e. Application Code Menginisialisasi semua komponen di atas dan melakukan tiga tahapan penting dalam application code seperti :

1. Query state object pada target baru yang terdeteksi atau marker. 2. Update logika aplikasi setiap input baru dimasukkan.

3. Render grafis yang ditambahkan (augmented).

f. Target Resources Dibuat menggunakan on-line Target Management System. Assets yang diunduh berisi sebuah konfigurasi xml - config.xml - yang memungkinkan developer untuk mengkonfigurasi beberapa fitur dalam trackable dan binary file yang berisi database trackable (Rentor, 2013).

Detail Kerja Vuforia adalah sebagai berikut :

1. Kamera akan menangkap gambar dari dunia nyata untuk melacak marker dan kemudian melakukan registrasi marker.

2. Gambar yang ditangkap sebagai marker di konversikan dari format YUV 12 ke format RGB565 untuk OpenGL ES kemudian mengatur pencahayaan untuk pelacakan marker.

3. Setelah itu marker dikonversikan menjadi beberapa frame, dengan menggunakan algoritma computer vision untuk mendeteksi dan melakukan pelacakan objek nyata yang diambil dari kamera. Objek tersebut dievaluasi dan hasilnya akan disimpan yang kemudian akan diakses oleh aplikasi.

4. Berikutnya, setelah mendapat posisi kamera yang tepat maka objek yang telah ditangkap oleh kamera tadi akan di render dan divisualisasikan dalam bentuk video secara realtime.

5. Objek yang ada pada video akan tampak menempel diatas marker.

6. Objek akan ditampilkan pada display screen smartphone, sehingga ketika user melihat objek seolah – olah objek tersebut berada didunia nyata (Pratama, 2014).

Dengan perkembangan pembuat aplikasi, marker berwarna lebih sering digunakan, tidak harus memiliki frame hitam dan dasar putih. Dengan file gambar.jpg sudah bisa menjadi sebuah marker. Metode pada marker tersebut disebut metode markerless.

2.6.1 Metode Markerless Augmented Reality .

Metode Markerless Augmented Reality merupakan salah satu metode Augmented Reality tanpa menggunakan frame marker sebagai obyek yang dideteksi. Pengguna tidak perlu lagi menggunakan sebuah marker yang berbentuk kotak dan berwarna hitam putih untuk menampilkan elemen-elemen digital. Dengan adanya Markerless Augmented Reality, penggunaan marker sebagai tracking object yang selama ini menghabiskan ruang, akan digantikan dengan gambar, atau permukaan apapun yang berisi dengan tulisan, logo, atau gambar sebagai tracking object (objek yang dilacak) agar dapat langsung melibatkan objek yang dilacak tersebut sehingga dapat terlihat hidup dan interaktif, juga tidak lagi mengurangi efisiensi ruang dengan adanya marker. Saat ini markerless dikembangkan oleh perusahaan Augmented Reality terbesar di dunia yaitu Total Immersion, mereka telah membuat berbagai macam teknik Markerless Tracking sebagai teknologi andalan mereka, seperti Face Tracking, 3D Object Tracking, dan Motion Tracking, serta GPS Based Tracking (Rizki, 2012).

Dalam pembuatan marker markerless diperlukan sebuah file gambar.JPG yang nantinya akan di-upload ke vuforia, marker yang telah di-upload akan dinilai kualitasnya oleh system. Marker yang akan dibuat bernama image target, Image target adalah gambar yang dapat di deteksi dan di lacak oleh vuforia SDK. Jenis gambar tidak seperti marker tradisional seperti data matrix code dan QR codes, marker juga tidak perlu warna hitam dan putih yang berdesain khusus untuk di kenali. Pola marker dapat dibuat dengan menggunakan Photoshop.

Teknik Markerless adalah : 1. Face Tracking

Dengan menggunakan algoritma yang mereka kembangkan, komputer dapat mengenali wajah manusia secara umum dengan cara mengenali posisi mata, hidung, dan mulut manusia, kemudian akan mengabaikan objek-objek lain di sekitarnya seperti pohon, rumah, dan benda-benda lainnya.Teknik ini pernah digunakan di Indonesia pada Pekan Raya Jakarta 2010 dan Toy Story 3 Event.

2. 3D Objek Tracking

Berbeda dengan Face Tracking yang hanya mengenali wajah manusia secara umum, teknik 3D Object Tracking dapat mengenali semua bentuk benda yang ada disekitar, seperti mobil, meja, televisi, dan lain-lain.

3. Motion Tracking

Teknik Augmented Reality yang dapat menangkap gerakan. Biasanya digunakan dalam industri perfilman seperti karakter dan tokoh yang sesuai dengan peran dan kebutuhan film tersebut.

4. GPS Based Tracking

Global Positioning System (GPS) Based Tracking adalah teknik Augmented Reality yang diintegrasikan dengan GPS yang terdapat pada ponsel pintar menampikan informasi data dari GPS kemudian menampilkannya dalam bentuk arah sesuai dengan yang kita inginkan secara realtime (Rentor, 2013).

Gambar 2.7 Metode Markerless Sumber : (Rizki, 2012 ).

Pada Gambar 2.7 merupakan contoh gambar yang menggunakan metode markerless. Berikut ini adalah proses deteksi marker ke smartphone. Langkah-langkah deteksi marker yaitu :

1. Kamera ponsel pintar mengambil gambar marker pada dunia nyata ke dalam komputer.

2. Aplikasi perangkat lunak yang ada pada komputer atau ponsel pintar akan mendeteksi setiap pergerakan yang ditangkap kamera pada saat kamera diarahkan ke marker.

3. Jika marker telah terdeteksi maka aplikasi perangkat lunak akan menghitung posisi kamera terhadap marker sesuai persamaan yang dimasukkan oleh perancang program.

4. Ketika pendeteksi marker telah mendeteksi maka objek benda akan tampil seperti yang terlihat pada akhir Gambar 2.8.

Gambar 2.8 Proses Mendeteksi Marker

(Sumber gambar : http://brightsideofnews.com/Data/2009_10_26/Zombies-nVidia-Tegra-Augmented-Reality/Zombies_AR_Marker_675.jpg).

2.7Android

Android adalah software untuk perangkat mobile yang meliputi sistem operasi, middleware dan aplikasi inti. Android dilengkapi dengan Android SDK (Software Development Kit) yang menyediakan tools dan mendukung kebutuhan API (Application Programming Interface) yang diperlukan untuk mengembangkan aplikasi pada platform Android dengan menggunakan bahasa pemrograman Java. Aplikasi Android ditulis dalam bahasa pemrograman Java, yaitu kode Java yang terkompilasi bersama-sama dengan data dan file resources yang dibutuhkan oleh aplikasi yang digabungkan oleh aapt tools menjadi paket Android, sebuah file yang ditandai dengan suffix .apk. File ini di distribusikan sebagai aplikasi dan diinstal pada perangkat mobile (Eder, 2012).

Fitur – fitur yang terdapat pada Android yaitu: 1. Application Framework.

3. Integrated Browser. 4. Optimized graphics. 5. SQLite.

6. Media pendukung untuk audio, video, dan format gambar (MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, GIF)

7. GSM Telephony (tergantung perangkat mobile).

8. Bluetooth, EDGE, 3G, dan WiFi (tergantung perangkat mobile).

9. Kamera, GPS, kompas, dan accelerometer (tergantung perangkat mobile). 10. Rich Development Environment (Eder, 2012).

Ada beberapa hal yang menjadi kelebihan Android yaitu :

1. Keterbukaan, pengembangan bebas membangun platform tanpa dikenakan biaya terhadap sistem karena berbasis Linux dan open source.

2. Arsitektur komponen dasar Android terinspirasi dari teknologi internet Mashup. Bagian dalam sebuah aplikasi dapat digunakan oleh aplikasi lainnya, bahkan dapat diganti dengan komponen lain yang sesuai dengan aplikasi yang dikembangkan.

3. Banyak dukungan service, kemudahan dalam menggunakan berbagai macam layanan pada aplikasi seperti penggunaan layanan pencarian lokasi, database SQL, browser, dan penggunaan peta.

4. Siklus hidup aplikasi diatur secara otomatis, setiap program terjaga antara satu sama lain oleh berbagai lapisan keamanan..

5. Dukungan grafis dan suara terbaik. Dengan adanya dukungan 2D grafis dan animasi yang diilhami oleh Flash menyatu dalam 3D menggunakan OpenGL memungkinkan membuat aplikasi maupun game yang berbeda.

6. Portabilitas aplikasi, aplikasi dapat digunakan pada perangkat yang ada saat ini maupun yang akan datang. Semua program ditulis menggunakan bahasa pemrograman Java dan dieksekusi oleh Mesin Virtual Dalvik, sehingga kode program portable antara ARM, X86, dan arsitektur lainnya. (Eder, 2012).

Adapun versi-versi Android yang pernah dirilis adalah sebagai berikut: a. Android versi 1.1

c. Android versi 1.6 (Donut). d. Android versi 2.0/2.1 (Eclair). e. Android versi 2.2 (Froyo). f. Android versi 2.3 (Gingerbread). g. Android versi 3.0/3.1/3.2 (Honeycomb). h. Android versi 4.0 (Ice Cream Sandwich). i. Android versi 4.1/4.2/4.3 (Jellybean). j. Android versi 4.4 (Kitkat), dan

k. Android versi 5.0 (Lollypop) (Rizki, 2012).

2.7.1 Andriod SDK

Android SDK merupakan paket starter yang berisi tools, sample code, dan dokumentasi penggunaan yang berguna untuk pengembangan aplikasi Android. Android SDK (Software Development Kit) sebagai alat bantu dan API diperlukan untuk mulai mengembangkan aplikasi pada platform Android menggunakan bahasa pemrograman Java (Elvrilla, 2011).

2.8Kopi

Kopi merupakan sejenis minuman yang berasal dari proses pengolahan biji tanaman kopi. Kopi digolongkan ke dalam famili Rubiaceae dengan genus Coffea. Secara umum kopi hanya memiliki dua spesies yaitu Coffea arabica dan Coffea robusta. Kopi dapat digolongkan sebagai minuman psikostimulant yang akan menyebabkan orang tetap terjaga, mengurangi kelelahan, dan memberikan efek fisiologis berupa peningkatan energi (Absari, 2015).

2.8.1 Jenis-Jenis Kopi

Di dunia perdagangan dikenal beberapa golongan kopi, tetapi yang paling sering dibudidayakan hanya kopi arabika, robusta, dan liberika. Pada umumnya, penggolongan kopi berdasarkan spesies, kecuali kopi robusta. Kopi robusta bukan nama spesies karena kopi ini merupakan keturunan dari berapa spesies kopi terutama Coffea canephora. Terdapat empat jenis kopi yang telah dibudidayakan, yakni:

1. Kopi Arabika

Kopi arabika merupakan kopi yang paling banyak di kembangkan di dunia maupun di Indonesia khususnya. Kopi ini ditanam pada dataran tinggi yang memiliki iklim kering sekitar 1350-1850 m dari permukaan laut. Sedangkan di Indonesia sendiri kopi ini dapat tumbuh dan berproduksi pada ketinggian 1000 – 1750 m dari permukaan laut. Jenis kopi cenderung tidak tahan Hemilia Vastatrix. Namun kopi ini memiliki tingkat aroma dan rasa yang kuat.

2. Kopi Liberika

Jenis kopi ini berasal dari dataran rendah Monrovia di daerah Liberika. Pohon kopi liberika tumbuh dengan subur di daerah yang memilki tingkat kelembapan yang tinggi dan panas. Kopi liberika penyebarannya sangat cepat. Kopi ini memiliki kualitas yang lebih buruk dari kopi Arabika baik dari segi buah dan tingkat rendemennya rendah.

3. Kopi Canephora (Robusta)

Kopi Canephora juga disebut kopi Robusta. Nama Robusta dipergunakan untuk tujuan perdagangan, sedangkan Canephora adalah nama botanis. Jenis kopi ini berasal dari Afrika, dari pantai barat sampai Uganda. Kopi robusta memiliki kelebihan dari segi produksi yang lebih tinggi di bandingkan jenis kopi Arabika dan Liberika.

4. Kopi Hibrida

Kopi hibrida merupakan turunan pertama hasil perkawinan antara dua spesies atau varietas sehingga mewarisi sifat unggul dari kedua induknya. Namun, keturunan dari golongan hibrida ini sudah tidak mempunyai sifat yang sama dengan induk hibridanya. Oleh karena itu, pembiakannya hanya dengan cara vegetatif seperti stek atau sambungan (Yusdiali, 2013).

2.9Booklet

Booklet merupakan media komunikasi massa yang meyerupai buku atau majalah yang bertujuan untuk menyampaikan pesan yang bersifat promosi. Booklet juga disebut sebagai alat untuk menjangkau calon konsumen sehingga muncul ketertarikan untuk menggunakan produk dari suatu perusahaan, biasanya digunakan dalam kegiatan marketing. Selain itu booklet juga digunakan sebagai acuan di dalam perusahaan untuk memahami profil dan produk yang ditawarkan.

2.10 Penelitian Yang Relevan

Untuk melengkapi pengetahuan tentang Augmented Reality menggunakan Platform Android, berikut ini adalah tabel yang berisi tentang hasil penelitian yang dapat dilihat pada Tabel 2.1 :

Tabel 2.1 Hasil Penelitian Augmented Reality menggunakan Platform Android

No Nama Judul Tahun Hasil Penelitian

1 Muhammad Arisandy

Pratama

Penerapan Augmented Reality Pada Perancangan Aplikasi Pengenalan Alat Musik Taganing Batak Berbasis Android

2014 Pada penelitian ini disimpulkan bahwa teknologi AR dapat digunakan sebagai alat bantu untuk memperkenalkan alat musik Taganing Batak sebagai bentuk pelestarian alat musik tradisional Batak dan dalam penggunaan aplikasi harus diperhatikan jarak dan fokus kamera dengan marker.

2 Martono & Kridalukmana

Mobile Augmented Reality Jurusan Sistem Komputer Universitas Diponegoro Berbasis Android (MARSIKOM)

2014 Penerapan teknologi AR untuk memudahkan siapa saja dalam memberikan informasi dari lokasi gedung jurusan Sistem Komputer Fakultas Teknik Universitas Diponegoro. Teknologi ini juga dikembangkan dengan menggunakan android jelly bean.

BAB 3

ANALISIS DAN PERANCANGAN SISTEM

3.1Analisis Sistem

Analisis sistem merupakan langkah awal dalam sebuah penelitian. Analisis sistem bertujuan untuk memberikan pemahaman terhadap kebutuhan sistem dan menggambarkan proses-proses yang ada di dalam sistem untuk menghasilkan keluaran yang sesuai dengan kebutuhan user.

Pada sistem ini, penulis menggunakan booklet sebagai media untuk menjalankan Augmented Reality. Melalui marker yang terdapat di dalam booklet, objek 3D akan muncul melalui layar smartphone dengan menggunakan aplikasi berbasis Android. Dalam sistem ini, akan membahas bagaimana perancangan bisnis produk dari kopi tampan. 3 Produk kopi, gerobak dan mini cafe yang akan menjadi objek 3D. Objek dibuat menggunakan blender 3D, lalu pembuatan aplikasi Android menggunakan unity 5 dan marker dibuat menggunakan vuforia. Untuk pembuatan booklet di design menggunakan Adobe Photoshop sedemikian rupa agar user dapat lebih mudah mendapatkan informasi yang dibutuhkan.

3.1.1 Analisis Masalah

Masalah yang akan diselesaikan dengan menggunakan sistem ini adalah menampilkan objek dari perancangan bisnis kopi tampan secara 3D. Objek yang digunakan adalah 3 jenis produk kopi tampan, gerobak dan mini cafe. Analisis masalah yang digunakan untuk menampilkan objek 3 dimensi tersebut digambarkan dengan Diagram Ishikawa pada Gambar 3.1 berikut.

Methods User Machine Material Aplikasi Kopi Tampan menggunakan Augmented Reality Markerless Android Vuforia SDK Adobe Photoshop C# Smartphone Blender 3D Unity 5 Booklet sebagai marker Kurang jelasnya informasi yang diterima oleh konsumen/ investor

Gambar 3.1 Diagram Ishikawa Untuk Analisis Masalah

Dari diagram ishikawa pada Gambar 3.1 dapat dijelaskan bahwa masalah yang timbul yaitu kurang jelasnya informasi yang diterima oleh konsumen/ investor dalam mengetahui bisnis yang ditawarkan oleh Kopi Tampan. Beberapa faktor yang menyebabkan masalah ini timbul yaitu mulai dari konsumen/investor yang tidak mengetahui bagaimana bentuk dari bisnis yang ditawarkan seperti membuat gerobak atau pun mini cafe dan produk yang ada. Kesulitan membayangkan bisnis yang ditawarkan. Banyaknya waktu yang terbuang karena tempat pembuatan berbeda – beda.

3.1.2 Analisis Kebutuhan Sistem

Analisis ini bertujuan untuk mengidentifikasi dan menyatakan persyaratan apa saja yang akan dibutuhkan oleh sistem agar dapat berjalan sesuai dengan yang diharapkan. Analisis Persyaratan ini meliputi analisis kebutuhan fungsional sistem dan analisis non-fungsional sistem. Fungsional sistem adalah aktivitas dan pelayanan yang harus dimiliki oleh sebuah sistem yang dapat berupa input, output, proses maupun data yang tersimpan. Non-fungsional sistem adalah karakteristik atau batasan yang menentukan kepuasan sebuah sistem yakni seperti kinerja, kemudahan penggunaan, anggaran, serta tenggat waktu yang mampu bekerja tanpa mengganggu fungsionalitas sistem lainnya.

3.1.2.1Persyaratan Fungsional

Persyaratan fungsional adalah aktivitas layanan yang harus diberikan oleh sebuah sistem. Berikut adalah fungsi – fungsi yang dapat dikerjakan oleh sistem.

1. Marker yang digunakan adalah markerless berupa kertas yang sudah didesign di dalam sebuah booklet.

2. Sistem dapat menampilkan objek 3D melalui layar smartphone. 3. Sistem menggunakan sistem operasi berbasis Android.

4. Objek yang ditampilkan memiliki bentuk yangt mendekati aslinya dengan tampilan 3D menggunakan Augmented Reality.

5. Informasi dihasilkan melalui suara/sound.

3.1.2.2Persyaratan Non-Fungsional

Persyaratan non-fungsional berkaitan dengan fitur, karakteristik, dan batasan lainnya yang menentukan apakah sistem memuaskan atau tidak. Untuk membantu kinerja sistem secara lebih baik, terdapat kebutuhan non-fungsional sistem.

1. Sistem yang akan dibangun harus dapat menunjukkan hasil dari proses yang maksimal.

2. Efektifitas dan efisiensi dapat terlihat dari waktu respon antara pengguna (user) dengan sistem.

3. Sistem yang akan dibangun harus sederhana serta mudah digunakan dan dipahami oleh pengguna (user).

3.2Pemodelan Visual Menggunakan Unified Modeling Language (UML)

3.2.1 Identifikasi Use Case Diagram

Use case diagram adalah suatu diagram yang mendeskripsikan interaksi antara user (pengguna) sebuah sistem dengan suatu system tersendiri melalui sebuah cerita bagaimana sebuah sistem dipakai. Use case diagram terdiri dari sebuah aktor dan interaksi yang dilakukannya, aktor tersebut dapat berupa manusia, perangkat keras, sistem lain, ataupun yang berinteraksi dengan sistem. Untuk mengetahui actor dan use case yang akan digunakan, maka dilakukan identifikasi actor dan identifikasi use case. Setelah mendapatkan actor dan use case, maka use case diagram dapat digambarkan.

Identifikasi actor dilakukan dengan menjawab pertanyaan-pertanyaan berikut, yaitu:

1. Siapa yang menggunakan sistem? Jawaban:

Yang menggunakan sistem adalah user yang terdiri dari mahasiswa, pekerja dibidang marketing, dan wirausaha.

2. Siapa yang diperlukan untuk melaksanakan fungsi pada sistem? Jawaban:

Yang diperlukan untuk melaksanakan fungsi pada sistem adalah user yang terdiri dari mahasiswa, pekerja dibidang marketing, dan wirausaha.

3. Bagaimana pemakai menggunakan sistem? Jawaban:

Didalam sistem ini yang termasuk user/ pengguna sistem adalah mahasiswa, pekerja dibidang marketing atau wirausaha. Yang dapat dilakukan user pada system adalah memunculkan objek.

Berikut adalah use case diagram berdasarkan actor dan use case yang dapat dilihat pada Gambar 3.2 dan spesifikasi usecase analisis sistem pada Tabel 3.1.

Tabel 3.1 Spesifikasi Use Case Analisis Sistem Use Case

Name

Muncul Objek

Actors User

Description Use Case mengambarkan tentang bagaimana cara memunculkan

objek, user harus mengarahkan kamera ke marker maka objek 3D

akan muncul, di dalam objek tersebut memiliki 3 fungsi yaitu

perbesar dan perkecil objek, memutar objek, dan memberikan

informasi menggunakan sound

Basic Flow Pengguna melihat objek yang muncul

Alternate Flow

Pengguna dapat mengganti marker

Pre Condition Pengguna dapat memperbesar dan memperkecil objek, memutar

objek, dan memberikan informasi menggunakan sound.

Post Condition

Pengguna dapat melihat hasil dari memperbesar dan memperkecil

objek, memutar objek, dan memberikan informasi menggunakan

sound.

3.2.2 Identifikasi Activity Diagram

Activity diagram merupakan diagram yang berfungsi untuk menggambarkan logika procedural, jalan kerja suatu sistem. Diagram ini hampir memiliki peran yang sama dengan diagram alir yang mana memungkinkan siapapun yang melakukan proses untuk dapat memilih urutan dalam melakukannya sesuai keinginannya. Berikut alur kerja (workflow) pada use case yang digambarkan dalam activity diagram dapat dilihat pada Gambar 3.3.

b) Flowchart Pembuatan Marker

Flowchart pembuatan marker dapat dilihat pada Gambar 3.6.

Gambar 3.6 Flowchart Pembuatan Marker

c) Flowchart Pembuatan Aplikasi

Flowchart pembuatan aplikasi dapat dilihat pada Gambar 3.7.

Gambar 3.7 Flowchart Pembuatan Aplikasi

Mulai

Download File Image Target (.Unity)

Selesai Gambar.jpg di upload

ke website Vuforia Pilih gambar.jpg yang ingin diupload

menjadi marker

Mulai

1. Marker (Image Target) diimport ke

Unity 5 2. Objek .blend diimport ke Unity 5

Membuat fungsi zoom, rotate, dan sound menggunakan

MonoDevelop

Aplikasi .apk siap di install pada

smartphone

Selesai Jalankan

Unity 5

Convert menjadi aplikasi.apk

d) Flowchart Sistem

Flowchart sistem dalam penelitian ini dapat dilihat pada Gambar 3.8.

Gambar 3.8 Flowchart Sistem Mulai Landing Page Menu Utama Tombol Start Tombol About Tombol Exit no no yes Tombol Kopi Tampan Tombol Produk Tombol Gerobak Tombol Mini Cafe no no no Tombol Marker Tombol Help no no Halaman Kopi Tampan 1 Halaman Kopi Tampan 2 Halaman Kopi Tampan 3 Keluar Aplikasi yes Selesai PopUp About yes Halaman Produk Tombol Gayo Coffee Tombol Premium Coffee Tombol Jantan Coffee no no yes

yes yes _yes

yes yes PopUp Marker yes yes PopUp Help 1 1 no yes no 1 no Halaman Augmented Reality Function Zoom Function Rotate Function Sound Objek bisa menjadi besar atau kecill Objek bisa bergeerak kekanan, kekiri, atas, bawah Objek mengeluarkan suara

1

2 3 4

3.4Perancangan Tampilan Antarmuka Aplikasi

Tampilan antarmuka perlu dirancang untuk menggambarkan sistem yang akan dibuat dan membantu mempermudah proses pembangunan sistem. Rancangan tampilan sistem dapat dilihat dan akan dijelaskan sebagai berikut.

3.4.1 Rancangan Halaman Landing Page

Rancanga halaman landing page pada aplikasi kopi tampan bertujuan untuk memulai aplikasi untuk masuk ke dalam halaman home/ menu utama dan sekaligus pengenalan awal dari sistem yang dibuat kepada pengguna dalam menggunakan aplikasi. Dalam rancangan ini halaman landing page terbagi menjadi tiga tombol menu yaitu menu start , menu about dan menu exit. Untuk rancangan halaman landing page dapat dilihat pada Gambar 3.9 dan Tabel 3.2 untuk keterangan bagian rancangan halaman landing page.

Gambar 3.9 Rancangan Halaman Landing Page

Tabel 3.2 Keterangan Bagian-Bagian Rancangan Halaman Landing Page

No Jenis Objek Keterangan

1 Picture Logo Kopi Tampan.

2 Tombol Start Tombol masuk ke halaman home/menu utama.

3 Tombol About Tombol popup pemberitahuan tentang aplikasi.

4 Tombol Exit Tombol keluar dari aplikasi.

3.4.2 Rancangan PopUp About

Rancangan popup about pada aplikasi ini bertujuan untuk memberitahukan tujuan dari aplikasi ini dibuat. Rancangan popup about dapat dilihat pada Gambar 3.10 dan Tabel 3.3 untuk keterangan bagian rancangan popup about.

Gambar 3.10 Rancangan PopUp About

Tabel 3.3 Keterangan Bagian-Bagian Rancangan PopUp About

No Jenis Objek Keterangan

1 Tombol Keluar Tombol keluar dari popup about. 2 Text View Deskripsi tujuan aplikasi dibuat.

3.4.3 Rancangan Halaman Home/Menu Utama

Rancangan halaman home/menu utama pada aplikasi kopi tampan bertujuan untuk memberitahukan isi dari aplikasi dan mempermudah pengguna dalam menggunakan sistem melalui menu yang terlihat pada tampilan halaman home/menu utama yang didesain dengan fitur-fitur yang menarik. Rancangan tampilan halaman home/menu utama memiliki tujuh tombol menu yaitu tampilan kopi tampan, tampilan produk, tampilan gerobak, tampilan mini cafe, tampilan marker, tampilan help dan tampilan kembali ke landing page. Rancangan halaman home/menu utama dapat dilihat pada Gambar 3.11 dan Tabel 3.4 untuk rancangan halaman home/menu utama.

1

1 2 3 4

5 6

7

Gambar 3.11 Rancangan Halaman Home/Menu Utama

Tabel 3.4 Keterangan Bagian-Bagian Rancangan Halaman Home/Menu Utama

No Jenis Objek Keterangan

1 Tombol Kopi Tampan Tombol informasi tentang kopi tampan.

2 Tombol Produk Tombol untuk melihat jenis produk kopi tampan.

3 Tombol Gerobak Tombol untuk masuk ke halaman Augmented Reality Gerobak.

4 Tombol Mini Cafe Tombol untuk masuk ke halaman Augmented Reality Mini Cafe.

5 Tombol Marker Tombol untuk melihat marker yang digunakan dalam sistem.

6 Tombol Help Tombol untuk membantu user menggunakan sistem.

7 _{Tombol Home Tombol kembali ke halaman landing page.}

3.4.4 Rancangan Halaman Kopi Tampan

Rancangan pada halaman kopi tampan memiliki halaman sebanyak empat halaman, halaman pertama adalah kopi tampan 1, halaman kedua adalah kopi tampan 2, halaman ketiga adalah kopi tampan 3 dan halaman terakhir adalah kopi tampan 4. Setiap halaman terdapat tombol home, tombol next dan tombol back.

4

1

3

2

a. Rancangan Halaman Kopi Tampan 1

Rancangan pada halaman ini akan berisi tentang visi, misi, produk, dan informasi mengenai perusahaan kopi tampan. Rancangan halaman kopi tampan 1 dapat dilihat pada Gambar 3.12 dan Tabel 3.5 untuk keterangan bagian rancangan halaman kopi tampan 1.

Gambar 3.12 Rancangan Halaman Kopi Tampan 1

Tabel 3.5 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 1

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Text View Deskripsi tentang kopi tampan 3 Text View Judul : Kopi Tampan

4 Tombol Next Tombol menuju ke halaman kopi tampan 2

b. Rancangan Halaman Kopi Tampan 2

Rancangan pada halaman ini akan berisi tentang perancangan bisnis dari 3 produk yaitu gayo, premium dan jantan coffee. Rancangan halaman kopi tampan 2 dapat dilihat pada Gambar 3.13 dan Tabel 3.6 untuk keterangan bagian rancangan halaman kopi tampan 2.

1

3

2

Gambar 3.13 Rancangan Halaman Kopi Tampan 2

Tabel 3.6 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 2

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Text View Gambar perancangan bisnis produk kopi tampan

3 Text View Judul : Kopi Tampan

4 Tombol Back Tombol kembali ke halaman kopi tampan 1 5 Tombol Next Tombol menuju ke halaman kopi tampan 3

c. Rancangan Halaman Kopi Tampan 3

Rancangan pada halaman ini akan berisi tentang perancangan bisnis dari gerobak. Rancangan halaman kopi tampan 3 dapat dilihat pada Gambar 3.14 dan Tabel 3.7 untuk keterangan bagian rancangan halaman kopi tampan 3.

Gambar 3.14 Rancangan Halaman Kopi Tampan 3

Tabel 3.7 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 3

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Text View Gambar perancangan bisnis gerobak 3 Text View Judul : Kopi Tampan

4 Tombol Back Tombol kembali ke halaman kopi tampan 2 5 Tombol Next Tombol menuju ke halaman kopi tampan 4

d. Halaman Kopi Tampan 4

Pada halaman ini akan berisi tentang perancangan bisnis dari mini cafe. Rancangan halaman kopi tampan 4 dapat dilihat pada Gambar 3.15 dan Tabel 3.8 untuk keterangan bagian rancangan halaman kopi tampan 4.

1

4

1

3

2

5

4

1

3

2

Gambar 3.15 Rancangan Halaman Kopi Tampan 4

Tabel 3.8 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 4

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Text View Deskripsi Perancangan Bisnis Kopi Tampan. 3 Text View Judul : Kopi Tampan.

4 Tombol Back Tombol kembali ke halaman Kopi Tampan 3.

3.4.5 Rancangan Halaman Produk

Rancangan halaman produk pada aplikasi ini bertujuan untuk memberitahukan informasi tentang produk secara 3D. Pada rancangan halaman produk terdapat 3 tombol produk yaitu tombol Gayo Coffee, Premium Coffee, Jantan Coffee, dan tombol home. Tombol produk akan langsung terhubung ke fungsi kamera smartphone dan menampilkan halaman Augmented Reality produk. Untuk rancangan halaman Augmented Reality terdapat tombol home yang digunakan untuk kembali ke halaman home/menu utama. Untuk memunculkan objek 3D dari produk, Scan marker yang sudah ditentukan dan kamera smartphone akan mentracking marker agar dapat memunculkan objek. Rancangan halaman produk dapat dilihat pada Gambar 3.16 dan Tabel 3.9 keterangan bagian rancangan halaman produk.

2

3

4

1

Gambar 3.16 Rancangan Halaman Produk Kopi Tampan

Tabel 3.9 Keterangan Bagian-Bagian Rancangan Halaman Produk Kopi Tampan

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Tombol Gayo Coffee Tombol untuk masuk ke halaman Augmented Reality Gayo Coffee.

3 Tombol Premium Coffee

Tombol untuk masuk ke halaman Augmented Reality Premium Coffee.

4 Tombol Jantan Coffee Tombol untuk masuk ke halaman Augmented Reality Jantan Coffee.

1

a. Halaman Augmented Reality Gayo Coffee

Rancangan halaman Augmented Reality gayo coffee dapat dilihat pada Gambar 3.17 dan Tabel 3.10 untuk keterangan bagian rancangan halaman Augmented Reality gayo coffee.

2

3

Gambar 3.17 Rancangan Halaman Augmented Reality Gayo Coffee

Tabel 3.10 Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality Gayo Coffee

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Camera view Halaman untuk melihat Augmented Reality Gayo Coffee.

3 Slider Digunakan untuk memperbesar atau memperkecil objek.

b. Halaman Augmented Reality Premium Coffee

Rancangan halaman Augmented Reality premium coffee dapat dilihat pada Gambar 3.18 dan Tabel 3.11 untuk keterangan bagian halaman Augmented Reality premium coffee.

1

2

3

Gambar 3.18 Rancangan Halaman Augmented Reality Premium Coffee

Tabel 3.11 Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality Premium Coffee

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Camera view Halaman untuk melihat Augmented Reality Premium Coffee.

3 Slider Digunakan untuk memperbesar atau memperkecil objek.

c. Halaman Augmented Reality Jantan Coffee

Rancangan halaman Augmented Reality jantan coffee dapat dilihat pada Gambar 3.19 dan Tabel 3.12 untuk keterangan bagian rancangan halaman Augmented Reality jantan coffee.

1

2

3

Gambar 3.19 Rancangan Halaman Augmented Reality Jantan Coffee

Tabel 3.12 Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality Jantan Coffee

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Camera view Halaman untuk melihat Augmented Reality Jantan Coffee.

3 Slider Digunakan untuk memperbesar atau memperkecil objek.

3.4.6 Rancangan Halaman Augmented Reality Gerobak

Rancangan halaman gerobak pada aplikasi ini bertujuan untuk memberitahukan informasi tentang gerobak secara 3D. Pada halaman gerobak, pengguna bisa langsung terhubung ke fungsi kamera smartphone dan menampilkan halaman Augmented Reality gerobak. Untuk memunculkan objek 3D dari gerobak, Scan marker yang sudah ditentukan dan kamera smartphone akan mentracking marker agar dapat memunculkan objek. Rancangan halaman gerobak dapat dilihat pada Gambar 3.20 dan Tabel 3.13 untuk keterangan bagian rancangan halaman gerobak.

1

2

3

Gambar 3.20 Rancangan Halaman Augmented Reality Gerobak

Tabel 3.13 Keterangan Bagian-Bagian Rancangan Gerobak

No Jenis Objek Keterangan

1 Tombol Home Tombol kembali pada halaman home/menu utama.

2 Camera view Halaman untuk melihat Augmented Reality Gerobak Kopi Tampan.

3 Slider Digunakan untuk memperbesar atau memperkecil objek.

3.4.7 Rancangan Halaman Augmented Reality Mini Cafe

Rancangan halaman mini cafe pada aplikasi ini bertujuan untuk memberitahukan informasi tentang mini cafe secara 3D. Pada halaman mini cafe, pengguna bisa langsung terhubung ke fungsi kamera smartphone dan menampilkan halaman Augmented Reality mini cafe. Untuk memunculkan objek 3D dari gerobak, Scan marker yang sudah ditentukan dan kamera smartphone akan mentracking marker agar dapat memunculkan objek. Rancangan halaman mini cafe dapat dilihat pada Gambar 3.21 dan Tabel 3.14 untuk keterangan bagian rancangan halaman mini cafe.

E.

Halaman Kopi Tampan 2

using UnityEngine;

using System.Collections;

public class HKT2 : MonoBehaviour { public void HKT1 (string HKT1) {

Application.LoadLevel(HKT1); }

public void HKT3 (string HKT3) {

Application.LoadLevel(HKT3); }

public void menuutama (string menuutama) {

Application.LoadLevel(menuutama); }

}

F.

Halaman Kopi Tampan 3

using UnityEngine;

using System.Collections;

public class HKT3 : MonoBehaviour { public void HKT2 (string HKT2) {

Application.LoadLevel(HKT2); }

public void HKT4 (string HKT4) {

Application.LoadLevel(HKT4); }

public void menuutama (string menuutama) {

Application.LoadLevel(menuutama); }

}

G.

Halaman Kopi Tampan 4

using UnityEngine;

using System.Collections;

public class HKT4 : MonoBehaviour { public void HKT3 (string HKT3) {

Application.LoadLevel(HKT3); }

public void menuutama (string menuutama) {

Application.LoadLevel(menuutama); } }

H.

Halaman Produk

using System.Collections;

public class HP : MonoBehaviour {

public void HARPGayo(string HARPGayo) {

Application.LoadLevel(HARPGayo); }

public void HARPPremium(string HARPPremium) {

Application.LoadLevel(HARPPremium); }

public void HARPJantan(string HARPJantan) {

Application.LoadLevel(HARPJantan); }

public void menuutama (string menuutama) {

Application.LoadLevel(menuutama); }

}

I.

Halaman

Augmented Reality

using UnityEngine; using System.Collections;

public class ARP : MonoBehaviour { public void HP (string HP) {

Application.LoadLevel(HP); }

public void menuutama (string menuutama) {

Application.LoadLevel(menuutama); }

}

J.

Halaman Canvas Help

using UnityEngine;

using System.Collections;

public class canvashelp : MonoBehaviour { public Canvas menuCanvas;

public bool tampil = false; public void tampilpopup2()

{

tampil = true;

menuCanvas.enabled = true; } else if (tampil == true) { tampil = false;

menuCanvas.enabled = false; }

} }

K.

Rotate

#pragma strict

var rotasi = 2.0; //kecepatan perputaran objek

var lerpSpeed = 1.0; //lerp merupakan salah satu komponen pada unity 3D agar gerakan pada objek menjadi halus

private var kecepatan = new Vector3(); private var avg = new Vector3(); private var drag = false;

private var targetSpeedX = new Vector3();

function touchobjek() //ketika gerakan tangan menyetuh maka status drag objek menjadi "true"

{

drag = true; }

function Update() { //menangani perubahan yang terjadi akibat inputan pada layar device ''

if (Input.touchCount == 1) {

var theTouch : Touch = Input.GetTouch(0);

if (theTouch.phase == TouchPhase.Moved) {

touchobjek(); }

if ((theTouch.phase == TouchPhase.Ended) || (theTouch.phase == TouchPhase.Canceled))

{

drag = false; }

}

if (Input.touchCount > 1) {

drag = false; }

if ((theTouch.phase == TouchPhase.Moved) && drag) {

kecepatan = new Vector3(theTouch.position.x, theTouch.position.y, 0);

avg = Vector3.Lerp(avg,kecepatan,Time.deltaTime * 5); }

transform.Rotate( Camera.main.transform.up * kecepatan.x * rotasi, Space.World );

transform.Rotate( Camera.main.transform.right * kecepatan.y * rotasi, Space.World );

}

L.

Zoom

-

Zoom

untuk produk

using UnityEngine; using System.Collections;

public class zoompro : MonoBehaviour {

private float nilaiI = 1.0f; //nilai interval pada slider public GameObject objek; // objek yang akan di zoom // Inisialisasi

void Start () {

nilaiI = 1.0f;//deklarasi interval pada slider }

// pemanggilan perframe void Update () {

objek.transform.localScale = new Vector3(0.4f, 0.4f, 0.4f) * nilaiI * 0.01f; //perubahan ukuran berdasarkan slide interval

}

void OnGUI() //untuk menampilkan GUI slider {

nilaiI = GUI.HorizontalSlider(new Rect(25, 600, 150.0f,150.0f) , nilaiI,1.0f, 3.0f); //weight,high,sliderkiri,sliderkanan,nilaiI,panjangslider

} }

-

Zoom Mini Cafe

using UnityEngine; using System.Collections;

public class zoommc : MonoBehaviour {

private float nilaiI = 1.5f; //nilai interval pada slider public GameObject objek; // objek yang akan di zoom //inisialisasi

void Start () {

nilaiI = 1.5f;//deklarasi interval pada slider }

// pemanggilan perframe void Update () {

objek.transform.localScale = new Vector3(0.4f, 0.4f, 0.4f) * nilaiI * 0.01f; //perubahan ukuran berdasarkan slide interval

}

void OnGUI() //untuk menampilkan GUI slider {

nilaiI = GUI.HorizontalSlider(new Rect(25, 600, 150.0f,150.0f) , nilaiI, 1.0f, 3.0f); //weight,high,sliderkiri,sliderkanan,nilaiI,panjangslider

} }

-

Zoom

Gerobak

using UnityEngine; using System.Collections;

public class zoomger : MonoBehaviour {

private float nilaiI =1.0f; //nilai interval pada slider public GameObject objek; // objek yang akan di zoom //Inisialisasi

void Start () {

nilaiI = 1.0f; //deklarasi interval pada slider }

// pemanggilan perfame void Update () {

objek.transform.localScale = new Vector3(0.55f, 0.55f, 0.55f) * nilaiI * 0.1f; //perubahan ukuran berdasarkan slide interval

}

void OnGUI() //untuk menampilkan GUI slider {

nilaiI = GUI.HorizontalSlider(new Rect(25, 600, 100.0f, 100.0f) , nilaiI, 1.0f, 3.0f); //weight,high,sliderkiri,sliderkanan,nilaiI,panjangslider

} }

M.

Sound

using UnityEngine; namespace Vuforia {

public class DefaultTrackableEventHandler : MonoBehaviour,

ITrackableEventHandler {

#region PRIVATE_MEMBER_VARIABLES

private TrackableBehaviour mTrackableBehaviour;

#endregion // PRIVATE_MEMBER_VARIABLES public AudioSource suara;

#region UNTIY_MONOBEHAVIOUR_METHODS

void Start() {

mTrackableBehaviour=GetComponent<TrackableBehaviour>(); if (mTrackableBehaviour)

{

mTrackableBehaviour.RegisterTrackableEventHandler(this); }

}

#endregion // UNTIY_MONOBEHAVIOUR_METHODS #region PUBLIC_METHODS

/// <summary>

/// Implementation of the ITrackableEventHandler function called when the

/// tracking state changes. /// </summary>

public void OnTrackableStateChanged( TrackableBehaviour.Status previousStatus, TrackableBehaviour.Status newStatus) {

if (newStatus == TrackableBehaviour.Status.DETECTED || newStatus == TrackableBehaviour.Status.TRACKED ||

newStatus==TrackableBehaviour.Status.EXTENDED_TRACKED) {

OnTrackingFound(); suara.Play(); }

else {

OnTrackingLost(); suara.Stop(); }

}

#endregion // PUBLIC_METHOD }