BAB III ANALISA DAN PERANCANGAN

(1)

33

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.

(2)

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.

3.2. Metode Multimedia Development Life Cycle

Pada penulisan pengembangan multimedia ini, penulis menggunakan metode MDLC yang meliputi beberapa tahap atau langkah yang harus dikerjakan, dintaranya :

3.2.1. 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)

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

3.2.3. 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 1.

3.2.4. Merancang Konsep

Dalam perancanagan konsep Penulis menggunakan diagram Unifed Modeling Language (UML) dalam merancang aplikasi multimedia ini.

(4)

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)

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)

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. 3. 7 use case yang biasa dilakukan oleh user.

(7)

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 Masuk aplikasi

Actor User

Description Sistem akan merespon user (pengguna ) yang ingin mengakses aplikasi pengenalan organ dalam tubuh manusia

Pra Kondisi Belum masuk Tindakan Masuk aplikasi

(8)

Post Kondisi -

Tabel 3.3. Use Case Melihat Intro

Nama Lihat Intro

Actor User

Description Sekilas tentang materi yang akan dipelajari

Pra Kondisi Sudah Masuk

Tindakan 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 Pilih Pembelajaran

Actor User

Description Pemilihan jenis materi yang disediakan

Pra Kondisi Sudah masuk

Tindakan User akan memilih materi apa yang akan dipelajari Post Kondisi -

Tabel 3.5. Use Case Latihan Evaluasi

Nama Latihan evaluasi

Actor User

Description Mengerjakan soal-soal evaluasi

Tindakan User akan mengerjakan sepuluh soal-soal evaluasi yang tersedia

(9)

Post Kondisi -

Tabel 3.6. Use Case Lihat Info

Nama Lihat Info

Actor User

Description Fungsi simbol-simbol

Tindakan User akan melihat fungsi tombol-tombol yang ada pada aplikasi

Post Kondisi -

Tabel 3.7. Use Case Lihat Tujuan Pembelajaran

Nama Lihat Tujuan Pembelajaran

Actor User

Description Kegunaan Pembelajaran

Tindakan 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)

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

Organ Dalam Tubuh Manusia

C. Activity Diagram Latihan Evaluasi

(11)

D. Activity Diagram Pemilihan Bahasa

Gambar 3.5. Activity Diagram Pemilihan Bahasa

E. Activity Diagram Lihat Info

(12)

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

(13)

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:

Aplikasi Pembelajaran Organ

Actor: User

Basic flow Actor Action System Action

Step 1 Masuk aplikasi Step 2 Melihat intro.

Step 4 Memilih materi yang

ingin dipelajari

Step 6 User dapat memilih

materi yang akan dipelajari

Step 3 Menampilkan intro

yang berisi sekilas tentang materi apa yang akan dibahas

Step 5 Menampilkan

Materi yang dipilh oleh user

(14)

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)

Tabel 3.9. Penjelasan Sequence Diagram Struktur Pernafasan

Sequence

name:

Struktur Pernafasan

Actor: User

Step 1 Pilih organ pernafasan

Step 3 Memilih hidung

Step 5 User dapat melihat

penjelasan hidung

Step 6 Memilih tenggorokan

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)

C. Sequence Diagram Pencernaan

Gambar 3.10. 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)

Tabel 3.10. Penjelasan Sequence Diagram Pencernaan

Sequence

name:

Pencernaan

Actor: User

Step 1 Pilih Pencernaan

Step 3 Melihat Pencernaan Step 4 Memilih pengertian

mulut

Pengertian mulut.

Step 7 Memilih keronggokan .

pengertian kerongkongan.

Step 10 Memilih lambung

Step 12 User dapat melihat

pengertian lambung

Step 13 Memilih usus 12 jari

Step 2 Menampilkan Pencernaan Step 5 Menampilkan pengertian mulut. Step 8 Menampilkan kerongkongan. Step11 Menampilkan lambung

(18)

pengertian usus 12 jari

Step 15 Memilih usus halus

Step 17 User dapat melihat usus

halus

Step 18 Memilih usus besar

Step 19 User dapat melihat usus

besar

Step 20 Memilih rectum

Step 22 User dapat melihat

rectum

Step 23 Memilih anus

Step 25 User dapat melihat anus Step 26 Memilih simulasi

Step 28 User dapat melihat

simulasi

Step 14 Menampilkan usus

12 jari

halus

besar

Step 21 Menampilkan

rectum

Step 24 Menampilkan anus

(19)

2. Sequence Diagram Peredaran

Gambar 3.11. Sequence Diagram Peredaran

Gambar 3.11. 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 3.11. Penjelasan Sequence Diagram Peredaran

Sequence

name:

Peredaran

Actor: User

(20)

Step 3 Memilih jantung

Pengertian jantung.

Step 6 Memilih pembuluh

darah

pengertian pembuluh darah.

Step 9 Menampilkan simulasi

Step 11 Melihat simulasi

peredaran Step 2 Menampilkan Peredaran Step 4 Menampilkan pengertian jantung. Step 7 Menampilkan

pengertian pembuluh darah.

simulasi.

3. Sequence Diagram Latihan Soal-Soal Evaluasi

(21)

Gambar 3.12. 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 3.12. Penjelasan Sequence Diagram Latihan Soal-soal Evaluasi

Sequence

name:

Latihan soal-soal evaluasi

Actor: User

Step 1 Pilih latihan evaluasi.

Step 3 Mengerjakan latihan

evaluasi

4. Sequence Diagram Lihat Info

(22)

Gambar 3.13. 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 3.13. Penjelasan Sequence Diagram Info

Sequence

name:

Info

Actor: User

Step 1 Pilih info.

Step 3 Melihat informasi dari

tombol-tombol yang ada pada aplikasi

Step 2 Menampilkan info

5. Sequence Diagram Pilih Bahasa

(23)

Gambar 3.14. 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 3.14. Penjelasan Sequence Diagram Bahasa

Sequence

name:

Bahasa

Actor: User

Step 1 Pilih bahasa.

Step 3 Memilih Bahasa Inggris

ataupun Bahasa Indonesia

bahasa

3.2.5. 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)

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

Gambar 3.15. Rancangan Layar Intro

Pengertian Organ Dalam Tubuh Manusia Untuk Sekolah Dasar

INTRO

Masuk

(25)

2. Rancangan Layar Menu Utama

Gambar 3.16. Rancangan Layar Menu Utama

3. Rancangan Layar Organ Pernafasan

Gambar 3.17. Rancangan Layar Pernafasan

Pengenalan Organ Dalam Tubuh Manusia

Organ Pernafasan Organ Peredaran Organ Pencernaan Keluar Evaluasi Home

Pengenalan Organ Dalam Tubuh Manusia Organ Pernafasan Faring Hidung Laring Paru-Paru Trakea Bronkie Simulasi Pernafasan Cara Merawat Struktur organ Pilih Bahasa Keluar Evaluasi

(26)

4. Rancangan Layar Pencernaan

Gambar 3.18. Rancangan Layar Pencernaan

5. Rancangan Layar Peredaran

Gambar 3.19. Rancangan Layar Peredaran

Organ Pencernaan Lambung Mulut Kerongkongan Rektum Pangkreas Simulasi Pencernaan

Organ Peredaran

Jantung Pembuluh

Simulasi Peredaran Keluar Evaluasi

Home Pilih Bahasa

Keluar Evaluasi

(27)

6. Rancangan Layar Evaluasi

Gambar 3.20. Rancangan Layar Latihan Soal-Soal Evaluasi

Soal-Soal A. ... B. ... C. ... D. ... Jawaban Anda... Cek Jawaban Lanjut

Keluar Evaluasi

(28)

3.3. Storyboard Aplikasi

1. Scane : satu

Gambar 3.21. Storyboard Scane Satu

Musik backsound : Intro music fall.mp3 Navigasi : - Animasi :

- Raymond Alexander 41807010060 Sistem Informasi Fakultas Ilmu Komputer Universitas Mercu Buana Prod fade in – fade out

- Ilustrasi + teks judul materi satu per satu (fade in – fade out)

(29)

2. Scane : dua 

 

Gambar 3.22. Storyboard Scane Dua

3. Scane : tiga          

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 :

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)

Gambar 3.22. Storyboard Scane Tiga

4. Scane : empat

Gambar 3.23. Storyboard 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.

(31)

5. Scane : lima 

Gambar 3.24. Storyboard Scane Lima

Tampilan Struktur Organ Pernafasan 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 rambut-rambut getar adalah menghalau atau menahan kotoran yang masuk bersama udara.

Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program.

(32)

6. Scane : enam 

Gambar 3.25. Storyboard Scane Enam

Tampilan Simulasi Organ Pernafasan 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 paru-paru, sehingga udara keluar dari paru-paru. Navigasi : Home,Tujuan Pembelajaran,Info,

Evaluasi, Pilih Bahasa, Keluar Program,Next, Back

(33)

7. Scane : tujuh 

Gambar 3.26. Storyboard Scane Tujuh

Tampilan Struktur Organ Peredaran 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. Navigasi : Home,Tujuan Pembelajaran,Info,

Evaluasi, Pilih Bahasa, Keluar Program.

(34)

8. Scane : delapan 

Gambar 3.27. Storyboard Scane Delapan

9. Scane : sembilan 



Gambar 3.28. Storyboard Scane Sembilan

Tampilan Simulasi Organ Peredaran Narasi:

Ini merupakan simulasi dari peredaran darh dalam tubuh manusia, awal dari sistem ini adalah berasal dari jantung, jantung menjadi titik pusat peredaran Navigasi : Home,Tujuan Pembelajaran,Info,

Evaluasi, Pilih Bahasa, Keluar Program. Animasi :

Tampilan Struktur Organ Pencernaan 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

Navigasi : Home,Tujuan Pembelajaran,Info, Evaluasi, Pilih Bahasa, Keluar Program. Animasi :

(35)

10. Scane :sepuluh 

Gambar 3.29. Storyboard Scane Sepuluh

11. Scane :sebelas 

Gambar 3.30. Storyboard Scane Sebelas

Tampilan Simulasi Organ Pencernaan 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

Tampilan Cara Merawat 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 Navigasi : Home,Tujuan Pembelajaran,Info,

Evaluasi, Pilih Bahasa, Keluar Program. Animasi :

(36)

12. Scane :dua belas

Gambar 3.31. Storyboard Scane Dua Belas

13. Scane :tiga belas

Gambar 3.32. Storyboard Scane Tiga Belas

Tampilan Tujuan Pembelajaran Narasi:

-

Musik backsound : music fall.mp3

Tampilan Info Narasi:

-

(37)