BAB III ANALISIS DAN PERANCANGAN PROGRAM. oleh sistem untuk mendapatkan hasil yang sesuai. Berikut ini adalah gambaran umum

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN PROGRAM 3.1 Analisis Kebutuhan Sistem Analisis kebutuhan sistem ini yaitu mengenai tahapan proses yang dibutuhkan oleh sistem untuk mendapatkan hasil yang sesuai. Berikut ini adalah gambaran umum mengenai tahapan analisis sistem yang akan dibuat : Pemasukan Kalkulasi Hasil Gambar Desain Cetak Hasil Gambar Gambar 3.1 Global Flowchart Analisis Kebutuhan Sistem Berbagai metode analisis digunakan pada seluruh proses tersebut untuk menghasilkan sebuah gambar desain motif kain ulos dengan fraktal melalui sistem aplikasi fraktal tersebut. Sistem secara umum membutuhkan input dari pengguna untuk mendapatkan data yang akan digunakan untuk mendapatkan hasil berupa gambar yang akan dijadikan sebagai motif pada kain ulos tersebut Analisis Sistem Pembentukan Fraktal Dalam analisis yang akan dibuat untuk membentuk sebuah fraktal, langkah pertama yang dilakukan adalah melakukan analisis terhadap input dari pengguna. Setelah itu pengguna dapat memilih jenis kain yang akan dibentuk atau pengguna dapat membuat motif ulos sesuai dengan keinginan pengguna.

2 42 Lalu pengguna dapat memodifikasi warna-warna yang diinginkan sesuai dengan kebutuhan. Kemudian sistem tersebut akan melakukan analisis terhadap input yang diberikan oleh pengguna. Untuk mengambil input tersebut, sistem akan mengambil setiap nilai yang diberikan pada sistem Sistem Generating Pembuatan Fraktal Setelah melakukan analisis, maka sistem akan menterjemahkan hasil analisis terhadap input pengguna tersebut untuk menghasilkan gambar sesuai hasil analisis tersebut. Untuk melakukan generating, sistem menggunakan metode Executing/Drawing yang terdapat pada aplikasi pembuat sistem. Fungsi dari metode Executing/Drawing pada bahasa pemrograman digunakan untuk membentuk gambar fraktal. Pada L-system, sistem ini dilakukan dengan menggambar garis-garis yang dihasilkan dari fungsi perulangan pada L-system dan sudut yang semuanya dijalankan dengan Turtle Geometry, sedangkan pada Mandelbrot Set dan Julia Set, sistem penggambaran dilakukan perpiksel sesuai dengan fungsi dan iterasi yang dijalankan. 3.2 Rancangan Sistem Sistem yang akan dibuat sedemikian rupa untuk memenuhi berbagai kebutuhan yang akan digunakan untuk menghasilkan aplikasi fraktal kain ulos. Sistem tersebut diharapkan akan memudahkan bagi pengguna untuk menghasilkan desain kain ulos serta motif sesuai dengan keinginannya.

3 43 Berikut ini akan dijelaskan secara detail rancangan sistem yang akan dibuat pada program aplikasi ini yang meliputi sebuah form utama untuk menghasilkan desain kain ulos dengan fraktal. Yang pertama adalah rancangan program yang akan dibuat untuk aplikasi fraktal. Juga akan dijelaskan mengenai rancangan layar dan rancangan struktur utama menu Rancangan Program Pada bagian rancangan program ini digunakan flowchart dan sequence diagram untuk menunjukkan alur kontrol dan jalannya program. Berikut ini adalah statechart yang menunjukkan alur kontrol pada setiap modul. Gambar 3.2 Statechart Sistem Kontrol Modul Secara umum modul sistem akan berjalan sesuai dengan flowchart yang akan dijelaskan pada Gambar 3.8. Setelah itu, Pertama pengguna akan mengatur

4 44 nilai-nilai variabel untuk mendapatkan motif yang sesuai atau yang diinginkan oleh pengguna. Selain itu, pengguna dapat memilih motif ulos yang diinginkan dan pengguna dapat menambahkan dengan motif fraktal sesuai dengan keinginan. Bila telah sesuai maka pengguna akan mengekspor gambar tersebut atau bisa langsung mencetaknya untuk dijadikan referensi sebagai bahan desain motif ulos dengan fraktal. Bila tidak sesuai, maka pengguna bisa mengulang proses tersebut. a. Use Case Diagram Gambar 3.3 Use Case Diagram untuk Aplikasi Fraktal Ulos

5 45 b. Sequence Diagram Sequence diagram di bawah ini akan menjelaskan mengenai aliran data atau program yang diproses oleh sistem. Gambar 3.4 berikut ini menggambarkan urutan kejadian interaksi pengguna aplikasi dengan GUI. Gambar 3.4 Sequence Diagram Untuk Membuat Projek Baru Gambar 3.5 Sequence Diagram untuk Proses Penyesuaian Properties

6 46 Gambar 3.6 Sequence Diagram untuk Proses Kalkulasi untuk Menghasilkan Motif Fraktal Gambar 3.7 Sequence Diagram untuk Ekstraksi Data Hasil Desain c. Flowchart Program Utama Berikut ini adalah flowchart program utama sistem aplikasi fraktal Ulos yang akan menjelaskan mengenai aliran atau jalannya proses program oleh pengguna. Pada saat berada dalam menu utama, pengguna akan memulai project baru. Langkah pertama yang dilakukan adalah memilih warna dasar dari kain ulos tersebut / warna background. Setelah itu, pengguna dapat memilih corak

7 47 dalam form galeri corak yang berisikan bentuk fraktal untuk membuat motif kain ulos tersebut sendiri. Atau pengguna dapat memilih corak kain yang ingin digunakan yang sudah tersedia, dan pengguna dapat menambahkan corak fraktal lain pada motif kain ulos yang ada. Gambar 3.8 Flowchart Program Utama

8 48 Kemudian pengguna dapat memilih warna pada corak yang digunakan. Setelah itu, pengguna dapat memproses gambar, bila tidak sesuai dengan keinginan pengguna dapat melakukan langkah-langkah sebelumnya seperti pada flowchart diatas. Bila telah sesuai, hasil gambar tersebut akan dicetak dalam bentuk file gambar Rancangan Layar Rancangan layar sangat penting dalam penyusunan untuk menghasilkan gambar desain. Karena aplikasi ini digunakan untuk tujuan seni, maka rancangan layar harus disesuaikan dengan pandangan umum pengguna yang melihatnya dari sudut pandang seni. Interface atau tampilan harus dibuat sedemikian rupa agar pengguna tersebut tertarik dan mudah menggunakannya. Bagi pengguna yang melihat dalam sudut pandang seni, tampilan menjadi hal utama. Berikut ini akan dijelaskan mengenai rancangan layar apa saja yang akan dibuat untuk membantu pengguna dalam membuat motif kain ulos. Yang terdiri dari rancangan layar utama yang akan memuat hasil motif yang telah dibuat, ditambah layar-layar lain yang berfungsi untuk menopang layar utama tersebut. a. Rancangan Layar Utama Pada layar ini terdapat bagian Tools, dimana terdapat pilihan untuk AddItem, RemoveItem, Reset, Execute/Draw, Export, dan Print. Pada tombol AddItem akan membuka form baru yaitu form AddItem. Pada tombol RemoveItem akan membuka form baru yaitu form RemoveItem. Pada tombol Reset, akan mengembalikan nilai awal demikian pula pada bagian Hasil

9 49 Gambar / canvas akan kembali seperti semula (blank). Pada tombol Execute / Draw, akan memulai generating untuk menggambar desain pada Hasil Gambar / canvas. Pada tombol Export, akan meng-ekstrak desain pada Hasil Gambar kedalam file JPEG. Pada tombol Print akan mencetak hasil desain pada Hasil Gambar dengan mesin pencetak. Pada bagian Properties, pengguna dapat melihat dan merubah dari Properties tersebut seperti nama project, warna kain / background. Serta terdapat list corak, yang akan mengeluarkan nama corak yang dipanggil pada saat diform AddItem dan terdapat list Ulos yang merupakan gambar motif ulos yang sudah dibuat dan dapat ditambahkan dengan motif corak jika diperlukan. Sedangkan pada bagian Properties corak terdapat bagian properties dan rules untuk menunjang pembentukan corak fraktal.

10 50 Gambar 3.9 Rancangan Form Utama Pseuducode untuk rancangan form utama ini adalah sebagai berikut. If tekan tombol AddItem then Tampilkan form AddItem If tekan tombol RemoveItem then Tampilkan form RemoveItem If tekan tombol Draw then Tampilkan corak pada canvas If tekan tombol Reset then Hilangkan nilai pada canvas (default) If tekan tombol Export then Ekstrak hasil gambar dalam bentuk jpg If tekan tombol Print then Mencetak hasil gambar pada hasil gambar b. Rancangan Layar form AddItem Pada bagian form AddItem ini, pengguna akan memilih jenis item yang akan ditambahkan untuk diproses pada form aplikasi utama.

11 51 Gambar 3.10 Rancangan form AddItem Pseuducode untuk rancangan form AddItem ini adalah sebagai berikut. If pilih tombol from Gallery then Tampilkan List daftar galeri If tekan Add then Tampilkan pilihan kedalam list corak If tekan Close then Keluar dari form AddItem c. Rancangan Layar RemoveItem Daftar item yang akan ditampilkan adalah item yang sebelumnya telah ditambahkan oleh pengguna pada form Add Item. Item yang akan dihapus harus dipilih terlebih dahulu oleh pengguna, baru fungsi Remove bisa digunakan.

12 52 Gambar 3.11 Rancangan Layar RemoveItem Pseuducode untuk rancangan form AddItem ini adalah sebagai berikut. If tekan tombol Remove then Hilangkan salah satu pada list corak yang dipilih If tekan tombol Close then Keluar dari form RemovItem d. Rancangan Layar Galeri Corak Pada rancangan ini galeri corak terdapat mana menu project. Pengguna dapat memilih macam-macam corak fraktal yang tersedia. Setelah itu setiap corak yang dipilih akan menampilkan hasil pada area gambar. Jika corak tersebut sesuai dengan keinginan pengguna, pengguna dapat menekan tombol close untuk melanjutkan kebagian form utama. Gambar 3.12 Rancangan form Galeri Corak

13 53 berikut. Pseuducode untuk rancangan form Galeri Corak adalah sebagai If ditekan listbox then Tampilkan gambar dipicturebox If ditekan tombol close then Keluar dari form Galeri Corak then Tampilkan form utama e. Rancangan Layar About Pada form ini akan menampilkan data mengenai penulis yangditampilkan melalui sebuah form baru. Gambar 3.13 Rancangan form About Pseuducode untuk rancangan form About adalah sebagai berikut. If ditekan tombol Ok then Tampilkan form Utama Rancangan Struktur Menu Struktur menu pada rancangan ini yang dapat dilihat pada gambar dibawah ini, memperlihatkan susunan dari rancangan menu yang akan

14 54 disediakan, di mana pengguna dapat memilih menu yang ingin dijalankan saat menggunakan program aplikasi ini. Menu Window File o New Project o Open Project o Save as Image o Print Preview o Print o Exit Edit o Reset All Project o Add Item o Remove Item o Draw o View Gallery o Export Help o About Gambar 3.14 Rancangan Struktur Menu Menu tersebut menyediakan berbagai fungsi yang dapat dijalankan oleh pengguna saat mencoba membuat motif kain ulos dengan aplikasi ini. Pada menu

15 55 File, disediakan beberapa fungsi diantaranya fungsi New Project yang berfungsi untuk membuat project baru. Fungsi Open Project berfungsi untuk membuka project yang sudah pernah dikerjakan sebelumnya. Fungsi Save As Image yang berfungsi untuk menyimpan data yang telah dibuat pengguna ke dalam suatu file image. Sedangkan fungsi Print, berfungsi untuk mencetak hasil desain pada aplikasi ke dalam suatu media kertas. Sedangkan fungsi Print Preview berfungsi untuk melihat daerah desain secara utuh yang nantinya akan di cetak dengan fungsi print. Sedangkan fungsi Exit berfungsi untuk keluar dari layar. Pada menu Edit, terdapat fungsi yang berhubungan untuk melakukan sebuah perubahan pada proyek yang sedang dibuat. Fungsi Reset All untuk membatalkan semua aksi yang telah dilakukan oleh pengguna dari awal pembuatan proyek. Pada menu Project akan menampilkan fungsi-fungsi yang berhubungan dengan hasil desain proyek. Fungsi Add Item berguna untuk menampilkan form baru yang akan memuat fungsi untuk menambah koleksi item yang akan dijadikan sebagai salah satu objek dalam perancangan motif ulos dengan aplikasi ini. Sedangkan fungsi Remove Item akan menampilkan koleksi item yang akan dipilih pengguna untuk dihapus dari daftar koleksi. Fungsi Draw berguna untuk memproses koleksi item yang dipilih pengguna untuk dihasilkan gambarnya pada aplikasi. Fungsi Export akan meng-ektrasi atau mencetak hasil desain ke dalam bentuk format file gambar yang akan disimpan. Fungsi View Gallery akan

16 56 menampilkan layar yang memuat tampilan semua koleksi item yang telah tersimpan dalam file beserta contoh gambar dari item tersebut. Menu Help menampilkan layar About yang hanya menampilkan tentang pembuat program.