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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user ii
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user iii
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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.16 Pembuatan Objek Mesin 3 ............................................................ 39
Gambar 4.17 Pembuatan Objek Mesin 4 ............................................................ 40
Gambar 4.18 Pembuatan Objek Mesin 5 ............................................................ 41
Gambar 4.19 Pengeksportan objek 3D mesin1 ................................................. 42
Gambar 4.20 Pengeksportan objek 3D mesin2 ................................................. 42
Gambar 4.21 Pengeksportan objek 3D mesin3 ................................................. 43
Gambar 4.22 Pengeksportan objek 3D mesin4 ................................................. 43
Gambar 4.23 Pengeksportan objek 3D mesin5 ................................................. 44
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user xv
DAFTAR TABEL
Halaman
Tabel 4.1 Tabel Rencana Aplikasi ..................................................................... 48
Tabel 4.2 Uji Coba Aplikasi ................................................................................ 49