BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN 3.1. Analisa Kondisi Yang Berjalan Suatu aplikasi yang baik adalah aplikasi yang di latar belakangi oleh masalah yang jelas, kebutuhan manusia, dan persiapan yang baik dalam membuat atau mengembangkan sautu aplikasi. Hal itu bertujuan agar aplikasi yang dibuat bisa tepat sasaran dan fokus terhadap solusi masalah tersebut. Akan tetapi aplikasi pengenalan organ dalam tubuh manusia harus di buat sesederhana mungkin dan dapat di mengerti. Karena aplikasi ini hanya didasarkan pada pengenalan-pengenalan organ dalam tubuh manusia dan cara kerjanya. Adapun pengenalan aplikasi ini hanya di tujukan pada siswa-siswi sekolah dasar(sd). Aplikasi ini disertai dengan gambar-gambar yang menarik(animasi bergerak), suara-suara komunikasi yang interaktif beserta audio yang membuat suasana semakin nyaman. Ini dikarenakan cara pembelajaran saat pembelajaran saat ini agak sedikit monoton, sulit dipahami oleh anak-anak dan bahasa penjelasan yang terlalu tinggi yang sulit dicerna oleh anak-anak seumuran mereka yang otomatis membuat mereka jenuh, tidak bergairah untuk belajar dan paradigma yang salah dalam masalah pelajaran. 33

2 34 Adapun yang penulis perhatikan pada aplikasi pengenalan organ dalam tubuh manusia sebelumnya adalah : A. Tampilan yang kurang interaktif. B. Tidak adanya pemilihan bahasa indonesia dan bahasa inggris C. Tidak adanya contoh soal atau evaluasi hasil pembelajaran yang dapat menguji pemahaman siswa terhadap materi yang sudah diberikan. D. Tidak ada penjelasan tentang fungsi organ yang dimaksud Metode Multimedia Development Life Cycle Pada penulisan pengembangan multimedia ini, penulis menggunakan metode MDLC yang meliputi beberapa tahap atau langkah yang harus dikerjakan, dintaranya : Mendefinisikan Masalah Pada tahap ini penulis telah menjelaskan pada bab 1 apa saja yang menjadi masalah pokok dalam pembangunan program interaktif pengenalan organ dalam tubuh manusia. Terdapat dua masalah pokok masalah yaitu bagaimana mengajarkan anak sekolah tingkat dasar mengenal organ dalam tubuh manusia dengan sistem multimedia dan bagaimana membangun aplikasi multimedia itu sendiri.

3 Studi Kelayakan Berdasarkan latar belakang permasalahan pada bab 1 dan analisa kondisi yang berjalan saat ini maka aplikasi ini dapat dikatakan layak untuk dilanjutkan atau dikembangkan, dengan kesimpulan sebagai berikut : 1. Aplikasi ini dapat meningkatkan minat siswa untuk mendalami pengetahuan organ dalam tubuh manusia disertai fungsinya. 2. Perancangan yang menggunakan dua bahasa (billingual) membuat aplikasi ini bisa digunakan untuk pembelajaran bahasa asing. 3. Aplikasi yang berbeda dari aplikasi yang sudah ada sebelumnya yang tidak disertai dengan evaluasi pembelajaran Analisa Kebutuhan Sistem Pada tahap ini yang dimaksud kebutuhan sistem bukanlah perangkat keras (Hardware) untuk membangun aplikasi, akan tetapi kebutuhan sistem disini adalah tujuan dan manfaat dari aplikasi yang akan dibangun. Terdapat tiga tujuan mengapa aplikasi ini dibangun dan terdapat dua manfaat dari pembangunan aplikasi ini yang semua itu telah penulis jelaskan pada bab Merancang Konsep Dalam perancanagan konsep Penulis menggunakan diagram Unifed Modeling Language (UML) dalam merancang aplikasi multimedia ini.

4 36 Penggunaan UML dipilih karena bahasa pemrograman berbasis objek. Adapun langkah-langkah yang dilakukan dalam merancang sistem menggunakan UML adalah : A. Membuat use case diagram. B. Membuat activity diagram. C. Membuat sequence diagram. D. Membuat statechart diagram. Selain menggunakan UML sebagai pendeskripsian sistem, aplikasi pengenalan organ dalam tubuh manusia ini dibuat dengan menggunakan tool Adobe Flash Player. Sebelum membangun aplikasi multimedia ini penulis mempersiapkan data multimedia yang berupa teks, gambar dan audio. Adapun tahapan rancangan awal aplikasi pengenalan organ dalam tubuh manusia: A. Gambar dan Teks Tahapan awal yang di buat oleh penulis adalah menyiapkan gambar dan teks terlebih dahulu. Ini sangat penting karena jika tidak ada gambar dan teks penulis akan sulit membuat animasi bergerak dan membuat action script.

5 37 B. Animasi bergerak Animasi begerak merupakan rangkaian gambar-gambar yang disusun dan di mainkan secara berurutan. Suatu adegan yang tidak mungkin di lakukan secara live dan dapat di wujudkan dengan animasi. C. Audio Audio merupakan langkah terakhir yang dibuat oleh penulis dalam program pengenalan organ dalam tubuh manusia. Audio sangat diperlukan untuk memberi keterangan baik dalam pembuka, penjelasan dan penutup dari program itu sendiri. Penulis menggunakan Audition 1.5 untuk mendapatkan hasil suara atau rekaman lebih baik dan menyimpan data audio dalam bentuk MP3.

6 38 1. Use Case Diagram Aplikasi Pengenalan Organ Dalam Tubuh Manusia. A. Use Case Diagram Aplikasi Gambar 3.1. Use Case Diagram Aplikasi Pengenalan Organ Dalam Tubuh Manusia Multimedia Berdasarkan gambar 3.1. Use Case Diagram aplikasi pengenalan organ dalam tubuh manusia berbasis multimedia terdapat : 1. Sistem ini mencakup seluruh kegiatan aplikasi pengenalan organ dalam tubuh manusia multimedia. 2. Actor yang melakukan kegiatan adalah user use case yang biasa dilakukan oleh user.

7 39 B. Use Case Spesifikasi Setiap use case harus dideskripsikan dalam dokumen untuk mendefinisikan apa yang harus dilakukan sistem ketika actor mengaktifkan use case. Fungsionalitas sistem yang telah digambarkan dengan use case diagram pada Gambar 3.1. akan dijelaskan secara lebih jelas pada bagian use case specifikasi sebagai berikut : Tabel 3.1. Actor Dalam Aplikasi pengenalan organ dalam tubuh manusia Nama Deskripsi Tanggung jawab User -Melihat pembelajaran pengenalan organ dalam tubuh manusia serta mengetahui fungsinya -melihat simulasi cara kerja organ -Melihat serta mengevaluasi hasil pembelajaran dengan diberikan soal-soal latihan Mempelajari serta memahami pengenalan organ dalam tubuh manusia. Tabel 3.2. Use Case Masuk Aplikasi Nama Actor Description Pra Kondisi Tindakan Masuk aplikasi User Sistem akan merespon user (pengguna ) yang ingin mengakses aplikasi pengenalan organ dalam tubuh manusia Belum masuk Masuk aplikasi

8 40 Post Kondisi - Tabel 3.3. Use Case Melihat Intro Nama Actor Description Pra Kondisi Tindakan Lihat Intro User Sekilas tentang materi yang akan dipelajari Sudah Masuk User akan melihat tampilan awal dari aplikasi multimedia ini dan akan menampilkan materi yang akan dipelajari Post Kondisi - Tabel 3.4. Use Case Pilih Pembelajaran Nama Actor Description Pra Kondisi Tindakan Pilih Pembelajaran User Pemilihan jenis materi yang disediakan Sudah masuk User akan memilih materi apa yang akan dipelajari Post Kondisi - Tabel 3.5. Use Case Latihan Evaluasi Nama Actor Description Pra Kondisi Tindakan Latihan evaluasi User Mengerjakan soal-soal evaluasi Sudah masuk User akan mengerjakan sepuluh soal-soal evaluasi yang tersedia

9 41 Post Kondisi - Tabel 3.6. Use Case Lihat Info Nama Actor Description Pra Kondisi Tindakan Lihat Info User Fungsi simbol-simbol Sudah masuk User akan melihat fungsi tombol-tombol yang ada pada aplikasi Post Kondisi - Tabel 3.7. Use Case Lihat Tujuan Pembelajaran Nama Actor Description Pra Kondisi Tindakan Lihat Tujuan Pembelajaran User Kegunaan Pembelajaran Sudah masuk User akan melihat tujuan dari pembelajaran organ dalam tubuh manusia Post Kondisi - 2. Activity Diagram Aplikasi Pengenalan Organ Dalam Tubuh Manusia A. Activity Diagram Melihat Intro

10 42 Gambar 3.2. Activity Diagram Melihat Intro B. Activity Diagram Pilih Menu Materi Pengenalan Organ Dalam Tubuh manusia Gambar 3.3. Activity Diagram Pilih Menu Materi Pengenalan C. Activity Diagram Latihan Evaluasi Organ Dalam Tubuh Manusia Gambar 3.4. Activity Diagram Latihan Soal-Soal Evaluasi

11 43 D. Activity Diagram Pemilihan Bahasa Gambar 3.5. Activity Diagram Pemilihan Bahasa E. Activity Diagram Lihat Info Gambar 3.6. Activity Diagram Lihat Info

12 44 F. Activity Diagram Lihat Tujuan Pembelajaran Gambar 3.7. Activity Diagram Tujuan Pembelajaran 3. Sequence Diagram Aplikasi Pengenalan Organ Dalam Tubuh Manusia A. Sequence Diagram Materi Pembelajaran Organ Gambar 3.8. Sequence Diagram Materi Pembelajaran Organ

13 45 Gambar 3.8. menunjukkan proses untuk memilih Menu Pembelajaran, yang dilakukan oleh user. Pertama user masuk aplikasi. Sistem akan menampilkan menu yang dimaksud, user dapat melihat intro, kemudian dapat memilih bahasa yang diinginkan. Tabel 3.8. Sequence Lihat Tujuan Pembelajaran Sequence name: Actor: Aplikasi Pembelajaran Organ User Basic flow Actor Action System Action Step 1 Masuk aplikasi Step 2 Melihat intro. Step 3 Menampilkan intro yang berisi sekilas tentang materi apa yang akan dibahas Step 4 Memilih materi yang ingin dipelajari Step 6 User dapat memilih materi yang akan dipelajari Step 5 Menampilkan Materi yang dipilh oleh user

14 46 B. Sequence Diagram Struktur Pernafasan Gambar 3.9. sequence Diagram Struktur Pernafasan Gambar 3.9. menunjukkan proses untuk melihat materi pernafasan, yang dilakukan oleh user. Pertama user memilih materi pernafasan, kemudian sistem akan menampilkan menu yang dimaksud, user dapat melihat hidung, batang tenggorokan, paru-paru dan simulasi dari pernafasan.

15 47 Tabel 3.9. Penjelasan Sequence Diagram Struktur Pernafasan Sequence Struktur Pernafasan name: Actor: User Basic flow Actor Action System Action Step 1 Pilih organ pernafasan Step 3 Memilih hidung Step 5 User dapat melihat penjelasan hidung Step 6 Memilih tenggorokan Step 8 User dapat melihat penjelasan tenggorokan Step 9 Memilih Simulasi Step 11 Melihat simulasi pernafasan Step 2 Menampilkan organ pernafasan Step 4 Menampilkan hidung Step 7 Menampilkan tenggorokan Step 10 Menampilkan simulasi pernafasan

16 48 C. Sequence Diagram Pencernaan Gambar Sequence Diagram Pencernaan Gambar 3.10 menunjukkan proses untuk melihat pencernaan yang dilakukan oleh user. Pertama user memilih pencernaan. Sistem akan menampilkan menu yang dimaksud, user dapat melihat mulut, kerongkongan, lambung, usus 12 jari, usus halus, usus besar, rectum, anus dan juga dapt melihat simulasi pencernaan.

17 49 Tabel Penjelasan Sequence Diagram Pencernaan Sequence name: Actor: Pencernaan User Basic flow Actor Action System Action Step 1 Pilih Pencernaan Step 3 Melihat Pencernaan Step 2 Menampilkan Pencernaan Step mulut 4 Memilih pengertian Step 5 Menampilkan pengertian mulut. Step 6 User dapat melihat Pengertian mulut. Step 7 Memilih keronggokan. Step 9 User dapat melihat pengertian kerongkongan. Step 8 Menampilkan kerongkongan. Step 10 Memilih lambung Step 12 User dapat melihat pengertian lambung Step 13 Memilih usus 12 jari Step11 lambung Menampilkan

18 50 Step 14 User dapat melihat pengertian usus 12 jari Step 14 Menampilkan usus 12 jari Step 15 Memilih usus halus Step 17 User dapat melihat usus halus Step 16 Menampilkan usus halus Step 18 Memilih usus besar Step 19 User dapat melihat usus besar Step 19 Menampilkan usus besar Step 20 Memilih rectum Step 22 User dapat melihat rectum Step 21 Menampilkan rectum Step 23 Memilih anus Step 24 Menampilkan anus Step 25 User dapat melihat anus Step 26 Memilih simulasi Step 28 User dapat melihat simulasi Step 27 Menampilkan simulasi

19 51 2. Sequence Diagram Peredaran Gambar Sequence Diagram Peredaran Gambar di atas menunjukkan proses untuk melihat peredaran yang dilakukan oleh user. Pertama user memilih peredaran. Sistem akan menampilkan menu yang dimaksud, user dapat melihat jantung, pembuluh darah dan simulasi dari peredaran. Tabel Penjelasan Sequence Diagram Peredaran Sequence name: Actor: Peredaran User Basic flow Actor Action System Action Step 1 Pilih Peredaran

20 52 Step 3 Memilih jantung Step 5 User dapat melihat Pengertian jantung. Step 6 Memilih pembuluh darah Step 8 User dapat melihat pengertian pembuluh darah. Step 2 Menampilkan Peredaran Step 4 Menampilkan pengertian jantung. Step 7 Menampilkan pengertian pembuluh darah. Step 9 Menampilkan simulasi Step 11 Melihat simulasi peredaran Step 10 Menampilkan simulasi. 3. Sequence Diagram Latihan Soal-Soal Evaluasi Gambar Sequence Diagram Latihan Soal-Soal Evaluasi

21 53 Gambar menunjukkan proses untuk melihat latihan evaluasi yang dilakukan oleh user. Pertama user memilih latihan evaluasi. Sistem akan menampilkan menu yang dimaksud, user dapat mengerjakan soal-soal evaluasi. Tabel Penjelasan Sequence Diagram Latihan Soal-soal Evaluasi Sequence name: Actor: Latihan soal-soal evaluasi User Basic flow Actor Action System Action Step 1 Pilih latihan evaluasi. Step 3 Mengerjakan latihan evaluasi Step 2 Menampilkan evaluasi 4. Sequence Diagram Lihat Info Gambar Sequence Diagram Info

22 54 Gambar menunjukkan proses untuk melihat info yang dilakukan oleh user. Pertama user memilih info, sistem akan menampilkan menu yang dimaksud, user dapat melihat informasi fungsi dari tombol-tombol yang ada pada aplikasi. Tabel Penjelasan Sequence Diagram Info Sequence name: Actor: Info User Basic flow Actor Action System Action Step 1 Pilih info. Step 2 Menampilkan info Step 3 Melihat informasi dari tombol-tombol yang ada pada aplikasi 5. Sequence Diagram Pilih Bahasa Gambar Sequence Diagram Bahasa

23 55 Gambar menunjukkan proses untuk memilih bahasa yang dilakukan oleh user. Pertama user memilih tombolpilih bahasa, kemudian sistem akan menampilkan menu yang dimaksud, user dapat memilih Bahasa Inggris ataupun Bahasa Indonesia. Tabel Penjelasan Sequence Diagram Bahasa Sequence name: Actor: Bahasa User Basic flow Actor Action System Action Step 1 Pilih bahasa. Step 3 Memilih Bahasa Inggris ataupun Bahasa Indonesia Step 2 Menampilkan bahasa Merancang Isi Setelah melakukan analisa terhadap kebutuhan yang ada, penulis akan memulai untuk merancang aplikasi multimedia yang akan dibangun. Secara umum penulis akan merancang aplikasi ini dengan harapan sebagai berikut :

24 56 1. Aplikasi yang dirancang dengan penampilan yang menarik agar dapat menambah daya tarik siswa-siswi sekolah dasar untuk mempelajari pengenalan organ dalam tubuh manusia. 2. Memberikan pengertian organ dalam tubuh manusia dan memberikan simulasi cara kerja. 3. Merancang aplikasi yang memiliki menu user friendly sehingga mudah dipelajari bagi siswa-siswi sekolah dasar (SD) 4. Memberikan materi yang sesuai dengan kurikulum tingkat sekolah dasar (SD). Aplikasi ini dirancang memiliki sebuah jendela Menu Utama, memiliki simbol-simbol yang menampilkan jendela baru untuk memulai mempelajari ilmu pengenalan organ dalam rubuh manusia, dan latihan soal-soal evaluasi. 1. Rancangan Layar Intro Pengertian Organ Dalam Tubuh Manusia Untuk Sekolah Dasar INTRO Gambar Masuk Gambar Rancangan Layar Intro

25 57 2. Rancangan Layar Menu Utama Pengenalan Organ Dalam Tubuh Manusia Organ Pernafasan Cara Merawat Organ Organ Peredaran Struktur organ Home Evaluasi Pilih Bahasa Keluar Gambar Rancangan Layar Menu Utama 3. Rancangan Layar Organ Pernafasan Pengenalan Organ Dalam Tubuh Manusia Organ Pernafasan Hidung Laring Faring Paru-Paru Trakea Bronkie Simulasi Pernafasan Home Evaluasi Pilih Bahasa Keluar Gambar Rancangan Layar Pernafasan

26 58 4. Rancangan Layar Pencernaan Pengenalan Organ Dalam Tubuh Manusia Organ Pencernaan Mulut Kerongkongan Lambung Rektum Pangkreas Simulasi Pencernaan Home Evaluasi Pilih Bahasa Keluar Gambar Rancangan Layar Pencernaan 5. Rancangan Layar Peredaran Pengenalan Organ Dalam Tubuh Manusia Organ Peredaran Jantung Pembuluh Simulasi Peredaran Home Evaluasi Pilih Bahasa Keluar Gambar Rancangan Layar Peredaran

27 59 6. Rancangan Layar Evaluasi Pengenalan Organ Dalam Tubuh Manusia A.... B.... C.... D.... Soal-Soal Jawaban Anda... Cek Jawaban Lanjut Home Evaluasi Pilih Bahasa Keluar Gambar Rancangan Layar Latihan Soal-Soal Evaluasi

28 Storyboard Aplikasi 1. Scane : satu Musik backsound : Intro music fall.mp3 Navigasi : - Animasi : - Raymond Alexander Sistem Informasi Fakultas Ilmu Komputer Universitas Mercu Buana Prod fade in fade out Gambar Storyboard Scane Satu

29 61 2. Scane : dua Tampilan menu Narasi: Pilih materi yang ingin kamu pelajari Navigasi :Struktur Organ, Organ Pernafasan, Organ Peredaran,Organ Pencernaan, Cara merawat,home,tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi : 3. Scane : tiga Gambar Storyboard Scane Dua Tampilan Struktur Organ Narasi: Pilih materi yang ingin kamu pelajari Navigasi :Struktur Organ, Organ Pernafasan, Organ Peredaran,Organ Pencernaan, Cara merawat,home,tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi :

30 62 Gambar Storyboard Scane Tiga 4. Scane : empat Tampilan Struktur Organ Narasi: Ini merupakan struktur organ dalam tubuh manusia secara keseluruhan dan letaknya Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi : Gambar Storyboard Scane Empat

31 63 5. Scane : lima Tampilan Struktur Organ Pernafasan Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi : Narasi: Batang tenggorok merupakan saluran jalan nafas yang terdiri atas gelang-gelang tulang rawan dan terletak didepan kerongkongan. Dindingnya berlapis selaput lendir yang selnya beramput getar. Tugas selaput lendir dan rambutrambut getar adalah menghalau atau menahan kotoran yang masuk bersama udara. Gambar Storyboard Scane Lima

32 64 6. Scane : enam Tampilan Simulasi Organ Pernafasan Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program,Next, Back Animasi : Gambar Storyboard Scane Enam Narasi:Dalam satu menit, manusia bernapas sebayak kurang lebih 12 kali. Kegiatan tersebut dilakukan oleh tubuh secara otomatis. kontraksi otot antar tulang rusuk, sehingga tulang rusuk terangkat. Kedua karena kontraksi otot sekat rongga dada (diafragma), sehingga diafragma mendatar. Terangkatnya tulang rusuk dan mendatarnya diafragma mengakibatkan rongga dada membesar. karena mengendurnya otot antar tulang rusuk, sehingga tulang rusuk turun dan karena mengendurnya otot diafragma sehingga diafragma melengkung. Turunnya tulang rusuk dan melengkungnya diafragma mengakibatkan rongga dada mengecil. Mengecilnya rongga dada diikuti mengempisnya paruparu, sehingga udara keluar dari paru-paru.

33 65 7. Scane : tujuh Tampilan Struktur Organ Peredaran Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi : Narasi: Jantung sebagai alat pemompa darah terdiri atas bilik kiri bilik kanan, serambi kiri dan serambi kanan antara bilik dan serambi terdapat katup untuk mencegah kembalinya darah. Gambar Storyboard Scane Tujuh

34 66 8. Scane : delapan Tampilan Simulasi Organ Peredaran Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Narasi: Ini merupakan simulasi dari peredaran darh dalam tubuh manusia, awal dari sistem ini adalah berasal dari jantung, jantung menjadi titik pusat peredaran Animasi : 9. Scane : sembilan Gambar Storyboard Scane Delapan Tampilan Struktur Organ Pencernaan Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi : Narasi: Ini merupakan organ dari pencernaan, awal dari pencernaan makanan dari mulut, mulut memiliki 4 bagian yaitu gigi taring, gigi seri, gigi geraham belakang, dan gigi geraham depan Gambar Storyboard Scane Sembilan

35 Scane :sepuluh Tampilan Simulasi Organ Pencernaan Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi : Narasi: Makanan masuk melalui mulut kemudian masuk kedalam batang kerongkongan dan mengalir kedalam lambung setelah itu ke usus besar dan ke usus halus dan berakhir di anus Gambar Storyboard Scane Sepuluh 11. Scane :sebelas Tampilan Cara Merawat Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi : Narasi: Ini bagaimana kita merawat organ dalam tubuh kita agar tetap sehat dan tetap terjaga secara baik, olahraga merupakan cara yang paling efektif untuk merawat organ dalam Gambar Storyboard Scane Sebelas

36 Scane :dua belas Tampilan Tujuan Pembelajaran Narasi: - Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Musik backsound : music fall.mp3 Animasi : 13. Scane :tiga belas Gambar Storyboard Scane Dua Belas Tampilan Info Narasi: - Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Musik backsound : music fall.mp3 Animasi : Gambar Storyboard Scane Tiga Belas

37 Scane :empat belas Tampilan Evaluasi Narasi: - Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Musik backsound : music fall.mp3 Animasi : Gambar Storyboard Scane Empat Belas