ANALISIS DAN PERANCANGAN APLIKASI MULTIMEDIA INTERAKTIF SEBAGAI MEDIA PEMBELAJARAN MELUKIS TINGKAT DASAR DI SANGGAR MELUKIS DJOGJA MODERN PAINTING

ANALISIS DAN PERANCANGAN APLIKASI MULTIMEDIA INTERAKTIF

SEBAGAI MEDIA PEMBELAJARAN MELUKIS TINGKAT DASAR DI

SANGGAR MELUKIS “DJOGJA MODERN PAINTING”

NASKAH PUBLIKASI

diajukan oleh

Dinda Gusti Widati

09.12.4165

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2013

ANALYSIS AND DESIGN OF INTERACTIVE MULTIMEDIA APPLICATIONS AS MEDIA LEARNING BASIC PAINTING IN THE STUDIO PAINTING

“DJOGJA MODERN PAINTING”

ANALISIS DAN PERANCANGAN APLIKASI MULTIMEDIA INTERAKTIF SEBAGAI MEDIA PEMBELAJARAN MELUKIS TINGKAT DASAR DI SANGGAR MELUKIS

“DJOGJA MODERN PAINTING”

Dinda Gusti Widati Hanif Al Fatta Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA

ABSTRACT

The development of the computer world has now reached the very rapid development. Almost all areas of job in the world has been controlled by a computer. Just like other fields, computers are also very closely related to the world of education. In the area of teaching, the computer allows for the implementation of distance teaching and learning, or learning face to face.

Painting is one way to explore the creative potential of children. Because the painting can stimulate the brain. Painting in any form is an expression and part of the creative process and their imaginative childhood. With painting, children will learn to invent or create, pouring his ideas, as well as visualize and realize the imagination in a work. And because they lack media support teaching and learning activities for children who like to paint in the studio painting "Djogja Modern Painting" inspired to create development that will be the final project. This final project aims to design an interactive multimedia applications as a medium of learning for children who like to paint in the painting studio "Djogja Modem Painting". The design of these applications will be developed using the software Adobe Director 2011 and Adobe Flash CS3 Professional.

Given the interactive media to help children to more quickly understand what to say and more in focus because the design is made in an interesting way possible with pictures, colors, and sounds to help children more interested in drawing attention to and follow the example that is being taught.

1

1. Pendahuluan

1.1. Latar Belakang Masalah

Perkembangan teknologi saat ini sangat pesat, segala aspek kehidupan banyak memanfaatkan teknologi, sehingga manusia dituntut untuk dapat mengikuti perkembangan teknologi tersebut. Dan salah satu teknologi itu adalah multimedia. Era globalisasi dan komputerisasi merupakan wujud nyata dari perkembangan yang terus terjadi. Demikian juga aplikasi multimedia yang semakin dikembangkan untuk mengubah cara manusia untuk berinteraksi dengan komputer melalui unsur teks, audio, gambar, animasi dan visual dalam satu aplikasi.

Sebuah metode pembelajaran memiliki peranan yang sangat penting pada suatu sistem pendidikan. Metode pembelajaran akan mudah dipahami dan dimengerti apabila disajikan semenarik mungkin. Karena dalam multimedia interaktif ini menggunakan gambar/animasi yang mudah dipahami dan dimengerti pada anak-anak usia bermain.

Karena masih sangat minimnya aplikasi yang dapat digunakan sebagai pendukung siswa dalam melukis maka judul skripsi ini adalah Analisis dan Perancangan Aplikasi Multimedia Interaktif sebagai Media Pembelajaran Melukis Tingkat Dasar di sanggar melukis ‘Djogja Modern Painting'. Atas dasar itulah diharapkan dengan adanya aplikasi ini anak-anak mudah untuk diajak bermain tapi sekaligus belajar.

1.2. Rumusan Masalah

Sehingga rumusan masalah dari Perancangan aplikasi multimedia interaktif sebagai media pembelajaran melukis tingkat dasar di sanggar melukis ‘Djogja Modern Painting’ yaitu:

Bagaimana merancang aplikasi multimedia interaktif sebagai media pembelajaran melukis tingkat dasar di sanggar melukis ‘Djogja Modern Painting'?

2. Landasan teori 2.1. Multimedia

Multimedia adalah pemanfaatan computer untuk membuat dan menggabungkan beberapa media seperti teks, grafik, audio, dan gambar gerak (animasi dan video) dengan menggabungkan link dan tool yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi, dan berkomunikasi.1

1

M. Suyanto, 2003. Multimedia Alat untuk Meningkatkan Keunggulan Bersaing, Andi Offset, hal:20

2

2.2. Elemen Multimedia

Multimedia merupakan kombinasi atau gabungan dari beberapa medium yang dimainkan link dalam menyediakan jalan bagi pengguna untuk berinteraksi dan melakukan navigasi2 terdapat lima jenis objek dalam keseluruhan sistem multimedia yaitu: Teks, Suara(sound), Gambar(Image), Video, dan Animasi.

Gambar 2.1 Elemen-Elemen Multimedia

2.3. Struktur Multimedia

Struktur Sistem Informasi Multimedia merupakan bagian yang sangat penting dari keseluruhan pembuatan aplikasi Multimedia. Struktur ini berguna untuk memvisualisasikan seluruh relasional dan apliksai yang sedang dibangun. Struktur ini menjelaskan organisasi file dari Macromedia sebagai perangkat lunak utama, grafik dan sumber daya lain, sehingga tidak hanya memudahkan dalam menemukan file tertentu, tetapi juga memudahkan untuk melakukan revisi pada tiap komponen dalam aplikasi Multimedia ketika dibutuhkan.Ada empat struktur Sistem Informasi Multimedia menurut Laura Lemay di mana masing-masing struktur memiliki tujuan dan kegunaan yang berbeda-beda. Adapun struktur yang dimaksud adalah sebagai berikut:

Keterangan icon :

Gambar 2.2 Keterangan Icon Struktur Sistem Informasi Multimedia

2.3.1. Struktur Linier

Sruktur ini digunakan bila lebih menonjolkan arus informasi antar level. Desain memanfaatkan struktur sampai level 3.

Home Splash Page Level 1 (Selection) Level 2 (Data) Level 3 (Resouece) Video Audio Text Animation Picture Multimedi

3

Gambar 2.3 Struktur Linear

2.3.2. Struktur Hierarki

Struktur ini lebih cocok untuk menonjolkan semua level secara bersamaan

Gambar 2.4 Struktur Hierarki

2.3.3. Struktur Piramida

Struktur ini menunjukan kesemua level, tiga resource yang memiliki tingkat ketersediaan yang sama.

Gambar 2.5 Struktur Piramida

2.3.4. Struktur Polar

Di dalam struktur ini kita akan melihat bahwa semua level memiliki resource yang universal.

4

2.4. Pengembangan Sistem Informasi Berbasis Multimedia 2.4.1. Siklus Hidup Pengembangan Aplikasi Multimedia

Ada beberapa langkah yang perlu diperhatikan dalam mengembangkan sistem multimedia agar Sistem Multimedia sebagai alat untuk keunggulan bersaing perusahaan, maka pengembangan sistem multimedia harus mengikuti tahapan pengembang sistem multimedia diantaranya seperti yang terlihat dalam gambar dibawah ini:

Gambar 2.7 Proses Pengembangan Sistem Multimedia2

2.5. Perangkat yang Digunakan

Macromedia Flash Professional 8, Adobe Photoshop CS3, Adobe Soundbooth CS3.

3. Analisis Sistem 3.1. Analisis SWOT

Dalam tahap untuk mengidentifikasi masalah maka di perlukan sebuah analisis, dalam penelitian ini yang digunakan adalah analisis SWOT yaitu analisis yang digunakan untuk mengetahui kekuatan (strength), kelemahan (weakness), peluang (opportunity) dan

2

5

ancaman (treats). Dengan menerapkan analisis ini maka pada penerapannya akan dapat memaksimalkan kekuatan dan mendapatkan peluang serta meminimalisasi kelemahan serta mencegah ancaman.

3.1.1. Strength (Kekuatan)

Analisis ini membahas tentang kekuatan dan keunggulan sistem aplikasi multimedia yang akan dikembangkan dibandingkan sistem yang lama.

Kekuatan antara lain:

a) Perancangan visual Aplikasi multimedia interaktif ini menggunakan pendekatan visual terarah (desain dan layout dibuat menarik) Tujuannya adalah para pengguna tidak akan merasa bosan dengan tampilan multimedia yang menarik.

b) Menggunakan bahasa Indonesia yang baik sehingga dapat dengan mudah dipahami oleh pengguna.

c) Praktis karena aplikasi ini berbentuk CD sehingga para pengguna bisa mengakses aplikasi bukan hanya di tempat belajar tapi juga bisa diakses di rumah atau tempat lainnya.

3.1.2. Weakness (Kelemahan)

Weakness merupakan kondisi kelemahan yang ditemukan dalam sebuah organisai ataupun konsep bisnis yang ada. Kelemahan itu kadang lebih mudah dilihat daripada kekuatan Kelemahan yang terdapat di aplikasi ini adalah:

a) Pengguna paling tidak harus menyediakan seperangkat komputer yang sudah dilengkapi CD-ROM.

b) Selain menu melukis aplikasi ini memiliki beberapa menu hiburan, sehingga kurang spesifik dalam belajar tentang melukis tingkat dasar.

3.1.3. Opportunities (Peluang)

Opportunities adalah input positif yang muncul dari lingkungan dan memberikan kesempatan bagi organisasi atau program kita untuk memanfaatkan. Opportunity tidak hanya berupa kebijakan atau peluang dalam mendapatkan modal berupa uang, tetapi juga berupa respon masyarakat.

Peluang yang didapatkan untuk pengembangan dan pemasaran aplikasi ini adalah:

a) Anak-anak menyukai cara belajar dengan visual

b) Anak-anak menyukai sesuatu yang berwarna, bergerak, dan bersuara. c) Masih jarangnya aplikasi melukis tingkat dasar yang di dalam nya memiliki

beberapa menu lain yang ditawarkan.

d) Para orang tua menyukai cara belajar yang baru, menarik, mudah digunakan dan menyenangkan.

6

e) Minat siswa dikelas untuk memperhatikan materi yang diberikan pengajar sangatlah tidak menentu. Tidak setiap berada dikelas siswa mempunyai keinginan dan konsentrasi untuk memperhatikan setiap materi pelajaran, karena diketahui bahwaa minat, keinginan, perasaan hati dan konsentrasi seseorang berbanding lurus.

3.1.4. Treats (Ancaman)

Treats adalah factor negative dari lingkungan yang memberikan hambatan bagi berkembangnya atau berjalannya sebuah organisasi dan program.

a) Munculnya pesaing yang mulai membuat atau mengembangkan aplikasi yang sama atau sejenis.

b) Software ini ditujukan untuk anak TK, sedangkan sebagian besar dari mereka belum fasih membaca maka diperlukannya pendamping untuk mengoprasikan software ini.

3.2. Kebutuhan Perangkat Lunak

Perangkat lunak sistem operasi adalah perangkat yang digunakan untuk menjalankan kegiatan didalam komputer. Adapun perangkat lunak sistem operasi yang dibutuhkan adalah perangkat lunak yang mampu menjalankan aplikasi ini. Sistem operasi yang digunakan adalah:

7

3.3. Kebutuhan Perangkat Keras

Perangkat keras adalah semua bagian dari komputer berupa benda fisik yang mendukung proses kerja sistem. Perangkat keras yang digunakan adalah sebagai berikut:

Tabel 3.2 Kebutuhan Perangkat Keras Sistem

3.4. Perancangan Sistem

Struktur yang penulis pakai dalam pembuatan aplikasi ini adalah struktur hirarki, karena masing-masing obyek menyediakan sebuah menu pilihan seperti pada gambar:

8

Gambar 3.1 Rancangan Aplikasi

Keterangan: A. Intro B. Menu Utama C. Petunjuk D. Melukis a. Melukis Buah 1. Mangga 2. Manggis 3. Duku 4. Anggur 5. Menu Utama b. Melukis Benda 1. Pensil 2. Bola Basket 3. Layang-layang 4. Poci The 5. Menu Utama c. Alat Transportasi 1. Perahu

9

2. Helikopter 3. Pesawat 4. Tank 5. Menu Utama d. Melukis Hewan 1. Bebek 2. Ikan 3. Kupu-kupu 4. Udang 5. Menu Utama e. Melukis Manusia 1. Laki-laki 2. Perempuan 3. Menu Utama E. Mewarnai f. Mewarnai Buah 1. Mangga 2. Manggis 3. Duku 4. Anggur 5. Menu Utama g. Mewarnai benda 1. Pensil 2. Bola Basket 3. Layang-layang 4. Poci The 5. Menu Utama h. Alat Transportasi 1. Perahu 2. Helikopter 3. Pesawat 4. Tank 5. Menu Utama i. Mewarnai Hewan 1. Bebek 2. Ikan 3. Kupu-kupu

10

4. Udang 5. Menu Utama j. Mewarnai Manusia 1. Laki-laki 2. Perempuan 3. Menu Utama F. Puzzle 1. Soal 1 2. Soal 2 3. Soal 3 4. Soal 4 5. Soal 5 6. Soal 6 7. Soal 7 8. Soal 8 9. Soal 9 10. Skor 11. Menu Utama G. Kuis 1. Kuis 1 2. Kuis 2 3. Kuis 3 4. Kuis 4 5. Kuis 5 6. Kuis 6 7. Kuis 7 8. Kuis 8 9. Kuis 9 10. Skor 11. Menu Utama 4. Implementasi Halaman 4.1. Tampilan Intro

Tampilan Intro merupakan halaman awal pada aplikasi ini. Pada tampilan Intro terdapat animasi Judul Aplikasi dan animasi pada background. Jika animasi sudah selesai akan masuk ke Menu Menu utama secara Otomatis.

11

Gambar 4.1 Tampilan Animasi Intro

Gambar 4.2 Tampilan Intro

4.2. Tampilan Menu Utama

Tampilan Menu utama merupakan halaman ke–2 pada aplikasi ini. Pada tampilan menu utama terdapat animasi pada judul dan menu, Menu-menu pada Menu utama ini adalah Petunjuk, Melukis, Mewarnai, Puzzle, dan Kuis. Terdapat juga tombol Keluar untuk keluar dari aplikasi.

Gambar 4.3 Tampilan Menu Utama

4.3. Tampilan Menu Petunjuk

Tampilan Menu Petunjuk berisi tentang petunjuk perkenalan bentuk dasar melukis. Terdapat juga tombol menu utama untuk masuk ke menu menu utama.

12

Gambar 4.4 Tampilan Menu Petunjuk

4.4. Tampilan Menu Kategori Melukis

Tampilan Menu Melukis terdapat judul aplikasi dan kategori Melukis buah, melukis benda, alat transportasi, melukis hewan, dan melukis manusia dimana user dapat memilih untuk dipelajari, dan terdapat tombol menu utama untuk kembali ke menu menu utama.

Gambar 4.5 Tampilan Menu Kategori Melukis

4.5. Tampilan Menu Melukis

Pada tampilan melukis terdapat judul, tombol kembali dan menu utama. Terdapat 4 pilihan menu melukis buah, dan pada lembar kerja tampilan buah akan muncul step-perstep agar anak mudah untuk menirukan bagaimana membuat suatu objek tersebut. Tombol lanjut dan ulang untuk melanjutkan / mengulangi step yang dibuat.

13

4.6. Tampilan Menu Mewarnai

Tampilan menu Mewarnai terdapat judul, tombol kembali dan menu utama. Terdapat 4 pilihan menu mewarnai buah dan ada menu pilhan warna untuk mewarnai objek.

Gambar 4.7 Tampilan Menu Mewarnai

4.7. Tampilan Menu Puzzle

Di dalam menu Puzzle terdapat kembali dan menu utama. Dan di dalam lembar kerja terdapat tombol cek untuk mengecek benar atau salahnya dan menu ulangi/ reset. Terdapat 2 gambar didalam stage, 1 gambar yang sudah tersusun dengan benar dan yang satu tersusun secara acak. User tinggal mengedrag potongan gambar.

Gambar 4.8 Tampilan Menu Puzzle

4.8. Tampilan Skor pada Menu Puzzle

Pada tampilan Skor pada menu puzzle terdapat tombol home untuk kembali ke menu utama. Dan terdapat penjelasan skor yang didapat.

14

4.9. Tampilan Menu Kuis

Tampilan ini terdapat pertanyaan yang sesuai dengan materi-materi sebelumnya.untuk menguji user memahami / mengingat gambar apa yang sudah dipelajari sebelumnya.

Gambar 4.10 Tampilan Menu Kuis

4.10. Tampilan Skor pada Menu Kuis

Pada tampilan Skor pada menu kuis terdapat tombol home untuk kembali ke menu utama. Dan terdapat penjelasan skor yang didapat.

Gambar 4.11 Tampilan Skor pada Menu Kuis

5. Kesimpulan

Dari penjelasan dan penguraian pada bab-bab sebelumnya dan sampai akhir dari Analisis dan Perancangan Aplikasi Multimedia Interaktif sebagai Media Pembelajaran Melukis Tingkat Dasar Di sanggar melukis “Djogja Modern Painting”, dapat diambil kesimpulan bahwa:

1. Aplikasi Pembelajaran multimedia ini sangat membantu karena tidak hanya menggunakan teori saja tetapi menambahkan gambar-gambar yang menarik. 2. Pengguna multimedia audio visual dengan menambahkan animasi dan suara

yang mampu memberikan kesan hidup dalam multimedia pembelajaran yang disajikan.

3. Analisis dan Perancangan Aplikasi Multimedia sebagai Media Pembelajaran Melukis Tingkat Dasar di Sanggar “Djogja Modern Painting”, yaitu mulai dari meninjau langsung ke lokasi, menganalisis, untuk mengetahui hal-hal apa saja

15

yang dibutuhkan dalam bimbingan belajar tersebut, kemudian merancang konsep, merancang isi, merancang naskah, merancang grafik, pembuatan dan pengolahan grafik yang terdiri dari pembuatan background dengan Adobe Photoshop CS3, pembuatan animasi dengan Macromedia Flash Professional 8, memasukkan suara, semua file disusun dalam Macromedia Flash Professional 8, selanjutnya pengujian sistem untuk mengetahui aplikasi sudah berjalan sesuai yang diinginkan.

4. Dari perhitungan kuisioner yang dibagikan didapatkan rata-rata hasil dari prosentase aplikasi tersebut adalah 75,8 % itu artinya aplikasi ini menurut masyarakat adalah cukup baik.

5. Dalam pembuatan Aplikasi Multimedia sebagai Media Pembelajaran Melukis Tingkat Dasar di Sanggar “Djogja Modern Painting”, tersebut dalam aplikasinya ada beberapa menu hiburan di antaranya puzzle dan kuis yang memberikan skor untuk anak didik, sehingga dapat menjadi salah satu memotivasi agar anak fokus untuk memperhatikan apa yang diajarkan.

6. Manfaat dari aplikasi ini sebagai media pembelajaran melukis tingkat dasar yang nantinya akan dapat meningkatkan pengetahuan anak tentang bagaimana cara melukis tingkat dasar.

16

Daftar Pustaka

Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan & Organisasi Modern. Yogyakarta: ANDI.

Anonim. 2002. Panduan Lengkap Macromedia Flash 5. Yogyakarta: ANDI. Anonim. 2008. Panduan Lengkap Adobe Photoshop CS3. Yogyakarta: ANDI.

Dean A, Daemon. 1996. Multimedia di Internet. Jakarta: Elekmedia Komputindo.

McLeod, Raymond. 1996. Sistem Informasi Manajemen(II). Jakarta: PT Prenhallindo. Pramono, Andi. 2004. Presentasi Multimedia dengan Macromedia Flash. Yogyakarta:

ANDI.

Suku Radja. 2012. Dasar-dasar Menggambar untuk Anak. Yogyakarta: DIVA Press. Suyanto, M. 2003. Multimedia Alat Untuk Meningkatkan Keunggulan Bersaing.

Yogyakarta: ANDI.

Syafrizal, Melwin. Mengenal Hardware Software dan Pengelolaan Instalasi Komputer. Yogyakarta: Andi Offset.

Anonim. 2013. Adobe Flash. http://id.wikipedia.org/wiki/Adobe_Flash diakses tanggal 1 Juni 2013.