DAFTAR ISI ABSTRAK... i KATA PENGANTAR... ii DAFTAR ISI... v DAFTAR TABEL... vii DAFTAR GAMBAR... viii DAFTAR SIMBOL... x BAB I PENDAHULUAN 1.1 Latar Belakang Masalah... I-1 1.2 Rumusan Masalah... I-2 1.3 Identifikasi Masalah... I-2 1.4 Maksud dan Tujuan Aplikasi... I-3 1.5 Batasan Masalah... I-3 1.6 Metodologi Penelitian... I-4 1.7 Sistematika Penulisan... I-5 BAB II LANDASAN TEORI 2.1 Media Pembelajaran... II-1 2.2 Aplikasi Interaktif... II-3 2.2.1 Definisi Aplikasi... II-3 2.2.2 Definisi Interaktif... II-4 2.2.3 Fungsi Aplikasi Interaktif... II-4 2.3 Multimedia... II-5 2.3.1 Grafis dan Aplikasinya... II-6 2.3.2 Suara dan Aplikasinya... II-7 2.3.3 Animasi dan Aplikasinya... II-8 2.4 Konsep Pendidikan, Proses Belajar Mengajar, dan Metode Pembelajaran... II-9 2.5 Strategi Pembelajaran... II-10 2.5.1 Perkembangan Anak-anak 5-7 Tahun... II-12 2.6 Identifikasi Warna, Komposisi, dan Tipografi dalam Peracangan Media Interaktif... II-13 iv
2.6.1 Komposisi... II-15 2.6.2 Tipografi... II-16 2.7 Lagu Anak... II-16 2.7.1 Sejarah Lagu Anak... II-16 2.7.2 Kualitas Dari Lagu Pendidikan Anak-anak... II-17 2.8 Perangkat Lunak (software)... II-19 2.9 Metodologi Pengembangan Perangkat Lunak (Software)... II-21 2.9.1 Tahap-tahap pada siklus IMSDD (Interactive Multimedia System Design & Development)... II-21 2.9.2 Panduan Perancangan Antarmuka pada IMSDD... II-24 2.10 Pemrograman Berorientasi Objek Menggunakan UML (Unified Model Language)... II-25 2.10.1 Unified Model Language (UML)... II-26 BAB III ANALISIS SISTEM 3.1 Analisis Sistem Yang Sedang Berjalan... III-1 3.2 Model Sistem yang Berjalan... III-3 3.3 Penjelasan Use Case Sistem Berjalan... III-5 3.4 Model Sistem Yang Akan Dikembangkan... III-5 3.5 Penjelasan Use case Sistem Yang Akan Dikembangkan... III-6 3.6 Profil dan Kebutuhan Pengguna... III-6 3.7 Definisi Sistem... III-7 3.8 Pertimbangan Perangkat Lunak dan Perangkat Keras... III-7 3.9 Pertimbangan Pengguna Sistem... III-8 3.10 Hasil Analisis... III-9 BAB IV PERANCANGAN SISTEM 4.1 Desain Metaphor... IV-1 4.1.1 Membangun model diagram Use-case... IV-1 4.1.2 Class Diagram... IV-10 4.1.3 Activity Diagram... IV-11 4.1.4 Sequence Diagram... IV-17 4.1.5 Collaboration diagram... IV-22 4.2 Tipe Informasi... IV-27 v
4.3 Struktur Navigasi (storyboard)... IV-28 4.4 Kontrol Sistem... IV-31 BAB V IMPLEMENTASI SISTEM 5.1 Prototyping... V-1 5.2 Betatesting... V-9 BAB VI KESIMPULAN DAN SARAN 6.1 Kesimpulan... VI-1 6.2 Saran... VI-2 DAFTAR PUSTAKA LAMPIRAN vi
DAFTAR TABEL Tabel 4.1 Penjelasan Diagram Use Case... IV-2 Tabel 4.2 Skenario Use Case intro... IV-4 Tabel 4.3 Skenario Use Case Pemutaran Lagu Anak... IV-4 Tabel 4.4 Skenario Use Case Permainan Tebak Obyek... IV-5 Tabel 4.5 Skenario Use Case Daftar Lagu Anak... IV-6 Tabel 4.6 Skenario Use Case Development Credit... IV-7 Tabel 4.7 Skenario Use Case Pemain Baru... IV-8 Tabel 4.8 Skenario Use Case User Credit... IV-8 Tabel 4.9 Skenario Use Case Keluar... IV-9 Tabel 4.10 Struktur Navigasi... IV-28 Tabel 5.1 Betatesting... V-9 vii
DAFTAR GAMBAR Gambar 1.1 Siklus Perancangan dan Pembangunan Sistem Multimedia Interaktif Dastbaz.. I-5 Gambar 2.1 Corel Draw 12... II-17 Gambar 2.2 Windows Media Player... II-8 Gambar 2.3 Macromedia Flash... II-9 Gambar 2.4 Strategi Pembelajaran... II-12 Gambar 2.5 Siklus Perancangan dan Pembangunan Sistem Multimedia Interaktif Dastbaz... II-21 Gambar 2.6 Diagram Use case... II-28 Gambar 2.7 Diagram Class... II-28 Gambar 2.8 Diagram Sequence... II-29 Gambar 2.9 Diagram Collaboration... II-30 Gambar 2.10 Diagram Statechart... II-30 Gambar 2.11 Diagram Activity... II-31 Gambar 2.12 Diagram Component... II-31 Gambar 2.13 Diagram Deployment... II-32 Gambar 3.1 Use-case Diagram Sistem yang Berjalan... III-4 Gambar 3.2 Use-case Diagram Sistem yang Akan Dikembangkan... III-5 Gambar 4.1 Model Use-Case Diagram yang Akan Dikembangkan... IV-3 Gambar 4.2 Class Diagram... IV-10 Gambar 4.3 Activity Diagram Proses Intro... IV-11 Gambar 4.4 Activity Diagram Pemutaran Lagu Anak... IV-12 Gambar 4.5 Activity Diagram Permainan Tebak Obyek... IV-13 Gambar 4.6 Activity Diagram Daftar Lagu Anak... IV-14 Gambar 4.7 Activity Diagram Development Credit... IV-14 Gambar 4.8 Activity Diagram Pemain Baru... IV-15 Gambar 4.9 Activity DiagramUser Credit... IV-16 Gambar 4.10 Activity Diagram Keluar... IV-16 Gambar 4.11 Sequence Diagram Intro... IV-17 viii
Gambar 4.12 Sequence Diagram Pemutaran Lagu Anak.... IV-18 Gambar 4.13 Sequence Diagram Menu Permainan Tebak Obyek... IV-19 Gambar 4.14 Sequence Diagram Daftar Lagu Anak... IV-20 Gambar 4.15 Sequence Diagram Menu Development Credit... IV-20 Gambar 4.16 Sequence Diagram Menu Pemain Baru... IV-21 Gambar 4.17 Sequence Diagram Menu User Credit... IV-22 Gambar 4.18 Collaboration Diagram Intro... IV-22 Gambar 4.19 Collaboration Diagram Pemutaran Lagu Anak... IV-23 Gambar 4.20 Collaboration Diagram Menu Permainan Tebak Obyek... IV-24 Gambar 4.21 Collaboration Diagram Menu Daftar Lagu Anak... IV-25 Gambar 4.22 Collaboration Diagram Menu Development Credit... IV-25 Gambar 4.23 Collaboration Diagram Menu Pemain Baru... IV-26 Gambar 4.24 Collaboration Diagram Menu User Credit... IV-26 Gambar 4.25 Link Program... IV-28 Gambar 5.1 Tampilan Halaman Intro.... V-1 Gambar 5.2 Tampilan Halaman Loading... V-2 Gambar 5.3 Tampilan Menu Utama... V-2 Gambar 5.4 Tampilan Animasi Lagu Anak... V-3 Gambar 5.5 Tampilan Pemutar Lagu Anak... V-3 Gambar 5.6 Tampilan Permainan Cara Bermain... V-4 Gambar 5.7 Tampilan Permainan (stage)... V-4 Gambar 5.8 Tampilan Pertanyaan... V-5 Gambar 5.9 Tampilan Halaman Gagal... V-6 Gambar 5.10 Tampilan Permainan Nilai Akhir... V-6 Gambar 5.11 Tampilan Daftar Lagu Anak... V-7 Gambar 5.12 Tampilan Menu Development Credit... V-7 Gambar 5.13 Tampilan Menu Pemain Baru... V-8 Gambar 5.14 Tampilan Menu User Credit... V-8 ix
DAFTAR SIMBOL Unified Modeling Language Simbol Deskripsi Defenisi Actor Actor menggambarkan user atau pengguna yang berinteraksi dengan sistem Use case Abstraksi dari interaksi antara sistem dan actor Class Cetak biru suatu objek yang memuat attribut dan behaviour dari suatu objek. Action state Aksi yang dijalankan pada kondisi tertentu State Kondisi atau keadaan State1 sistem setelah suatu kejadian. Initial state Kondisi atau keadaan awal sistem sebelum berjalan. Final state Kondisi atau keadaaan awal sistem setelah suatu proses selesai. Fork / join Kondisi dimana suatu proses disatukan (join) atau dipisahkan (fork) x
Decision Association Participant untuk berjalan parallel. Penentuan proses mana yang dijalankan untuk suatu kondisi atau kejadian. Menunjukan hubungan atau interaksi antar elemen dalam model. Menggambarkan objekobjek yang terlibat dalam suatu proses. Node1 Component Node Package Menggambarkan komponen-komponen yang terdapat didalam sistem. Menggambarkan gabungan dari komponen-komponen sistem. Menggambarkan gabungan dari use case yang ada pada sistem. xi