APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR

(1)

APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA

BERBASIS ANDROID MENGGUNAKAN

AUGMENTED REALITY

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang

Oleh :

NANANG IQBAL HABIBIE 201110370311243

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2015

(2)

(3)

(4)

(5)

LEMBAR PERSEMBAHAN

Bismillahirrohmanirrohim

Puji Syukur kepada Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan tugas akhir ini yang berjudul “APLIKASI

PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID

MENGGUNAKAN AUGMENTED REALITY”. Selama pengerjaan tugas akhir ini, penulis telah banyak dibantu, dibimbing dan didukung oleh berbagai pihak. Oleh karena itu, penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada:

1. Bapak Agus Eko Minarno,S.Kom, M.Kom dan Ibu Lailatul Husniah,SST, MT selaku pembimbing tugas akhir yang selalu sabar membimbing selama pengerjaan tugas akhir ini.

2. Segenap dosen dan staff pengajar Teknik Informatika Universitas Muhammadiyah Malang yang telah membagikan ilmunya.

3. Ayahanda Nasikin Zain dan Ibunda Siti Hanifah yang tiada hentinya memberikan dukungan dan do’a selama ini.

4. Oky Ayik P., Hafidh Fajri W., Fendy S., Achmad Purwanto, M. Hidayatullah, Isna Wahyu Dewanti dan segenap teman-teman EEC serta teman-teman sekampus yang tidak bisa penulis sebutkan satu per satu yang selama ini berjuang bersama, yang juga saling memberikan dukungan, semangat dan do’a.

5. Sahabat-sahabat Cadal 21 Al Hikam yang selama ini menemani, saling memberikan dukungan, semangat dan do’a demi kelancaran bersama.

Malang, 19 Oktober 2015

(6)

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT atas limpahan rahmat dan hidayah-Nya sehingga peneliti dapat menyelesaikan tugas akhir yang berjudul:

“APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY”

Di dalam tulisan ini disajikan pokok-pokok bahasan yang meliputi penerapan Augmented Reality pada pembelajaran unsur-unsur kimia dengan media

smartphone.

Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan. Oleh karena itu penulis mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu pengetahuan ke depan.

Malang, 19 Oktober 2015

(7)

DAFTAR ISI

LEMBAR PERSETUJUAN ... i

LEMBAR PENGESAHAN ... ii

LEMBAR PERNYATAAN ... iii

ABSTRAKSI ... iv

ABSTRACT ... v

LEMBAR PERSEMBAHAN ... vi

KATA PENGANTAR ... vii

DAFTAR ISI ... viii

DATAR GAMBAR ... xiii

DAFTAR TABEL... xv BAB I PENDAHULUAN 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 2 1.3 Tujuan ... 2 1.4 Batasan Masalah ... 2 1.5 Metodologi ... 3 1.6 Sistematika Penulisan ... 4

BAB II LANDASAN TEORI 2.1 Sistem Terdahulu ... 6

2.2 Kimia ... 6

2.2.1 Unsur dan Senyawa ... 7

(8)

2.2.3 Nomor Atom, Nomor Massa, dan Isotop ... 7 2.2.4 Tabel Periodik ... 7 2.3 Android ... 8 2.3.1 Arsitektur Android ... 8 2.4 Augmented Reality ... 9 2.5 Vuforia... 10 2.6 Unity 3D ... 14 2.7 Blender ... 14 2.8 Bahasa Pemrograman C# ... 14

BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Sistem ... 15

3.1.1 Spesifikasi Perangkat Lunak ... 15

3.1.2 Alur Kerja Sistem ... 15

3.1.3 UseCase Sistem ... 17

3.1.4 Activity Diagram ... 19

3.1.4.1 Activity Diagram Look Tabel Periodik Unsur ... 19

3.1.4.2 Activity Diagram Look Materi ... 20

3.1.4.3 Activity Diagram Look Panduan ... 20

3.1.4.4 Activity Diagram Play Augmented Reality ... 21

3.1.4.5 Activity Diagram Download Marker ... 22

3.1.5 Sequence Diagram ... 22

3.1.5.1 Sequence Diagram Look Tabel Periodik Unsur ... 22

(9)

3.1.5.3 Sequence Diagram Look Panduan ... 23

3.1.5.4 Sequence Diagram Play Augmented Reality ... 24

3.1.5.5 Sequence Diagram Download Marker ... 24

3.1.6 Class Diagram ... 25

3.2 Perancangan Sistem ... 26

3.2.1 Perancangan Interface ... 26

3.2.1.1 Tampilan Splash Screen ... 26

3.2.1.2 Tampilan Menu Utama ... 27

3.2.1.3 Tampilan Sub Menu Aplikasi ... 27

3.2.1.4 Tampilan Sub Menu Tabel Periodik Unsur ... 28

3.2.1.5 Tampilan Sub Menu Materi ... 28

3.2.1.6 Tampilan Sub Menu Unsur Kimia ... 29

3.2.1.7 Tampilan Menu Panduan ... 29

3.2.2 Perancangan Marker ... 29

3.2.3 Perancangan Pengujian ... 30

3.2.3.1 Pengujian Fungsionalitas ... 30

3.2.3.2 Pengujian Performa ... 31

3.2.3.3 Evaluasi ... 31

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi ... 32

4.1.1 Spesifikasi Komputer ... 32

4.1.2 Spesifikasi Smartphone ... 32

(10)

4.1.3.1 Menampilkan Splash Screen ... 33

4.1.3.2 Memanggil Scene Lain ... 34

4.1.3.3 Keluar Aplikasi ... 35

4.1.3.4 Menuju Link... 35

4.1.3.5 Tombol Back Pada Smartphone... 36

4.1.4 Tampilan User Interface ... 36

4.1.4.1 Splash Screen ... 36

4.1.4.2 Menu Utama... 37

4.1.4.3 Menu Tutorial ... 37

4.1.4.4 Sub Menu ... 38

4.1.4.5 Menu Tabel Periodik Unsur ... 39

4.1.4.6 Menu Materi... 39

4.1.4.7 Menu Unsur-Unsur Kimia (Augmented Reality) ... 41

4.1.4.8 Marker ... 42

4.2 Pengujian ... 46

4.2.1 Pengujian Fungsionalitas ... 46

4.2.1.1 Pengujian Interface ... 46

4.2.1.2 Pengujian Pendeteksian Marker ... 51

4.2.2 Pengujian Performa ... 56

4.2.3 Evaluasi ... 56

BAB V PENUTUP 5.1 Kesimpulan ... 61

(11)

DAFTAR PUSTAKA ... 63

(12)

DAFTAR GAMBAR

Gambar 2.1 Arsitektur Android ... 8

Gambar 2.2 Struktur Vuforia ... 11

Gambar 2.3 Target Database ... 12

Gambar 2.4 Alur Pengerjaan Database ... 13

Gambar 3.1 Flowchart Sistem ... 15

Gambar 3.2 Sub Flowchart Sistem... 16

Gambar 3.3 Use Case Diagram ... 17

Gambar 3.4 Activity Diagram Look Tabel Periodik Unsur ... 19

Gambar 3.5 Activity Diagram Look Materi ... 20

Gambar 3.6 Activity Diagram Look Panduan... 20

Gambar 3.7 Activity Diagram Play Augmented Reality ... 21

Gambar 3.8 Activity Diagram Download Marker ... 22

Gambar 3.9 Sequence Diagram Look Tabel Periodik Unsur ... 22

Gambar 3.10 Sequence Diagram Look Materi ... 23

Gambar 3.11 Sequence Diagram Look Panduan ... 23

Gambar 3.12 Sequence Diagram Play Augmented Reality ... 24

Gambar 3.13 Sequence Diagram Download Marker ... 24

Gambar 3.14 Class Diagram Aplikasi ... 25

Gambar 3.15 Splash Screen ... 26

Gambar 3.16 Menu Utama ... 27

Gambar 3.17 Sub Menu ... 27

(13)

Gambar 3.19 Tampilan Sub Menu Materi ... 28

Gambar 3.20 Tampilan Sub Menu Unsur Kimia ... 29

Gambar 3.21 Tampilan Menu Panduan ... 29

Gambar 3.22 Contoh Marker ... 30

Gambar 4.1 Hierarchy Splash Screen ... 33

Gambar 4.2 Hasil Pada Inspector ... 34

Gambar 4.3 Hierarchy Menu Utama ... 34

Gambar 4.4 Button Action ... 34

Gambar 4.5 Action Keluar Aplikasi... 35

Gambar 4.6 Action Menuju Link ... 35

Gambar 4.7 Splash Screen ... 36

Gambar 4.8 Menu Utama ... 37

Gambar 4.9 Tutorial ... 38

Gambar 4.10 Sub Menu ... 38

Gambar 4.11 Tabel Periodik Unsur ... 39

Gambar 4.12 Materi 1 ... 39

(14)

DAFTAR TABEL

Tabel 3.1 Use Case Look_Tabel_Periodik_Unsur ... 18

Tabel 3.2 Use Case Look_Materi... 18

Tabel 3.3 Use Case Look_Panduan ... 18

Tabel 3.4 Use Case Download_Marker ... 18

Tabel 3.5 Use Case Play_Augmented_Reality ... 19

Tabel 4.1 Marker ... 42

Tabel 4.2 Pengujian Interface Pada Xiaomi Redmi 2 ... 46

Tabel 4.3 Pengujian Interface Pada Lenovo A3300... 48

Tabel 4.4 Pengujian Tombol ... 50

Tabel 4.5 Pengujian Marker ... 51

Tabel 4.6 Pengujian Performa ... 56

Tabel 4.7 Hasil Evaluasi ... 57

Tabel 4.8 Hasil Evaluasi Kedua Sesi Pertama ... 58

(15)

DAFTAR PUSTAKA

[1] Chang, Raymond (2005). Kimia Dasar: Konsep-konsep Inti. Jakarta: Erlangga. [2] Fajar, Febriyan M. (2014). [ADVANCED] Mobile Interactive Augmented Reality. Solo: Buku AR Online.

[3] Fernando, Mario (2013). Membuat Aplikasi Android Augmented Reality Menggunakan Vuforia SDK dan Unity. Solo: Buku AR Online.

[4] Holla, Suhas., Mahima M, katti. 2012. “Android Based Mobile Application Development and its Security”. International Journal of Computer Trends and Technology. Vol.3. 486-490.

[5] Jose, Deepa V., Lakshmi, Priya C., G. Priyadarshi., Monisha, Singh. 2015. “Challenges and Issues in Android App Development- An Overview”. International Journal of Advanced Research in Computer Science and Software Engineering. Vol.1 . 811-814.

[6] Ma, Li., Lei, Gu., Jin, Wang. 2014. “Research and Development of Mobile Application for Android Platform”. International Journal of Multimedia and Ubiquitos Engineering. Vol.9. 187-198.

[7] Roedavan, Rickman (2014). UNITY Tutorial Game Engine. Bandung: INFORMATIKA Bandung.

[8] Yulianto, Rachman. “Augmented Reality Menggunakan Library Nyartoolkit dan Bahasa C#”. Sekolah Tinggi Ilmu Komputer PGRI Banyuwangi. 75-80.