JUDUL TESIS UNTUK S2 TEKNIK ELEKTRO (S2 TE) FT UGM · Untuk itu dalam kertas yang mungkin tiada arti ini penulis sampaikan rasa hormat dan menghaturkan rasa terima kasih kepada: 1

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

commit to user

TUGAS AKHIR

APLIKASI PEMBELAJARAN SISTEM PEREDARAN DARAH MANUSIA

BERBASIS AUGMENTED REALITY ANDROID

Disusun Untuk Memenuhi Salah Satu Syarat

Mencapai Gelar Ahli Madya Program D3 Teknik Informatika

Disusun oleh :

TITIK PURWANTI

NIM. M3112133

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2015


commit to user

iii

HALAMAN PERSETUJUAN

APLIKASI PEMBELAJARAN SISTEM PEREDARAN DARAH

MANUSIA BERBASIS AUGMENTED REALITY ANDROID

Disusun Oleh :

TITIK PURWANTI

NIM. M3112133

Tugas Akhir ini telah disetujui untuk dipertahankan

dihadapan dewan penguji

pada tanggal ____________________

Pembimbing Utama,

(Rosita Yanuarti,S.Kom.,M.Cs)

NIP. 0629018601


commit to user

iii

HALAMAN PENGESAHAN

APLIKASI PEMBELAJARAN SISTEM PEREDARAN DARAH

MANUSIA BERBASIS AUGMENTED REALITY ANDROID

Disusun Oleh :

Titik Purwanti

M3112133

Pembimbing Utama,

(Rosita Yanuarti,S.Kom.,M.Cs)

NIP. 0629018601

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika

Pada hari, tanggal ________________

Dewan Penguji,

1.Penguji 1 : (Rosita Yanuarti,S.Kom.,M.Cs)

NIP. 0629018601

( )

2.Penguji 2 :

(Liliek Triyono,S.T,.M.Kom)

NIDN.0620048402

( )

3. Penguji 3 :

(Sahirul Alim Tri B S.Kom,M.Eng)

( )

Disahkan Oleh

Dekan

Fakultas MIPA UNS

Prof. Ir Ari Handono Ramelan, M.Sc, (Hons)., Ph.D

NIP. 19610223 198601 1 001

Ketua Program Studi

Diploma III Teknik Informatika

Abdul Aziz S.Kom,.M.Cs

NIP. 1981104132005011001


commit to user

v

ABSTRACT

Titik Purwanti,2015. LEARNING TO HUMANCIRCULATORY SYSTEM

APPLICATION BASED ON ANDROID AUGMENTED REALITY. Final

Project.3ʳͩ Diploma Program Computer Science Faculty of Mathematics and

Natural Sciences University of Sebelas Maret Surakarta.

To support education in Indonesia for student, it should be developed

apllication-based learnig about Human Circulatory System. The learning method

has still been done manually, so it was needed media that can be learned

easily. The aim of this final project is to make developing learning

application on Human Circulatory System based on android augmented

reality. Topics to be discussed in this android augmented reality are the

anatomy of human circulatory system, kind of human circulatory system,

blood type, disorders and diseases of the blood and how to maintain healthy

blood.

The application was developed using Autodesk 3ds Mas 2011 32 bit as

the main software for modeling 3D object,unity 4.6 and vuforia 4.2 as the main

software for make interface and augmented reality,and Photoshop CS6.

Result of the final task is to make an application of Human

Circulatory System learning interesting and informative . This application is

expected to assist students in comprehending the human circulatory process

,component of human circulatory,and all about information of human blood

circulatory in detail.

Keywords: learning, human blood circulation,3d,AR,android


commit to user

vi

ABSTRAK

Titik Purwanti.2015. APLIKASI PEMBELAJARAN SISTEM PEREDARAN

DARAH MANUSIA BERBASIS AUGMENTED REALITY ANDROID . Tugas

Akhir. Program Diploma III Ilmu Komputer Fakultas Matematika Dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Untuk menunjang pendidikan peserta didik di Indonesia, maka perlu

dikembangkan aplikasi pembelajaran berbasis multimedia mengenai system

peredaran darah manusia. Cara pembelajaran di sekolah masih menggunakan

media yang sederhana maka perlu dikemas dalam media yang ditampilkan

dalam ilustrasi 3D sehingga akan mudah dipelajari. Topik yang akan dibahas

dalam aplikasi animasi ini adalah komponen dan alat peredaran darah,

sistem peredaran darah, golongan darah, gangguan dan penyakit pada darah,

dan cara menjaga kesehatan darah.

Metode yang digunakan dalam pengembangan aplikasi ini adalah

pencarian data berupa studi pustaka. Penentuan konsep, desain aplikasi dan

pembuatan aplikasi menggunakan Autodesk 3ds Mas 2011 32 bit sebagai

software utama untuk pemodelan objek 3Dimensi,unity 4.6 dan vuforia 4.2

sebagai software pembuatan tampilan dan augmented reality,dan Photoshop CS6.

Hasil dari pelaksanaan Tugas Akhir ini adalah membuat aplikasi

augmented reality pembelajaran sistem peredaran darah manusia yang

menarik dan informatif. Aplikasi ini diharapkan dapat membantu peserta

didik dalam memahami peredaran darah manusia,komponen penyusun,serta

infomasi seputar peredaran darah secara detail.

Kata kunci : pembelajaran, sistem peredaran darah manusia,3d,AR,android


commit to user

vii

MOTTO

“You can if you think you can”

George Reeves

“Lampaui ketakutanmu untuk tau seberapa tangguh dirimu ”

Titik Purwanti


commit to user

viii

PERSEMBAHAN

Sebuah karya tulisan ini kupersembahkan untuk :

1. Ibunda tercinta saya Ibu Niniek Winarti,Spd,.Aud

2. Ibunda terkasih saya Ibu Niniek Winarti Spd,.Aud

3. Ibunda tersayang saya Ibu Niniek Winarti Spd,.Aud

4. Ayahanda tercinta saya bapak Suyadi,Amd

5. Adikku tersayang Tri Hariyadi.

6. Untuk sahabat-sahabatku

tersayang,enggar,indy,widya,sonia,maya,nindya,sylvia,yunni.

7. Seluruh anak Indonesia.


commit to user

ix

KATA PENGANTAR

Assalamu’alaikum Warahmatullahi Wabarakatuh.

Bismillahirrahmanirrahim, segala puji dan rasa syukur penulis panjatkan

kehariba’an Allah subhanahu wa ta’ala, yang telah melimpahkan segala

kemudahannya hingga akhirnya penulis mampu menyelesaikan Tugas Akhir dan

menuliskan laporannya tepat waktu.

Laporan Tugas Akhir ini disusun untuk memenuhi sebagian persyaratan

memperoleh kelulusan Diploma III Teknik Informatika, Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Dalam pelaksanaan

Tugas Akhir, yang didalamnya termasuk kegiatan pembuatan laporan ini, penulis

mendapat banyak bantuan dari berbagai pihak. Tanpa bantuan Allah subhanahu

wa ta’ala melalui tangan mereka niscaya Tugas Akhir penulis tidak akan berjalan

dengan lancar. Untuk itu dalam kertas yang mungkin tiada arti ini penulis

sampaikan rasa hormat dan menghaturkan rasa terima kasih kepada:

1. Suyadi,Amd, Niniek Winarti, Bapak Ibu, yang senantiasa mendukung dan

mendoakan penulis untuk dapat menyelesaikan tugas ini.

2. Prof. Ir. Ari Handono Ramelan, M.Sc(Hons)., Ph.D., selaku Dekan Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Yang telah memberikan izin belajar.

3. Abdul Aziz S.Kom,.M.Cs Ketua Program Diploma III Teknik Informatika,

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret

Surakarta. Yang telah memberi izin ujian tugas akhir.

4. Rosita Yanuarti,S.Kom.,M.Cs pembimbing, yang telah memberikan

bimbingan, nasehat, kritik dan saran selama penyusunan tugas akhir.

5. Bapak Ibu Dosen Pengajar serta seluruh Staff DIII Teknik Informatika UNS

yang telah membantu, membagi ilmu, dan membimbing penulis selama

menimba ilmu di DIII Teknik Informatika UNS.

6. Enggar,Indy,Widya,Sonia,Maya,Nindya,Sylvia,Yunni.,sahabatku yang

memberikan doa, kasih sayang, perhatian dan segalanya yang telah


commit to user

x

menjadikan penulis selalu semangat dan termotivasi untuk melakukan yang

terbaik.

7. Aan Ahmad Syarifudin, teman, yang memberikan doa, kasih sayang, perhatian

dan segalanya yang telah menjadikan penulis selalu semangat dan termotivasi

untuk melakukan yang terbaik.

8. Teman-teman DIII Teknik Informatika Kelas F 2012 terima kasih telah

memberikan dukungan selama pembuatan tugas akhir dan berbagi ilmu

bersama.

9. Yunita enggar dan Tony Hendra Prasetya, yang telah membantu penulis untuk

aplikasi yang dibuat.

10. Seluruh pihak-pihak yang tidak dapat penulis cantumkan satu persatu, atas

segala bimbingan, bantuan, kritik dan saran dalam penyusunan tugas akhir ini.

Semoga laporan ini bermanfaat bagi penulis khususnya dan bagi pembaca

umumnya.

Wassalamu’alaikum Warahmatullahi Wabarakatuh.

Surakarta, 15 Juni 2015

Penulis


commit to user

xi

DAFTAR ISI

TUGAS AKHIR ii

HALAMAN PERSETUJUAN iii

HALAMAN PENGESAHAN iv

ABSTRACT v

ABSTRAK vi

MOTTO vii

PERSEMBAHAN viii

KATA PENGANTAR ix

DAFTAR ISI xi

DAFTAR GAMBAR xiv

DAFTAR TABEL xvi

BABI PENDAHULUAN 1 1.1 Latar Belakang 1 1.2 Perumusan masalah 2 1.3 Batasan Masalah Penelitian 3 1.4 Tujuan Penelitian 3 1.5 Manfaat Penelitian 3 1.6 Metodologi Penelitian 3

1. Study Literatur 3

2. Observasi 4 3. Pengembangan Aplikasi 4

1.7 Sistematika Penulisan 4 a. BAB 1 Pendahuluan 4 b. BAB II Landasan Teori 4

c. BAB III Analisa Kebutuhan dan Perancangan Sistem 4

d. BAB IV Implementasi dan Analisa 5

e. BAB V Penutup 5

BAB II LANDASAN TEORI 6 2.1 Sistem Peredaran Darah Manusia 6

2.1.1 Komponen dan alat peredaran darah 6 2.1.2 Jenis Peredaran darah 12

2.1.3 Golongan Darah 15 2.1.4 Penyakit dan gangguan darah 15 2.1.5 Menjaga Kesehatan Darah 18


commit to user

xii

2.2 Augmented Reality 19 2.2.1 Definisi Augmented Reality 19 2.2.2 Marker 20

2.3 Autodesk 3D Max 20122 22 2.4 Android 22 2.5 Android SDK 23 2.6 Qualcomm Augmented Reality (QCAR) SDK 2.6 23 2.5 Unity 3D 4.6 23 2.8 Adobe Photoshop CS6 24 2.9 Bahasa Pemrograman C# 24

BAB III ANALISIS DAN PERANCANGAN GAME 25 3.1 Konsep Dasar Pembuatan aplikasi 25

3.1.1 Konsep Dasar Multimedia 25 3.1.2 Proposal 25 3.1.3 Target Pengguna 26 3.1.4 Dukungan Platform, Teknologi dan Multiplayer 26

3.2 Manajemen Proyek Pembuatan Aplikasi 27 3.2.1 Kebutuhan dan Peran / Tugas Tim Pengembang Multimedia 27 3.2.2 Perencanaan Jadwal 28 3.2.3 Kebutuhan Perangkat Lunak dan Perangkat Keras dalam

Pengembangan Multimedia 29 3.2.4 Kebutuhan Perangkat Lunak dan Perangkat Keras dalam

Implementasi Game 31

3.3 Perancangan Multimedia 32 3.3.1 Perancangan Interaktif (Interactive Design) 32 3.3.2 Perancangan Antarmuka (Interface Design ) 33 3.3.3 Desain Grafis (Graphic Design) 37 3.3.4 Audio dan Video 38 3.3.5 Perancangan Navigasi (Navigation Design) 39 3.3.6 Konten Tekstual (Textual Content) 40 3.3.7 Flowcarts 46 3.3.8 Storyboards 48

BAB IV IMPLEMENTASI DAN EVALUASI 50 4.1 Produksi 50

4.1.1 Pembuatan Antarmuka (Interface Design ) 50

4.1.3 Pembuatan Audio dan Video 54

4.1.4 Pembuatan Marker 55 4.1.5 Authoring dan Pemrograman (Authoring and Programming) 58 4.1.6 Label dan Kemasan (Labels and Packaging) 60

4.2 Implementasi 63 4.2.1 Implementasi Interaktif (Interactive Design) 63 4.2.3 Implementasi Elemen Grafis 68 4.2.4 Implementasi Suara dan Musik 70

4.2.5 Implementasi Navigasi (Navigation Design) 71

4.3 Pengujian 73


commit to user

xiii

4.3.1Pengujian Aplikasi 73 a. Halaman Splash Screen 74 b. Halaman Menu Utama 74 c. Halaman Menu Play 75 d. Halaman coba Augmented Reality 75 e. Halaman Augmented Reality 76 f. Halaman Informasi 77 g. Halaman pilihan informasi 78 h. Halaman Informasi spesifikasi 78 i. Halaman tutorial 79 j. Halaman exit 80

k. Halaman credits 80 4.3.2 Pengujian Fungsional Aplikasi 81

a. Pengujian Fungsional Aplikasi 81 b.Pengujian Pada Device 82

BAB V PENUTUP 86 5.1 Kesimpulan 86 5.2 Saran 87

DAFTAR PUSTAKA 88


commit to user

xiv

DAFTAR GAMBAR

Gambar 1.1 Tahapan Pengembangan Aplikasi 4 Gambar 2.1 Jantung manusia (Purnomo.2009) 7 Gambar 2.2 Sel darah merah(Purnomo.2009) 8 Gambar 2.3 Sel darah putih(Purnomo.2009) 10 Gambar 2.4 Penampang melintang arteri(Purnomo.2009) 11

Gambar 2.5 Pembuluh balik (vena) (Purnomo.2009) 12 Gambar 2.6 Teknik Markerless Face Tracking 21 Gambar 2.7 Teknik Markerless Object Tracking 21 Gambar 2.8 Teknik Motion Tracking(Lazuardi.2010) 22 Gambar 3.1 Perancangan katalog halaman judul 32 Gambar 3.2 Perancangan katalog halaman isi 33 Gambar 3.3 Product Tittle Screen 33 Gambar3.4 Tampilan Menu Screen 34 Gambar 3.5 Tampilan pilih 34 Gambar 3.6 Tampilan Play Screen 35 Gambar 3.7 Tampilan Tag Info PlayScreen 35 Gambar 3.8 Tampilan Tutorial 35 Gambar 3.9 Tampilan Credits Tittle 36

Gambar 3.10 Tampilan Informasi 36 Gambar 3.5 Desain Logo 38 Gambar 3.6 Desain Background aplikasi 38 Gambar 3.7 Rancangan Pembuatan Navigasi 40 Gambar 3.8 Perancangan Kontekstual 40 Gambar 3.9Flowcharts aplikasi 47 Gambar 4.1 Pembuatan SplashScreen 51 Gambar 4.2 Pembuatan desan background Menu Utama 51

Gambar 4.3 Pembuatan desain Tutorial 52 Gambar 4.4 Pembuatan button play 53 Gambar 4.6 Pembuatan button next 53

Gambar 4.7 Pembuatan button play 54 Gambar 4.8 Pembuatan button play 54

Gambar 4.9 Pembuatan Audio 55 Gambar 4.9 Halaman web developer Vuforia marker 56

Gambar 4.10 membuat database baru di website vuforia 56 Gambar 4.11 Form untuk menng-upload gambar 57 Gambar 4.12 pemilihan database yang akan di download 57 Gambar 4.15 Pembuatan SplashScreen 58 Gambar 4.17 Pembuatan Menu Utama 59

Gambar 4.18 daftar Scene 60 Gambar 4.19 Pengaturan Resolution and Presentation 61


commit to user

xv

Gambar 4.20 Pengaturan identification anda configuration 62 Gambar 4.21 Pengaturan keystore 62 Gambar 4.22 Icon Pemaketa Aplikasi 63 Gambar 4.23 Tampilan judul katalog 63 Gambar 4.24 Tampilan isi katalog 64 Gambar 4.25 Pembuatan Menu Utama 65 Gambar 4.26 Pembuatan Menu Augmented reality 65 Gambar 4.27 Pembuatan Menu coba augmented reality 66 Gambar 4.28 Pembuatan scene augmented reality 67 Gambar 4.29 Pembuatan tutorial 67 Gambar 4.30 Pembuatan Objek 3D jantung 68

Gambar 4.31 Pembuatan Objek 3D Pembuluh Darah 69 Gambar 4.32 Pembuatan Objek 3D darah 69 Gambar 4.33 Pembuatan Objek 3D sistem 70 Gambar 4.34 Implementasi suara 70 Gambar 4.36 Implementasi suara 71 Gambar 4.37 hasil implementasi navigasi menu utama 72 Gambar 4.38 Hasil implementasi navigasi play 72 Gambar 4.39 Hasil implementasi navigasi informasi 73 Gambar 4.39 Hasil implementasi navigasi ar 3dimensi 73 Gambar 4.40 Halaman Splash Screen 74 Gambar 4.41 Halaman menu utama 74 Gambar 4.42 menu pilihan 75 Gambar 4.43 halaman coba augmented reality 75

Gambar 4.44 halaman coba augmented reality 76 Gambar 4.45 halaman coba augmented reality 76 Gambar 4.45 halaman aumented reality 77 Gambar 4.46 halaman augmented reality 77 Gambar 4.47 halaman pilih info 78 Gambar 4.48 halaman penyakit 78

Gambar 4.49 halaman informasi gangguan darah 79 Gambar 4.50 halaman informasi gangguan jantung 79

Gambar 4.51 halaman tutorial 80 Gambar 4.52 halaman warning exit 80 Gambar 4.53 halaman credits 81


commit to user

xvi

DAFTAR TABEL

Tabel 3.1 Jobdesk Penulis 27 Tabel 3.2 Jobdesk Augmented Reality Artist 27 Tabel 3.3 Jobdesk Pembuatan Aplikasi Augmented Reality 28 Tabel 3.4 Penjadwalan 28 Tabel 3.5 Tabel Marker 37 Tabel 3.6 Konten Tekstual Navigasi 41

Tabel 3.7 Konten Tekstual isi 41 Tabel 3.8 Storyboard 48 Tabel 4.2 Pengujian Aplikasi 81 Tabel 4.3 tabel pengujain device 83 Tabel 4.3 tabel pengujain marker 84

Documents

JUDUL TESIS UNTUK S2 TEKNIK ELEKTRO (S2 TE) FT UGM · Untuk itu dalam kertas yang mungkin tiada arti ini penulis sampaikan rasa hormat dan menghaturkan rasa terima kasih kepada: 1