RANCANG BANGUN PERANGKAT LUNAK PERANCANGAN DAN VISUALISASI MOTIF BATIK DENGAN MENGGUNAKAN WINDOWS PRESENTATION FOUNDATION Fendy Kosnatha1, Umi Laili Yuhana2, Rully Agus Hendrawan 3 [1][2]
Teknik Informatika, Fakultas Teknologi Informasi, Institut Teknologi Sepuluh Nopember Sistem Informasi, Fakultas Teknologi Informasi, Institut Teknologi Sepuluh Nopember
[3]
1
2
3
Email :
[email protected] , @gmail.com ,
[email protected]
ABSTRAK Batik merupakan salah satu warisan budaya milik Negara Indonesia yang harus dipertahankan oleh para penerus bangsa. Banyak para perajin batik yang ingin menjaga batik dengan cara membuat batik tulis sebanyak-banyaknya, karena proses batik tulis yang sangat sulit, maka pembuatan batik tulis sangat lama. Karena itu diperlukan suatu aplikasi untuk membuat perajin batik merancang motif batik dengan lebih cepat dan mudah. Dengan adanya aplikasi ini diharapkan para perajin batik dapat meningkatkan produktifitas kain batik yang dihasilkan. Beberapa kendala yang membuat para perajin batik memiliki hasil produksi yang rendah dikarenakan sulitnya pembuatan batik tulis. Beberapa faktor yang membuat sulitnya pembuatan batik tulis dikarenakan beberapa proses yang membutuhkan waktu yang lama seperti merancang isen, pewarnaan, dan juga pengaturan pola dalam meletakkan isen ke dalam suatu klowongan dalam kain batik. Proses bisnis yang ditangani oleh aplikasi ini diambil berdasarkan kegiatan bisnis yang biasa terjadi pada perajin batik seperti pembuatan motif dasar, pembuatan klowongan dasar, melakukan peletakan pada kain batik, pewarnaan klowongan dan kain. Fitur pembuatan klowongan dasar oleh aplikasi ini dibatasi untuk mengatasi masalah pemilihan klowongan dasar yang akan dipilih oleh perajin batik. Fitur peletakan pada kain batik oleh aplikasi ini dibuat untuk mengatasi masalah peletakan pada klowongan yang sudah dipilih. Fitur pewarnaan klowongan oleh aplikasi ini dibuat untuk mengatasi masalah pewarnaan pada sebuah klowongan yang merupakan proses terakhir pada pembuatan kain batik. Keluaran dari perangkat lunak dapat berupa berkas berekstensi JPEG atau XAML yang dapat digunakan kembali pada editor gambar, selain berupa berkas JPEG dan XAML, keluaran dari perangkat lunak ini juga dapat berupa berkas PDF atau XPS yang dapat digunakan langsung untuk dicetak ke dalam perangkat keras untuk mencetak, atau bisa juga keluaran perangkat lunak ini berupa rancangan kain batik yang sudah tercetak pada kertas maupun pada kain.
1.
secara resmi oleh UNESCO. Jenis-jenis batik yang telah diakui oleh UNESCO meliputi batik tulis. Itu disebabkan batik tulis merupakan batik khas yang hanya diproduksi di Indonesia.
PENDAHULUAN
Pada tanggal 2 Oktober 2009, batik diakui oleh dunia sebagai salah satu warian umat manusia yang dihasilkan oleh bangsa Indonesia. Pengakuan serta penghargaan itu disampaikan 1
pengguna meskipun pengguna tersebut belum pernah mengenal komputer sekalipun.
Batik yang diakui oleh UNESCO merupakan batik tulis yang dibuat oleh para perajin bati yang terdapat di UKM-UKM tradisional yang terletak pada beberapa daerah kecil yang memiliki produki yang sangat kecil. Beberapa kendala yang membuat para perajin batik memiliki hasil produksi yang rendah dikarenakan sulitnya pembuatan batik tulis. Beberapa faktor yang membuat sulitnya pembuatan batik tulis dikarenakan beberapa proses yang membutuhkan waktu yang lama seperti merancang isen, pewarnaan, dan juga pengaturan pola dalam meletakkan isen ke dalam suatu klowongan dalam kain batik.
2.
DASAR TEORI
Dasar teori pada Kitabatik adalah dari penelitian-penelitian yang telah dilakukan sebelumnya. Penelitian yang merupakan dasar dari aplikasi Kitabatik ini merupakan penelitian dengan judul “Rancang Bangun Perangkat Lunak Pendesain Motif dan Visualisasi Desain Produk Batik untuk Meningkatkan Produktivitas dan Daya Saing Industri Kreatif Batik”. Aplikasi yang sudah dibuat pada penelitian tersebut merupakan dasar dari aplikasi Kitabatik ini. Aplikasi pada penelitian tersebut masih terdapat beberapa kekurangan pada antarmuka pengguna. Pada aplikasi tersebut pengguna masih disulitkan dengan menekan tomboltombol yang digunakan dalam merancang dan meletakkan suatu pola ke dalam klowongan batik. Selain itu pada aplikasi tersebut masih terdapat beberapa kesalahan program yang menyebabkan gangguan kepada pengguna.
Banyak penelitian di Indonesia yang mengangkat Batik sebagai nama dalam judul penelitian tersebut, tetapi banyak dari penelitian tersebut yang belum membantu para perajin batik dalam menghadapi masalah yang telah dijelaskan di atas yaitu tentang kendala-kendala dalam pembuatan batik tulis dalam proses mencetak, merancang, dan juga mewarnai. Ada suatu penelitian dari Institut Teknik Bandung yang mengangkat tema tentang merancang motif batik yang berupa motif batik fraktal, tetapi ada beberapa kendala sehingga aplikasi tersebut sulit dipakai oleh para perajin batik yang terdapat pada UKM-UKM daerah.
Aplikasi Kitabatik merupakan aplikasi yang dikembangkan dari riset tersebut. Pada aplikasi Kitabatik akan terjadi perombakan antarmuka dari sisi pengguna. Beberapa pergantian yang terlihat pada aplikasi Kitabatik ini adalah pada antarmuka pengguna. Pada aplikasi Kitabatik pengguna tidak lagi disibukkan dengan berbagai macam tombol yang digunakan mulai dari pemmilihan kain, perancangan pola, sampai dengan pewarnaan kain. Pada aplikasi Kitabatik pengguna dapat melakukan drag and drop untuk pengaturan pola agar lebih mudah dan lebih cepat. Pada proses pewarnaan pun, pengguna hanya perlu memilih warna yang diinginkan dan akan tersedia jendela pratinjau yang digunakan untuk melihat seperti apa jika klowongan tersebut diwarnai dengan warna yang dipilih oleh pengguna.
Pembuatan batik fraktal tentunya akan memerlukan angka-angka atau konstantakonstanta yang dibutuhkan dalam membangun rumus yang digunakan untuk membangun motif batik tersebut, padahal para perajin batik di daerah biasanya hanya lulusan SD ataupun SMP. Disini penulis akan memperkenalkan suatu aplikasi yang digunakan untuk merancang dan visualisasi batik yang bernama Kitabatik. Kitabatik merupakan sebuah aplikasi yang dapat digunakan untuk merancang kain batik dengan mudah. Aplikasi ini dirancang dengan antarmuka yang mudah digunakan oleh
2
yang akan diakses pada waktu menjalankan aplikasi ini. XAML pada piranti lunak ini akan digunakan dalam manipulasi gambar batik. Penyusunan antarmuka pengguna dan interaksi pengguna merupakan salah satu inti dari TA ini selain dari sisi pemrograman. Pemikiran antarmuka pengguna yang mudah untuk digunakan oleh pengguna yang belum mengenal aplikasi ini dan juga dengan tingkat pendidikan yang seadanya tidaklah mudah.
Pada aplikasi Kitabatik ini juga akan disediakan beberapa fitur baru yaitu menyimpan dan mencetak kain hasil rancangan yang sudah dibuat oleh pengguna. Pengguna dapat menyimpan rancangan kain batik mereka dalam dua format yaitu JPEG dan XAML. Dengan dua format tersebut, pengguna dapat mempublikasikan atau menyimpan hasil rancangan mereka ke dalam sebuah data agar tidak mudah hilang ataupun terhapus. Selain menyimpan, pada aplikasi ini pengguna juga dapat mencetak rancangan kain batik yang telah dibuat ke dalam suatu kertas. Aplikasi ini dapat mencetak rancangan kain batik dengan menggunakan printer ataupun perangkat keras lain yang digunakan untuk mencetak. Jika aplikasi ini tidak terhubung oleh perangkat keras, maka pengguna dapat menyimpan hasil racangan mereka ke dalam sebuah berkas yang berekstensi PDF atau XPS yang nantinya dapat digunakan untuk mencetak jika sudah terdapat printer.
3.
Operation User dapat membuat Desain Batik Desain Batik View dengan menggunakan XAML
Database Mewarnai Batik
Gambar 1 – Arsitektur Perangkat Lunak
3.1.1. Model Layer Model Layer melakukan penanganan pada basisdata. Basisdata pada aplikasi ini merupakan folder-folder yang telah terbagi menjadi beberapa bagian yang digunakan untuk menyimpan gambar yang merupakan data-data dari klowongan kain maupun motif yang bertipe XAML. Basis data pada perangkat lunak ini selain untuk menyimpan motif dan kain, juga digunakan untuk menyimpan palet warna standar pada aplikasi ini.
METODOLOGI
Pada bagian ini akan dijelaskan tentang perancangan sistem perangkat lunak yang berupa perancangan arsitektur perangkat lunak, domain permasalahan, dan deskripsi umum aplikasi. 3.1 Arsitektur Perangkat Lunak Piranti lunak ini memiliki arsitektur sistem yaitu menggunakan Windows Presentation Foundation (WPF) milik Microsoft Visual Studio dengan XAML sebagai rancangan antarmuka. Dapat dilihat pada Gambar 1, pada aplikasi ini akan menggunakan MVC, dimana nantinya semua Controller akan dibuat menjadi kelas-kelas sendiri dan akan dipanggil oleh View. Pada perangkat lunak ini juga menggunakan Model, yaitu dalam bentuk folderfolder yang sudah teratur rapi sebagai pengganti basisdata. Semua motif isen dan klowongan yang disediakan akan disimpan pada satu folder
3.1.2. View Layer View layer melakukan penanganan tampilan (presentation logic) dan interaksi dengan pengguna. Antarmuka merupakan implementasi dari GUI pada level perancangan. Bagian ini berisi sebuah tampilan dari desktop yang berfungsi sebagai media bagi pengguna untuk berinteraksi dengan program. Action yang dibuat pengguna akan menjadi masukan dari 3
komponen layer ini dan nantinya akan dikirim ke layer controller untuk diproses dan akan dikirim kembali oleh layer controller sebagai output.
System Merancang Isen
3.1.3. Controller Layer Controller layer melakukan penanganan terhadap masukan / action yang dikirimkan oleh view layer. Dalam layer controller semua aksi yang dilakukan oleh pengguna akan diproses dan akan dikembalikan lagi ke view layer untuk ditampilkan kepada pengguna. Proses yang dilakukan dalam layer ini bermacam-macam seperti pemrosesan manipulasi gambar XAML, pewarnaan yang akan dilakukan pada proses bisnis pewarnaan kain, dll.
Memilih Kain
Meletakkan Pola
Perancang Motif Batik Mewarnai Kain
Mencetak Kain
Menyimpan Kain
ambar 2 – Kasus Penggunaan Sistem Tabel 1 – Diagram Kasus Penggunaan Nama Kasus Penggunaan
Deskripsi
Memilih Kain
Perancang motif batik akan memilih kain klowongan yang akan digunakan pada rancangan.
Merancang Isen
Perancang motif batik akan merancang kain sesuai dengan keinginan mereka atau impor isen yang telah ada.
3
Pola Peletakan
Perancang motif batik akan mengatur pola peletakan yang diinginkan, mulai dari pengaturan viewport, viewbox, pinggiran, skala, dan rotasi.
4
Mewarnai Klowongan
Perancang motif batik akan mewarnai klowongan yang sudah terisi dengan isen
Mencetak Kain
Perancang motif batik akan mencetak kain ke dalam media cetak seperti kertas ataupun kain asli
No
3.2. Domain Permasalahan Domain permasalahan yang diangkat dalam pengerjaan TA ini adalah bagaimana merancang suatu aplikasi untuk menangani permasalahan pada domain fungsi pembuatan kain batik.
1
Berdasarkan studi literatur kegiatan bisnis yang terjadi di pedesaan dan melihat teknologi yang sudah ada pada perajin batik, domain pembuatan kain batik yang akan diselesaikan oleh aplikasi ini adalah pemilihan kain, rancangan isen, pola peletakan pada kain, dan yang terakhir adalah pewarnaan kain.
2
Pada Gambar 2 akan diperlihatkan kasus penggunaan yang terdapat pada aplikasi Kitabatik ini. Pada aplikasi ini terdapat beberapa kasus penggunaan penting seperti perancangan isen, pewarnaan dan pencetakan. Pada Tabel 1 akan diperlihatkan deskripsi singkat dari masing-masing kasus penggunaan yang terdapat pada aplikasi Kitabatik ini.
5
4
G
6
Menyimpan Kain
3.3.2. Memilih Klowongan yang Ingin Diberi Isen Pada aplikasi ini, perancang motif batik dapat dengan bebas memilih klowongan yang ingin diberi isen yang diinginkan oleh perancang motif batik, jadi kain batik yang dibuat hasilnya akan sesuai dengan yang diinginkan oleh perancang motif batik. Pemilihan klowongan dapat dilihat seperti Gambar 3.15.
Perancang motif batik dapat menyimpan rancangan kain ke dalam format yang telah disediakan yaitu XAML dan JPEG.
3.3. Deskripsi Singkat Aplikasi Perangkat lunak ini merupakan perangkat lunak berbasis desktop yang dibuat untuk memudahkan para perancang motif batik atau pengajin batik yang dalam merancang kain batik yang akan dibuatnya. Perangkat lunak ini dapat digunakan untuk membuat suatu rancangan kain batik yang baru dengan menggunakan isen-isen ataupun motif yang sudah ada pada perangkat lunak ini. Definisi dari isen adalah lukisan-lukisan yang memiliki bentuk-bentuk tertentu yang merupakan unsur pengisi motif batik Indonesia. Isen ataupun motif yang sudah disediakan didalam perangkat lunak ini merupakan isen ataupun motif dasar yang sering ditemui pada batik Jombang maupun batik Madura. Skope yang terdapat pada perangkat lunak ini meliputi pembuatan rancangan batik, pembuatan isen atau motif-motif turunan dari motif dasar yang sudah disediakan, dan juga dapat mencetak hasil karya yang sudah dibuat. Beberapa fitur yang terdapat pada aplikasi Kitabatik ini dapat dilihat pada subbab-subbab berikut ini.
3.3.3. Memilih Isen yang Diinginkan Pada aplikasi ini, perancang motif batik dapat dengan bebas memilih isen yang terdapat pada batik Jombang dan batik Madura. Pada aplikasi ini akan disediakan beberapa isen yang mungkin lumayan terkenal dan sering dipakai dalam batik Jombang maupun batik Madura. 3.3.4. Mengedit Isen Pada aplikasi ini, perancang motif batik juga dapat mengedit isen yang telah ada. Proses pengeditan yang dimaksud seperti membesarkan ukuran isen yang telah ada (Zoom), memutar isen (rotasi), dan lain sebagainya 3.3.5. Membuat Isen Turunan Selain motif utama, pada aplikasi ini juga akan disediaakan fitur membuat isen turunan yang dibuat dari isen-isen yang sudah ada, misalnya perancang motif batik ingin menggabungkan isen „cecek’ dan isen „sisik‟, lalu isen turunan tersebut juga dapat disimpan. 3.3.6. Memilih Pola Peletakan yang Diinginkan pada Klowongan Pada aplikasi ini perancang motif batik dapat memilih pola peletakan yang diinginkan, seperti mengubah besar Isen yang ingin diletakkan ke dalam klowongan, merotasi isen yang ingin diletakkan ke dalam klowongan, dll.
3.3.1. Memilih Kain Klowongan yang Diinginkan Pada aplikasi ini, perancang motif batik dapat dengan bebas memilih kain klowongan yang diinginkan. Dalam aplikasi ini akan disediakan beberapa kain klowongan yang terdapat pada batik Jombang dan batik Madura seperti pada Gambar 3.15.
3.3.7. Mewarnai Kain Pada aplikasi ini perancang motif batik juga dapat memberi warna sesuai yang diinginkan pada klowongan yang telah diberi isen terlebih dahulu yang bisa dilihat pada Gambar 3.16. Pada aplikasi ini juga akan disediakan beberapa palet warna yang sering dipakai untuk mewarnai kain batik.
5
3.3.8. Mencetak dan Pratinjau Kain Pada aplikasi ini juga akan disediakan print preview dan print. Fitur print preview yang dimiliki oleh aplikasi ini seperti print preview yang tersedia pada aplikasi lain seperti MS Word, dll. Sedangkan fitur print pada aplikasi ini memiliki kelebihan yaitu aplikasi ini secara otomatis akan membagi gambar rancangan kain batik tersebut ke beberapa kertas, dan nantinya jika kertas hasil cetak tersebut digabungkan, maka akan menjadi rancangan kain batik seperti yang ada pada aplikasi ini.
4.
Gambar 4.1 – Uji Coba Translasi
UJI COBA
Pada bagian ini akan dijelaskan tentang uji coba yang dilakukan pada aplikasi ini : 4.1. Uji Coba Manipulasi XAML
4.1.1. Uji Coba Translasi Berikut ini merupakan uji coba untuk implementasi translasi pada objek XAML yang terjadi saat pengguna merubah atau menggeser posisi isen pada saat merancang kain. Pada saat pengguna mendekatkan tetikus pada objek yang akan dituju, maka pada objek tersebut akan keluar sebuah kontrol yang dapat digunakan sebagai translasi, rotasi, atau skala. Pada subbab ini akan dijelaskan tentang translasi dimana untuk melakukan translasi pada objek yang diinginkan, maka pengguna dapat menggeser objek yang diinginkan. Dapat dilihat pada Gambar 4.1 dimana pada saat pengguna mendekatkan kursor pada sebuah objek, maka pada objek tersebut keluar sebuah kontrol. Pada gambar tersebut juga diperlihatkan hasil translasi pada objek tersebut, karena pada saat pertama kali dibuat objek tersebut terletak pada bagian kanan atas kanvas perancangan seperti yang terlihat pada Gambar 4.2.
Gambar 4.2 – Letak Isen Pertama Kali
4.1.2. Uji Coba Implementasi Rotasi Berikut ini merupakan uji coba dalam proses rotasi yang dilakukan pada isen. Pada uji coba ini akan diperlihatkan beberapa isen yang sudah dirotasikan terhadap sumbu pusat dari objek tersebut. Untuk melakukan rotasi, pengguna hanya perlu mendekatkan kursor ke objek yang ingin dirotasikan. Setelah kursor mendekati objek tersebut, maka pada objek tersebut akan keluar sebuah kontrol pada pojok objek tersebut. Pengguna dapat merotasikan objek tersebut dengan cara drag and drop seperti yang terlihat pada Gambar 4.3 dimana pada objek tersebut dilakukan rotasi kurang lebih sekitar 45˚.
Gambar 5.3 – Uji Coba Rotasi
6
aplikasi ini atau dengan menggunakan color picker yang sudah disediakan oleh aplikasi ini.
4.1.3. Uji Coba Implementasi Perbesaran Barikut ini merupakan uji coba dalam proses skala pada beberapa gambar. Pada uji coba ini akan diperlihatkan beberapa isen yang akan dibandingkan dengan ukuran isen asli. Pada Gambar 4.4 dapat dilihat jika objek di sebelah kanan lebih besar daripada objek sebelah kiri. Pada gambar tersebut terlihat pengguna melakukan perbesaran terhadap ukuran objek isen yang asli, sedangkan pada Gambar 4.5 dapat dilihat jika objek sebelah kanan lebih kecil daripada objek sebelah kiri. Hal tersebut disebabkan karena ukuran objek sebelah kiri diperkecil dari ukuran semula.
Dapat dilihat pada Gambar 4.6 merupakan uji coba pewarnaan dimana pengguna menggunakan palet yang sudah disediakan oleh aplikasi ini. Setelah pengguna memilih palet yang akan dipakai, maka pengguna tersebut dapat memilih warna-warna yang terdapat pada palet tersebut. Setelah pengguna memilih warna yang diinginkan maka secara otomatis aplikasi akan memberikan pratinjau warna yang dipilih tadi diimplementasikan pada klowongan yang sudah dipilih. Halaman pratinjau ini terdapat pada bagian kanan layar. Dapat dilihat pada Gambar 4.6 terdapat sebuah pinggiran berwarna merah pada warna biru muda, pinggiran tersebut menandakan bahwa warna yang terdapat pada halaman pratinjau merupakan warna biru mudah seperti warna yang terdapat pinggiran berwarna merah.
Gambar 4.4 – Uji Coba Memperbesar Objek
Gambar 4.6 – Uji Coba Pewarnaan
4.1.5. Uji Coba Implementasi Pengisian Pola Pada subbab ini akan dijelaskan tentang uji coba dalam proses mengisi isen yang telah ada pada sebuah klowongan. Operasi pengisian pola ini terdapat pada halaman Isen Laying dimana pada halaman tersebut pengguna dapat mengatur letak suatu pola ke dalam suatu klowongan yang telah dipilih oleh pengguna. Dapat diliht pada Gambar 4.7 merupakan contoh peletakan pola.
Gambar 4.5 – Uji Coba Memperkecil Objek
4.1.4. Uji Coba Implementasi Pewarnaan Pada subbab ini akan dijelaskan tentang uji coba dalam mewarnai sebuah klowongan yang sudah terisi isen. Proses pemilihan warna pada aplikasi ini terdiri dari dua jenis yaitu memilih warna dari palet yang sudah disediakan oleh 7
5.
KESIMPULAN
Pada penelitian kali ini, penulis dapat menyimpulkan beberapa hal yaitu : Membuat suatu kakas bantu yang dapat mewujudkan suatu rancangan kain batik yang dapat digunakan untuk memanipulasi isen dan klowongan pada kain batik dengan menggunakan model MVC dengan menggunakan WPF. Membuat sebuah kakas bantu yang digunakan untuk merancang sebuah rancangan kain batik yang dapat digunakan pada berbagai daerah. Implementasi MVC dalam perancangan batik dengan menggunakan WPF dapat dilakukan seperti yang terlihat pada Bab 4 tentang implementasi perangkat lunak.
Gambar 4.7 – Uji Coba Peletakan Pola
4.2.
Uji Coba Perbandingan Hasil Dapat dilihat perbandingan hasil batik yang dibuat dengan menggunakan aplikasi dengan batik tulis Jombang. Pada Gambar 4.8 merupakan hasil batik dari aplikasi Kitabatik sedangan Gambar 4.9 merupakan kain batik Jombang.
Untuk penelitian lebih lanjut dapat dilakukan beberapa optimasi dan saran seperti berikut : Optimasi dalam penggambaran isen yang kompleks agar dapat digambar lebih cepat. Pewarnaan yang dapat dilakukan pada isenisen yang telah disediakan oleh aplikasi. Perancangan antarmuka yang lebih baik lagi.
6. [1]
DAFTAR PUSTAKA Hertanto, Luhur (2009), Detik News, [online],
Gambar 4.8 – Hasil Kain Kitabatik
(http://www.detiknews.com/read/2009/09/ 07/181258/1198580/10/unesco-akuibatik-milik-indonesia, diakses tanggal 25 September 2011) [2]
Standart Nasional Indonesia (2008), [online], (http://pustan.bpkimi.kemenperin.go.id/ files/SNI%2008-0240-1989.pdf, tanggal 25 September 2011)
Gambar 4.9 – Kain Batik Jombang
8
diakses
[3]
Mac Donald, Matthew. Pro WPF in C# 2008. New York : Apress, 2008. 978-159059-955-6
[4]
Roojen, Pepin. Batik Design. Pepin Press, 2001. 978-9-05496-005-8
[5]
Yudhoyono, Ani Bambang. Batikku : pengabdian
cinta
tak
berkata.
PT
Gramedia Pustaka Utama, 2010. 978-979226-160-8 [6]
Habibur
(2009),
[online],
(http://www.itb.ac.id/news/2456.xhtml, diakses tanggal 29 Mei 2011) [7]
Wardhana, Mahendra., Indraprasti, Anggri.,
Hendrawan,
Rully
Agus.,
Ustazah, Eri Naharani. 2010. Rancang Bangun Perangkat Lunak Pendesain Motif dan Visualisasi Desain Produk Batik untuk Meningkatkan Produktivitas dan Daya
Saing
Industri
Kreatif
Batik.
Jakarta, LIPI
9
