PENGEMBANGAN MEDIA PEMBELAJARAN DESAIN GRAFIS

(MANDEG) BERBASIS ADOBE FLASH PROFESIONAL DENGAN

MODEL BRAIN BASED LEARNING UNTUK SISWA KELAS X

Skripsi diajukan untuk Memperoleh Gelar Sarjana Pendidikan pada

Program Studi Pendidikan Tenik Informatika

Diajukan Oleh:

HENDRI SUSILO

A710140055

PENDIDIKAN TEKNIK INFORMATIKA

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

UNIVERSITAS MUHAMMADIYAH SURAKARTA

2019

ii

iii

iv

v

MOTTO

“Janganlah kamu bersikap lemah dan janganlah pula kamu bersedih hati, padahal

kamulah orang-orang yang paling tinggi derajatnya jika kamu beriman.”

(Q.S. Al Imran : 139)

“Aku Lebih suka lukisan samudra yang gelombangnya menggebu-gebu daripada

lukisan sawah yang adem ayem tentram.”

(Ir. Soekarno)

“Terbentur, terbentur, terbentur, terbentuk!”

(Tan Malaka)

“Orang boleh pandai setinggi langit, tapi selama ia tidak menulis, ia akan hilang di

dalam masyarakat dan dari sejarah. Menulis adalah bekerja untuk keabadian.”

(Pramoedya Ananta Toer)

“Tangga menuju langit adalah kepalamu, maka letakkan kaakimu di atas kepalamu

untuk mencapai Tuhan injak-injaklah pikiran dan kesombongan rasionalmu.”

(Sujiwo Tejo)

“Saya bukan apa-apa tapi saya harus menjadi segalanya.”

(Karl Mark)

“Di bawah kaki ini ada lelah yang ku injak, di tengah raga ini tersimpan emosi

semangat yang terkotak-kotakan, di atas kepala ini jutaan hektar ide kreatifku

bersarang tak terbinasakan.”

(Hendri Susilo)

vi

PERSEMBAHAN

Alhamdulillaahirabbil’aalamin, puji syukur hamba panjatkan kepada-Mu atas

segala keagungan, keindahan, nikmat, dan karunia yang telah Engkau berikan.

Dengan kerendahan hati, skripsi ini penulis persembahkan kepada:

1. Kedua orang tua saya, Bapak Tukiman dan Ibu Lestari yang telah menjadi

mesin utama dalam memberikan dorongan semangat serta do’a yang begitu

luar biasa terus mengalir deras disetiap waktu, sehingga kakanda dapat

menyelesaikan skripsi ini. Semoga Allah Swt. Selalu memberikan kekuatan,

kesehatan, umur yang panjang, dan jalan ampunan. Aamiin.

2. Keempat kakak kandung saya (Heri Kusnanto, Herdaningsih, Heru Handoko,

dan Herpin Pujiastuti) serta keluarga besar yang kumiliki. Terima kasih atas

do’a dan dukungan serta perhatiannya untuk kakanda.

3. Teman dekat saya Dek Unun Naimah. Terima kasih banyak atas kuat dan

lelah raganya dalam menuntun dan membantu saya untuk selalu membekali

diri ini atas dasar suka rela dan semangat dalam menyelesaikan skripsi.

4. Ketiga sahabat karib saya Tri Atmojo Sulaiman, Sutrisno Eko Prasetyo, dan

Indri Istianto yang membantu saya baik itu teknis dan non teknis dalam

proses merampungkan skripsi.

5. Sahabat dan teman seperjuangan – (Pendidikan Teknik Informatika angkatan

2014).

6. Sahabat-sahabat HMP PTI FKIP UMS periode 2014/2015/2016/2017

7. Sahabat dan teman yang mungkin tidak bisa saya sebutkan satu-persatu,

terima kasih atas bantuannya.

8. Almamaterku tercinta.

vii

ABSTRAK

PENGEMBANGAN MEDIA PEMBELAJARAN DESAIN GRAFIS

(MANDEG) BERBASIS ADOBE FLASH PROFESIONAL DENGAN MODEL

BRAIN BASED LEARNING UNTUK SISWA KELAS X.

Kemajuan teknologi kini sangat signifikan bahkan sekarang wajib bagi dunia

pendidikan menerapkan teknologi dalam pembelajaran baik itu teori ataupun praktik.

Salah satu upaya dalam peningkatan mutu dan kualitas belajar adalah dengan

dikembangkannya sarana media pembelajaran berbasis adobe flash profesional yang

mana konten isinya bervariasi. Tak hanya text teori saja melainkan terdapat gambar,

video, soal evaluasi yang mana dibalut dengan animasi disetiap transisi dan tampilan

media itu sendiri. Dasar desain grafis merupakan Kompetensi Dasar pada mata

pelajaran desain grafis kelas X Multimedia SMK. Terdapat materi yang sulit untuk

dipahami siswa terutama saat diaplikasikan menggunakan platform software desain

ketika di lab. praktikum. Berdasarkan permasalahan tersebut penulis merasa perlu

adanya pengembangan suatu media pembelajaran dalam konteks multimedia

interaktif tentang materi dasar desain grafis untuk membantu siswa dalam mengenal

dasar desain grafis terutama pada interface dan yang lainnnya di software desain baik

itu saat pembelajaran di sekolah maupun secara mandiri di rumah. Penelitian ini

bertujuan untuk mengetahui hasil pengembangan media pembelajaran desain grafis

di SMK Muhammadiyah 2 Klaten Utara, efektifitas dari media yang dikembangkan

serta untuk menguji tingkat kelayakan media yang dikembangkan. penelitian ini

menggunakan metode Reseach and Development (R&D) dengan langkah

pengembangan Analisys, Design, Development, Implementation, and Evaluation

(ADDIE), sehingga diharapkan mampu mengembangkan suatu produk terkhusus

media pembelajaran yang berguna dalam bidang pendidikan. Hasil rata-rata dan

presentase dalam hal kelayakan media yakni 87,3% dikategorikan sangat layak untuk

hasil dari validasi ahli media dan terdapat 92,3% dikategorikan sangat layak untuk

hasil dari validasi ahli materi. Dengan begitu, media pembelajaran ini dapat terbilang

sangat layak untuk diaplikasikan. Di sisi lain, hasil uji efektifitas berdasarkan selisih

kelompok kontrol dan eksperimen rata-rata menunjukkan angka 0,830 dengan begitu

peningkatan dapat dikategorikan tinggi sehingga media pembelajaran ini terbukti

efektif dalam pengaplikasian di dunia pendidikan terkhusus pembelajaran materi

kejuruan desain grafis.

Kata Kunci: Adobe Flash Profesional,Brain Based Lerning,Desain Grafis,Media

Pembalajaran

viii

ABSTRACT

Technological advances are now very significant and now even compulsory for the

world of education to apply technology in learning, both theory and practice. One

effort to improve the quality and quality of learning is to develop adobe flash

professional-based learning media facilities in which content varies. Not only text

theory but there are pictures, videos, evaluation questions which are wrapped in

animations in each transition and display of the media itself. The basis of graphic

design is Basic Competence in the graphic design subjects of the Vocational

Multimedia X class. There is material that is difficult for students to understand

especially when applied using a design software platform when in the lab. practice.

Based on these problems the author feels the need for the development of a learning

media in the context of interactive multimedia on basic graphic design material to

help students recognize the basic graphic design especially on interfaces and others

in design software both at school and independently at home. This study aims to

determine the results of the development of graphic design learning media at

Muhammadiyah 2 Vocational School in North Klaten, the effectiveness of the media

developed and to test the level of media feasibility developed. This research uses

Research and Development (R & D) method with the steps of developing Analysis,

Design, Development, Implementation, and Evaluation (ADDIE), so that it is

expected to be able to develop a product especially learning media that is useful in

the field of education. The average results and percentage in terms of media

feasibility namely 87.3% are categorized as very feasible for the results of media

expert validation and there are 92.3% categorized as very feasible for the results of

material expert validation. That way, the learning media can be fairly feasible to

apply. On the other hand, the results of the effectiveness test based on the difference

between the control and experimental groups showed an average number of 0.830, so

the increase could be categorized as high so that the learning media proved effective

in the application in the world of education especially in graphic design vocational

learning material.

Keywords: Adobe Flash Professional, Brain Based Learning, Interactive Learning

Media, Graphic Design

ix

KATA PENGANTAR

Assalamu’alaikum warohmatullahi wabarokatuh

Syukur alhamdulillah, penulis panjatkan atas kehadirat Allah Swt. Yang telah

melimpahkan segala keindahan-Nya; rahmat, hidayah, serta inayah sehingga penulis

dapat menyelesaikan skripsi yang berjudul “PENGEMBANGAN MEDIA

PEMBELAJARAN DESAIN GRAFIS (MANDEG) BERBASIS ADOBE

FLASH PROFESIONAL DENGAN MODEL BRAIN BASED LEARNING

UNTUK SISWA KELAS X” dengan baik dan lancar. Skripsi ini merupakan syarat

yang harus dipenuhi dan diselesaikan untuk memperoleh gelar sarjana pendidikan

strata 1 (S-1) pada program studi Pendidikan Teknik Informatika Fakultas Keguruan

dan Ilmu Pendidikan Universitas Muhammadiyah Surakarta.

Penyusunan skripsi ini tidak lepas dari dorongan semangat dan bantuan

dalam berbagai pihak, baik bantuan moril ataupun materiil. Oleh sebab itu, dalam

kesempatan kali ini penulis mengucapkan terima kasih yang sebesar-besarnya kepada

pihak-pihak yang turut membantu.

1. Prof. Dr. Harun Joko Prayitno, M. Hum., selaku Dekan Fakultas

Keguruan dan Ilmu Pendidikan Universitas Muhammadiyah Surakarta.

2. Drs. Sujalwo, M.Kom., selaku Ketua Program Studi Pendidikan Teknik

Informatika Fakultas Keguruan dan Ilmu Pendidikan Universitas

Muhammadiyah Surakarta yang telah memberikan izin dalam penulisan

skripsi ini.

3. Ahmad Chamsudin, S.T., M.Eng. dan Hernawan Sulistyanto, S.T., M.T.,

selaku pembimbing skripsi yang telah membantu memberi arahan serta

masukan dan saran setiap waktu demi terselesainya skripsi ini.

x

4. Segenap dosen Pendidikan Teknik Informatika Fakultas Keguruan dan

Ilmu Pendidikan Universitas Muhammadiyah Surakarta yang telah

memberikan ilmu yang bermanfaat.

5. Dra. Hj. Wafir, selaku Kepala Sekolah SMK Muhammadiyah 2 Klaten

Utara yang telah memberikan izin waktu dan tempat untuk melaksanakan

penelitian.

6. Angga Chrisna Widyanto, S.E., S.Kom. selaku guru Multimedia dan

Rekayasa Perangkat Lunak (RPL) di SMK Muhammadiyah 2 Klaten

Utara yang telah meluangkan waktu untuk membantu kelancaran dan

keberhasilan penelitian ini.

7. Siswa kelas X Multimedia 3 SMK Muhammadiyah 2 Klaten Utara yang

dengan ikhlas bersedia menjadi subjek peneitian ini.

8. Semua pihak yang telah membantu penulis dalam menyelesaikan skripsi

ini yang tidak bisa penulis sebutkan satu per satu. Semoga apa yang telah

diberikan ini mendapatkan ridha dan balasan dari Allah Swt. Serta

menambah amal jariyah. Aamiin.

Penulis menyadari bahwa karya ini masih sederhana dan terdapat banyak

kekurangan, maka dari itu kritik dan saran dari berbagai pihak diharapkan demi

kesempurnaan karya tulis ini. Semoga karya tulis ini bermanfaat bagi penulis

khususnya pembaca dan penulis selanjutnya.

Wassalamu’alaikum warohmatullahi wabarokatuh

Surakarta, 17 Januari 2019

Penulis

xi

DAFTAR ISI

HALAMAN JUDUL ............................................................................................... i

HALAMAN PERNYATAAN ................................................................................ ii

HALAMAN PERSETUJUAN PEMBIMBING ..................................................... iii

HALAMAN PENGESAHAN SKRIPSI ................................................................. iv

HALAMAN MOTTO ............................................................................................. v

HALAMAN PERSEMBAHAN ............................................................................. vi

ABSTRAK. ............................................................................................................. vii

ABSTRACT ............................................................................................................ viii

KATA PENGANTAR ............................................................................................ ix

DAFTAR ISI ........................................................................................................... xi

DAFTAR TABEL ................................................................................................... xiv

DAFTAR GAMBAR .............................................................................................. xv

DAFTAR LAMPIRAN ........................................................................................... xvii

BAB I PENDAHULUAN

A. Latar Belakang Masalah .............................................................................. 1

B. Identifikasi Masalah .................................................................................... 3

C. Pembatasan Masalah ................................................................................... 3

D. Rumusan Masalah ....................................................................................... 4

E. Tujuan Penelitian ........................................................................................ 4

F. Manfaat Penelitian ...................................................................................... 4

BAB II TINJAUAN PUSTAKA

A. Kajian Teori ................................................................................................ 6

1. Pengembangan ...................................................................................... 6

2. Media Pembelajaran .............................................................................. 6

3. Pembelajaran dasain grafis .................................................................... 7

4. Adobe Flash Profesional CC 2015 ....................................................... 7

5. Brain Based Learning ........................................................................... 8

B. Penelitian Terdahulu yang Relevan ............................................................ 9

C. Spesifikasi Produk yang Dikembangkan .................................................... 11

xii

D. Kerangka Berfikir........................................................................................ 12

E. Hipotesis ...................................................................................................... 14

BAB III METODE PENELITIAN

A. Model Pengembangan ................................................................................. 15

B. Prosedur Pengembangan ............................................................................. 17

1. Pengembangan Produk .......................................................................... 17

a. Desain Pengembangan .................................................................... 17

b. Subjek Pengembangan .................................................................... 19

c. Jenis Data ........................................................................................ 19

d. Teknik Instrumen Pengumpulan Data ............................................. 20

e. Keabsahan Data ............................................................................... 21

2. Uji Coba Produk .................................................................................... 21

a. Desain Uji Coba .............................................................................. 21

b. Subjek Uji Coba .............................................................................. 23

c. Teknik dan Instrumen Pengumpulan Data ...................................... 24

3. Penilaian Produk ................................................................................... 25

a. Desain Eksperimen.......................................................................... 25

b. Subjek Eksperimen.......................................................................... 26

c. Jenis Data ........................................................................................ 26

d. Teknik dan Instrumen Pengumpulan Data ...................................... 27

e. Keabsahan Data ............................................................................... 30

f. Analisis Data ................................................................................... 36

BAB IV HASIL PENELITIAN DAN PEMBAHASAN

A. Hasil Pengembangan ................................................................................... 41

1. Analysis (analisis).................................................................................. 41

2. Design (perancangan) .......................................................................... 46

3. Development (pengembangan) .............................................................. 59

4. Implementation (implementasi) ............................................................ 66

5. Evaluation (Evaluasi) ............................................................................ 66

B. Kelayakan Media ........................................................................................ 67

1. Valiadasi Ahli Media ............................................................................ 67

xiii

2. Validasi Ahli Materi .............................................................................. 69

C. Efektivitas Media ........................................................................................ 71

1. Uji Normalitas ....................................................................................... 71

2. Uji T-test ............................................................................................... 72

3. Uji N-gain ............................................................................................. 73

D. Pembahasan ................................................................................................. 74

1. Membangun Produk Media Pembelajaran ............................................ 74

2. Kelayakan Media .................................................................................. 76

3. Efektivitas Media .................................................................................. 76

E. Keterbatasan Pengembangan ...................................................................... 77

BAB V PENUTUP

A. Simpulan ..................................................................................................... 78

B. Implikasi ...................................................................................................... 79

C. Saran ............................................................................................................ 80

DAFTAR PUSTAKA ............................................................................................. 81

LAMPIRAN ............................................................................................................ 85

xiv

DAFTAR TABEL

Tabel 2.1. Perbandingan dengan penelitian yang terdahulu ................................... 10

Tabel 3.1. Instrumen penilaian untuk ahli media .................................................... 28

Tabel 3.2. Instrumen penilaian untuk ahli materi ................................................... 29

Tabel 3.3. Hasil perhitungan dari validitas butir soal ............................................. 33

Tabel 3.4. Hasil tingkat realibilitas instrumen ........................................................ 35

Tabel 3.5. Konversi data ahli media........................................................................ 37

Tabel 3.6. Konversi kriteria N-gain ........................................................................ 40

Tabel 4.1. Validasi dari ahli media ......................................................................... 67

Tabel 4.2. Validasi dari ahli materi ......................................................................... 69

Tabel 4.3. Hasil final rata-rata nilai responden ....................................................... 70

Tabel 4.4. Hasil N-gain siswa ................................................................................. 74

xv

DAFTAR GAMBAR

Gambar 2.1. kerangka berfikir ................................................................................ 12

Gambar 3.1. desain pengembangan ........................................................................ 17

Gambar 3.2. hasil reabilitas dengan SPSS v.15.0. .................................................. 36

Gambar 4.1. presentase penyampaian materi oleh guru ......................................... 42

Gambar 4.2. presentasse metode yang digunakan .................................................. 42

Gambar 4.3. presentase pembawaaan materi oleh guru .......................................... 43

Gambar 4.4 presentase guru sering menggunakan media ...................................... 43

Gambar 4.5. presentase media yang digunakan guru .............................................. 44

Gambar 4.6. presentase guru membuat media ........................................................ 44

Gambar 4.7. media video yang disukai siswa ......................................................... 45

Gambar 4.8. UML activity diagram MANDEG adobe flash.................................. 47

Gambar 4.9. flowchart jalannya media ................................................................... 49

Gambar 4.10. flowchart menu materi teori (text dan gambar) ................................ 50

Gambar 4.11. flowchart memasuki menu materi .................................................... 51

Gambar 4.12. flowchart dalam quiz yang terdapat (navigasi, pop up, dan skor) .... 52

Gambar 4.13. flowchart profile ............................................................................... 53

Gambar 4.14. flowchart quit ................................................................................... 53

Gambar 4.15. flowchart information ....................................................................... 53

Gambar 4.16. flowchart menjalankan KI,KD, dan Indikator .................................. 53

Gambar 4.17. interface design menu utama ........................................................... 54

Gambar 4.18. interface design menu materi ........................................................... 55

Gambar 4.19. interface design materi teori ............................................................. 55

Gambar 4.20. interface design menu materi video AI dan PSD ............................. 56

Gambar 4.21. interface design quiz (soal evaluasi) ................................................ 57

Gambar 4.22. interface design profil media ........................................................... 57

Gambar 4.23. interface design profil pembuat media ............................................. 57

Gambar 4.24. credit................................................................................................. 58

Gambar 4.25. petunjuk ............................................................................................ 58

Gambar 4.26. KI dan KD ........................................................................................ 58

xvi

Gambar 4.27. indikator ........................................................................................... 58

Gambar 4.28. halaman awal (menu utama) ............................................................ 59

Gambar 4.29. profile terkait dengan media dan penjabaram singkat ...................... 60

Gambar 4.30. profile singkat dari pembuat media desain grafis ............................. 60

Gambar 4.31. credit media pembelajaran desain grafis .......................................... 61

Gambar 4.32. penjelasan tombol (page 1) .............................................................. 61

Gambar 4.33. penjelasan tombol (page 1) .............................................................. 61

Gambar 4.34. muka menu materi (option) .............................................................. 62

Gambar 4.35. menu materi teori ............................................................................. 62

Gambar 4.36. menu materi video pembelajaran AI dan PSD ................................. 63

Gambar 4.37. materi teori (dalam garis) ................................................................. 63

Gambar 4.38. materi videeo .................................................................................... 63

Gambar 4.39. pop up (keterangan awal dalam quiz) ............................................... 64

Gambar 4.40. multiple choice ................................................................................. 64

Gambar 4.41. right choice ....................................................................................... 64

Gambar 4.42. fault................................................................................................... 65

Gambar 4.43. evaluation finish ............................................................................... 65

Gambar 4.44. power off (pop up) keluar dari program media pembelajaran .......... 65

Gambar 4.45. diagram hasil validasi ahli media ..................................................... 68

Gambar 4.46. diagram hasil validasi ahli materi..................................................... 70

Gambar 4.48. hasil uji normalitas menggunakan SPSS v.15.0. .............................. 72

Gambar 4.49. hasil uji T-test menggunakan SPSS v.15.0. ...................................... 73

xvii

DAFTAR LAMPIRAN

Lampiran 1. Pengajuan judul skripsi ....................................................................... 86

Lampiran 2. Pengajuan dosen pembimbing skripsi ................................................ 87

Lampiran 3. Hasil dan revisi seminar proposal ....................................................... 88

Lampiran 4. Berita acara seminar progress ............................................................. 90

Lampiran 5. Surat izin riset ..................................................................................... 91

Lampiran 6. Surat pernyataan izin riset dari PDM Kab. Klaten ............................. 92

Lampiran 7. Kuesioner kebutuhan guru .................................................................. 93

Lampiran 8. KI dan KD Desain Grafis SMK .......................................................... 95

Lampiran 9. Validasi ahli materi ............................................................................. 99

Lampiran 10. Validasi ahli media ........................................................................... 101

Lampiran 11. Presensi kelas X MM 3 SMK Muh 2 Klaten Utara .......................... 104

Lampiran 12. Instrumen penilaian siswa ................................................................ 105

Lampiran 13. Uji validitas instrumen via SPSS v.15.0 ........................................... 111

Lampiran 14. Hasil uji validitas instrumen via SPSS v.15.0 .................................. 112

Lampiran 15. r-Table .............................................................................................. 114

Lampiran 16. Uji reliabilitas instrumen via SPSS v.15.0. ...................................... 115

Lampiran 17. Hasil uji reliabilitas instrumen via SPSS v.15.0 ............................... 116

Lampiran 18. Hasil post-test kelompok kontrol dan eksperimen ........................... 117

Lampiran 19. Uji normalitas via SPSS v.15.0 ........................................................ 119

Lampiran 20. Hasil uji normalitas via SPSS v.15.0 ................................................ 120

Lampiran 21. Uji T-test ........................................................................................... 130

Lampiran 22. Hasil uji T-test .................................................................................. 131

Lampiran 23. Uji N-gain dan hasilnya .................................................................... 132

Lampiran 24. Dokumentasi Observasi .................................................................... 135

Lampiran 25. Dokumentasi Penelitian .................................................................... 137