PERANCANGAN APLIKASI PENGAJARAN BERBANTUAN KOMPUTER UNTUK MATA PELAJARAN SENI BUDAYA DAN KETERAMPILAN SKRIPSI DENIS AFRIAWANTO 061401073 PROGRAM STUDI S1 ILMU KOMPUTER DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
PERANCANGAN APLIKASI PENGAJARAN BERBANTUAN KOMPUTER UNTUK MATA PELAJARAN SENI BUDAYA DAN KETERAMPILAN SKRIPSI Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Sarjana Komputer DENIS AFRIAWANTO 061401073 PROGRAM STUDI S1 ILMU KOMPUTER DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
PERSETUJUAN Judul : PERANCANGAN APLIKASI PENGAJARAN BERBANTUAN KOMPUTER UNTUK MATA PELAJARAN SENI BUDAYA DAN KETERAMPILAN Kategori : SKRIPSI Nama : DENIS AFRIAWANTO Nomor Induk Mahasiswa : 061401073 Program Studi : SARJANA (S1) ILMU KOMPUTER Departemen : ILMU KOMPUTER Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Komisi Pembimbing : Diluluskan di Medan, Pembimbing 2 Pembimbing 1 Ade Candra, ST, M.Kom Prof. Dr. Tulus, M.Si NIP 197909042009121002 NIP 196209011988031002 Diketahui/Disetujui oleh Departemen Ilmu Komputer FMIPA USU Ketua, Prof. Dr. Muhammad Zarlis NIP 195707011986011003
PERNYATAAN PERANCANGAN APLIKASI PENGAJARAN BERBANTUAN KOMPUTER UNTUK MATA PELAJARAN SENI BUDAYA DAN KETERAMPILAN SKRIPSI Saya mengakui bahwa skripsi ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, DENIS AFRIAWANTO 061401073
PENGHARGAAN Alhamdulillah, puji syukur saya sampaikan kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-nya serta segala sesuatunya dalam hidup, sehingga saya dapat menyelesaikan penyusunan skripsi ini sebagai syarat untuk memperoleh gelar Sarjana Komputer, Program Studi S1 Ilmu Komputer Universitas Sumatera Utara. Shalawat beriring salam saya persembahkan kepada Nabi Besar Muhammad SAW. Ucapan terima kasih penulis sampaikan kepada Prof. Dr. Tulus, M.Si selaku pembimbing pertama dan Ade Candra, ST, M.Kom selaku pembimbing kedua yang telah banyak meluangkan waktunya dalam memberikan masukan-masukan kepada penulis. Ucapan terima kasih juga ditujukan kepada Prof. Dr. Muhammad Zarlis sebagai penguji pertama sekaligus Ketua Departemen Ilmu Komputer dan Maya Silvi Lydia, B.Sc, M.Sc sebagai penguji kedua. Ucapan terima kasih juga ditujukan kepada Sekretaris Departemen Ilmu Komputer, Syahriol Sitorus, S.Si, MIT, Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, semua dosen serta pegawai di Program Studi S1 Ilmu Komputer Departemen Ilmu Komputer FMIPA USU. Tidak lupa juga penulis ucapkan terima kasih kepada keluarga tercinta, Ayahanda Muhammad Syafii dan Ibunda Darnawati yang memberikan dukungan, doa, dan semangat tanpa henti. Untuk abang penulis Dedi Syafdariansyah, Hendri Ramadhani Syahputra, Diska Hari Syahri Fai dan kakak penulis, Sri Susi Hermawani dan Desi Hizria Sari yang selalu memberikan dorongan kepada penulis. Terima kasih penulis ucapkan kepada teman-teman yang selalu memberikan dukungan, Anggi Maulana Syahputra, Teddy Adrianto Dwi Boesono, Muhammad Makmur Rasyid Lubis, Mhd Januar Rambe, Hadianto, Adhhal Huda Bakri, M Anggi Rivai Nst, Rifki Respati Ashari, S.Kom, Winda Hafilia, S.Kom dan Rima Lestari. serta teman-teman satu angkatan yang sama-sama berjuang dalam penyusunan skripsi. Sekali lagi penulis mengucapkan terima kasih kepada semua pihak yang membantu dalam penyelesaian tugas akhir ini yang tidak dapat disebutkan satu persatu, terima kasih atas ide, saran dan motivasi yang diberikan. Semoga Tuhan Yang Maha Esa memberikan limpahan karunia kepada semua pihak yang telah memberikan bantuan, perhatian, serta dukungan kepada penulis dalam menyelesaikan skripsi ini.
ABSTRAK Pada dunia pendidikan termasuk di Indonesia, komputer sudah diperkenalkan dan digunakan pada sekolah-sekolah dari pendidikan dasar sampai tingkat perguruan tinggi. Pada kelas 2 SD pelajar mempelajari bagaimana warna dan nada dalam mata pelajaran seni budaya dan keterampilan. Untuk memudahkan siswa mempelajari warna dan nada, dibutuhkan alat bantu berupa cat air dan alat musik. Oleh sebab itu penulis merancang sebuah aplikasi pengajaran berbantuan komputer untuk mata pelajaran seni budaya dan keterampilan yang interaktif yang menggabungkan model tutorial dan simulasi, sehingga dapat memudahkan pengguna untuk memahami konsep dasar warna dan nada, dan pengguna dapat belajar sendiri di rumah tentang warna dan nada, serta aplikasi ini dapat mempermudah guru dalam menjelaskan mata pelajaran seni budaya dan keterampilan. Aplikasi pengajaran ini dirancang menggunakan perangkat lunak Macromedia Flash Proffesional 8. Berdasarkan pengujian yang dilakukan menggunakan kuesioner, 99,64% responden mengatakan bahwa aplikasi tersebut sangat baik dan sangat membantu pengguna dalam mempelajari warna dan nada.
DESIGN OF COMPUTER AIDED INSTRUCTION APPLICATION FOR FINE ART SUBJECT ABSTRACT In the world of education, including in Indonesia, the computer has been introduced and used in schools from primary education up to university level. In grade 2 elementary school students learn how is color and tone in fine art subjects. To facilitate students to learn the color and tone, it takes the form of watercolor tools and musical instruments. Therefore, the authors designed a computer aided instruction application for fine art subjects that combines interactive tutorials and simulation models, so as to facilitate users to understand the basic concepts of color and tone, and users can learn on their own at home about the color and tone, and the application can facilitate teachers in explaining about fine art subjects. The application is designed using the software Macromedia Flash Professional 8. Based on testing conducted using a questionnaire, 99.64% of respondents said that the application is very good and very helpful user in learning colors and tones.
DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Abstract Daftar Isi Daftar Tabel Daftar Gambar ii iii iv v vi vii ix x Bab 1 Pendahuluan 1 1.1 Latar Belakang 1 1.2 Perumusan Masalah 2 1.3 Batasan Masalah 3 1.4 Tujuan Penelitian 3 1.5 Manfaat Penelitian 3 1.6 Metode Penelitian 4 1.7 Sistematika Penulisan 5 Bab 2 Tinjauan Pustaka 6 2.1. Pengajaran Berbantuan Komputer/Computer Aided Instruction (CAI) 6 2.1.1 Sejarah Perkembangan Computer Aided Instruction 7 2.1.2 Model-Model Computer Aided Instruction 8 2.1.3 Prinsip Pengembangan Program Computer Aided Instruction 9 2.1.4 Kelebihan dan Kekurangan Computer Aided Instruction 11 2.2 Multimedia 13 2.3 Macromedia Flash Professional 8 15 2.3.1 Sejarah Perkembangan Macromedia Flash 15 2.3.2 Area Kerja Macromedia Flash 8 16 2.3.3 Action Script 21 2.4 Warna 22 2.5 Nada 22 2.6 Penelitian Terkait dengan Pengajaran Berbantuan Komputer 24 Bab 3 Analisis dan Perancangan Sistem 26 3.1 Analisis Perancangan 26 3.2 Perancangan Aplikasi 27 3.2.1 Pemodelan Sistem 27 3.2.2 Flowchart (Diagram Alir) 28 3.2.3 Storyboard 36 3.2.4 Perancangan Tampilan 48
Bab 4 Implementasi 54 4.1 Implementasi 54 4.2 Persiapan 54 4.3 Tampilan Aplikasi 54 4.4 Pengujian Program 61 Bab 5 Penutup 64 5.1. Kesimpulan 64 5.2. Saran 65 Daftar Pustaka 66 Lampiran A. Daftar Pertanyaan Kuesioner Aplikasi Pengajaran Berbantuan Komputer untuk Mata Pelajaran Seni Budaya dan Keterampilan 68 Lampiran B. Hasil Kuesioner Aplikasi Pengajaran Berbantuan Komputer untuk Mata Pelajaran Seni Budaya dan Keterampilan 69
DAFTAR TABEL Halaman Tabel 3.1 Simbol-simbol Flowchart 29 Tabel 3.2 Storyboard Aplikasi Pengajaran Berbantuan Komputer Untuk Mata Pelajaran SBK 36 Tabel 4.1 Hasil Pengujian Aplikasi 62
DAFTAR GAMBAR Halaman Gambar 2.1 Area Kerja Macromedia Flash Professional 8 16 Gambar 2.2 Contoh Menu dan Submenu Macromedia Flash Professional 8 17 Gambar 2.3 Area Toolbox 18 Gambar 2.4 Layer dan Frame Pada Timeline 19 Gambar 2.5 Area Stage 19 Gambar 2.6 Panel Properties 20 Gambar 2.7 Panel Actions 20 Gambar 2.8 Panel Library 21 Gambar 2.9 Panel Color 21 Gambar 2.10 Tangga Nada 23 Gambar 3.1 Model Pengembangan Aplikasi Pengajaran SBK 27 Gambar 3.2 Flowchart Aplikasi Pengajaran SBK 30 Gambar 3.3 Flowchart pada Simulasi Warna 32 Gambar 3.4 Flowchart pada Menu Latihan 33 Gambar 3.5 Flowchart Random Soal 35 Gambar 3.6 Tampilan Halaman Utama 48 Gambar 3.7 Tampilan Menu Materi 49 Gambar 3.8 Tampilan Isi Materi 49 Gambar 3.9 Tampilan Menu Simulasi 50 Gambar 3.10 Tampilan Simulasi Warna 51 Gambar 3.11 Tampilan Simulasi Nada 51 Gambar 3.12 Tampilan Menu Latihan 52 Gambar 3.13 Tampilan Menu Profil 53 Gambar 4.1 Tampilan Halaman Utama 55 Gambar 4.2 Tampilan Menu Materi 56 Gambar 4.3 Tampilan Isi Materi Warna 56 Gambar 4.4 Tampilan Isi Materi Nada 57 Gambar 4.5 Tampilan Menu Simulasi 58 Gambar 4.6 Tampilan Simulasi Warna 58 Gambar 4.7 Tampilan Simulasi Bermain Musik 59 Gambar 4.8 Tampilan Awal Menu Latihan 60 Gambar 4.9 Tampilan Soal Latihan 60 Gambar 4.10 Tampilan Profil 61