Volume 5, Nomor 2, Juli 2016
Rancang Bangun CD Interaktif Pembelajaran Pengolahan Citra Digital Berbasis Multimedia Dengan Model Classic Tutorial

## Kasman Rukun
Program Studi Pendidikan Teknik Informatika Jurusan Teknik Elektronika Fakultas Teknik – Universitas Negeri Padang Padang – Indonesia kasman.rukun@gmail.com

## Asrul Huda
Program Studi Pendidikan Teknik Informatika
Jurusan Teknik Elektronika
Fakultas Teknik – Universitas Negeri Padang Padang – Indonesia asrulhuda@gmail.com

## Yeka Hendriyani
Program Studi Pendidikan Teknik Informatika
Jurusan Teknik Elektronika
Fakultas Teknik – Universitas Negeri Padang Padang – Indonesia yecha_053@yahoo.co.id
Abstrak — Pengolahan  Citra  Digital  merupakan mata  pelajaran  wajib  paket  keahlian  bagi  siswa  SMK jurusan  Multimedia.  Pembelajaran  Pengolahan  Citra Digital  ini  lebih  mengarah  pada  kegiatan  praktikum berbasis kompetensi dengan tujuan untuk memberikan bekal keterampilan yang kuat disertai dengan landasan teori yang realistis kepada siswa. Namun masih banyak terdapat  beberapa  siswa  tidak  menguasai  dan memahami pelajaran yang diberikan guru dikarenakan  metode  yang  digunakan  guru  dalam proses pembelajaran yang masih bersifat konvensional dan monoton. Untuk itu perlu untuk mengembangkan media  pembelajaran  yang  dapat  membantu  siswa dalam menguasai materi berupa Multimedia Interaktif yang dikemas dalam sebuah CD.
Dalam  perancangan  materi  digunakan  model classic tutorial dan melalui prosedur teknis pembelajaran  multimedia  interaktif  yaitu  :  Analisis kebutuhan,  identifikasi  materi,  menentukan  model pembelajaran,  desain  flow  chart,  penulisan  story board,  pengumpulan  bahan  grafis,  pengumpulan bahan animasi, pemograman, finishing dan mastering, uji  coba,  revisi  produk  akhir.  Pembuatan  CD multimedia  interaktif  ini  menggunakan  software aplikasi  Macromedia  Director  2004  dan  aplikasi pendukung  lainnya.  CD multimedia  interaktif  ini  juga dilengkapi  dengan  test  formatif  untuk  mengukur tingkat pengetahuan  siswa  terhadap  materi  yang  telah dipelajari.
CD  multimedia  interaktif  pembelajaran  dengan model classic tutorial mata pelajaran pengolahan citra
digital  diharapkan  mampu  memberikan  kemudahan bagi siswa dalam proses pembelajarannya.
Kata  Kunci — perancangan,  media  pembelajaran,  CD multimedia interaktif

## I. P ENDAHULUAN
Pembelajaran merupakan komunikasi atau penyampaian  pesan  pengetahuan  yang  ditujukan  kepada peserta  didik.  Untuk  memperlancar  dan  mempermudah penyampaian  pesan  dan  informasi  tersebut,  maka diperlukan  media  pembelajaran  yang  dapat  merangsang pikiran, perasaan, minat dan perhatian peserta didik.
Perkembangan  teknologi  dan  informasi  memberikan pengaruh besar terhadap kemajuan dunia pendidikan.Diantara  pengaruh  teknologi  dan  informasi pada  dunia  pendidikan  adalah  penggunaan  media pembelajaran yang terus berkembang mengikuti perkembangan  teknologi,  khususnya  perkembangan teknologi  komputer  dalam  bidang  multimedia  dan bahasa pemograman.
Namun pada sisi lain, penggunaan media pembelajaran  masih  belum  optimal  digunakan  oleh pendidik,  karena  masih  belum  mempertimbangkan faktor  kemudahan  penggunaan  secara  efektif  dan efesien. Padahal dukungan teknologi komputer, pembelajaran  dapat  dilakukan  lebih  fleksibel  dengan waktu  dan  ruang.Siswa  tidak  dituntut  hadir  pada  setiap kegiatan pembelajaran, karena mereka dapat mempelajari  materi  pembelajaran  melalui  multimedia kapan saja dan dimana saja selama terdapat multimedia.
Sekolah  Menengah  Kejuruan  (SMK)  adalah  salah satu  lembaga  pendidikan  yang  memiliki  peran  sangat
penting  dalam  mencerdaskan  dan  meningkatkan  sumber daya  manusia  yang  memiliki  kemampuan  dalam  bidang keteknikan  berdasarkan  Kurikulum  Tingkat  Satuan Pendidikan.  Peraturan  Pemerintah  Republik  Indonesia Nomor  19  Tahun  2005  Tentang  Standar  Nasional Pendidikan  Pasal  26  ayat  (3),  pendidikan  menengah kejuruan  bertujuan  untuk  meningkatkan  kecerdasan, pengetahuan, kepribadian, ahklak mulia, serta keterampilan  untuk  hidup  mandiri  dan  mengikuti pendidikan lebih lanjut sesuai dengan kejuruannya.
Sekolah Menengah Kejuruan Negeri (SMK) Kabupaten  Dharmasraya  merupakan  salah  satu  lembaga pendidikan juga bertanggung jawab dan berperan dalam mencerdaskan  dan  meningkatkan  sumber  daya  manusia yang  memiliki  kemampuan  dalam  bidang  keterampilan dan  keteknikan.  Namun  berdasarkan  pengamatan  dan observasi  sementara  penulis  di  SMK  Kabupaten Dharmasraya,  masih  banyak  terdapat  beberapa  siswa- siswi  tidak  menguasai  dan  memahami  pelajaran  yang diberikan guru kepada mereka. Hal tersebut dapat dilihat dari  metode  yang  digunakan  guru  dalam  proses pembelajaran  yang  masih  bersifat  konvensional  dan monoton  sehingga  banyak  diantara  siswa  kurang perhatian  terhadap  materi  yang  diberikan  guru. Disamping  itu,  ada  sebagian  guru  tidak  memanfaatkan IT dalam menunjang proses pembelajarannya.
Dalam  mengatasi  permasalahan  di  atas,  maka diperlukan  inovasi  pembelajaran  yang  lebih  mudah diterima  dan  menarik  oleh  siswa.Salah  satu  solusinya adalah  penggunaan  media  pembelajaran  berupa  media interaktif.
Asyar menyebutkan (2011:92),bahwa dalam pemanfaatan media, selain kreativitas pendidik, pertimbangan  instruksional  juga  menjadi  salah  satu faktor yang menentukan. Pemanfaatan media pembelajaran berkaitan erat dengan peningkatan kualitas pembelajaran  yang  diharapkan.  Pemanfaatan  media pembelajaran  oleh  guru  diharapkan  dapat  menciptakan pengalaman  belajar  yang  lebih  bermakna,  memfasilitasi proses  interaksi  antara  siswa  dengan  guru  dan  siswa yang releven dimana saja, serta memperkaya pengalaman  belajar  siswa.  Hal  ini  dipercaya  mampu mengubah  suasana  belajar  yang  pasif.  Siswa  aktif berdiskusi dan mencari melalui  beragam sumber belajar yang  tersedia,  sementara    guruberperan  menjadi fasilitator yang sama-sama terlibat dalam proses belajar. Ketersediaan akan keanekaragaman media dan teknologi pembelajaran  dapat  membantu    siswa    secara  luwes untuk mencapai tujuan belajarnya.
Pengembangan media interaktif sangat penting untuk mengatasi  kekurangan  dan  keterbatasan  persediaan media yang ada. Media yang dikembangkan sendiri oleh guru  dapat  mengoptimalkan  penguasaan  materi  oleh siswa.  Lebih  dari  itu,  juga  dapat  meningkatkan
kreativitas dan  kemampuan inovasi para guru  sehingga guru profesional.
Penggunaan  media  interaktif  merupakan  salah  satu solusi yang mempunyai peranan yang penting. Pemilihan media    interaktif    yang  tepat,  yaitu  yang  sesuai  dengan materi  yang akan disampaikan dengan tujuan yang akan dicapai,  merupakan  salah  satu  kunci  keberhasilan  suatu proses belajar mengajar.
Computer based training adalah perangkat lunak atau software yang merupakan salah satu aplikasi kecerdasan buatan  yang  memanfaatkan  komputer  untuk  menjadi tutor yang dapat melatih dan mengajar. Berbeda dengan aplikasi pembelajaran konvensional yang hanya mempresentasikan  urutan  materi  instruksional  yang sudah  terkemas,  sehingga  tidak  dapat  membedakan kemampuan  siswa  sebagai  user.  Pada  computer  based training  penyampaian  materi  layaknya  seperti  guru  atau tutor  yang  dapat  menyesuaikan  dengan  kemampuan pemahaman  siswa  sebagai  user,  karena  pembelajaran merupakan    suatu    sistem    yang    mengandung komponen-komponen    yang    saling    berkaitan    untuk mencapai    tujuan    yang    telah    ditetapkan.    Komponen- komponen  tersebut  meliputi:  tujuan,  materi,  metode, media    dan  evaluasi.  Materi  yang  dijadikan  obyek pembelajaran  dalam  perancangan  media  pembelajaran ini  adalah  Pengolahan  Citra  Digital  yang  sesuai  dengan kurikulum 2013.
Pengolahan  citra  digital  merupakan  mata  pelajaran keahlian Jurusan Multimedia untuk kelas XI semester 1. Dalam materi ini siswa dituntut untuk sering melakukan latihan agar dapat memahami konsep dan menggunakan konsep tersebut dalam praktikum dengan berbagai model dan  bentuk  latihan.  Dalam  penyampaian  materi, biasanya  guru  menggunakan  metode  ceramah  dan mempraktekkan  teori  tersebut  menggunakan  layar proyektor  sementara  itu  siswa  mengikuti  apa  yang dilakukan  guru.  Namun,  dalam  kenyataannya  tidak semua  siswa  tersebut  bisa  melakukan  apa  yang dilakukan  oleh  guru.  Hal  tersebut  bisa  saja  disebabkan oleh beberapa faktor antara lain : berbedanya intelektual siswa  terhadap  pemahaman  suatu  materi,  guru  terlalu cepat  menerangkan,  konsentrasi  siswa  terganggu  karena adanya  kerusakan  komputer,  siswa  terlambat  mengikuti instruksi  guru,  siswa  lupa  dengan  materi  yang  telah diajarkan  sehingga  dalam  latihan  siswa  tidak  bisa menggunakan metode-metode yang telah diajarkan  guru dan siswa terus bertanya mengenai materi tersebut.
Atas  dasar  kenyataan  inilah,  maka  perlu  dicari alternatif  dengan  melakukan    inovasi    dan    pendekatan, baik  dalam  penggunaan  media  ataupun  metode penyampaian  sehingga  proses  pembelajaran  dapat berlangsung  aktif,  kreatif,  efektif  dan  menyenangkan. Untuk itu perlu dirancang media  pembelajaran  berbasis multimedia interaktif dengan model pembelajaran classic
tutorial.  Maka  dari  itu,  penulis  menuangkannya  dalam bentuk Tugas Akhir dengan judul “Rancang Bangun CD Interaktif  Pembelajaran  Pengolahan  Citra  Digital Berbasis  Multimedia  Dengan  Model  Classic  Tutorial Pada  Kelas  XI  Jurusan  Multimedia  SMK  Kabupaten Dharmasraya”
Pengertian  multimedia  dalam  jurnal  Septiana,  dkk. (2012) menurut beberapa ahli yaitu Rosch: “Multimedia adalah  kombinasi  dari  komputer  dan  video”;  Adapun pengertian  menurut  McCornick:  “Multimedia  secara umum  merupakan  kombinasi  tiga  elemen,  yaitu  suara, gambar  dan  teks”;  Menurut  Turban  dkk:  “Multimedia adalah  kombinasi  dari  paling  sedikit  dua  media  input atau  output  dari  data,  media  ini  dapat  audio  (suara, musik),  animasi,  video,  teks,  grafik  dan  gambar” Menurut Robin dan Linda: “Multimedia merupakan alat yang  dapat  menciptakan  presentasi  yang  dinamis  dan interaktif yang mengkombinasikan teks,  grafik, animasi, audio, gambar video”.
“CD Interaktif terdiri dari kata CD dan Interaktif. CD adalah  media  penyimpanan  data  yang  merupakan singkatan  dari  Compatct  Disc.  Sedangkan  interaktif adalah  komunikasi  2  arah  atau  disebut  juga  dialog.  Dua arah maksudnya adalah kita ikut aktif untuk menentukan jalannya materi seperti pada game dan website”. (Hendi, 2008:340).
“Secara  umum,  pengolahan  citra  digital  menunjuk pada  pemrosesan  gambar  2  dimensi  menggunakan computer.  Dalam  konteks  yang  lebih  luas,  pengolahan citra  digital  mengacu  pada  pemrosesan  setiap  data  2 dimensi”  (Darma,  2010:19).  Lebih  lanjut  (Tabratas, 2003:12) dalam buku (Darma, 2010:19) mengemukakan “Citra  adalah  representasi  informasi  dua  dimensi  yang diciptakan  atau  dibuat  dengan  melihat  atau  lebih tepatnya merasakan sebuah gambar atau pemandangan”.
Pengertian dari desain grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada  sang  desainer  (perancang)  untuk  memilih, menciptakan,  atau  mengatur  elemen  rupa  seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan  tujuan  untuk  diproduksi  dan  dikomunikasikan sebagai  pesan.  Gambar  maupun  tanda  yang  digunakan biasa berupa tipografi  atau media  lainnya, Desain  grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.
Desain  grafis  menurut  Hendi  (2006:3)  adalah “sebagai  proses  pemikiran  yang  diwujudkan  dalam gambar”. Termasuk dalam memilih unsur-unsur tersebut kemudian  mengubahnya  menjadi  suatu  bentuk  yang mengandung  kaidah,  rasa  nilai  estetik  dari  wujud  yang diinginkan.
Menurut Deni (2012:20), prosedur teknis pembelajaran  multimedia  interaktif  adalah  sebagai berikut :
1. Analisis Kebutuhan
2. Identifikasi Materi
3. Menentukan Model Pembelajaran
4. Desain Flow Chart
5. Penulisan Story Board
6. Pengumpulan Bahan Grafis
7. Pengumpulan Bahan Animasi
8. Pemrograman
9. Finishing, Mastering
10. Uji coba
11. Revisi produk akhir
Secara  visual  alur  dari  tahapan  teknis  mulai  dari langkah  1  sampai  dengan  langkah  ke-11,  dapat dirangkum pada bagan berikut ini :
Flow chart dan Story board Penyiapan bahan-bahan yang diperlukan Grafis : gambar, foto ilustrasi, rekayasa foto, kartun Animasi dan video : 2D, 3D, film Pemograman Produk Ahir (author) : aplikasi (exe), html, movie show, dll. Software : Adobe Photoshop, Corel, Freehand, Photopaint, dll Software : D3 Max, Flash, Swish, Maya, dll Software : Macromedia Flash, Director, Swish, Authorware, Delphi, dll Model Pembelajaran Identifikasi Materi Analisis Kebutuhan Uji coba Revisi produk akhir Gambar 1. Prosedur Teknis Pengembangan Program
Multimedia

## II. A NALISIS P ERANCANGAN
Berdasarkan  analisis  karakteristik  materi  dan  tujuan serta identifikasi materi, penulis menentukan model CBI ( computer  based  instruction )  pembelajaran  classic tutorial,  dimana  terdapat  7  (tujuh)  identitas  model tutorial dalam pembelajaran berbasis komputer, yaitu :
1. Pengenalan  ( introduction )  :  Pengenalan  terhadap aplikasi tersebut.
2. Penyajian informasi ( presentation of information ): Penyajian  informasi  bagi  pengguna  dalam  bentuk materi untuk menggunakan aplikasi tersebut.
3. Pertanyaan  dan  respon  ( question  and  responses ): Memberi  pertanyaan  kemudian  aplikasi  memberi respon  yang  berbentuk  keterangan  dan  penilaian ( scoring ).
4. Penilaian  respon  ( judging  responses )  :  Memberi penilaian ( scoring ).
Volume 5, Nomor 2, Juli 2016
5. Pemberian  feedback  tentang  respon  ( providing feedback  about  responses ):  Setelah  pengguna mendapat  keterangan  atas  hasil  yang  diperoleh dalam  menjawab  pertanyaan  dan  respon  yang diberi  maka  aplikasi  tersebut  memberi  feedback dalam bentuk saran untuk pengguna.
6. Pembetulan  ( remediation ):  Pembetulan  dapat dilakukan  setelah  pengguna  membuka  kunci jawaban.
7. Penutup ( clossing ): Aplikasi selesai dijalankan.
Adapun flowchart dalam perencanaan dan pembuatan CD multimedia interaktif adalah sebagai berikut:

## Gambar 2. Flow Chart Pembelajaran Multimedia Interaktif
Dari disain flow chart di atas dapat dilihat bahwa CD dimulai  dari  pembuka  (intro)  kemudian  masuk  ke  menu program.Dalam  halaman  menu  program  terdapat  7 tombol yaitu tentang program, petunjuk program, tujuan program, silabus, profil penulis, evaluasi.Materi disusun berdasarkan  18  kegiatan  belajar.Pada  setiap  akhir kegiatan  pembelajaran,  siswa  dituntut  untuk  melakukan evaluasi terhadap materi – materi yang telah dipelajari.
Dalam memproduksi program multimedia pembelajaran  model  tutorial  langkah  selanjutnya  yang harus  ditempuh  yaitu  membuat  storyboard.  Tahapan proses produksi dapat dilihat pada tabel berikut ini :
Tabel 1. Komponen CD Multimedia Interaktif
No. Halaman Visual Audio 1. Intro / opening Animasi logo Tut Wuri Handayani. Judul program Tombol “masuk” ke Opening music & sound effect No. Halaman Visual Audio halaman “Menu Utama ” 2. Menu Utama Halaman ini berisi kumpulan menu yang dapat diakses oleh siswa. Menu-menu yang ditampilkan : 1. Tentang program
2. Petunjuk
program 3. Tujuan program 4. Silabus 5. Profil penulis 6. Materi 7. Evaluasi Apabila menu diklik maka tulisan menu akan berubah warna dan pindah ke halaman yang dituju. Pada halaman ini ditampilkan animasi karya-karya design grafis. Sementara animasi karya-karya desain grafis ditampilkan, penulis mengucapkan kata pengantar untuk siswa. sound effect Narrator : Kata Pengantar Selamat datang dalam media pembelajar an multimedia interaktif. Dalam program ini kita akan mempelajar i materi mengenai pengolahan citra digital dengan menggunak an software Coreldraw
13 &
Adobe Photoshop
CS 3.
Materi ini diperuntuk kan bagi siswa SMK Multimedia kelas XI semester
2dengan 18 kegiatan belajar. Sebelum masuk ke materi, siswa diharapkan membaca petunjuk dan tujuan program,
supaya siswa lebih
Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) Volume 5, Nomor 2, Juli 2016
No. Halaman Visual Audio memahami apa yang akan dipelajari selanjutnya. 3. Tentang Program Media Pembelajaran “Pengolahan citra digital” merupakan media pembelajaran jurusan SMK multimedia  untuk kelas XI Semester 2. Media ini berfungsi sebagai software pembelajaran mandiri yang dapat digunakan oleh siswa untuk belajar secara mandiri. Media ini membahas tentang penggunaan software Coreldraw 13 & Adobe Photoshop CS 3 serta aplikasinya dalam dunia advertising. sound effect
4. Petunjuk
Program 1. Program pembelajaran ini disajikan tiap pertemuan yang didalamnya berisi : a. Tujuan Pembelajaran b. Materi pembelajaran c. Test formatif
2. Pahami dengan baik materi yang
disajikan. 3. Ikuti petunjuk yang diberikan oleh tutor.
sound effect 5. Tujuan Pembelaja ran Setelah mempelajari uraian materi dalam bab pembelajaran dan kegiatan belajar diharapkan peserta didik dapat memiliki kompetensi sound effect Narasi No. Halaman Visual Audio sikap, pengetahuan dan ketrampilan yang berkaitan dengan materi: 1. Citra vektor 2. Aplikasi pengolah citra vektor 3. Penggabungan gambar bitmap 4. Pemberian efek pada gambar bitmap 6. Silabus Berisi KI – KD 1 (satu semester) yang akan dibuat  dalam tugas akhir ini. sound effect 7. Materi Terdiri dari 18 kegiatan belajar.Materi terdiri dari teori dan praktek, disajikan dengan animasi dan tutorial. sound effect 8. Evaluasi Berisi kumpulan soal yang akan menguji pemahaman siswa mengenai materi yang sudah dipelajari.
Evaluasi ini dilakukan setelah siswa mempelajari semua kegiatan
belajar. Soal yang akan diberikan berupa objektif sebanyak 50 soal. Pada akhir evaluasi, siswa diberikan skor nilai.
sound effect
Secara  umum  rancangan  tampilan  CD  Multimedia Interaktif untuk mata pelajaran Pengolahan Citra Digital sebagai berikut :
Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) Volume 5, Nomor 2, Juli 2016
Intro CD Menu Utama
Home Tujuan Petunjuk Profil Silabus Materi
Evaluasi Kegiatan Belajar 1 Kegiatan Belajar 2 Tujuan Pembelajaran Materi - Materi Test Formatif Tujuan Pembelajaran Materi - Materi
Test Formatif
Gambar 3. Rancangan Menu Program
Intro  merupakan  menu  awal  yang  otomatis  terbuka ketika  CD  multimedia  interaktif    mata  pelajaran Pengolahan  Citra  Digital  dimasukkan  ke  dalam  CD Rom.  Kemudian  akan  terdapat  link  yang  akan  menuju halaman menu utama.
Di  dalam  menu  utama  terdapat  7  tombol  navigasi yang  akan  link  ke  menu  home,  tujuan,  petunjuk,  profil, silabus,  materi,  evaluasi.  Menu  home  merupakan  menu pembuka  yang  berisi  animasi  karya-karya  design  grafis. Menu  tujuan  merupakan  penjelasan  tentang  kompetensi yang  akan  dicapai  setelah  siswa  mempelajari  cd interaktif ini. Menu petunjuk berisi penjelasan mengenai petunjuk  penggunaan  program.  Menu  profil  merupakan biodata  penulis,  menu  silabus  berisi  uraian  materi  yang akan  dipelajari  siswa,  menu  materi  merupakan  menu yang  link  ke  halaman  menu  materi  yang  di  dalamnya terdapat  18  tombol  kegiatan  belajar,  menu  evaluasi untuk mengakses soal-soal objectif.

## Rancangan Antar Muka
a. Halaman  Intro,  halaman  pertama  yang  akan  aktif autorun pada saat CD dimasukkan ke dalam cd rom.

## SMK Multimedia

## CD INTERAKTIF Pengolahan Citra Digital
Gambar 4. Rancangan Halaman Intro
b. Halaman  menu  utama,  terdiri  dari  7  (tujuh)  menu seperti yang terlihat pada gambar berikut :
Pengolahan CITRA DIGITAL CD Interak tif SMK Multimedia Untuk  k elas  XI s emes ter 2 Bac k    Nex t  Ex it   O n/O ff Sound Animas i Kary a Des ign G rafis Home Tujuan Petunjuk Profil Silabus Materi Ev aluas i
Gambar 5. Rancangan Halaman Menu Utama
c. Halaman  menu  materi,  terdiri  dari  16  tombol kegiatan belajar yang terlihat pada gambar berikut :
Kegiatan Belajar 1 Kegiatan Belajar 2 Kegiatan Belajar 3 Kegiatan Belajar 4 Kegiatan Belajar 5 Kegiatan Belajar 6 Kegiatan Belajar 7 Kegiatan Belajar 8 Kegiatan Belajar 9 Kegiatan Belajar 10 Kegiatan Belajar 11 Kegiatan Belajar 12 Kegiatan Belajar 13 Kegiatan Belajar 14 Kegiatan Belajar 15 Kegiatan Belajar 16 MENU MATERI CD Pembelajaran Pengolahan Citra Digital Untuk SMK Multimedia Kelas XI Semester 2
Gambar 6. Rancangan Halaman Menu Materi
d. Halaman  Materi,  terdiri  dari  6  (enam)  tombol  yaitu tombol menu utama, tombol lanjut, tombol kembali, tombol  keluar,  tombol  on/off  sound  dan  tombol kembali  ke  menu  materi  yang  terlihat  pada  gambar berikut :
Pengolahan CITRA DIGITAL Kegiatan Belajar 1 Menu Utama Lanjut Kembali Tutup On/Off Kembali ke Menu Materi Tampilan materi berupa teks, animasi, video

## Gambar 7. Rancangan Halaman Materi
e. Halaman  evaluasi,  untuk  mengakses  soal-soal evaluasi  yang  terdapat  di  CD  multimedia  interaktif, seperti yang terlihat pada gambar berikut :

## EVALUASI
Kembali ke Menu Utama Kembali ke Menu Materi On/Off Sound Keluar Soal - Soal
Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) Volume 5, Nomor 2, Juli 2016
Gambar 8. Rancangan Halaman Evaluasi
Pada halaman evaluasi ini diberikan pernyataan  bahwa  jika  jawaban  benar,  maka  nilai bertambah  satu  lalu  menuju  soal  berikutnya.  Jika jawaban  salah  maka  hanya  menuju  halaman berikutnya  saja  tanpa  ada  penambahan  nilai.    Pada halaman  akhir,  ditampilkan  nilai  akhir  dari  semua pertanyaan yang telah dilewati.

## III. H ASIL D AN P EMBAHASAN
Hasil  rancangan  tampilan  merupakan  rancangan antarmuka  CD  multimedia  interaktif.  Setiap  stage memiliki  ukuran  movie  1024  x  768  pixel  dengan background  hitam.  Tampilan  rancangan  inilah  yang merealisasikan  terjadinya  interaksi  antara  manusia dengan  komputer.  Hasil  rancangan  tampilan  dapat dijelaskan di dalam point-point berikut ini :

## 1.  Halaman Intro
Halaman Intro merupakan halaman yang menggambarkan  proses  masuk  halaman  menu  utama. Intro  dilengkapi  dengan  animasi  yang  dirancang menggunakan  Adobe  After  Effect  berdurasi  7  detik. Halaman  ini  terletak  di  dalam  file  Halaman  Intro.exe. Gambar halaman awal intro adalah sebagai berikut.
Gambar 9. Tampilan Halaman Intro

## 2.   Halaman Menu Utama
Halaman  menu  utama  merupakan  halaman  awal  CD multimedia  interaktif  yang  memiliki  sebelas  tombol navigasi. Susunan dari menu ini memakai sistem hirarki atau sequential  menu yaitu  di  dalam  halaman  menu utama  terdapat  link  ke  menu  materi  dan  dalam  menu materi  terdapat  pula  link  ke  materi-materi  yang  akan ditampilkan.  Halaman  ini  terletak  di  dalam  file
Halaman  Utama.dir. Gambaran  halaman  Menu  Utama dapat dilihat pada gambar berikut.
Gambar 10. Tampilan Halaman Menu Utama
Terdapat  sebelas  tombol  navigasi  di  halaman  menu utama ini. Fungsi masing-masing tombol dijelaskan pada point-point berikut ini.
a.  Tombol Home. Tombol navigasi ini digunakan untuk menampilkan  animasi  hasil  karya  desain  grafis  dari pengolahan citra digital tersebut dan berisi narasi dari penulis yang merupakan ucapan selamat datang untuk user.
b.  Tombol  Tujuan.  Tombol  navigasi  ini  digunakan untuk  menampilkan  tujuan  umum  dari  materi pembelajaran  pengolahan  citra  digital  ini.  Halaman ini  terletak  di  dalam  file  Halaman  Utama.dir. Gambaran halaman tujuan adalah sebagai berikut.
Gambar 11. Tampilan Halaman Tujuan
c.  Tombol  Petunjuk.  Tombol  navigasi  ini  digunakan untuk  menampilkan  petunjuk  bagi  user  dalam mempelajari  materi  pengolahan  citra  digital  ini. Halaman  ini  terletak  di  dalam  file  Halaman Utama.dir.  Gambaran  halaman  petunjuk  adalah sebagai berikut.
Gambar 12. Tampilan Halaman Petunjuk
d.  Tombol  Silabus.  Tombol  ini  digunakan  untuk menampilkan  silabus  bagi  user  dalam  mempelajari materi  pengolahan  citra  digital  ini.  Halaman  ini terletak  di  dalam  file  Halaman  Utama.dir.  Gambaran halaman profil adalah sebagai berikut.

## Gambar 13. Tampilan Halaman Silabus
Keterangan Gambar :  Tombol  Materi  :  Tombol  ini  digunakan  untuk menuju  halaman  Menu  Materi  yang  berisi  tombol- tombol  untuk  akses  ke  materi  kegiatan  belajar. Halaman  ini  terletak  di  dalam  file  Halaman  Menu Materi.dir.  Gambaran  halaman  menu  materi  adalah sebagai berikut.
 Tombol  Evaluasi  :  Tombol  ini  digunakan  untuk menuju  Halaman  Evaluasi  yang  mana  digunakan untuk menguji kemampuan siswa setelah mempelajari  semua  kegiatan  belajar  dalam  cd interktif ini.
 Tombol Next : Tombol ini digunakan untuk  menuju halaman berikutnya pada halaman menu materi ini.
 Tombol Back : Tombol ini digunakan untuk menuju halaman sebelumnya pada halaman menu materi ini.
 Tombol  Exit.  :  Tombol  ini  digunakan  untuk  keluar dari  CD  multimedia  interaktif.  Tombol  ini  akan mengantarkan pengguna keluar secara otomatis.
 Tombol  Sound  :  Tombol  ini  digunakan  untuk menghentikan  dan  menghidupkan    suara  dalam halaman menu utama ini.
Halaman  materi  merupakan  halaman  yang  paling utama  dalam  cd  multimedia  interaktif  ini.  Penulis menyajikan  menu  materi  ini  menggunakan  model hirarki.  Sebelum  siswa  memulai  kegiatan  belajarnya, siswa  tersebut  terlebih  dahulu  harus  memilih  salah  satu tombol  kegiatan  belajar  yang  mana  dalam  tombol tersebut  terdapat  menu-menu  materi  yang  akan ditampilkan.  Siswa  bisa  memilih  salah  satu  materi  yang diinginkannya seperti gambar berikut ini.
Gambar 14. Tampilan Halaman Menu Materi
Pewarnaan  yang  diberikan  pada  halaman  ini  adalah hijau  tua  dan  muda.  Background  berupa  tekstur    dan gambar iguana yang merupakan icon dari Coreldraw 13. Warna  tombol  menu  adalah  hijau  muda.  Tombol  menu disusun  vertikal  seperti  menu  pull  down  dan  tampilan menu  materi  terletak  di  sebelah  kanan  halaman.  Pada halaman  ini  hanya  diberikan  tombol  navigasi  ke  menu utama.
Halaman  menu  materi  ini  terdapat  delapan  belas tombol  navigasi  kegiatan  belajar,  masing-masing kegiatan  belajar  memiliki  bagian judul,  tujuan pembelajaran,  materi  dan  test  formatif.    Satu  kegiatan belajar  bisa  memiliki  satu  atau  lebih  judul  materi  yang ditunjukkan pada gambar di bawah ini.
Volume 5, Nomor 2, Juli 2016
Pada  gambar  di  atas  adalah  tampilan  menu  dari kegiatan  belajar  1  yang  terdiri  dari  judul  materi,  tujuan pembelajaran,  dua  sub  judul  materi  dan  test  formatif. Setiap  tombol  menu  diklik,  warna  menu    yang  sedang ditunjuk  mouse  akan  berubah  menjadi  hijau  muda. Dalam  halaman  materi  ini  tersedia  berbagai  macam tombol sebagai  navigasi user untuk melihat  materi yang tersedia.  Materi  yang  tersedia  disusun  berdasarkan silabus  yang sudah dibuat  sebelumnya. Beberapa materi disajikan  menggunakan  fasilitas  video  pembelajaran sehingga  ini  akan  memudahkan  siswa  dalam  proses pembelajaran.  Berikut  tampilan  salah  satu  video  materi pembelajaran yang tersedia.
Gambar 16.  Tampilan Halaman Materi Video

## 3.  Halaman Evaluasi
Menu evaluasi terdapat dalam menu utama digunakan untuk  mengevaluasi  pembelajaran  yang  telah  dilakukan sehingga  dapat  disimpulkan  sejauh  mana  peningkatan kemampuan  siswa  dalam  menerima  pembelajaran  yang telah  dilakukan.  Adapun  gambar  hasil  rancangan evaluasi pembelajaran adalah sebagai berikut ini.
Gambar 17. Tampilan Halaman Evaluasi
Dalam halaman evaluasi ini disajikan 50 (lima puluh) butir  soal.  Setiap  menjawab  pertanyaan,  siswa  dapat mengklik  tombol  option  berwarna  kuning  yang  apabila tombol option sudah diklik maka akan lanjut soal nomor dua sampai soal nomor lima puluh. Setelah siswa selesai menjawab pertanyaan, maka akan muncul hasil skor dari jawaban yang telah diberikan.
Perancangan  CD  Multimedia  Interaktif  ini  tidak cukup dengan desain tampilan saja. Setiap aplikasi yang digunakan untuk perancangan perangkat lunak menggunakan  bahasa  pemograman  tertentu  dalam penggunaannya.  Perancangan  CD  Multimedia  Interaktif ini  banyak  dititek  beratkan  pada  penggunaan  aplikasi Macromedia Director 10.
Action Script merupakan salah satu bahasa pemograman  yang  digunakan  dalam  perancangan perangkat lunak, khususnya untuk Macromedia Director. Kolaborasi  antara  desain  tampilan  dengan Action  Script akan  menghasilkan  sebuah  CD  Multimedia  Interaktif yang  menarik.  Penjelasan  mengenai  penggunaan Action Script yang  digunakan  di  dalam  CD  Multimedia Interaktif ini adalah sebagai berikut.
 Action Script masuk ke halaman menu utama
Dari  movie  intro,  siswa  dapat  masuk  ke  halaman utama  dengan  Script  untuk  masuk  ke  halaman  utama sebagai berikut:
Gambar 18.  Action Script Tombol Masuk ke Menu Utama
 Action Script tombol Home
Pada halaman utama ini, terdapat  tombol home yang diberi script berikut ini.
Gambar 19. Action Script Tombol Home

## 4. Hasil Uji Validitas dan Reliabilitas

## 1.   Hasil Uji Pakar
Dalam  melaksanakan  pengujian  ini  dilakukan oleh  3  orang  pakar  yang  merupakan  guru  jurusan Multimedia  di  SMK.  Data  temuan  dari  hasil  uji  pakar dapat dilihat pada tabel berikut ini.
Tabel 2. Data Temuan Hasil Uji Pakar
No . Kuesioner Hasil Uji Pakar Persentase 1 2 3
Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) Volume 5, Nomor 2, Juli 2016
No . Kuesioner Hasil Uji Pakar Persentase 1 2 3
1. Bagaimanakah  tampilan  CD
Multimedia  Interaktif    (CMI) yang sudah dicobakan? a. Sangat Menarik √ 33,3 % b. Menarik √ √ 66,7 % c. Kurang Menarik 2. Apakah  CMI  ini  memiliki kemudahan  dalam  navigasinya ? a. Sangat mudah √ √ √ 100 % b. Mudah c. Susah 3. Apakah  CMI  ini  memiliki kemudahan  dalam  presentasi
materi yang disampaikan? a. Sangat mudah √ √ √ 100 % b. Mudah c. Susah
4. Apakah  media  ini  interaktif (ada  aksi  dan  reaksi)  pada  saat
digunakan? a. Sangat interaktif √ √ 66,7 % b. Cukup interaktif √ 33,3 % c. Kurang interaktif 5. Apakah  CMI  ini  menggunakan semua aspek multimedia, seperti  teks,  gambar,  suara, animasi dan video ? a.  Menggunakan semua aspek √ √ √ 100 % b.  Menggunakan beberapa aspek
c.  Hanya menggunakan sebagian kecil
6. Bagaimanakah penggunaan musik dan sound CMI ini ? a. Sangat menarik √ 33,3 % b. Menarik √ √ 66,7 % c. Kurang menarik 7. Apakah  CMI  ini  memiliki  nilai artistik dan estetika yang baik? a. Sangat baik √ 33,3 % b. Baik √ √ 66,7 % c. Kurang baik 8. Apakah  materi  yang  disajikan sesuai dengan kurikulum? a. Sangat sesuai √ √ 66,7 % b. Sesuai √ 33,3 % c. Kurang sesuai 9. Bagaimanakah penggunaan bahasa dalam CMI ini? a. Sangat baik √ 33,3 % b. Baik √ √ 66,7 % c. Kurang Baik 10. Apakah CMI ini dapat
digunakan sebagai media belajar mandiri ? a. Sangat bisa √ 33,3 % b. Bisa √ √ 66,7 %
c. Tidak bisa
Dari tabel  hasil uji pakar di atas didapatkan respon positif  responden  kelompok  pakar  setelah  menggunakan CD  Multimedia  Interaktif.  Jawaban  responden  berada pada  pilihan  point  A  atau  point  B.  Dengan  demikian, dapat disimpulkan bahwa CD Multimedia Interaktif valid untuk dijadikan sebagai media belajar mandiri bagi siswa
dan  siswi  kelas  XI  Jurusan  Multimedia  di  SMK  jika ditinjau dari uji pakar.

## 2.   Hasil Uji Pengguna
Uji pengguna dilakukan dengan mengambil sampel sebanyak  50  %  dari  jumlah  total  populasi.  Jumlah  total siswa  yang  dijadikan  populasi  adalah  32  orang,  maka diambil  sampel  16  orang  dari  jumlah  populasi  tesebut. Data  temuan  dari  hasil  uji  pengguna  dapat  dilihat  pada tabel berikut ini.
Tabel 3. Data Temuan Hasil Uji Pengguna
No. Kuesioner Hasil Uji Pengguna Hasil Persentas e 1. Bagaimanakah tampilan CD Multimedia  Interaktif    (CMI)  yang sudah dicobakan? a. Sangat Menarik 12 75 % b. Menarik 4 25 % c. Kurang Menarik 0 0 2. Apakah CMI ini memiliki kemudahan dalam navigasinya ? a. Sangat mudah 14 88 % b. Mudah 2 13 % c. Susah 0 0 3. Apakah CMI ini memiliki kemudahan dalam presentasi materi yang disampaikan? a. Sangat mudah 12 75 % b. Mudah 4 25 % c. Susah 0 0 4. Apakah  media  ini  interaktif  (ada aksi dan reaksi) pada saat digunakan? a. Sangat interaktif 13 81 % b. Cukup interaktif 3 19 % c. Kurang interaktif 0 0 5. Apakah  CMI  ini  menggunakan semua  aspek  multimedia,  seperti teks,  gambar,  suara,  animasi  dan video ? a. Menggunakan semua aspek 14 88 % b. Menggunakan beberapa aspek 2 13 % c.  Hanya  menggunakan  sebagian kecil 0 0
6.
Bagaimanakah  penggunaan  musik dan sound CMI ini ? a. Sangat menarik 12 75 % b. Menarik 4 25 % c. Kurang menarik 0 0 7. Apakah  CMI  ini  memiliki  nilai artistik dan estetika yang baik? a. Sangat baik 13 81 % b. Baik 3 19 % c. Kurang baik 0 0 8. Apakah  materi  yang  disajikan sesuai dengan kurikulum? a. Sangat sesuai 14 88 % b. Sesuai 2 13 % c. Kurang sesuai
0 0
9. Bagaimanakah  penggunaan  bahasa dalam CMI ini?
a. Sangat baik 13 81 % b. Baik 3 19 %
c. Kurang Baik
0 0 10. Apakah  CMI  ini  dapat  digunakan
No. Kuesioner
Hasil Uji Pengguna
Hasil Persentas e sebagai media belajar mandiri ? a. Sangat bisa 13 81 % b. Bisa 3 19 % c. Tidak bisa 0 0
Dari  data  di  atas  dilakukan  pengolahan  nilai validitas  dengan  asumsi  kesalahan  5%,  nilai  r kritis =  0,3. Nilai hasil uji validitas yang didapat adalah r hitung = 0,8. Berdasarkan  hasil  yang  didapat  r hitung lebih  besar dari r kritis maka dapat disimpulkan bahwa CD Multimedia Interaktif  ini  valid  dan  layak  digunakan  sebagai  media belajar  mandiri  untuk  siswa  dan  siswi  kelas  XI  Jurusan Multimedia SMK Kabupaten Dharmasraya.

## 3.   Hasil Uji Reliabilitas
Uji reliabilitas CD Multimedia Interaktif dilakukan dengan  mengolah data temuan uji kelayakan. Nilai  hasil uji  reliabilitas  yang  didapat  adalah  r hitung =  1,027.  Nilai ini  memiliki  reliabilitas  yang  tinggi  karena  r hitung lebih besar  dari  nilai  r tabel .  Dimana  nilai  r tabel yang  digunakan adalah 0,468.

## IV. P ENUTUP
Kesimpulan  yang  dapat  diambil  dari  rancangan aplikasi  CD  pembelajaran  multimedia  interaktif  ini antara lain :
1. Proses  rancang  bangun  CD  interaktif  multimedia pembelajaran  ini  menggunakan  prosedur  teknis pembelajaran  multimedia  interaktif  yaitu  :  a) Analisis  kebutuhan,  b)  Identifikasi  materi,  c) Menentukan  model  pembelajaran,  d)  Desain flowchart, e) Penulisan storyboard, f) Pengumpulan bahan  grafis,  g)  Pengumpulan  bahan  animasi,  h) Pemograman,  i)  Finishing  dan  mastering,  j)  Uji coba, k) revisi produk akhir.
2. Perancangan dan pembuatan CD Interaktif menggunakan  beberapa  aplikasi  desain  grafis  dan multimedia  antara  lain  :  Coreldraw,  Photoshop, Camtasia,  Adobe  After  Effect,  Macromedia Director.
3. Hasil  pretest  mata  pelajaran  Pengolahan  Citra Digital  Siswa  SMK  N  Kab.  Dharmasraya menunjukan  sebesar  11  orang  (40,74%)  yang melebih nilai Kriteria Ketuntasan Minimal (KKM).
4. Hasil  Posttest  mata  pelajaran  Pengolahan  Citra Digital  Siswa  SMK  N  Kab.  Dharmasraya  setelah menggunakan  CD  Interaktif  sebesar  21  orang (77,78%) yang melebihi nilai KKM.

## D AFTAR P USTAKA
[1] Darma  Putra.  2010.  “Pengolahan  Citra  Digital”. Jogyakarta: Andi Offset.
[2] Deni  Darmawan.  2012.  Teknologi  Pembelajaran. Bandung: PT. Remaja Rosdakarya.
[3] Endah  Damayanti.  2013. Pengolahan  Citra  Digital”. Direktorat  Jenderal  Peningkatan  Mutu  Pendidik &Tenaga Kependidikan: Jakarta
[4]
Hendi Hendratman. 2008. The Magic of Macromedia Director. Bandung: Informatika Bandung.
[5] ________________.  2006.  Tips  n  Trix  Computer Graphics Design. Bandung: Informatika Bandung.
[6] Juhaeri  Susanto.  2007.  “Pengantar  Multimedia Untuk Media
Pembelajaran”.
http://www.unej.ac.id/files/pdf2/  juhaeri-Pengantar- Multimedia-Untuk-Media-Pembelajaran-Bag2.pdf, diakses September 2014.
[7] Septiana Firdaus. dkk. 2012, “Perancangan  Aplikasi Multimedia  Interaktif  Company  Profile  Generic (Studi Kasus CV. Ganetic).” Jurnal  Algoritma. (No. 09 tahun 2012). Hlm. 1 – 2