ANIMASI PROSES PEMBUATAN BATIK TULIS

PEKALONGAN

SKRIPSI

Diajukan Sebagai Salah satu Prasyarat Untuk Memperoleh

Gelar Sarjana Komputer pada Program Strata Satu (S1)
Jurusan Teknik Informatika

Disusun Oleh :

USDA HARYANI
07.240.0075

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

(STMIK) WIDYA PRATAMA
PEKALONGAN
2011

PERSETUJUAN SKRIPSI

JUDUL PROPOSAL

ANIMASI PROSES PEMBUATAN BATIK TULIS

PEKALONGAN

NAMA

USDA HARYANI

NIM

07.240.0075

PROGRAM STUDI

TEKNIK INFORMATIKA

Disetujui Oleh :

Pembimbing I

Pembimbing II

(Sattriedi W. B., S.Si, M.Kom)

(Hari Agung B, M.Kom)

NPPY. 090302.690624.031

NPPY. 970901.70019.016

Ketua Program Studi Teknik Informatika

( P. A. Christianto, M.Kom )
NPPY. 090302.730101.032

Lulus Ujian Hasil Skripsi pada tanggal :

ii

PENGESAHAN SKRIPSI

JUDUL SKRIPSI

: ANIMASI PROSES PEMBUATAN BATIK TULIS

PEKALONGAN

NAMA

: USDA HARYANI

NIM

: 07.240.0075

PROGRAM STUDI : TEKNIK INFORMATIKA

Telah diuji di depan Tim Penguji Skripsi

Sekolah Tinggi Manajemen Informatika dan Komputer
(STMIK) Widya Pratama Pekalongan
Dan dinyatakan LULUS pada tanggal

Disetujui Oleh :
Ketua Tim Penguji Skripsi

(Prastuti Sulistyorini,ST,M.Kom)
NPPY : 960401.720216.010

Penguji I

Penguji II

(Tri Puji Wahjuningsih,M.Si)

(Sattriedi W. B., S.Si, M.Kom)

NPPY : 990801.691103.021

NPPY : 090302.690624.031

Lulus Ujian Hasil Skripsi tanggal :

iii

PERSEMBAHAN
Skripsi ini kupersembahkan kepada :
1. Ayahku Bambang Usada, Ibuku Dalilah, kakak-kakakku, adik-adikku,
dan keluarga besarku tercinta yang telah memberikan doa restu dan
dukungan.
2. Sahabat-sahabatku, Elli Susilowati, Arina Amalia, Nuraini, Elfa Zulfiana,
Rina Fataria, Endah Purwati, Nur Hasanah, Yasinta, dan Suju oppa yang telah
memberikan semangat, doa dan motivasi.
3. Ketua dan anggota karangtaruna GRWONKid (Generasi Remaja Wiyanggong
Kidul) Kelurahan Pekuncen Kec.Wiradesa Kab.Pekalongan yang telah
memberikan inspirasi.

iv

USDA HARYANI, 07.240.0075

ANIMASI PROSES PEMBUATAN BATIK TULIS, di bawah bimbingan Bapak
Sattriedi W. B., S.Si, M.Kom., dan Bapak Hari Agung B, M.Kom.

ABSTRAK
Batik adalah suatu hasil karya yang tidak asing lagi bagi masyarakat
Indonesia. Batik merupakan suatu hasil kerajinan yang memiliki nilai seni tinggi
dan telah menjadi bagian budaya Indonesia. Saat ini kerajinan batik di Indonesia
mulai dikembangkan. Bukan hanya untuk melestarikan budaya Indonesia tetapi
juga kerajinan batik bisa menjadi suatu yang bernilai ekonomis. Maka kerajinan
batik di perkenalkan kepada masyarakat, untuk menjadi suatu ketrampilan dan
usaha masyarakat itu sendiri. Seperti pada organisasi karangtaruna GRWONKid
(Generasi Remaja Wiyanggong Wiyanggong Kidul) di Kelurahan Pekuncen
Kec.Wiradesa Kab.Pekalongan yang memberikan sosialisasi tentang kerajinan
batik, khususnya batik tulis Pekalongan. Didalam mensosialisasikan proses
pembuatan batik tulis pada karangtaruna GRWONKid (Generasi Remaja
Wiyanggong Kidul) terdapat suatu kendala ketika ingin mempraktekkannya.
Karena belum adanya alat-alat untuk membuat, juga membutuhkan biaya yang
mahal. Dengan materi saja mereka sulit untuk memahami apa yang dijelaskan.
Didalam proses pembuatan batik tulis ini lebih mengutamakan langkahlangkah pembuatan batik tulis. Penyampaian materi sosialisasi yang masih
tradisional perlu diubah ke dalam model sosialisasi yang lebih modern melalui
aplikasi multimedia. Misalnya dengan menampilkan gambar pada layar lengkap
dengan efek suara dan gambar diserta sebuah pembelajaran. Hal tersebut
dimaksudkan agar anggota karangtaruna lebih tertarik untuk belajar. Disamping
itu anggota juga bisa belajar sendiri.
Animasi proses pembuatan batik tulis Pekalogan ini dirancang sebagai
sarana bantu bagi pengurus dalam memberikan sosialisasi terhadap anggota
karangtaruna GRWONKid (Generasi Remaja Wiyanggong Kidul). Materi
Aplikasi ini terdiri dari alat dan bahan yang di perlukan untuk pembuatan batik
tulis, Motif-motif batik tulis Pekalongan dan langkah atau proses pembuatan batik
tulis.
Animasi proses pembuatan batik tulis Pekalogan ini dirancang dengan
menggunakan Adob Flash CS4, Adob Photoshop CS4 untuk mengedit gambar,
dikembangkan dengan menggunakan metodologi pengembangan sistem
Multimedial, alatalat yang digunakan dalam pengembangan sistem, antara lain :
flowchart dan Storyboard.

Kata Kunci : Animasi, Proses pembuatan batik tulis.

KATA PENGANTAR
Bismillahirrahmaanirrahim
Puji syukur kepada Allah SWT yang telah memberikan karunia-Nya
sehingga penyusun dapat menyelesaikan skripsi dengan judul Animasi Proses
Pembuatan Batik Tulis Pekalongan ini.
Penyusunan Skripsi ini merupakan salah satu persyaratan kelulusan yang
harus dipenuhi oleh Mahasiswa Sekolah Tinggi Manajemen Informatika dan
Komputer (STMIK) Widya Pratama Pekalongan, untuk memperoleh Gelar
Sarjana Komputer pada Program Strata Satu (S1) dan Program Studi Teknik
Informatika.
Penyusunan skripsi ini dapat selesai sedemikian rupa tak lain karena
adanya bimbingan, arahan, bantuan serta motivasi dari berbagai pihak. Oleh
karena itu, dengan segala kerendahan hati penyusun ingin mengucapkan terima
kasih yang sedalam-dalamnya kepada :
1. Retnowati, S.Si., M.Sc., selaku Ketua Stmik Widya Pratama Pekalongan.
2. P. A. Christianto, M.Kom, selaku Ketua Program Studi Teknik Informatika.
3. Sattriedi W. B., S.Si, M.Kom., selaku Dosen Pembimbing I.
4. Hari Agung B, M.Kom., selaku Dosen Pembimbing II.
5. Para Dosen Penguji yang penulis hormati.
6. Semua staf pengajar dan staf akademik STMIK Widya Pratama Pekalongan
yang telah mencurahkan segala ilmu dan pelayanan yang sangat berguna bagi
penyusun.
7. Kedua orang tuaku, kedua kakakku dan kedua adikku yang telah mendukung
dan memberi motivasi.
8. R, A, N, E, E dan Semua teman-teman yang selalu berjuang bersama.
9. Yasinta yang selalu memberiku semangat dan doa.
10. Muhammad Zaenul, selaku ketua karangtaruna GRWONKid (Generasi
Remaja

Wiyanggong

Kidul)

Kelurahan

Pekuncen

Kec.Wiradesa

Kab.Pekalongan yang telah banyak memberikan informasi yang bermanfaat

dan ijinnya untuk melakukan survei.
vi

11. Bapak Kanan yang telah mengajariku cara membuat batik tulis.
12. Semua anggota karangtaruna GRWONKid (Generasi Remaja Wiyanggong
Kidul) Kelurahan Pekuncen Kec.Wiradesa Kab.Pekalongan.

Penyusun menyadari bahwa skripsi ini masih jauh dari sempurna, Oleh
karena itu kritik dan saran yang membangun sangat diharapkan demi
sempurnanya skripsi ini. Penyusun berharap skripsi ini dapat bermanfaat bagi
penyusun dan pembaca serta masyarakat luas.

Pekalongan, Juli 2011

Penyusun

Usda Haryani

vii

DAFTAR ISI
Halaman Judul ..................................................................................................

Persetujuan Skripsi ...........................................................................................

ii

Pengesahan Skripsi ..........................................................................................

iii

Persembahan ....................................................................................................

iv

Abstrak .............................................................................................................

Kata Pengantar .................................................................................................

vi

Daftar Isi ........................................................................................................... viii

Daftar Gambar ...................................................................................................

xi

Daftar Tabel ...................................................................................................... xiv

BAB I

BAB II

PENDAHULUAN
A. Latar Belakang .........................................................................

B. Rumusan Masalah ....................................................................

C. Batasan Masalah ......................................................................

D. Tujuan dan Manfaat ..................................................................

E. Metode Pengembangan Sistem ................................................

TINJAUAN PUSTAKA
A. Batik .......................................................................................

B. Batik tulis ..................................................................................

C. Batik tulis Pekalongan .............................................................

D. Multimedia ...............................................................................

E. Software yang digunakan ........................................................

10

1.

Adobe Flash CS4 ..............................................................

10

2.

Adobe PhotoShop CS4 .....................................................

15

3.

Corel Draw X3 .................................................................

20

4.

Any Audio Converter .........................................................

24

F. Metodologi Pengembangan Sistem ..........................................

24

G. Alat yang digunakan dalam Pengembangan Sistem ................

29

1. Bagan Alir (Flowchart) ......................................................

29

2. Struktur Menu .....................................................................

31

3. Storyboard ..........................................................................

31

viii

4. Naskah (Skenario) ..............................................................

32

H. Sistem Pengujian ( Testing ) ....................................................

33

1. Dasar- dasar Pengujian Perangkat Lunak ..........................

33

2. Pengujian Black-Box .........................................................

34

3. Pengujian User Accaptance Test ........................................

35

BAB III DATA DAN FAKTA

A. Perkembangan Batik..................................................................

37

B. Tentang arangtaruna GRWONKid (Generasi Remaja

WiyanggongKidul) ....................................................................

37

C. Pembuatan Batik Tulis ..............................................................

38

D. Data Penelitian ..........................................................................

39

E. Analisa Terhadap Cara Atau Metode Sosialisasi Yang Sudah

BAB IV

BAB V

Ada ............................................................................................

40

F. Kebutuhan Sistem Yang Akan Dibuat.......................................

43

G. Analisis Kebutuhan Sistem .......................................................

44

RANCANGAN SISTEM
A. Tahapan Konsep .......................................................................

45

B. Tahapan Perancangan ................................................................

47

1. Perancangan Menu ..............................................................

47

2. Perancangan Alur Program .................................................

48

3. Perancangan Storyboard .....................................................

53

4. Perancangan Naskah (skenario) ...........................................

56

HASIL SISTEM DAN PEMBAHASAN

A. Hasil Sistem dan Pembahasan ..................................................

57

1. Tampilan Layar Pembuka/Splash Screen............................

57

2. Tamplan Form Menu Utama ..............................................

58

3. Tampilan Form Tujuan .......................................................

59

4. Tampilan Form Alat dan Bahan..........................................

60

5. Tampilan Form Animasi1 ..................................................

61

6. Tampilan Form Animasi2...................................................

62

7. Tampilan Form Animasi3.................................................. .

63

ix

BAB VI

8. Tampilan Form Animasi4 ..................................................

63

9. Tampilan Form Animasi5 ...................................................

64

10. Tampilan Form Animasi6....................................................

65

11. Tampilan Form Animasi7 ...................................................

66

12. Tampilan Form Profil .........................................................

67

B. Pengujian Sistem .......................................................................

69

1. Pengujian Black-Box ..........................................................

69

2. Pengujian User Acceptance ................................................

72

KESIMPULAN DAN SARAN

A. Kesimpulan ...............................................................................

75

B. Saran .........................................................................................

75

DAFTAR PUSTAKA ......................................................................................

76

LAMPIRAN .....................................................................................................

77

DAFTAR GAMBAR

Gambar 2.1 Tampilan Utama Adobe Flash CS4 .............................................

11

Gambar 2.2 Timeline.......................................................... .............................. 12

Gambar 2.3 Stage.............................................. ...............................................

13

Gambar 2.4 Propertis Inspactor...... ................................................................

13

Gambar 2.5 Jendela Action............. .................................................................

13

Gambar 2.6 Panel Componen .........................................................................

14

Gambar 2.7 Panel Color .................................................................................

14

Gambar 2.8 PanelbLibrary ..............................................................................

15

Gambar 2.9 Tampilan lembar kerja Adobe Photosop .....................................

15

Gambar 2.10 Panel Control .............................................................................

16

Gambar 2.11 Panel Tools................................................................................... 16

Gambar 2.12 Panel Layer .................................................................................

17

Gambar 2.13 Panel History ..............................................................................

18

Gambar 2.14 Panel Navigator ..........................................................................

18

Gambar 2.15 Panel Swatches ...........................................................................

19

Gambar 2.16 Panel Color .................................................................................

19

Gambar 2.17 Panel Style ................................................................................... 20

Gambar 2.18 Tampilan Utama Corel DRAW ...................................................

21

Gambar 2.19 Toolbar Standar .........................................................................

21

Gambar 2.20 Property Bar...............................................................................

22

Gambar 2.21 Rule Bar ......................................................................................

22

Gambar 2.22 Color Palet .................................................................................

22

Gambar 2.23 Page Indikator ............................................................................

23

Gambar 2.24 Any Audio Converter ..................................................................

24

Gambar 2.25 Model Skuensial Linear ..............................................................

25

Gambar 2.26 Siklus Pengembangan Multimedia .............................................

27

Gambar 2.27 Contoh Struktur Menu ................................................................

31

Gambar 2.28 Storyboard .................................................................................

32

xi

Gambar 4.1 Struktur Menu Utama ................................................................... 48

Gambar 4.2 Flowchart Menu Utama ...............................................................

49

Gambar 4.3 Flowchart Menu Tujuan .............................................................

51

Gambar 4.4 Flowchart Menu Materi .............. ................................................

51

Gambar 4.5 Flowchart Animasi ......................................................................

52

Gambar 4.6 Flowchart Profil ..........................................................................

52

Gambar 4.7 Storybaord Menu Utama .............................................................. 53

Gambar 4.8 Storybaord Menu Tujuan ............................................................. 54
Gambar 4.9 Storybaord Menu Materi .............................................................. 54
Gambar 4.10 Storybaord Menu Animasi ......................................................... 55
Gambar 4.11 Storybaord Menu Profil .............................................................. 55
Gambar 5.1 Tampilan Intro ............................................................................... 57
Gambar 5.2 Tampilan Timeline Intro ................................................................ 57
Gambar 5.3 Tampilan Menu Utama .................................................................. 58
Gambar 5.4 Tampilan Timeline Menu Utama ................................................... 58
Gambar 5.5 Tampilan menu Tujuan .................................................................. 59
Gambar 5.6 Tampilan Timeline Tujuan ............................................................. 59
Gambar 5.7 Tampilan menu Alat dan bahan ..................................................... 60
Gambar 5.8 Tampilan Timeline Alat dan bahan ................................................ 60
Gambar 5.9 Tampilan menu Animasi1 ............................................................... 61
Gambar 5.10 Tampilan Timeline menu Animasi1 .............................................. 61
Gambar 5.11 Tampilan menu Animasi2 ............................................................. 62
Gambar 5.12 Tampilan Timeline menu Animasi2 .............................................. 62
Gambar 5.13 Tampilan menu Animasi3 ............................................................. 63
Gambar 5.14 Tampilan Timeline Animasi3 ....................................................... 63
Gambar 5.15 Tampilan menu Animasi4 ............................................................. 64
Gambar 5.16 Tampilan Timeline menu Animasi4............................................... 64
Gambar 5.17 Tampilan menu Animasi5.............................................................. 65
Gambar 5.18 Tampilan Timeline menu Animasi5............................................... 65
Gambar 5.19 Tampilan menu Animasi6.............................................................. 66
Gambar 5.20 Tampilan Timeline menu Animasi6............................................... 66

xii

Gambar 5.21 Tampilan menu Animasi7.............................................................. 67

Gambar 5.22 Tampilan Timeline menu Animasi7............................................... 67
Gambar 5.23 Tampilan menu Profil ................................................................... 68
Gambar 5.24 Tampilan Timeline menu Profil .................................................... 68
Gambar 5.25 Tampilan menu utama.................................................................. 69
Gambar 5.26 Tampilan menu Tujuan.................................................................. 70
Gambar 5.27 Tampilan menu Alat dan bahan.................................................... 70
Gambar 5.28 Tampilan menu Profil.................................................................... 71

xiii

DAFTAR TABEL

Tabel 2.1: Istilah-istilah dalam Flash ............................................................... 11

Tabel 2.2: Simbol-simbol flowchart ................................................................ 29
Tabel 3.1: Skala Ordinal Sistem lama............................................................... 41
Tabel 4.1 : Deskripsi konsep Animasi Proses Pembuatan Batik Tulis ............ 45
Tabel 5.1: Keterangan Layar Pembuka(Spash Screen) .................................... 58
Tabel 5.2: Keterangan Tampilan Form Menu Utama ...................................... 58
Tabel 5.3: Keterangan Tampilan Form Tujuan ................................................ 60
Tabel 5.4: Keterangan Tampilan Form Alat dan Bahan ................................... 61
Tabel 5.5: Keterangan Tampilan Form Animasi1 ............................................ 62
Tabel 5.6: Keterangan Tampilan Form Animasi2 ............................................ 62
Tabel 5.7: Keterangan Tampilan Form Animasi3 ............................................ 63
Tabel 5.8: Keterangan Tampilan Form Animasi4 ............................................ 64
Tabel 5.9: Keterangan Tampilan Form Animasi5 ............................................ 65
Tabel 5.10: Keterangan Tampilan Form Animasi6 ............................................66
Tabel 5.11: Keterangan Tampilan Form Animasi7 ............................................67
Tabel 5.12: Keterangan Tampilan Form Profil ................................................ 68
Tabel 5.13 : Pengujian Black-Box Tampilan Menu Uatma .............................. 69
Tabel 5.14 : Pengujian Black-Box Tampilan Menu Tujuan ............................. 70
Tabel 5.15: Pengujian Black-Box Tampilan Menu Alat dan Bahan ................ 71
Tabel 5. 16: Pengujian Black-Box Tampilan Menu Profil ............................... 71
Tabel 5.17: Pilihan jawaban ............................................................................ 73
Tabel 5.18: Daftar Pertanyaan ......................................................................... 73

xiv