UNIVERSITAS BINA NUSANTARA

Transkripsi

1 UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Program Studi Ilmu Komputer Skripsi Sarjana Komputer Semester VII tahun 2006/2007 Analisis dan Perancangan Perangkat Ajar Multimedia dan Animasi untuk Playgroup Wonderland Jakarta Jafri : Fauzi : Leonard : Kelas / Kelompok : 08PAT / Kelompok 10 Abstrak Wonderland adalah salah satu Playgroup di Jakarta yang berlokasi di bilangan Sunter. Perangkat Ajar yang ada saat ini masih dirasakan kurang diminati para murid di Playgroup. Oleh karena itu diperlukan suatu sistem yang dapat meningkatkan minat para murid dengan penyampaian multimedia yang lebih interaktif dan menarik. Untuk membuat sistem ini maka sebelumnya dilakukan metode penelitian dengan mengadakan observasi lapangan, studi pustaka dan metode perancangan. Dari hasil observasi lapangan, para murid mengalami kesulitan dalam menangkap pelajaran yang diberikan. Dengan demikian dapat kita simpulkan bahwa dengan adanya perangkat ajar multimedia yang interaktif ini dapat membantu para murid di Wonderland. Kata Kunci: Wonderland, Perangkat Ajar, Multimedia, Analisis dan Perancangan Sistem iv

2 PRAKATA Puji syukur kami ucapkan kepada Tuhan Yang Maha Esa karena atas berkat kasih dan rahmat-nya penulis dapat menyelesaikan skripsi ini. Penulisan skripsi ini merupakan salah satu syarat untuk menempuh sidang sarjana guna mendapat gelar sarjana komputer pada Fakultas Ilmu Komputer, Jurusan Teknik Informatika, Universitas Bina Nusantara. Sebagai bahan dalam penulisan skripsi ini penulis memilih judul Analisis dan Perancangan Perangkat Ajar Multimedia dan Animasi untuk Playgroup Wonderland Jakarta. Penulis telah berupaya melakukan yang terbaik dalam penyusunan skripsi ini tetapi disadari pula bahwa masih banyak terdapat kekurangan. Oleh karena itu, diharapkan saran dan kritik untuk penyempurnaan penulisan skripsi. Pada kesempatan ini, penulis ingin mengucapkan terima kasih kepada pihak yang telah memberikan dukungan, bantuan, bimbingan dan nasehat dalam penyusunan skripsi ini, yaitu : 1. Bapak Prof. Dr. Gerardus Polla, M. App.Sc., selaku Rektor Universitas Bina Nusantara yang telah memberi banyak kepercayaan dan kesempatan untuk menyelesaikan skripsi ini. 2. Bapak Ir. Sablin Yusuf, M.Sc, M.CompSc., selaku Dekan Universitas Bina Nusantara. 3. Bapak H. Mohammad Subekti, BE, M.Sc, selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara. v

3 4. Bapak Freddy Purnomo, S.Kom, M.Com, selaku Sekretaris Jurusan Teknik Informatika Universitas Bina Nusantara. 5. Bapak Jarot S. Suroso Ir. M.Eng., selaku Pembimbing yang telah memberikan pengarahan dan masukan, sehingga skripsi ini dapat diselesaikan dengan baik. 6. Seluruh dosen dan staf Fakultas Ilmu Komputer, Jurusan Teknik Informatika, Universitas Bina Nusantara yang telah memberikan bantuan dan bimbingan. 7. Orang tua dan keluarga kami yang telah memberi dukungan doa, biaya dan moral selama kuliah dan pembuatan skripsi ini. 8. Semua pihak yang telah membantu penulis baik secara langsung maupun tidak langsung dan namanya tidak dapat disebutkan satu persatu. Akhir kata penulis berharap agar hasil penelitian ini dapat memberikan manfaat bagi Sekolah tempat penulis mengadakan penelitian serta rekan-rekan yang membacanya. Jakarta, Juli 2007 Penulis vi

4 DAFTAR ISI Judul... i Halaman Persetujuan softcover... iii Abstrak... iv Prakata... v Daftar isi... vii Daftar Tabel... xiii Daftar gambar... xv BAB 1 PENDAHULUAN 1.1 latar Belakang Ruang Lingkup Tujuandan Manfaat Metodologi Metode Analisis Metode Perancangan Sistematika Penulisan... 5 BAB 2 LANDASAN TEORI 2.1 Multimedia Objek-Objek Multimedia Komponen-Komponen Komputer Multimedia Perancangan Layar Antarmuka ( User Interface ) Lima Faktor Manusia yang Dapat Diukur vii

5 viii Delapan Aturan Emas Waktu Respon Kecepatan Tampilan Pedoman Waktu Respon ( Shneiderman, 1998, p367 ) Rekayasa Perangkat Lunak Definisi Perangkat Lunak Karakteristik Perangkat Lunak Komponen Rekayasa Perangkat Lunak Daur Hidup Rekayasa Perangkat Lunak STD (State Transition Diagram) Usabiility Design dan Pengembangan Sistem Multimedia Interaktif Sistem Basis Data Pengertian Sistem Pengertian Basis Data Pengertian Sistem Basis Data Struktur Basis Data Komponen Basis Data Prevalensi Pendidikan Usia Dini Latar Belakang Kindergaten Pendidikan Anak Usia Dini di Indonesi Pengertian Pembelajaran Desain Pembelajaran Prinsip prinsip dalam Mndesain Pembelajaran... 31

6 ix Proses Pembelajaran Kemampuan Dasar Membaca dan Menullis Anak Usia Taman Kanak - kanak Karakteristik Kemampuan Dasar Membaca dan Menulis Perkembangan Kemampuan Membaca Perkembangan Kemampuan Menulis Paradigma Teori Perkembangan Anak Pandangan Behaviour Terhadap Teori Perkembangan Pandangan Nativist Terhadap Teori Perkembangan Pandangan Constructivitist Terhadap Teori Perkembangan BAB 3 ANALISA DAN PERANCANGAN 3.1 Latar Belakang Wonderland Struktur Organisasi Wonderland Wewenang dan Tanggung Jawab Ketua Yayasan Kepala Sekolah Wakil Kepala Sekolah Sekretaris Bendahara Petugas Tata Usaha Guru Bidang Studi Asisten Guru Penjaga Sekolah... 47

7 x 3.3 Sistem yang sedang berjalan Hasil Kuisioner Awal Rumusan Masalah Usulan Pemecahan Masalah Perancangan Sistem Struktur Menu Login Struktur Menu User Struktur Menu Admin Struktur Menu Utama State Transition Diagram (STD) layar Login STD Layar Menu Utama STD Layar Belajar Huruf STD Layar Belajar Angka STD Layar Lagu STD Layar Movie & Quiz STD Layar Credit Rancangan Layar Rancangan Layar Login Admin Rancangan Layar Main Menu Rancangan Layar Login User Rancangan Layar Main Menu Database Rancangan Layar Alphabet Rancangan Layar Number Rancangan Layar Quiz... 74

8 xi Rancangan Layar Pembuka Rancangan Layar Menu Login Rancangan layar Menu Utama Rancangan Layar Belajar Huruf Rancangan Layar Belajar Angka Rancangan Layar Tampilan Song Rancangan Layar Movie & Quiz Rancangan Layar credit Spesifikasi Program ( Pseudocode ) BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Perangkat Ajar Perangkat Pengembangan Perangkat Ajar Spesifikasi untuk menjalankan Perangkat Ajar Spesifikasi Perangkat Keras untuk menjalankan Perangkat Ajar Spesifikasi Perangkat Lunak untuk Menjalankan Perangkat Ajar Cara Pengoperasian Perangkat Ajar Perancangan Basis Data Mengidentifikasi Tipe Entiti Mengidentifikasi Atribut dari setiap Entiti Menentukan Atribut Candidate dan Primary Key Evaluasi Evaluasi Interaksi Manusia dan Komputer

9 xii BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN

10 DAFTAR TABEL Hal Tabel 3.1 Minat Belajar Tabel 3.2 Aktivitas Murid Tabel 3.3 Cukup Tidaknya Waktu untuk Mengajar Tabel 3.4 Interaksi dengan Komputer Tabel 3.5 Diagram Kesulitan Tabel 3.6 Diagram Tampilan Perangkat Ajar Tabel 3.7 Diagram Kerajinan Anak Tabel 3.8 Diagram Kerajinan Orang Tua Tabel 3.9 Diagram Jenis Perangkat Ajar Tabel 3.10 Diagram Interaksi Tabel 3.11 Diagram Manfaat Perangkat Ajar Tabel 3.12 Diagram Prioritas Pelajaran Tabel 4.1 Tabel Tipe Entiti Tabel 4.2 Tabel Atribut setiap Entiti Tabel 4.3 Tabel Identifikasi Candidate dan Primary key Tabel 4.4 Peran Perangkat Ajar Tabel 4.5 Tingkat Kecukupan Animasi pada Guru Tabel 4.6 Tingkat Kecukupan gambar pada guru Tabel 4.7 Tingkat Kecukupan Musik pada Guru Tabel 4.8 Tingkat Kecukupan Film pada Guru Table 4.9 Tingkat Semangat Murid xiii

11 xiv Table 4.10 Tingkat Kecukupan Animasi pada Orang Tua Murid Table 4.11 Tingkat Kecukupan Gambar pada Orang Tua Table 4.12 Tingkat Kecukupan Musik pada Orang Tua Murid Tabel 4.13 Tingkat kecukupan Film pada Orang Tua Murid Table 4.14 Tingkat Pengurangan kemalasan Table 4.15 Tingkat Pelajaran pada Orang Tua Murid

12 DAFTAR GAMBAR Hal Gambar 2.1 Waterfall Model Gambar 3.1 Struktur Organisasi Playgroup Wonderland Jakarta Gambar 3.2 Diagram Model Gambar 3.3 Diagram Aktivitas Murid Gambar 3.4 Diagram Waktu yang Tersedia Gambar 3.5 Diagram Interaksi Gambar 3.6 Diagram Kesulitan Gambar 3.7 Diagram Tampilan Perangkat Ajar Gambar 3.8 Diagram Kerajinan Anak Gambar 3.9 Diagram Kerajinan Orang Tua Gambar 3.10 Diagram Jenis Perangkat Ajar Gambar 3.11 Diagram Interaksi Gambar 3.12 Diagram Manfaat Perangkat Ajar Gambar 3.13 Diagram Prioritas Pelajaran Gambar 3.14 Struktur Menu Login Gambar 3.15 Struktur Menu User Gambar 3.16 Struktur Menu Admin Gambar 3.17 Struktur Menu Utama Gambar 3.18 STD Layar Login Gambar 3.19 STD Layar Menu Utama Gambar 3.20 STD Layar Belajar Huruf xv

13 xvi Gambar 3.21 STD Layar Belajar Angka Gambar 3.22 STD Layar Lagu Gambar 3.23 STD Layar Movie & Quiz Gambar 3.24 STD Layar Credit Gambar 3.25 RancanganLayar Login Admin Gambar 3.26 Rancangan Layar Main Menu Gambar 3.27 Rancangan Layar User Gambar 3.28 Rancangan Layar Main Menu Database Gambar 3.29 Rancanga Layar Alphabet Gambar 3.30 Rancangan Layar Number Gambar 3.31 Rancangan Layar Quiz Gambar 3.32 Rancangan Layar Pembuka Gambar 3.33 Rancangan Layar Menu Login Gambar 3.34 Rancangan Layar Menu Utama Gambar 3.35 Rancangan Layar Belajar Huruf Gambar 3.36 Rancangan Layar Belajar Angka Gambar 3.37 Rancangan Layar Song Gambar 3.38 Rancangan Layar Movie Gambar 3.39 Rancangan Layar Quiz Gambar 3.40 Rancangan Layar Credit Gambar 4.1 SwishMax ( layar 1) Gambar 4.2 SwishMax ( layar 2) Gambar 4.3 SwishMax ( layar 3) Gambar 4.4 SwishMax ( layar 4)... 93

14 xvii Gambar 4.5 SwishMax ( layar 5) Gambar 4.6 Macromedia Flash 8 ( layar 1) Gambar 4.7 Macromedia Flash 8 ( layar 2) Gambar 4.8 Macromedia Flash 8 ( layar 3) Gambar 4.9 Macromedia Flash 8 ( layar 4) Gambar 4.10 Macromedia Flash 8 ( layar 5) Gambar 4.11 Macromedia Flash 8 ( layar 6) Gambar 4.12 Macromedia Flash 8 ( layar 7) Gambar 4.13 Adope Photoshop 7.0 ( layar 1) Gambar 4.14 Adope Photoshop 7.0 ( layar 2) Gambar 4.15 Adope Photoshop 7.0 ( layar 3) Gambar 4.16 Adope Photoshop 7.0 ( layar 4) Gambar 4.17 Adope Photoshop 7.0 ( layar 5) Gambar4.18 Adope Photoshop 7.0 ( layar 6) Gambar 4.19 Adope Photoshop 7.0 ( layar 7) Gambar 4.20 Adope Photoshop 7.0 ( layar 8) Gambar 4.21 Adope Photoshop 7.0 ( layar 9) Gambar 4.22 Adope Photoshop 7.0 ( layar 10) Gambar 4.23 Adope Photoshop 7.0 ( layar 11) Gambar 4.24 GIF Construction set Professional ( layar 1) Gambar 4.25 GIF Construction set Professional ( layar 2) Gambar 4.26 GIF Construction set Professional ( layar 3) Gambar 4.27 GIF Construction set Professional ( layar 4) Gambar 4.28 GIF Construction set Professional ( layar 5)

15 xviii Gambar 4.29 GIF Construction set Professional ( layar 6) Gambar 4.30 GIF Construction set Professional ( layar 7) Gambar 4.31 Logo Design Studio (layar 1) Gambar 4.32 Logo Design Studio (layar 2) Gambar 4.33 Logo Design Studio (layar 3) Gambar 4.34 Logo Design Studio (layar 4) Gambar 4.35 Logo Design Studio (layar 5) Gambar 4.36 Logo Design Studio (layar 6) Gambar 4.37 Logo Design Studio (layar 7) Gambar 4.38 Logo Design Studio (layar 8) Gambar 4.39 Logo Design Studio (layar 9) Gambar 4.40 Logo Design Studio (layar 10) Gambar 4.41 PianoFX STUDIO 4.0 (layar 1) Gambar 4.42 PianoFX STUDIO 4.0 (layar 2) Gambar 4.43 PianoFX STUDIO 4.0 (layar 3) Gambar 4.44 PianoFX STUDIO 4.0 (layar 4) Gambar 4.45 PianoFX STUDIO 4.0 (layar 5) Gambar 4.46 PianoFX STUDIO 4.0 (layar 6) Gambar 4.47 PianoFX STUDIO 4.0 (layar 7) Gambar 4.48 PianoFX STUDIO 4.0 (layar 8) Gambar 4.49 RAD Video ( layar 1) Gambar 4.50 RAD Video ( layar 2) Gambar 4.51 RAD Video ( layar 3) Gambar 4.52 RAD Video ( layar 4)

16 xix Gambar 4.53 RAD Video ( layar 5) Gambar 4.54 RAD Video ( layar 6) Gambar 4.55 RAD Video ( layar 7) Gambar 4.56 RAD Video ( layar 8) Gambar 4.57 Visual Basic 6.0 ( layar 1) Gambar 4.58 Visual Basic 6.0 ( layar 2) Gambar 4.59 Visual Basic 6.0 ( layar 3) Gambar 4.60 Visual Basic 6.0 ( layar 4) Gambar 4.61 Visual Basic 6.0 ( layar 5) Gambar 4.62 Visual Basic 6.0 ( layar 6) Gambar 4.63 Visual Basic 6.0 ( layar 7) Gambar 4.64 Visual Basic 6.0 ( layar 8) Gambar 4.65 Visual Basic 6.0 ( layar 9) Gambar 4.66 Visual Basic 6.0 ( layar 10) Gambar 4.67 Microsoft Office Access ( layar 1 ) Gambar 4.68 Microsoft Office Access ( layar 2 ) Gambar 4.69 Microsoft Office Access ( layar 3 ) Gambar 4.70 Microsoft Office Access ( layar 4 ) Gambar 4.71 Microsoft Office Access ( layar 5 ) Gambar 4.72 Microsoft Office Access ( layar 6 ) Gambar 4.73 Tampilan Layar Windows Explorer Gambar 4.74 Tampilan Layar Login User Gambar 4.75 Tampilan Layar Menu utama Admin Gambar 4.76 Tampilan Layar User

17 xx Gambar 4.77 Tampilan Layar Main Menu Gambar 4.78 Tampilan Layar Alphabet Gambar 4.79 Tampilan Layar Number Gambar 4.80 Tampilan Layar Question Gambar 4.81 Layar Perkenalan Pertama Gambar 4.82 Layar Perkenalan Kedua Gambar 4.83 Layar Layar Perkenalan User Gambar 4.84 Layar Menu Utama Gambar 4.85 Layar Belajar Alphabet Gambar 4.86 Layar Belajar Number Gambar 4.87 Layar Tampilan Song Gambar 4.88 Layar Tampilan Movie Gambar 4.89 Layar Tampilan Quiz Gambar 4.90 Layar Credits Gambar 4.91 Diagram Peran Perangkat Ajar Gambar 4.92 Diagram Kecukupan Animasi pada Guru Gambar 4.93 Diagram Kecukupan Gambar pada Guru Gambar 4.94 Diagram Kecukupan Musik pada Guru Gambar 4.95 Diagram Kecukupan Film pada Guru Gambar 4.96 Diagram Tingkat Semangat Murid Gambar 4.97 Diagram Kecukupan Animasi pada Orang Tua Murid Gambar 4.98 Diagram Kecukupan Gambar pada Orang Tua Murid Gambar 4.99 Diagram Kecukupan Musik pada Orang Tua Murid Gambar Diagram Kecukupan Film pada Orang Tua Murid

18 Gambar Diagram Pengurangan Kemalasan Gambar Diagram Tingkat Pelajaran pada Orang Tua Murid xxi