PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

PLAGIAT PLAGIATMERUPAKAN MERUPAKANTINDAKAN TINDAKANTIDAK TIDAKTERPUJI TERPUJI

SISTEM PEMBELAJARAN ORGAN TUBUH MANUSIA UNTUK SISWA KELAS VIII SEKOLAH MENENGAH PERTAMA (SMP) MENGGUNAKAN ADOBE FLASH CS3, PHP DAN MySQL

Skripsi Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Program Studi Teknik Informatika

Oleh : Priska Delania 10 5314 006

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS SANATA DHARMA YOGYAKARTA 2014 i


LEARNING SYSTEM OF HUMAN ORGANS

USING ADOBE FLASH CS3, PHP AND MySQL

A Thesis Present as Partial Fulfillment of the Requirements To Obtain the Sarjana Komputer Degree In Department of Informatrics Engineering

By: Priska Delania 10 5314 006

INFORMATICS ENGINEERING STUDY PROGRAM THE FACULTY OF SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY YOGYAKARTA 2014 ii


SKRIPSI

SISTEM PEMBELAJARAN ORGAN TUBUH MANUSIA UNTUK SISWA KELAS VIII SEKOLAH MENENGAH PERTAMA (SMP) MENGGUNAKAN ADOBE FLASH CS3, PHP DAN MySQL

Oleh Priska Delania NIM: 105314006

Telah disetujui oleh:

Dosen Pembimbing

Tanggal:………………

Agnes Maria Polina, S. Kom. ,M.Sc.

iii


SKRIPSI

SISTEM PEMBELAJARAN ORGAN TUBUH MANUSIA UNTUK SISWA KELAS VIII SEKOLAH MENENGAH PERTAMA (SMP) MENGGUNAKAN ADOBE FLASH CS3, PHP DAN MySQL Dipersiapkan dan ditulis oleh : Priska Delania NIM : 105314006 Telah dipertahankan di depan panitia penguji Pada tanggal 18 Desember 2014 Dan dinyatakan memenuhi syarat Susunan Panitia Penguji

Nama Lengkap

Tanda Tangan

Ketua

JB. Budi Darmawan, S.T., M.Sc.

………………

Sekretaris

Iwan Binanto, M.Cs.

………………

Anggota

Agnes Maria Polina, S.Kom., M.Sc.

………………

Yogyakarta, …………………….. Fakultas Sains dan Teknologi Universitas Sanata Dharma Dekan,

Paulina Heruningsih Prima Rosa, S.Si., M.Sc.

iv


PERNYATAAN KEASLIAN KARYA

Saya menyatakan dengan sesungguhnya bahwa di dalam skripsi yang saya tulis ini tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.

Yogyakarta, 19 Januari 2015 Penulis

Priska Delania

v


LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS Yang bertanda tangan di bawah ini, saya mahasiswa Universitas Sanata Dharma: Nama : Priska Delania NIM

: 10 5314 006

Demi pengembangan ilmu pengetahuan, saya memberikan kepada Perpustakaan Universitas Sanata Dharma karya ilmiah saya yang berjudul: Sistem Pembelajaran Organ Tubuh Manusia Untuk Siswa Kelas VIII Sekolah Menengah Pertama (SMP) Menggunakan Adobe Flash CS3, PHP dan MySQL Dengan demikian saya memberikan kepada Universitas Sanata Dharma hak untuk menyiapkan, mengalihkan dalam bentuk media lain, mengelola dalam bentuk pangkalan data, mendistribusikan secara terbatas, dan mempublikasikan di internet atau media lain untuk kepentingan akademis tanpa perlu meminta izin dari saya maupun memberi royalti kepada saya selama tetap mencantumkan nama saya sebagai penulis. Demikian pernyataan ini saya buat dengan sebenarnya. Dibuat di Yogyakarta Pada Tanggal: 19 Januari 2015 Yang menyatakan,

(Priska Delania) vi


Kupersembahkan Tugas Akhir ini untuk :

Kedua Orang tuaku Ignatius Hestiyarta dan Marieta Usniati yang telah memberikan do’a, kasih sayang dan dukungan, sehingga Tugas Akhir ini dapat terselesaikan dengan baik. Kedua kakakku Mervi dan Denis yang tersayang. Agustinus Ivan yang telah menemani dan memberikan dukungan selama pengerjaan Tugas Akhir.

vii


HALAMAN MOTTO

“Tiada keberhasilan tanpa kerja keras dan tiada kebahagiaan tanpa pengorbanan.”

If you can dream it, You can do it (Walt Disney)

viii


ABSTRAK Pengenalan organ tubuh manusia merupakan salah satu ilmu pengetahuan yang penting untuk diberikan pada siswa sekolah menengah pertama. Organ tubuh manusia yang berada di dalam tubuh manusia tidak dapat kita lihat secara langsung, Hal ini menjadi kendala bagi siswa untuk membayangkan organ yang sedang dipelajari. Walaupun dalam buku referensi terdapat gambar yang menjelaskan tentang organ tersebut tetapi siswa belum mampu memahami secara optimal. Program ini dibangun dengan menggunakan Adobe Flash CS3, bahasa pemrograman PHP dan basisdata MySQL. Konsep dan metode CAI(ComputerAssisted Instruction) yang dianggap tepat dipakai untuk Sistem Pembelajaran Organ Tubuh Manusia ini adalah metode tutorial, karena menyediakan informasi visualisasi organ tubuh, dan fitur audio. Kemudian, guru dapat menguji seberapa jauh siswa memahami materi yang sudah dipelajari dengan soal-soal latihan yang mempunyai umpan balik penilaian. Hasil uji coba menunjukkan Sistem Pembelajaran Organ Tubuh Manusia ini sudah berjalan dengan baik, dapat menampilkan materi dan latihan soal. Demikian pula e-learning Pembelajaran Organ Tubuh Manusia dapat digunakan untuk mengolah data siswa, mengolah data evaluasi, menjawab soal evaluasi dan melihat nilai siswa. Namun materi yang disajikan tidak dapat di update oleh guru. Adapun hasil uji coba terhadap siswa menunjukkan perangkat lunak ini cukup menarik dan membantu siswa untuk belajar materi organ tubuh manusia secara mandiri. Kata kunci : Sistem Pembelajaran Organ Tubuh Manusia, Adobe Flash CS3, PHP, MySQL .

ix


ABSTRACT The introduction of human organs is one of important sciences to be given to junior high school students. Human organs that are inside of human body cannot be seen directly. This becomes an obstacle for students to imagine the organs that are being learned. Even though in the reference book there are pictures that explain those organs, students have not been able to understand optimally. This program was developed by using Adobe Flash CS3, PHP programming language and MySQL database. CAI(Computer-Assisted Intruction) concept and method that appropriate to be used for this Learning System of Human Organs was tutorial method, because it provided visualization information of organs and audio feature. Then teachers could examine how far the students could comprehend the materials that had been learned by giving tasks which have feedback valuation. The result of this research showed that this Learning System of Human Organs went well, can displayed material and exercises. Similary, e-learning for Learning Human Organs can be used to process student data, process data evaluation, answer a questions, and see the value of student. But the existing materials could not be updated by teachers. The results demonstrate the program to students showed that this software was quite interesting and helped students to learn human organs independently. . Keywords : Learning System of Human Organs, Adobe Flash CS3, PHP, MySQL .

x


KATA PENGANTAR Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena dengan berkat dan kasih-Nya, penulis dapat menyelesaikan skripsi yang berjudul : “ istem Pembelajaran

rgan Tubuh Manusia

ntuk

iswa Kelas V

Sekolah Menengah Pertama (SMP) Menggunakan Adobe Flash CS3, PHP dan My Q ” dengan baik. Pada kesempatan ini penulis juga ingin mengucapkan terima kasih kepada: 1. Tuhan Yesus Kristus, yang senantiasa mencurahkan berkat-Nya selama saya mmenyususn dan menyelesaikan Tugas Akhir ini. 2. Kedua orangtuaku, Ignatius Hestiyarta dan Marietta Usniati yang selalu memberikan kasih sayang, doa, dan dukungan pada penulis. 3. Ibu Agnes Maria Polina S. Kom., M.Sc., selaku dosen pembimbing yang sudah meluangkan waktu dan dengan sabar membimbing dan memberikan pengarahan serta saran bagi penulis, sehingga tugas akhir ini dapat diselesaikan dengan baik. 4. Ibu P.H. Prima Rosa S.Si., M.Sc., selaku Dekan Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta. 5. Ibu Ridowati Gunawan,S.Kom.,M.T., selaku Ketua Jurusan Teknik Informatika Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta. 6. Kedua saudara, Merviani S. Farm, Apt., dan Denis Adrian S.T., yang selalu memberikan doa. 7. Agustinus Ivan yang selalu memberikan dukungan dan semangat bagi penulis. xi


8. Teman-teman program studi Teknik Informatika yang telah berjuang bersama dalam penyelesaian pengerjaan Tugas Akhir. 9. Teman-teman kos wisma lestari terutama Gilda, dan Weni yang telah memberikan dukungan dan penghiburan ketika penulis putus asa. 10. Semua pihak yang tidak dapat disebutkan satu persatu yang telah membantu penulis dalam proses penyelesaian Tugas Akhir.

Akhirnya penulis berharap semoga Tugas Akhir ini dapat berguna bagi pembaca. Penulis

Priska Delania

xii


DAFTAR ISI HALAMAN JUDUL................................................................................................ i HALAMAN JUDUL (INGGRIS) ........................................................................... ii HALAMAN PERSETUJUAN ............................................................................... iii HALAMAN PENGESAHAN ................................................................................ iv HALAMAN PERNYATAAN KEASLIAN KARYA ............................................ v HALAMAN PERSETUJUAN PUBLIKASI KARYA .......................................... vi HALAMAN PERSEMBAHAN ........................................................................... vii HALAMAN MOTTO .......................................................................................... viii ABSTRAK ............................................................................................................. ix ABSTRACT ............................................................................................................ x KATA PENGANTAR ........................................................................................... xi DAFTAR ISI ........................................................................................................ xiii DAFTAR TABEL ............................................................................................... xvii DAFTAR GAMBAR ......................................................................................... xviii BAB I ...................................................................................................................... 1 PENDAHULUAN .................................................................................................. 1 1.1

Latar Belakang Masalah ........................................................................... 1

1.2

Rumusan Masalah .................................................................................... 2

1.3

Tujuan dan Manfaat .................................................................................. 3

1.4

Batasan Masalah ....................................................................................... 3

1.5

Metodologi Penelitian .............................................................................. 4

1.6

Sistematika Penulisan ............................................................................... 8

BAB II ................................................................................................................... 11 LANDASAN TEORI ............................................................................................ 11 2.1

Aplikasi Multimedia ............................................................................... 11

2.1.1

Teknologi Multimedia ..................................................................... 14

2.1.2

Komponen Multimedia ................................................................... 15

2.2

Tahap Pengembangan Multimedia ......................................................... 17

2.3

Metodologi Pengembangan Sistem FAST (Framework for the

Application of Systems Technique) .................................................................. 20 xiii


xiv

2.4

HTML ..................................................................................................... 23

2.5

MySQL ................................................................................................... 25

2.6

PHP ......................................................................................................... 27

2.7

ADOBE FLASH CS3 Profesional ......................................................... 28

2.7.1 2.8

CAI (Computer-Assisted Instruction) .................................................... 31

2.8.1 2.9

Fitur-fitur Adobe Flash CS3 Profesional ........................................ 29

Kelebihan dan Kekurangan Program CAI ...................................... 31

Pembelajaran Organ Tubuh Manusia ..................................................... 34

2.9.1

Sistem Gerak Pada Manusia............................................................ 34

2.9.1.1 Tulang .......................................................................................... 34 2.9.1.2 Otot .............................................................................................. 35 2.9.2

Sistem Pencernaan Manusia ............................................................ 36

2.9.3.1 Saluran Pencernaan ..................................................................... 36 2.9.3.2 Kelenjar Pencernaan .................................................................... 36 2.9.3

Sistem Pernapasan Manusia ............................................................ 36

2.9.4.1 Alat Pernapasan ........................................................................... 37 2.9.4.2 Mekanisme Pernapasan ............................................................... 37 2.9.4

Sistem Peredaran Darah .................................................................. 37

2.9.4.1 Alat Peredaran Darah .................................................................. 38 2.9.4.2 Macam Peredaran Darah ............................................................. 38 2.9.4.3 Kelainan dan Gangguan Darah .................................................... 39 BAB III ................................................................................................................. 40 ANALISA DAN PERANCANGAN SISTEM ..................................................... 40 3.1

ANALISA SISTEM ............................................................................... 40

3.1.1

Fase Definisi Ruang Lingkup (Scope Definition Phase) ................ 40

3.1.2

Fase Analisis Masalah (Problem Analysis Phase) .......................... 40

3.1.2.1 Gambaran Umum Sistem Saat Ini ............................................... 40 3.1.2.2 Gambaran Sistem yang Dibangun ............................................... 41 3.1.3

Fase Kebutuhan Pengguna (Requirement Analysis Phase) ............ 42

3.1.3.1 Analisis Kebutuhan Pengguna ..................................................... 42 3.1.3.2 Use Case Diagram ...................................................................... 44


xv

3.1.3.2.1 Use Case Diagram ................................................................. 44 3.1.3.2.2 Narasi Use Case Diagram ...................................................... 45 3.1.3.3 Data Flow Diagram (Processing Modelling) ............................. 64 3.1.3.3.1 Diagram Konteks (Logical Design Phase)............................. 64 3.1.3.3.2 Diagram Berjenjang ............................................................... 65 3.1.3.3.3 Overview Diagram ................................................................. 66 3.1.3.3.4 Data Flow Diagram Level 2 Proses 1 Subsistem Admin ...... 67 3.1.3.3.5 Data Flow Diagram Level 2 Proses 2 Subsistem Siswa ....... 67 3.1.3.3.6 Data Flow Diagram Level 3 Proses 1 Siswa ......................... 68 3.1.3.3.7 Data Flow Diagram Level 3 Proses 2 Materi........................ 68 3.1.3.3.8 Data Flow Diagram Level 3 Proses 3 Latihan ....................... 69 3.1.3.3.9 Data Flow Diagram Level 3 Proses 4 Nilai ........................... 69 3.1.3.3.10 Data Flow Diagram Level 3 Proses 5 Latihan (NonAdmin/ Siswa) ........... ......................................................................................... 70 3.2

PERANCANGAN SISTEM................................................................... 71

3.2.3

Desain Basis Data ........................................................................... 71

3.2.3.1 ER Diagram (Data Modelling) .................................................... 71 3.2.3.2 Relational Model ......................................................................... 72 3.2.3.3 Physical Design and Integration Phase ...................................... 72 3.2.3.3.1 Admin .................................................................................... 72 3.2.3.3.2 Tabel User .............................................................................. 73 3.2.3.3.3 Tabel materi ........................................................................... 73 3.2.3.3.4 Tabel Soal .............................................................................. 73 3.2.3.3.5 Tabel nilai .............................................................................. 74 3.2.4

Desain Antarmuka........................................................................... 75

3.2.4.1 Halaman Utama Sistem ............................................................... 75 3.2.4.2 Halaman Materi Sistem ............................................................... 76 3.2.4.3 Halaman Latihan ......................................................................... 76 3.2.4.4 Halaman Login Guru dan Siswa ................................................. 77 3.2.4.5 Halaman Utama Guru dan Siswa ................................................ 77 3.2.4.6 Halaman Data Siswa ................................................................... 78


xvi

3.2.4.7 Halaman Menu Materi ................................................................. 78 3.2.4.8 Halaman Menu Latihan ............................................................... 79 BAB IV ................................................................................................................. 80 IMPLEMENTASI SISTEM .................................................................................. 80 4.1

Spesifikasi Perangkat Keras dan Perangkat Lunak ................................ 80

4.2

Implementasi Basis Data (Contruction and Testing Phase) ................... 80

4.3

Implementasi Sistem .............................................................................. 82

4.3.1

Halaman Utama Sistem ................................................................... 82

4.3.2

Halaman Materi Pada Sistem .......................................................... 83

4.3.3

Halaman Glosarium Pada Sistem .................................................... 84

4.3.4

Halaman Latihan Pada Sistem ........................................................ 85

4.3.5

Halaman Login Web ....................................................................... 87

4.3.6

Halaman Utama Web ...................................................................... 88

4.3.7

Halaman Tambah Siswa .................................................................. 89

4.3.8

Halaman Tambah Soal Evaluasi ..................................................... 90

4.3.9

Halaman Nilai Siswa ....................................................................... 92

BAB V................................................................................................................... 93 ANALISA HASIL ................................................................................................ 93 5.1

Analisis Hasil Implementasi Program .................................................... 93

5.1.1 5.2

Kelebihan Sistem ............................................................................ 93

Analisis Hasil Uji Coba Sistem Terhadap Pengguna ............................. 94

5.2.1

Hasil Uji Coba Sistem Terhadap Siswa .......................................... 94

BAB VI ............................................................................................................... 106 PENUTUP ........................................................................................................... 106 6.1

Kesimpulan ........................................................................................... 106

6.2

Saran ..................................................................................................... 107

DAFTAR PUSTAKA ........................................................................................... xx LAMPIRAN ........................................................................................................ 108 LAMPIRAN 1 ..................................................................................................... 109 LAMPIRAN 2 ..................................................................................................... 113


DAFTAR TABEL Tabel 3. 1 Tabel Kebutuhan Pengguna ................................................................. 43 Tabel 3. 2 Narasi Use Case Login ........................................................................ 46 Tabel 3. 3 Narasi Use Case Tambah Data Siswa .................................................. 47 Tabel 3. 4 Narasi Use Case Ubah Data Siswa ...................................................... 49 Tabel 3. 5 Narasi Use Case Hapus Data Siswa ..................................................... 51 Tabel 3. 6 Narasi Use Case Lihat Data Siswa ...................................................... 52 Tabel 3. 7 Narasi Use Case Tambah Latihan ........................................................ 54 Tabel 3. 8 Narasi Use Case Lihat Latihan ............................................................ 55 Tabel 3. 9 Narasi Use Case Ubah Latihan ............................................................ 57 Tabel 3. 10 Narasi Use Case Mengerjakan Latihan .............................................. 59 Tabel 3. 11 Narasi Use Case Hapus Latihan......................................................... 61 Tabel 3. 12 Narasi Use Case Lihat Materi ............................................................ 62 Tabel 3. 13 Narasi Use Case Lihat Nilai............................................................... 63 Tabel 3. 14 Tabel Admin ...................................................................................... 73 Tabel 3. 15 Tabel User .......................................................................................... 73 Tabel 3. 16 Tabel Materi ....................................................................................... 73 Tabel 3. 17 Tabel Soal Latihan ............................................................................. 74 Tabel 3. 18 Tabel Nilai.......................................................................................... 75 Tabel 5. 1 Hasil Perhitungan Kuesioner untuk Pertanyaan No.1 ………………96 Tabel 5. 2 Hasil Perhitungan Kuesioner untuk Pertanyaan No.2 .......................... 97 Tabel 5. 3 Hasil Perhitungan Kuesioner untuk Pertanyaan No.3 .......................... 98 Tabel 5. 4 Hasil Perhitungan Kuesioner untuk Pertanyaan No.4 .......................... 99 Tabel 5. 5 Hasil Perhitungan Kuesioner untuk Pertanyaan No.5 ........................ 100 Tabel 5. 6 Hasil Perhitungan Kuesioner untuk Pertanyaan No.6 ........................ 101 Tabel 5. 7 Hasil Perhitungan Kuesioner untuk Pertanyaan No.7 ........................ 102 Tabel 5. 8 Hasil Perhitungan Kuesioner untuk Pertanyaan No.8 ........................ 103 Tabel 5. 9 Hasil Perhitungan Kuesioner untuk Pertanyaan No.9 ........................ 104

xvii


DAFTAR GAMBAR Gambar 2. 1 Contoh Gambar Sistem Multimedia................................................. 15 Gambar 3. 1 Use Case …………………………………………………………...44 Gambar 3. 2 Diagram Konteks.............................................................................. 64 Gambar 3. 3 Diagram Berjenjang ......................................................................... 65 Gambar 3. 4 Overview Diagram ........................................................................... 66 Gambar 3. 5 DFD Level 2 Proses 1 ...................................................................... 67 Gambar 3. 6 DFD Level 2 Proses 2 ...................................................................... 67 Gambar 3. 7 DFD Level 3 Proses 1 ...................................................................... 68 Gambar 3. 8 DFD Level 3 Proses 2 ...................................................................... 68 Gambar 3. 9 DFD Level 3 Proses 3 ...................................................................... 69 Gambar 3. 10 DFD Level 3 Proses 4 .................................................................... 69 Gambar 3. 11 DFD Level 3 Proses 5 .................................................................... 70 Gambar 3. 12 Gambar ER Diagram ...................................................................... 71 Gambar 3. 13 Relational Model ............................................................................ 72 Gambar 3. 14 Interface halaman utama sistem ..................................................... 75 Gambar 3. 15 Interface halaman materi pada sistem ............................................ 76 Gambar 3. 16 Interface halaman latihan pada sistem ........................................... 76 Gambar 3. 17 Interface halaman login guru ......................................................... 77 Gambar 3. 18 Interface halaman utama guru dan siswa ....................................... 77 Gambar 3. 19 Interface data siswa ........................................................................ 78 Gambar 3. 20 Interface data materi....................................................................... 78 Gambar 3. 21 Interface data latihan ...................................................................... 79 Gambar 4. 1 Gambar halaman utama aplikasi ……..……………………………83 Gambar 4. 2 Gambar halaman materi ................................................................... 83 Gambar 4. 3 Gambar halaman glosarium ............................................................. 84 Gambar 4. 4 Gambar halaman latihan................................................................... 86 Gambar 4. 5 Gambar halaman login ..................................................................... 87 Gambar 4. 6 Halaman Utama web ........................................................................ 89 Gambar 4. 7 Gambar halaman tambah siswa ........................................................ 90 xviii


xix

Gambar 4. 8 Gambar halaman tambah soal evaluasi ............................................ 91 Gambar 4. 9 Gambar halaman nilai siswa ............................................................ 92 Gambar 5. 1 Grafik Persepsi Siswa terhadap Materi Organ Tubuh Manusia …..96 Gambar 5. 2 Grafik Persepsi Responden Tingkat Kesulitan Mempelajari Organ Tubuh Manusia ..................................................................................................... 97 Gambar 5. 3 Grafik Pengalaman Siswa Dalam Mempelajari Organ Tubuh Manusia ................................................................................................................. 98 Gambar 5. 4 Grafik Persepsi Responden Terhadap Tampilan Aplikasi ............... 99 Gambar 5. 5 Grafik Persepsi Responden Terhadap Tingkat Kesulitan Pengoperasian Aplikasi ....................................................................................... 100 Gambar 5. 6 Grafik Tingkat Pemahaman Siswa Terhadap Materi Dalam Program ............................................................................................................................. 101 Gambar 5. 7 Grafik Tingkat Kesukaan Responden Terhadap Aplikasi Pembelajaran Organ Tubuh Manusia .................................................................. 102 Gambar 5. 8 Grafik Tingkat Pemahaman Belajar Bersama Guru dan Belajar Menggunakan Aplikasi ....................................................................................... 104 Gambar 5. 9 Grafik Tingkat Kesukaan Belajar Bersama Guru dan Belajar Menggunakan Aplikasi ....................................................................................... 105


BAB I PENDAHULUAN 1.1

Latar Belakang Masalah Masa SMP (Sekolah Menengah Pertama) merupakan masa dimana siswa

mulai mempelajari lebih banyak apa yang ada dalam kehidupan ini. Mempelajari alam, manusia, hewan dan berbagai ilmu pengetahuan. Hal ini didapatkan sejak bangku sekolah dasar dan ketika di bangku sekolah menengah pertama, siswa mulai mempelajarinya dengan lebih detail. Dalam mempelajari suatu ilmu pengetahuan yang baru, tidak semua siswa mampu menangkap ilmu yang diberikan dengan mudah. Selain bergantung pada kemampuan tiap individu dalam menerima pelajaran yang diberikan, kemampuan pengajar pun menjadi faktor yang penting dalam proses belajar mengajar. Tidak semua pengajar mampu memberikan informasi tentang ilmu yang diberikan dengan baik. Strategi pembelajaran yang inovatif dan menyenangkan, akan menjadikan peserta didik merasa nyaman saat mengikuti pelajaran di sekolah. Strategi pembelajaran dengan cara-cara lama yang lebih mengandalkan keterampilan menyimak dan mencatat, terbukti membosankan. Guru yang aktif, kreatif, inovatif, dan bisa menciptakan situasi belajar yang berbeda, ternyata lebih mampu membantu siswa dalam upaya menguasai pelajaran dan mempelajari sesuatu.

1


2

Pengenalan organ tubuh manusia merupakan salah satu ilmu pengetahuan yang penting untuk diberikan pada siswa sekolah menengah pertama. Organ tubuh manusia yang berada di dalam tubuh manusia tidak dapat di lihat secara langsung, Hal ini menjadi kendala bagi siswa untuk membayangkan organ yang sedang dipelajari. Walaupun dalam buku referensi terdapat gambar yang menjelaskan tentang organ tersebut tetapi siswa belum mampu memahami secara optimal. Dari

latar

belakang

tersebut

diatas,

penulis

tertarik

membantu

mengembangkan suatu media pembelajaran untuk mempermudah siswa sekolah menengah pertama dalam memahami organ tubuh manusia, dengan mempelajari organ tubuh manusia berbasis teknologi multimedia dimana ditampilkan macammacam organ tubuh manusia yang berhubungan dengan materi pelajaran Biologi SMP kelas VIII tentang Sistem Gerak Tubuh, Sistem Pencernaan, Sistem Pernapasan dan Sistem Peredaran Darah yang akan membantu siswa dalam memahami ilmu tersebut dengan mudah, serta membentuk keahlian siswa dalam bidang teknologi sehingga mengantisipasi timbulnya kesenjangan keahlian sebagai akibat kemajuan teknologi khususnya teknologi informasi dan komunikasi.

1.2

Rumusan Masalah Dari latar belakang masalah, maka rumusan masalah yang akan

diselesaikan adalah sebagai berikut :


3

a. Bagaimana membangun Sistem Pembelajaran Organ Tubuh Manusia yang menarik dan memudahkan siswa sekolah menengah pertama dalam mempelajari organ tubuh manusia? b. Apakah Pembelajaran Organ Tubuh Manusia ini mudah digunakan dan dapat membuat siswa tertarik untuk belajar?

1.3

Tujuan dan Manfaat Tujuan yang ingin dicapai adalah membangun sistem pembelajaran organ

tubuh manusia yang sesuai dengan materi yang diajarkan di sekolah, untuk siswa kelas VIII SMP dengan memanfaatkan teknologi multimedia. Aplikasi pembelajaran organ tubuh manusia tersebut akan mempermudah siswa dalam memahami materi organ tubuh manusia. Adapun manfaat yang diharapkan dengan adanya sistem ini adalah membantu

siswa dalam mempelajari organ tubuh manusia, yang secara

visualisasi sulit dilihat. Manfaat lain dengan tampilan sistem yang menarik diharapkan siswa tidak mudah bosan dalam belajar.

1.4

Batasan Masalah Agar permasalahan tidak terlalu meluas, maka diperlukan adanya batasan

masalah. Batasan masalah tersebut adalah sebagai berikut:


4

a. Materi dibatasi pada pembelajaran organ tubuh manusia yang sesuai dengan materi pelajaran kelas VIII SMP yaitu tentang Sistem Gerak Tubuh, Sistem Pencernaan, Sistem Pernapasan dan Sistem Peredaran Darah. b. Pembelajaran organ tubuh untuk siswa kelas VIII SMP ini merupakan sistem pembelajaran berbasis multimedia yang dibuat

dengan

dihubungkan

ke

menggunakan sebuah

Adobe

aplikasi

Flash

web

CS3

dengan

yang bahasa

perograman PHP, serta pengelolaan nilai siswa dengan menggunakan MySQL.

1.5

Metodologi Penelitian Metodologi Penelitian yang digunakan dalam penelitian ini adalah sebagai berikut : a. Survei awal Penulis melakukan observasi ke SMP Kanisius Muntilan. Pada tahap ini penulis mengumpulkan informasi – informasi mengenai materi pelajaran Biologi khususnya mengenai pembelajaran organ tubuh manusia untuk kelas VIII SMP, dan mengamati proses belajar mengajar di sekolah tersebut. b. Studi pustaka


5

Pada tahap ini penulis melakukan pencarian sumber – sumber tertulis yang berhubungan dengan materi pembelajaran organ tubuh manusia yang sesuai untuk siswa kelas VIII SMP dan literatur terkait penggunaan komputer guna peningkatan sistem pembelajaran. c. Tahap Pengembangan Multimedia Menggunakan metodologi pengembangan multimedia yang terdiri dari 6 tahapan sebagai berikut (Luther 1994 dalam Sutopo 2003): 

Concept Pada tahap ini dilakukan penentuan tujuan dari aplikasi ini yaitu adalah membuat sistem pembelajaran organ tubuh manusia untuk siswa SMP, dan pengguna aplikasi adalah siswa kelas VIII SMP Kanisius Muntilan.



Design Tahap ini membuat spesifikasi mengenai arsitektur program yang akan dibuat, gaya, tampilan dan kebutuhan material /bahan untuk program.



Material Collecting Dilakukan pengumpulan bahan yang sesuai dengan kebutuhan.



Assembly


6

Tahap dimana semua objek atau bahan multimedia dibuat. Coding pembuatan aplikasi didasarkan pada tahap design menggunakan Adobe Flash CS3. 

Testing Dilakukan

setelah

tahap

assembly

selesai,

dengan

menjalankan aplikasi dan dilihat apakah ada kesalahan atau tidak. 

Distribution Tahap

penyimpanan

aplikasi

dalam

sebuah

media

penyimpanan. d. Pengembangan sistem pembelajaran organ tubuh manusia berbasis web menggunakan metode FAST (Framework for The Application of System Thinking) (Whitten,2004) dengan tahaptahap sebagai berikut: 

Tahap Scope Definition Tahap ini dilakukan untuk menentukan seberapa besar ruang lingkup yang dikerjakan sistem. Pada tahap ini dilakukan proses pengumpulan data materi dan informasi yang terkait dengan proses belajar mengajar pada materi pembelajaran organ tubuh manusia meliputi data siswa, data materi, dan data soal latihan. Hal ini dilakukan dengan


7

cara wawancara dengan guru SMP mata pelajaran Biologi dan beberapa siswa kelas VIII di SMP Kanisius Muntilan. 

Tahap Problem Analysis Pada tahap ini dilakukan analisa kebutuhan yang ditemui siswa dan guru terkait aplikasi pembelajaran organ tubuh manusia berbasis web.



Tahap Requirements Analysis Pada tahap ini dilakukan identifikasi data, proses dan antarmuka yang diinginkan oleh pengguna.



Tahap Logical Design Tahap ini menggambarkan Logical Data Model, Logical Process Model dan Interface Model. Proses yang dilakukan adalah membuat Data Flow Diagram (DFD), Class Diagram Data Modeling (ER Diagram) dan rancangan Graphical User Interface (GUI)



Tahap Decision Analysis Pada tahap ini dilakukan pertimbangan perangkat lunak yang dipakai untuk mengatasi masalah yang sudah diidentifikasi pada tahap sebelumnya.



Tahap Physical Design dan Intergration


8

Dilakukan implementasi terhadap rancangan Graphical User Interface (GUI) dan database yang merupakan hasil pada tahap sebelumnya. 

Tahap Contruction dan Testing Pada tahap ini dilakukan implementasi sistem berdasarkan hasil desain yang disesuaikan dengan analisis kebutuhan pengguna dan perancangan sistem pembelajaran. Pada tahap ini juga dilakukan uji coba terhadap pengguna sistem.

e. Uji coba pembelajaran organ tubuh manusia berbasis multimedia ini dilakukan terhadap siswa kelas VIII SMP untuk mengetahui apakah sistem yang dibuat dapat membantu siswa dalam mempelajari organ tubuh manusia dan untuk mengetahui apakah sistem mudah digunakan serta menarik bagi siswa.

1.6

Sistematika Penulisan Adapun sistematika yang digunakan dalam penulisan ini adalah sebagai

berikut: 1. Bab I : Pendahuluan Bab ini membahas tentang latar belakang masalah, rumusan masalah, batasan masalah, tujuan dan manfaat penelitian, metodologi penelitian serta sistematika penulisan.


9

2. Bab II : Landasan Teori Bab ini membahas teori dan teknik dasar mengenai pembuatan aplikasi pembelajaran organ tubuh manusia, yaitu dengan memberi gambaran umum mengenai aplikasi multimedia, tahap pengembangan multimedia, HTML, MySQL, PHP, Adobe Flash CS3, pengertian CAI, dan materi organ tubuh manusia. 3. Bab III : Analisa dan Perancangan Sistem Bab ini berisi penjelasan gambaran umum sistem, analisa kebutuhan pemodelan proses, pemodelan data, perancangan database dan perancangan antarmuka (interface) dari Sistem Pembelajaran Organ Tubuh Manusia untuk Kelas VIII SMP yang akan diimplementasikan. Analisa sistem dilakukan dengan membuat use case diagram untuk menentukan kebutuhan sistem. Perancangan sistem dilakukan dengan membuat diagram konteks, diagram berjenjang dan DFD. Sedangkan fase desain fisikal dilakukan dengan membuat ER diagram untuk rancangan database. 4. Bab IV : Implementasi Sistem Bab ini berisi implementasi aplikasi dalam suatu program aplikasi pembelajaran, meliputi antarmuka, proses input – output, dan alur kerja program.


10

5. Bab V : Analisa Hasil Bab ini berisi penjelasa hasil akhir dari aplikasi ini serta pembahasannya tentang Aplikasi Pembelajaran Organ Tubuh Manusia untuk siswa Kelas VIII yang telah dibuat tersebut. Bab ini juga berisi hasil pengujian aplikasi secara Alpha test maupun Betha test dari Sistem Pembelajaran Organ Tubuh Manusia untuk siswa Kelas VIII yang menjawab pertanyaan dalam perumusan masalah dan evaluasi dari aplikasi tersebut. 6. Bab VI : Penutup Bab ini berisi kesimpulan dari analisa, perancangan dan implementasi aplikasi yang telah dibangun, serta saran-saran untuk peningkatan dan pengembangan aplikasi pada masa yang akan datang.


BAB II LANDASAN TEORI

2.1

Aplikasi Multimedia Berbicara multimedia adalah identik dengan pembelajaran dengan

komputer, mandiri dan interaktif. Pembelajaran berbasis Teknologi Multimedia (TM), dimaksudkan adalah model atau produk desain pembelajaran yang secara sengaja didesain dan dikembangkan dengan teknologi multimedia sebagai basis guna memfasilitasi dan memudahkan belajar. Salah satu alternative pembelajaran berbasis komputer di dunia pendidikan adalah dengan program bantu atau Computer Assisted Intruction. Adanya program bantu diharapkan dapat memberikan kemudahan dalam memahami organ tubuh manusia, salah satunya dengan dibuatnya visualisasi materi organ tubuh manusia dengan memanfaatkan konsep teknologi multimedia. Konsep TM bukan sekadar penggunaan media secara majemuk untuk pencapaian kompetensi tertentu, namun mencakup pengertian perlunya integrasi berbagai jenis media yang digunakan dalam suatu penyajian yang tersusun secara baik (sistemik dan sistematik). Masing-masing media dalam teknologi multimedia ini dirancang untuk saling melengkapi sehingga secara keseluruhan media yang digunakan menjadi lebih besar peranannya dari pada sekedar penjumlahan dari masing-masing media. Dengan demikian teknologi multimedia yang dimaksud dalam tulisan ini tidak semata-mata penggunaan berbagai media secara 11


12

bersamaan, namun mensyaratkan atau identik dengan teknologi multimedia yang berbasis komputer, interaktif dan pembelajaran mandiri. Dengan TM yang berbasis komputer juga terkandung sifat interaktif antara siswa dengan media secara individual. Maka konsep teknologi multimedia selalu identik dengan media pembelajaran yang berbasis komputer, interaktif dan mandiri. Dengan melihat sejumlah karakteristiknya, maka teknologi multimedia memiliki sejumlah manfaat di antaranya: 1. mengatasi kelemahan pada pembelajaran kelompok maupun individual 2. membantu menjadikan gambar atau contoh yang sulit didapatkan di lingkungan sekolah menjadi lebih nyata 3. memungkinkan pengulangan sampai berkali-kali tanpa rasa malu bagi yang berbuat salah 4. mendukung pembelajaran individual 5. ebih mengenal dan terbiasa dengan komputer 6. merupakan media pembelajaran yang efektif 7. menciptakan pembelajaran yang “enjoyment” atau “joyful learning”. Bentuk-bentuk

teknologi

multimedia

yang banyak digunakan

di

kelas/sekolah adalah kombinasi multimedia dalam bentuk satu perangkat yang disatukan.

Satu

perangkat

multimedia

adalah

gabungan

bahan-bahan

pembelajaran yang meliputi lebih dari satu jenis media dan disusun atau digabungkan berdasarkan atas satu topik tertentu. Perangkat ini dapat mencakup


13

slide, film, suara, gambar diam, grafik, peta, buku, chart, dan lain-lain menjadi satu model. Misalnya: CD pembelajaran atau CD interaktif. Sejumlah karakteristik yang menonjol dari TM (Burke, dalam Pramono, 1996) di antaranya adalah: 1. small steps 2. active responding 3. immediate feedback. Sementara Elida dan Nugroho (2003:111) yang mengutip Roblyer dan

Hanafin

mengidentifikasi

adanya

12

karakteristik

teknologi

multimedia yaitu: 1. dirancang berdasarkan kompetensi/tujuan pembelajaran 2. dirancang sesuai dengan karakteristik siswa 3. memaksimalkan interaksi 4. bersifat individual 5. memadukan berbagai jenis media 6. mendekati siswa secara positif 7. menyiapkan bermacam-macam umpan balik 8. cocok dengan lingkungan pembelajaran 9. menilai penampilan secara patut 10. menggunakan sumber-sumber komputer secara maksimal 11. dirancang berdasarkan prinsip desain pembelajaran 12. seluruh program sudah dievaluasi.


14

Dengan melihat sejumlah karakteristiknya, maka teknologi multimedia memiliki sejumlah manfaat di antaranya: 1. mengatasi kelemahan pada pembelajaran kelompok maupun individual 2. membantu menjadikan gambar atau contoh yang sulit didapatkan di lingkungan sekolah menjadi lebih konkrit 3. memungkinkan pengulangan sampai berkali-kali tanpa rasa malu bagi yang berbuat salah 4. mendukung pembelajaran individual 5. lebih mengenal dan terbiasa dengan komputer 6. merupakan media pembelajaran yang efektif 7. menciptakan pembelajaran yang “enjoyment” atau “joyful learning”.

2.1.1 Teknologi Multimedia Secara ringkas, Vaughan (2004) mengatakan bahwa teknologi multimedia merupakan perpaduan dari teknologi komputer baik perangkat keras maupun perangkat lunak dengan teknologi elektronik lainnya untuk menyampaikan suatu informasi yang interaktif. Perkembangan serta pemanfaatan teknologi multimedia banyak digunakan hampir di seluruh aspek kegiatan.


15

Contoh media penyampai informasi adalah teks, gambar foto, video, musik, animasi (gambar bergerak), ataupun internet. Teknologi multimedia dapat menggabungkan beberapa media penyampai informasi, misalnya menggabungkan gambar dengan suara, atau dengan data lainnya dalam satu media. Penggabungan ini menghasilkan sebuah sistem multimedia sehingga penyampaian informasi lebih menarik dan interaktif daripada menggunakan satu media saja. Hal ini dapat digambarkan sebagai berikut:

Gambar 2. 1 Contoh Gambar Sistem Multimedia

2.1.2 Komponen Multimedia Komponen multimedia terdiri dari ( Vaughan, 2004): a. Teks Merupakan elemen dasar dalam berbagai jenis dan bentuk tulisan yang berupaya memberikan daya tarik dan


16

penyampaian maksud serta memberi penekanan bagi suatu isi yang ingin ditekankan. b. Grafik Merupakan

elemen

paling

penting

yang

memberi

penekanan secara visual terhadap suatu maksud yang ingin disampaikan. Membantu menyampaikan sesuatu dengan lebih berkesan dan lebih menarik. c. Animasi Berperan menceritakan maksud dari isi tertentu yang dapat membantu dalam menjelaskan sebuah konsep yang kompleks kepada user menjadi lebih mudah. d. Audio Membantu menyampaikan maksud dengan lebih berkesan dan meningkatkan daya tarik serta dapat memberi tekanan pada suatu isi. e. Video Menyediakan kaidah penyaluran maksud yang amat menarik dan hidup. Merupakan elemen atau media yang paling dinamik serta efektif dalam menyampaikan suatu maksud dan sumber berita yang berkesan.


2.2

17

Tahap Pengembangan Multimedia Metodologi pengembangan multimedia terdiri dari 6 tahapan sebagai

berikut (Luther,1994) dalam (Sutopo, 2003):

Gambar 2. 2 Tahap Pengembangan Multimedia a. Concept Tahap concept (pengonsepan) adalah tahap untuk menetukan tujuan dan siapa pengguna program (identifikasi audiens). Tujuan dan pengguna akhir program berpengaruh pada nuansa multimedia sebagai pencerminan dari identitas organisasi yang menginginkan

informasi

sampai

pada

pengguna

akhir.

Karakteristik pengguna termasuk kemampuan pengguna juga perlu dipertimbangkan karena dapat memengaruhi pembuatan desain. Selain itu, tahap ini juga akan menentukan jenis aplikasi (presentasi,interaktif,dan

lain-lain).

Dasar

aturan

untuk

perancangan juga ditentukan pada tahap ini, misalnya ukuran aplikasi, target, dan lain-lain. Output dari tahap ini biasanya


18

berupa dokumen yang bersifat naratif untuk mengungkapkan tujuan projek yang ingin dicapai. b. Design Design (perancangan) adalah tahap pembuatan spesifikasi mengenai arsitektur program, gaya, tampilan, dan kebutuhan material/bahan untuk program. Spesifikasi dibuat serinci mungkin sehingga pada tahap berikutnya, yaitu material collecting dan assembly, pengambilan keputusan baru tidak diperlukan lagi, cukup menggunakan keputusan yang sudah ditentukan

pada

tahap

ini.

Meskipun

demikian,

pada

praktiknya, pengerjaan proyek pada tahap awal masih akan sering mengalami penambahan bahan atau pengurangan bagian aplikasi, atau perubahan-perubahan lain. Tahap

ini

biasanya

menggunakan

storyboard

untuk

menggambarkan deskripsi tiap scene, dengan mencantumkan semua objek multimedia dan tautan ke scene lain dan bagian alir (flowchart) untuk menggambarkan aliran dari satu scene ke scene lain. Pembuatan storyboard dapat menggunakan cara pembuatan storyboard film/animasi, atau dapat menggunakan cara pembuatan

storyboard

menggunakan teks saja. c. Material Collecting

di

multimedia.

yang

hanya


19

Material Collecting adalah tahap pengumpulan bahan yang sesuai

dengan

kebutuhan

yang

dikerjakan.Bahan-bahan

tersebut, antara lain gambar clip art, foto, animasi, video, audio, dan lain-lain yang dapat diperoleh secara gratis atau dengan

pemesanan

kepada

pihak

lain

sesuai

dengan

rancangannya. Tahap ini dapat dikerjakan secara paralel dengan tahap assembly. Namun, pada beberapa kasus, tahap material collecting dan tahap assembly akan dikerjakan secara linear dan tidak paralel. d. Assembly Tahap assembly adalah tahap pembuatan semua obyek atau bahan multimedia. Pembuatan aplikasi didasarkan pada tahap design, seperti storyboard, bagan alir, dan/atau struktur navigasi. Tahap ini biasanya menggunakan perangkat lunak authoring, seperti Macromedia Director. e. Testing Tahap Testing (pengujian) dilakukan setelah menyelesaikan tahap

pembuatan

(assembly)

dengan

menjalankan

aplikasi/program dan melihatnya apakah ada kesalahan atau tidak. Tahap pertama pada tahap ini disebut tahap pengujian alpha (alpha test) yang pengujiannya dilakukan oleh pembuat atau lingkungan pembuatnya sendiri. Setelah lolos dari


20

pengujian alpha, pengujian beta yang melibatkan pengguna akhir akan dilakukan. f. Distribution Pada tahap ini, aplikasi akan disimpan dalam suatu media penyimpanan. Jika media penyimpanan tidak cukup untuk menampung aplikasinya, kompresi terhadap aplikasi tersebut akan dilakukan. Tahap

ini

juga

dapat

disebut

tahap

evaluasi

untuk

pengembangan produk yang sudah jadi supaya menjadi lebih baik. Hasil evaluasi ini dapat digunakan sebagai masukan untuk tahap concept pada produk selanjutnya.

2.3

Metodologi Pengembangan Sistem FAST (Framework for the Application of Systems Technique) Metodologi FAST (Framework for the Application of Systems Technique) merupakan kerangka yang fleksibel untuk menyediakan tipe-tipe berbeda proyek dan strategi (Whitten, 2004) metode ini merupakansuatu proses standar atau metodologi yang digunakan untuk mengembangkan dan memelihara seluruh bagian sistem

informasi.

Langkah-langkah

metodologi FAST adalah sebagai berikut: a. Scope Definition Phase

pengembangan

sistem


21

Pada tahap ini dilakukan pengumpulan informasi yang akan diteliti tingkat feasibility, dan ruang lingkup proyek yaitu dengan

menggunakan

kerangka

PIECES

(Performance,

Information, Economics, Control, Efficiency, Service). Hal ini dilakukan untuk menemukan inti dari masalah-masalah yang ada (problems), kesempatan untuk meningkatan kinerja organisasi (opportunity), dan kebutuhan-kebutuhan baru yang dibebankan

oleh

pihak

manajemen

atau

pemerintah

(directives). b. Problem Analysis Phase Pada tahap ini diteliti masalah-masalah yang muncul pada sistem yang ada sebelumnya. Dalam hal ini project charter yang dihasilkan dari tahapan preliminary investigation adalah kunci utamanya. Hasil dari tahapan ini adalah peningkatan performa sistem yang akan memberikan keuntungan dari segi bisnis perusahaan. Hasil lain dari tahapan ini adalah sebuah laporan yang menerangkan tentang problems, causes, effects, dan solution benefits. c. Requirement Analysis Phase Pada tahap ini dilakukan pengurutan prioritas dari kebutuhankebutuhan bisnis yang ada. Tujuan dari tahapan ini adalah mengidentifikasi data, proses dan antarmuka yang diinginkan pengguna sistem yang baru. Alat bantu untuk memahami


22

kebutuhan bisnis yang ada adalah dengan pemodelan Use Case dan Logical Design Phase. d. Logical Design Phase Tujuan tahapan ini adalah mentransformasikan kebutuhankebutuhan bisnis dari fase requirements analysis ke model yang dibangun. Dengan kata lain fase ini akan menjawab pertanyaan-pertanyaan seputar penggunaan teknologi (data, proses

dan

interface)

realibility,completeness,

yang

menjamin

performance,

dan

usability,

quality

yang

dibangun di dalam sistem. e. Decision Analysis Phase Pada tahap ini dipertimbangkan beberapa kandidat dari perangkat lunak dan keras yang nantinya akan dipilih dan dipakai dalam implementasi sistem sebagai solusi atas problem dan requirements yang sudah didefinisikan pada tahapantahapan sebelumnya. f. Physical Design an Integration Phase Tujuan dari tahapan ini adalah mentransformasikan kebutuhan bisnis yang dipresentasikan sebagai logical design menjadi physical design yang nantinya dijadikan sebagai acuan dalam membuat sistem yang dikembangkan. Jika di dalam logical design tergantung kepada berbagai solusi teknis, maka physical design mempresentasikan solusi teknis yang lebih spesifik.


23

g. Contruction and Testing Phase Setelah membuat physical design, maka tahap ini dimulai untuk mengkontruksi dan melakukan tahap uji coba terhadap sistem yang memenuhi kebutuhan-kebutuhan bisnis dan spesifikasi desain. Basis data, program aplikasi dan antarmuka mulai dibangun pada tahap ini. Setelah dilakukan uji coba terhadap keseluruhan sistem desain. h. Instalation and Delivery Phase Kegiatan yang dilakukan pada fase ini adalah instalasi sistem, training user, manual sistem, mengkonversi file dan database yang ada ke dalam database

yang baru, final testing dan

menyiapkan prosedur konversi. Setelah sistem dioperasikan, perlu support system yang berkesinambungan untuk sisa siklus hidupnya yang berguna dan produktif. Dukungan sistem terdiri dari aktivitas-aktivitas berkesinambungan yaitu Membantu para pengguna, memperbaiki cacat (bug) software, mengembalikan keadaan semula sistem, mengadaptasi sistem pada persyaratan baru.

2.4

HTML HTML (Hypertext Markup Language) merupakan salah satu

format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di


24

halaman web. HTML berfungsi untuk memformat file dokumen teks biasa untuk bisa ditampilkan pada web browser dengan bantuan tanda –tanda yang sudah ditentukan. Hal tersebut bisa dilakukan dengan menambahkan elemen yang sering disebut sebagai tag. Tag ini ditulis secara berpasangan dan setiap tag ditandai dengan symbol “<” dan “/>” contohnya dan . Dalam penulisan tag HTML tidaklah case sensitive, artinya penulisan tag dalam huruf kecil ataupun huruf capital tidak menjadi masalah. Setiap dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut: berisi teks yang akan muncul pada title browser Berisi tentang teks, gambar atau apapun yang ingin ditampilkan pada halaman web ada pada bagian ini.


25

Setiap dokumen HTML harus diberi tag di bagian awal dokumen dan ditutup dengan tag di akhir dokumen supaya dokumen tersebut dapat dikenali oleh web browser yang digunakan oleh user. Tag merupakan header dari halaman HTML dan tidak ditampilkan pada window browser. Bagian ini berisi tag-tag header seperti … yang berfungsi untuk mengeluarkan judul pada title bar window web browser dan tag lain misalnya <meta>. Bagian yang diapit oleh tag … merupakan bagian yang berisi semua jenis informasi yang berupa teks dengan bermacam format maupun gambar. Bagian ini akan ditampilkan pada window web browser.

2.5

MySQL MySQL adalah sebuah program database server yang mampu menerima

dan mengirimkan datanya dengan sangat cepat, multi user serta menggunakan perintah standar SQL (Structure Query Language) (Nugraha, 2004). MySQL bersifat open source memungkinkan pengguna untuk keperluan pribadi atau usaha tanpa harus membeli atau membayar lisensinya. MySQL memiliki kelebihan yaitu: a. MySQL dapat menjadi database server yang berarti pengguna dapat menghubungkan ke media internet sehingga dapat diakses dari jauh.


26

b. MySQL merupakan sebuah database client yang dapat melakukan query yang dapat mengakses database pada server. c. MySQL merupakan sebuah database yang mampu menyimpan data berkapasitas sangat besar. d. MySQL menggunakan suatu bahasa permintaan standar bernama SQL (Structured Query Language) yaitu sebuah bahasa yang distandarkan pada beberapa database server seperti Oracle, PostGreSQL, dll. MySQL dapat digunakan bersama PHP karena PHP menyediakan fasilitas koneksi untuk hamper semua DBMS. Ketika user mengakses web server yang mendukung PHP dan database MySQL melalui web browser, server akan menerima dan membaca permintaan dari browser. Lalu server akan mengeksekusi perintah dalam kode PHP. Kemudian PHP akan mengirim query yang akan dieksekusi oleh database MySQL melalui API (Application Programming Interface) dan akan dikompilasi hasilnya. Web server akan mengirimkan hasilnya ke browser user. Beberapa query yang dipakai oleh PHP untuk mengakses database MySQL adalah sebagai berikut: 1. Koneksi ke database dilakukan dengan query mysql_connect(), mysql_pconnect(), dan mysql_select_db(). 2. Membuat database dilakukan dengan query mysql_create_db() 3. Pemutusan koneksi dilakukan dengan menggunakan fungsi mysql_close().


2.6

27

PHP PHP adalah bahasa server-side scripting yang menyatu dengan HTML

untuk membuat halaman web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya dijalankan di server

tetapi disertakan pada dokumen HTML. Ketika seorang pengguna

internet akan membuka suatu situs yang menggunakan fasilitas server-side scripting PHP, maka terlebih dahulu server yng bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tadi. Pemrograman PHP sudah menjadi bahasa pemrograman umum berbasis we di dunia. Kelebihan PHP dibandingkan dengan pemrograman server-side yang lain adalah: a. Mampu mendukung berbagai macam database. b. PHP bersifat open source sehingga siapa saja bisa memakai bahasa pemrograman ini tanpa harus membayar. c. Pesan kesalahan akan ditampilkan pada browser sehingga mempercepat siklus debugging. d. PHP dapat digunakan di hamper semua web server yang ada pada berbagai sistem operasi. e. PHP selalu update mengikuti perkembangan teknologi internet. PHP juga memiliki kelemahan yaitu: a. Tidak detail untuk pengembangan skala besar. b. Tidak memiliki sistem pengembangan berorintasi objek yang sesungguhnya.


c. PHP

memiliki

kelemahan

keamanan

tertentu

28

apabila

programmer tidak jeli dalam melakukan pemrograman dan kurang memperhatikan isi konfigurasi PHP. Case sensitive hanya berlaku pada penulisan variable. Beberapa cara penulisan PHP:

1. < ? Script PHP ?> 2. < ? PHP Script PHP ?> 3. <SCRIPT LANGUAGE =”php”>

Script PHP

2.7

ADOBE FLASH CS3 Profesional Adobe Flash CS3 Professional, merupakan software yang dirancang untuk

membuat animasi berbasis vektor dengan hasil yang mempunyai ukuran yang kecil. Awalnya software ini memang diarahkan untuk membuat animasi atau aplikasi berbasis internet (online). Tetapi pada perkembangannya banyak digunakan untuk membuat animasi atau aplikasi yang bukan berbasis internet


29

(offline). Dengan Actionscript 3.0 yang dibawanya, Adobe Flash CS3 Professional dapat digunakan untuk mengembangkan game atau bahan ajar seperti kuis atau simulasi. Penggunaan Adobe Flash CS3 Professional untuk animasi atau pembuatan bahan ajar interaktif tidaklah sulit, tool-tool yang tersedia cukup mudah digunakan, beberapa template dan component juga sudah disediakan dan siap digunakan.

2.7.1

Fitur-fitur Adobe Flash CS3 Profesional Berikut ini beberapa fitur yang dapat digunakan pada Adobe Flash CS3: 1. Object-Based

Animation:

Kemudahan

untuk

mengontrol setiap animasi berdasarkan objek sehingga tween tidak hanya bisa diterapkan ke keyframes, namun juga bisa langsung ke objek. Selain itu, fitur ini dapat dengan mudah mengatur motion dengan fasilitas Bazier handles. 2. 3D Tranformation: Menganimasikan objek 2D melalui ruang 3D dengan fitur 3D Translation dan Rotation Tool. Selain itu, fitur ini juga dapat memudahkan untuk menganimasikan objek melalui sumbu x, y dan z. 3D Transformation ini dapat diterapkan, baik local maupun global ke setiap objek.


30

3. Inverse Kinematics: memungkinkan secara cepat dalam membuat sebuah animasi yang terdiri dari beberapa objek (lebih dari 1), untuk membuat efek pergerakan berantai (chain-like effect) 4. Metadata

(XMP)

menambahkan

Support:

metadata

ke

dukungan file

SWF

untuk dengan

menggunakan XMP Panel. 5. Motion Presets: Preset/Template animasi yang bisa diterapkan langsung ke setiap objek, yang berguna untuk mempercepat pembuatan animasi. Preset bisa dibuat/kustomasi dan bisa di share ke pengguna lain untuk mempersingkat pembuatan animasi. 6. Authoring for Adobe AIR: dukungan yang lebih terintegrasi untuk mem-publish ke platform AIR. 7. Pixel Bander: memudahkan untuk pemakaian filter dan effect dengan menggunakan Adobe Pixel Bender Toolkit. 8. Konversi animasi ke ActionScript: dapat dengan mudah melakukan konversi animasi di timeline ke ActionScript 3.0 sehingga bisa diedit/dipakai ulang (secara mudah) antar developer. 9. Library: terdapat fitur pencarian di library dan lain sebagainya.


2.8

31

CAI (Computer-Assisted Instruction) Istilah CAI (Computer – Assisted Instruction) umumnya menunjuk pada semua software pendidikan yang diakses melalui komputer dimana siswa dapat berinteraksi dengannya. Sistem komputer menyajikan serangkaian program pengajaran kepada siswa baik berupa informasi maupun latihan soal-soal untuk mencapai tujuan pengajaran tertentu dan siswa melakukan aktivitas belajar dengan cara berinteraksi dengan komputer. Materi pelajaran dapat disajikan program CAI melalui berbagai metode seperti: drill and practice, tutorial, simulasi, permainan, problem – solving, dan lain sebagainya (Heinich, et al, 1993). Dalam metode tutorial, komputer berperan layaknya sebagai seorang guru. Siswa berpartisipasi secara aktiv dalam proses belajarnya dengan berinteraksi melalui komputer. Materi pelajaran dalam satu sub-topik disajikan lebih dulu kemudian soal latihan.

2.8.1

Kelebihan dan Kekurangan Program CAI Dalam dua puluh lima tahun terakhir ini perkembangan pembelajaran berbantu komputer (CAI) terutama di negara maju sangatlah pesat. CAI sebagai media pembelajaran mempunyai beberapa kelebihan yang potensial. Keuntungan – keuntungan tersebut antara lain proses belajar mandiri, pembelajaran mandiri yang terarah, latihan dari berbagai macam indera dan kemampuan untuk menggambarkan isi yang ada dalam berbagai macam media


yang dipakai.

Menurut

bright,

32

bila dibandingkan dengan

pendekatan pengajaran tradisional CAI akan sangat efektif dan efisien. Anak didik akan belajar lebih cepat, menguasai materi pelajaran lebih banyak dan mengingat lebih banyak dari apa yang sudah dipelajari. Pada proses pembelajaran berbantu komputer ini, kecepatan proses penyerapan materi pembelajaran yang diberikan tergantung pada pelajar itu sendiri. Jika pelajar ingin mengulangi beberapa tugas dan mengulang melihat kembali beberapa materi lagi, mereka dapat melakukannya pada saat apapun yang mereka kehendaki. Program ini akan merasa kelelahan atau melakukan protes mengenai pengulangan materi tersebut. Pelajar dapat melompati topik yang sudah mereka ketahui, membuat proses pembelajaran menjadi lebih efisien. Keuntungan kedua dari penggunaan metode pembelajaran ini adalah pelajar dapat memutuskan apa yang ingin mereka pelajari dan untuk tujuan apa mereka mempelajari topik tersebut. Berbagai penelitian (Entwistle, 1981; Schmeck, 1988; Ford dan Chen, 2001) menunjukkan bahwa keefektifan proses belajar akan meningkat ketika pelajar belajar dengan sebuah metode yang mereka sukai. Keuntungan lain yang diperoleh dari pembelajaran berbantu komputer ini adalah memotivasi pelajar untuk mengikuti proses


33

belajar karena menyediakan lingkungan yang kondusif yang dapat meningkatkan antusiasme pelajar. Komputer mungkin dapat membantu pelajar yang segan dan takut melakukan kesalahan ketika berada di dalam kelas. Komputer dapat berfungsi sebagai referensi online pada proses belajar bahasa (kamus online) dan dapat

memenuhi

kemampuan

pelajar

yang

berbeda-beda.

Keuntungan lain adalah kemampuan komputer dalam menyediakan umpan balik yang cepat atau mungkin umpan balik langsung. Akan tetapi, CAI memiliki beberapa kekurangan. Program yang dapat diakses mandiri dapat mengakibatkan pelajar merasa kewalahan dengan informasi dan sumber daya yang tersedia. Pelajar juga membuang-buang waktu ketika harus memilih menu atau melakukna navigasi program. Kadang-kadang apa yng secara teoritis diajarkan tidak bisa diimplementasikan dalam praktek karena masalah kurangnya pengetahuan ataupun ketidakmampuan teknologi.

Bahkan

Richard

Clark

mengkritik

program

pembelajaran berbantu komputer bisa efektif tetapi apabila menempatkan materi pelajaran ke dalam komputer secara asal tidak akan meningkatkan keefektifan pengajaran. Kelemahan lain dari penerapan CAI adalah membutuhkan biaya tambahan untuk pengadaan komputer. Supaya CAI dapat digunakan secara maksimal maka pihak siswa harus mempunyai perangkat komputer yang memadai untuk program CAI yang ada.


34

Selain itu, program CAI hanya dapat merespon terhadap masukan spesifik yang telah didefinisikan dalam program oleh pembuatnya.

2.9

Pembelajaran Organ Tubuh Manusia 2.9.1

Sistem Gerak Pada Manusia Sistem gerak pada manusia terdiri atas tulang sebagai alat gerak

pasif dan otot sebagai alat gerak aktif karena otot dapat berkontraksi dan berelaksasi. Fungsi rangka antara lain memberi bentuk tubuh, menegakkan tubuh, melindungi tubuh, melindungi organ penting, sebagai tempat melekatnya otot, menegakkan tubuh, dan sebagai tempat pembuatan selsel darah (di dalam sum-sum tulang). 2.9.1.1 Tulang Berdasarkan zat penyusunnya, tulang dibedakan menjadi dua macam, yaitu tulang rawan (kartilago) dan tulang keras. Tulang rawan bersifat lentur karena ruang antarselnya hanya sedikit mengandung zat kapur, contohnya tulang cuping hidung dan daun telinga. Tulang keras adalah tulang yang berasal dari tulang rawan yang mengalami proses penulangan (osifikasi), ruang antarselnya mengandung zat kapur, protein, dan kalogen. Tulang keras atau tulang (osteon) mengandung banyak zat kapur dan sedikit zat perekat sehingga bersifat keras dan tidak lentur. Berdasarkan sifat bahan penyusunnya (matriks), ada dua


35

macam tulang yaitu tulang kompak dan tulang spons. Berdasarkan bentuknya, tulang dibedakan menjadi : a. Tulang pipa, berisi sumsum kuning (tempat pembuatan sel-sel lemak). b. Tulang pipih, berisi sum-sum merah (tempat pembuatan sel-sel darah merah dan putih) c. Tulang pendek, berisi sum-sum merah.

2.9.1.2 Otot Berdasarkan struktur dan cara kerjanya, otot dibedakan menjadi tiga macam: a. Otot polos : bekerja tak sadar, memiliki satu inti di tengah, terdapat pada organ dalam tubuh. b. Otot lurik : berbentuk silindris, memiliki bagian gelap dan terang, bekerja secara sadar, bagian ujung yang melekat pada tulang disebut tendon. Tendon yang melekat pada tulang yang bergerak disebut insersio sedangkan pada tulang yang tidak bergerak disebut origo. c. Otot jantung: berbentuk seperti otot lurik tetapi bercabang-cabang, memiliki satu inti di tengah, bekerja secara tak sadar.


2.9.2

36

Sistem Pencernaan Manusia Merupakan proses perubahan atau pemecahan zat makanan dari molekul kompleks menjadi molekul yang lebih sederhana dengan menggunakan enzyme dan organ-ogran pencernaan. Zat makanan yang dicerna akan diserap dalam bentuk yang lebih sederhana. Proses pencernaan makanan yang terjadi dalam tubuh dibantu dengan enzyme untuk mempercepat proses. Enzyme ini dihasilkan oleh organ–organ pencernaan dan jenisnya tergantung dari bahan makanan yang akan dicerna oleh tubuh. 2.9.3.1 Saluran Pencernaan Saluran pencernaan merupakan pipa memanjang dari mulut hingga lubang pelepasan (anus), pada saluran itulah proses pencernaan berlangsung 2.9.3.2 Kelenjar Pencernaan Kelenjar pencernaan merupakan salah satu organ tubuh yang menghasilkan getah dan berfungsi dalam proses pencernaan secara kimiawi.

2.9.3

Sistem Pernapasan Manusia Bernapas

adalah

proses

menghirup

oksigen

dan

menghembuskan karbon dioksida. Oksigen digunakan untuk


37

pembakaran zat makanan di dalam sel untuk menghasilkan energi. Prosesnya disebut oksidasi biologi atau respirasi. Saluran pernapasan manusia adalah sebagai berikut: a. Hidung b. Pangkal tenggorokan (laring) c. Batang tenggorokan (trakea) d. Cabang batang tenggorokan (bronkus) e. Paru-paru (pulmo) 2.9.4.1 Alat Pernapasan Alat pernapasan merupakan organ tubuh yang digunakan untuk mengambil oksigen dari udara dan meneruskan ke dalam sel tubuh, serta mengeluarkan CO2 dari sel dan mengembalikan ke udara bebas. 2.9.4.2 Mekanisme Pernapasan Proses keluar dan masuk udara pernapasan ke paruparu yang di sebabkan perubahan tekanan udara diluar dan di dalam paru-paru disebabkan oleh perubahan volume akibat kembang kempisnya paru-paru.

2.9.4

Sistem Peredaran Darah Darah merupakan cairan tubuh bewarna merah yang mengalir di pembuluh darah manusia. Darah terdiri dari plasma darah dan sel-sel darah. Volume darah manusia sekitar 8% dari


38

berat tubuhnya (4,5-5liter). Darah dapat menjaga kestabilan suhu tubuh. Darah tersusun atas bagian yang cair (plasma darah) dan bagian yang padat (sel darah). 2.9.4.1 Alat Peredaran Darah Alat peredaran darah terdiri dari jantung dan pembuluh darah. Jantung terletak di rongga dada agak di sebelah kiri, besarnya sekitar sekepalan tangan. Jantung berfungsi sebagai pemompa darah ke seluruh tubuh. Pembuluh darah dibedakan menjadi pembuluh nadi (arteri), pembuluh balik (vena), dan pembuluh kapiler. Arteri membawa darah keluar dari jantung sedangkan vena membawa darah menuju jantung. 2.9.4.2 Macam Peredaran Darah Darah mengalir melewati jantung sebanyak dua kali, sehingga disebut peredaran darah ganda atau rangkap. Peredaran darah dibagi menjadi dua yaitu: a. Peredaran Darah Besar Yang dimaksud peredaran darah besar adalah peredaran darah dari jantung ke seluruh tubuh dan kemudian kembali ke jantung. b. Peredaran Darah Kecil


39

Peredaran darah kecil adalah peredaran darah dari jantung menuju paru-paru dan kembali ke jantung 2.9.4.3 Kelainan dan Gangguan Darah Kelainan atau gangguan pada darah manusia dapat disebabkan factor keturunan, kerusakan atau sebab lainnya. Berikut adalah beberapa contoh kelainan dan gangguan darah: a. Hemofilia Hemophilia yaitu penyakit keturunan dimana darah yang keluar dari pembuluh darah tidak dapat membeku. Sehingga luka sekecil apapun darah

akan

terus

mengalir

dan

dapat

menimbulkan kematian. b. Anemia Anemia yaitu penyakit kekurangan darah. Penyebabnya

dapat

karena

kekurangan

hemoglobin, zat besi (Fe), atau kekurangan eritrosit. c. Leukimia Leukemia atau kanker darah, disebabkan oleh penambahan sel darah putih atau leukosit secara tidak terkendali.


BAB III ANALISA DAN PERANCANGAN SISTEM 3.1

ANALISA SISTEM 3.1.1

Fase Definisi Ruang Lingkup (Scope Definition Phase) Pembelajaran organ tubuh manusia merupakan salah satu materi pelajaran Biologi yang wajib diajarkan di beberapa SMP. Selama ini pengajaran dilakukan dengan cara

guru mengajar

didepan kelas dan siswa memperhatikan. Adapun proses belajar mengajar yang selama ini terjadi adalah: a. Guru membagikan materi kepada siswa untuk dipelajari dan dihapalkan. b. Siswa harus menghapalkan semua materi yang telah diberikan oleh guru. 3.1.2

Fase Analisis Masalah (Problem Analysis Phase)

3.1.2.1

Gambaran Umum Sistem Saat Ini Saat ini proses pembelajaran yang dilakukan oleh guru dan siswa masih dilakukan secara manual. Guru mengajar didepan kelas dan siswa harus memperhatikan dan menghapalkan materi yang diberikan. Faktor utama pembuatan Sistem Pembelajaran Organ Tubuh Manusia

40


41

untuk kelas VIII SMP ini adalah siswa kesulitan untuk menghapalkan organ-organ didalam tubuh karena siswa tidak dapat membayangkan secara langsung bentuk-bentuk dan fungsi dari organ tubuh tersebut. 3.1.2.2

Gambaran Sistem yang Dibangun Sistem

yang

dikembangkan

adalah

Sistem

Pembelajaran Organ Tubuh Manusia untuk siswa Kelas VIII SMP. Konsep aplikasi ini adalah berperan sebagai guru atau pengajar dengan memberikan gambaran dari materi pelajaran tentang Sistem Gerak Tubuh, Sistem Pencernaan, Sistem Pernapasan dan Sistem Peredaran Darah yang

membantu siswa dalam memahami ilmu

tersebut dengan mudah serta membentuk keahlian siswa dalam bidang teknologi sehingga mengantisipasi timbulnya kesenjangan keahlian sebagai akibat kemajuan teknologi khususnya teknologi informasi dan komunikasi. Selain itu siswa akan diberikan beberapa soal latihan sesuai dengan materi yang dipelajari guna mengetahui seberapa jauh siswa tersebut dapat memahami materi yang sudah dipelajari. Metode CAI yang dianggap tepat dipakai untuk Pembelajaran Organ Tubuh Manusia berbasis Multimedia


42

ini adalah metode tutorial karena menyediakan informasi visualisasi organ tubuh, dan fitur audio. Kemudian, guru dapat menguji seberapa jauh siswa memahami materi yang sudah dipelajari dengan soal-soal latihan yang mempunyai umpan balik penilaian. Setelah menggunakan Pembelajaran Organ Tubuh Manusia berbasis Multimedia ini diharapkan siswa dapat dengan mudah mempelajari organ tubuh manusia. Perangkat keras yang digunakan untuk membuat sistem ini adalah komputer dengan sistem operasi Windows7. Perangkat lunak yang digunakan yaitu program illustrator

Adobe

Flash

CS3,

JSP

sebagai

bahasa

pemrograman, MySQL sebagai DBMS dan Mozilla Firefox sebagai web browser. 3.1.3

Fase Kebutuhan Pengguna (Requirement Analysis Phase)

3.1.3.1

Analisis Kebutuhan Pengguna Sistem Pembelajaran Organ Tubuh Manusia untuk Siswa Kelas VIII SMP berbasis Multimedia ini dapat diakses oleh 2aktor pengguna yaitu guru dan siswa. Pada table ini akan dipaparkan deskripsi kebutuhan untuk tiap pengguna.


Aktor

Wewenang 1. Melakukan

Admin/Guru

43

proses

Login

dan

Logout 2. Memasukkan data siswa kelas VIII 3. Melihat data siswa 4. Melihat materi 5. Menambah soal latihan 6. Melihat nilai siswa 1. Melakukan

Siswa

proses

Login

dan

Logout 2. Mellihat isi menu materi 3. Melihat dan mengerjakan soal-soal latihan 4. Melihat nilai Tabel 3. 1 Tabel Kebutuhan Pengguna


3.1.3.2

44

Use Case Diagram 3.1.3.2.1

Use Case Diagram

<<depends on>>

<<depends on>> <<depends on>> Login

<<depends on>>

Tambah data siswa Data Materi Ubah data siswa

Tambah Materi

Hapus data siswa

Lihat Materi

Lihat data siswa

Ubah Materi

Guru

Hapus Materi

Olah Nilai

Lihat Nilai

Data Soal

Tambah Latihan

Lihat Latihan

Logout

Siswa

Ubah Latihan

Mengerjakan latihan

Hapus Latihan

Gambar 3. 1 Use Case

<<depends on>>

Data Siswa


3.1.3.2.2

45

Narasi Use Case Diagram

Nama use case

: Login

Aktor

: Guru dan siswa

Aksi Aktor

Reaksi Sistem 1. Sistem menampilkan form login yang

berupa

text

field

untuk

memasukkan user name, password dan akses serta tombol “Submit” 2. Guru

dan

siswa

memasukkan

username, password dan memilih akses sebagai admin atau siswa serta mengklik tombol “Submit” 3. Eksekusi validasi username dan password dengan yang tersimpan di database 4. Jika tidak sesuai, tampil notifikasi Login Gagal dan kembali ke reaksi 1 5. Jika username dan password sesuai


maka

tampil

46

notifikasi

Login

halaman

utama

Berhasil 6. Menampilkan program Tabel 3. 2 Narasi Use Case Login

Nama use case

: Tambah data Siswa

Aktor

: Guru

Aksi Aktor

Reaksi Sistem 1. Sistem menampilkan form login yang berupa text field untuk memasukkan password

dan

user akses

name, serta

tombol “Submit” 2. Guru

dan

siswa

memasukkan

username, password dan memilih akses sebagai admin atau siswa serta mengklik tombol “Submit” 3. Eksekusi validasi username dan


password

dengan

47

yang

tersimpan di database 4. Guru memilih menu Data Siswa untuk memasukkan data siswa yang baru. 5. Sistem akan menampilkan form untuk menambah data siswa baru. Pada halaman ini terdapat textfield untuk memasukkan NIS, nama lengkap, username, password dan menamppilkan pilihan tahun ajaran dan kelas. 6. Guru

mengisi

menambahkan

data

form

untuk

siswa

baru 7. Cek validasi, jika tidak sesuai, akan

kemudian

mengklik

tombol muncul

notifikasi

data

gagal

“Simpan”. disimpan, dan akan kembali ke aksi 6. 8. Jika data yang diinputkan sesuai, sistem akan menyimpan data siswa yang baru. Tabel 3. 3 Narasi Use Case Tambah Data Siswa


Nama use case

: Ubah data Siswa

Aktor

: Guru

Aksi Aktor

48


user

dan

akses

name, serta


dan

siswa

memasukkan

username, password dan memilih akses sebagai admin atau siswa serta mengklik tombol “Submit” 3. Eksekusi validasi username dan password

dengan

yang

tersimpan di database 4. Guru memilih menu Data Siswa untuk menampilkan daftar siswa yang ada. 5. Sistem akan menampilkan daftar


49

siswa 6. Guru memilih mengklik tombol edit siswa untuk mengubah data siswa 7. Sistem akan menampilkan form untuk menambah data siswa baru. Pada halaman ini terdapat textfield untuk mengubah nama lengkap, username,

password

dan

menamppilkan pilihan tahun ajaran dan kelas. 8. Guru melakukan perubahan data pada siswa kemudian mengklik 9. Cek validasi, jika tidak sesuai, akan tombol “Submit”. muncul

notifikasi

data

gagal

disimpan, dan akan kembali ke reaksi 7. 10. Jika data yang diinputkan sesuai, sistem akan mereset data siswa dan menampilkan data siswa baru . Tabel 3. 4 Narasi Use Case Ubah Data Siswa


Nama use case

: Hapus data Siswa

Aktor

: Guru

Aksi Aktor

50


user

dan

akses

name, serta


dan

siswa

memasukkan


dengan

yang

tersimpan di database 4. Guru memilih menu Data Siswa untuk menampilkan daftar siswa yang ada. 5. Sistem akan menampilkan daftar


51

siswa 6. Guru mengklik tombol delete pada data siswa yang ingin dihapus. 7. Sistem akan menampilkan pesan konfirmasi “Apakah anda yakin akan menghapus data siswa ini ?” 8. Guru mengklik tombol “Cancel”

9. Sistem tidak menghapus data siswa dan kembali ke aksi 6 dan 7. 10. Guru mengklik tombol “OK” 11. Sistem akan menghapus data siswa yang dipilih.

Tabel 3. 5 Narasi Use Case Hapus Data Siswa

Nama use case

: Lihat data Siswa

Aktor

: Guru dan Siswa


Aksi Aktor

52


user

dan

akses

name, serta


dan

siswa

memasukkan


dengan

yang

tersimpan di database 4. Guru memilih menu Data Siswa untuk menampilkan daftar siswa yang ada. 5. Sistem akan menampilkan daftar siswa

Tabel 3. 6 Narasi Use Case Lihat Data Siswa


Nama use case

: Tambah Latihan

Aktor

: Guru

Aksi Aktor

53


user

dan

akses

name, serta


dan

siswa

memasukkan


dengan

yang

tersimpan di database 4. Guru memilih menu Latihan untuk memasukkan data latihan yang baru. 5. Sistem akan menampilkan form


54

untuk menambah data latihan baru. Pada halaman ini terdapat textfield untuk

memasukkan

id

soal,

pertanyaan, pilhan a, pilihan b, pilihan

c,

pilihan

menamppilkan

pilihan

d

dan

jawaban,

publish dan type. 6. Guru

mengisi

form

untuk

menambahkan data latihan baru 7. Cek validasi, jika tidak sesuai, akan kemudian

mengklik

tombol muncul

notifikasi

data

gagal

“Submit”. disimpan, dan akan kembali ke aksi 6. 8. Jika data yang diinputkan sesuai, sistem

akan

menyimpan

latihan yang baru.

Tabel 3. 7 Narasi Use Case Tambah Latihan Nama use case

: Lihat Latihan

Aktor

: Guru dan Siswa

Aksi Aktor

Reaksi Sistem

data


55

1. Sistem menampilkan form login yang berupa text field untuk memasukkan password

user

dan

akses

name, serta


dan

siswa

memasukkan


dengan

yang

tersimpan di database 4. Guru memilih menu Latihan. 5. Sistem akan menampilkan soalsoal latihan untuk siswa.

Tabel 3. 8 Narasi Use Case Lihat Latihan Nama use case

: Ubah Latihan

Aktor

: Guru


Aksi Aktor

56


user

dan

akses

name, serta


dan

siswa

memasukkan


dengan

yang

tersimpan di database 4. Guru memilih menu Latihan. 5. Sistem akan menampilkan soalsoal latihan untuk siswa. 6. Guru memilih mengklik tombol edit latihan untuk mengubah data latihan 7. Sistem akan menampilkan form


57

untuk menambah data latihan baru. Pada halaman ini terdapat textfield untuk

mengubah

pertanyaan,

pilhan a, pilihan b, pilihan c, pilihan

d

dan

menamppilkan

pilihan jawaban, publish dan type. 8. Guru melakukan perubahan data pada latihan kemudian mengklik 9. Cek validasi, jika tidak sesuai, akan tombol “Submit”. muncul

notifikasi

data

gagal

disimpan, dan akan kembali ke reaksi 7. 10. Jika data yang diinputkan sesuai, sistem akan mereset data latihan dan menampilkan data latihan baru .

Tabel 3. 9 Narasi Use Case Ubah Latihan Nama use case

: Mengerjakan Latihan

Aktor

: Siswa

Aksi Aktor

Reaksi Sistem


58

1. Sistem menampilkan form login yang berupa text field untuk memasukkan password

user

dan

name,

akses

serta


dan

siswa

memasukkan


dengan

yang

tersimpan di database 4. Siswa memilih menu latihan 5. Sistem

menampilkan

soal-soal

yang harus dikerjakan oleh siswa 6. Siswa memilih jawaban dari pilihan yang telah disediakan. 7. Siswa mengklik tombol “submit”


8. Sistem jumlah

akan soal

59

mengakumulasi yang

dikerjakan

dengan jawaban yang benar. 9. Sistem akan menampilkan total nilai yang diperoleh oleh siswa.

Tabel 3. 10 Narasi Use Case Mengerjakan Latihan

Nama use case

: Hapus data Latihan

Aktor

: Guru

Aksi Aktor


dan


dan

siswa

memasukkan

username, password dan memilih akses sebagai admin atau siswa serta mengklik tombol “Submit”

user akses

name, serta


60

3. Eksekusi validasi username dan password

dengan

yang

tersimpan di database 4. Guru memilih menu Latihan untuk menampilkan daftar latihan yang ada. 5. Sistem akan menampilkan daftar latihan 6. Guru mengklik tombol delete pada data latihan yang ingin dihapus. 7. Sistem akan menampilkan pesan konfirmasi “Apakah anda yakin akan menghapus pertanyaan ini ?” 8. Guru mengklik tombol “Cancel”

9. Sistem

tidak

menghapus

data

latihan dan kembali ke aksi 6 dan 7.


61

10. Guru mengklik tombol “OK” 11. Sistem

akan

menghapus

data

latihan yang dipilih.

Tabel 3. 11 Narasi Use Case Hapus Latihan

Nama use case

: Lihat Data Materi

Aktor

: Guru dan siswa

Aksi Aktor


user

dan

akses

name, serta


dan

siswa

memasukkan


dengan

yang


62

tersimpan di database 4. Menampilkan

halaman

utama

pengguna 5. Pengguna memilih menu Materi 6. Sistem akan menampilkan materi pembelajaran

Tabel 3. 12 Narasi Use Case Lihat Materi

Nama use case

: Lihat Nilai

Aktor

: Guru dan Siswa

Aksi Aktor


dan


dan

siswa

memasukkan

username, password dan memilih

user akses

name, serta


63

akses sebagai admin atau siswa serta mengklik tombol “Submit” 3. Eksekusi validasi username dan password

dengan

yang

tersimpan di database 4. Guru dan siswa memilih menu Nilai untuk melihat data nilai 5. Sistem akan menampilkan nilai yang telah siswa peroleh.

Tabel 3. 13 Narasi Use Case Lihat Nilai


3.1.3.3 Data Flow Diagram (Processing Modelling) 3.1.3.3.1

Data siswa

Diagram Konteks (Logical Design Phase)

List Latihan

0

List siswa Guru/ Admin

Data Materi List Materi

Jawaban Latihan

Sistem Pembelajaran Organ Tubuh Manusia Untuk Kelas VIII SMP

Data Latihan List Latihan Data nilai List data nilai

Gambar 3. 2 Diagram Konteks

List data nilai Cari nilai

Siswa

64


3.1.3.3.2

Diagram Berjenjang

0 Sistem Pembelajaran Organ Tubuh Manusia Untuk Kelas VIII SMP

2 Subsistem Siswa

1 Subsistem Admin

1.1 Siswa

1.2 Materi 1.1.1 Tambah siswa

1.3 Latihan 1.2.1 Lihat Materi

2.1 Latihan

1.4 Nilai 1.3.1 Tambah Soal Latihan

1.1.2 Lihat Siswa

1.3.2 Lihat Soal Latihan

1.1.3 Ubah data siswa

1.3.3 Ubah Soal Latihan

1.1.4 Hapus data siswa

1.3.4 Hapus Soal Latihan

1.4.1 Lihat Nilai

Gambar 3. 3 Diagram Berjenjang

2.1.1 Lihat Soal Latihan 2.1.2 Mengerjakan Soal Latihan

65


3.1.3.3.3

Overview Diagram

Input data siswa

Admin

1.1 Siswa

List data siswa

List data materi

1.2 Materi

Input data latihan

List data latihan

1.3 Latihan

Input data siswa

Siswa Data siswa yang diminta

List data materi

Materi

Input data latihan

Latihan Data latihan yang diminta

List data latihan

List data nilai

1.4 Nilai

Nilai List data nilai

Siswa

Gambar 3. 4 Overview Diagram

66


3.1.3.3.4

67

Data Flow Diagram Level 2 Proses 1 Subsistem Admin

Input data siswa

1.1 Siswa

Admin List data siswa

1.2 Materi

List data materi

Input data latihan

1.3 Latihan

List data latihan

1.4 Nilai

List data nilai

Input data siswa

Siswa Data siswa yang diminta

List data materi

Materi

Input data latihan

Latihan Data latihan yang diminta


Gambar 3. 5 DFD Level 2 Proses 1 3.1.3.3.5

Data Flow Diagram Level 2 Proses 2 Subsistem Siswa

Input jawaban latihan

Siswa

List soal latihan

Input jawaban latihan

2.1 Latihan

Latihan Soal latihan

Gambar 3. 6 DFD Level 2 Proses 2


3.1.3.3.6

Data Flow Diagram Level 3 Proses 1 Siswa

Nis, nama_lengkap, tahun_ajaran, kelas, username, password

1.1.1 Tambah Siswa

Report siswa baru berhasil ditambah

Admin

1.1.2 Lihat Siswa

List data siswa

Kata kunci pencarian siswa dan siswa yang akan diubah

Data siswa yg diminta dan report data siswa behasil diubah

Request list siswa dan pilihan siswa yang akan dihapus

Nis, nama_lengkap, tahun_ajaran, kelas, username, password Report siswa baru berhasil ditambah

List data siswa

Siswa

Kata kunci pencarian siswa dan siswa yang akan diubah

1.1.3 Ubah Siswa

Data siswa yg diminta dan report data siswa behasil diubah Request list siswa dan pilihan siswa yang akan dihapus

1.1.4 Hapus Siswa

Report siswa berhasil dihapus

Report siswa berhasil dihapus

Gambar 3. 7 DFD Level 3 Proses 1 3.1.3.3.7

Data materi

Admin List data materi

Data Flow Diagram Level 3 Proses 2 Materi

1.2.1 Lihat Materi

Data materi

Materi List data materi


68


3.1.3.3.8

69

Data Flow Diagram Level 3 Proses 3 Latihan

Kata kunci pencarian latihan dan latihan yang akan diubah

Data latihan yg diminta dan report data latihan behasil diubah Kata kunci pencarian

Admin List data latihan

Kata kunci pencarian latihan dan latihan yang akan diubah

1.3.3 Ubah Latihan

Data latihan yg diminta dan report data latihan behasil diubah List data latihan

1.3.2 Lihat Latihan

List data latihan

Latihan

List data latihan Request list latihan dan pilihan latihan yang akan dihapus

Request list latihan dan pilihan latihan yang akan dihapus

1.3.4 Hapus Latihan Report latihan berhasil dihapus

Id_soal, pertanyaan, pilihan_a,pilihan_b, pilihan_c, pilihan_d, jawaban, publish, tipe

Report latihan berhasil dihapus

1.3.1 Tambah Latihan

Report latihan baru berhasil ditambah

Id_soal, pertanyaan, pilihan_a,pilihan_b, pilihan_c, pilihan_d, jawaban, publish, tipe Report latihan baru berhasil ditambah


3.1.3.3.9

Data Flow Diagram Level 3 Proses 4 Nilai

data nilai

Admin List data nilai

data nilai

1.4.1 Lihat Nilai




70

3.1.3.3.10 Data Flow Diagram Level 3 Proses 5 Latihan (NonAdmin/ Siswa)

Data latihan

Siswa List data latihan

Jawaban latihan

Soal latihan berhasil dijawab

2.1.1 Lihat Latihan

2.1.2 Jawab Latihan

Data latihan

Latihan List data nilai

Jawaban latihan

Soal latihan berhasil dijawab



3.2

71

PERANCANGAN SISTEM 3.2.3

Desain Basis Data 3.2.3.1 ER Diagram (Data Modelling)

Kode_materi

nama_materi

Materi

kelas tahun_ajaran username

1

nama_lengkap password nis

User (siswa)

punya

pertanyaan M id_soal nilai kerja

M

Soal

pilihan_a pilihan_b pilihan_c pilihan_d

Tanggal_pengerjaan

N jawaban publish Kode_materi

Gambar 3. 12 Gambar ER Diagram


3.2.3.2 Relational Model Materi PK

kode_materi nama_materi

Soal

User PK

PK

nis

id_soal pertanyaan pilihan_a pilihan_b pilihan_c pilihan_d jawaban publish kode_materi(FK)

nama_lengkap tahun_ajaran kelas username password nilai nis(FK id_soal(FK) benar salah kosong score tgl_pengerjaan

Gambar 3. 13 Relational Model

3.2.3.3 Physical Design and Integration Phase 3.2.3.3.1 Nama Field id_admin

Admin Tipe Int(10)

Keterangan Primary key untuk tabel admin

nama_admin

Varchar(25)

Field untuk nama admin

Username

Varchar(20)

Field untuk username

password

Varchar(20)

Field untuk password

72


Tabel 3. 14 Tabel Admin 3.2.3.3.2 Nama Field Nis

Tabel User Tipe Int(10)

Keterangan Primary key untuk tabel user

nama_lengkap

Varchar(50)

Field untuk Nama lengkap

tahun_ajaran

Varchar(10)

Field untuk tahun ajaran

Kelas

Varchar(10)

Field untuk kelas

Username

Varchar(25)

Field untuk username

password

Varchar(15)

Field untuk password

Tabel 3. 15 Tabel User

3.2.3.3.3

Tabel materi

Nama Field

Tipe

Kode_materi

Varchar(10)

Keterangan Primary key untuk tabel materi

Nama_materi

Varchar(30)

Field untuk nama materi

Tabel 3. 16 Tabel Materi

3.2.3.3.4 Nama Field

Tabel Soal Tipe

Keterangan

73


Primary key untuk tabel id_soal

Varchar(10) soal

pertanyaan

Varchar(500)

Field untuk pertanyaan

Pilihan_a

Varchar(100)

Field untuk isi pilihan a

Pilihan_b

Varchar(100)

Field untuk isi pilihan b

Pilihan_c

Varchar(100)

Field untuk isi pilihan c

Pilihan_d

Varchar(100)

Field untuk isi pilihan d

jawaban

Varchar(100)

Field untuk jawaban

Publish

enum('yes', 'no')

Field untuk publish pertanyaan Foreign key yang Kode_materi

Varchar(50)

menghubungkan dengan tabel materi

Tabel 3. 17 Tabel Soal Latihan

3.2.3.3.5 Nama Field NIS

Tabel nilai Tipe Varchar(10)

Keterangan Foreign

key

sebagai

penghubung tabel siswa id_soal

Varchar(10)

Foreign

key

penghubung latihan

sebagai

tabel

soal

74


Benar

Int(10)

Field untuk jawaban yang benar

Salah

Int(10)

Field untuk jawaban yang salah

Kosong

Int(10)

Field

untuk

jawaban

kosong Score

Int(10)

Fiels untuk score

Tgl_pengerjaan

timestamp

Field

untuk

pengerjaan Tabel 3. 18 Tabel Nilai 3.2.4

Desain Antarmuka 3.2.4.1 Halaman Utama Sistem Sistem Pembelajaran

Organ Tubuh Manusia Untuk SMP kelas 8

Sistem Gerak Manusia

Sistem Pencernaan

Sistem Pernapasan

Peredaran Darah

Home Glosarium Latihan Soal Panduan Link Web

Gambar 3. 14 Interface halaman utama sistem

tanggal

75


3.2.4.2 Halaman Materi Sistem

Sistem Pembelajaran Organ Tubuh Manusia Untuk SMP kelas 8


Sistem Pencernaan Lambung

Gambar 3. 15 Interface halaman materi pada sistem 3.2.4.3 Halaman Latihan Sistem Pembelajaran Organ Tubuh Manusia Untuk SMP kelas 8

1.

Soal nomor 1

2.

Soal nomor 2

a. b. c.


Latihan Soal

a. b. c.

Gambar 3. 16 Interface halaman latihan pada sistem

76


3.2.4.4 Halaman Login Guru dan Siswa

Gambar 3. 17 Interface halaman login guru 3.2.4.5 Halaman Utama Guru dan Siswa

Gambar 3. 18 Interface halaman utama guru dan siswa

77


3.2.4.6 Halaman Data Siswa

Gambar 3. 19 Interface data siswa 3.2.4.7 Halaman Menu Materi

Gambar 3. 20 Interface data materi

78


Pengembangan

materi

menggunakan

pengembangan CAI dapat dilihat pada lampiran 2. 3.2.4.8 Halaman Menu Latihan

Gambar 3. 21 Interface data latihan

79

metode


BAB IV IMPLEMENTASI SISTEM

4.1

Spesifikasi Perangkat Keras dan Perangkat Lunak Perangkat keras yang akan digunakan untuk membangun sistem adalah

sebagai berikut: Processor

: Intel Core Duo

Memori

: 2GB

Perangkat lunak yang digunakan untuk membangun sistem adalah sebagai berikut: Sistem Operasi

: Windows 7

Program Animasi

: Adobe Flash CS3

Bahasa pemrograman : PHP DBMS 4.2

: MySQL

Implementasi Basis Data (Contruction and Testing Phase) Pada tahap ini dilakukan pembangunan database pada Oracle sql developer untuk menunjang sistem yang dibangung. Database yang dibangun sesuai dengan perancangan yang telah dibuat pada tahap sebelumnya. Berikut query untuk membuat database Kanisius dan tabeltabel yang ada didalamnya: CREATE TABLE IF NOT EXISTS `tabel_user` ( `nis` int(10) NOT NULL, `nama_lengkap` varchar(50) NOT NULL, `tahun_ajaran` varchar(10) NOT NULL, 80


`kelas` varchar(10) NOT NULL, ùsername` varchar(25) NOT NULL, `password` varchar(15) NOT NULL, PRIMARY KEY (`nis`) ); CREATE TABLE IF NOT EXISTS àdmin` ( ìd_admin` int(10) NOT NULL auto_increment, `nama_admin` varchar(25) NOT NULL, ùsername` varchar(20) NOT NULL, `password` varchar(20) NOT NULL, PRIMARY KEY (ìd_admin`) ); CREATE TABLE `tabel_soal` ( ìd_soal` int(10) NOT NULL, `pertanyaan` varchar(500) NOT NULL, `pilihan_a` varchar(100) NOT NULL, `pilihan_b` varchar(100) NOT NULL, `pilihan_c` varchar(100) NOT NULL, `pilihan_d` varchar(100) NOT NULL, `jawaban` varchar(100) NOT NULL, `publish` enum('yes','no') NOT NULL, `kode_materi` varchar(50) NOT NULL, KEY `FK_tabel_soal_tabel_materi` (`kode_materi`), CONSTRAINT `FK_tabel_soal_tabel_materi` FOREIGN KEY (`kode_materi`) REFERENCES `tabel_materi` (`kode_materi`) ON DELETE NO ACTION ON UPDATE NO ACTION, PRIMARY KEY (ìd_soal`) ); CREATE TABLE IF NOT EXISTS `tabel_materi` ( `kode_materi` varchar(10) NOT NULL, `nama_materi` varchar(30) NOT NULL, PRIMARY KEY (`kode_materi`) ); CREATE TABLE IF NOT EXISTS `tabel_nilai` ( `nis` int(10) default null, ìd_soalìnt(10) default null, `benar` int(10) Default null, `salah` int(10) Default null, `kosongìnt(10) Default null,

81


82

`score` int(10) Default null, `tgl_pengerjaan` timestamp NOT NULL default CURRENT_TIMESTAMP on update CURRENT_TIMESTAMP, KEY `FK_tabel_nilai_tabel_user` (`nis`), KEY `FK_tabel_nilai_tabel_soal` (ìd_soal`), CONSTRAINT `FK_tabel_nilai_tabel_user` FOREIGN KEY (`nis`) REFERENCES `tabel_user` (`nis`) ON DELETE NO ACTION ON UPDATE NO ACTION, CONSTRAINT `FK_tabel_nilai_tabel_soal` FOREIGN KEY (ìd_soal`) REFERENCES `tabel_soal` (ìd_soal`) ON DELETE NO ACTION ON UPDATE NO ACTION );

4.3

Implementasi Sistem 4.3.1

Halaman Utama Sistem Halaman utama aplikasi adalah halaman yang akan muncul

ketika siswa pertama kali membuka Sistem Pembelajaran Organ Tubuh Manusia ini. Pada halaman ini terdapat menu sains biologi yang di dalamnya mencakup materi organ tubuh manusia untuk kelas 8 SMP, menu glosarium, dan evaluasi yang berisi soal – soal latihan. Pada halaman utama ini siswa dapat memilih materi yang telah disajikan, yang sesuai dengan materi pelajaran biologi khususnya materi organ tubuh yaitu sistem gerak tubuh, sistem pernapasan, sistem pencernaan dan sistem peredaran darah. Terdapat tombol keluar, untuk menutup aplikasi.


83

Gambar 4. 1 Gambar halaman utama aplikasi 4.3.2

Halaman Materi Pada Sistem Pada halaman materi ini terdapat visualisasi gambar atau video

beserta

audio,

untuk

mempermudah

siswa

dalam

mempelajari materi organ tubuh manusia. Terdapat tombol next untuk lanjut ke page selanjutnya.

Gambar 4. 2 Gambar halaman materi


84

Berikut merupakan cuplikan program untuk membalik halaman. on (release){ nextFrame(); } on (release){ prevFrame(); }

4.3.3

Halaman Glosarium Pada Sistem Pada halaman glosarium ini akan ditampilkan beberapa daftar istilah yang terdapat pada penjelasan materi organ tubuh manusia yang ada pada media pembelajaran.

Gambar 4. 3 Gambar halaman glosarium Berikut ini potongan listing program bagian memilih menu materi. on (release){


85

gotoAndPlay(115); getURL("Sistem Gerak.swf", "_level1"); getURL("", "_level6"); getURL("", "_level8"); } on (release){ gotoAndPlay(115); getURL("Sistem Pencernaan.swf", "_level2"); getURL("", "_level6"); getURL("", "_level8"); } on (release){ gotoAndPlay(115); getURL("Sistem Pernapasan.swf", "_level3"); getURL("", "_level6"); getURL("", "_level8"); } on (release){ gotoAndPlay(115); getURL("Peredaran Darah.swf", "_level4"); getURL("", "_level6"); getURL("", "_level8"); }

4.3.4

Halaman Latihan Pada Sistem Pada halaman latihan akan muncul soal berupa multiple choice. Siswa menjawab dengan mengklik pilihan jawaban. Apabila siswa sudah menjawab soal, siswa dapat mengklik tombol next untuk lanjut ke soal berikutnya. Jika sudah selesai maka siswa diminta untuk mengklik tombol koreksi dan program akan menampilkan hasil total yang diperoleh oleh siswa.


Gambar 4. 4 Gambar halaman latihan Berikut ini potongan listing program bagian latihan soal. //Frame 0 // Action tag #0 function reset(){ i = 1; for (;;){ if (i >= 11){ return; } _root["silang" + i]._x = -100; _root["silang" + i]._y = -100; _root["jawaban" + i] = false; _root["lingkaran" + i]._alpha = 0; cek = false; tulis = true; nilai = 0; benar = 0; salah = 0; ++i; } } on (release){ if (tulis){ silang2._x = tombol2b._x;

86


87

silang2._y = tombol2b._y; jawaban2 = true; } }

4.3.5

Halaman Login Web Halaman login dapat digunakan oleh guru dan siswa. Untuk melakukan login dibutuhkan username dan password. Terdapat pilihan hak akses yaitu sebagai admin atau siswa. Sistem akan melakukan pengecekan terhadap username dan password yang telah dimasukkan oleh guru. Jika username dan password yang dimasukkan sesuai dengan database, sistem akan menampilkan halaman utama untuk guru atau siswa. Jika username dan password tidak sesuai dengan database maka sistem akan menampilkan pesan “Gagal Login”.

Gambar 4. 5 Gambar halaman login


88

Berikut ini potongan listing program bagian validasi inputan username dan password ketika melakukan proses login. <script language="javascript">document.location.href="home.php"; <script language="javascript">document.location.href="index.php?status=G agal Login";
4.3.6

Halaman Utama Web Halaman

ini

adalah

halaman

utama

dari

website

Pembelajaran Organ Tubuh Manusia yang dapat dilihat oleh guru dan siswa setelah melakukan proses login.


89

Gambar 4. 6 Halaman Utama web 4.3.7

Halaman Tambah Siswa Halaman ini hanya

dapat diakses oleh guru atau

administrator. Pada halaman ini guru menginputkan data siswa yang baru. Guru harus menginputkan NIS, nama lengkap, tahun ajaran, kelas, username, dan password. Ketika guru mengklik


90

tombol submit maka sistem akan memproses inputan pada halaman data_siswa.php

Gambar 4. 7 Gambar halaman tambah siswa

Berikut merupakan query pada listing program yang berfungsi untuk menambahkan data siswa pada data_siswa.php

$query=mysql_query("insert into tabel_user values('$nis','$nama_lengkap','$tahun_ajaran','$kelas','$username', '$password')");

4.3.8

Halaman Tambah Soal Evaluasi Halaman ini hanya

dapat diakses oleh guru atau

administrator. Pada halaman ini guru dapat menginputkan data soal


91

yang baru. Guru harus menginputkan id soal, pilihan soal, pilihan jawaban a, pilihan jawaban b, pilihan jawaban c, pilihan jawaban d, jawaban, kode materi, dan guru dapat menentukan apakah soal akan di tampilkan atau tidak dengan pilihan publish . Ketika guru mengklik tombol submit maka sistem akan memproses inputan pada halaman data_soal.php

Gambar 4. 8 Gambar halaman tambah soal evaluasi Berikut merupakan query pada listing program yang berfungsi untuk menambahkan data siswa pada data_soal.php


92

$query=mysql_query("insert into tabel_soal values ('$id_soal','$pertanyaan','$pilihan_a','$pilihan_b','$pilihan_c','$pilihan_d',' $jawaban','$publish','$kode_materi')");

4.3.9

Halaman Nilai Siswa Pada halaman ini guru dapat melihat laporan nilai siswa yang telah mengerjakan evaluasi. Pada laporan ini akan ditampilkan NIS, nama lengkap siswa, kelas. Kemudian akan ditampilkan pula nilai yang didapatkan siswa pada daftar nilai evaluasi beserta tanggal pengerjaan.

Gambar 4. 9 Gambar halaman nilai siswa


BAB V ANALISA HASIL

Pada bab ini dilakukan analisis hasil implementasi Sistem Pembelajaran Organ Tubuh Manusia untuk Kelas VIII SMP Menggunakan Adobe Flash CS3, PHP dan MySQL yang telah dibuat. Sebelum dilakukan pengujian terhadap pengguna apakah program bantu ini telah sesuai dengan kebutuhan pengguna, dilakukan terlebih dahulu pengujian sistem baik tiap materi maupun keseluruhan materi dalam satu sistem.

5.1

Analisis Hasil Implementasi Program Berdasarkan hasil implementasi Sistem Pembelajaran Organ Tubuh

Manusia untuk Siswa Kelas VIII SMP Menggunakan Adobe Flash CS3, PHP dan MySQL yang telah dibangun, secara umum sistem telah berfungsi dengan baik. Adapun kelebihan dan kekurangan dari Sistem Pembelajaran ini adalah sebagai berikut : 5.1.1 Kelebihan Sistem a. Sistem

Pembelajaran

Organ

tubuh

Manusia

ini

menampilkan gambar dan video ilustrasi tentang materi organ tubuh yang tidak dapat secara langsung dilihat dan dibayangkan oleh siswa. b. Sistem Pembelajaran Organ Tubuh Manusia ini dapat membantu siswa untuk mempelajari organ tubuh secara 93


94

mandiri dan mampu mengulangi materi yang dibutuhkan tanpa pendamping guru secara langsung. c. Sistem Pembelajaran Organ Tubuh Manusia ini dapat memberikan umpan balik yaitu jumlah jawaban yang benar dan salah serta menampilkan skor nilai siswa. d. Materi yang disajikan sesuai dengan materi yang diajarkan oleh guru dikelas. e. Pada e-learning Pembelajaran Organ Tubuh Manusia Guru dapat mengolah data siswa(tambah data siswa, ubah data siswa, hapus data siswa), dan mengolah data soal evaluasi (tambah data soal, ubah data soal, hapus data soal). f. Soal evaluasi pada e-learning

akan ditampilkan untuk

siswa secara random/ acak. 5.1.2 Kekurangan Sistem a. Materi yang ada dalam media tidak bisa diupdate karena untuk dapat mengupdate maka admin harus dapat membuat animasi Adobe Flash CS3. 5.2

Analisis Hasil Uji Coba Sistem Terhadap Pengguna 5.2.1 Hasil Uji Coba Sistem Terhadap Siswa Setelah merancang Sistem Pembelajaran Organ Tubuh Manusia untuk Siswa Kelas VIII Menggunakan Adobe Flash CS3, PHP dan MySQL ini dan mengimplementasikannya, maka penulis


95

melakukan uji coba terhadap siswa. Uji coba ini dilakukan untuk mengetahui : a. Apakah Sistem Pembelajaran Organ Tubuh Manusia untuk Siswa kelas VIII ini dapat membantu siswa dalam mempelajari materi biologi organ tubuh manusia? b. Apakah Sistem Pembelajaran Organ Tubuh Manusia untuk Siswa kelas VIII ini mudah digunakan oleh siswa? c. Apakah Sistem Pembelajaran Organ Tubuh Manusia untuk Siswa kelas VIII ini cukup menarik bagi siswa?

Proses pengumpulan pendapat siswa dilakukan dengan cara siswa mencoba Sistem Pembelajaran Organ Tubuh Manusia untuk Siswa kelas VIII, kemudian siswa mengisi kuesioner. Hal – hal yang ditanyakan dalam kuesioner kepada pengguna meliputi : tampilan, tingkat kesulitan menggunakan program, dan kegunaan program dalam membantu proses pembelajaran. Form kuesioner dapat dilihat pada bagian lampiran (lihat lampiran ke-1). Kuesioner diisi oleh 39 responden yang merupakan siswa kelas 8 SMP Kanisius Muntilan, sehingga diperoleh hasil sebagai berikut: Total responden

: 39 orang siswa

Siswa kelas 8A

: 19 orang siswa

Siswa kelas 8B

: 20 orang siswa


96

1. Apakah adik, menyukai pelajaran biologi khususnya materi organ tubuh manusia? Tabel 5. 1 Hasil Perhitungan Kuesioner untuk Pertanyaan No.1 Respon

Frekuensi

Total

Tidak Suka

4

10.26%

Suka

27

69.23%

Sangat Suka

8

20.51%

80.00% 70.00% 69.23%

60.00% 50.00% 40.00% 30.00% 20.00%

20.51% 10.00% 10.26% 0.00% tidak suka

suka

sangat suka

Gambar 5. 1 Grafik Persepsi Siswa terhadap Materi Organ Tubuh Manusia Analisis : Dari hasil perhitungan di atas diketahui bahwa sebagian besar responden siswa menyukai pelajaran biologi khususnya


97

materi organ tubuh manusia. Hanya 10.26% siswa yang tidak suka materi organ tubuh manusia. 2. Menurut adik, mempelajari organ tubuh manusia itu… Tabel 5. 2 Hasil Perhitungan Kuesioner untuk Pertanyaan No.2 Respon

Frekuensi

Total

Sulit

25

64.10%

Sangat Sulit

9

23.08%

Mudah

4

10.26%

70.00% 60.00%

64.10%

50.00% 40.00% 30.00% 20.00%

23.08%

10.00% 10.26% 0.00% sulit

sangat sulit

mudah

Gambar 5. 2 Grafik Persepsi Responden Tingkat Kesulitan Mempelajari Organ Tubuh Manusia

Analisis:


98

Dari hasil perhitungan diatas diketahui bahwa sebagian besar responden siswa berpendapat bahwa mempelajari organ tubuh manusia itu sulit. Persentase responden siswa yang berpendapat bahwa mempelajari organ tubuh manusia mudah hanya 10.26%. 3. Apakah adik pernah mempelajari organ tubuh manusia menggunakan komputer? Tabel 5. 3 Hasil Perhitungan Kuesioner untuk Pertanyaan No.3 Respon

Frekuensi

Total

Pernah

0

0.00%

Belum Pernah

39

100.00%

120.00% 100.00% 100.00% 80.00% 60.00% 40.00% 20.00% 0.00% 0.00% pernah

belum pernah

Gambar 5. 3 Grafik Pengalaman Siswa Dalam Mempelajari Organ Tubuh Manusia


99

Analisa : Dari hasil perhitungan diatas dapat diketahui bahwa secara umum siswa responden belum pernah mempelajari organ tubuh manusia menggunakan komputer. 4. Menurut adik, apakah tampilan aplikasi pembelajaran organ tubuh manusia ini menarik? Tabel 5. 4 Hasil Perhitungan Kuesioner untuk Pertanyaan No.4 Respon

Frekuensi

Total

Sangat Menarik

13

33.33%

Menarik

26

66.67%

Tidak Menarik

0

0.00%

70.00% 66.67%

60.00% 50.00% 40.00% 30.00%

33.33%

20.00% 10.00% 0.00% 0.00% sangat menarik

menarik

tidak menarik

Gambar 5. 4 Grafik Persepsi Responden Terhadap Tampilan Aplikasi


100

Analisis : Dari hasil perhitungan di atas dapat diketahui bahwa 66.67% responden siswa berpendapat tampilan aplikasi yang diujicobakan menarik. 5. Menurut adik, apakah aplikasi pembelajaran organ tubuh manusia ini mudah digunakan? Tabel 5. 5 Hasil Perhitungan Kuesioner untuk Pertanyaan No.5 Respon

Frekuensi

Total

Sangat Mudah

7

17.95%

Mudah

32

82.05%

Sulit

0

0.00%

90.00% 80.00%

82.05%

70.00% 60.00% 50.00% 40.00% 30.00% 20.00% 10.00%

17.95% 0.00%

0.00% sangat mudah

mudah

sulit

Gambar 5. 5 Grafik Persepsi Responden Terhadap Tingkat Kesulitan Pengoperasian Aplikasi


101

Analisis : Dari hasil perhitungan di atas dapat diketahui bahwa persentase

siswa

yang

berpendapat

bahwa

aplikasi

pembelajaran yang diujicobakan mudah digunakan sebesar 82.05%. 6. Apakah adik dapat memahami materi-materi yang ada dalam aplikasi pembelajaran organ tubuh manusia ini? Tabel 5. 6 Hasil Perhitungan Kuesioner untuk Pertanyaan No.6 Respon

Frekuensi

Total

Sangat Suka

8

20.51%

Paham

29

79.36%

Kurang Paham

2

0.00%

90.00% 80.00% 79.36%

70.00% 60.00% 50.00% 40.00% 30.00% 20.00% 20.51% 10.00%

0.00% 0.00% Sangat Suka

Paham

Kurang Paham

Gambar 5. 6 Grafik Tingkat Pemahaman Siswa Terhadap Materi Dalam Program


102

Analisis : Dari hasil perhitungan di atas dapat diketahui bahwa mayoritas responden siswa memahami materi yang ada dalam aplikasi pembelajaran organ tubuh manusia ini. Namun masih ada sedikit siswa yang kurang paham dengan materi yang ada pada aplikasi. 7. Apakah adik menyukai aplikasi pembelajaran organ tubuh manusia ini? Tabel 5. 7 Hasil Perhitungan Kuesioner untuk Pertanyaan No.7 Respon

Frekuensi

Total

Sangat Suka

8

20.51%

Suka

31

79.36%

Tidak Suka

0

0.00%

90.00% 80.00% 79.36%

70.00% 60.00% 50.00% 40.00% 30.00% 20.00% 10.00%

20.51% 0.00%

0.00% Sangat Suka

Suka

Tidak Suka

Gambar 5. 7 Grafik Tingkat Kesukaan Responden Terhadap Aplikasi Pembelajaran Organ Tubuh Manusia


103

Analisis : Dari hasil perhitungan diatas dapat diketahui bahwa 79.49% responden siswa berpendapat menyukai aplikasi pembelajaran organ tubuh manusia ini. 8. Menurut adik lebih mudah mana mempelajari organ tubuh manusia dibantu dengan menggunakan aplikasi pembelajaran organ tubuh manusia ini atau belajar menggunakan buku dengan guru?

Tabel 5. 8 Hasil Perhitungan Kuesioner untuk Pertanyaan No.8 Respon

Frekuensi

Belajar

dibantu

menggunakan

aplikasi

Total

94.87% 37

pembelajaran ini Belajar menggunakan buku

5.13% 2

bersama guru


104

100.00% 90.00%

94.87%

80.00% 70.00% 60.00% 50.00% 40.00% 30.00% 20.00% 10.00%

5.13%

0.00% Belajar dibantu menggunakan Belajar menggunakan buku media pembelajaran bersama guru

Gambar 5. 8 Grafik Tingkat Pemahaman Belajar Bersama Guru dan Belajar Menggunakan Aplikasi Analisis: Dari hasil perhitungan diatas dapat diketahui bahwa ada responden siswa yang berpendapat lebih mudah memahami pelajaran organ tubuh manusia dengan menggunakan buku dibandingkan belajar menggunakan aplikasi pembelajaran organ tubuh ini. Namun mayoritas siswa berpendapat lebih mudah belajar menggunakan aplikasi pembelajaran. 9. Menurut adik, apakah lebih menyenangkan belajar Organ tubuh manusia sambil menggunakan media ini atau belajar di kelas bersama guru? Tabel 5. 9 Hasil Perhitungan Kuesioner untuk Pertanyaan No.9 Respon

Frekuensi

Total


105

Belajar 37

94.87%

2

5.13%

menggunakan media Belajar

di

kelas

bersama guru

100.00% 90.00%

94.87%

80.00% 70.00% 60.00% 50.00% 40.00% 30.00% 20.00% 10.00%

5.13%

0.00% Belajar dibantu menggunakan media pembelajaran

Belajar dikelas bersama guru

Gambar 5. 9 Grafik Tingkat Kesukaan Belajar Bersama Guru dan Belajar Menggunakan Aplikasi Analisa: Dari hasil perhitungan diatas dapat diketahui bahwa mayoritas siswa ternyata lebih menyukai belajar materi organ tubuh manusia menggunakan media pembelajaran, namun ada pula siswa yang menyukai belajar bersama guru dikelas sebanyak 5.13%


BAB VI PENUTUP 6.1

Kesimpulan Berdasarkan hasil analisis, desain, implementasi dan ujicoba Sistem

Pembelajaran Organ Tubuh Manusia untuk siswa kelas VIII SMP ini dapat disimpulkan : a. Sistem Pembelajaran Organ Tubuh Manusia ini telah berhasil dibangun dengan menggunakan Adobe Flash CS3, PHP dan MySQL. b. Sistem telah berfungsi dengan baik, dapat menampilkan materi dan latihan soal. Demikian dengan e-learning Pembelajaran Organ Tubuh Manusia dapat digunakan untuk mengolah data siswa, mengolah data evaluasi, menjawab soal evaluasi dan melihat nilai siswa. c. Hasil uji coba terhadap pengguna (siswa kelas 8 SMP) menunjukkan bahwa siswa siswa menyukai pelajaran biologi, siswa merasa kesulitan dalam mempelajari materi organ tubuh manusia, siswa belum pernah mempelajari materi organ tubuh manusia menggunakan komputer, tampilan aplikasi menarik, aplikasi pembelajaran organ tubuh manusia mudah digunakan, siswa dapat memahami materi yang disajikan, siswa menyukai aplikasi pembelajaran organ tubuh manusia, lebih mudah belajar 106


107

dibantu menggunakan aplikasi, dan lebih menyenangkan belajar organ tubuh manusia dengan menggunakan aplikasi. 6.2

Saran Saran yang penulis berikan dalam mengembangkan sistem ini adalah : a.

Pengembangan sistem agar guru dapat melakukan update pada bagian materi.

b.

Pengembangan multimedia pada Latihan Soal .


DAFTAR PUSTAKA

Anggraeny, Evy. 2012. Learning Biology for the Betterment of Human Life and Society, [Online], (http://www.freewebs.com/evyanggraeny/animasi.htm, diakses tanggal 1 September 2014). Saktiyono. 2004. IPA Biologi SMP dan MTS JILID 2. Esis, Jakarta. Slamet, dkk. Sains Biologi 2 SMP/MTS . Bumi Aksara Sutopo, A., 2014. Teknologi Informasi dan Komunikasi dalam Pendidikan. Graha Ilmu. Yogyakarta. Sutopo, A., (2003).

Multimedia Interaktif dengan Flash.

Graha Ilmu.

Yogyakarta. Tim Abdi Guru. 2014. IPA Biologi SMP Kelas VIII 2013. Erlangga. Jakarta. Vaughan, Tay. (2004). Multimedia: Making It Work, Sixth Edition. McGraw-Hill Companies, Inc, New York.

xx


LAMPIRAN

108


109

LAMPIRAN 1

KUESIONER SISTEM PEMBELAJARAN ORGAN TUBUH MANUSIA UNTUK KELAS VIII SMP BERBASIS MULTIMEDIA SMP KANISIUS MUNTILAN

Data Responden Nama

:……………………………………………………………..

Kelas

: ……..

Berilah tanda ( X ) pada salah satu pilihan jawaban yang sesuai. 1. Apakah adik, menyukai pelajaran biologi khususnya materi organ tubuh manusia?



Tidak Suka



Suka



Sangat Suka


110

2. Menurut adik, mempelajari organ tubuh manusia itu…



Sulit



Sangat Sulit



Mudah

3. Apakah adik pernah mempelajari organ tubuh manusia menggunakan komputer?



Pernah



Belum Pernah

4. Menurut adik, apakah tampilan media pembelajaran organ tubuh manusia ini menarik?



Sangat Menarik



Menarik



Tidak Menarik

5. Menurut adik, apakah media pembelajaran organ tubuh manusia ini mudah digunakan?



Sangat Mudah



Mudah




111

Sulit

6. Apakah adik dapat memahami materi-materi yang ada dalam media pembelajaran organ tubuh manusia ini?



Kurang paham



Paham



Sangat Paham

7. Apakah adik menyukai aplikasi pembelajaran organ tubuh manusia ini?



Tidak Suka



Suka



Sangat Suka

8. Menurut adik lebih mudah mana mempelajari organ tubuh manusia dibantu dengan menggunakan aplikasi pembelajaran organ tubuh manusia ini atau belajar menggunakan buku dengan guru?



Belajar Organ tubuh manusia menggunakan buku dengan guru



Belajar Organ Tubuh manusia dibantu dengan menggunakan media pembelajaran organ tubuh manusia berbasis multimedia


112

9. Menurut adik, apakah lebih menyenangkan belajar Organ tubuh manusia sambil menggunakan aplikasi ini atau belajar di kelas bersama guru?



Belajar di kelas bersama guru



Belajar menggunakan media ini


LAMPIRAN 2 Tahap Pengembangan Aplikasi Pembelajaran Organ Tubuh Manusia

Sistem

pembelajaran

Organ

Tubuh

Manusia

ini

dibuat

untuk

mempermudah siswa kelas VIII SMP dalam mempelajari materi organ tubuh manusia. Sistem ini dibuat dengan menggunakan metode pengembangan multimedia sebagai berikut (Sutopo, 2003) : a. Concept b. Design c. Material Collecting d. Assembly e. Testing f. Distribution

B.

Concept Sistem yang dikembangkan adalah Aplikasi Pembelajaran Organ Tubuh

Manusia untuk Siswa kelas VIII SMP. Konsep media ini adalah menyajikan 113


materi organ tubuh manusia yang dilengkapi dengan video, gambar, dan audio visual. Selanjutnya siswa akan diberikan beberapa latihan soal sesuai dengan materi yang telah dipelajari. C.

Design Desain untuk Sistem Pembelajaran Organ Tubuh Manusia untuk Kelas

VIII ini meliputi isi materi, video, dan audio visual. Selain itu terdapat pula latihan soal untuk menguji pemahaman siswa selama belajar. B.1

Struktur Menu Sistem Pada gambar Lampiran 1 akan ditunjukan alur menu dalam aplikasi Pembelajaran Organ Tubuh Manusia.

Halaman Pembuka

Sistem Gerak Pada Manusia

Home (Materi)

Glosarium

Latihan Soal

Sistem Pencernaan

Sistem Pernapasan

Panduan

Sistem Peredaran Darah

Gambar Lampiran 1. Struktur Menu Sistem

114

Link Web


Start

Pembuka

A Home (Materi)

ya


Materi

ya

Glosarium

Sistem Pencernaan

tidak Latihan Soal

ya

Sistem Pencernaan

tidak ya

Latihan Soal

Sistem Pernapasan

tidak Panduan


tidak

tidak Glosarium

ya

ya

Sistem Pernapasan

tidak

ya


Panduan

ya


tidak A Link Web

ya

Link Web

tidak A End

Gambar Lampiran 2. Flowchart Diagram

115

A


D.

Story Board C.1

Rancangan Storyboard Menu Utama Sistem Pembelajaran Organ Tubuh Manusia Untuk SMP kelas 8

Sistem Gerak Manusia

Sistem Pencernaan

Sistem Pernapasan

Peredaran Darah


Gambar Lampiran 3. Rancangan Storyboard menu utama media Pada halaman ini terdapat tombol Home untuk menu utama, glosarium, latihan soal, panduan dan link web. Siswa dapat mengklik tombol materi untuk melihat isi materi yang diajarkan, tombol glosarium untuk melihat daftar istilah, tombol latihan soal untuk mengerjakan soal-soal latihan, tombol panduan untuk melihat panduan penggunaan program, dan tombol link web untuk masuk ke website pembelajaran. C.2

Rancangan Storyboard Menu Glosarium Sistem Pembelajaran Organ Tubuh Manusia Untuk SMP kelas 8


GLOSARIUM

116


Gambar Lampiran 4. Rancangan Storyboard glosarium Pada halaman ini siswa dapat melihat beberapa daftar istilah beserta arti yang terdapat pada materi organ tubuh manusia. C.3

Rancangan Storyboard Menu Latihan Soal


1.


Soal nomor 1

a. b. c.

Latihan Soal 2.

Soal nomor 2

a. b. c.

Gambar Lampiran 5. Rancangan Storyboard menu latihan soal Halaman ini berisi menu yang memungkinkan siswa untuk mengerjakan latihan soal setelah mempelajari materi organ tubuh manusia. Terdapat tombol next untuk melanjutkan ke halaman soal berikutnya. Pada akhir halaman terdapat tombol koreksi yang berfungsi menampilkan jumlah benar, salah, dan nilai. Siswa dapat kembali ke menu utama dengan mengklik tombol home.

117


C.4

Rancangan Storyboard Panduan



PANDUAN PENGGUNAAN SISTEM

Gambar Lampiran 6. Rancangan Storyboard menu panduan Halaman ini berisi panduan pemakaian aplikasi dan penjelasan fungsi tombol-tombol yang ada pada program.

E.

Material Collecting Pada tahap ini dilakukan pengumpulan bahan berupa isi materi, gambar,

dan video yang dibutuhkan. Pengumpulan bahan didapat dari buku dan web. a. Materi Sistem Gerak Pada Manusia : rangka, tulang, sendi, otot b. Materi Sistem Pencernaan : rongga mulut, kerongkongan, lambung, usus halus, usus besar, kelenjar ludah, kelenjar getah bening, hati, pankreas

118


c. Materi Sistem Pernapasan : rongga hidung, batang tenggorok, pernapasan dada, pernapasan perut d. Materi Peredaran Darah : jantung, darah, kelainan pada darah F.

Assembly Pada tahap ini dilakukan pembuatan model materi dan latihan yang

berdasarkan pada tahap desain. Pembuatan modul materi dilakukan dengan cara menggabungkan bahan-bahan yang sudah dikumpulkan pada tahap material collecting menggunakan Adobe Flash CS3. G.

Testing Pada tahap ini pengembang melakukan uji coba pada isi materi dan soal

latihan yang sudah dibuat untuk melihat apakah terdapat kesalahan atau tidak. F.1

Testing Halaman Utama Halaman utama akan menampilkan menu yang dapat dipilih oleh siswa yaitu Materi, Glosarium, Latihan Soal, dan Petunjuk. Selain itu terdapat pula pilihan menu link web dan pada halaman ini aplikasi sudah dapat berfungsi dengan baik dan tidak ada kesalahan.

119


F.2

Testing Halaman Materi Halaman materi menampilkan pilihan menu materi yang dapat dipilih oleh siswa yaitu Sistem Gerak Pada Manusia, Sistem Pencernaan, Sistem Pernapasan dan Peredaran Darah Pada Manusia. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan.

F.3

Testing Halaman Sistem Gerak Pada Manusia Halaman sistem gerak pada manusia ini menampilkan penjelasan materi yang dilengkapi dengan gambar. Pada setiap halaman terdapat tombol angka untuk membuka halaman berikutnya. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan.

F.4

Testing Halaman Sistem Pencernaan Halaman sistem pencernaan ini menampilkan penjelasan materi yang dilengkapi dengan gambar dan terdapat pula video ilustrasi tentang pencernaan manusia. Pada setiap halaman terdapat tombol angka untuk membuka halaman berikutnya. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan.

F.5

Testing Halaman Sistem Pernapasan Halaman sistem pernapasan ini menampilkan penjelasan materi yang dilengkapi dengan gambar. Pada setiap halaman 120


terdapat

tombol

angka

untuk

membuka

halaman

berikutnya. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan. F.6

Testing Halaman Peredaran Darah Halaman peredaran darah ini menampilkan penjelasan materi yang dilengkapi dengan gambar dan terdapat pula video ilustrasi tentang jantung. Pada setiap halaman terdapat tombol angka untuk membuka halaman berikutnya. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan.

F.7

Testing Halaman Glosarium Halaman Glosarium ini menampilkan beberapa daftar istilah yang terdapat pada penjelasan materi organ tubuh manusia yang ada pada aplikasi pembelajaran. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan.

F.8

Testing Halaman Latihan Soal Halaman ini menampilkan 10 soal latihan dengan model pilihan ganda yang harus dikerjakan oleh siswa. Terdapat tombol next untuk lanjut pada soal berikutnya. Terdapat pula tombol koreksi dan reset. Akan ditampilkan pula jumlah benar, salah dan nilai yang diperoleh oleh siswa. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan. 121


F.9

Testing Halaman Panduan Halaman ini menampilkan panduan penggunaan Sistem Pemebelajaran Organ Tubuh Manusia. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan.

F.10

Testing Halaman Link Web Halaman ini menampilkan web e-learning Pemebelajaran Organ Tubuh Manusia. Pada halaman ini aplikasi sudah berjalan dengan baik dan tidak ada kesalahan.

122

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Recommend Documents