TUGAS AKHIR APLIKASI PEMBELAJARAN SISTEM PEREDARAN DARAH MANUSIA BERBASIS AUGMENTED REALITY ANDROID

Transkripsi

1 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. M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2015

2 HALAMAN PERSETUJUAN APLIKASI PEMBELAJARAN SISTEM PEREDARAN DARAH MANUSIA BERBASIS AUGMENTED REALITY ANDROID Disusun Oleh : TITIK PURWANTI NIM. M Tugas Akhir ini telah disetujui untuk dipertahankan dihadapan dewan penguji pada tanggal Pembimbing Utama, (Rosita Yanuarti,S.Kom.,M.Cs) NIP iii

3 HALAMAN PENGESAHAN APLIKASI PEMBELAJARAN SISTEM PEREDARAN DARAH MANUSIA BERBASIS AUGMENTED REALITY ANDROID Disusun Oleh : Titik Purwanti M Pembimbing Utama, (Rosita Yanuarti,S.Kom.,M.Cs) NIP 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 Penguji 2 : (Liliek Triyono,S.T,.M.Kom) ( ) NIDN Penguji 3 : (Sahirul Alim Tri B S.Kom,M.Eng) ( ) Dekan Fakultas MIPA UNS Disahkan Oleh Ketua Program Studi Diploma III Teknik Informatika Prof. Ir Ari Handono Ramelan, M.Sc, (Hons)., Ph.D NIP Abdul Aziz S.Kom,.M.Cs NIP iii

4 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 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 v

5 ABSTRAK Titik Purwanti 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 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 vi

6 MOTTO You can if you think you can George Reeves Lampaui ketakutanmu untuk tau seberapa tangguh dirimu Titik Purwanti vii

7 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. viii

8 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 ix

9 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. umumnya. Semoga laporan ini bermanfaat bagi penulis khususnya dan bagi pembaca Wassalamu alaikum Warahmatullahi Wabarakatuh. Surakarta, 15 Juni 2015 Penulis x

10 DAFTAR ISI TUGAS AKHIR HALAMAN PERSETUJUAN HALAMAN PENGESAHAN ABSTRACT ABSTRAK MOTTO PERSEMBAHAN KATA PENGANTAR DAFTAR ISI DAFTAR GAMBAR DAFTAR TABEL BABI PENDAHULUAN Latar Belakang Perumusan masalah Batasan Masalah Penelitian Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian 3 1. Study Literatur 3 2. Observasi 4 3. Pengembangan Aplikasi 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 Sistem Peredaran Darah Manusia Komponen dan alat peredaran darah Jenis Peredaran darah Golongan Darah Penyakit dan gangguan commit darah to user Menjaga Kesehatan Darah 18 ii iii iv v vi vii viii ix xi xiv xvi xi

11 2.2 Augmented Reality Definisi Augmented Reality Marker Autodesk 3D Max Android Android SDK Qualcomm Augmented Reality (QCAR) SDK Unity 3D Adobe Photoshop CS Bahasa Pemrograman C# 24 BAB III ANALISIS DAN PERANCANGAN GAME Konsep Dasar Pembuatan aplikasi Konsep Dasar Multimedia Proposal Target Pengguna Dukungan Platform, Teknologi dan Multiplayer Manajemen Proyek Pembuatan Aplikasi Kebutuhan dan Peran / Tugas Tim Pengembang Multimedia Perencanaan Jadwal Kebutuhan Perangkat Lunak dan Perangkat Keras dalam Pengembangan Multimedia Kebutuhan Perangkat Lunak dan Perangkat Keras dalam Implementasi Game Perancangan Multimedia Perancangan Interaktif (Interactive Design) Perancangan Antarmuka (Interface Design ) Desain Grafis (Graphic Design) Audio dan Video Perancangan Navigasi (Navigation Design) Konten Tekstual (Textual Content) Flowcarts Storyboards 48 BAB IV IMPLEMENTASI DAN EVALUASI Produksi Pembuatan Antarmuka (Interface Design ) Pembuatan Audio dan Video Pembuatan Marker Authoring dan Pemrograman (Authoring and Programming) Label dan Kemasan (Labels and Packaging) Implementasi Implementasi Interaktif (Interactive Design) Implementasi Elemen Grafis Implementasi Suara dan Musik Implementasi Navigasi (Navigation Design) Pengujian 73 xii

12 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 Pengujian Fungsional Aplikasi 81 a. Pengujian Fungsional Aplikasi 81 b.pengujian Pada Device 82 BAB V PENUTUP Kesimpulan Saran 87 DAFTAR PUSTAKA 88 xiii

13 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 commit and to Presentation user 61 xiv

14 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 xv

15 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 xvi