APLIKASI MEDIA PEMBELAJARAN TEMATIK BERTEMA PERISTIWA UNTUK SEKOLAH DASAR KELAS 2 SEMESTER 2 BERBASIS FLASH TUGAS AKHIR

Transkripsi

1 APLIKASI MEDIA PEMBELAJARAN TEMATIK BERTEMA PERISTIWA UNTUK SEKOLAH DASAR KELAS 2 SEMESTER 2 BERBASIS FLASH TUGAS AKHIR Tugas Akhir ntuk memenuhi sebagian persyaratan mencapai derajat Diploma III Program Studi Diploma III Teknik Informatika Disusun Oleh : BETTY NURAINA RAHMAWATI NIM. M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2015 i

2 ii

3 iii

4 ABSTRACT Betty Nuraina Rahmawati, MEDIA APPLICATION OF THEMATIC LEARNING THEMED EVENTS FOR ELEMENTARY SCHOOL GRADE 2 SEMESTER 2. Diploma III of Informatics Engineering, Faculty of Mathematics and Natural Science, Sebelas Maret University. Thematic learning can be defined as a learning activities by integrate the material of several subjects in a single theme or topic of discussion. Sutirjo and Sri Istuti Mamik (2004: 6) state that thematic learning is an attempt to integrate knowledge, skills, values, or the attitude of learning, and creative idea by using themes. The method used for developing this interactive learning media is waterfall method. This method uses some gradually process beginning from analysis, design, development, and examination. This learning application has been made based on curriculum of KTSP 2011 and created using Adobe Flash. This research resulted thematic learning applications covering several subjects, those are Indonesian, mathematics, science, social science, and civics with events theme. Keywords: Elementary Schools Thematic, KTSP, Flash iv

5 ABSTRAK Betty Nuraina Rahmawati, APLIKASI MEDIA PEMBELAJARAN TEMATIK BERTEMA PERISTIWA UNTUK SEKOLAH DASAR KELAS 2 SEMESTER 2 BERBASIS FLASH. Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret. Pembelajaran tematik dapat diartikan sebagai suatu kegiatan pembelajaran dengan mengintegrasikan materi beberapa mata pelajaran dalam satu tema/topik pembahasan. Sutirjo dan Sri Istuti Mamik (2004: 6) menyatakan bahwa pembelajaran tematik merupakan satu usaha untuk mengintegrasikan pengetahuan, keterampilan, nilai, atau sikap pembelajaran, serta pemikiran yang kreatif dengan menggunakan tema. Metode pengembangan pembuatan media pembelajaran interaktif ini menggunakan metode Waterfall. Metode ini menggunakan beberapa proses bertahap dimulai dari analisis, perangcangan, pembuatan dan pengujian. Aplikasi pembelajaran dibuat berdasarkan kurikulum KTSP 2011 dan dibuat dengan menggunakan Adobe Flash. Dalam penelitian ini dihasilkan aplikasi pembelajaran tematik yang mencakup mata pelajaran Bahasa Indonesia, Matematika, Ilmu Pengetahuan Alam, Ilmu Pengetahuan Sosial dan Pendidikan Kewarganegaraan dengan tema Peristiwa. Kata Kunci: Tematik SD, KTSP, Flash v

6 MOTTO Do not give up, the beginning is always the hardest. (Unknown) Be yourself, because an original is worth more than a copy. (Unknown) If you have time to think of a beautiful end, then live beautifully until the end (Sakata Gintoki) Don t worry about those who talk behind you back, the re behind you for a reason (Unknown) Dream high made you doing something big! (Gea s Daddy) vi

7 HALAMAN PERSEMBAHAN Tugas Akhir ini ku persembahkan untuk: 1. Bapak, Ibu, kakak dan adikku tercinta yang telah mendukung dan mendoakanku. 2. Bolokuruwoku, Mas Adi Permana dan Nella Rosalia yang senantiasa menjadi penyemangat dan menemani disetiap hariku. 3. Teman-teman TI A 2010 yang telah banyak membantu. 4. Buat semua pihak yang telah membantuku, terima kasih semuanya. vii

8 KATA PENGANTAR Puji syukur ke hadirat Tuhan YME yang telah melimpahkan rahmat dan barokahnya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul Aplikasi Media Pembelajaran Tematik Bertema Peristiwa Untuk Sekolah Dasar Kelas 2 Semester 2 Berbasis Flash. Laporan Tugas Akhir ini dibuat untuk memenuhi salah satusyarat mencapai gelar Ahli Madya Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada: 1. Bapak Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons).,Ph.D selaku Pimpinan Fakultas MIPA Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar. 2. Bapak Abdul Aziz S.Kom., M.Cs selaku Ketua Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar. 3. Bapak Ovide Decroly Wisnu Ardhi, S.T, M.Eng selaku dosen pembimbing yang telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis. 4. Bapak Agus Purnomo,S.Si selaku pembimbing akademik. Terima kasih atas masukan yang diberikan selama proses perkuliahan. 5. Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberikan bekal ilmu kepada penulis. 6. Bapak, Ibu dan seluruh keluarga atas doa, bantuan, kasih sayang, perhatian dan segalanya. viii

9 7. Rekan-rekan TIA 2010 dan bolokurowo terima kasih atas segala support dan bantuan kalian. 8. Dan seluruh pihak-pihak yang tidak dapat penulis cantumkan satu persatu, terimaksih atas segala bimbingan, bantuan, kritik, dan saran dalam penyusunan tugas akhir ini. Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun sangat penulis harapkan. Demikian laporan ini disusun, dengan harapan dapat memberikan manfaat serta pengetahuan bagi pembaca. Surakarta, Juni 2015 Penulis ix

10 DAFTAR ISI Halaman HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN ABSTRACT... iv HALAMAN ABSTRAK... v HALAMAN MOTTO... vi HALAMAN PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... x BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Batasan Masalah Tujuan Kegiatan Manfaat Kegiatan Metode Penelitian Batasan Masalah... 3 BAB II LANDASAN TEORI Pembelajaran Tematik Definisi Dari Pembelajaran Tematik Ciri-ciri Pembelajaran Tematik KTSP Multimedia Adobe Flash Adobe Audition CorelDraw Struktur Navigasi BAB III ANALISIS DAN PERANCANGAN Konsep Dasar Pengembangan Multimedia x

11 3.1.1 Konsep Dasar Multimedia Proposal Target Pengguna Dukungan Platform, Teknologi dan Multiplayer Manajemen Proyek Pengembangan Multimedia Kebutuhan dan Peran / Tugas Tim Pengembang Multimedia Perancangan Jadwal Kebutuhan Perangkat Keras dan Perangkat Lunak dalam Pengembangan Multimedia Kebutuhan Perangkat Keras (Hardware) Kebutuhan Perangkat Lunak (Software) Kebutuhan Perangkat Keras dan Perangkat Lunak dalam Implementasi Multimedia Kebutuhan Perangkat Keras (Hardware) Kebutuhan Perangkat Lunak (Software) Perancangan Multimedia Perancangan Interktif (Interactive Design) Perancangan Antarmuka (Interface Design) Rancangan Tampilan Halaman Awal Rancangan Tampilan Menu Utama Rancangan Tampilan Halaman Belajar Rancangan Tampilan Permenu Mata Pelajaran Rancangan Tampilan Halaman Kuis Rancangan Tampilan Kuis Pilihan Ganda Perancangan Grafis (Design Graphic) Perancangan Grafis Tombol Halaman Utama Perancangan Grafis Tombol Halaman Belajar Perancangan Grafis Tombol Mulai Perancangan Grafis Tombol Kursor Pensil Perancangan Navigasi (Navigation Design) Perancangan Grafis Tombol Keluar xi

12 Perancangan Grafis Tombol Kembali Perancangan Grafis Tombol Home Konten Tekstual (Textual Content) Diagram Alir (Flowchart) Diagram Alir Halaman Utama Storyboard BAB IV IMPLEMENTASI DAN EVALUASI Produksi Pembuatan Antarmuka (Interface Design) Pembuatan Antarmuka Halaman Intro Pembuatan Antarmuka Halaman Utama Perancangan Antarmuka Halaman Belajar Perancangan Antarmuka Halaman Bahasa Indonesia Perancangan Antarmuka Halaman Matematika Perancangan Antarmuka Halaman IPA Perancangan Antarmuka Halaman IPS Perancangan Antarmuka Halaman PKN Pembuatan Antarmuka Halaman Kuis Perancangan Antarmuka Halaman Kuis Perancangan Antarmuka Halaman Kuis Pilihan Ganda Perancangan Antarmuka Halaman Mencocokan Pembuatan Elemen Desain (Design Grafis) Pembuatan Object Pembuatan Elemen Desain Tombol Belajar Pembuatan Elemen Desain Tombol Kuis Pembuatan Elemen Desain Tombol Matematika Pembuatan Elemen Desain Tombol Perkalian xii

13 Pembuatan Elemen Desain Tombol Tabel Perkalian Pembuatan Elemen Desain Tombol Bahasa Indonesia Pembuatan Elemen Desain Tombol Cara Menyampaikan Pesan Pembuatan Elemen Desain Tombol Contoh Pembuatan Elemen Desain Tombol Ilmu Pengetahuan Alam Pembuatan Elemen Desain Tombol Energi Pembuatan Elemen Desain Tombol Energi Panas Pembuatan Elemen Desain Tombol Energi Bunyi Pembuatan Elemen Desain Tombol Energi Cahaya Pembuatan Elemen Desain Tombol Ilmu Pengetahuan Sosial Pembuatan Elemen Desain Tombol Kedudukan dan Peran Anggota Keluarga Pembuatan Elemen Desain Tombol Kedudukan dan Peran Ayah Pembuatan Elemen Desain Tombol Kedudukan dan Peran Ibu Pembuatan Elemen Desain Tombol Kedudukan dan Peran Anak Pembuatan Elemen Desain Tombol Pendidikan Kewarganegaraan Pembuatan Elemen Desain Tombol Pengertian Musyawarah Pembuatan Elemen Desain Tombol Mulai Pembuatan Elemen Desain Kursor Pensil xiii

14 4.1.3 Pembuatan Audio Audio untuk Narasi Audio untuk Effect dan Backsound Kuis Authoring dan Pemrograman (Authoring and Programming) Animasi Typing Yext Fungsi untuk Load Data Soal Memulai dan Menampilkan Soal Pemeriksaan Jawaban Jawaban Benar Jawaban Salah Menampilkan Nilai Kuis Mencocokan Implementasi Implementasi Antarmuka Implementasi Antarmuka Halaman Intro Implementasi Antarmuka Halaman Utama Implementasi Antarmuka Halaman Belajar Implementasi Antarmuka Halaman Bahasa Indonesia Implementasi Antarmuka Halaman Matematika Implementasi Antarmuka Halaman IPA Implementasi Antarmuka Halaman IPS Implementasi Antarmuka Halaman PKN Implementasi Antarmuka Halaman Kuis Implementasi Antarmuka Halaman Kuis Pilihan Ganda Implementasi Antarmuka Halaman Mencocokan Implementasi Elemen Grafis xiv

15 Implementasi Elemen Grafis Tombol Belajar Implementasi Elemen Grafis Tombol Kuis Implementasi Elemen Grafis Tombol Matematika Implementasi Elemen Grafis Tombol Perkalian Implementasi Elemen Grafis Tombol Tabel Perkalian Implementasi Elemen Grafis Tombol Bahasa Indonesia Implementasi Elemen Grafis Tombol Cara Menyampaikan Pesan Implementasi Elemen Grafis Tombol Contoh Implementasi Elemen Grafis Tombol Ilmu Pengetahuan Alam Implementasi Elemen Grafis Tombol Energi Implementasi Elemen Grafis Tombol Energi Panas Implementasi Elemen Grafis Tombol Energi Bunyi Implementasi Elemen Grafis Tombol Energi Cahaya Implementasi Elemen Grafis Tombol Ilmu Pengetahuan Sosial Implementasi Elemen Grafis Tombol Kedudukan dan Peran Anggota Keluarga Implementasi Elemen Grafis Tombol Kedudukan dan Peran Ayah Implementasi Elemen Grafis Tombol Kedudukan dan Peran Ibu Implementasi Elemen Grafis Tombol Kedudukan dan Peran Anak xv

16 Implementasi Elemen Grafis Tombol Pendidikan Kewarganegaraan Implementasi Elemen Grafis Tombol Pengertian Musyawarah Implementasi Elemen Grafis Tombol Mulai Implementasi Elemen Grafis Pensil Impelementasi Navigasi Impelementasi Navigasi Tombol Keluar Impelementasi Navigasi Tombol Kembali Impelementasi Navigasi Tombol Home Pengujian BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA xvi

17 DAFTAR GAMBAR Gambar 2.1 Struktur Navigasi Linier Gambar 2.2 Struktur Navigasi Hirarki Gambar 2.3 Struktur Navigasi Non Linier Gambar 2.4 Struktur Navigasi Campuran Gambar 3.1 Rancangan Interaktif Gambar 3.2 Desain Menu Awal Gambar 3.3 Desain Menu Utama Gambar 3.4 Desain Halaman Belajar Gambar 3.5 Desain Halaman per Mata Pelajaran Gambar 3.6 Desain Halaman Isi Kuis Gambar 3.7 Desain Halaman Kuis Pilihan Ganda Gambar 3.8 Perancangan Grafis Tombol Halaman Utama Gambar 3.9 Perancangan Grafis Tombol Halaman Belajar Gambar 3.10 Perancangan Grafis Tombol Mulai Gambar 3.11 Perancangan Grafis Kursor Pensil Gambar 3.12 Perancangan Navigasi Tombol Keluar Gambar 3.13 Perancangan Navigasi Tombol Kembali Gambar 3.14 Perancangan Navigasi Home Gambar 3.15 Konten Tekstual Gambar 3.16 Diagram alir halaman utama Gambar 3.17 Storyboard Gambar 4.1 Memberi nama instace untuk mulai_tb Gambar 4.2 Pembuatan halaman intro Gambar 4.3 Pembuatan antarmuka halaman utama Gambar 4.4 Pembuatan antarmuka halaman belajar Gambar 4.5 Membuat layer Gambar 4.6 Membuat tampilan materi Gambar 4.7 Membuat tampilan contoh xvii

18 Gambar 4.8 Membuat layer text Gambar 4.9 Membuat tampilan narasi Gambar 4.10 Membuat animasi contoh perkalian Gambar 4.11 Membuat animasi tabel perkalian Gambar 4.12 Membuat layer text Gambar 4.13 Membuat tampilan frame label energi Gambar 4.14 Membuat tampilan materi energi panas Gambar 4.15 Membuat tampilan materi energi bunyi Gambar 4.16 Membuat tampilan materi energi cahaya Gambar 4.17 Membuat layer text Gambar 4.18 Membuat tampilan frame label kel Gambar 4.19 Tampilan materi kedudukan dan peran ayah Gambar 4.20 Tampilan materi kedudukan dan peran ibu Gambar 4.21 Tampilan materi kedudukan dan peran anak Gambar 4.22 Mengatur timeline Gambar 4.23 Membuat tampilan materi Gambar 4.24 Membuat tampilan contoh Gambar 4.25 Pembuatan halaman kuis Gambar 4.26 Mengatur timeline Gambar 4.27 Pembuatan antarmuka halaman petunjuk kuis Gambar 4.28 Pembuatan timeline kuis pilihan ganda Gambar 4.29 Pembuatan antarmuka halaman kuis pilihan ganda Gambar 4.30 Pembuatan Antarmuka Halaman Penampil Hasil Kuis Gambar 4.31 Pembuatan Antarmuka Halaman Kuis Mencocokan Gambar 4.32 Proses Pembuatan Objek Anak Gambar 4.33 Proses Pembuatan Objek Ayah Gambar 4.34 Proses Pembuatan Objek ibu Gambar 4.35 Membuat tombol Gambar 4.36 Export file dalam format *.png Gambar 4.37 Import to library Gambar 4.38 Convert to Symbol xviii

19 Gambar 4.39 Menambahkan teks Gambar 4.40 Membuat tombol kuis Gambar 4.41 Membuat tombol matematika Gambar 4.42 Membuat tombol perkalian Gambar 4.43 Membuat tombol tabel perkalian Gambar 4.44 Membuat tombol bahasa indonesia Gambar 4.45 Membuat tombol cara menyampaikan pesan Gambar 4.46 Membuat tombol contoh Gambar 4.47 Membuat tombol ilmu pengetahuan alam Gambar 4.48 Membuat tombol energi Gambar 4.49 Membuat tombol energi panas Gambar 4.50 Membuat tombol energi bunyi Gambar 4.51 Membuat tombol energi cahaya Gambar 4.52 Membuat tombol ilmu pengetahuan sosial Gambar 4.53 Membuat tombol kedudukan dan peran anggota keluarga Gambar 4.54 Membuat tombol keududkan dan peran ayah Gambar 4.55 Membuat tombol kedudukan dan peran ibu Gambar 4.56 Membuat tombol kedudukan dan peran anak Gambar 4.57 Membuat tombol pendidikan kewarganegaraan Gambar 4.58 Membuat tombol pengertian musyawarah Gambar 4.59 Membuat tombol Gambar 4.60 Export file dalam format *.png Gambar 4.61 Import to library Gambar 4.62 Convert to Symbol Gambar 4.63 Membuat tombol Gambar 4.64 Export file dalam format *.png Gambar 4.65 Import to library Gambar 4.66 Convert to Symbol Gambar 4.67 Actionscript kursor pensil Gambar 4.68 Pengeditan suara dengan Adobe Audition Gambar 4.69 Script untuk animasi typing text xix

20 Gambar 4.70 Function autowrite Gambar 4.71 Statement Gambar 4.72 Actionscript load soal (1) Gambar 4.73 Actionscript load soal (2) Gambar 4.74 Actionscript load soal (3) Gambar 4.75 Actionscript load soal (4) Gambar 4.76 Actionscript mengacak soal Gambar 4.77 Actionscript load data xml Gambar 4.78 Actionscript memulai kuis Gambar 4.79 Actionscript menampilkan soal Gambar 4.80 Condition yang terdapat pada frame ShowQuiz Gambar 4.81 Script yang digunakan untuk memeriksa jawaban Gambar 4.82 Script untuk menghitung banyak jawaban benar Gambar 4.83 Script untuk menghitung banyak jawaban salah Gambar 4.84 Script untuk menghitung hasil akhir kuis Gambar 4.85 Script untuk kuis mencocokan Gambar 4.86 Implementasi antarmuka halaman intro Gambar 4.87 Tampilan halaman utama Gambar 4.88 Implementasi antarmuka halaman belajar Gambar 4.89 Implementasi antarmuka halaman materi bahasa indonesia Gambar 4.90 Implementasi antarmuka halaman contoh bahasa indonesia Gambar 4.91 Implementasi antarmuka halaman matematika Gambar 4.92 Implementasi antarmuka halaman contoh perkalian Gambar 4.93 Implementasi antarmuka halaman tabel perkalian Gambar 4.94 Implementasi antarmuka halaman penjelasan energi Gambar 4.95 Implementasi antarmuka halaman penjelasan energi panas Gambar 4.96 Implementasi antarmuka halaman penjelasan energi bunyi Gambar 4.97 Implementasi antarmuka halaman penjelasan energi cahaya Gambar 4.98 Implementasi antarmuka halaman penjelasan keluarga Gambar 4.99 Implementasi antarmuka halaman penjelasan ayah Gambar Implementasi antarmuka halaman penjelasan ibu xx

21 Gambar Implementasi antarmuka halaman penjelasan anak Gambar Implementasi antarmuka pengertian musyawarah Gambar Implementasi antarmuka halaman contoh musyawarah Gambar Implementasi Antarmuka Halaman Kuis Gambar Pembuatan antarmuka halaman petunjuk kuis Gambar Implementasi Antarmuka Kuis Pilihan Ganda Gambar Implementasi antarmuka bila jawaban benar Gambar Implementasi antarmuka bila jawaban salah Gambar Implementasi antarmuka halaman kuis mencocokan Gambar Implementasi tombol belajar Gambar Implementasi tombol kuis Gambar Implementasi tombol matematika Gambar Implementasi tombol perkalian Gambar Implementasi tombol tabel perkalian Gambar Implementasi tombol bahasa indonesia Gambar Implementasi tombol cara menyampaikan pesan Gambar Implementasi tombol contoh Gambar Implementasi tombol ilmu pengetahuan alam Gambar Implementasi tombol energi Gambar Implementasi tombol energi panas Gambar Implementasi tombol energi bunyi Gambar Implementasi tombol energi cahaya Gambar Implementasi ilmu pengetahuan sosial Gambar Implementasi kedudukan dan peran keluarga Gambar Implementasi kedudukan dan peran ayah Gambar Implementasi kedudukan dan peran ibu Gambar Implementasi kedudukan dan peran anak Gambar Implementasi pendidikan kewarganegaraan Gambar Implementasi pengertian musyawarah Gambar Implementasi tombol mulai Gambar Implementasi tombol pensil xxi

22 Gambar Implementasi tombol keluar Gambar Implementasi tombol kembali Gambar Implementasi tombol home xxii

23 DAFTAR TABEL Gambar 3.1 Tabel Perancangan Jadwal Gambar 4.1 Hasil Pengujian xxiii