PERANCANGAN PROTOTYPE MARKERLESS AUGMENTED REALITY UNTUK PERMAINAN SIMULASI DIGITAL PET PADA ANDROID SKRIPSI. Oleh. Hendro Wijaya

Transkripsi

1 PERANCANGAN PROTOTYPE MARKERLESS AUGMENTED REALITY UNTUK PERMAINAN SIMULASI DIGITAL PET PADA ANDROID SKRIPSI Oleh Hendro Wijaya Wendy Liliyani Universitas Bina Nusantara Jakarta 2013

2 PERANCANGAN PROTOTYPE MARKERLESS AUGMENTED REALITY UNTUK PERMAINAN SIMULASI DIGITAL PET PADA ANDROID SKRIPSI Oleh Hendro Wijaya Wendy Liliyani Universitas Bina Nusantara Jakarta 2013 ii

3 PERANCANGAN PROTOTYPE MARKERLESS AUGMENTED REALITY UNTUK PERMAINAN SIMULASI DIGITAL PET PADA ANDROID SKRIPSI Diajukan sebagai salah satu syarat untuk gelar kesarjanaan pada School of Computer Science Jurusan Teknik Informatika Jenjang Pendidikan Strata-1 Oleh Hendro Wijaya Wendy Liliyani Universitas Bina Nusantara Jakarta 2013 iii

4 PERANCANGAN PROTOTYPE MARKERLESS AUGMENTED REALITY UNTUK PERMAINAN SIMULASI DIGITAL PET PADA ANDROID SKRIPSI Disusun oleh : Hendro Wijaya Wendy Liliyani Disetujui oleh Pembimbing Agustinna Yosanny S.Kom., M.CompSc. Kddsn : D2654 Universitas Bina Nusantara Jakarta 2013 iv

5 v

6 vi

7 vii

8 PERNYATAAN Dengan ini kami, Nama : Hendro Wijaya NIM : Nama : Wendy NIM : Nama : Liliyani NIM : Judul skripsi : Perancangan Prototype Markerless Augmented Reality Untuk Permainan Simulasi Digital Pet Pada Android Memberikan kepada Universitas Bina Nusantara hak non-eksklusif untuk menyimpan, memperbanyak, dan menyebarluaskan skripsi karya kami, secara keseluruhan atau hanya sebagian atau hanya ringkasannya saja, dalam bentuk format tercetak dan atau elektronik. Menyatakan bahwa kami, akan mempertahankan hak exclusive kami untuk menggunakan seluruh atau sebagian isi skripsi kami, guna pengembangan karya di masa depan, misalnya bentuk artikel, buku, perangkat lunak, ataupun sistem informasi. Jakarta, 19 Maret 2013 Hendro Wijaya Wendy Liliyani viii

9 UNIVERSITAS BINA NUSANTARA School of Computer Science Department of Computer Science Skripsi Sarjana Komputer Semester Ganjil tahun 2012/2013 PERANCANGAN PROTOTYPE MARKERLESS AUGMENTED REALITY UNTUK PERMAINAN SIMULASI DIGITAL PET PADA ANDROID Hendro Wijaya Wendy Liliyani Abstrak Tujuan penyusunan skripsi ini ialah merancang sebuah game digital pet yang menerapkan teknologi augmented reality pada smartphone berbasis Android. Selain mendapatkan hiburan, player bisa mendapatkan pengalaman maupun persiapan untuk memelihara binatang seperti pada kehidupan nyata melalui game bergenre artificial life ini. Metodologi penelitian yang digunakan dalam penelitian ini terbagi menjadi metode pengumpulan data, metode analisis, metode perancangan, dan implementasi serta evaluasi. Metode pengumpulan data yang dilakukan yaitu studi pustaka untuk landasan teori, kuesioner dan wawancara. Metode analisis dilakukan untuk analisis hasil kuesioner, wawancara dan game sejenis. Metode perancangan dilakukan dengan perancangan game, storyboard, perancangan diagram UML (Unified Modeling Languange) dan kamus data. Hasil dari penelitian ini adalah sebuah prototype aplikasi game simulasi pada smartphone berbasis Android dengan menerapkan teknologi augmented reality dalam gameplay permainan. Simpulan dari penelitian ini adalah dengan aplikasi game ini player mendapatkan pengalaman berinteraksi dengan binatang dan membantu mempelajari bagaimana cara merawat binatang seperti pada kehidupan nyata. Kata Kunci: Game Design, Augmented Reality, Android, Digital Pet, Simulation. ix

10 KATA PENGANTAR Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena atas berkat dan rahmat-nya, skripsi dengan judul PERANCANGAN PROTOTYPE MARKERLESS AUGMENTED REALITY UNTUK PERMAINAN SIMULASI DIGITAL PET PADA ANDROID ini dapat diselesaikan dengan baik dan tepat waktu. Skripsi ini dibuat sebagai salah satu syarat untuk gelar kesarjanaan pada jurusan School of Computer Science jenjang pendidikan Strata-1 pada Universitas Bina Nusantara, Jakarta. Pada kesempatan kali ini, penulis juga ingin mengucapkan terima kasih kepada semua pihak yang telah membantu penulis, baik secara langsung maupun tidak langsung dalam menyelesaikan skripsi ini, yaitu kepada : 1. Bapak Prof. Dr Ir. Harjanto Prabowo, MM. selaku Rektor Universitas Bina Nusantara yang telah memberikan kesempatan untuk menuntut ilmu di Universitas Bina Nusantara. 2. Bapak Fredy Purnomo, S.Kom., M.Kom. selaku Head of School of Computer Science and Head of Dept. Computer Science Universitas Bina Nusantara atas kesempatan yang telah diberikan kepada penulis sehingga dapat menyelesaikan skripsi ini. 3. Ibu Yen Lina Prasetio, S.Kom., M.Comp Sc. Selaku Deputy Head of Computer Science School Academic & Operation Universitas Bina Nusantara yang telah membantu dalam proses awal pembuatan skripsi ini sehingga pada akhirnya skripsi ini dapat diselesaikan dengan baik. 4. Bapak Michael Yoseph, S.Kom, MM. selaku Deputy Head of Computer Science School Student & Alumni Universitas Bina Nusantara yang telah mendukung proses pembuatan skripsi ini sehingga pada akhirnya skripsi ini dapat diselesaikan dengan baik. x

11 5. Ibu Agustinna Yosanny S.Kom., M.CompSc. selaku dosen pembimbing yang telah banyak memberikan bimbingan, masukan, saran, kritik, serta arahan dalam penyusunan skripsi ini, sehingga skripsi ini dapat diselesaikan dengan baik. 6. Seluruh dosen Universitas Bina Nusantara yang telah memberikan bekal ilmu dan tuntunan selama penulis menjalankan studi Universitas Bina Nusantara sehingga ilmu yang penulis dapatkan dapat berguna dan mendukung dalam proses pembuatan skripsi ini dan masa depan penulis selanjutnya. 7. Orang tua serta seluruh anggota keluarga dan rekan dari penulis yang telah memberikan dukungan baik secara moral maupun materi selama penulis menjalani studi dan pembuatan skripsi di Universitas Bina Nusantara. 8. Seluruh teman-teman komunitas Android dan pencinta anjing yang membantu dalam pengisian kuesioner. 9. Teman-teman yang telah membantu penulis dalam proses pembuatan skripsi ini dengan memberikan saran, dukungan, moral, pendapat, kritik, fasilitas, dan lainnya yang penulis tidak bisa sebutkan satu per satu. 10. Semua pihak yang tidak dapat penulis sebutkan satu per satu yang telah membantu dalam penulisan skripsi. Semoga penulisan ini dapat bermanfaat bagi semua pihak serta dapat dijadikan sebagai awal penelitian dan pengembangan selanjutnya. Akhir kata, penulis berharap adanya masukan, saran, dan kritik yang bersifat membangun bagi skripsi ini. Jakarta, Maret 2013 Penulis xi

12 DAFTAR ISI Halaman Judul Luar... i Halaman Judul Dalam... ii Halaman Persetujuan Dosen Pembimbing... iii Halaman Pernyataan Dosen Penguji... iv Halaman Pemberian Hak Cipta Non Eksklusif dari Mahasiswa ke Universitas Bina Nusantara... viii Abstrak... ix Kata Pengantar... x Daftar Isi... xii Daftar Tabel... xvi Daftar Gambar... xxi Daftar Lampiran... xxvii BAB 1 PENDAHULUAN Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Penelitian Sistematika Penulisan... 6 BAB 2 LANDASAN TEORI Teori Umum Multimedia Interaksi Manusia dan Komputer (IMK) Lima Faktor Manusia Terukur Delapan Aturan Emas Rekayasa Piranti Lunak (RPL) Spiral Model Basis Data (Database) Unified Language Modelling (UML) Use Case Diagram xii

13 Class Diagram Activity Diagram Sequence Diagram Storyboard Teori Khusus Game Game Design Game Design Documents Genre Game Mobile Game Android Arsitektur Android SQLite Augmented Reality Augmented Reality SDK Qualcomm Unity Blender Adobe Photoshop Anjing BAB 3 ANALISIS DAN PERANCANGAN Latar Belakang Analisis Permasalahan Analisis Kebutuhan Analisis User Analisis Permainan Sejenis Game Pet Party Game Monster Pet Shop Game MyPetCuby Analisis dan Usulan Solusi Perancangan Permainan xiii

14 3.4.1 Deskripsi Permainan Game Balancing Komponen Permainan Perancangan Storyboard Perancangan Storyboard Game Perancangan Storyboard Back End Game Perancangan Sistem Use Case Diagram Class Diagram Use Case Narrative Activity Diagram Sequence Diagram Perancangan Database BAB 4 IMPLEMENTASI DAN EVALUASI Implementasi Spesifikasi Sistem Perangkat keras Perangkat Lunak Cara Instalasi Aplikasi Prosedur Penggunaan Aplikasi Prosedur Penggunaan Aplikasi Client Proses Memulai Game Proses Pendeteksian Image Paper Proses Membeli dan Menggunakan Item Proses Memberi Makanan Digital Pet Proses Membersihkan Digital Pet Proses Bermain dengan Digital Pet Proses Mengelus Digital Pet Proses Mengobati Digital Pet Proses Bermain Minigames Proses Menggunakan Menu Option xiv

15 Proses Menggunakan Menu Help Proses Untuk Keluar dari Aplikasi Prosedur Penggunaan Aplikasi Admin Evaluasi Evaluasi User Evaluasi Aplikasi Sejenis Evaluasi IMK BAB 5 SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA.203 RIWAYAT HIDUP LAMPIRAN-LAMPIRAN... L1 xv

16 DAFTAR TABEL Tabel 2.1 Tabel Simbol Usecase diagram Tabel 2.2 Tabel Simbol Activity Diagram Tabel 3.1 Hasil Wawancara Tabel 3.2 Hasil Wawancara Tabel 3.3 Hasil Wawancara Tabel 3.4 Hasil kuesioner pertanyaan Tabel 3.5 Hasil kuesioner pertanyaan Tabel 3.6 Hasil kuesioner pertanyaan Tabel 3.7 Hasil kuesioner pertanyaan Tabel 3.8 Hasil kuesioner pertanyaan Tabel 3.9 Hasil kuesioner pertanyaan Tabel 3.10 Hasil kuesioner pertanyaan Tabel 3.11 Hasil kuesioner pertanyaan Tabel 3.12 Hasil kuesioner pertanyaan Tabel 3.13 Hasil kuesioner pertanyaan Tabel 3.14 Hasil kuesioner pertanyaan Tabel 3.15 Hasil kuesioner pertanyaan Tabel 3.16 Hasil kuesioner pertanyaan Tabel 3.17 Hasil kuesioner pertanyaan Tabel 3.18 Hasil kuesioner pertanyaan Tabel 3.19 Hasil kuesioner pertanyaan Tabel 3.20 Hasil kuesioner pertanyaan xvi

17 Tabel 3.21 Perbandingan Game Sejenis Tabel 3.22 Balancing Storage Tabel 3.23 Balancing Status Tabel 3.24 Balancing Minigames Tabel 3.25 Tabel Status Digital Pet Tabel 3.26 Tabel Storage Tabel 3.27 Tabel fase hidup digital Pet Tabel 3.28 Tabel Action Reaction Game Tabel 3.29 Storyboard halaman splash screen Tabel 3.30 Storyboard halaman splash screen Tabel 3.31 Storyboard halaman menu utama game Tabel 3.32 Storyboard halaman pemberian nama anjing Tabel 3.33 Storyboard halaman video introduction Tabel 3.34 Storyboard halaman utama game Tabel 3.35 Storyboard halaman memberi makan anjing Tabel 3.36 Storyboard halaman membersihkan anjing Tabel 3.37 Storboard halaman mengajak anjing bermain Tabel 3.38 Storyboard halaman mengobati anjing Tabel 3.39 Storyboard halaman mode storage Tabel 3.40 Storyboard halaman konfirmasi pembelian Tabel 3.41 Storyboard halaman menu minigames Tabel 3.42 Storyboard halaman instruksi minigame Tabel 3.43 Storyboard halaman minigame xvii

18 Tabel 3.44 Storyboard halaman skor minigame Tabel 3.45 Storyboard halaman instruksi minigame Tabel 3.46 Storyboard halaman minigame Tabel 3.47 Storyboard halaman skor minigame Tabel 3.48 Storyboard halaman option Tabel 3.49 Storyboard halaman help Tabel 3.50 Storyboard halaman login admin Tabel 3.51 Storyboard halaman editor Tabel 3.52 Use Case Narrative Mengadopsi Pet Tabel 3.53 Use Case Narrative Memainkan Game Tabel 3.54 Use Case Narrative Mendeteksi Objek Tabel 3.55 Use Case Narrative Menggunakan Item Tabel 3.56 Use Case Narrative Mengobati Pet Tabel 3.57 Use Case Narrative Memberi Makan Pet Tabel 3.58 Use Case Narrative Mengajak Pet Bermain Tabel 3.59 Use Case Narrative Mengelus Pet Tabel 3.60 Use Case Narrative Membersihkan Pet Tabel 3.61 Use Case Narrative Bermain Minigames Tabel 3.62 Use Case Narrative Mengatur Suara Tabel 3.63 Use Case Narrative Melakukan Reset Game Tabel 3.64 Use Case Narrative Melihat Help Tabel 3.65 Use Case Narrative Keluar dari Aplikasi Tabel 3.66 Use Case Narrative Melakukan Log In xviii

19 Tabel 3.67 Use Case Narrative Mengubah Nilai Status Tabel 3.68 Use Case Narrative Melakukan Log Out Tabel 3.69 Kamus Data Tabel Pet Tabel 3.70 Kamus Data Tabel Status Tabel 3.71 Kamus Data Tabel Storage Tabel 3.72 Kamus Data Tabel Admin Tabel 4.1 Hasil kuesioner pertanyaan Tabel 4.2 Hasil kuesioner pertanyaan Tabel 4.3 Hasil kuesioner pertanyaan Tabel 4.4 Hasil kuesioner pertanyaan Tabel 4.5 Hasil kuesioner pertanyaan Tabel 4.6 Hasil kuesioner pertanyaan Tabel 4.7 Hasil kuesioner pertanyaan Tabel 4.8 Hasil kuesioner pertanyaan Tabel 4.9 Hasil kuesioner pertanyaan Tabel 4.10 Hasil kuesioner pertanyaan Tabel 4.11 Hasil kuesioner pertanyaan Tabel 4.12 Hasil kuesioner pertanyaan Tabel 4.13 Hasil kuesioner pertanyaan Tabel 4.14 Hasil kuesioner pertanyaan Tabel 4.15 Hasil kuesioner pertanyaan Tabel 4.16 Hasil kuesioner pertanyaan Tabel 4.17 Hasil kuesioner pertanyaan xix

20 Tabel 4.18 Hasil kuesioner pertanyaan Tabel 4.19 Evaluasi Game Sejenis Tabel 4.20 Evaluasi IMK dengan menggunakan prinsip Eight Golden Rules xx

21 DAFTAR GAMBAR Gambar 1.1 Perbandingan Presentase Platform Smartphone Gambar 2.1 Spiral Model Gambar 2.2 Contoh Representasi Kelas Objek Gambar 2.3 Notasi asosiasi dan multiplisitas Gambar 2.4 Hubungan generalisasi/spesialisasi Gambar 2.5 Hubungan agregasi Gambar 2.6 Contoh Class Diagram Gambar 2.7 Contoh Activity Diagram Gambar 2.8 Sequence Diagram Gambar 2.9 Actor Gambar 2.10 Interface class Gambar 2.11 Controller class Gambar 2.12 Entity classes Gambar 2.13 Messages Gambar 2.14 Activation bar Gambar 2.15 Return Messages Gambar 2.16 Self-call Gambar 2.17 Frame Gambar 2.18 Tetralogi Elemen Game Gambar 2.19 Android Application Programming Interface Gambar 2.20 Sistem High-level SDK Gambar 3.1 Hasil jawaban kuesioner pada pertanyaan xxi

22 Gambar 3.2 Hasil jawaban kuesioner pada pertanyaan Gambar 3.3 Hasil jawaban kuesioner pada pertanyaan Gambar 3.4 Hasil jawaban kuesioner pada pertanyaan Gambar 3.5 Hasil jawaban kuesioner pada pertanyaan Gambar 3.6 Hasil jawaban kuesioner pada pertanyaan Gambar 3. 7 Hasil jawaban kuesioner pada pertanyaan Gambar 3.8 Hasil jawaban kuesioner pada pertanyaan Gambar 3. 9 Hasil jawaban kuesioner pada pertanyaan Gambar 3.10 Hasil jawaban kuesioner pada pertanyaan Gambar 3.11 Hasil jawaban kuesioner pada pertanyaan Gambar 3.12 Hasil jawaban kuesioner pada pertanyaan Gambar 3.13 Hasil jawaban kuesioner pada pertanyaan Gambar 3.14 Hasil jawaban kuesioner pada pertanyaan Gambar 3.15 Hasil jawaban kuesioner pada pertanyaan Gambar 3.16 Hasil jawaban kuesioner pada pertanyaan Gambar 3.17 Hasil jawaban kuesioner pada pertanyaan Gambar 3.18 Screenshot Permainan Pet Party Gambar 3.19 Screenshot Permainan Monster Pet Shop Gambar 3.20 Screenshot Permainan Monster Pet Shop Gambar 3.21 Screenshot Permainan MyPet Cuby Gambar 3.22 Karakter 3D Anjing Gambar 3.23 Flowchart algoritma penggunaan markerless augmented reality Gambar 3.24 Use Case Diagram Game Touch Pet xxii

23 Gambar 3.25 Use Case Diagram Admin Game Touch Pet Gambar 3.26 Class Diagram Game Gambar 3.27 Activity Diagram Adopsi Pet Gambar 3.28 Activity Diagram Memainkan Game Gambar 3.29 Activity Diagram Mendeteksi Objek Gambar 3.30 Activity Diagram Menggunakan Item Gambar 3.31 Activity Diagram Mengobati Pet Gambar 3.32 Activity Diagram Memberi Makan Pet Gambar 3.33 Activity Diagram Mangajak Pet Bermain Gambar 3.34 Activity Diagram Mengelus Pet Gambar 3.35 Activity Diagram Membersihkan Pet Gambar 3.36 Activity Diagram Bermain Minigames Gambar 3.37 Activity Diagram Mengatur Suara Gambar 3.38 Activity Diagram Melakukan Reset Game Gambar 3.39 Activity Diagram Melihat Help Gambar 3.40 Activity Diagram Keluar dari Apikasi Gambar 3.41 Activity Diagram Log In Admin Gambar 3.42 Activity Diagram Mengubah Nilai Status Gambar 3.43 Activity Diagram Log Out Admin Gambar 3.44 Sequence Diagram Adopsi Pet Gambar 3.45 Sequence Diagram Memainkan Game Gambar 3.46 Sequence Diagram Mengobati Pet Gambar 3.47 Sequence Diagram Menggunakan Item xxiii

24 Gambar 3.48 Sequence Diagram Memberi Makan Pet Gambar 3.49 Sequence Diagram Mengajak Pet Bermain Gambar 3.50 Sequence Diagram Mengelus Pet Gambar 3.51 Sequence Diagram Membersihkan Pet Gambar 3.52 Sequence Diagram Bermain Minigames Gambar 3.53 Sequence Diagram Mengatur Suara Gambar 3.54 Sequence Diagram Melakukan Reset Game Gambar 3.55 Sequence Diagram Keluar Dari Aplikasi Gambar 3.56 Sequence Diagram Melihat Help Gambar 3.57 Sequence Diagram Log In Admin Gambar 3.58 Sequence Diagram Mengubah Nilai Status Gambar 3.59 Sequence Diagram Log Out Admin Gambar 4.1 Layar konfirmasi Gambar 4.2 Proses instalasi berjalan Gambar 4.3 Proses instalasi selesai Gambar 4.4 Halaman Splash Screen Gambar 4.5 Halaman menu utama Gambar 4.6 Halaman story Gambar 4.7 Halaman adopt Pet Gambar 4.8 Tampilan konfirmasi adopsi Gambar 4.9 Tampilan Success Gambar 4.10 Halaman permainan Digital Pet Gambar 4.11 Tombol storage xxiv

25 Gambar 4.12 Halaman storage Gambar 4.13 Tombol pilihan food Gambar 4.14 Tombol pilihan medicine Gambar 4.15 Tombol pilihan special item Gambar 4.16 Tampilan pop-up konfirmasi pembelian Gambar 4.17 Tampilan setelah tombol buy ditekan Gambar 4.18 Tampilan memberi makan Gambar 4.19 Tampilan membersihkan digital pet Gambar 4.20 Tampilan bermain dengan digital pet Gambar 4.21 Tampilan mengelus digital pet Gambar 4.22 Tampilan digital pet sakit Gambar 4.23 Tampilan mengobati digital pet Gambar 4.24 Tombol minigames Gambar 4.25 Halaman minigames Gambar 4.26 Halaman tutorial minigames Gambar 4.27 Halaman tutorial minigames Gambar 4.28 Halaman minigames Gambar 4.29 Tampilan hasil permainan minigames Gambar 4.30 Tampilan minigames Gambar 4.31 Tampilan hasil permainan minigames Gambar 4.32 Halaman option Gambar 4.33 Tampilan pop-up konfirmasi reset game Gambar 4.34 Halaman help xxv

26 Gambar 4.35 Halaman help Gambar 4.36 Tampilan pop-up konfirmasi exit Gambar 4.37 Tampilan Back End Touch Pet Configuration Gambar 4.38 Halaman Login Gambar 4.39 Halaman editor Gambar 4.40 Memasukkan nilai baru Gambar 4.41 Tampilan status digital pet yang telah diganti Gambar 4.42 Hasil jawaban kuesioner pada pertanyaan Gambar 4.43 Hasil jawaban kuesioner pada pertanyaan Gambar 4.44 Hasil jawaban kuesioner pada pertanyaan Gambar 4.45 Hasil jawaban kuesioner pada pertanyaan Gambar 4.46 Hasil jawaban kuesioner pada pertanyaan Gambar 4.47 Hasil jawaban kuesioner pada pertanyaan Gambar 4.48 Hasil jawaban kuesioner pada pertanyaan Gambar 4.49 Hasil jawaban kuesioner pada pertanyaan Gambar 4.50 Hasil jawaban kuesioner pada pertanyaan Gambar 4.51 Hasil jawaban kuesioner pada pertanyaan Gambar 4.52 Hasil jawaban kuesioner pada pertanyaan Gambar 4.53 Hasil jawaban kuesioner pada pertanyaan Gambar 4.54 Hasil jawaban kuesioner pada pertanyaan Gambar 4.55 Hasil jawaban kuesioner pada pertanyaan Gambar 4.56 Hasil jawaban kuesioner pada pertanyaan Gambar 4.57 Hasil jawaban kuesioner pada pertanyaan xxvi

27 Gambar 4.58 Hasil jawaban kuesioner pada pertanyaan Gambar 4.59 Hasil jawaban kuesioner pada pertanyaan xxvii

28 DAFTAR LAMPIRAN Kuesioner Analisis User... L-1 Wawancara Analisis Kebutuhan... L-7 Kuesioner Evaluasi Aplikasi... L-8 xxviii