15
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user -

perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

  • Upload
    ngodung

  • View
    213

  • Download
    0

Embed Size (px)

Citation preview

Page 1: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

-

Page 2: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

Page 3: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

Page 4: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iv

ABSTRACT

OKY ADITAMA, 2014. APPLICATION OF LEARNING MEDIA WITH

VISUALITATION BASED ON AUGMENTED REALITY TECHNOLOGY . Diploma III Program of Informatics Engineering Department, Faculty of Mathematics and Natural Science Sebelas Maret University Surakarta..

Interest growing reading in a story book for children is one attempt or how its done increase knowledge and insight for children. The multimedia application which is the integrated text, sound, image, and video components will make the user find it easier to learn and understand. Use object 3 dimension will make learning more interesting object information. purpose of the this final project to give information learning media for children based multimedia.

This application was created and developed by using 4-cycle method covers analysis stage to answer research problems and collect the data, design the application to construct the scenario and story board, to create the application to make the design up to the application system and calibration stage for application trial. The producing stage was using augmented reality some supported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d.

The result of the result is the multimedia which contributes the learning comprise image object to be displayed from the

story book.

Key word : Augmented Reality Technology, , 3D, Multimedia, openspace3d.

Page 5: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

v

ABSTRAK

PEMBUATAN APLIKASI MEDIA PEMBELAJARAN CERITA ANAK KURA-KURA BERTELUR EMAS MENGGUNAKAN VISUALISASI BERBASIS AUGMENTED REALITY TECHNOLOGY Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Menumbuhkan minat membaca buku cerita pada anak merupakan salah satu upaya atau cara yang dilakukan untuk menambah pengetahuan dan wawasan bagi anak. Aplikasi multimedia yang merupakan penggabungan dari komponen teks, suara, gambar dan video akan membuat pengguna menjadi lebih mudah untuk mempelajari dan memahami. Penggunaan objek 3 dimensi akan membuat informasi objek pembelajaran lebih menarik. Tujuan dari proyek tugas akhir ini untuk memberi informasi media pembelajaran cerita anak berbasis multimedia.

Aplikasi augmented reality ini dirancang dan dikembangkan menggunakan metode 4-cycle meliputi tahapan analisis untuk menjawab rumusan masalah dan mengumpulkan data, perancangan aplikasi untuk merancang skenario dan story board, pembuatan aplikasi untuk membuat desain hingga sistem aplikasi dan tahapan pengujian untuk uji coba aplikasi yang sudah dibuat. Pada tahap pembuatan augmented reality menggunakan beberapa software pendukung seperti Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 dan openspace3d.

Penelitian ini menghasilkan aplikasi multimedia yang dapat memberikan informasi pembelajaran mengenai buku cerita anak meliputi objek gambar yang akan ditampilkan dari buku cerita tersebut.

Kata kunci : Augmented Reality Technology, Buku Cerita Anak, 3D, Multimedia, openspace3d.

Page 6: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

HALAMAN MOTTO

Komang Leo Triandana

mulai bercermin dalam-dalam untuk melihat penyebab sesungguhnya dari semua

Napoleon Hill

Ini hanya sebuah permainan hidup, ada yang kalah dan ada yang menang, jangan putus asa untuk mencoba,berdoa dan berusaha

Oky Aditama

keyakinan bahwa tantangan dapat diatasi dan segala sesuatu dapat berubah

Page 7: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vii

HALAMAN PERSEMBAHAN

Sebuah karya tulisan ini kupersembahkan untuk :

1. Allah SWT, semua rahmad dan nikmat yang telah diberikan

2. kedua orang tuaku tercinta yang tidak pernah berhenti untuk mendukung

dan mendoakan ku

3. Dosen dan Staf Pengajar Program D3 Teknik Informatika UNS khususnya

pembimbing, terimaksih selalu mendukung, membimbing dan

memberikan ilmu yang berguna

4. Teman-teman D3 Teknik Informatika UNS, khususnya kelas Teknik

Informatika C (TI-C) 2011

5. Sahabat hangout, nonton, karaoke yang sudah saya anggap saudara,

terimakasih selalu mendukung dan memberi semangat.

6. Sahabat Selasa Malam yang selalu mendukung dan memberi semangat

7. Para pembaca yang budiman

Page 8: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

viii

KATA PENGANTAR

-

-

1. -

2.

3.

4.

5.

6.

7. Segenap Keluarga tercinta yang selalu memberikan dukungan dan

semangat serta dukungan moril dan materil.

Page 9: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ix

8. Teman-teman Seluruh D3 Teknik Informatika UNS Angkatan 2011

9. Teman-teman Seperjuangan D3 Teknik Informatika C angkatan 2011

10. Dan semua pihak yang telah membantu penulis menyelesaikan laporan

Tugas Akhir ini yang tidak bisa penulis sebutkan satu persatu.

Surakarta, Juni 2014

Penulis

Page 10: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

x

DAFTAR ISI

HALAMAN JUDUL i

HALAMAN PERSETUJUAN ii

HALAMAN PENGESAHAN iii

ABSTRACT iv

ABSTRAK v

HALAMAN MOTTO vi

HALAMAN PERSEMBAHAN vii

KATA PENGANTAR viii

DAFTAR ISI x

DAFTAR TABEL xiii

DAFTAR GAMBAR xiv

BAB I : PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Perumusan Masalah 2

1.3 Batasan Masalah 2

1.4 Tujuan 3

1.5 Manfaat 3

1.6 Metodologi Penelitian 3

1.7 Sistematika Penulisan 5

BAB II : LANDASAN TEORI 6

2.1 AUGMENTED REALITY 6

2.1.1 Definisi Augmented Reality 6

2.1.2 Marker 6

2.2 STRUKTUR NAVIGASI 9

2.3 MULTIMEDIA 10

2.3.1 Definisi Multimedia 10

Page 11: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xi

2.3.2 Objek Multimedia 11

2.4 AUTODESK 3DS MAX 12

2.5 3D STUDIO MAX 2010 12

2.6 ADOBE FLASH 13

2.7 ADOBE PHOTOSHOP CS4 14

2.8 OPENSPACE 3D 15

2.9 OGRE 16

2.10 MARKER 17

BAB III : ANALISA KEBUTUHAN DAN

PERANCANGAN SISTEM 20

3.1 Analisa Kebutuhan 20

3.1.1 Analisa Kebutuhan Hardware 19

3.1.2 Analisa Kebutuhan Software 20

3.2 Langkah Pengembangan Aplikasi 21

3.2.1 Analisis 22

3.2.2 Perancangan Aplikasi 22

3.2.3 Pembuatan Aplikasi 22

3.2.4 Pengujian 22

3.3 Perancangan Aplikasi 22

3.3.1 Story Board 22

3.3.1.1 Halaman Cover Depan 23

3.3.1.2 Halaman Isi 23

3.3.2 Rancangan Sketsa Aplikasi 28

BAB IV : IMPLEMENTASI DAN ANALISA 30

4.1 Pembuatan Aplikasi 30

4.1.1 Pembuatan Objek 3D 30

4.1.2 Eksport Object 3 Dimensi ke Format Ogre 42

4.1.3 Pembuatan Interface Aplikasi 44

4.2 Pembuatan Aplikasi Augmented Reality 45

Page 12: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xii

4.2.1 Pembuatan Navigasi Menu Halaman Awal 46

4.2.2 Pembuatan Isi ( Konten ) Aplikasi Agmented

Reality 46

4.3 Penataan Objek 3D Openspace3D 47

4.4 Plug it Openspace3D 48

4.5 Perencanaan Penggunaan 48

4.6 Implementasi Aplikasi 49

4.7 Hasil Uji Coba Aplikasi 53

4.7.1 Jarak Marker 54

4.7.2 Sudut Kemiringan Marker 55

BAB V : PENUTUP 56

5.1 Kesimpulan 56

5.2 Saran 56

DAFTAR PUSTAKA 57

LAMPIRAN 58

1. Lampiran Kuisioner 1 58

2. Lampiran Kuisioner 2 59

3. Lampiran Kuisioner 3 60

4. Lampiran Kuisioner 4 61

5. Lampiran Kuisioner 5 62

6. Lampiran Data Grafik Kuisioner 63

Page 13: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiii

DAFTAR TABEL

1. Gambar 4.1 Testing Jarak Marker ke Webcam 54

2. Gambar 4.2 Testing Sudut Kemiringan Marker ke Webcam 55

Page 14: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiv

DAFTAR GAMBAR

1. Gambar 1.1 Alur Pengembangan Aplikasi 4

2. Gambar 2.1 Teknik Markerless Face Tracking 7

3. Gambar 2.2 Teknik Markerless Object Tracking 8

4. Gambar 2.3 Teknik Markerless Motion Tracking 8

5. Gambar 2.4 Navigasi Linier 9

6. Gambar 2.5 Navigasi Hirarki 9

7. Gambar 2.6 Navigasi Non Linier 10

8. Gambar 2.7 Navigasi Campuran 10

9. Gambar 2.8 Tampilan 3D Studio Max 2010 13

10. Gambar 2.9 Tampilan Adobe Flash CS5 14

11. Gambar 2.10 Tampilan Adobe Photoshop CS4 14

12. Gambar 2.11 OpenSpace 3D 15

13. Gambar 2.12 Salah satu jenis penanda (marker) 18

14. Gambar 3.1 Alur Pengembangan Aplikasi 21

15. Gambar 3.2 Tampilan Halaman Awal 23

16. Gambar 3.3 Tampilan Marker Halaman 1 24

17. Gambar 3.4 Tampilan Marker Halaman 2 25

18. Gambar 3.5 Tampilan Marker Halaman 3 25

19. Gambar 3.6 Tampilan Marker Halaman 4 26

20. Gambar 3.7 Tampilan Marker Halaman 6 27

21. Gambar 3.8 Tampilan Marker Halaman 7 27

22. Gambar 3.9 Tampilan Marker Halaman 8 28

23. Gambar 3.10 Rancangan Halaman Awal Aplikasi 29

24. Gambar 3.11 Halaman Isi ( Konten ) 29

25. Gambar 4.1 Modeling Halaman 1 31

26. Gambar 4.2 Modeling Halaman 1 32

27. Gambar 4.3 Modeling Halaman 2 33

Page 15: perpustakaan.uns.ac.id digilib.uns.ac filesupported softwares such as Adobe Photoshop, Adobe Flash, 3D Studio Max 2010 and openspace3d. The result of the result is the multimedia which

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xv

28. Gambar 4.4 Modeling Halaman 2 34

29. Gambar 4.5 Modeling Halaman 3 35

30. Gambar 4.6 Modeling Halaman 3 36

31. Gambar 4.7 Modeling Halaman 4 37

32. Gambar 4.8 Modeling Halaman 4 38

33. Gambar 4.9 Modeling Halaman 6 39

34. Gambar 4.10 Modeling Halaman 6 40

35. Gambar 4.11 Modeling Halaman 7 dan 8 41

36. Gambar 4.12 Modeling Halaman 7 dan 8 42

37. Gambar 4.13 Tampilan Kotak Dialog Export 3D Format Ogre 43

38. Gambar 4.14 Tampilan Pembuatan Interface Awal Aplikasi 44

39. Gambar 4.15 Tampilan Pembuatan Interface Isi Aplikasi 45

40. Gambar 4.16 Tampilan Import Data 45

41. Gambar 4.17 Tampilan Script Menampilkan Objek 3 Dimensi 46

42. Gambar 4.18 Tampilan Script Menimbulkan Bunyi 47

43. Gambar 4.19 Tampilan Penataan Objek 3 Dimensi Openspace3D 47

44. Gambar 4.20 Tampilan Plug It Openspace3D 48

45. Gambar 4.21 Sketsa perancangan penggunaan hardware 48

46. Gambar 4.22 Hasil Uji Coba Halaman Awal 49

47. Gambar 4.23 Hasil Uji Coba Halaman Isi konten 49

48. Gambar 4.24 Hasil Uji Coba Halaman 1 50

49. Gambar 4.25 Hasil Uji Coba Halaman 2 51

50. Gambar 4.26 Hasil Uji Coba Halaman 3 51

51. Gambar 4.27 Hasil Uji Coba Halaman 4 52

52. Gambar 4.28 Hasil Uji Coba Halaman 6 52

53. Gambar 4.29 Hasil Uji Coba Halaman 7 53

54. Gambar 4.30 Hasil Uji Coba Halaman 8 53