pembuatan media informasi - digilib.uns.ac.id/pembuatan... · perpustakaan.uns.ac.id...

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

commit to user i

PEMBUATAN MEDIA INFORMASI

SMK GRAFIKA IGNATIUS SLAMET RIYADI SURAKARTA BERBASIS

AUGMENTED REALITY ( AR )

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun oleh:

Lukas Retriyandi Raharjo

NIM. M3309025

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2013


commit to user ii


commit to user iii


commit to user iv

ABSTRACT

LUKAS RETRIYANDI RAHARJO, 2013. DEVELOPING MEDIA INFORMATION AT “SMK GRAFIKA IGNATIUS SLAMET RIYADI SURAKARTA“ BASED ON AUGMENTED REALITY (AR). The Diploma III Program of Informatics engginering Departement of Mathematics and Scientists Faculty in Universitas Sebelas Maret Surakarta.

“SMK Grafika Ignatius Slamet Riyadi Surakarta“, is the first vocational school in Surakarta engaged in engineering graphics. This school is considered to be a new school, so it is necessary to introduce the information media owned by the school. Multimedia applications are an amalgamation of various components such as text, sound, images, animation, and video will make users be comfortable in enjoying the information presented. Augmented reality (AR) is a technology that combines the virtual objects into the real environment. The use of multimedia information in the form of Augmented Reality makes the delivery of information to be more attractive to the public.

The use of Augmented Reality (AR) for developing a application designed and developed using the literature search and reference materials related to the study. Developing Augmented reality (AR) is performed using several design and animation software such as Adobe Photoshop CS3, Corel Draw X5, 3D Studio Max 2010, Autodesk Maya and DFusion Studio.

The study produced a multimedia application that would provide many of the information contained therein. Keywords: augmented reality, smk grafika, 3d, multimedia


commit to user v

ABSTRAK

LUKAS RETRIYANDI RAHARJO, 2013. PEMBUATAN MEDIA INFORMASI SMK GRAFIKA IGNATIUS SLAMET RIYADI SURAKARTA BERBASIS AUGMENTED REALITY ( AR ). Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

SMK Grafika Ignatius Slamet Riyadi Surakarta, merupakan sekolah kejuruan pertama di kota Surakarta yang bergerak di bidang teknik grafika. Sekolah ini masih terhitung sekolah baru, sehingga perlu adanya media informasi yang memperkenalkan informasi apa saja yang dimiliki sekolah tersebut. Aplikasi multimedia yang merupakan penggabungan dari berbagai komponen seperti teks, suara, gambar, animasi, dan video akan membuat pengguna menjadi nyaman dalam menikmati informasi yang disajikan. Augmented reality (AR) merupakan sebuah teknologi yang menggabungkan benda virtual kedalam sebuah lingkungan nyata. Penggunaan multimedia informasi dalam bentuk Augmented Reality membuat penyampaian informasi menjadi lebih menarik lagi kepada masyarakat.

Penggunaan Augmented Reality ( AR ) untuk pembuatan aplikasi ini dirancang dan dikembangkan menggunakan metode studi pustaka yaitu mencari referensi dan materi yang berhubungan dengan penelitian yang dilakukan. Pembuatan Augmented reality (AR) dilakukan menggunakan beberapa software desain dan animasi seperti Adobe Photoshop CS3, Corel Draw X5, 3D Studio Max 2010, Autodesk Maya dan DFusion Studio.

Penelitian ini menghasilkan aplikasi multimedia yang akan memberikan berbagai informasi yang terdapat di dalamnya. Kata kunci : augmented reality, smk grafika, 3d, multimedia


commit to user vi

HALAMAN MOTTO

“ If you can dream it, you can do it “ Walt Disney

“ The Future starts today, not tomorrow “ Paus Johannes Paulus II

“ Apabila di dalam diri seseorang masih ada rasa takut dan malu untuk berbuat sesuatu kebaikan, maka jaminan bagi orang tersebut adalah tidak akan bertemunya ia

dengan kemajuan selangkah pun. “ Ir. Soekarno

“ Mimpi tidak lagi sebatas mimpi jika kita mampu bangun dan mewujudkannya. “

Lukas Retriyandi R.


commit to user vii

HALAMAN PERSEMBAHAN

Laporan Tugas Akhir ini saya persembahkan kepada:

1. Tuhan Yesus Kristus dan Bunda Maria atas segala berkat dan penyertaan

yang diberikan.

2. Bapak, Ibu, Mbak Prima, Mas Adi, dan Dik Reno atas doa dan dukungan

yang diberikan.

3. Teman-teman D3 Teknik Informatika, khususnya Teknik Infomatika E (TIE)

2009 yang selalu bersama dalam suka maupun duka, TIE joossss !!!

4. Teman – teman seperjuangan dalam menyelesaikan Tugas Akhir ini: Epink,

Enggin, Wildan, dan Mamat..Kalian luar biasa!! :’)

5. Saudara – saudaraku di KMK FMIPA, khususnya angkatan 2009: Yoyo,

Mangi, Edwin, Vincent, Ria, Betty, dan Anna...tengkyu gaiiss!!

6. Seseorang yang telah menjadi inspirasi dan semangat dalam menyelesaikan

tugas akhir ini.

7. Semua pihak yang telah memberikan pembelajaran yang berharga dalam

hidupku.


commit to user viii

KATA PENGANTAR

Assalamu ‘Alaikum Wr. Wb.

Puji syukur dan terima kasih yang tak terkira penulis panjatkan kepada

Tuhan Yang Mahaesa sehingga penulis dapat menyelesaikan Laporan Tugas Akhir

“Pembuatan Media Informasi SMK Grafika Ignatius Slamet Riyadi Surakarta

Berbasis Augmented Reality ( AR )” dengan sebaik - baiknya.

Laporan ini disusun untuk memenuhi salah satu syarat mencapai gelar

Ahli Madya Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret.

Penulis mengucapkan terima kasih sebesar – besarnya kepada semua yang

telah membantu dalam penyelesaian tugas akhir beserta penyusunan laporan ini.

Untuk itu, pada kesempatan ini penulis mengucapkan terima kasih kepada :

1. Bapak Drs. Y.S. Palgunadi, M.Sc, selaku Ketua Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret.

2. Bapak Taufiqurrahman NH, S.Kom, selaku Pembimbing Tugas Akhir yang

telah meluangkan waktu untuk membimbing dan memberi pengarahan kepada

penulis dalam menyelesaikan laporan tugas akhir ini.

3. Kepala sekolah beserta para guru dan karyawan SMK Grafika Ignatius Slamet

Riyadi yang telah banyak membantu dalam penyelesain tugas akhir ini.

Demikian laporan ini disusun, dengan harapan dapat memberikan

informasi serta pengetahuan bagi pembaca.

Wassalamu ‘Alaikum Wr. Wb.

Surakarta, Juni 2013

Penulis


commit to user ix

DAFTAR ISI

Halaman

HALAMAN JUDUL .......................................................................................... i

HALAMAN PERSETUJUAN ........................................................................... ii

HALAMAN PENGESAHAN ............................................................................ iii

HALAMAN ABSTRACT ................................................................................... iv

HALAMAN ABSTRAK .................................................................................... v

HALAMAN MOTTO ........................................................................................ vi

HALAMAN PERSEMBAHAN ........................................................................ vii

KATA PENGANTAR ........................................................................................ viii

DAFTAR ISI ....................................................................................................... ix

DAFTAR GAMBAR .......................................................................................... xii

DAFTAR TABEL ............................................................................................... xv

BAB I PENDAHULUAN .................................................................................. 1

1.1 Latar Belakang ................................................................................... 1

1.2 Perumusan Masalah ........................................................................... 2

1.3 Batasan Masalah ................................................................................ 2

1.4 Tujuan dan Manfaat ......................................................................... 2

1.5 Metodologi Penelitian ...................................................................... 3

1.6 Sistematika Penulisan ........................................................................ 4

BAB II LANDASAN TEORI ............................................................................. 6

2.1 Multimedia ........................................................................................ 6

2.1.1. Definisi Multimedia .............................................................. 6

2.1.2. Objek Multimedia ................................................................. 6

2.2 Struktur Navigasi .............................................................................. 7

2.3 Augmented Reality ........................................................................... 10

2.4 Marker ............................................................................................... 12


commit to user x

2.5 3DS Max Studio ............................................................................... 13

2.6 Autodesk Maya .................................................................................. 13

2.7 Dfusion Studio .................................................................................. 14

BAB III ANALISA DAN PERANCANGAN ................................................... 15

3.1 Kebutuhan Fungsional ....................................................................... 15

3.1 Kebutuhan Non Fungsional .............................................................. 16

3.2.1 Kebutuhan Software ................................................................ 16

3.2.2 Kebutuhan Hardware .............................................................. 16

3.2 Perancangan Sistem ........................................................................... 17

3.3.1 Konsep .................................................................................... 17

3.3.2 Pengumpulan Bahan................................................................ 18

3.3.3 Rancangan Alur Program ....................................................... 18

3.3.4 Sketsa Layout Marker ............................................................. 21

3.3.5 Sketsa Layout Aplikasi .......................................................... 24

BAB IV IMPLEMENTASI DAN ANALISA .................................................... 27

4.1 Detail Aplikasi .................................................................................. 27

4.2 Pembuatan Booklet AR .................................................................... 27

4.2.1. Pembuatan Halaman Awal Booklet AR ............................... 27

4.2.2 Pembuatan Halaman Pertama Booklet AR ............................ 28

4.2.3 Pembuatan Halaman Kedua Booklet AR .............................. 29

4.2.4 Pembuatan Halaman Ketiga Booklet AR .............................. 30

4.2.5 Pembuatan Halaman Keempat Booklet AR .......................... 30

4.2.6 Pembuatan Halaman Kelima Booklet AR ............................. 31

4.2.7 Pembuatan Halaman Keenam Booklet AR ........................... 31

4.2.8 Pembuatan Halaman Akhir Booklet AR ................................ 32

4.3 Pembuatan Objek 2 Dimensi .......................................................... 33

4.3.1 Pembuatan Halaman Awal .................................................... 33

4.3.2 Pembuatan Halaman Pertama ................................................. 33


commit to user xi

4.3.3 Pembuatan Halaman Akhir ..................................................... 34

4.4 Pembuatan Objek 3 Dimensi dengan Autodesk 3DS Max ..................... 35

4.4.1 Pembuatan Halaman Pertama ( Bentuk Sekolah ) ................ 35

4.4.2 Pembuatan Halaman Kedua ( Mesin 1 ) ................................ 36

4.4.3 Pembuatan Halaman Ketiga ( Mesin 2) ................................. 37

4.4.4 Pembuatan Halaman Keempat ( Mesin 3) ............................ 38

4.4.5 Pembuatan Halaman Kelima ( Mesin 4) ............................... 39

4.4.6 Pembuatan Halaman Keenam( Mesin 5 ) ............................. 40

4.5 Pengeksportan Objek – Objek 3Dimensi ......................................... 41

4.6 Scripting Program .............................................................................. 44

4.7 Uji Coba Program .............................................................................. 47

4.7.1 Rencana Uji ............................................................................ 47

4.7.2 Kasus dan Pengujian .............................................................. 48

4.8 Implementasi dan Analisa Program .................................................. 50

BAB V PENUTUP .............................................................................................. 60

5.1 Kesimpulan ....................................................................................... 60

5.2 Saran .................................................................................................. 60

DAFTAR PUSTAKA .......................................................................................... 61


commit to user xii

DAFTAR GAMBAR

Halaman

Gambar 1.1 Alur Pengembangan Program ........................................................ 4

Gambar 2.1 Struktur navigasi linear navigation model ..................................... 8

Gambar 2.2 Struktur navigasi hierarchical model ............................................. 9

Gambar 2.3 Struktur navigasi spoke hub model ................................................. 9

Gambar 2.4 Struktur navigasi free navigation model ........................................ 10

Gambar 2.5 Gambar Tampilan Autodesk Maya ................................................ 13

Gambar 2.6 Gambar Tampilan DFusion Studio Computer Vision .................. 14

Gambar 2.7 Gambar Tampilan DFusion Studio AR .......................................... 14

Gambar 3.1 Alur Perancangan Sistem ............................................................... 17

Gambar 3.2 Struktur Aplikasi ............................................................................ 19

Gambar 3.3 Rancangan Halaman Awal Booklet AR ........................................ 22

Gambar 3.4 Rancangan Halaman Pertama Booklet AR ................................... 23

Gambar 3.5 Rancangan Halaman Kedua sampai Keenam Booklet AR .......... 23

Gambar 3.6 Rancangan Halaman Akhir Booklet AR ....................................... 24

Gambar 3.7 Rancangan Halaman Awal Aplikasi ............................................. 25

Gambar 3.8 Rancangan Halaman Isi Aplikasi .................................................. 25

Gambar 3.9 Rancangan Halaman Akhir Aplikasi ............................................. 26

Gambar 4.1 Halaman Awal Booklet AR ........................................................... 28

Gambar 4.2 Halaman Pertama Booklet AR........................................................ 29

Gambar 4.3 Halaman Kedua Booklet AR ......................................................... 29

Gambar 4.4 Halaman Ketiga Booklet AR ......................................................... 30

Gambar 4.5 Halaman Keempat Booklet AR ..................................................... 31

Gambar 4.6 Halaman Kelima Booklet AR ........................................................ 31

Gambar 4.7 Halaman Keenam Booklet AR ...................................................... 32


commit to user xiii

Gambar 4.8 Halaman Akhir Booklet AR .......................................................... 32

Gambar 4.9 Halaman Awal Aplikasi................................................................... 33

Gambar 4.10 Halaman Pertama Program Pendidikan .................................... 34

Gambar 4.11 Halaman Pertama SDM dan Fasilitas Sekolah .......................... 34

Gambar 4.12 Halaman Akhir Aplikasi ............................................................... 35

Gambar 4.13 Pembuatan Objek Bangunan Sekolah ......................................... 36

Gambar 4.14 Pembuatan Objek Mesin 1 ........................................................... 37

Gambar 4.15 Pembuatan Objek Mesin 2 ............................................................ 38




Gambar 4.19 Pengeksportan objek 3D mesin1 ................................................. 42





Gambar 4.24 Hasil Implementasi Keadaan Awal Program .............................. 51

Gambar 4.25 Hasil Implementasi Halaman Awal Program ............................. 51

Gambar 4.25 Hasil Implementasi Halaman Awal Program Jika Terkena

Banyak Cahaya .............................................................................. 52

Gambar 4.27 Hasil Implementasi Halaman Satu Bentuk Sekolah ................... 52

Gambar 4.28 Hasil Implementasi Halaman Satu Profil Sekolah ...................... 53

Gambar 4.29 Hasil Implementasi Halaman Satu Visi dan Misi Sekolah ......... 53

Gambar 4.30 Hasil Implementasi Halaman Satu Program Pendidikan ........... 54

Gambar 4.31 Hasil Implementasi Halaman Satu SDM dan Fasilitas Sekolah 54

Gambar 4.32 Hasil Implementasi Halaman Kedua .......................................... 55

Gambar 4.33 Hasil Implementasi Halaman Kedua Program Jika Terkena

Banyak Cahaya .............................................................................. 55


commit to user xiv

Gambar 4.34 Hasil Implementasi Halaman Kedua Program Saat Marker

Rotasi Kanan Disentuh ................................................................. 56

Gambar 4.35 Hasil Implementasi Halaman Kedua Program Saat

Rotasi Kiri Disentuh ..................................................................... 56

Gambar 4.36 Hasil Implementasi Halaman Ketiga ........................................... 57

Gambar 4.37 Hasil Implementasi Halaman Keempat ....................................... 57

Gambar 4.38 Hasil Implementasi Halaman Kelima .......................................... 58

Gambar 4.39 Hasil Implementasi Halaman Keenam......................................... 58

Gambar 4.40 Hasil Implementasi Halaman Akhir ............................................. 59

Gambar 4.41 Hasil Implementasi Halaman Akhir Program Jika Terkena

Banyak Cahaya .............................................................................. 59


commit to user xv

DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Rencana Aplikasi ..................................................................... 48

Tabel 4.2 Uji Coba Aplikasi ................................................................................ 49

pembuatan media informasi - digilib.uns.ac.id/pembuatan... · perpustakaan.uns.ac.id...

Documents