Team project 2017 Dony Pratidana S. Hum Bima Agus Setyawan S. IIP

(1)

Hak cipta dan penggunaan kembali:

Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.

Copyright and reuse:

This license lets you remix, tweak, and build upon work

non-commercially, as long as you credit the origin creator

and license it on your new creations under the identical

terms.

(2)

RANCANG BANGUN APLIKASI MEDIA PEMBELAJARAN BANGUN RUANG TIGA DIMENSI DENGAN TEKNOLOGI

AUGMENTED REALITY

(Studi Kasus: Sekolah Dasar Sang Timur Ciledug) HALAMAN JUDUL

SKRIPSI

Diajukan sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer (S.Kom.)

Adolf Filius Gatara 13110110082

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG 2017

Rancang Bangun Aplikasi..., Adolf Filius Gatara, FTI, 2017

(3)

Scanned by CamScanner

(4)

(5)

iv

HALAMAN PERSEMBAHAN / MOTO

Der erste Trunk aus dem Becher der Naturwissenschaft macht atheistisch, aber auf dem Grund des Bechers wartet Gott.

Tegukan pertama dari cangkir ilmu pengetahuan membuatmu atheis, namun di dasar gelasnya Tuhan menantimu.

“Werner Heisenberg”

(6)

v

KATA PENGANTAR

Puji dan syukur layak dan sepantasnya dipanjatkan kepada hadirat Allah Bapa atas bimbingan dan berkat-Nya sehingga penulis dapat menyelesaikan laporan skripsi sebagai syarat untuk memperoleh gelar Sarjana Komputer pada Program Studi Teknik Informatika Fakultas Teknik dan Informatika Universitas Multimedia Nusantara pada akhir masa kuliah.

Terselesaikannya laporan skripsi berjudul “Rancang Bangun Aplikasi Media Pembelajaran Bangun Ruang Tiga Dimensi Dengan Teknologi Augmented Reality (Studi Kasus: Sekolah Dasar Sang Timur Ciledug)” tidak terlepas dari bantuan banyak pihak yang telah memberikan dukungan dan bantuan baik moril maupun materiil kepada penulis. Oleh karena itu, secara khusus penulis mengucapkan terima kasih kepada:

1. Suster Klarisa selaku kepala sekolah yang telah mengizinkan penulis melakukan penelitian di SD Sang Timur Ciledug.

2. Ibu Valentina Dwi Astuti dan pak Alexius Suyadi selaku guru kelas yang bersedia membantu penulis untuk melakukan penelitian siswa kelas 6B dan 6C yang bersedia meluangkan waktu untuk menguji coba aplikasi dan menjadi objek penelitian.

3. Pak Marcel Bonar Kristanda selaku pembimbing yang menuntun dan mengarahkan penulis agar penelitian yang dilakukan berjalan dengan baik dan benar.

(7)

vi

4. Ibu Made Satvika selaku pembimbing yang memberikan saran dan mengoreksi penulis untuk menyusun laporan dengan tepat dan sesuai kaedah.

5. Mama, papa, dan Ade yang telah mendukung penulis dan selalu menyemangati penulis untuk menyelesaikan skripsi dengan tepat waktu.

6. Julio Cristian Young yang telah membantu mengenalkan lingkup kerja IDE Unity dan menuntun penulis dalam merancang dan membangun aplikasi.

7. Valiant, Devin, Vania, Wilson, Samuel, Christian, Richie, dan Glenn yang membantu penulis dalam proses menyusun laporan skripsi.

8. Kevin, Aurel, dan Deardo yang menemani penulis dan memberi semangat selama pengerjaan skripsi.

9. Dan pihak-pihak lainnya yang penulis tidak dapat tuliskan satu persatu.

Penulis memiliki harapan agar penelitian yang telah dilakukan dapat menjadi suatu bentuk dorongan untuk pembaca atau orang lain untuk mengembangkan dan menyempurnakan penelitian sejenis.

Akhir kata, penulis memohon maaf atas segala kekurangan yang terdapat dalam penyusunan skripsi dan mengharapkan adanya masukan, baik kritik dan saran untuk penulisan laporan ini masa mendatang. Semoga penelitian ini dapat bermanfaat bagi pembaca dan kita semua.

Tangerang, 18 Agustus 2017

Adolf Filius Gatara

(8)

vii

RANCANG BANGUN APLIKASI MEDIA PEMBELAJARAN BANGUN RUANG TIGA DIMENSI DENGAN TEKNOLOGI

AUGMENTED REALITY

(Studi Kasus: Sekolah Dasar Sang Timur Ciledug)

ABSTRAK

Penelitian berisi tentang perancangan dan pembangunan aplikasi media pembelajaran bangun ruang tiga dimensi dengan teknologi Augmented Reality (AR). Kurikulum tahun 2013 (Kurtilas) memuat pembelajaran bangun ruang untuk siswa Sekolah Dasar (SD) kelas 6. Buku teks pelajaran yang digunakan siswa kelas 6 di SD Sang Timur Ciledug mempelajari lima bangun ruang yakni kubus, balok, kerucut, tabung, dan limas segi empat. Pembelajaran dikelompokkan menjadi pengetahuan sifat-sifat, pengenalan bentuk jaring-jaring, dan pengukuran volume serta luas permukaan bangun ruang. Aplikasi mengemas ketiga kelompok pembelajaran menjadi tiga mode yakni observasi, simulasi, dan kalkulasi. Mode simulasi menggunakan algoritma Breadth First Search (BFS) dan Depth First Search (DFS) sebagai komplemen untuk melakukan transformasi jaring-jaring menjadi bangun ruang dan sebaliknya. Sampel pengguna aplikasi ialah 69 siswa aktif kelas 6 SD Sang Timur Ciledug. Tingkat motivasi pengunaan aplikasi oleh pengguna diukur dengan menggunakan kuesioner sesuai konteks pemodelan Hedonic Motivation System Adoption Model (HMSAM) dengan tiga skala Likert.

Didapat hasil indeks aspek joy (96,6%), control (88,4%), immersion (85,5%), curiosity (94,2%), perceived ease of use (87,4%), perceived usefulness (97,6%) dan behavior intention to use (97,6%). Pengaruh penggunaan aplikasi terhadap pemahaman bangun ruang dari siswa dihitung dengan menggunakan tes sebelum dan sesudah penggunaan aplikasi. Dari 69 siswa terdapat 18,8% siswa yang mengalami peningkatan.

Kata Kunci: Augmented Reality, Bangun Ruang, Breadth First Search, Depth First Search, Media Pembelajaran, Hedonic Motivation System Adoption Model

(9)

viii

DESIGNING THREE DIMENSIONS GEOMETRY LEARNING MEDIA APPLICATION WITH AUGMENTED REALITY

(Case Study: Sang Timur Ciledug Elementary School) ABSTRACT

This research contains design and construction of learning media applications for three-dimensional space with Augmented Reality (AR) technology. The curriculum of 2013 (Kurtilas) contains geometry lesson for the 6th grade elementary school students. The textbooks of the 6th grade students in SD Sang Timur Ciledug contains five geometries which are cube, box, cone, cylinder and rectangular pyramid. Lesson in textbook can be grouped into three categories which are understanding of the geometry’s properties, the forms of webs, and the measurement of the volume and surface area of the geometry. In application, these categories converted into three modes: observation, simulation, and calculation.

Simulation mode uses Breadth First Search (BFS) and Depth First Search (DFS) algorithm as complement to transform the webs into geometries and vice versa.

Users of application are 69 active sixth grade SD Sang Timur Ciledug students.

Motivation to use application calculated by using questionnaire according to Hedonic Motivation System Adoption Model (HMSAM) context with three likert scale. The index results of each aspect are: joy (96.6%), control (88.4%), immersion (85,5%), curiosity (94.2%), perceived ease of use (87.4%), perceived usefulness (97.6%), and behavioral intent to use (97.6%). There is positive impact in 18.8%

from all students who use application, their understanding about geometry improved.

Keywords: Augmented Reality, Geometry, Breadth First Search, Depth First Search, Learning Media, Hedonic Motivation System Adoption Model

(10)

ix DAFTAR ISI

Isi

HALAMAN JUDUL ... i

LEMBAR PENGESAHAN SKRIPSI ... ii

HALAMAN PERNYATAAN TIDAK MELAKUKAN PLAGIAT ... iii

HALAMAN PERSEMBAHAN / MOTO ... iv

KATA PENGANTAR ... v

ABSTRAK ... vii

ABSTRACT ... viii

DAFTAR ISI ... ix

DAFTAR TABEL ... xi

DAFTAR GAMBAR ... xii

BAB 1PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 3

1.3 Batasan Masalah ... 3

1.4 Tujuan Penelitian ... 4

1.5 Manfaat Penelitian ... 4

1.6 Sistematika Penulisan ... 4

BAB 2LANDASAN TEORI ... 6

2.1 Augmented Reality ... 6

2.2 Media Pembelajaran ... 6

2.3 Bangun Ruang ... 7

2.4 Graph ... 13

2.5 Breadth First Search ... 13

2.6 Depth First Search ... 14

2.7 Hedonic Motivation System Adoption Model ... 15

2.8 Likert Scale ... 17

BAB 3METODOLOGI PENELITIAN DAN PERANCANGAN SISTEM ... 19

3.1 Metodologi Penelitian ... 19

3.2 Perancangan Sistem ... 21

3.2.1 Use Case Diagram ... 22

3.2.2 Activity Diagram ... 27

3.2.3 Class Diagram ... 39

3.2.4 Sequence Diagram ... 45

3.3 Perancangan Algoritma ... 57

3.4 Perancangan Antarmuka Grafis ... 61

BAB 4IMPLEMENTASI DAN UJI COBA ... 68

4.1 Spesifikasi Perangkat ... 68

4.2 Implementasi ... 69

4.2.1 Implementasi Tampilan Antarmuka ... 69

4.2.2 Implementasi Kode ... 76

4.3 Pengujian Algoritma ... 81

4.4 Evaluasi ... 87

4.4.1 Evaluasi Dampak Penggunaan Aplikasi ... 88

4.4.2 Pengujian Motivasi Penggunaan Aplikasi ... 89

BAB 5SIMPULAN DAN SARAN ... 93

5.1 Simpulan ... 93

5.2 Saran ... 94

(11)

x

DAFTAR PUSTAKA ... 95 DAFTAR LAMPIRAN ... 98 RIWAYAT HIDUP ... 99

(12)

xi

DAFTAR TABEL

Tabel 3.1 Deskripsi Use Case “Melihat Splash Screen” ... 23

Tabel 3.2 Deskripsi Use Case “Melihat augmented object bangun ruang” ... 23

Tabel 3.3 Deskripsi Use Case “Melihat detail informasi bangun ruang” ... 24

Tabel 3.4 Deskripsi Use Case “Memanipulasi detail informasi bangun ruang” ... 24

Tabel 3.5 Deskripsi Use Case “Melihat rumus volume dan luas permukaan bangun ruang” ... 25

Tabel 3.6 Deskripsi Use Case “Melakukan perhitungan volume dan luas permukaan bangun ruang” ... 25

Tabel 3.7 Deskripsi Use Case “Melihat daftar jaring-jaring bangun ruang” ... 26

Tabel 3.8 Deskripsi Use Case “Melihat animasi transformasi jaring-jaring” ... 26

Tabel 3.9 Deskripsi Use Case “Memilih jaring-jaring” ... 27

Tabel 4.1 Pengujian Algoritma ... 82

Tabel 4.2 Hasil Rekapitulasi Jawaban Kuesioner HMSAM ... 90

Tabel 4.3 Bobot Setiap Aspek Aplikasi ... 90

Tabel 4.4 Interval Kriteria Interpretasi... 91

(13)

xii

DAFTAR GAMBAR

Gambar 2.1 Jaring-Jaring Kubus... 9

Gambar 2.2 Jaring-Jaring Balok ... 10

Gambar 2.3 Jaring-Jaring Limas Segi Empat ... 10

Gambar 2.4 Jaring-Jaring Kerucut ... 10

Gambar 2.5 Jaring-Jaring Tabung ... 11

Gambar 2.6 Pseudocode Algoritma BFS ... 14

Gambar 2.7. Pseudocode Algoritma DFS ... 15

Gambar 2.8. Gambar Rancangan Model HMSAM ... 16

Gambar 3.1 Use Case Diagram Aplikasi ... 22

Gambar 3.2 Activity Diagram “Melihat Splash Screen” ... 28

Gambar 3.3 Activity Diagram “Menyiapkan informasi dan rumus bangun ruang dari JSON” ... 29

Gambar 3.4 Activity Diagram “Melihat augmented object bangun ruang”... 30

Gambar 3.5 Activity Diagram “Melihat detail informasi bangun ruang” ... 31

Gambar 3.6 Activity Diagram “Memanipulasi detail informasi bangun ruang” .. 32

Gambar 3.7 Activity Diagram “Melihat rumus volume atau luas bangun ruang” 33 Gambar 3.8 Activity Diagram “Mengatur Panel rumus” ... 34

Gambar 3.9 Activity Diagram “Melakukan perhitungan volume” ... 35

Gambar 3.10 Activity Diagram “Melihat daftar jaring-jaring bangun ruang”... 36

Gambar 3.11 Activity Diagram “Memilih jaring-jaring” ... 37

Gambar 3.12 Activity Diagram “Melihat animasi transformasi jaring-jaring” .... 38

Gambar 3.13 Activity Diagram “Menganimasikan sisi jaring-jaring” ... 38

Gambar 3.14 Class Diagram Sistem ... 40

Gambar 3.15 Sequence Diagram “Melihat Splash Screen” ... 46

Gambar 3.16 Sequence Diagram “Melihat Augmented object Bangun Ruang” .. 47

Gambar 3.17 Sequence Diagram “Melihat Detail Informasi Bangun Ruang” ... 48

Gambar 3.18 Sequence Diagram “Memanipulasi Detail Informasi Bangun Ruang” ... 49

Gambar 3.19 Sequence Diagram “Melihat Daftar Jaring-Jaring ... 51

Gambar 3.20 Sequence Diagram “Memilih Jaring-Jaring” ... 52

Gambar 3.21 Sequence Diagram “Melihat Animasi Transformasi Jaring-Jarin ... 54

Gambar 3.22 Sequence Diagram “Melihat Rumus Volume dan Luas Permukaan Bangun Ruang ... 55

Gambar 3.23 Sequence Diagram “Melakukan Perhitungan Volume dan Luas Permukaan” ... 56

Gambar 3.24 Gambar Tiga Node Sisi ... 58

Gambar 3.25 Hasil Rotasi Individu Tiap Sisi ... 58

Gambar 3.26. Hasil Rotasi Ketiga Sisi Dalam Pivot yang Sama ... 58

Gambar 3.27 Flowchart “Algoritma BFS termodifikasi” ... 59

Gambar 3.28 Flowchart “Algoritma DFS termodifikasi” ... 60

Gambar 3.29 Rancangan Tampilan Menu Utama ... 61

Gambar 3.30 Rancangan Tampilan Dasar Mode Observasi ... 62

Gambar 3.31 Rancangan Tampilan Menu Samping ... 63

Gambar 3.32 Rancangan Tampilan Mode Observasi dengan Informasi ... 63

(14)

xiii

Gambar 3.33 Rancangan Tampilan Mode Simulasi ... 64

Gambar 3.34 Rancangan Tampilan Mode Simulasi dengan Daftar Jaring-Jaring 65 Gambar 3.35 Rancangan Tampilan Mode Simulasi Setelah di Lipat ... 66

Gambar 3.36 Rancangan Tampilan Mode Kalkulasi ... 66

Gambar 3.37 Rancangan tampilan Mode Kalkulasi dengan Panel Rumus ... 67

Gambar 4.1 Screenshot Halaman Menu Utama ... 69

Gambar 4.2 Screenshot Halaman Menu Utama 2 ... 70

Gambar 4.3 Screenshot Tampilan Mode Observasi ... 70

Gambar 4.4 Screenshot Tampilan dengan Menu Samping ... 71

Gambar 4.5 Screenshot Tampilan Mode Observasi dengan Panel Informasi ... 71

Gambar 4.6 Screenshot Tampilan Mode Observasi yang Dimanipulasi ... 72

Gambar 4.7 Screenshot Tampilan Mode Simulasi ... 73

Gambar 4.8 Screenshot Tampilan Mengganti Jaring-Jaring ... 73

Gambar 4.9 Screenshot Tampilan Jaring-jaring yang Bertransformasi ... 74

Gambar 4.10 Screenshot Tampilan Akhir Transformasi di Mode Simulasi ... 74

Gambar 4.11 Screenshot Tampilan Mode Kalkulasi ... 75

Gambar 4.12 Screenshot Tampilan Mode Kalkulasi Dengan Input ... 76

Gambar 4.13 Screenshot Kode SisiController Representasi graph ... 76

Gambar 4.14 Hubungan Antar Sisi dari Sisi s3 ... 77

Gambar 4.15 Screenshot Tampilan Unity untuk Sisi s3 ... 77

Gambar 4.16 Screenshot kode OnPointerClick di dalam SisiController ... 78

Gambar 4.17 Screenshot Kode BFS (Bagian 1)... 78

Gambar 4.20 Screenshot Kode DFS (Bagian 1) ... 80

Gambar 4.21 Screenshot Kode DFS (Bagian 2) ... 81

Gambar 4.22 Jaring-jaring kubus ... 82

Gambar 4.23 Grafik Selisih Nilai Tes Sesudah dan Sebelum Penggunaan Aplikasi ... 88

Gambar 4.24 Grafik Nilai Aspek Penilaian HMSAM ... 91