iv
UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap tahun 2006/2007
ANALISIS DAN PERANCANGAN PERANGKAT AJAR SISTEM ORGAN TUBUH MANUSIA
UNTUK SMA ANGKASA BERBASISKAN MULTIMEDIA
Almadita Shinta 0600622903
Juwita Irawan 0600624700 Dian Putri Ayuningtias 0600633163
Kelas/Kelompok : 08PAT / 08 Abstrak
Perkembangan ilmu pengetahuan dan teknologi yang semakin cepat membawa pengaruh yang begitu luas pada berbagai aspek dalam kehidupan manusia, termasuk dunia pendidikan yaitu dengan tersedianya sarana yang menunjang konsep pengajaran yang lebih interaktif. Penelitian ini bertujuan menganalisis dan merancang perangkat ajar tentang Sistem Organ Tubuh Manusia dengan menggunakan multimedia yang diperuntukkan bagi para siswa kelas 2 SMA jurusan IPA.
Metode yang digunakan adalah metode analisis dan perancangan. Metode analisis dilakukan dengan mengadakan survei dan wawancara untuk menganalisis kebutuhan perangkat ajar. Sedangkan metode perancangan yang dilakukan berupa perancangan State Transition Diagram (STD), perancangan layar, perancangan database, perancangan Entity Relationship Diagram (ERD).
Hasil penelitian yang diperoleh adalah bahwa secara umum perangkat ajar pengajaran yang lebih interaktif cukup berguna untuk pelajaran Sistem Organ Tubuh Manusia yang cukup sulit dimengerti. Penyebab kesulitan yang utama adalah terlalu banyaknya teori-teori tanpa gambar-gambar yang jelas. Dalam penyampaian materi diperlukan penjelasan secara skematis dan terstruktur. Penyampaian materi dengan penjelasan disertai gambar, latihan soal dan permainan adalah cara terbaik untuk siswa dapat memahami materi pelajaran.
Kesimpulannya adalah untuk membantu siswa dalam mempelajari Sistem Organ Tubuh Manusia selain dari sistem belajar-mengajar di sekolah, diperlukan media pendukung lain yang salah satunya adalah perangkat ajar dengan menggunakan multimedia.
Kata Kunci
v PRAKATA
Dengan segala kerendahan hati, penulis memanjatkan puji syukur atas berkat, rahmat, dan anugerah yang dilimpahkan Tuhan Yang Maha Esa, sehingga penulis dapat menyelesaikan skripsi ini, yang merupakan salah satu syarat dalam menyelesaikan program Strata-1 Fakultas Ilmu Komputer Jurusan Teknik Informasi Universitas Bina Nusantara, Jakarta.
Dalam penulisan skripsi yang berjudul “Analisisdan PerancanganPerangkat Ajar Sistem Organ Tubuh Manusia Untuk SMA Angkasa Berbasiskan Multimedia“ ini, penulis telah menerima banyak bantuan, bimbingan dan dorongan baik moril maupun materiil dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis mengucapkan terima kasih yang sebesar–besarnya kepada:
1. Bapak Prof. Dr. Drs. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara.
2. Bapak H. Mohammad Subekti, BE., M.Sc., selaku Kepala Jurusan Teknik Informatika Universitas Bina Nusantara.
3. Bapak Andreas Soegandi, S.Kom., MM., selaku dosen pembimbing yang telah meluangkan banyak waktu dan dengan kesabarannya membimbing penulis dalam menyelesaikan skripsi ini.
vi
5. Ibu Dewi, Ibu Lilis dan Bapak Sugiyono, selaku staf pengajar dan karyawan SMA Angkasa, yang telah membantu dalam kelancaran pembuatan skripsi ini.
6. Orang tua serta saudara penulis atas kesabaran, dukungan, perhatian dan pengertian yang luar biasa kepada penulis sehingga skripsi ini dapat diselesaikan dengan tepat waktu.
7. Teman-teman atas persahabatan, penghiburan, dukungan, dan doa yang telah membantu dalam penyusunan skripsi ini.
8. Pihak-pihak lain yang tidak dapat dituliskan di sini satu persatu, yang telah membantu baik secara langsung maupun tidak langsung, sehingga skripsi ini dapat diselesaikan dengan baik.
Penulis menyadari bahwa skripsi ini masih belum sempurna, dan penulis terbuka untuk menerima saran dan kritik yang bersifat membangun dari para pembaca apabila terdapat kesalahan dan kekurangan dalam skripsi ini.
Jakarta, 09 Juni 2006
vii DAFTAR ISI
Halaman Judul Luar...i
Halaman Judul Dalam...ii
Halaman Persetujuan Hardcover...iii
Persetujuan Dewan Penguji... Abstrak...iv
Prakata...v
Daftar Isi...vii
Daftar Tabel...xiii
Daftar Gambar...xiv
Daftar Lampiran...xviii
BAB 1 PENDAHULUAN...1
1.1 Latar Belakang . . . ... …….1
1.2 Ruang Lingkup . . . .. . . ……..2
1.3 Tujuan dan Manfaat . . . ... . . …….2
1.4 Metodologi . . . .. . . ……..3
1.5 Sistematika Penulisan . . . .. . . …….4
BAB 2 LANDASAN TEORI . . . ...6
2.1 Teori Umum . . . …….6
2.1.1 Multimedia . . . …….6
viii
2.1.1.2 Objek Multimedia . . . …….7
2.1.2 Interaksi Manusia dan Komputer . . . ……..9
2.1.2.1 Definisi Interaksi Manusia dan Komputer . . ...9
2.1.2.2 Perancangan Antarmuka . . . …….10
2.1.2.3 Pedoman Tampilan Layar . . . …….11
2.1.3 Rekayasa Piranti Lunak . . . ……12
2.1.3.1 Pengertian Rekayasa Piranti Lunak . . . ……12
2.1.3.2 Paradigma Piranti Lunak FAST Model . ...13
2.2 Teori Khusus. . . …….18
2.2.1 Perangkat Ajar . . . …...18
2.2.1.1 Definisi Perangkat Ajar . . . …….18
2.2.1.2 Sejarah Perangkat Ajar . . . …...19
2.2.1.3 Jenis dan Struktur CAI. . . …...20
2.2.1.4 Komponen dari Perangkat Ajar . . . …...22
2.2.1.5 Karakteristik Perangkat Ajar . . . …….23
2.2.2 State Transition Diagram. . . …...24
2.2.3 Basis Data (Database) . . . …...26
2.2.3.1 Pengertian Basis Data . . . …...26
2.2.3.2 Entity Relationship Diagram (ERD) . . . ……26
ix
BAB 3 ANALISIS DAN PERANCANGAN………...28
3.1 Gambaran Umum Sistem yang Berjalan………....28
3.2 Analisis Kebutuhan Perangkat Ajar...29
3.2.1 Hasil Wawancara...30
3.2.2 Hasil Kuesioner...31
3.3 Analisis Permasalahan dan Usulan Pemecahan Masalah...34
3.4 Analisis Instruksional...35
3.5 Persyaratan Sistem dan Spesifikasi...36
3.6 Perancangan Perangkat Lunak...37
3.6.1 Struktur Menu...37
3.6.2 State Transition Diagram...38
3.6.3 Rancangan Layar...39
3.6.3.1 Rancangan Layar Intro………..39
Rancangan Layar Menu Login………..39
Rancangan Layar Menu Utama……….41
Rancangan Layar Materi………42
Rancangan Layar Pendahuluan Sub Materi……...43
x
Rancangan Layar Perbesaran Gambar…………...45
Rancangan Layar Pendahuluan Soal………..45
Rancangan Layar Soal Pilihan Ganda………46
Rancangan Layar PG Selesai……….47
Rancangan Layar Soal Essai………..48
Rancangan Layar Essai Selesai………..49
Rancangan Layar Hasil………..50
Rancangan Layar Detail……….51
Rancangan Layar Menu Bantuan………...52
Rancangan Layar Menu Profil………...52
Rancangan Layar Permainan……….53
Rancangan Layar Mulai Permainan………..54
Rancangan Layar Video………54
Rancangan Layar Tahukah Anda?...55
Rancangan Layar Ganti Password………56
Rancangan Layar Materi Tambahan……….57
Rancangan Layar Utama Admin………..58
Rancangan Layar Formulir User Untuk Admin…58 Rancangan Layar Pertanyaan Essai Untuk Admin………61
Rancangan Layar Pertanyaan Pilihan Ganda Untuk Admin………66
xi
Rancangan Layar Cetak Untuk Admin………....74
Rancangan Layar Tambahan Materi Untuk Admin……….75
Rancangan Layar Pilih Set Untuk Admin……..78
Rancangan Layar Bantuan Untuk Admin...80
3.6.4 Rancangan Database...82
3.6.5 Entity Relationship Diagram...85
BAB 4 IMPLEMENTASI DAN EVALUASI...86
4.1 Implementasi Perangkat Ajar...86
4.2 Spesifikasi Sistem...88
4.2.1 Spesifikasi Perangkat Keras...88
4.2.2 Spesifikasi Perangkat Lunak...89
4.3 Cara Pengoperasian Sistem...89
4.3.1 Cara Pengoperasian Sisitem Untuk User...90
4.3.2 Cara Pengoperasian Sistem Untuk Admin...115
4.4 Evaluasi Sistem...124
4.4.1 Hasil Evaluasi dan Pembahasan...124
4.4.2 Evaluasi Terhadap Hasil Kuesioner...127
4.4.3 Evalusi Perbandingan Perangkat Ajar……….128
BAB 5 SIMPULAN DAN SARAN...129
5.1 Simpulan...129
xii
Daftar Pustaka……….……….131 Riwayat Hidup…….……… Lampiran-lampiran
xiii
DAFTAR TABEL
Tabel 3.1 Tabel Data tbLoginSiswa...82
Tabel 3.2 Tabel Data tbMateri...82
Tabel 3.3 Tabel Data tbNilai...82
Tabel 3.4 Tabel Data tbPertanyaan Essai...83
Tabel 3.5 Tabel Data tbPertanyaan PG...83
Tabel 3.6 Tabel Data tbMateriTambahan...83
Tabel 3.7 Tabel Data tbPilihSet...83
Tabel 3.8 Tabel Data tbtempessai...84
Tabel 3.9 Tabel Data tbTempPertanyaanPG...84
xiv
DAFTAR GAMBAR
Gambar 2.1Metode FAST……….13
Gambar 3.1 Diagram Kepemilikan CD Perangkat Ajar………....31
Gambar 3.2 Diagram Ketertarikan Pada Permainan Komputer……….31
Gambar 3.3 Diagram Ketertarikan Pada Animasi Komputer………32
Gambar 3.4 Diagram Kebutuhan Visualisasi Dalam Pelajaran……….32
Gambar 3.5 Diagram Hasil Komponen Yang Disukai Secara Prioritas………33
Gambar 3.6 Susunan Analisis Instruksional………..35
Gambar 3.7 Struktur Menu………37
Gambar 3.8 State Transition Diagram………...38
Gambar 3.9 Rancangan Layar Halaman Intro………...39
Gambar 3.10 Rancangan Layar Halaman Menu Login……….39
Gambar 3.11 Rancangan Layar Halaman Menu Utama………41
Gambar 3.12 Rancangan Layar Halaman Materi………..42
Gambar 3.13 Rancangan Layar Halaman Pendahuluan Sub Materi……….43
Gambar 3.14 Rancangan Layar Halaman Sub Materi………..44
Gambar 3.15 Rancangan Layar Halaman Perbesaran Gambar……….45
Gambar 3.16 Rancangan Layar Halaman Pendahuluan Soal………45
Gambar 3.17 Rancangan Layar Halaman Soal Pilihan Ganda………..46
Gambar 3.18 Rancangan Layar Halaman PG Selesai………47
Gambar 3.19 Rancangan Layar Halaman Soal Essai……….48
xv
Gambar 3.21 Rancangan Layar Halaman Hasil………50
Gambar 3.22 Rancangan Layar Halaman Detail………...51
Gambar 3.23 Rancangan Layar Halaman Menu Bantuan……….52
Gambar 3.24 Rancangan Layar Halaman Menu Profil……….52
Gambar 3.25 Rancangan Layar Halaman Permainan………53
Gambar 3.26 Rancangan Layar Halaman Mulai Permainan……….54
Gambar 3.27 Rancangan Layar Halaman Video………...54
Gambar 3.28 Rancangan Layar Halaman Tahukah Anda?...55
Gambar 3.29 Rancangan Layar Halaman Ganti Password ……….56
Gambar 3.30 Rancangan Layar Halaman Materi Tambahan………57
Gambar 3.31 Rancangan Layar Halaman Utama Admin………..58
Gambar 3.32 Rancangan Layar Halaman Formulir User Untuk Admin………..58
Gambar 3.33 Rancangan Layar Halaman Pertanyaan Essai Untuk Admin……….61
Gambar 3.34 Rancangan Layar Halaman Pertanyaan Pilihan Ganda Untuk Admin…...66
Gambar 3.35 Rancangan Layar Halaman Nilai Untuk Admin……….70
Gambar 3.36 Rancangan Layar Halaman Cetak Untuk Admin……….74
Gambar 3.37 Rancangan Layar Halaman Materi Tambahan Untuk Admin………75
Gambar 3.38 Rancangan Layar Halaman Pilih Set Untuk Admin………..78
Gambar 3.39 Rancangan Layar Halaman Bantuan Untuk Admin...80
Gambar 3.40 Entity Relationship Diagram………..85
Gambar 4.1 Tampilan Layar Halaman Menu Login...90
Gambar 4.2 Tampilan Layar Halaman Intro...91
xvi
Gambar 4.4 Tampilan Layar Halaman Intro (Tiga)...93
Gambar 4.5 Tampilan Layar Halaman Menu Utama...94
Gambar 4.6 Tampilan Layar Halaman Materi...95
Gambar 4.7 Tampilan Layar Halaman Pendahuluan Sub Materi...96
Gambar 4.8 Tampilan Layar Halaman Sub Materi...97
Gambar 4.9 Tampilan Layar Halaman Perbesaran Gambar...98
Gambar 4.10 Tampilan Layar Halaman Menu Bantuan...99
Gambar 4.11 Tampilan Layar Halaman Menu Profil (Pendahuluan)...100
Gambar 4.12 Tampilan Layar Halaman Menu Profil...101
Gambar 4.13 Tampilan Layar Halaman Video ...102
Gambar 4.14 Tampilan Layar Halaman Permainan ...103
Gambar 4.15 Tampilan Layar Halaman Mulai Permainan………..104
Gambar 4.16 Tampilan Layar Halaman Tahukah Anda...105
Gambar 4.17 Tampilan Layar Halaman Pendahuluan Soal...106
Gambar 4.18 Tampilan Layar Halaman Soal Pilihan Ganda...107
Gambar 4.19 Tampilan Layar Halaman PG Selesai...108
Gambar 4.20 Tampilan Layar Halaman Soal Essai...109
Gambar 4.21 Tampilan Layar Halaman Essai Selesai……….110
Gambar 4.22 Tampilan Layar Halaman Hasil……….111
Gambar 4.23 Tampilan Layar Halaman Detail…….………...112
Gambar 4.24 Tampilan Layar Halaman Materi Tambahan...113
Gambar 4.25 Tampilan Layar Ganti Password………...114
xvii
Gambar 4.27 Tampilan Layar Halaman Pertanyaan Pilihan Ganda untuk Admin...117
Gambar 4.28 Tampilan Layar Halaman Pertanyaan Essai untuk Admin...118
Gambar 4.29 Tampilan Layar Halaman Pilih Set untuk Admin...119
Gambar 4.30 Tampilan Layar Halaman Materi Tambahan untuk Admin...120
Gambar 4.31 Tampilan Layar Halaman Nilai Untuk Admin ...121
Gambar 4.32 Tampilan Layar Halaman Formulir User Untuk Admin...122
Gambar 4.33 Tampilan Layar Halaman Bantuan Untuk Admin...123
Gambar 4.34 Diagram Kemudahan Menavigasikan Perangkat Ajar...125
Gambar 4.35 Diagram Ketertarikan Pada Tampilan Layar...125
Gambar 4.36 Diagram Ketertarikan Pada Elemen Multimedia...126
xviii
