Laporan Pembuatan Aplikasi Media Interaktif [PDF]

Citation preview

LAPORAN PERANCANGAN MULTIMEDIA INTERAKTIF “Mengenal Angka, Huruf, dan Membaca”



Disusun Oleh: Oleh : Akbar Hidayat NIM. 17430310



PROGRAM STUDI KOMPUTER MULTIMEDIA SEKOLAH TINGGI TEKNOLOGI STIKMA “Internasional” MALANG 2019



 Identifikasi Masalah 1. Tingginya persentasi data buta aksara di indonesia. Menurut data Badan Pusat Statistik (BPS) pada tahun 2018, terdapat 1,93 persen atau 3.290.490 orang yang masih buta aksara kisaran usia 15-59 tahun. 2. Kurangnya minat literasi pada generasi muda indonesia. Hal ini ditenggarai dengan hasil skor PISA 2018 dalam bidang membaca, indonesia berada di urutan 71 dari 77 negara yang terlibat dengan skor rata rata 371.







Sasaran Pengguna



Saat ini Teknologi Informasi sudah merambah ke setiap lini kehidupan termasuk dalam bidang pendidikan. Pengunaan multimedia interaktif ‘Belajar mengenali huruf, Angka dan Membaca dasar’ dengan Adobe Flash, dimaksudkan supaya dapat membantu peserta didik pada jenjang TK dan SD kelas 1 agar lebih mudah memahami huruf, angka dan membaca.







Batasan Masalah Dalam perancangan media pembelajaran berbasis adobe flash ini dilakukan



beberapa Batasan sebagai berikut : 1. Media pembelajaran ini hanya menampilkan bentuk visual berupa gambar statis dan audio Saja. 2. Media pembelajaran ini berfokus pada suatu materi pembelajaran yaitu hanya pada pengenalan abjad A-Z (tanpa huruf kapital), angka 1-9 dan membaca dasar ‘ini budi’. 3. Tidak ada soal pada aplikasi pada aplikasi ini. Karena hanya berfokus pada materi saja.







Konsep Aplikasi Aplikasi ini dibuat dengan media Adobe Flash CS 6, di mana aplikasi ini



bertujuan untuk memudahkan peserta didik jenjang TK – SD kelas 1 agar dapat mengenali huruf, angka dan membaca. Pada frame pertama aplikasi ini, user akan diperintahkan untuk mengisi nama terlebih dahulu, kemudian dapat menekan tombol mulai untuk menuju frame menu. Pada frame menu, user akan dihadapkan pada tiga pilihan pembelajaran; yaitu mengenal huruf, mengenal angka, dan membaca dasar . Pada setiap menu pembelajaran terdapat visual dan audio untuk memudahkan user



mengetahui materi yang diajarkan; terdapat juga tombol play untuk memainkan audio, tombol previous untuk kembali ke materi sebelumnya, dan tombol next untuk pergi ke materi selanjutnya. Pada akhir pembelajaran user akan dihantar pada frame selamat yang berisi teks (termasuk nama yang diinput pada frame pertama) dan audio untuk ucapan selamat karena telah menyelasaikan pembelajaran.



 Studi Kelayakan a. Biaya No Uraian 1 Biaya laptop untuk pengadaan aplikasi multimedia 2 Biaya design sistem 3 Biaya analisa sistem 4 Biaya perawatan Jumlah



Tarif (Rp) 4.900.000 100.000 50.000 200.000 5.250.000



b. Manfaat 







Membantu siswa didik jenjang TK – SD kelas 1 agar dapat mengenali huruf melalui media interaktif ‘Mengenal Huruf dan Angka serta membaca dasar’ yang telah dibuat. Menambah pengetahuan dasar dalam membaca, yang mana secara tidak langsung dapat meningkatkan literasi sejak usia dini.



 Perancangan Sistem



a. Perancangan isi Materi isi yang digunakan dalam media pembelajaran ini menggunakan aplikasi Adobe Photoshop CS6, Adobe Flash CS6, dan beberapa materi yang diambil dari internet. Perancangan multimedia interaktif ini diisi dengan beberapa elemen, antara lain gambar, suara, dan teks. Gambar yang digunakan dibuat melalui Adobe Photoshop CS6 dan beberapa gambar dengan format PNG bersumber dari internet. Penggunaan



elemen suara juga mengambil dari internet. Sedangkan teks sendiri menggunakan tool yang telah disediakan oleh Adobe Flash CS6.



Gambar 1. Gambar materi Audio



Gambar 2. Materi Gambar



b. Kelayakan Materi Elemen-elemen yang digunakan di dalam sistem multimedia ini dibuat sesederhana mungkin



supaya



tujuan



lebih



pembelajaran.



pembalajaran



memfokuskan



ke



Aplikasi



Multimedia



interaktif ini sengaja



dibuat efektif, lebih ceria ,



dan lebih berwarna



serta



tools



sasaran



yang



tidak



terlalu rumit. Agar



pengguna



yaitu



peserta didik jenjang



TK dan SD kelas 1 dapat



lebih



memahami dengan mudah.  Perancangan







Flowchart



Naskah/



Design



tertarik



dan



Gambar 3. Flowchart







Perancangan design 1. Background “Gambar latar belakang yang mendukung materi pembelajaran” 2. Main Backsound “Audio untuk mendukung latar belakang ” 3. Button “Tombol yang meyertai setiap menu, tombol Previous, tombol Next. 4. Audio Button “Tombol Play yang berisi audio materi pembelajaran” 5. Audio Pembelajaran “Audio yang berisi materi pelajaran yang disisipi pada tombol Play” 6. Quiz “Sebuah latihan setelah pembelajaran bahasa inggris”







Perancangan Frame 1. Frame 1 merupakan halaman awal yang di isi oleh kolom input nama user yang akan ditampilkan pada bagian akhir frame dan tombol mulai untuk menuju frame selanjutnya. 2. Frame 2 merupakan halaman menu, berisikan 3 menu yaitu mengenal huruf, mengenal angka, dan membaca dasar. Jika user memilih menu mengenal angka makan akan dihantarkan pada frame3; jika user memilih menu mengenal huruf maka user akan dihantarkan pada frame 11; jika user memilih menu mengenal huruf maka user akan dihantarkan pada frame 11.



3. Frame 3 sampai 11 merupakan halaman berisi materi pembelajaran angka yang berisi visual tiap angka beserta audionya untuk memudahkan user dalam memahaminya. Terdapat juga tombol play untuk memainkan audio, tombol previous untuk ke frame sebelumnya dan tombol next untuk ke frame selanjutnya. Pada akhir frame pembelajaran, user akan dihantarkan pada frame terakhir yang berupa ucapan selamat untuk mengapresiasi dan memberi semangat. 4. Frame 12 sampai 37 merupakan halaman berisi materi pembelajaran huruf abjad a – z (tanpa huruf kapital) yang berisi visual tiap huruf beserta



audionya untuk memudahkan user dalam memahaminya. Terdapat juga tombol play untuk memainkan audio, tombol previous untuk ke frame sebelumnya dan tombol next untuk ke frame selanjutnya. Pada akhir frame pembelajaran, user akan dihantarkan pada frame terakhir yang berupa ucapan selamat untuk mengapresiasi dan memberi semangat. 5. Frame 38 sampai 42 merupakan halaman berisi materi pembelajaran membaca dasar “ini budi” yang berisi visual gambar dan ejaan beserta audionya untuk memudahkan user dalam memahaminya. Terdapat juga tombol play untuk memainkan audio, tombol previous untuk ke frame sebelumnya dan tombol next untuk ke frame selanjutnya. Pada akhir frame pembelajaran, user akan dihantarkan pada frame terakhir yang berupa ucapan selamat untuk mengapresiasi dan memberi semangat. 6. Frame 43 merupakan frame terakhir yang berisi ucapan selamat kepada user yang telah menggunakan aplikasi multimedia “ Mengenal huruf, angka dan membaca dasar”. Terdapat juga menu back untuk kembali ke frame dan mereset main backsound.



 Perancangan Grafik Perancangan grafik dilakukan untuk membuat kerangka yang akan digunakan untuk menampilkan aplikasi program. Di sini akan dimasukkan suara, gambar, dan animasi yang digabungkan menjadi satu. Desain multimedia interaktif dirancang dengan menggunakan Adobe Flash CS6, sedangkan background dan pengeditan gambar-gambar menggunakan Adobe Photoshop CC 2019 dan Adobe XD 2019 serta beberapa gambar dari internet. Berikut adalah rancangan aplikasinya:



a. Perancangan tampilan awal



Gambar 4. Tampilan awal



Keterangan : 1. Background dibuat menggunakap photoshop cs6 2. Kolom input merupakan kolom yang berfungsi untuk menginput nama user yang akan ditampilkan pada bagian akhir 3. Tombol mulai untuk menuju frame menu.



b. Perancangan tampilan menu



Gambar 5. Tampilan menu



Keterangan : 1. Menu 1 adalah menu mengenal angka yang berisi konten pengenalan angka. 2. Menu 2 adalah menu mengenal huruf yang berisi konten pengenalan huruf. 3. Menu 3 adalah menu membaca dasar yang berisi konten pembelajaran membaca.



c. Perancangan tampilan isi



Gambar 6. Tampilan Isi



Keterangan : 1. 2. 3. 4.



Tombol previous untuk menuju frame sebelumnya Tombol play untuk memainkan audio untuk mendukung pembelajaran Tombol next untuk menuju frame selanjutnya Visual gambar berupa gambar untuk mendukung pembelajaran



Gambar 7. Tampilan selamat/ akhir



Keterangan : 1. Ucapan selamat berupa kata kata motivasi yang akan ditampilkan beserta nama user yang telah diinput pada frame awal. 2. Tombol back berfungsi untuk kembali ke menu awal pada frame 1 dan secara otomatis mematikan main backsound yang sedang berjalan