APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA...

15
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

Transcript of APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA...

Page 1: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

Page 2: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna
Page 3: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna
Page 4: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna
Page 5: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

Penulis

Page 6: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

Penulis

Page 7: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

2.2.2 Struktur Atom ................................................................................ 7

Page 8: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

3.1.5.2 Sequence Diagram Look Materi ............................................ 23

Page 9: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

4.1.3 Program ......................................................................................... 33

Page 10: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

5.2 Saran ...................................................................................................... 61

Page 11: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

DAFTAR PUSTAKA ..................................................................................... 63

LAMPIRAN .................................................................................................... 64

Page 12: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

Gambar 3.18 Tampilan Sub Menu Tabel Periodik Unsur................................ 28

Page 13: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

Gambar 4.13 Materi 2 ...................................................................................... 40

Gambar 4.14 Materi 3 ...................................................................................... 40

Gambar 4.15 Materi 4 ...................................................................................... 41

Gambar 4.16 Penerapan Augmented Reality ................................................... 41

Page 14: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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

Tabel 4.9 Hasil Evaluasi KEdua Sesi Kedua ................................................... 59

Page 15: APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS … · APLIKASI PEMBELAJARAN UNSUR-UNSUR KIMIA BERBASIS ANDROID MENGGUNAKAN AUGMENTED REALITY TUGAS AKHIR Sebagai Persyaratan Guna

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.