KARYA INOVATIF

LAPORAN PEMBUATAN

VIDEO WHITEBOARD ANIMATION

PERSAMAAN GARIS LURUS

ALAT PELAJARAN KATEGORI KOMPLEKS JENIS VIDEO

ANIMASI PEMBELAJARAN

Diajukan untuk Usul Penetapan Angka Kredit Tahunan

Disusun oleh :
Harna Yulistiyarini, S.Pd., M.Pd.
NIP. 19870723 201001 2 016

PEMERINTAH KABUPATEN PATI

DINAS PENDIDIKAN DAN KEBUDAYAAN
SMP NEGERI 1 TAYU
Jalan Diponegoro 33 Tayu, Telp. (0295)452245 Kode Pos 59155
Website: http://smpnsata.sch.id, e-mail: smpnegeri1tayu@gmail.com
TAHUN 2019

i
 HALAMAN PENGESAHAN

Yang bertanda tangan di bawah ini, mengesahkan karya inovatif laporan pembuatan alat
pelajaran kategori kompleks jenis video animasi pembelajaran yang berjudul:
Video Whiteboard Animation Persamaan Garis Lurus

yang dibuat oleh:

Harna Yulistiyarini, S.Pd., M.Pd.
NIP 19870723 201001 2 016

Laporan ini disahkan untuk dipergunakan sebagaimana mestinya.

Tayu, Juni 2019

Yang Mengesahkan,
Kepala SMP Negeri 1 Tayu

Amin Aolawi, M.Pd

NIP. 19700325 199702 1 001

ii
 PERNYATAAN PERPUSTAKAAN

Yang bertanda tangan di bawah ini, Kepala Perpustakaan SMP Negeri 1 Tayu menyatakan

bahwa:

1. Karya inovatif laporan pembuatan alat pelajaran kategori kompleks jenis video animasi
pembelajaran yang berjudul Video Whiteboard Animation Persamaan Garis Lurus
adalah karya dari Harna Yulistiyarini, S.Pd., M.Pd. , guru SMP N 1 Tayu.
2. Laporan dan karya tersebut telah kami terima dari yang bersangkutan untuk disimpan dan

dimanfaatkan oleh Perpustakaan SMP Negeri 1 Tayu sebagaimana mestinya.

Demikian pernyataan ini kami buat dengan sebenar-benarnya dan penuh tanggung

jawab.

Tayu, Juni 2019

Mengetahui, Kepala Perpustakaan

Kepala SMP Negeri 1 Tayu SMP Negeri 1 Tayu

Amin Aolawi, M.Pd Ari Wardani, S.Pd., M.MPd.

NIP. 19700325 199702 1 001 NIP. 19610619 198111 2 001

iii
 PERNYATAAN KEASLIAN

Saya yang bertanda tangan di bawah ini, menyatakan bahwa:

karya inovatif laporan pembuatan alat pelajaran kategori kompleks jenis video animasi
pembelajaran yang berjudul: Video Whiteboard Animation Persamaan Garis Lurus
adalah ASLI hasil karya sendiri, bukan jiplakan dari karya orang lain.

Tayu, Juni 2019

Mengetahui,

Kepala SMP Negeri 1 Tayu Yang membuat pernyataan

Amin Aolawi, M.Pd Harna Yulistiyarini, S. Pd.,M.Pd

NIP. 19700325 199702 1 001 NIP.19870723 201001 2 016

iv
 KATA PENGANTAR

Puji syukur kehadirat Allah, atas ridlo-Nya penulis dapat menyusun Laporan
pembuatan alat pelajaran kategori kompleks jenis video animasi yang berjudul: Video
Whiteboard Animation Persamaan Garis Lurus. Penulisan laporan ini dimaksudkan
untuk pengajuan Usul Penetapan Angka Kredit Tahunan.
Video animasi ini dibuat dengan aplikasi Sparkol VideoScribe. Pembuatan video

animasi ini bertujuan menjelaskan konsep persamaan garis lurus serta untuk meningkatkan

antusiasme dan motivasi belajar matematika siswa SMP N 1 Tayu.

Penulisan laporan ini terwujud karena dukungan dari berbagai pihak. Untuk itu,
penulis menyampaikan ucapan terima kasih kepada:

1. Amin Aolawi, M. Pd. selaku Kepala SMP N 1 Tayu.

2. Tim pengajar Seamolec selaku validator.
3. Peserta didik Kelas VIII, guru-guru dan karyawan SMP Negeri 1 Tayu yang telah
membantu dalam proses pelaksanaan penelitian.
4. Suami tercinta, M. Ulinnuha, beserta orang tua Bapak Atmino, Ibu Sukanti, dan Ibu
Nahdlotin atas pengorbanan yang telah diberikan.
Kritik dan saran sangat penulis harapkan demi kesempurnaan pembuatan alat

peraga/pelajaran selanjutnya. Semoga laporan ini dapat bermanfaat.

Tayu,

v
 DAFTAR ISI

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

HALAMAN PENGESAHAN.................................................................. ii
PERNYATAAN PERPUSTAKAAN ..................................................... iii
PERNYATAAN KEASLIAN ................................................................. iv
KATA PENGANTAR ............................................................................ v
DAFTAR ISI ........................................................................................ vi
DAFTAR GAMBAR ............................................................................. vii
A. TUJUAN ...................................................................................... 1
B. MANFAAT ................................................................................... 1
C. RANCANGAN / DESAIN ALAT PERAGA ................................... 1
D. PROSEDUR PEMBUATAN ALAT PERAGA ............................... 9
E. PENGGUNAAN ALAT PERAGA ............................................... 11
F. DAMPAK PENGGUNAAN ALAT PERAGA ............................... 14
BIODATA PENULIS ........................................................................... 15

vi
 DAFTAR GAMBAR

Gambar 1.Alat Pembuatan Video Animasi ................................................................ 8

Gambar 2. Bahan Aset Gambar ................................................................................ 8
Gambar 3. Guru Membuat Rancangan Video ........................................................... 9
Gambar 4. Guru Mendownload Gambar Free dari kisspng.com ............................... 9
Gambar 5. Guru Membuat Aset Materi dari Powerpoint ......................................... 10
Gambar 6. Mendownload Aplikasi Sparkol VideoScribe ......................................... 10
Gambar 7. Klik Shortcut Sparkol VideoScribe ......................................................... 11
Gambar 8. Pilih Create a New Project untuk Memulai ............................................ 11
Gambar 9. Proses Pembuatan Animasi .................................................................. 12
Gambar 10.Proses Memberi Efek Animasi ............................................................. 12
Gambar 11. Proses Renderring Menjadi MP4, Share YouTube, MP4, PPT ........... 13
Gambar 12. Guru Menjelaskan Pemanfaatan Video Animasi ................................. 13
Gambar 13. Siswa Mengerjakan Latihan Soal Setelah Melihat Video .................... 14

vii
 VIDEO WHITEBOARD ANIMATION PERSAMAAN GARIS LURUS

A. TUJUAN
1. Memperjelas konsep Gradien Garis Lurus
2. Memperjelas konsep Persamaan Garis Lurus
3. Menentukan Gradien Garis Lurus
4. Menentukan Persamaan Garis Lurus Jika Diketahui Dua Titik Koordinat

B. MANFAAT
1. Menyelesaikan masalah terkait Persamaan Garis Lurus
2. Meningkatkan motivasi belajar siswa

C. RANCANGAN VIDEO

Tabel 1. Rancangan Bagian Video Animasi

BAGIAN TEMA RINGKASAN MATERI ALOKASI

WAKTU
1 Gradien Garis  Gradien Melalui 2 titik 
Lurus
2 Persamaan  PGL Diketahui m dan 1 titik 
Garis Lurus  PGL Melalui 2 titik

Contoh Rancangan Storyline

MEDIA PEMBELAJARAN | ANIMASI DRAWING

MATEMATIKA- GRADIEN GARIS LURUS
Oleh : Harna Yulistiyarini, S.Pd., M.Pd.

Sinopsis / Deskripsi
Gradien atau kemiringan garis lurus adalah perbandingan perubahan jarak
vertikal dengan perubahan jarak horizontal.
Gradien dilambangkan dengan huruf m. Pada koodinat kartesius, gradien garis
yang melalui 2 titik dapat dirumuskan:
perubahan jarak dalam arah sumbu y
gradien =
perubahan jarak dalam arah sumbu x
Gradien (m) garis melalui titik koordinat A(x1, y1) dan B (x2, y2)
∆𝒚
𝒎=
∆𝒙
𝒚𝟐 − 𝒚𝟏
𝒎=
𝒙𝟐 − 𝒙𝟏

1
 Tabel 2. Storyline Video 1
Gradien Garis Lurus

Cut Storyline Aset Visual (Gambar) Narasi (Voice Over) Durasi

(Slide) (Alur dan Musik Ilustrasi
Cerita)
1 Opening Teks : Back sound: musik 36
Title Bahan Ajar Digital – instrumental hey detik
Animasi Drawing
Narasi:
oleh: Hai sahabat semua,
Harna Yulistiyarini, kali ini kita akan
S.Pd.,M.Pd. belajar tentang
SMP N 1 Tayu, Pati, Jawa gradien atau
Tengah kemiringan garis lurus
@ 2016
bersama saya Harna
Gambar: Yulistiyarini dari SMP N
Logo Seamolec 1 Tayu, Jawa Tengah
Logo Sekolah
Baground
Tampilan:

2 Contoh Teks: CONTOH Back sound: musik 57

Kemiringa instrumental hey detik
n Garis Gambar: tangga, jalan
Lurus menanjak, tempat parkir, Narasi:
rumah, jembatan Banyak hal di sekitar
kita yang diciptakan
Tampilan: dengan memperhatikan
kemiringan garis lurus.

Dalam merancang
tangga, haruslah
memperhatikan
kemiringan untuk
keamanan dan
kenyamanan
penggunanya.

Dalam membuat jalan

2
Cut Storyline Aset Visual (Gambar)
(Slide) (Alur
Cerita)
3 Memaham Teks:
i konsep Kemiringan bukit =
gradien perbandingan jarak vertikal
dengan horizontal
Semakin terjal/miring maka
angka kemiringannya
semakin besar
Dalam matematika, angka
kemiringan tersebut dikenal
dengan gradien
Gambar:
Orang mendaki
Ilustrasi 2 bukit dengan
ukurannya
Perhitungan kemiringan
bukit terjal dan landai
Guru
Callout simpulan
3
Narasi (Voice Over) Durasi
dan Musik Ilustrasi
menanjak juga perlu
memperhatikan
kemiringan karena jika
terlalu curam,
kendaraan akan sulit
melintasinya.
Dalam membuat tempat
parkir juga perlu
memperhatikan
kemiringan karena jika
terlalu miring, maka
tidak aman bagi mobil
maupun
pengendaranya.
Begitu pula dengan atap
rumah dan jembatan
Back sound: musik 147
instrumental hey detik
Narasi: (2
Misalkan kamu akan menit
mendaki suatu bukit 27
Terdapat dua jalur bukit detik)
dengan keterjalan
berbeda
Perhatikan bahwa bukit
yang terjal memiliki
jarak mendatar
(horizontal) 40 meter
dan ketinggian (vertikal)
20 meter,
sedangkan bukit landai
memiliki jarak mendatar
(horizontal) 80 meter
dan ketinggian (jarak
vertikal) juga 20 meter.
Bukit manakah yang
lebih mudah didaki?
Jika Kemiringan bukit
dapat dinyatakan
Cut Storyline Aset Visual (Gambar) Narasi (Voice Over) Durasi
(Slide) (Alur dan Musik Ilustrasi
Cerita)
dengan perbandingan
Tampilan: perubahan jarak vertikal
dengan perubahan jarak
horizontal, maka
Kemiringan bukit terjal =
perubahan jarak vertikal
pada bukit terjal per
perubahan jarak
horizontal pada bukit
terjal = 20/40 = 1/ 2

Sementara itu,
kemiringan bukit landai
= perubahan jarak
vertikal pada bukit
landai per perubahan
jarak horizontal pada
bukit landai = 20/80 = 1/
4

Coba bandingkan ½ =
2/4 lebih besar daripada
¼. Nah, Bukit yang
memiliki angka
kemiringan lebih tinggi
ternyata adalah bukit
yang terjal

Sehingga Semakin
terjal/miring, maka
angka kemiringannya
akan semakin besar.

Dalam matematika,
angka kemiringan
tersebut dikenal dengan
GRADIEN
4 Rumus Teks: Back sound: musik 60
Gradien Gradien pada koordinat instrumental hey detik
dalam kartesius (1
Koordinat Narasi: menit)
Kartesius Sehingga Nah, untuk Menghitung
Atau Gradien,
kemiringan/kecondonga
Gambar: gambar rumus n garis/gradien, dalam

4
Cut Storyline Aset Visual (Gambar) Narasi (Voice Over) Durasi
(Slide) (Alur dan Musik Ilustrasi
Cerita)
gradien koordinat Kartesius, kita
Bagraund gunakan rumus
perbandingan
perubahan jarak vertikal
Tampilan:
dengan perubahan jarak
horizontal,

gradien = perbandingan
perubahan jarak pada
sumbu y dengan
perubahan jarak pada
sumbu x,

Jika gradien
dilambangkan dengan
huruf m

maka

∆𝒚
𝒎=
∆𝒙

Gradien (m) garis

melalui titik koordinat
A(x1, y1) dan B (x2, y2)

∆𝒚
𝒎=
∆𝒙
𝒚𝟐 − 𝒚 𝟏
𝒎=
𝒙𝟐 − 𝒙𝟏

5 Contoh 1 Gambar: Back sound: musik 33

Soal gradien positif dan instrumental hey detik
pembahasannya
Narasi:
Tampilan Gradien dapat bernilai
positif atau negatif.
Perhatikan contoh 1.

Sebuah garis melalui

5
Cut Storyline Aset Visual (Gambar) Narasi (Voice Over) Durasi
(Slide) (Alur dan Musik Ilustrasi
Cerita)
titik koordinat (1,1) dan
(4,5)
Sehingga jarak
vertikalnya adalah 5-1 =
4 dan jarak
horisontalnya = 4-1 = 3.

Sehingga gradien
garisnya adalah 4/3

6 Contoh 2 Gambar: Back sound: musik 1

Soal gradien negatif dan instrumental hey menit
pembahasannya
Narasi:
Tampilan Contoh yang kedua,
Sebuah garis melalui
titik koordinat (0,4) dan
(5,1)
Garis tersebut memiliki
gradien 1 dikurang 4 per
5 dikurangi 0 = -3/5.

Sehingga gradien
garisnya adalah 4/3

7 Analisis Gambar: Back sound: musik 1

Rumus Koordinat kartesius instrumental hey menit
Gradien Tampilan
Narasi:
Perhatikan Gambar
berikut.
Dari gambar tersebut
dapat ditunjukkan
y2  y1 y3  y2
bahwa 
x2  x1 x3  x2
yang menyatakan
gradien garis, dan biasa
ditulis m. Jadi, suatu
garis yang melalui titik

6
Cut Storyline Aset Visual (Gambar) Narasi (Voice Over) Durasi
(Slide) (Alur dan Musik Ilustrasi
Cerita)
( x1 , y1 ) dan ( x2 , y2 )
memiliki gradien
y y
m 2 1.
x2  x1

8 Simpulan Teks: Jadi, dapat 30

Simpulan disimpulkan bahwa: detik
Gradien garis yang melalui 1. Gradien
titik A(x1, y1) dan B(x1, y1)
menyatakan derajat
y2  y1 kemiringan suatu
m . garis pada bidang
x2  x1
kartesius
Gambar: Baground 2. Gradien suatu garis
dirumuskan sebagai
Tampilan: perbandingan
antara perubahan
jarak dalam arah
sumbu y dengan
perubahan jarak
dalam arah sumbu x
3. Jika suatu garis
melalui (x1, y1) dan
(x2,y2), maka
gradien garis
tersebut adalah
(y2-y1)/(x2-x1)

9 Closing Teks: Demikian materi gradien 15

Sampai Jumpa hari ini detik
Sampai Jumpa lagi di
Gambar: Baground materi berikutnya

Tampilan:

7
 Gambar 1.Alat Pembuatan Video Animasi

Gambar 2. Bahan Aset Gambar

1. Alat:
a. Laptop
b. Kamera/ handphone
c. Clip on Microphone,
d. Headset
2. Bahan:
a. Aset gambar
b. Aset lagu

8
D. PROSEDUR PEMBUATAN
1. Buat rancangan awal sinopsis video

Gambar 3. Guru Membuat Rancangan Video

2. Kumpulkan aset gambar yang diperlukan.

Gambar 4. Guru Mendownload Gambar Free dari kisspng.com

9
 Gambar 5. Guru Membuat Aset Materi dari Powerpoint

3. Edit dan kompilasi aset narasi, gambar, animasi dengan Aplikasi Sparkol
VideoScribe.

Gambar 6. Mendownload Aplikasi Sparkol VideoScribe

10
 Gambar 7. Klik Shortcut Sparkol VideoScribe

Gambar 8. Pilih Create a New Project untuk Memulai

11
 Gambar 9. Proses Pembuatan Animasi

Gambar 10.Proses Memberi Efek Animasi

12
 Gambar 11. Proses Renderring Menjadi MP4, Share YouTube, MP4, PPT

E. PENGGUNAAN

1. Buka di VCD Pembelajaran

2. Lihat Video melalui laptop atau layar LCD
3. Pahami isi video dan kerjakan latihan soal.

Berikut ini photo penggunaan video animasi dalam pembelajaran di kelas.

Gambar 12. Guru Menjelaskan Pemanfaatan Video Animasi

13
 Gambar 13. Siswa Mengerjakan Latihan Soal Setelah Melihat Video

F. DAMPAK PENGGUNAAN ALAT PERAGA

1. Hasil belajar siswa meningkat dari ketuntasan 50% menjadi 80%.

2. Siswa memahami pengertian Persamaan Garis Lurus.

3. Siswa dapat menentukan gradien garis lurus.

4. Siswa dapat menentukan persamaan garis lurus.

14
Lampiran

BIODATA PENULIS

Nama : HARNA YULISTIYARINI, S.Pd., M.Pd.

NIP : 19870723 201001 2 016

NRG : 161801112724

NUPTK : 4055765666300073

Pangkat/Gol.Ruang : Penata / III-c

Jabatan : Guru Muda

Unit Kerja : SMP N 1 Tayu

Alamat Kantor : Jl P. Diponegoro No. 33 Kec. Tayu Kab. Pati

Email : harnayulistiyarini@gmail.com

Nomor HP : 085226173392
Bidang Studi : Mata Pelajaran Matematika
Penghargaan yang pernah diraih:

No Nama Penghargaan Tingkat Tahun

1. Juara II Lomba OGN Matematika Kabupaten 2015
2. Finalis Lomba Inovasi Alat Peraga Nasional 2015
3. Juara I Lomba PTK Guru SMP Kabupaten 2016
4. Finalis Lomba Inovasi Pembelajaran Guru Provinsi 2016
SMP
5. Finalis Lomba Inovasi Pembelajaran Guru Nasional 2017
SMP
6. Finalis Diseminasi Literasi Nasional 2018
7. Juara II Lomba Karya Inovatif Guru SMP Kabupaten 2018
8. Pendamping Lomba Menulis Esai Nasional 2018
9. 30 Besar Seleksi Duta Rumah Belajar Level 3 Provinsi 2019

15