Anda di halaman 1dari 14

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

pada Program Strata Satu (S1) Jurusan Teknik Informatika Disusun Oleh : USDA HARYANI 07.240.0075 SEKOLAH TINGGI

Disusun Oleh :

USDA HARYANI

07.240.0075

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER (STMIK) WIDYA PRATAMA PEKALONGAN

2011

i

JUDUL PROPOSAL

NAMA NIM PROGRAM STUDI

PERSETUJUAN SKRIPSI

ANIMASI PROSES PEMBUATAN BATIK TULIS PEKALONGAN USDA HARYANI

07.240.0075

TEKNIK INFORMATIKA

Disetujui Oleh :

Pembimbing I

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

Pembimbing II

(Hari Agung B, M.Kom) 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

JUDUL SKRIPSI

NAMA NIM PROGRAM STUDI

PENGESAHAN SKRIPSI

: ANIMASI PROSES PEMBUATAN BATIK TULIS PEKALONGAN : USDA HARYANI : 07.240.0075 : 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

(Tri Puji Wahjuningsih,M.Si) NPPY : 990801.691103.021

Lulus Ujian Hasil Skripsi tanggal :

iii

Penguji II

(Sattriedi W. B., S.Si, M.Kom) NPPY : 090302.690624.031

PERSEMBAHAN

Skripsi ini kupersembahkan kepada :

1. Ayahku Bambang Usada, Ibuku Dalilah, kakak-kakakku, adik-adikku,

keluarga besarku tercinta yang telah memberikan doa restu dan

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 langkah- langkah 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.

v

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.

vii

Pekalongan,

Juli 2011

Penyusun

Usda Haryani

DAFTAR ISI

Halaman Judul

i

Persetujuan Skripsi

ii

Pengesahan Skripsi

iii

Persembahan

iv

Abstrak

v

Kata Pengantar

vi

Daftar Isi

viii

Daftar Gambar

xi

Daftar Tabel

xiv

BAB I

PENDAHULUAN

A. Latar Belakang

1

B. Rumusan Masalah

3

C. Batasan Masalah

4

D. Tujuan dan Manfaat

4

E. Metode Pengembangan Sistem

4

BAB II

TINJAUAN PUSTAKA

A. Batik

7

B. Batik tulis

8

C. Batik tulis Pekalongan

8

D. Multimedia

9

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 Ada

40

F. Kebutuhan Sistem Yang Akan Dibuat

 

43

G. Analisis Kebutuhan Sistem

44

BAB IV

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

BAB V

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

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

BAB VI

KESIMPULAN DAN SARAN

A. Kesimpulan

75

 

B. Saran

75

DAFTAR PUSTAKA

76

LAMPIRAN

 

77

x

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 Gambar 2.5 Jendela Action Gambar 2.6 Panel Componen Gambar 2.7 Panel Color Gambar 2.8 PanelbLibrary Gambar 2.9 Tampilan lembar kerja Adobe Photosop Gambar 2.10 Panel Control Gambar 2.11 Panel Tools Gambar 2.12 Panel Layer Gambar 2.13 Panel History Gambar 2.14 Panel Navigator Gambar 2.15 Panel Swatches Gambar 2.16 Panel Color Gambar 2.17 Panel Style Gambar 2.18 Tampilan Utama Corel DRAW Gambar 2.19 Toolbar Standar

13

13

14

14

15

15

16

16

17

18

18

19

19

20

21

21

Gambar 2.20

Property Bar

22

Gambar 2.21 Rule Bar Gambar 2.22 Color Palet Gambar 2.23 Page Indikator Gambar 2.24 Any Audio Converter Gambar 2.25 Model Skuensial Linear Gambar 2.26 Siklus Pengembangan Multimedia Gambar 2.27 Contoh Struktur Menu Gambar 2.28 Storyboard

22

22

23

24

25

27

31

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