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
commit to user
iii
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)
commit to user
HALAMAN PENGESAHAN
APLIKASI PEMBELAJARAN SISTEM PEREDARAN DARAH
MANUSIA BERBASIS AUGMENTED REALITY ANDROID
Disusun Oleh :
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
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
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
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.
commit to user
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.
commit to user
vii
MOTTO
“You can if you think you can”
George Reeves
“Lampaui ketakutanmu untuk tau seberapa tangguh dirimu ”
commit to user
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.
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
commit to user
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
commit to user
1.3 Batasan Masalah Penelitian 3
1.4 Tujuan Penelitian 3
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
commit to user
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
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
commit to user
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
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
commit to user
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