MEMBANGUN VISUALISASI SISTEM PENCERNAAN MANUSIA TUGAS AKHIR

Transkripsi

1 MEMBANGUN VISUALISASI SISTEM PENCERNAAN MANUSIA TUGAS AKHIR Sebagai persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh : Fakhri Nur Zakky JURUSAN INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2013

2 ii

3

4 ii

5 LEMBAR PERSEMBAHAN Puji syukur kepada Allah SWT atas rahmat dan karunia-nya sehingga penulis dapat menyelesaikan Tugas Akhir ini. Penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada : 1. Kedua orang tua, ayah dan ibu yang selalu memberikan doa, semangat, dukungan dan segalanya. 2. Keluarga, terutama kakak kakakku yang selsalu memberikan dukungan kepadaku. 3. Orang orang terdekat, yang tak pernah berhenti memberi semangat dan dukungan. 4. Bapak Ir. M. Irfan, MT dan Ibu Lailatul Husniah, S.ST selaku pembimbing tugas akhir. 5. Bapak Eko Budi Cahyono, S.Kom, MT selaku Ketua Jurusan Teknik Informatika Universitas Muhammadiyah Malang. 6. Pihak Dekan beserta staf TU Fakultas Teknik Universitas Muhammadiyah Malang dan Pihak Dosen beserta staf TU Jurusan Teknik Informatika Universitas Muhammadiyah Malang. Serta semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah berjasa dalam pengerjaan Tugas Akhir ini. iii

6 KATA PENGANTAR Dengan memanjatkan puji syukur kehadirat Allah SWT. Atas limpahan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul : MEMBANGUN VISUALISASI SISTEM PENCERNAAN MANUSIA Di dalam tulisan ini disajikan pokok-pokok pembahasan yang meliputi pendahuluan, landasan teori, perancangan sistem, implementasi dan pengujian sistem. Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan. Oleh karena itu penulis mengharapkan saran yang membangun agar pembuatan tugas akhir ini bermanfaat bagi perkembangan ilmu pengetahuan ke depan. Malang, Januari 2013 Penulis iv

7 DAFTAR ISI LEMBAR PERSETUJUAN LEMBAR PENGESAHAN LEMBAR PERNYATAAN ABSTRAK... i ABSTRACT... ii LEMBAR PERSEMBAHAN... iii KATA PENGANTAR... iv DAFTAR ISI... v DAFTAR GAMBAR... viii DAFTAR TABEL... xi BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Penelitian Batasan Masalah Metodologi Penyelesaian Masalah Sistematika Penulisan... 4 BAB II LANDASAN TEORI Visualisasi Sistem Pencernaan Pengertian Sistem Pencernaan Anatomi Sistem Pencernaan Mulut Faring Esophagus (Kerongkongan) Lambung Usus Halus Usus Besar Rektum dan Anus Proses Pencernaan v

8 2.3 Adobe Flash Pro CS Komponen Dasar Adobe Flash CS Istilah Dalam Adobe Flash CS Komponen Kerja Adobe Flash Pro CS Simbol Animasi dalam Timeline BAB III ANALISA DAN PERANCANGAN SISTEM Analisa Kebutuhan Sistem Perancangan Sistem Flowchart Use Case Diagram Activity Diagram Proses Pencernaan Organ Pencernaan Gangguan Pencernaan Sequence Diagram Proses Pencernaan Organ Pencernaan Gangguan Pencernaan Desain Interface Interface Menu Interface Proses Pencernaan Interface Organ Pencernaan Interface Gangguan Pencernaan Interface Author Desain Objek Desain Tombol Desain Visualisasi Penggunaan ActionScript BAB IV IMPLEMENTASI DAN PENGUJIAN Kebutuhan Sistem Implementasi Implementasi Visualisasi vi

9 4.2.2 Implementasi Sistem Halaman Menu Utama Halaman Menu Proses Pencernaan Halaman Menu Organ Pencernaan Halaman Menu Penyakit Pencernaan Halaman Menu Author Pengujian Pengujian Aplikasi Pengujian Terhadap Responden BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN vii

10 DAFTAR GAMBAR Gambar 2.1 Anataomi Mulut... 6 Gambar 2.2 Kelenjar Ludah... 7 Gambar 2.3 Faring... 7 Gambar 2.4 Esophagus... 8 Gambar 2.5 Lambung... 8 Gambar 2.6 Usus Halus... 9 Gambar 2.7 Usus Besar Gambar 2.8 Rektum dan Anus Gambar 2.9 Jendela Lembar Kerja Adobe Flash Pro CS Gambar 2.10 Tampilan Toolbox Gambar 2.11 Timeline dan Komponennya Gambar 2.12 Tampilan Stage Gambar 2.13 Panel Properties Gambar 2.14 Tampilan Panel Action Gambar 2.15 Panel Color Gambar 2.16 Simbol Motion Tween Gambar 2.17 Simbol Shape Tween Gambar 2.18 Simbol Classic Tween Gambar 3.1 Flowchart Gambar 3.2 Use Case Diagram Gambar 3.3 Activity Proses Pencernaan Gambar 3.4 Activity Organ Pencernaan Gambar 3.5 Activity Gangguan Pencernaan Gambar 3.6 Sequence Diagram Proses Pencernaan Gambar 3.7 Sequence Diagram Organ Pencernaan Gambar 3.8 Sequence Diagram Gangguan Pencernaan Gambar 3.9 Desain Interface Menu Gambar 3.10 Desain Interface Proses Pencernaan Gambar 3.11 Desain Interface Menu Organ Pencernaan Gambar 3.12 Desain Interface Penjelasan Organ Pencernaan viii

11 Gambar 3.13 Desain Interface Gangguan Pencernaan Gambar 3.14 Desain Interface Pilihan Gangguan Pencernaan Gambar 3.15 Desain Interface Penjelasan Gangguan Pencernaan Gambar 3.16 Desain Interface Author Gambar 3.17 Desain Tombol Gambar 3.18 Timeline Tombol Gambar 3.19 Desain Tombol pada Keyframe Gambar 3.20 Movie Clip Proses Pencernaan Gambar 3.21 Movie Clip dalam Movie Clip Proses Pencernaan Gambar 3.22 Movie Clip Organ Pencernaan Gambar 3.23 Library untuk Movie Clip Organ Pencernaan Gambar 3.24 Movie Clip Gangguan Pencernaan Gambar 3.25 Library untuk Movie Clip Gangguan Pencernaan Gambar 3.26 Movie Clip Author Gambar 3.27 Gerakan Animasi Frame-by-frame Gambar 3.28 Pembuatan Objek Gambar 3.29 Perubahan pada Timeline Gambar 3,30 Objek Tombol pada Frame Gambar 3.31 Objek Tombol pada Frame Gambar 3.32 Objek Organ Pencernaan Gambar 3.33 Pengaturan Nilai Alpha Objek Gambar 3.34 Perintah ActionScript pada Tombol Gambar 3.35 Perintah pada Frame Gambar 3.36 Rancangan Submenu Drop-down Menu Gambar 3.37 Tombol Drop-down Menu Gambar 3.38 Penambahan Movie Clip Submenu Gambar 3.39 ActionScript pada Movie Clip Submenu Gambar 3.40 Drop-down Menu pada Menu Proses Pencernaan Gambar 4.1 Tampilan Project Adobe Flash Professional CS Gambar 4.2 Komponen Stage pada Adobe Flash Professional CS Gambar 4.3 Komponene Timeline Gambar 4.4 Komponen Panel Properties dan Library ix

12 Gambar 4.5 Menu Utama Sistem Aplikasi Gambar 4.6 Halaman Proses Pencernaan Gambar 4.7 Drop-down Menu Halaman Proses Pencernaan Gambar 4.8 Halaman Menu Organ Pencernaan Gambar 4.9 Detail dari Organ Pilihan User Gambar 4.10 Detail dari Bagian pada Organ Pilihan Gambar 4.11 Halaman Menu Penyakit Pencernaan Gambar 4.12 Halaman Menu Penyakit Pencernaan Mulut Gambar 4.13 Halaman Penjelasan Penyakit Lukoplakia Gambar 4.14 Halaman Menu Author Gambar 4.15 Tampilan Panel Properties Publish Gambar 4.16 Tampilan Menu Pengaturan Publish Gambar 4.17 Hasil Publish Gambar 4.18 Aplikasi Hasil Publish Gambar 4.19 Tampilan Visualisasi Proses Pencernaan Gambar 4.20 Segmen Terakhir Menu Proses Pencernaan Gambar 4.21 Tampilan Awal Menu Organ Pencernaan Gambar 4.22 Tampilan Penjelasan Organ Pencernaan Gambar 4.23 Bagian Bagian Lambung Gambar 4.24 Halaman Utama Menu Penyakit Pencernaan Gambar 4.25 Halaman Pilihan Penyakit Gambar 4.26 Halaman Penjelasan Penyakit Gambar 4.27 Penjelasan Penyebab Penyakit Gambar 4.28 Penjelasan Tanda dan Gejala Penyakit Gambar 4.29 Penjelasan Lanjut Penyakit x

13 DAFTAR TABEL Tabel 2.1 Keterangan Toolbox Tabel 2.2 Keterangan Timeline Tabel 2.3 Keterangan Stage Tabel 4.1 Hasil Responden Menu Proses Pencernaan Tabel 4.2 Hasil Responden Menu Organ Pencernaan Tabel 4.3 Hasil Responden Menu Penyakit Pencernaan xi

14 DAFTAR PUSTAKA [1] Evelyn C. Pearce, Anatomi dan Fisiologi untuk Paramedis. PT Gramedia Pustaka Utama. Jakarta. [2] Perhimpunan Dokter Spesialis Penyakit Dalam Indonesia, Buku Ajar Ilmu Penyakit Dalam (Edisi ke3, jilid ke II). Balai Penerbit FKUI. Jakarta. [3] Ronald Budi, Teen Computer Zone : Having Fun With Adobe Flash Professional CS 5. PT Skripta Media Creative. Yogyakarta. [4] Rudi Haryono, Keperawatan Medikal Bedah Sistem Pencernan. Gosyen Publishing. Yogyakarta. [5] Silvia Meiliza, Deteksi Dini Leukoplakia Praganas. Tesis tidak diterbitkan. Medan : Fakultas Kedokteran Gigi Universitas Sumatera Utara. [6] Sujono Riyadi, Keperawatan Medikal Bedah (Sistem Pencernaan). Gosyen Publishing. Yogyakarta. [7] Sukarmin, Keperawatan pada Sistem Pencernaan. Pustaka Pelajar. Yogyakarta. [8] Sylvia A. Price & Lorraine M. Wilson, Patofisiologi. Konsep Klinis Proses-Proses Penyakit. Penerbit Buku Kedokteran. Jakarta. [9] Zeembry, Animasi Web dengan Macromedia Flash 5. PT Elex Media Komputindo. Jakarta.