Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN: 2548-964X

Vol. 5, No. 10, Oktober 2021, hlm. 4328-4338 http://j-ptiik.ub.ac.id

Pengembangan Media Pembelajaran berbasis Aplikasi Ispring pada Materi

Desain Grafis di Kelas X SMK Negeri 5 Malang
Bagus Setiawan1, Satrio Hadi Wijoyo2, Wibisono Sukmo Wardhono3

Program Studi Pendidikan Teknologi Informasi, Fakultas Ilmu Komputer, Universitas Brawijaya
Email: 1bagus_setiawan@student.ub.ac.id, 2satriohadi@ub.ac.id, 3wibiwardhono@ub.ac.id

Abstrak
Dalam dunia pendidikan terdapat proses belajar dan mengajar antara guru dan siswa. Pada prosesbelajar
dan mengajar tersebut tidak luput dari bagaimana cara guru dalam penyampaian materi yang baik.
Seiring berkembangnya zaman, seorang guru diharuskan untuk memberikan materi pembelajaran yang
efektif dan efisien, namun banyak guru yang belum paham dalam memberikan media pembelajaranyang
baik, padahal media pembelajaran sangat banyak pengaruhnya dalam proses belajar. Aplikasi Ispring
adalah salah satu sarana untuk pengajar agar dapat mengembangkan media pembelajaran yang efektif
dan efisien, dimana aplikasi tersebut dapat membuat sebuah media pembelajaran yang bisa diakses
melalui smartphone android, sehingga diharapkan minat siswa dalam belajar dapat meningkat.Tujuan
dari penelitian ini adalah untuk mengetahui prosedur pengembangan media pembelajaran serta
mengukur tingkat keefektifan penggunaan media pembelajaran berbasis aplikasi Ispring untuk
meningkatkan hasil belajar siswa. Penelitian ini menggunakan model pengembangan ADDIE yang
terdiri dari lima tahap yaitu analisis, desain, pengembangan, implementasi dan evaluasi. Hasil penelitian
menunjukkan bahwa penggunaan media pembelajaran berbasis aplikasi Ispring layak untuk digunakan
dalam proses pembelajaran serta mampu meningkatkan hasil belajar siswa pada mata pelajaran Desain
Grafis di kelas X SMK Negeri 5 Malang. Hal tersebut dibuktikan dengan kelulusan hasil dari lima siswa
yang telah mengerjakan kuis yang sudah diberikan pada media pembelajaran berbasis aplikasi Ispring
pada materi desain grafis di kelas X SMK Negeri 5 Malang.
Kata kunci: Media Pembelajaran, Ispring, Hasil Belajar
Abstract
In the world of education there is a learning and teaching process between teachers and students. In the
learning and teaching process, the teacher's way of delivering good material is closely related. Along
with the development of the times, a teacher is required to provide effective and efficient learning
materials, but many teachers do not understand how to provide good learning media, even though
learning media has a lot of influence in the learning process. Theapplication Ispring is one of the means
for teachers to be able to develop effective and efficient learning media, where the application can create
a learning media that can be accessed via an Android smartphone, so it is hoped that student interest in
learning can increase. The purpose of this study was to determine the procedure for developing
instructional media and to measure the effectiveness of the use of learning media based on the
application Ispring to improve student learning outcomes. This study uses the ADDIE development
model which consists of five stages, namely analysis, design, development, implementation and
evaluation. The results showed that the use of learning media based on the Ispring application was
feasible to be used in the learning process and was able to improve student learning outcomes in
Graphic Design subjects in class X SMK Negeri 5 Malang. This is evidenced by the passing results of
five students who have worked on the quizzes that have been given to the application-based learning
media Ispring on graphic design material in class X SMK Negeri 5 Malang.
Keywords: Learning Media, Ispring, Learning Outcomes

belajar dan mengajar antara guru dan siswa.

1. PENDAHULUAN Pada proses belajar dan mengajar tersebut tidak
Dalam dunia pendidikan terdapat proses luput dari bagaimana cara guru dalam

Fakultas Ilmu Komputer

Universitas Brawijaya 4328
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
penyampaian materi yang baik. Terkadang
penyampaian materi yang baik saja tidak cukup
untuk memberikan kualitas belajar yangbaik bagi
siswa. Seiring berkembangnya zaman, seorang
guru diharuskan untuk memberikan materi
pembelajaran dengan sangat efektif dan efisien,
namun banyak guru yang belum paham dalam
memberikan media pembelajaran yang baik,
padahal media pembelajaran sangat banyak
pengaruhnya dalam proses belajar.
Gagné dan Briggs (1975) dari Arsyad
(2002) menyatakan bahwa bantuan belajar
meliputi alat-alat yang digunakan secara fisik
untuk menyampaikan isi bahan ajar sepertibuku,
tape recorder, kaset, film, video dan slide.
Media pendidikan menurut Hamalik (1994)
adalah alat, metode, dan teknik yang digunakan
untuk mempermudah komunikasi dan interaksi
antara guru dan siswa dalam pendidikan sekolah
dan proses pembelajaran. Media pembelajaran
dapat meningkatkan proses belajar peserta didik
dalam pendidikan, yang akan meningkatkan
minat dan hasil belajar siswa.
Media pembelajaran yang biasanya di
terapkan guru di sekolah adalah media
pembelajaran yang umum contohnya seperti
media pembelajaran menggunakan slide power
point. Permasalahan dengan di terapkannya
media pembelajaran yang terlalu umum adalah
terdapat pada siswa yang kebanyakan kurang
menangkap isi dari materi pembelajaran,
dikarenakan kurangnya interaksi antara siswa
dengan materi yang disampaikan oleh guru,
sehingga siswa di kelas cenderung cepat bosan
dan kurang memahami isi materi pembelajaran.
Berdasarkan permasalahan yang telah
dipaparkan, peneliti melakukan kegiatan
wawancara, observasi, dan survey di tempat
objek penelitian yang telah dilaksanakan di
SMK Negeri 5 Malang pada tanggal 16 maret
2020 pada saat proses pelaksanaan PPL
berlangsung. Wawancara dilaksanakan di SMK
Negeri 5 Malang dengan Bapak Riza Habibie
selaku guru mata pelajaran Desain
Grafis kelas X. Hasil yang didapatkan
Ketika wawancara di SMK Negeri 5 Malang
adalah guru-guru masih menggunakan media
pembelajaran power point, yang dimana media
pembelajaran tersebut kurang akan interaksi
dengan siswa. Siswa cenderung lebih cepat
bosan dan kurang memahami isi materi
pembelajaran karena tidak ada praktik secara
langsung yang dilakukan oleh siswa ketika
pembelajaran berlangsung.
Peneliti menggunakan beberapa rujukan
Fakultas Ilmu Komputer, Universitas Brawijaya
4329
untuk dijadikan sebagai referensi yaitu yang
pertama pada penelitian ini berjudul Terapan
Media Interaktif Berbasis Ispring Quizmaker
dalam Proses Penilaian Hasil Belajar Mata
Pelajaran Jaringan Dasar Kelas X SMKN 8
Semarang (Pratiwi, 2019). Penelitian ini
bertujuan untuk menganalisis dan menjelaskan
penerapan alat penilaian interaktif berbasis
ispring quiz dalam proses penilaian hasil belajar
mata pelajaran jaringan dasar kelas X SMKN 8
Semarang. Penelitian ini menggunakan
pendekatan kuantitatif dengan desain Pre
Experimental Design. Sampel yang digunakan
adalah 35 siswa. Metode pengambilan sampel
yang digunakan adalah random sampling.
Metode pengumpulan data yang digunakan
adalah angket dan tes. Pada tabel dapat dilihat
bahwa nilai t sebesar 4,217 dengan sig = 0,000 <
0,05 yang berarti bahwa (Ha) diterima yang
berbunyi ada pengaruh penggunaan media
Ispring Quiz Maker akan mempengaruhi hasil
belajar multimedia siswa di SMK Negeri 8
Semarang. Oleh karena itu, Ha diterima.
Besarnya pengaruh media ispring quiz maker
terhadap hasil belajar siswa multimedia SMK
Negeri 8 Semarang dalam mata pelajaran
jaringan dasar pada program kompetensi
keahlian multimedia adalah sebesar 82%.
Rujukan selanjutnya berjudul
Pengembangan Media Pembelajaran Interaktif
Berbasis Komputer pada Mata Pelajaran
Penerapan Rangkaian Elektronika Kelas XI
TAVdi SMK Negeri 3 Surabaya (Adinda, 2020).
Tujuan dari penelitian ini adalah untuk mengacu
pada indikator kelayakan atau validitas untuk
membuat bahan ajar interaktif berbasis komputer
menggunakan software ispring yang cocok
digunakan pada aplikasi rangkaian elektronika
dengan mengacu pada indikator kelayakan yaitu
kevalidan, kepraktisan dan keefektifan terhadap
media pembelajaran yang dikembangkan.
Metodologi penelitian ini menggunakan
penelitian pengembangan ADDIE yang terdiri
dari lima tahap: 1) analisis, 2) perancangan,
3)
pengembangan, 4) implementasi dan 5)
evaluasi. Penelitian tentang media pembelajaran
interaktif menunjukkan bahwa media
pembelajaran sangat efektif dengan skor 84,79
dalam kategori baik. Kegunaan bahan ajar
interaktif mencapai 86,02 dalam kategori sangat
baik.
Rujukan terakhir pada penelitian ini
berjudul Pengaruh media pembelajaran
Interaktif Berbantuan Aplikasi IspringPresenter
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Terhadap Kemampuan Berpikir Kritis (Noviati,
2018). Tujuan penelitian ini adalah untuk
mengetahui: Penggunaan bahan ajar interaktif
yang didukung oleh aplikasi Ispring Presenter
untuk meningkatkan kemampuan berpikir kritis
pada siswa mata pelajaran PPKn kelas XI di
SMK Negeri 14 Garut. Metode penelitian yang
digunakan adalah quasi eksperimen dengan
menggunakan dua kelas yang berbeda, yaitu
kelas XI SMKN 14 Garut. Satu kelas diberi
perlakuan menggunakan media pembelajaran
interaktif dan satu diberi perlakukan
menggunakan metode konvensional dalam
pembelajaran PPKn. Kesimpulan yang dapat
diambil dari penelitian ini adalah: Penggunaan
media pembelajaran interaktif berbantuan
aplikasi I-Spring Presenter dapat meningkat
kemampuan berpikir kritis peserta didik pada
mata pelajaran PPKn kelas XI di SMK Negeri14
Garut.
Peneliti dapat mengambil permasalahan
yang telah dipaparkan untuk melakukan
kegiatan di SMK Negeri 5 Malang yang masih
banyak guru kurang dalam memberikan media
pembelajaran yang efektif dan efisien terhadap
siswa, maka dari itu peneliti mempunyai tujuan
untuk mengembangkan media pembelajaran
yang memiliki tingkat interaktifyang baik. Judul
dari penelitian ini adalah “PENGEMBANGAN
MEDIA PEMBELAJARAN BERBASIS
APLIKASI ISPRING PADA MATERI
DESAIN GRAFIS KELAS X SMK NEGERI
5
MALANG”. Media pembelajaran ini dibuat
agar guru dapat memberikan media
pembelajaran yang interaktif di kelas, yang
diharapkan bisa memberikan pembelajaran yang
efektif dan efisien pada materi pelajaran desain
grafis. Hasil dari media pembelajaran ini
nantinya akan menjadi aplikasi yang bisa
digunakan melalui perangkat android.
Pengembangan media pembelajaran ini
diharapkan bisa memberikan dampak positif
dalam proses belajar dan mengajar di SMK
Negeri 5 Malang.
2. LANDASAN KEPUSTAKAAN
2.1 Aplikasi
Aplikasi adalah perangkat lunak yang
digunakan untuk tujuan tertentu, seperti
mengolah dokumen, mengatur windows,
permainan (game), dan sebagainya (Hakim,
2010). Dapat juga dikatakan bahwa aplikasi
adalah segala sesuatu yang dapat membuat
pekerjaan seseorang jauh lebih mudah untuk
dikerjakan. Aplikasi juga merupakan sebuah
Fakultas Ilmu Komputer, Universitas Brawijaya
4330
sebuah program dikembangkan untuk memenuhi
kebutuhan pengguna dalam melakukan tugas-
tugas tertentu (Yuhefizar, 2012). Aplikasi juga
merupakan program yang dibuat dalam
perangkat lunak yang menggunakan komputer
untuk memudahkan tugas dan aktivitas.
2.2 Ispring
Ispring adalah sebuah aplikasi yang
memiliki kemudahan dalam membuat media
pembelajaran, karena hanya membutuhkan drag
and drop sehingga pembuatannya tidak
memakan waktu serta meminimalisir human
error. Berbeda dengan software Adobe Flash
yang mana pembuatan menggunakan software
ini harus memiliki bakat bahasa pemrograman
yang tentunya akan memakan banyak waktu
(Zakaria, 2017). Aplikasi Ispring adalah aplikasi
pembelajaran berbasis web yang mengubah file
presentasi PowerPoint menjadi file Flash agar
lebih menarik dan interaktif.
2.3 Pengembangan
Pada hakikatnya pengembangan adalah
upaya pendidikan baik formal maupun non
formal yang dilaksanakan secara sadar,
berencana, terarah, teratur dan bertanggung
jawab dalam rangka memperkenalkan,
menumbuhkan, membimbing, mengembangkan
suatu dasar kepribadian yang seimbang, utuh,
selaras, pengetahuan, keterampilan sesuai
dengan bakat, keinginan serta kemampuan-
kemampuan, sebagaibekal atas prakarsa sendiri
untuk menambah, meningkatkan,
mengembangkan diri ke arah tercapainya
martabat, mutu dan kemampuanmanusiawi yang
optimal serta pribadi mandiri (Wiryokusumo,
2011). Pengembangan adalah suatu usaha
produksi atau perbaikan yang dilakukan secara
sadar, terencana dan terarah yang akan menjadi
suatu produk yang semakin bermanfaat bagi
peningkatan kualitas sebagai upaya untuk
menghasilkan mutu yang lebih baik.
2.4 Media Pembelajaran
Gagné dan Briggs (1975) dari Arsyad
(2002) menyatakan bahwa bantuan belajar
meliputi alat-alat yang digunakan secara fisik
untuk menyampaikan isi bahan ajar sepertibuku,
tape recorder, kaset, film, video danslide. Media
pendidikan menurut Hamalik (1994) adalah alat,
metode, dan teknik yang digunakan untuk
mempermudah komunikasi dan interaksi antara
guru dan siswa dalam pendidikan sekolah dan
proses pembelajaran. Media pembelajaran dapat
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
meningkatkan proses belajar peserta didik dalam
pendidikan,yang akan meningkatkan minat dan
hasil belajar siswa.
2.5 Hasil Belajar
Menurut Rifa’I (2009;85) hasil belajar
adalah perubahan perilaku yang dilakukan siswa
setelah menjalani kegiatan belajar. Penguasaan
aspek-aspek perubahan perilaku tersebut
tergantung pada apa yang dipelajari siswa. Oleh
karena itu, ketika siswa mempelajari
pengetahuan tentang konsep, maka perubahan
perilaku yang didapatkan adalah penguasaan
konsep. Hasil belajar siswa sangat bergantung
pada proses pembelajaran yang dilakukan. Hasil
belajar akan ditampilkansetelah siswa menjalani
suatu proses pembelajaran yang juga disebut
sebagai proses pemberian pengalaman belajar.
Ciri-ciri perubahan perilaku siswa ditunjukkan
dengan perbedaan kemampuan memahami,
memperoleh dan menguasai hubungan antara
bekal kemampuan siswa dengan materipelajaran
yang telah diajarkan dalam proses belajar
mengajar.
Untuk mengukur keberhasilan proses
pembelajaran sebagaimana diutarakan oleh
Djamarah yang dikutip oleh Diamon (2012),
dibagi menjadi beberapa tingkatan diantaranya
adalah sebagai berikut:
a. Istimewa atau maksimal, apabila
seluruh bahan pelajaran dapat dikuasai
oleh siswa.
b. Baik sekali atau optimal, apabila
Sebagian besar bahan pelajaran dapat
dikuasai 76% sampai 99% oleh siswa .
c. Baik atau minimal, apabila bahan
pelajaran hanya dikuasai oleh siswa
sebesar 60% sampai 75%.
d. Kurang, apabila bahan pelajaran yang
dikuasai oleh siswa kurang dari 60%.
2.6 Model Pengembangan ADDIE
Tegeh dan Kirna (2010) mengemukakan
bahwa pemilihan model ADDIE didasarkanpada
pertimbangan bahwa model tersebut telah
dikembangkan secara sistematis dan didasarkan
pada landasan teori desain pembelajaran. Model
ini dibentuk dengan untuk memecahkan
masalah pembelajaran yang berkaitan dengan
metode pembelajaran sesuai dengan
karakteristik peserta didik.
Model ini disusun secara terprogram
menjadi seperangkat kegiatan yang sistematis
untuk memecahkan masalah belajar yang
melibatkan sumber belajar yang disesuaikan
Fakultas Ilmu Komputer, Universitas Brawijaya
4331
dengan kebutuhan dan karakteristik siswa.
Model ADDIE terdiri dari lima tahap yaitu: a)
analisis, b) perancangan, c) pengembangan, d)
implementasi,dan e) evaluasi. Rincian prosedur
pengembangan media pembelajaran berbasis
aplikasi Ispring padamateri desain grafis di kelas
X SMK Negeri 5 Malang dapat dilihat pada tabel
1.
Tabel 1. Prosedur Pengembangan
No Tahap Kegiatan
1 Analisis 1. Analisis Kebutuhan
2 Perancangan 1. Pembuatan
Storyboard
3 Pengembangan 1. Pengembangan
Desain Antarmuka
2. Pengembangan
Aplikasi
4 implementasi 1. Implementasi Media
Pembelajaran
5 Evaluasi 1. Evaluasi
2.7 Teori Evaluasi Media Pembelajaran
Kurniawati (2011) evaluasi adalah suatu
proses sistematis untuk menentukan atau
membuat keputusan sampai sejauh mana tujuan
suatu program telah tercapai. Selain itu, evaluasi
merupakan penafsiran atau interpretasi yang
bersumber pada data kuantitatif. Data kuantitatif
ini merupakan hasil pengukuran dalam
memberikan penafsiran terhadap data kuantitatif
untuk suatu kriteria yang telah ditentukan
sebelumnya. Sudjana (2006) evaluasi adalah
kegiatan untuk mengumpulkan, memperoleh
dan menyediakan informasi bagi pembuat
keputusan. Dengan demikian, evaluasi
merupakan kegiatan untuk mengumpulkan
informasi tentang bekerjanya sesuatu dan
menggunakannya untuk menentukan alternatif
yang tepat dalammengambil keputusan.
2.7.1 Uji Validasi
Menurut Sugiyono (2013), validasi desain
merupakan proses kegiatan untuk menilai
apakahdesain suatu produk secara rasional akan
lebih efektif dan efisien dari desain seblumnya.
Tahapan validasi proyek membutuhkan
beberapa ahli untuk menilai kelayakan produk
yang diproduksi. Angket validasi media
pembelajaran materi yang ada pada media
pembelajaran.Validasi media dan validasi materi
dilakukan oleh satu ahli media dan materi, yaitu
guru mata pelajaran desain grafis SMK Negeri 5
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 4332

Malang. Kriteria validasi media pembelajaran berhasil guna seluruh komponen pembelajaran
berbasis aplikasi Ispring pada mata pelajaran yang diselenggarakan untuk mencapai tujuan
desain grafis SMK Negeri 5 Malang dapatdilihat pembelajaran. Pembelajaran yang efektif
pada table 2.3. Untuk persamaankriteria validasi mencakup semua tujuan pembelajaran, baik
dapat dilihat pada persamaan 1. mental, fisik maupun sosial. Efisiensi dapat
Tabel 2. Kriteria Validasi
dilihat dari sejauh mana tujuan tercapai.Dengan
kata lain dari penerapan model atau media
Presentase (%) Kriteria Validasi pembelajaran yang dalam hal ini diukurdari hasil
84% < P < 100% Sangat valid, tidak perlu belajar siswa. Semakin meningkatnya hasil
direvisi belajar siswa maka dapat dikatakan model atau
71% < P < 100% Valid, tidak perlu direvisi media pembelajaran tersebut efektif.
61% < P < 71% Cukup valid, perlu Berikut adalah tabel kriteria ketuntasan tes
sedikit revisi hasil belajar yang mengacu pada Eko Putro
41% < P < 61% Kurang valid, perlu
banyak revisi
Widoyoko yang dikutip oleh Maharani
P < 41% Tidak valid, revisi total (2012:74).
Tabel 3. Kriteria Ketuntasan Tes Hasil Belajar
Keterangan:
2.8 Black box testing
p : Ketuntasan tes hasil belajar Pengujian black box merupakan bagian dari
pengujian yang dilakukan oleh pengembang
2.7.3 Efisien perangkat lunak pada aktivitas terhadap
Mulyadi (2007:63) mengemukakan bahwa persyaratan kebutuhan fungsional dari suatu
efisiensi adalah ketepatan cara (usaha, kerja) perangkat lunak (software) yang tertanam di
dalam menjalankan sesuatu dengan tidak perangkat keras (hardware). Pengembang
membuang- buang waktu, tenaga dan biaya. perangkat lunak mengikuti alur yang
Efesiensi merupakan kegiatan siswa yang dikembangkan dalam desain untuk pengujian
dilakukan untuk menyelesaikan soal-soal quiz black box yang akan memverifikasi validitas
yang terdapat pada media pembelajaran yang persyaratansebuah sistem (Sommerville, 2016).
telah diberikan dengan maksimal waktu Metode pengujian black box yang digunakan
pengerjaan quiz adalah 10 menit. Efesiensi oleh pengembang perangkat lunak adalah
diukur dengan menggunakan satuan waktu yang validation testing (pengujian valid). Tes validasi
diukur dengan waktu seorang siswa dalam dapat memverifikasi kesesuaian system dan
mengikuti atau mengerjakan quiz. Mengukur memberikan hasil yang valid dan mendeteksi
berapa lama waktu yang dibutuhkansiswa untuk data yang tidak valid pada setiap prosesnya.
mengerjakan atau menyelesaikan quiz dalam
hitungan menit dan detik. Penghitungan dimulai Presentase (%) Kategori
ketika siswa memasuki soal quiz dan akan P > 80 Sangat Baik
berhenti ketika siswa keluar atau berhasil 60 < p < 80 Baik
dalam 40 < p < 60 Cukup Baik
𝑃𝑣 20 < p < 40 Kurang Baik
∑ 𝑥𝑖 p ≤ 20 Tidak Baik/ Sangat Kurang
=
∑ 𝑦𝑖
× 100% (1)
menyelesaikan soal-soal quiz. 3. METODOLOGI PENELITIAN
Keterangan:
𝑃𝑣 = Persentase penilaian
∑ 𝑥𝑖 = jumlah nilai dari validasi untuk semua
aspek
∑ 𝑦𝑖 = jumlah nilai maksimum validasi untuk
semua spek.

2.7.2 Efektivitas
Efektivitas pembelajaran menurut
Supriyono (2014) merujuk pada berdaya dan

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Gambar 1. Metodologi Penelitian
Gambar 1 merupakan alur metode
penelitian yang digunakan, flowchart penelitian
ini dimulai dari analisis kebutuhan, desain
storyboard, pengembangan desain antarmuka,
pengembangan aplikasi, implementasi aplikasi,
evaluasi aplikasi. Tahap analisisdiawali dengan
menetapkan tujuan pengembangan media
pembelajaran, faktor- faktor kekurangan
pembelajaran antara siswa dan guru di kelas
seperti: kondisi siswa dalam belajar, media yang
digunakan guru di kelas, interaksi siswa dan
guru di kelas. Sertapemilihan materi yang akan
disajikan ke dalam media pembelajaran
berdasarkan kompetensi dasar dan indikator
pembelajaran yang telah ditetapkan di SMK
Negeri 5 Malang. Pada tahap desain dilakukan
perancangan alur media pembelajaran yaitu
dengan tahap pembuatan storyboard untuk
Fakultas Ilmu Komputer, Universitas Brawijaya
4333
media pembelajaran. Storyboard dibuat dengan
menggambar dikertas secara manual agar
memudahkan penulis dalam merancang desain
antar muka pada media pembelajaran yang akan
dibuat. Tahap pengembangan merupakan tahap
produksi pembuatan media pembelajaran. Pada
tahap ini, media pembelajaran dikembangkan
sesuai dengan desain antar muka yang telah
dibuat dalam bentuk storyboard. Pembuatan
media pembelajaran ini dilakukan dengan
menggunakan Ispring Suite. Tahap
implementasi merupakan tahapan pengujian
media pembelajaran yang telah diputuskan
melalui tahap uji validasi untuk mengetahui
apakah media pembelajaran tersebut layak
digunakan atau tidak. Pada tahap ini, media
pembelajaran digunakan pada proses
pembelajaran di kelas X pada materi Desain
Grafis SMK Negeri 5 Malang. Tahap Evaluasi
merupakan tahapan terakhir setelah melewati
tahapan implementasi. Tahap evaluasi pada
media pembelajaan yang telah digunakan oleh
siswa ditujukan agar memperbaiki kekurangan-
kekurangan yang ada pada aplikasi media
pembelajaran tersebut, sehingga pada masa yang
akan datang aplikasi ini diharapkan untuk bisa
meningkatkan keefektifan belajar mengajar
antaraguru dan siswa di sekolah SMK Negeri 5
Malang pada materi Desain Grafis kelas X.
4. HASIL DAN PEMBAHASAN
4.1 Analisis
Riset awal kebutuhan pembuatan media
pembelajaran yang akan dilakukan oleh peneliti
yaitu observasi dan wawancara singkat kepada
guru mata pelajaran desain grafis kelas X SMK
Negeri 5 Malang. Hal tersebut untuk
mendapatkan gambaran mengenai hal-hal yang
harus terdapat pada media pembelajaran yang
akan dibuat dan nantinya akan menjadi referensi
dalam membuat perancangan skenario
pembuatan media pembelajaran. Riset awal
pembuatan media pembelajaran dilaksanakan
pada SMK Negeri 5 Malang. Hasil yang didapat
dari riset awal kebutuhan pembuatan media
pembelajaran terdapat pada tabel 4.
Hasil Riset Awal Kebutuhan Pembuatan
No.
Media Pembelajaran
1. Materi harus sesuai dengan kompetensi dasar
dan indikator
2. Materi harus ada penjelasan melalui video
3. Materi harus ada tambahan gambar
Tabel 4. Riset Awal Kebutuhan
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 4334

4. Media pembelajaran harus ada soal-soal quiz selanjutnya.

4.2 Desain Storyboard

Gambar 2. Desain Storyboard

Gambar 2 merupakan pembuatan
Storyboard media pembelajaran pada bagian
judul yang telah dibuat oleh penulis dengan
menggambar dikertas menggunakan pensil.
Pada bagian judul terdapat tulisan Dasar Desain
Grafis Kelas X SMKN 5 Malang sebagai tulisan
pembuka pada saat pengguna masuk kedalam
Gambar 5. Tampilan Quiz
aplikasi media pembelajaran. Pada bagian judul
Gambar 5 merupakan aplikasi media
juga terdapat tombol keluar dan tombol masuk
pembelajaran berbentuk APK android. Pada
aplikasi media pembelajaran.
bagian ini terdapat soal-soal quiz yang berupa
4.3 Desain Antarmuka jawaban pilihan ganda atau multiple choice,
terdapat jumlah limit waktu sebanyak 10 menit,
terdapat tombol KEMBALI untuk kembali ke
soal sebelumnya, terdapat tombol
SELANJUTNYA untuk ke soal berikutnya.
4.5 Hasil Uji Validasi
Validasi media dan validasi materi
dilakukan oleh satu ahli media dan materi, yaitu
Bapak Riza Habiby sebagai guru yang
mengampu mata pelajaran desain grafis SMK
Negeri 5 Malang. Kriteria validasi media
Gambar 3. Desain Antarmuka pembelajaran berbasis aplikasi Ispring pada
Gambar 3 merupakan pembuatan desain mata pelajaran desain grafis di SMK Negeri 5
antarmuka media pembelajaran pada bagian Malang harus sesuai dengan riset awal
judul yang dibuat oleh penulis dengan kebutuhan pembuatan media pembelajaran yang
menggunakan aplikasi Ispring. Pada bagian ini telah ditetapkan oleh Bapak Riza Habiby sebagai
terdapat judul yaitu Dasar Desain Grafis kelas X guru yang mengampu mata pelajaran desain
SMKN 5 Malang, terdapat tombol x untuk grafis SMK Negeri 5 Malang. Hasil uji validasi
keluar aplikasi, dan terdapat tombol > untuk dapat dilihat pada tabel5.
masuk ke halaman selanjutnya. sesuai yang sesuai materi
dengan dengan yang
4.4 Pengujian dan Evaluasi kompetens kompetens sesuai
Gambar 4. Aplikasi Media Pembelajaran i dasar dan i dasar dan dengan
Gambar 4 merupakan aplikasi media indikator indikator kompete
nsi dasar
pembelajaran berbentuk APK android. dan
Pada bagian ini terdapat judul yaitu Dasar indikator
Desain Grafis kelas X SMKN 5 Malang,
terdapat tombol x untukkeluar aplikasi, dan
terdapat tombol > untuk masuk ke halaman

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 4335

2 Materi Memberika Memberi Valid kompetensi dasar, dan indikator

harus ada n isi materi kan isi pencapaian pembelajaran, selanjutnya
penjelasan dengan materi
melalui penjelasan dengan
secara keseluruhan materi yang disiapkan
video melalui penjelasa akan disesuaikan dengan keseluruhan isi
video n melalui media pembelajaran yang telah disusun.
video Score quiz hasil belajar siswa diubah
3 Materi Memberika Memberi Valid menjadi data kualitatif untuk mengetahui
harus ada n isi materi kan isi siswa yang tuntas dan tidak tuntas, yaitu
tambahan dengan materi
dengan minimal score quiz 60 yang
gambar tambahan dengan
gambar tambaha
disesuaikan dengan KKM yang telah
n gambar ditetapkan oleh sekolah. Berikut tabel
4 Media Memberika Memberi Valid kriteria ketuntasan tes hasil belajar yang
pembelajar n soal-soal kan soal- mengacu pada Eko Putro Widoyoko yang
an harus quiz untuk soal quiz dikutip oleh Maharani (2012:74). Kriteria
ada soal- siswa untuk ketuntasan tes hasil belajar dapat dilihat
soal quiz siswa
pada table 7.
Tabel 7. Kriteria ketuntasan tes hasil belajar
Pengujian uji validasi dilakukan dengan
melihat daftar riset awal kebutuhan pembuatan Presentase (%) Kategori
media pembelajaran yang telah ditetapkan oleh P > 80 Sangat Baik
Bapak Riza Habiby sebagai guru yang 60 < p < 80 Baik
mengampu mata pelajaran desain grafis di SMK 40 < p < 60 Cukup Baik
Negeri 5 Malang. Dari hasil pengujian media 20 < p < 40 Kurang Baik
pembelajaran yang sudah dilakukan maka p ≤ 20 Tidak Baik/ Sangat
didapatkan hasil pengujian yang telah sesuai Kurang
dengan riset awal kebutuhan pembuatan media
pembelajaran yang telah ditetapkan oleh Bapak
Keterangan:
Riza Habiby sebagai guru yang mengampu mata
pelajaran desain grafis di SMK Negeri 5 Malang, p : Ketuntasan tes hasil belajar
maka validitas menunjukkan 100%. Hasil dari kelima siswa yang telah
4.6 Quiz Result Siswa mengerjakan soal-soal quiz mendapatkan
Siswa yang telah selesai mempelajari kategori sangat baik, dengan hasil
materi pada media pembelajaran selanjutnya presentase(%) p > 80.
diharuskan untuk menjawab soal-soal quiz yang 4.8 Analisis dan Hasil Efisiensi Media
telah tersedia didalam media pembelajaran. Pembelajaran
Soal-soal quiz tersebut berjumlah 5 butir soal Hasil efisiensi dapat digunakan menghitung
pilihan ganda atau multiple choices. Nilai berapa lama watu yang dibutuhkan ketika siswa
masing-masing siswa yang telah selesai menyelesaikan soal-soal quiz kurang dari 10
menjawab quiz akan ditampilkan pada email menit. Hasil efisiensi dilakukan untuk
guru, kemudian nilai tersebut akan menjadi tolak mengetahui waktu siswa dalam mengerjakan
ukur kesuksesan media pembelajaran yang telah soal-soal quiz ketika siswa masuk kedalam sesi
dibuat.dikembangkan lagi agar dapat digunakan quiz pada media
pada smartphone android, selanjutnya media 1. Bapak Riza Habiby (Guru 1.Tampilan nya lebih
pembelajaran diimplementasikan kepada siswa Pengampu mata dikembangkan lagi supaya
pelajaran desain grafis di lebih menarik, misalnya
di kelas x mata pelajaran dasar desain grafis kelas x SMK Negeri 5 lebih berwarna atau
SMK Negeri 5 Malang. Quiz result siswa dapat Malang) ditambah dengan gambar-
gambar yang menarik,
dilihat pada tabel 6. 2.Tampilan button
4.7 Analisis dan Hasil Efektifitas sebaiknya lebih diperjelas
dan diperbesar,
Media Pembelajaran 3. Terlalu banyak isi materi
yang berupa text sebaiknya
Penyusunan soal quiz yang diperbanyak animasi,
digunakan adalah untuk mengetahui 4. Sebaiknya soal quiz
kriteria ketuntasan belajar siswa diperbanyak.
berdasarkan pada standar kompetensi, pembelajaran, dan dinyatakan hasilnya dalam

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 4336

satuan menit dan detik. Perhitungan dimulai apa saja yang harus dievaluasi setelah
ketika siswa masuk ke sesi quiz dan mengerjakan implementasi kepada siswa mata pelajaran
soal-soal quiz sampai dengan siswa selesai desain grafis di kelas X SMK Negeri 5
mengerjakan soal-soal quiz tersebut. Siswa yang Malang. Evaluasi diberikan oleh guru mata
tidak selesai dalam menjawab soal-soal quiz pelajaran desain grafis di kelas X SMK
maka nilai siswa dan waktu pengerjaan quiz Negeri 5 Malang dengan menyebutkan
siswa tidak akanterlihat pada email guru. Hasil beberapa hal yang harus dievaluasi pada
perhitunganefesiensi dapat dilihat pada tabel 8. media pembelajaran yang telah dibuat
untuk keperluan penelitian yang akan
datang.
Tabel 8. Kriteria ketuntasan tes hasil belajar
Waktu Mengerjakan
Nama Siswa Kelas
Quiz
Muhammad Zhafran 10 4 menit 37 detik
Teguh Tri Saputra 10 5 menit 18 detik
Nadya Aisyah Putri 10 4 menit 14 detik
Novita Anggraeni 10 3 menit 43 detik
5. Tias Puspa Sari 10 4 menit 3 detik
PENUTUP
5.1 Kesimpulan
Berdasarkan Tabel 8 merupakan waktu 1. Perancangan media pembelajaran
yang ditempuh oleh siswa dalam terhadap siswa kelas X SMK Negeri 5
menyelesaikan soal-soal quiz yang tedapat Malang mata pelajaran desain grafis
pada media pembelajaran. Dari kelima siswa adalah pada aspek pembuatan desain
yang telah mengerjakan soal-soal quiz storyboard. Hasil yang didapatkan
dengan waktu kurang dari 10 menit, sesuai dari pembuatan desain storyboard
denganketetapan waktu maksimal yang ada yang akan digunakan untuk
pada sesi quiz yaitu 10 menit, maka hasil memenuhi persyaratan yang telah
efisiensi menunjukkan 100%. ditetapkan sebelumnya, untuk
4.9 Evaluasi melanjutkan ketahap pembuatan
media pembelajaran adalah sesuai
Tahap Evaluasi merupakan tahapan dengan yang telah direncanakan.
terakhir setelah melewati tahapan Desain storyboard menggunakan
implementasi. Tahap evaluasi pada media kertas dan pensil agar memudahkan
pembelajaan yang telah digunakan oleh dalam mengkoreksi desain yang
siswa ditujukan agar memperbaiki memiliki kesalahan.
kekurangan- kekurangan yang ada pada
aplikasi media pembelajaran tersebut, 2. Implementasi media pembelajaran
sehingga pada masa yang akan datang terhadapsiswa kelas X SMK Negeri 5
aplikasi ini diharapkan untuk bisa Malang mata pelajaran desain grafis
meningkatkan keefektifan belajar mengajar adalah pada aspek penerapan
antara guru dan siswa di sekolah SMK pembuatan media pembelajaran yang
Negeri 5 Malang pada materi Desain Grafis telah mengikuti struktur pembuatan
kelas X. Berikut adalah tabel mengenaihal- media pembelajaran sesuai dengan
hal yang perlu dievaluasi pada media desain storyboard yang telah
pembelajaran kelas X mata pelajaran desain ditetapkan sebelumnya. Hasil yang
grafis SMK Negeri 5 Malang. Evaluasi didapatkan dari implementasi atau
media pembelajaran berbasis aplikasi penerapan pembuatan media
iSpring pada mata pelajaran desain grafis di pembelajaran yang telah mengikuti
kelas X SMK Negeri 5 Malang terdapat pada desain storyboard adalah sesuai
tabel 9. dengan yang telah direncanakan.
Implementasi atau penerapan
Tabel 9. Evaluasi Media Pembelajaran pembuatan media pembelajaran pada
materi desain grafis kelas X SMK
Guru Evaluasi Negeri 5 Malang adalah dengan
Pada Tabel 9 menjelaskan mengenai hal menggunakan bantuan aplikasi

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
iSpring.
3. Pengujian media pembelajaran
terhadap siswakelas X SMK Negeri 5
Malang mata pelajaran desain grafis
adalah pada aspek penilaian setelah
menggunakan media
pembelajaran. Hasil yang didapatkan
dari pengujian media pembelajaran dari
kelima siswa yang telah mengerjakan
soal-soal quiz mendapatkan kategori
sangat baik,dengan hasil presentase(%)
p > 80.
5.2 Saran
1. Perlu adanya penambahan siswa untuk
keterlibatan pada proses pembelajaran
menggunakan aplikasi
media pembelajaran berbasis aplikasi
iSpring pada materi desain grafis di
kelas X SMK Negeri 5 Malang, yang
sebelumnya hanya melibatkan lima
siswa dikarenakan menggunakan
penelitian kualitatif. Hal tersebut untuk
memperoleh permasalahan yang baru,
bervariasi, dan diharapkan dapat
memenuhi kebutuhan dan harapan
untuk guru dan siswa yang melakukan
proses belajar mengajar di SMK Negeri
5 Malang.
2. Perbaikan yang perlu dilakukan pada
aplikasi media pembelajaran dengan
menambahkan lebih banyak interaksi
padasetiap isi materi dan menambahkan
lebih banyak soal-soal quiz kepada
siswa.
6. DAFTAR PUSTAKA
Adinda. (2020). Pengembangan Media
Pembelajaran Interaktif Berbasis
Komputer pada Mata Pelajaran
Penerapan Rangkaian Elektronika Kelas
XI TAV di SMK Negeri 3 Surabaya.
https://jurnalmahasiswa.unesa.ac.id.
Arsyad, A. (2002). Media Pembelajaran.
Jakarta: PT. Raja Grafindo Persada.
Hakim, R. (2010). Buku Pintar Windows 7.
Jakarta: PT Elex Media Komputindo.
Hamalik, O. (1994). Media Pendidikan.
Bandung: PT. Citra Aditya Bakti.
Noviati, d. (2018). Pengaruh media
pembelajaran Interaktif Berbantuan
Aplikasi Ispring Presenter Terhadap
Fakultas Ilmu Komputer, Universitas Brawijaya
4337
Kemampuan Berpikir Kritis.
https://journal.institutpendidikan.ac.id.
Pratiwi. (2019). Terapan Media Interaktif
Berbasis Ispring Quizmaker dalamProses
Penilaian Hasil Belajar Mata Pelajaran
Jaringan Dasar Kelas X SMKN 8
Semarang . https://lib.unnes.ac.id.
Wiryokusumo, I. (2011). Dasar-dasar
pengembangan kurikulum. Jakarta: Bumi
Aksara.
Yuhefizar. (2012). Cara Mudah Membangun
Website Interaktif Menggunakan CMS
Joomla. Jakarta: PT. Elex Media
Komputindo.
Zakaria. (2017). Pengembangan Instrumen
Evaluasi Berbasis CBT dengan Software
ispring QuizMaker pada Materi
Kesetimbangan Kimia. Journal.uny.ac.id,
4.
Kurniawati, Ika. 2011, Pengujian Prototipe
MEdiaPembelajaran, Modul Diklat PTP-
Pustekkom Kemendikbud, Jakarta.
Sudjana, Djudju, 2006, Evaluasi Program
Pendidikan Luar Sekolah Untuk
Pendidikan Nonformal dan
Pengembangan Sumber Daya Manusia,
Bandung: Penerbit PT. Remaja
Rosdakarya.
Tegeh, I Made dan I Made Kirna 2010. Metode
Penelitian Pengembangan. Singaraja:
Universitas Pendidikan Ganesha.
Maharani, Noka Setya. 2012. Skripsi dengan
Judul: Pengembangan Media
Pembelajaran Matematika Interaktif
dengan Permainan Ulat Tanggapada
Pokok Bahasan Bangun Ruang Sisi Datar
untuk Siswa SMP Kelas VIII. Yogyakarta:
UNY.
Sugiyono. 2013. Metode Penelitian (Studi
Kasus). Metode Deskriptif, (April 2015),
31–46.
Supriyono, H., Nur Saputra, A., Sudarmilah, E.,
& Darsono, R. (2014). Rancang bangun
aplikasi pembelajaran hadis untuk
perangkat mobile berbasis Android.
JurnalInformatika (JIFO), 8(2), 907-920.
Achmad, Rifa'I dan Cathrina, T. Anni, (2009).
Psikologi Pendidikan. Semarang: Unnes
Press.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 4338

Djamarah, Syaiful Bahri. 2012. Psikologi

Belajar. Jakarta : Rineka Cipta.
Sommerville, I., 2016. Software Engineering.
10thed. United State: Pearson Education.
Mulyadi, 2007. Sistem Perencanaan dan
Pengendalian Manajemen. Salemba
Empat.Jakarta
Habiby, R., 2020. Wawancara pada guru mata
pelajaran Dasar Desain Grafis kelas X
SMK Negeri 5 Malang. Diwawancarai
oleh Bagus Setiawan di SMK Negeri 5
Malang, 17 November 2020, 12.30.

Fakultas Ilmu Komputer, Universitas Brawijaya