BAB III ANALISIS DAN PERANCANGAN

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN 3.1 Konsep Dasar Pengembangan Multimedia Pada pembuatan media pembelajaran ini multimedia yang dikembangkan adalah teks, gambar dan suara Konsep Dasar Multimedia Multimedia adalah media yang menggabungkan dua unsur atau lebih media yang terdiri dari teks, grafis, gambar, foto, audio, video dan animasi secara terintegrasi. Ketika pengguna dapat mengontrol element yang ada didalam aplikasi multimedia, maka multimedia tersebut disebut dengan multimedia interaktif. Elemen-elemen dari multimedia diatas digabung menjadi satu menggunakan Adobe Flash. Perangkat ini memiliki kemampuan untuk mengedit teks, gambar, suara dan lain-lain yang berhubungan dengan project Proposal Media pembelajaran ini layak dan akan menguntungkan untuk dikembangkan karena aplikasi ini berisikan mata pelajaran bagi siswa sekolah dasar kelas 2 semster 2 tentang tematik perisitiwa disajikan khusus untuk anak-anak sehingga dibuat dengan full colour dan interaktif Target Pengguna Pembuatan media pembelajaran ini ditujukan untuk siswa sekolah dasar kelas 2 semester 2 untuk mempermudah dan menambah ketertarikan dalam proses belajar Dukungan Platform, Teknologi dan Multiplayer Platform yang digunakan untuk media pembelajaran ini adalah laptop atau komputer yang terinstal software flash player. Media pembelajaran ini tidak mendukung multiplayer, hanya bisa digunakan oleh satu orang dalam satu aplikasi. 11

2 Manajemen Proyek Pengembangan Multimedia Kebutuhan dan Peran / Tugas Tim Pengembang Multimedia Media pembelajaran ini dikembangkan oleh penulis sendiri mulai dari perancangan, desain grafis, interaktif dan antarmuka, scripting, sampai implemetasi Perancangan Jadwal Secara umum kegiatan yang di lakukan selama pembutan media pembelajaran ini adalah seperti tabel 3.1. Tabel 3.1 Perancangan Jadwal Kebutuhan Perangkat Keras dan Perangkat Lunak dalam Pengembangan Multimedia Kebutuhan Perangkat Keras (Hardware) Kebutuhan Hardware untuk pembuatan media pembelajaran ini adalah dengan spesifikasi sebagai berikut: a. Processor Processor Intel Pentium IV atau lebih. b. Memory Memory untuk pembuatan media ini adalam 2 GB c. Hardisk Hardisk yang digunakan berkapasitas minimal 1 GB. d. Speaker e. Mouse dan Keyboard

3 Kebutuhan Perangkat Lunak (Software) Software yang diperlukan untuk pembuatan media pembelajaran ini antara lain : a. Adobe Flash b. CorelDRAW Merupakan software yang digunakan untuk mengolah gambar yang dibutukan dalam aplikasi ini. c. Flash Player Software yang berguna untuk memainkan hasil dari pembuatan aplikasi ini Kebutuhan Perangkat Keras dan Perangkat Lunak dalam Implementasi Multimedia Kebutuhan Perangkat Keras (Hardware) Kebutuhan Hardware untuk menjalankan media pembelajaran ini adalah dengan spesifikasi sebagai berikut: a. Processor Processor Intel Pentium IV atau lebih. b. Memory Memory untuk pembuatan media ni adalah RAM 2 GB. c. Hardisk Hardisk yang digunakan berkapasitas minimal 1 GB. d. Speaker e. Mouse dan Keyboard Kebutuhan Perangkat Lunak (Software) Software yang diperlukan untuk menjalankan media pembelajaran ini antara lain : a. Operating System minimal menggunakan Windows XP. b. Flash Player Software yang berguna untuk memainkan hasil dari pembuatan aplikasi ini.

4 Perancangan Multimedia Perancangan Interktif (Interactive Design) Peracangan Interaktif dari media pembelajaran ini ditunjukkan oleh gambar 3.1 Menu Materi Kuis Keluar B. Indonesia IPA IPS Pkn Matematika IPA IPS Pkn Matematika Gambar 3.1 Rancangan Interaktif Tampilan pertama adalah halaman menu utama, pada menu utama user dapat memilih menu yang diinginkan, disini terdapat menu pilihan yaitu materi mata pelajaran, latihan soal (kuis), dan menu keluar bila ingin keluar dari aplikasi Perancangan Antarmuka (Interface Design) Rancangan Tampilan Halaman Awal Halaman ini adalah halaman yang akan muncul pertama kali ketika aplikasi dijalankan. Terdapat sebuah object dan sebuah tombol Mulai yang apabila tombol itu di klik maka akan ditampilkan halaman menu utama. Object Mulai Gambar 3.2 Desain menu awal

5 Rancangan Tampilan Menu Utama Menu ini merupakan halaman utama dari aplikasi ini. Pada halaman ini terdapat 2 tombol antara lain Materi dan kuis. Apabila kita klik tombol materi maka masuk halaman materi. Dan bila tombol quiz di klik akan keluar halaman kuis. Rancangan tampilan menu utama ditampilkan pada gambar 3.3 Belajar Quiz Object Gambar 3.3 Desain menu utama Rancangan Tampilan Halaman Belajar Menu ini merupakan salah satu menu yang terdapat dalam menu utama. Terdapat tombol menu mata pelajaran yang apabila dieksekusi akan mengarah ke frame yang yang dituju. Rancangan desain halaman materi dapat dilihat dalam gambar 3.4. B. Indo MTK IPA IPS Object PKN Gambar 3.4 Desain halaman belajar

6 Rancangan Tampilan Materi Per Mata Pelajaran Menu ini merupakan salah satu menu yang terdapat dalam frame materi. Rancangan desain halaman per mata pelajaran dapat dilihat dalam Gambar 3.5. Nama Mapel Materi yang dibahas home Gambar 3.5 Desain halaman per mata pelajaran Rancangan Tampilan Halaman Kuis Menu ini berisikan tampilan dari halaman kuis pada halaman isi kuis dimana kuis disini adalah kuis pilihan yang digunakan untuk menguji pemahaman mata pelajaran yang dipilih. Rancangan desain halaman isi kuis dapat dilihat dalam Gambar 3.6. IPA IPS PKN Home MTK Gambar 3.6 Desain halaman isi kuis Rancangan Tampilan Kuis Pilihan Ganda Menu ini merupakan salah satu menu yang terdapat dalam frame kuis. Terdapat tombol untuk kembali ke menu utama yang apabila dieksekusi akan mengarah ke frame yang yang dituju.

7 17 Rancangan desain halaman kuis pilihan ganda dapat dilihat dalam Gambar 3.7. SOAL a b c Home Gambar 3.7 Desain halaman kuis pilihan ganda Perancangan Grafis (Design Graphic) Perancangan Grafis Tombol Halaman Utama Gambar 3.8 memperlihatkan perancangan grafis tombol halaman utama. BELAJAR Objek KUIS Gambar 3.8 Perancangan grafis tombol belajar Perancangan Grafis Tombol Halaman Belajar Gambar 3.9 memperlihatkan perancangan grafis tombol halaman belajar. MATEMATIK A IPA B.iNDONESIA IPS PKN Gambar 3.9 Perancangan grafis tombol halaman belajar

8 Perancangan Grafis Tombol Mulai Gambar 3.10 memperlihatkan perancangan grafis tombol mulai. MULAI Gambar 3.10 Perancangan grafis tombol mulai kuis Perancangan Grafis Kursor Pensil Gambar 3.11 memperlihatkan perancangan grafis kursor pensil. Gambar 3.11 Perancangan grafis kursor pensil Perancangan Navigasi (Navigation Design) Perancangan Navigasi Tombol Keluar Gambar 3.12 memperlihatkan perancangan navigasi tombol keluar. Gambar 3.12 Perancangan navigasi tombol keluar Perancangan Navigasi Tombol Kembali Gambar 3.13 memperlihatkan perancangan navigasi tombol kembali. Gambar 3.13 Perancangan navigasi tombol kembali

9 Perancangan Navigasi Tombol Home Gambar 3.14 memperlihatkan perancangan navigasi tombol home. Gambar 3.14 Perancangan navigasi tombol home Konten Tekstual (Textual Content) Konten tekstual berisi materi yang akan digunakan dalam program. Gambar 3.15 menunjukkan salah satu konten yang akan digunakan. Gambar 3.15 Konten tekstual Diagram Alir (Flowchart) Diagram Alir Halaman Utama Pada saat program dijalankan, program akan melakukan inisialisasi variabel-variabel awal. Setelah itu tampilan halaman utama akan kulat menu belajaran kuis dan tombol untuk berhenti dari program. Gambar 3.16 memperlihatkan diagram alir dari halaman utama.

10 20 Start Halaman utama Belajar kuis Berhenti A B Stop Gambar 3.16 Diagram alir halaman utama Berikut ini keterangan diagram alir halaman utama: a. Halaman Menu Belajar Pada form menu belajar adalah halaman yang berisikan tombol mata pelajaran dimana tombol tersebut mewakili halaman materi untuk setiap mata pelajaran. b. Halaman Menu Kuis Pada form menu kuis adalah halaman yang berisikan tombol mata pelajaran dimana tombol tersebut mewakili halaman kuis untuk setiap mata pelajaran Storyboard Gambar 3.17 memperlihatkan storyboard untuk media pembelajaran. Nama Mapel Materi yang dibahas home Gambar 3.17 Storyboard