i

Laporan Proyek Akhir

Media Pembelajaran Gerakan Dasar Silat IKS. PI Kera Sakti

Cabang Bendosari Menggunakan Adobe Flash CS3 Untuk

Sabuk Hitam

Disusun Oleh :

Nama : Imam Sholihin

NIM : 13.3.00012

Program Studi : Teknik Informatika

Jenjang Pendidikan : Diploma III

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

SINAR NUSANTARA

SURAKARTA

2016

i

Laporan Proyek Akhir

Laporan ini disusun guna untuk memenuhi salah satu syarat

Untuk menyelesaikan program pendidikan Diploma III

Pada

STMIK Sinar Nusantara Surakarta

Disusun Oleh :

Nama : Imam Sholihin

NIM : 13.3.00012

Program Studi : Teknik Informatika

Jenjang Pendidikan : Diploma III

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

SINAR NUSANTARA

SURAKARTA

2016

ii

PERSETUJUAN LAPORAN PROYEK AKHIR

Nama Pelaksana Proyek Akhir : Imam Sholihin

Nomor Induk Mahasiswa : 13.3.00012

Program Studi : Teknik Informatika

Jenjang Pendidikan : Diploma III

Judul Proyek Akhir : Media Pembelajaran Gerakan Dasar Silat IKS. PI

Kera Sakti Cabang Bendosari Menggunakan

Adobe Flash CS2 Untuk Sabuk Hitam.

Dosen Pembimbing : Sri Siswanti, S.Kom, M.Kom

Surakarta, 19 Juli , 2016

Menyetujui,

Dosen Pembimbing

(Sri Siswanti, S.Kom, M.Kom)

Mengetahui,

Ketua STMIK Sinar Nusantara

( Kumaratih Sandradewi, S.P M.Kom )

iii

iv

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

SINAR NUSANTARA

SURAT PERNYATAAN PENULIS

JUDUL : Media Pembelajaran Gerakan Dasar Silat IKS. PI Kera Sakti

Cabang Bendosari Menggunakan Adobe Flash CS3 Untuk

Sabuk Hitam.

NAMA : IMAM SHOLIHIN

NIM : 13.3.00012

“Saya menyatakan dan bertanggung jawab dengan sebenarnya Tugas Akhir ini

adalah hasil karya saya sendiri kecuali cuplikan dan ringkasan yang masing-masing

telah saya jelaskan sumbernya. Jika pada waktunya selanjutnya ada pihak lain

mengklaim bahwa Tugas Akhir ini sebagai karyanya yang disertai dengan bukti-bukti

yang cukup, maka saya bersedia untuk untuk dibatalkan gelar Ahli Madya Komputer

saya beserta kewajiban yang melekat pada gelar tersebut.”

Surakarta, 19 Juli 2016

Imam Sholihin

Penulis

v

MOTTO

Ketergesaan dalam setiap usaha membawa kegagalan.

Belajarlah dari sebuah kegagalan karena kegagalan lah yang mengajarkan kita

untuk menjadi manusia yang jauh lebih baik.

Jika keajaiban itu tidak berpihak kepada kita, maka kita sendiri yang akan

membuat keajaiban itu.

Manusia tidak merancang untuk gagal, mereka gagal untuk merancang.

Hidup ini seperti pensil yang pasti akan habis, tetapi meninggalkan tulisan-

tulisan yang indah dalam kehidupan.

Orang sukses itu tidak ada kata menyerah di dalam setiap langkahnya

meskipun banyak rintangan dan hambatan di setiap langkah yang akan dia

lalui.

Ilmu itu diperoleh dari lidah yang gemar bertanya serta akal yang suka

berfikir.

Imam Sholihin

vi

PERSEMBAHAN

Laporan Proyek Akhir Ini Penulis Persembahkan Untuk :

Ucapan syukur kepada Allah S.W.T

Untuk STMIK Sinar Nusantara Surakarta yang selama 3 tahun

memberikan kesempatan kepada saya untuk menimba ilmu.

Untuk Ibu Kumaratih Sandradewi, SP, M.Kom selaku ketua STMIK Sinar

Nusantara Surakarta beserta semua staff dan karyawan.

Untuk Bapak Wawan Laksito, S.Si, M.Kom selaku dosen pembimbing

akademik yang telah memberikan bimbingan selama perkuliahan kepada

penulis.

Untuk Ibu Sri Siswanti, S.Kom, M.Kom selaku dosen pembimbing yang

telah memberikan bimbingan kepada penulis.

Untuk kedua Orang Tuaku Bapak Sunarto dan Ibu Supatmi yang telah

melimpahkan doa, semangat serta kasih sayang yang tidak pernah putus

kepada saya.

Untuk teman-teman Telkom Sukoharjo yang selalu menemani dan

memberikan dukungan kepada saya.

Untuk Temenku Oen, Andry, Raiz, Sofia, Arung, Margareta, dan teman-

teman TI-D3 yang sudah memberikan kenangan indah selama ini.

vii

RINGKASAN

Laporan proyek akhir ini dengan judul “ Media Pembelajaran Gerakan Dasar

Silat IKS. PI Kera Sakti Menggunakan Adobe Flash CS3 Untuk Sabuk Hitam”

disusun berdasarkan penelitian dan analisa yang dilalukan pada tanggal 29 Maret

sampai 27 April 2016.

Masalah yang ada pada proyek akhir ini yaitu pelatih serta pengurus merasa

ada kesulitan saat mengajar, dikarenakan murid ada yang lupa menghafal gerakan

dasar sehingga hanya mengulang materi pada pertemuan berikutnya. Tujuan dari

proyek akhir ini adalah terbentuknya sebuah aplikasi media pembelajaran interaktif

yang berbasis Flash pada materi gerakan dasar silat IKS. PI Kera Sakti khususnya

untuk sabuk hitam.

Metode penelitian pada tugas akhir ini menggunakan observasi, metode

wawancara yaitu tanya jawab secara langsung dengan Guru IKS. PI Kera Sakti, dan

studi pustaka dengan cara pengumpulan data dari buku-buku yang berkaitan dengan

pembuatan aplikasi.

Hasil akhir yang didapatkan dari Proyek Akhir ini adalah sebuah software

berbasis multimedia yang membantu dalam proses pembelajaran gerakan dasar silat

IKS. PI Kera Sakti menggunakan Adobe Flash CS3 untuk sabuk hitam.

viii

SUMMARY

This final project report with the title "Learning Media Basic of Silat

Movement IKS. PI Kera Sakti Using Adobe Flash CS3 For Black Belt " it’s arranged

based on research and analysis that is passed on 29 March to 27 April 2016.

The problem with this final project that coaches and administrators had

difficulty when teaching, because there are students who forgot to memorize the basic

movement so just repeat the matter at the next meeting. The purpose of this final

project is the creation of an application-based media interactive learning Flash on the

material basis of silat movements IKS. PI Kera Sakti especially for black belt.

The research method in this final observation, interview method that is

question and answer directly to the Master IKS. PI Kera Sakti, and literature by

collecting data from books related to the making of applications.

The final result of this Final Project is a multimedia-based software that

helps in the process of learning basic movements silat IKS. PI Kera Sakti using

Adobe Flash CS3 for black belt.

ix

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Tuhan YME atas rahmat dan

karunia-Nya sehingga penulis dapat menyelesaikan Proyek Tugas Akhir yang

berjudul “Media Pembelajaran Gerakan Dasar Silat IKS. PI Kera Sakti

Menggunakan Adobe Flash CS3 Untuk Sabuk Hitam”, guna memenuhi

persyaratan untuk mencapai derajat Diploma III pada STMIK Sinar Nusantara

Surakarta. Salam Senantiasa tercurahkan kepada keluarga dan para sahabat.

Penulis menyadari bahwa penyusunan Proyek Tugas Akhir ini tidak

terlepas dari bantuan dan motivasi bimbingan dari berbagai pihak, maka dengan ini

penulis ingin mengucapkan terima kasih kepada:

1. Ibu Kusmaratih Sandradewi, SP, M.Kom selaku Ketua STMIK Sinar

Nusantara, yang telah memberikan kesempatan dan fasilitas kepada penulis.

2. Ibu Sri Siswanti, M.Kom selaku pembimbing yang telah bersedia

membimbing dan mengarahkan penulis.

3. Bapak/Ibu tim penguji Proyek Tugas Akhir, penulis mengucapkan terima

kasih atas masukan, kritik, dan saran dalam penyusunan Proyek Tugas Akhir

ini.

4. Perpustakaan STMIK Sinar Nusantara dalam menyelesaikan Proyek Tugas

Akhir ini.

5. Segenap Dosen dan Karyawan STMIK Sinar Nusantara dalam

menyelesaikan Proyek Tugas Akhir.

x

6. Orang tua yang telah membimbing, memotivasi, dan mengarahkan setiap

langkah dalam menjalani studi ini.

7. Sahabat yang memberi semangat dalam menyelesaikan Proyek Tugas Akhir

ini.

8. Keluarga Telkom Sukoharjo yang senantiasa menemani dalam

menyelesaikan Tugas Akhir ini..

Penulis menyadari bahwa Proyek Tugas Akhir ini masih jauh dari

sempurna, oleh karena itu segala saran dan kritik yang bersifat membangun

akan penulis terima dengan senang hati. Akhir kata semoga Proyek Tugas

Akhir ini bermanfaat bagi siapa pun yang membacanya.

Surakarta, 19 Juli 2016

Imam Sholihin

Penulis

xi

DAFTAR ISI

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

HALAMAN PERSETUJUAN ........................................................................... ii

HALAMAN PENGESAHAN ............................................................................ iii

SURAT PERNYATAAN................................................................................... iv

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

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

HALAMAN RINGKASAN ............................................................................... vii

HALAMAN SUMMARY .................................................................................. viii

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

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

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

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

BAB I PENDAHULUAN

1.1. Latar Belakang ....................................................................... 1

1.2. Perumusan Masalah ............................................................... 2

1.3. Pembatasan Masalah .............................................................. 3

1.4. Tujuan Proyek Akhir ............................................................. 3

1.5. Manfaat Proyek Akhir ........................................................... 4

1.6. Metodologi Penelitian ............................................................ .. .5

1.7. Sistematika Penulisan ............................................................ 7

BAB II LANDASAN TEORI

2.1. Pencak Silat ........................................................................... 9

2.2. Adobe Flash CS3 ................................................................... 10

2.3. Multimedia ............................................................................. 14

2.4. Media Pembelajaran .............................................................. 16

2.5. Adobe Photoshop ................................................................... 17

xii

2.6. Camtasia Studio 8 ................................................................. 18

2.7. Flowchart ............................................................................... 22

BAB III TINJAUAN UMUM

3.1. Objek Penelitian ..................................................................... 25

3.1.1 Sejarah Perguruan ......................................................... 25

3.1.2 Lambang Perguruan ...................................................... 27

3.1.3 Tingkatan Sabuk ........................................................... 29

3.2. Pembelajaran Berbasis Multimedia ....................................... 31

3.3. Materi Dasar Sabuk Hitam .................................................... 32

3.2.1 Pukulan ......................................................................... 33

3.2.2 Tendangan ..................................................................... 36

3.2.3 Kuda - Kuda .................................................................. 39

3.2.4 Pernafasan Chikung ...................................................... 40

BAB IV HASIL PENELITIAN DAN ANALISIS DATA

4.1. Perancangan Konsep .............................................................. 41

4.2. Persiapan Pembuatan ............................................................. 42

4.2.1. Tahap Pra Produksi .................................................... 42

4.2.2. Pembuatan Story Board ............................................. 42

4.2.3. Pembuatan Flowchart ................................................ 52

4.3. Perancangan Desain ............................................................... 54

4.3.1 Desain Menu Pembuka ............................................. 55

4.3.2 Desain Menu Utama .................................................. 56

4.3.3 Desain Menu Bantuan Penggunaan Aplikasi ............ 56

4.3.4 Desain Menu Materi Dasar ........................................ 57

4.3.5 Desain Menu Materi Gerakan .................................... 58

4.3.6 Desain Menu Materi Video ....................................... 59

4.3.7 Desain Menu Profil Sejarah ....................................... 60

4.3.8 Desain Menu Profil Lambang .................................... 60

4.3.9 Desain Menu Tujuan .................................................. 61

xiii

4.3.10 Desain Menu Tes Latihan Soal .................................. 62

4.4. Tahap Proses Pembuatan ....................................................... 63

4.4.1. Pembuatan Animasi ................................................... 63

4.4.2. Pembuatan Button ...................................................... 67

4.4.3. Input Suara ................................................................. 69

4.4.4. Input Video ................................................................ 69

4.5. Implementasi Media Pembelajaran ........................................ 70

4.5.1 Tampilan Menu Pembuka .......................................... 70

4.5.2 Tampilan Menu Utama .............................................. 71

4.5.3 Tampilan Menu Bantuan Penggunaan Aplikasi ........ 72

4.5.4 Tampilan Menu Materi Dasar .................................... 73

4.5.5 Tampilan Menu Materi Gerakan ................................ 73

4.5.6 Tampilan Menu Materi Video ................................... 74

4.5.7 Tampilan Menu Profil Sejarah ................................... 75

4.5.8 Tampilan Menu Profil Lambang ................................ 76

4.5.9 Tampilan Menu Tujuan .............................................. 77

4.5.10 Tampilan Menu Tes Latihan Soal .............................. 78

4.6. Pengujian ............................................................................... 78

4.7. Distribusi ................................................................................ 79

BAB V PENUTUP

5.1. KESIMPULAN ...................................................................... 80

5.2. SARAN .................................................................................. 81

DAFTAR PUSTAKA ....................................................................................... 82

LAMPIRAN ...................................................................................................... 83

xiv

DAFTAR TABEL

Tabel 2.1 Simbol-simbol Flowchart ..................................................................... 23

Tabel 2.2 Simbol-simbol Flowchart ..................................................................... 24

Tabel 4.1 Story board Aplikasi ............................................................................. 43

xv

DAFTAR GAMBAR

Gambar 2.1 Area Kerja Adobe Flash CS3 ............................................................ 11

Gambar 3.1 Guru Besar R. Totong Kiemdarto ..................................................... 26

Gambar 3.2 Lambang Perguruan IKS. PI Kera Sakti ........................................... 27

Gambar 3.4 Pukulan Joung-Jien Depan ................................................................ 33

Gambar 3.4 Pukulan Joung-Jien Samping ............................................................ 34

Gambar 3.5 Pukulan Jack-Jien Depan .................................................................. 34

Gambar 3.6 Pukulan Jack-Jien Samping ............................................................... 35

Gambar 3.7 Pukulan Than-Jien Depan ................................................................. 35

Gambar 3.8 Pukulan Than-Jien Samping.............................................................. 36

Gambar 3.9 Tendangan To Depan ........................................................................ 36

Gambar 3.10 Tendangan To Samping .................................................................. 37

Gambar 3.11 Tendangan So Depan ...................................................................... 37

Gambar 3.12 Tendangan So Samping ................................................................... 38

Gambar 3.13 Tendangan Jack-Thue Depan .......................................................... 38

Gambar 3.14 Tendangan Jack-Thue Samping ...................................................... 39

Gambar 3.15 Kuda-Kuda ...................................................................................... 40

Gambar 3.16 Chikung ........................................................................................... 40

Gambar 4.1 Diagram Flowchart Menu Utama ..................................................... 52

Gambar 4.2 Diagram Flowchart Menu Materi Dasar ........................................... 53

Gambar 4.3 Diagram Flowchart Menu Profil ....................................................... 54

Gambar 4.4 Diagram Flowchart Menu Tes Latihan Soal ..................................... 54

Gambar 4.5 Layout Menu Pembuka...................................................................... 55

Gambar 4.6 Layout Menu Utama .......................................................................... 56

Gambar 4.7 Layout Menu Bantuan Penggunaan Aplikasi .................................... 57

Gambar 4.8 Layout Menu Materi Dasar ............................................................... 58

Gambar 4.9 Layout Menu Materi Gerakan ........................................................... 59

xvi

Gambar 4.10 Layout Menu Materi Video ............................................................. 59

Gambar 4.11 Layout Menu Profil Sejarah ............................................................ 60

Gambar 4.12 Layout Menu Profil Lambang ......................................................... 61

Gambar 4.13 Layout Menu Tujuan ....................................................................... 62

Gambar 4.14 Layout Menu Tes Latihan Soal ....................................................... 62

Gambar 4.15 Tampilan Menu Pembuka ............................................................... 71

Gambar 4.16 Tampilan Menu Utama Tertutup ..................................................... 71

Gambar 4.17 Tampilan Menu Utama Terbuka ..................................................... 72

Gambar 4.18 Tampilan Menu Bantuan Penggunaan Aplikasi .............................. 72

Gambar 4.19 Tampilan Menu Materi Dasar ......................................................... 73

Gambar 4.20 Tampilan Menu Materi Gerakan ..................................................... 74

Gambar 4.21 Tampilan Menu Materi Video ......................................................... 77

Gambar 4.22 Tampilan Menu Profil Sejarah ........................................................ 76

Gambar 4.23 Tampilan Menu Profil Lambang ..................................................... 77

Gambar 4.24 Tampilan Menu Tujuan ................................................................... 77

Gambar 4.25 Tampilan Menu Latihan Soal .......................................................... 78

70

1. Buat lembar kerja baru pada flash, dengan klik flash file

(ActionScript 2.0) atau file > new > flash

file(ActionScript 2.0) > OK.

2. Klik menu window > Components atau tekan Ctrl+7.

Lalu akan muncul panel Components.

3. Pada panel Components > Video > FLVPlayback. Klik

FLVPlayback lalu drag and drop pada Stage, kemudian

atur sesuai keinginan dan close panel Components.

4. Berikutnya Klik menu window > Component Inspector

> contentPatch. Lalu cari video (chikung)yang akan

disisipkan pada FLVPlayback, pilih dan open.

4.5 Implementasi Media Pembelajaran

4.5.1 Tampilan Menu Pembuka

Menu pembuka adalah menu tampilan pertama kali memulai masuk

ke dalam aplikasi. Ada animasi pembuka kemudian muncul Guru

Kera Sakti dan diikuti logo lambang perguruan sebagai tombol

masuk untuk memulai menjalankan aplikasi. Setelah tombol

ditekan maka tampilan akan berpindah ke menu utama.

Berikut tampilan menu pembuka :

71

Gambar 4.15 Tampilan menu pembuka

4.5.2 Tampilan Menu Utama

Pada tampilan menu utama berisi menu materi dasar, profil,

tujuan, tes, bantuan penggunaan aplikasi, dan keluar. Ada animasi

Guru Kera Sakti yang menunjukkan cara penggunaan aplikasi pada

menu utama dan juga animasi gambar bergerak di setiap menu.

Berikut tampilan menu utama :

Gambar 4.16 Tampilan menu utama tertutup

72

Gambar 4.17 Tampilan menu utama terbuka

4.5.3 Tampilan Menu Bantuan Penggunaan Aplikasi

Pada menu bantuan penggunan aplikasi menerangkan

kegunaan dari berbagai tombol yang ada pada aplikasi. Terdapat

tombol kembali untuk menuju ke menu utama.

Berikut tampilan menu bantuan penggunaan aplikasi :

Gambar 4.18 Tampilan menu bantuan penggunaan aplikasi

73

4.5.4 Tampilan Menu Materi Dasar

Pada menu materi dasar terdapat tombol pukulan di sisi kiri,

tombol video chikung di tengah, tombol tendangan di sisi kanan,

pada masing-masing tombol terdapat animasi.

Berikut tampilan menu materi dasar :

Gambar 4.19 Tampilan menu materi dasar

4.5.5 Desain Menu Materi Gerakan

Pada menu ini menampilkan gerakan dasar pukulan atau

tendangan, ada tombol play untuk memulai gerakan, tombol next

untuk memperlihatkan gerakan selanjutnya tombol preview untuk

memperlihatkan gerakan sebelumnya, tombol stop untuk berhenti.

Juga terdapat tombol suara untuk penjelasan dari gerakan

tersebut, lalu ada tombol menu untuk kembali ke menu utama dan

tombol kembali untuk kembali ke menu materi.

74

Berikut tampilan menu materi gerakan :

Gambar 4.20 Tampilan menu materi gerakan

4.5.6 Tampilan Menu Materi Video

Pada menu materi video terdapat video gerakan pernafasan

Chikung, di dalam menu materi video Chikung terdapat animasi

pada judul, terdapat tombol kembali untuk menuju ke menu materi

dasar, tombol, tombol menu untuk menuju ke menu utama, tombol

keluar untuk keluar dari aplikasi.

75

Berikut tampilan menu materi video :

Gambar 4.21 Tampilan menu materi video

4.5.7 Tampilan Menu Profil Sejarah

Pada Pada menu profil sejarah Perguruan Kera Sakti terdapat

animasi gambar logo, isi sejarah Perguruan, tombol scroll, tombol

lambang untuk menuju ke menu lambang, tombol menu untuk

menuju ke menu utama, tombol suara untuk mendengarkan isi

penjelasan sejarah Perguruan, tombol keluar untuk keluar dari

aplikasi.

76

Berikut tampilan menu profil sejarah :

Gambar 4.22 Tampilan menu profil sejarah

4.5.8 Tampilan Menu Profil Lambang

Pada menu profil lambang Perguruan Kera Sakti terdapat

animasi gambar logo, isi arti lambang Perguruan, tombol scroll,

tombol sejarah untuk menuju ke menu sejarah, tombol menu untuk

menuju ke menu utama, tombol suara untuk mendengarkan isi

penjelasan dari arti lambang Perguruaan, tombol keluar untuk

keluar dari aplikasi.

77

Berikut tampilan menu profil lambang :

Gambar 4.23 Tampilan menu profil sejarah

4.5.9 Tampilan Menu Tujuan

Pada tampilan menu terdapat animasi isi dari tujuan

pembelajaran gerakan materi dasar, lalu terdapat animasi gambar

Kera Sakti, tombol menu untuk kembali ke menu utama dan

tombol keluar untuk keluar dari aplikasi.

Berikut tampilan menu materi tujuan :

Gambar 4.24 Tampilan menu tujuan

78

4.5.10 Tampilan Menu Tes Latihan Soal

Pada menu tes terdapat soal-soal sesuai dengan materi gerakan

dasar dan pengetahuan umum perguruan seperti arti lambing atau

sejarah. Terdapat 20 soal pilihan ganda yang masing-masing nomer

mendapatkan nilai 5 jika jawabannya benar.

Tombol huruf a, b, c dan d adalah tombol pilihan jawaban

yang menuju ke soal selanjutnya, terdapat gambar atau animasi

bergerak.

Berikut tampilan menu tes :

Gambar 4.25 Tampilan menu latihan soal

4.6 Pengujian

Pengujian dilakukan setelah aplikasi selesai dibuat dengan sosialisasi

langsung terhadap perguruan IKS. PI Kera Sakti untuk mengetahui

kekurangan program dan memperbaiki kekurangan dari program tersebut

sebelum proses distribusi dilakukan.

79

4.7 Pendistibusian

Pada tahap ini aplikasi disimpan dalam suatu media penyimpanan dan

untuk pendistribusian dilakukan dengan menggunakan kepingan VCD/DVD.

Tahap distribusi juga merupakan tahap evaluasi yang diharapkan dapat di

kembangkan suatu produk multimedia yang lebih baik lagi.