PERANCANGAN DAN PEMBUATAN ZMART PHOTOSHOP SEBAGAI PENUNJANG MATA PELAJARAN PENGOLAHAN CITRA DIGITAL (PCD) SISWA KELAS XI JURUSAN MULTIMEDIA SMK NEGERI 1 KARANGANYAR

  

PERANCANGAN DAN PEMBUATAN ZMART PHOTOSHOP SEBAGAI

PENUNJANG MATA PELAJARAN PENGOLAHAN CITRA DIGITAL

(PCD) SISWA KELAS XI JURUSAN MULTIMEDIA SMK NEGERI 1

KARANGANYAR

  

Oleh :

Adhi Ginanjar Santoso

K3513002

Skripsi

  

Ditulis dan diajukan untuk memenuhi syarat mendapatkan gelar Sarjana

Pendidikan Teknik Informatika dan Komputer

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

UNIVERSITAS SEBELAS MARET

SURAKARTA

  

Juli 2018

PERNYATAAN KEASLIAN TULISAN

  Saya yang bertanda tangan di bawah ini Nama : Adhi Ginanjar Santoso NIM : K3513002 Program Studi : Pendidikan Teknik Informatika dan Komputer Menyatakan bahwa skripsi saya yang berjudul

  “PERANCANGAN DAN

PEMBUATAN ZMART PHOTOSHOP SEBAGAI PENUNJANG MATA

PELAJARAN PENGOLAHAN CITRA DIGITAL (PCD) SISWA KELAS XI

  SMK NEGERI 1 KARANGANYAR” ini benar –

  benar merupakan hasil karya sendiri. Selain itu, sumber informasi yang dikutip dari penulis lain telah disebutkan dalam teks dan dicantumkan dalam daftar pustaka.

  Apabila pada kemudian hari terbukti atau dapat dibuktikan skripsi ini hasil jiplakan, saya bersedia menerima sanksi atas perbuatan saya Surakarta, 30 Juli 2018 Yang membuat pernyataan

   Adhi Ginanjar Santoso

PERSETUJUAN

  Nama : Adhi Ginanjar Santoso NIM : K3513002

Judul Skripsi : Perancangan Dan Pembuatan Zmart Photoshop

  Sebagai Penunjang Mata Pelajaran Pengolahan Citra Digital (PCD) Siswa Kelas XI Jurusan Multimedia Smk Negeri 1 Karanganyar

  Skripsi ini telah disetujui untuk dipertahankan di hadapan Tim Penguji Skripsi Fakultas Keguruan dan Ilmu Pendidikan Universitas Sebelas Maret Surakarta.

  Persetujuan Pembimbing,

  Pembimbing 1 Pembimbing 2

Dwi Maryono, S.Si., M. Kom. Taufiq Lilo Adi Sucipto, S.T., M.T.

NIP. 19800808 200501 1 003 NIP. 19760618 200003 1 001

  

PENGESAHAN

  Nama : Adhi Ginanjar Santoso NIM : K3513002

Judul Skripsi : Perancangan Dan Pembuatan Zmart Photoshop

  Sebagai Penunjang Mata Pelajaran Pengolahan Citra Digital (PCD) Siswa Kelas XI Jurusan Multimedia Smk Negeri 1 Karanganyar

  Skripsi ini telah dipertahankan di hadapan Tim Penguji Skripsi Fakultas Keguruan dan Ilmu Pendidikan Universitas Sebelas Maret Surakarta pada hari Rabu, 07 Agustus 2018 dengan hasil LULUS dan revisi maksimal 2 bulan. Skripsi telah direvisi sesuai balikan dati Tim Penguji.

  Persetujuan hasil revisi Tim Penguji

  Nama Terang Tanda Tangan Tanggal

  Ketua : Sekretaris : Anggota 1 : Anggota 2 :

  Skripsi disahkan oleh Kepala Program Studi Pendidikan Teknik Informatika dan Komputer pada Hari : Tanggal :

  Mengesahkan Dekan Fakultas Keguruan dan Ilmu Pendidikan Kepala Program Studi Universitas Sbelas Maret Pend. Teknik Informatika dan Komputer

  Prof. Dr. Joko Nurkamto, M.Pd. Dr. Agus Efendi, M.Pd NIP. 196101241987021001 NIP. 19670819199303100

  

ABSTRAK

  Adhi Ginanjar Santoso, PERANCANGAN DAN PEMBUATAN ZMART

  

PHOTOSHOP SEBAGAI PENUNJANG MATA PELAJARAN

PENGOLAHAN CITRA DIGITAL (PCD) SISWA KELAS XI JURUSAN

MULTIMEDIA SMK NEGERI 1 KARANGANYAR. Skripsi, Fakultas

Keguruan dan Ilmu Pendidikan Universitas Sebelas Maret Surakarta. Juli 2018.

  Pembelajaran pengolahan citra digital pada sekolah menengah kejuruan multimedia tidak terlalu memiliki banyak inovasi yang menyenangkan dan efisien. Karena minimnya inovasi dari tahun ke tahun muncul berbagai masalah dalam kegiatan pembelajaran pengolahan citra digital seperti monoton, membosankan dan tidak menarik. Beragamnya media pembelajaran akan mampu meningkatkan minat dan ketertarikan siswa didalam proses pembelajaran. Hasil dari penelitian ini adalah media pembelajaran buku digital Zmart Photoshop yang interaktif dan menarik serta layak digunakan sebagai media penunjang pembelajaran siswa.

  Metode penelitian ini adalah penelitian dan pengembangan (research and

  

development) . Penelitian ini dilakukan menggunakan model penelitian yang

  dikembangkan Borg & Gall. Model penelitian yang digunakan terdiri dari 5 langkah yaitu: penelitian dan pengumpulan data, perencanaan, pengembangan draf produk, uji coba lapangan awal dan merevisi hasil uji coba.

  Aplikasi buku digital Zmart Photoshop diuji cobakan kepada ahli materi, ahli media dan pengguna menggunakan kuisioner. Hasil pengujian kuisioner oleh para ahli didapatkan persentase nilai sebesar 89,76% poin dari ahli materi, 80,53% poin dari ahli media, dan 89,57% poin dari pengguna. Dari hasil pengujian diperoleh kesimpulan bahwa aplikasi buku digital Zmart Photoshop yang telah dikembangkan sangat layak dan dapat digunakan sebagai media pembelajaran pengganti buku pegangan siswa.

  

Kata Kunci : Media Pembelajaran, Buku Digital, E-Book, Photoshop, Multimedia

  

ABSTRACT

  Adhi Ginanjar Santoso, DESIGNING AND CREATING ZMART

  

PHOTOSHOP AS SUPPORTING MEDIA OF DIGITAL IMAGE

TH

PROCESSING LEARNING SUBJECT FOR XI GRADES MULTIMEDIA

STUDENTS IN VOCATIONAL HIGH SCHOOL OF 1 KARANGANYAR.

  Thesis, Teacher Training and Educational Faculty of Sebelas Maret University Surakarta. July 2018.

  Digital image processing learning subject in multimedia majors of vocational high schools does not have much innovation that is fun and efficient. Because of the lack of innovation from year to year, various problems are arise in digital image processing learning activities such a the learning is monotonous, boring and uninteresting. The variety of learning media will be able to increase students' interest in the learning process. The results of this study is an interactive and attractive learning media Zmart Photoshop digital books and are suitable for use as a supporting media in student learning activities.

  This research is using research and development method. This research was conducted using a research model wich developed by Borg & Gall. The used research model is consists of 5 steps, they are: research and information collection, planning, develop prelimetery form of product, preliminary field testing and main product revision.

  The application of digital book Zmart Photoshop tested to the material expert, media expert and users using a detailed questionnaire. Results of questionnaire testing by experts retrieved scores 89.76% points from the material expert, 80.53% points from the media expert, and 89.57% points from the users. From the test result, got conclusions that the application of a digital book Zmart Photoshop is so proper and can be used as a supporting media of the students learning.

  Keywords: Learning Media, Digital Book, Ebook, Photoshop, Multimedia

  

MOTTO

Dan tidak ada taufik bagiku melainkan dengan (pertolongan) Allah.

  (Q.S Huud : 88) Balas dendam terbaik adalah menjadikan dirimu lebih baik.

  (Ali Bin Abi Thalib)

  This job, is try to save as many people as we can. Sometimes that doesn’t mean

everybody. But don’t give up. If we can’t find a way to live with that, next time,

maybe nobody get saved. (Jangan pernah menyerah walau dalam keadaan yang

  paling sulit)

  

Compromise where you can. Where you can’t, don’t ! Even if everyone is telling

you that something wrong is something right. Even if the whole world is telling you

to move, it is your duty to plant yourself like a tree, look them in the eye, and say

“No”. You Move ! (Berpegang teguhlah pada pendirianmu)

  ( Steve Rogers “Captain America” : Civil War)

PERSEMBAHAN

  Syukur alhamdulillah saya haturkan kepada Allah S.W.T. Limpahan nikmat dan rahmat-Nya telah membawa saya hingga sejauh ini. Atas karunia-Nya pula, akhirnya skripsi yang sederhana ini dapat terselesaikan dengan maksimal. Sholawat serta salam tak lupa saya curahkan kepada junjungan besar Nabi Muhammada S.A.W yang syafaatnya kita tunggu di hari akhir nanti. Saya persembahkan skripsi sederhana ini kepada: Bapak dan Ibu Terimakasih atas seg ala dukungan dan do’a yang selalu mengiringi kemanapun saya melangkah hingga nanti bertemu dengan kesuksesan.

  Keluarga Besar dan Saudara Yang senantiasa memberi banyak dukungan dan semangat.

  Dosen Pembimbing Teman – teman guru seta karyawan SMP Islam Al Abidin dan SMK Batik 2 Surakarta Teman

• – teman, guru, karyawan SMK N 1 Karanganyar Slamet Kurniawan F, Muhammad Hassan Massaty serta seluruh teman
• – teman PTIK FKIP UNS angakatan 2013 yang selalu memberi bantuan serta dukungan hingga terselesaikannya skripsi ini Serta o
• – orang terdekat saya yang selalu menyemangati saya

Puji syukur penulis panjatkan kehadirat Allah S.W.T, karena limpahan karunia dan rahmat-Nya penulis dapat menyelesaikan skripsi yang berjudul “Perancangan Dan Pembuatan Zmart Photoshop Sebagai Penunjang Mata Pelajaran Pengolahan Citra Digital (PCD) Siswa Kelas XI Jurusan Multimedia Smk Negeri 1 Karanganyar ”.

  Skripsi ini disusun sebagai syarat untuk memperoleh gelar sarjana di Universitas Sebelas Maret Surakarta Fakultas Keguruan dan Ilmu Pendidikan Program Studi Pendidikan Teknik Informatika dan Komputer.

  Penulis menyadari bahwa dalam penyusunan tidak terlepas dari bantuan berbagai pihak. Untuk itu, penulis mengucapkan terima kasih kepada :

  1. Allah S.W.T yang telah memberikan nikmat, sehingga bisa menimba ilmu hingga selesai di PTIK FKIP UNS.

  2. Bapak dan Ibu yang senantiasa memberikan segala bentuk dukungan dan do’a.

  3. Prof. Dr. Joko Nurkamto, M.Pd selaku Dekan FKIP dan para Wakil Dekan, Fakultas Keguruan dan Ilmu Pendidikan Universitas Sebelas Maret Surakarta, yang telah memberi izin menyusun skripsi.

  4. Dr. Agus Efendi, M.Pd selaku Kepala Prodi Studi Pendidikan Teknik Informatika dan Komputer, Fakultas Keguruan dan Ilmu Pendidikan Universitas Sebelas Maret Surakarta, yang telah memberi izin menyusun skripsi.

  5. Dwi Maryono, S.Si, M.Kom dan Taufiq Lilo Adi Sucipto, S.T, M.T selaku dosen pembimbing I dan pembimbing II yang selalu memberikan dukungan dan pengarahan 6. Rosihan Ariyuana, S.So, M.Kom selaku pembimbing akademik.

  7. Dosen Pendidikan Teknik Informatika dan Komputer yang telah berbagi ilmu kepada penulis.

  Penulis menyadari bahwa dalam penyusunan masih terdapat banyak kekurangan. Oleh karena itu kritik dan saran yang membangun sangat diharapkan dari pembaca sekalian.

  Akhir kata penulis berharap semoga skripsi ini dapat diterima dan bermanfaat bagi semua pihak. Amin.

  Surakarta, 30 Juli 2018 Penulis

  

DAFTAR ISI

  Halaman HALAMAN JUDUL ...................................................................................... i PERNYATAAN KEAHLIAN TULISAN .................................................... ii PERSETUJUAN ........................................................................................... iii PENGESAHAN ............................................................................................. iv ABSTRAK .................................................................................................... v

  ABSTRACT .................................................................................................... vi

  MOTTO ........................................................................................................ vii PERSEMBAHAN ......................................................................................... 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. Rumusan Masalah ....................................................................... 4 C. Tujuan Pengembangan ................................................................ 4 D. Spesifikasi Produk yang Diharapkan .......................................... 4 E. Manfaat Pengembangan .............................................................. 5 F. Pentingnya Pengembangan ......................................................... 6 G. Asumsi dan Keterbatasan Pengembangan ................................... 6 BAB II LANDASAN TEORI A. Kajian Teori ................................................................................. 7 1. Pengertian Pembelajaran ....................................................... 7 2. Media Pembelajaran .............................................................. 9 a. Pengertian Media Pembelajaran ...................................... 9 b. Fungsi Media .................................................................. 10 c. Manfaat Media Pembelajaran ......................................... 12

  d.

  Jenis-jenis Media ............................................................ 14 e. Kriteria Kelayakan Pemilihan Media ............................. 16 3. Media Pembelajaran Interaktif .............................................. 17 4. Langkah-langkah Pengembangan Media .............................. 18 5. E-Book ................................................................................... 19 a.

  Pengertian E-Book .......................................................... 19 b.

  Perkembangan E-Book ................................................... 19 c. Manfaat E-Book .............................................................. 20 d.

  Kekurangan E-Book ....................................................... 20 e. Zmartbook ...................................................................... 21 6. Storyboard ............................................................................. 22 7. Struktur Navigasi ................................................................... 23 8. Pembelajaran Pengolahan Citra Digital ................................. 24 a.

  Devinisi PCD .................................................................. 24 b. Kompetensi Inti dan Kompetensi Dasar ......................... 24 B. Kerangka Berfikir ......................................................................... 25

  BAB III METODE PENELITIAN A. Tempat dan Waktu Penelitian ..................................................... 28 B. Desain Penelitian ......................................................................... 28 C. Prosedur Penelitian ...................................................................... 29 1. Penelitian dan Pengumpulan Informasi .................................. 30 2. Tahap Perencanaan ................................................................. 31 D. Teknik Pengumpulan Data .......................................................... 38 E. Teknik Analisis Data ................................................................... 39 BAB IV HASIL PENELITIAN A. Hasil Penelitian ........................................................................... 41 1. Penelitian dan Pengumpulan Informasi ................................. 41 2. Perencanaan ........................................................................... 44 3. Pengembangan Draf Produk ................................................... 50 4. Uji Coba Kelompok Kecil ...................................................... 71 5. Revisi Produk Pertama ........................................................... 72

  B.

  Pembahasan ................................................................................. 75 C. Kajian Produk Akhir ................................................................... 78

  BAB V SIMPULAN, IMPLIKASI DAN SARAN A. Simpulan ...................................................................................... 80 B. Implikasi ....................................................................................... 81 C. Saran ............................................................................................ 81 DAFTAR PUSTAKA .................................................................................. 83 LAMPIRAN .................................................................................................. 85

  

DAFTAR TABEL

  Halaman

Tabel 3.1 Alokasi Waktu Penelitian .............................................................. 28Tabel 3.2 Kisi-kisi Instrumen Kelayakan Media .......................................... 33Tabel 3.3 Kisi-kisi Instrumen Kelayakan Materi .......................................... 33Tabel 3.4 Kisi-kisi Instrumen Kelayakan Pengguna ..................................... 34Tabel 3.5 Instrumen Kelayakan Media ......................................................... 34Tabel 3.6 Instrumen Kelayakan Materi ......................................................... 35Tabel 3.7 Instrumen Kelayakan Pengguna .................................................... 37Tabel 3.8 Kriteria Skor Likert ....................................................................... 39Tabel 3.9 Presentase Kriteria Kelayakan Media Pembelajaran .................... 40Tabel 4.1 Fungsionalitas Produk ................................................................... 62Tabel 4.2 Hasil Uji Kelayakan Materi .......................................................... 69Tabel 4.3 Hasil Uji Kelayakan Media ........................................................... 60Tabel 4.4 Hasil Uji Kelayakan Pengguna ..................................................... 71

  

DAFTAR GAMBAR

  Halaman

Gambar 2.1 Struktur Navigasi ...................................................................... 23Gambar 2.2 Kerangka Berfikir ...................................................................... 27Gambar 3.1 Prosedur Penelitian .................................................................... 30Gambar 4.1 Desain Navigasi.......................................................................... 45Gambar 4.2 Storyboard Halaman Cover ........................................................ 46Gambar 4.3 Storyboard Halaman Rangkuman .............................................. 46Gambar 4.4 Storyboard Halaman Daftar Isi .................................................. 46Gambar 4.5 Storyboard Halaman Kata Pengantar ......................................... 47Gambar 4.6 Storyboard Bab I ........................................................................ 47Gambar 4.7 Storyboard Bab 2 ...................................................................... 48Gambar 4.8 Storyboard Uji Evaluasi ............................................................ 49Gambar 4.9 Storyboard Uji Kompetensi ...................................................... 50Gambar 4.10 Storyboard Halaman Daftar Pustaka ....................................... 50Gambar 4.11 Halaman Cover ........................................................................ 51Gambar 4.12 Tombol Navigasi ..................................................................... 51Gambar 4.13 Tombol Zoom .......................................................................... 51Gambar 4.14 Halaman Ringkasan ................................................................. 52Gambar 4.15 Logo Zmart Photoshop ............................................................ 52Gambar 4.16 Halaman Daftar Isi .................................................................. 53Gambar 4.17 Halaman Kata Pengantar ......................................................... 53Gambar 4.18 Tombol Daftar Isi .................................................................... 54 Gambar 4.

  19 Bab 1 “Pengenalan Adobe Photoshop CS6” ........................... 54 Gambar 4.

  20 Bab 1 “Membuat Area Kerja Baru” ........................................ 55 Gambar 4.

  21 Bab 1 “Komponen Adobe Photoshop CS6” ............................ 56 Gambar 4.

  22 Bab 2 “Efek Khusus” .............................................................. 57 Gambar 4.

  23 Bab 2 “Candy Cane dan Rainbow” ......................................... 57

  Gambar 4.

  24 Bab 2 “Uji Evaluasi Pilihan Ganda dan Teka-teki Silang ....... 58 Gambar 4.

  25 Bab 2 “Black and White dan Planet” ...................................... 59 Gambar 4.

  26 Bab 2 “Uji Evaluasi Cari Kata” ............................................... 59 Gambar 4.

  27 Bab 2 “Jari Ajaib dan Paus Terbang” ...................................... 60

Gambar 4.28 Halaman Uji Kompetensi (Awal) ............................................ 61Gambar 4.29 Halaman Uji Kompetensi (Akhir) ........................................... 61Gambar 4.30 Halaman Daftar Pustaka .......................................................... 62Gambar 4.31 Diagram Hasil Uji Kelayakan Materi ...................................... 70Gambar 4.32 Diagram Hasil Kelayakan Media ............................................ 71Gambar 4.33 Diagram Hasil Kelayajan Pengguna ....................................... 72Gambar 4.34 Background Salah Satu Halaman Pada Zmart Photoshop ...... 73Gambar 4.35 Tombol Daftar Isi .................................................................... 74Gambar 4.36 Hasil Uji Kompetensi .............................................................. 74Gambar 4.37 Link Pada Halaman Daftar Isi Menuju Halaman Uji Kompetensi

  .................................................................................................. 74