membangun visualisasi sistem pencernaan manusia tugas

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
06560107
JURUSAN INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH MALANG
2013
ii
ii
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
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
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 ..................................................................................... 1
1.1 Latar Belakang ........................................................................................... 1
1.2 Rumusan Masalah ...................................................................................... 2
1.3 Tujuan Penelitian ........................................................................................ 2
1.4 Batasan Masalah ......................................................................................... 2
1.5 Metodologi Penyelesaian Masalah ............................................................. 3
1.6 Sistematika Penulisan ................................................................................. 4
BAB II LANDASAN TEORI ............................................................................... 5
2.1 Visualisasi .................................................................................................. 5
2.2 Sistem Pencernaan ...................................................................................... 5
2.2.1 Pengertian Sistem Pencernaan ............................................................ 5
2.2.2 Anatomi Sistem Pencernaan ............................................................... 6
2.2.2.1 Mulut ........................................................................................... 6
2.2.2.2 Faring .......................................................................................... 7
2.2.2.3 Esophagus (Kerongkongan) ........................................................ 8
2.2.2.4 Lambung ..................................................................................... 8
2.2.2.5 Usus Halus .................................................................................. 9
2.2.2.6 Usus Besar .................................................................................. 10
2.2.2.7 Rektum dan Anus ........................................................................ 10
2.2.3 Proses Pencernaan .............................................................................. 11
v
2.3 Adobe Flash Pro CS 5.5 ............................................................................. 16
2.3.1 Komponen Dasar Adobe Flash CS 5.5 ............................................... 16
2.3.1.1 Istilah Dalam Adobe Flash CS 5.5 .............................................. 16
2.3.1.2 Komponen Kerja Adobe Flash Pro CS 5.5 ................................. 17
2.3.1.3 Simbol Animasi dalam Timeline ................................................ 24
BAB III ANALISA DAN PERANCANGAN SISTEM ....................................... 25
3.1 Analisa Kebutuhan Sistem ......................................................................... 25
3.2 Perancangan Sistem .................................................................................... 25
3.2.1 Flowchart ............................................................................................ 25
3.2.2 Use Case Diagram .............................................................................. 27
3.2.3 Activity Diagram ................................................................................ 28
3.2.3.1 Proses Pencernaan ....................................................................... 28
3.2.3.2 Organ Pencernaan ....................................................................... 29
3.2.3.3 Gangguan Pencernaan ................................................................. 29
3.2.4 Sequence Diagram .............................................................................. 30
3.2.4.1 Proses Pencernaan ....................................................................... 30
3.2.4.2 Organ Pencernaan ....................................................................... 31
3.2.4.3 Gangguan Pencernaan ................................................................. 31
3.2.5 Desain Interface .................................................................................. 32
3.2.5.1 Interface Menu ............................................................................ 32
3.2.5.2 Interface Proses Pencernaan ....................................................... 33
3.2.5.3 Interface Organ Pencernaan ........................................................ 34
3.2.5.4 Interface Gangguan Pencernaan ................................................. 35
3.2.5.5 Interface Author .......................................................................... 39
3.2.6 Desain Objek ...................................................................................... 39
3.2.6.1 Desain Tombol ............................................................................ 39
3.2.6.2 Desain Visualisasi ....................................................................... 40
3.2.6.3 Penggunaan ActionScript............................................................ 51
BAB IV IMPLEMENTASI DAN PENGUJIAN .................................................. 55
4.1 Kebutuhan Sistem....................................................................................... 55
4.2 Implementasi ............................................................................................. 55
4.2.1 Implementasi Visualisasi .................................................................... 56
vi
4.2.2 Implementasi Sistem........................................................................... 58
4.2.2.1 Halaman Menu Utama ................................................................ 58
4.2.2.2 Halaman Menu Proses Pencernaan ............................................. 59
4.2.2.3 Halaman Menu Organ Pencernaan ............................................. 60
4.2.2.4 Halaman Menu Penyakit Pencernaan ......................................... 62
4.2.2.5 Halaman Menu Author ................................................................ 64
4.3 Pengujian .................................................................................................... 64
4.3.1 Pengujian Aplikasi .............................................................................. 65
4.3.2 Pengujian Terhadap Responden ......................................................... 73
BAB V PENUTUP ................................................................................................ 76
5.1 Kesimpulan ................................................................................................. 76
5.2 Saran ........................................................................................................... 76
DAFTAR PUSTAKA ........................................................................................... 77
LAMPIRAN .......................................................................................................... 78
vii
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 ..................................................................................... 10
Gambar 2.8
Rektum dan Anus .......................................................................... 10
Gambar 2.9
Jendela Lembar Kerja Adobe Flash Pro CS 5.5 ............................ 17
Gambar 2.10 Tampilan Toolbox ......................................................................... 18
Gambar 2.11 Timeline dan Komponennya ......................................................... 20
Gambar 2.12 Tampilan Stage .............................................................................. 21
Gambar 2.13 Panel Properties ............................................................................. 22
Gambar 2.14 Tampilan Panel Action .................................................................. 23
Gambar 2.15 Panel Color .................................................................................... 23
Gambar 2.16 Simbol Motion Tween ................................................................... 24
Gambar 2.17 Simbol Shape Tween ..................................................................... 24
Gambar 2.18 Simbol Classic Tween ................................................................... 24
Gambar 3.1
Flowchart ...................................................................................... 26
Gambar 3.2
Use Case Diagram ........................................................................ 28
Gambar 3.3
Activity Proses Pencernaan ............................................................ 29
Gambar 3.4
Activity Organ Pencernaan ............................................................ 29
Gambar 3.5
Activity Gangguan Pencernaan ...................................................... 30
Gambar 3.6
Sequence Diagram Proses Pencernaan .......................................... 30
Gambar 3.7
Sequence Diagram Organ Pencernaan .......................................... 31
Gambar 3.8
Sequence Diagram Gangguan Pencernaan ................................... 31
Gambar 3.9
Desain Interface Menu .................................................................. 32
Gambar 3.10 Desain Interface Proses Pencernaan .............................................. 33
Gambar 3.11 Desain Interface Menu Organ Pencernaan .................................... 34
Gambar 3.12 Desain Interface Penjelasan Organ Pencernaan ............................ 35
viii
Gambar 3.13 Desain Interface Gangguan Pencernaan ........................................ 35
Gambar 3.14 Desain Interface Pilihan Gangguan Pencernaan ........................... 37
Gambar 3.15 Desain Interface Penjelasan Gangguan Pencernaan...................... 37
Gambar 3.16 Desain Interface Author ................................................................ 39
Gambar 3.17 Desain Tombol .............................................................................. 39
Gambar 3.18 Timeline Tombol ........................................................................... 40
Gambar 3.19 Desain Tombol pada Keyframe ..................................................... 40
Gambar 3.20 Movie Clip Proses Pencernaan ...................................................... 41
Gambar 3.21 Movie Clip dalam Movie Clip Proses Pencernaan ......................... 42
Gambar 3.22 Movie Clip Organ Pencernaan ....................................................... 44
Gambar 3.23 Library untuk Movie Clip Organ Pencernaan ................................ 44
Gambar 3.24 Movie Clip Gangguan Pencernaan ................................................ 45
Gambar 3.25 Library untuk Movie Clip Gangguan Pencernaan ......................... 46
Gambar 3.26 Movie Clip Author ......................................................................... 47
Gambar 3.27 Gerakan Animasi Frame-by-frame................................................ 47
Gambar 3.28 Pembuatan Objek........................................................................... 48
Gambar 3.29 Perubahan pada Timeline .............................................................. 49
Gambar 3,30 Objek Tombol pada Frame 1 ......................................................... 49
Gambar 3.31 Objek Tombol pada Frame 10 ....................................................... 50
Gambar 3.32 Objek Organ Pencernaan ............................................................... 50
Gambar 3.33 Pengaturan Nilai Alpha Objek....................................................... 51
Gambar 3.34 Perintah ActionScript pada Tombol .............................................. 51
Gambar 3.35 Perintah pada Frame 109 ............................................................... 52
Gambar 3.36 Rancangan Submenu Drop-down Menu ....................................... 52
Gambar 3.37 Tombol Drop-down Menu ............................................................. 53
Gambar 3.38 Penambahan Movie Clip Submenu ................................................ 53
Gambar 3.39 ActionScript pada Movie Clip Submenu ....................................... 53
Gambar 3.40 Drop-down Menu pada Menu Proses Pencernaan......................... 54
Gambar 4.1
Tampilan Project Adobe Flash Professional CS 5.5 ..................... 56
Gambar 4.2
Komponen Stage pada Adobe Flash Professional CS 5.5 ............. 56
Gambar 4.3
Komponene Timeline..................................................................... 57
Gambar 4.4
Komponen Panel Properties dan Library...................................... 57
ix
Gambar 4.5
Menu Utama Sistem Aplikasi ........................................................ 58
Gambar 4.6
Halaman Proses Pencernaan .......................................................... 59
Gambar 4.7
Drop-down Menu Halaman Proses Pencernaan ............................ 60
Gambar 4.8
Halaman Menu Organ Pencernaan ................................................ 60
Gambar 4.9
Detail dari Organ Pilihan User ...................................................... 61
Gambar 4.10 Detail dari Bagian pada Organ Pilihan .......................................... 61
Gambar 4.11 Halaman Menu Penyakit Pencernaan ............................................ 62
Gambar 4.12 Halaman Menu Penyakit Pencernaan Mulut ................................. 63
Gambar 4.13 Halaman Penjelasan Penyakit Lukoplakia..................................... 63
Gambar 4.14 Halaman Menu Author .................................................................. 64
Gambar 4.15 Tampilan Panel Properties Publish ............................................... 65
Gambar 4.16 Tampilan Menu Pengaturan Publish ............................................. 66
Gambar 4.17 Hasil Publish ................................................................................. 66
Gambar 4.18 Aplikasi Hasil Publish ................................................................... 67
Gambar 4.19 Tampilan Visualisasi Proses Pencernaan ...................................... 67
Gambar 4.20 Segmen Terakhir Menu Proses Pencernaan .................................. 68
Gambar 4.21 Tampilan Awal Menu Organ Pencernaan ..................................... 69
Gambar 4.22 Tampilan Penjelasan Organ Pencernaan ....................................... 69
Gambar 4.23 Bagian – Bagian Lambung ............................................................ 70
Gambar 4.24 Halaman Utama Menu Penyakit Pencernaan ................................ 70
Gambar 4.25 Halaman Pilihan Penyakit ............................................................. 71
Gambar 4.26 Halaman Penjelasan Penyakit........................................................ 71
Gambar 4.27 Penjelasan Penyebab Penyakit ...................................................... 72
Gambar 4.28 Penjelasan Tanda dan Gejala Penyakit .......................................... 72
Gambar 4.29 Penjelasan Lanjut Penyakit............................................................ 73
x
DAFTAR TABEL
Tabel 2.1 Keterangan Toolbox ........................................................................... 18
Tabel 2.2 Keterangan Timeline .......................................................................... 20
Tabel 2.3 Keterangan Stage................................................................................ 21
Tabel 4.1 Hasil Responden Menu Proses Pencernaan ....................................... 74
Tabel 4.2 Hasil Responden Menu Organ Pencernaan ........................................ 74
Tabel 4.3 Hasil Responden Menu Penyakit Pencernaan .................................... 75
xi
DAFTAR PUSTAKA
[1]
Evelyn C. Pearce, 2011. “Anatomi dan Fisiologi untuk Paramedis”. PT
Gramedia Pustaka Utama. Jakarta.
[2]
Perhimpunan Dokter Spesialis Penyakit Dalam Indonesia, 2001. “Buku
Ajar Ilmu Penyakit Dalam” (Edisi ke3, jilid ke II). Balai Penerbit FKUI.
Jakarta.
[3]
Ronald Budi, 2011. “Teen Computer Zone : Having Fun With Adobe
Flash Professional CS 5”. PT Skripta Media Creative. Yogyakarta.
[4]
Rudi Haryono, 2012. “Keperawatan Medikal Bedah Sistem Pencernan”.
Gosyen Publishing. Yogyakarta.
[5]
Silvia Meiliza, 2004. “Deteksi Dini Leukoplakia Praganas”. Tesis tidak
diterbitkan. Medan : Fakultas Kedokteran Gigi Universitas Sumatera
Utara.
[6]
Sujono Riyadi, 2010. “Keperawatan Medikal Bedah (Sistem Pencernaan)”.
Gosyen Publishing. Yogyakarta.
[7]
Sukarmin, 2012. “Keperawatan pada Sistem Pencernaan”. Pustaka Pelajar.
Yogyakarta.
[8]
Sylvia A. Price & Lorraine M. Wilson, 1995. “Patofisiologi. Konsep
Klinis Proses-Proses Penyakit”. Penerbit Buku Kedokteran. Jakarta.
[9]
Zeembry, 2003. “Animasi Web dengan Macromedia Flash 5”. PT Elex
Media Komputindo. Jakarta.