ANALISIS DAN PERANCANGAN APLIKASI UNTUK MENDESAIN TAS WANITA BERBASIS MULTIMEDIA INTERAKTIF PADA KERAJINAN SERAT ALAM DINIA CRAFT PANJANTAN KULONPROGO

(1)

ANALISIS DAN PERANCANGAN APLIKASI UNTUK MENDESAIN

TAS WANITA BERBASIS MULTIMEDIA INTERAKTIF PADA

KERAJINAN SERAT ALAM DINIA CRAFT

PANJANTAN KULONPROGO

NASKAH PUBLIKASI

diajukan oleh :

Melawati

09.12.3943

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2013

(2)

(3)

ANALYSIS AND DESIGN OF APPLICATION FOR DESIGNING LADIES BAG BASED INTERACTIVE MULTIMEDIA AT SERAT ALAM DINIA CRAFT PANJANTAN

KULONPROGO

ANALISIS DAN PERANCANGAN APLIKASI UNTUK MENDESAIN TAS WANITA BERBASIS MULTIMEDIA INTERAKTIF PADA

KERAJINAN SERAT ALAM DINIA CRAFT PANJANTAN KULONPROGO

Melawati Melwin Syafrizal Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA

ABSTRACT

Rapid development of information technology and generate new innovations along with the development of human thought patterns are always changing to the better. One of the very rapid development at this time is especially computer technology and multimedia information. Multimedia can now be used as a media campaign, the media information for a company, media information in explaining science.

On a company's product catalog is essential. Product catalog can be websites or systems of multimedia-based information. The development of multimedia applications has led to the current dynamic multimedia. Integration between Adobe Flash applications with MySQL database mulitimedia be able to create dynamic applications which means the information submitted can be edited without having to replace the raw file.

In this multimedia building, composing only limiting problems in specific areas such as how to build a product catalog in the form of multimedia-based bags. Users in this system is the consumer and admins who have access rights to edit the data bag. The software used to create these applications is Adobe Flash, Adobe Dreamweaver and MySQL.

(4)

1. Pendahuluan

Bagi kebanyakan wanita saat ini, tas merupakan bagian penting untuk mempercantik penampilan mereka. Tas adalah barang yang harus di bawa atau di pakai oleh wanita karena merupakan salah satu pelengkap agar penampilan mereka terlihat lebih sempurna. Selain untuk mempercantik penampilan tas juga mempunyai banyak fungsi dan kegunaannya yaitu, membawa alat tulis, pakaian, peralatan kecantikan dan lain-lain.

Bertambahnya perusahaan yang bergerak dalam bisnis tas yang jenisnya sama, sebuah perusahaan tas harus bisa menangani persaingan di pasaran. Kita lihat pada pameran-pameran tas yang semakin banyak pebisnis tas apalagi tas wanita. Untuk menghadapi persaingan yang semakin berkembang itu sebuah perusahaan harus kreatif dan inovatif dengan para pebisnis tas lain yang dapat menarik konsumen hingga mendapatkan nilai tambah untuk perusahaan tersebut.

Maka perlu adanya cara untuk melakukan gebrakan atau perbedaan dengan perusahaan atau pebisnis tas yang lain. Dengan membuat aplikasi desain tas wanita ini bisa meningkatkan peminat untuk mendesain tasnya sendiri sehingga konsumen mendapatkan tas yang sesuai dengan keinginan dan penjualan produk dapat meningkat.

Setelah memperhatikan permasalahan diatas, maka penulis mempunyai gagasan untuk menggunakan teknologi informasi dalam membuat applikasi berbasis multimedia yaitu ANALISIS DAN PERANCANGAN APLIKASI UNTUK MENDESAIN TAS WANITA BERBASIS MULTIMEDIA INTERAKTIF PADA KERAJINAN SERAT ALAM DINIA CRAFT PANJANTAN KULONPROGO.

2. Landasan Teori

2.1 Konsep Dasar Multimedia 2.1.1. Definisi Multimedia

Menurut Vaughan (2004), multimedia merupakan kombinasi teks, seni, suara, gambar, animasi, dan video yang di sampaikan dengan komputer dimanipulasi secara digital dan dapat disampaikan atau dikontrol secara interaktif.

2.1.2. Sejarah Multimedia

Ketika mendengar kata multimedia, kita pasti akan membayangkan sesuatu yang dahsyat dan hebat, sesuatu yang berkaitan dengan komputer, dengan gambar diam atau gambar bergerak, dengan suara yang bagus dan kaya, serta pengguna yang dapat ikut serta berinteraksi. Multimediapun

(5)

sekarang digunakan dalam berbagai hal, misalnya kartu ucapan selamat, album foto, konferensi, katalog bergambar, film, bahkan internet. (Binanto, I, 2010.) 2.2 Konsep Dasar Multimedia

2.2.1. Sejarah Mutimedia

Istilah multimedia berawal dari teater, bukan komputer. Pertunjukan yang memanfaatkan lebih dari satu medium seringkali disebut pertunjukan multimedia. Pertunjukan multimedia mencakup monitor video, synthesized band, da karya seni manusia sebagai bagian dari pertunjukan.

2.2.2. Pegertian Multimedia

Multimedia adalah kombinasi dari komputer dan video (Rosch, 1996) atau multimedia secara umum merupakan kombinasi dari tiga elemen, yaitu suara, gambar, dan teks (McCormick, 1996) atau Multimedia adalah kombinasi dari paling sedikit dua media input atau output dari data, media ini dapat berupa audio (suara, musik), animasi, video, teks, grafik, dan gambar (Turban dkk, 2002).

2.2.3. Elemen-elemen Multimedia

Elemen-elemen multimedia terdiri dari : Teks, Gambar, Suara (Audio), Video, Animasi

2.2.4. Sturuktur Multimedia

Ada empat struktur dasar yang di gunakan pada produk multimedia versi Vaughan, yaitu linear, hierarkis, nonlinear, dan komposit.

1. Linear

Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte informasi yang satu ke yang lainnya.

Gambar 2.1 Navigasi linear 2. Hierarkis

Struktur dasar ini disebut juga struktur “linear dengan percabangan” karena pengguna melakukan navigasi di sepanjang cabang pohon struktur yang berbentuk oleh logika isi.

(6)

Gambar 2.2 Navigasi Hierarkis 3. Nonlinear

Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.

Gambar 2.3 Navigasi Nonlinear 4. Komposit

Pengguna akan melakukan navigasi dengan bebas (secara nonlinear), tetapi terkadang dibatasi presentasi linear film atau informasi penting dan/atau pada data yang paling terorganisasi secara logis pada suatu hierarki.

Gambar 2.4 Navigasi Komposit 2.3 Tahap Pengembangan Multimedia

Menurut Luther (1994), metodologi pengembangan multimedia terdiri dari enam tahap, yaitu concept (pengonsepan), design (desain), material collecting

(7)

(pengumpulan materi), assembly (pembuatan), testing (pengujian), dan distribution (pendistribusian).

2.3.1. Concept

Tahap concept (pengosepan) adalah tahap untuk menentukan tujuan dan siapa pengguna program (identifikasi audiens). Tujuan dan pengguna akhir program berpengaruh pada nuansa multimedia sebagai pencerminan dari identitas organisasi yang menginginkan informasisampai pada akhir pengguna. 2.3.2. Design

Design (perancangan) adalah tahap pembuatan spesifikasi mengenai arsitektur program, gaya, tampilan, dan kebutuhan material atau bahan untuk program. Spesifikasi dibuat serinci mungkin sehingga pada tahap berikutnya, yaitu material collecting dan assembly, pengambilan keputusan baru tidak di perlukan lagi, cukup menggunakan keputusan yang sudah di tentukan pada tahap ini.

2.3.3. Material collecting

Material collecting adalah tahap pengumpulan bahan yang sesuai dengan kebutuhan yang di kerjakan. Bahan-bahan tersebut, antara lain gambar clip art, foto, animasi, video, audio, dan lain-lain. Tahap ini dapat dikerjakan secara paralel dengan tahap assembly.

2.3.4. Assembly

Aseembly adalah tahap pembuatan seluruh objek atau bahan multimedia. Pembuatan aplikasi didasarkan pada tahap design, seperti storyboard, bagan alir, dan struktur navigasi.

2.3.5. Testing

Testing (pengujian) adalah dilakukan setelah menyelesaikan tahap pembuatan (assembly) dengan menjalankan aplikasi atau program dan melihatnya apakah ada kesalahan atau tidak.

2.3.6. Distribution

Tahap ini aplikasi akan disimpan dalam suatu media penyimpanan. Jika media penyimpanantidak cukup untuk menampung aplikasinya, kompresi terhadap aplikasi tersebut akan dilakukan.

2.4 Software Yang Digunakan

2.4.1. Adobe Flash CS4 Proffesional

Sesuai dengan namanya, Adobe Flash CS4 Professional telah membuktikan dirinya sebagai program animasi dua dimensi berbasis vektor dengan kemampuan professional. Adobe Flash CS4 Professional menghadirkan

(8)

fitur-fitur baru yang menjadikan flash semakin diakui sebagai program animasi handal. (Madcoms, CW, 2009.)

2.4.2. MySQL

Kepopuleran MySQL antara lain karena MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses database-nya sehingga mudah untuk digunakan, kinerja query cepat, dan mencKukupi untuk kebutuhan database perusahaan-perusahaan skala menengah-kecil. MySQL juga bersifatopen source. Pada berbagai platform (kecuali pada Windows, yang bersifat shareware). (Arief, MR, 2011.)

2.4.3. ActionScript

Untuk melakukan berbagai manipulasi movie. Hingga kini, ActionScript telah berkembang sampai 3 versi, yaitu : 1(Kristo, R. 2012)

1. ActionScript 1.0 : Flash 5 dan Flash MX (6) 2. ActionScript 2.0 : Flash MX 2004 dan Flash 8 3. ActionScript 3.0 : Flash c3 (9)

Jenis - jenis ActionScript pada program Flash yaitu : 1. ActionScript pada frame

2. ActionScript pada movieclip 3. ActionScript pada button 3. Analisis Pieces

Identifikasi masalah, maka harus dilakukan dengan analisis terhadap kinerja, informasi, ekonomi, pengendalian, efisiensi, dan pelayanan. Analisis ini lebih dikenal dengan analisis PIECES.

3.1 Analisis Pieces

Identifikasi masalah, maka harus dilakukan dengan analisis terhadap kinerja, informasi, ekonomi, pengendalian, efisiensi, dan pelayanan. Analisis ini lebih dikenal dengan analisis PIECES.

3.1.1. Analisis Kinerja (Performance)

Tabel 3.1 Analisis Kinerja (Performance)

No Parameter Hasil Analisis

1 Katalog - Dicetak 5 buku full color perupdate - Digunakan di toko berisi informasi tentang

desain tas yang dipinjamkan ditempat 2 Brosur - Dicetak 2000 lembar perenam bulan

- Dibagikan pada saat acara pameran atau pengambilan di toko langsung oleh konsumen yang datang ke toko

1

Kristo, R, 2009. ULTIMATE GAME DESIGN Building RPG Games Using Adobe Flash ActionScript, Andi, Yogyakarta, hal 5

(9)

3 Spanduk - Dicetak 4 lembar pertahun - Ukuran 4X1 meter dan 3X1 meter

- Dipasang didepan toko dan di atas jalan raya

4 Pramuniaga - 3 orang digaji perbulan

- Melayani konsumen atau calon komsumen di toko

3.1.2. Analisis Informasi (Information)

Tabel 3.2 Analisis Informasi (Information)

1 Akurat - Salah cetak brosur 3-7 lembar perenam bulan karena pihak ketiga (jasa cetak)

- Pramuniaga baru belum memahami produk biasanya satu bulan setelah bekerja

2 Relevan - Katalog yang ada tidak diupdate karna bnyak produk baru yang tidak ada dibuku

3 Tepat waktu - Ketika konsumen datang dalam waktu bersamaan membuat penyampaian informasi tidak bisa segera tersampaikan kepada yang membutuhkan

3.1.3. Analisis Ekonomi ( Economic) Tabel 3.3 Analisis Ekonomi (Economic)

1 Biaya tetap - Gaji karyawan toko 3 orang Rp 400.000 perbulan

- Gaji karyawan produksi 4 orang Rp 600.000 perbulan

- Biaya listrik Rp 230.000 perbulan 2 Biaya tidak tetap - Cetak brosur Rp 720.000 perenam

bulan

- Cetak spanduk Rp 480.000 pertahun

- Cetak katalog Rp 250.000 perupdate

3 Biaya tidak terduga - Biaya yang membagikan brosur Rp 50.000 perhari

- Sewa tempat pameran Rp 700.000 pertiga hari

- Transfortasi Rp 100.000 perangkut - Pramuniaga Rp 60.000

(10)

3.1.4. Analisis Pengendalian (Control)

Tabel 3.4 Analisis Pengendalian (Control)

1 Pramuniaga - Pramuniaga baru belum

memahami produk biasanya satu bulan setelah bekerja

3.1.5. Analisis Efisiensi

Tabel 3.5 Analisis Efisiensi

1 Publikasi - Pramuniaga menyampaikan informasi secara langsung pada konsumen, memberikan brosur yang disediakan

2 Alat publikasi - Menggunakan brosur pramuniaga yang merupakan karyawan dibantu dengan katalog

3.1.6. Analisis Pelayanan (Service)

Tabel 3.6 Analisis Pelayanan (Service)

1 Target - Belum mencapai target

2 Minat Konsumen - Ketertarikan konsumen masih kurang atau rendah

3 Sistem Pelayanan - Pelayanan kurang cekatan dan cepat menangani konsumen

3.1.7. Analisis Kebutuhan Sistem

3.1.7.1. Kebutuhan Perangkat Keras

Tabel 3.7 Spesifikasi Hardware yang digunakan dalam pembuatan aplikasi.

Hardware Spesifikasi Harga

Prosesor Intel(R) Core(TM)2 Quad CPU Rp 1.390.000,00

Memory OCZ Blade DDR2 4Gb Kit Rp 850.000,00

Harddisk WDA 640 GB SATA Rp 555.000,00

VGA DFI LP JR GF9400-T2RS LGA 775 NVIDIA Rp 1.022.000,00

Monitor Asus 18.5 Inch VH192D Rp 949.000,00

Mouse LOGITECH Optical Mouse Rp 105.000,00

TOTAL Rp 4.871.000,00

(11)

3.1.7.2. Kebutuhan Perangkat Lunak

Tabel 3.8 Kebutuhan Perangkat Lunak

No Perangkat Lunak Harga

1 Adobe Flash CS4 Professional Rp 6.706.300,00 2 Adobe Dreanweaver CS4 Rp 3.880.500,00 3 Adobe Photoshop CS4 Rp 6.726.200,00

4 MySQL Free

TOTAL Rp 17.313.000,00

3.1.7.3. Kebutuhan Sumber Daya (Brainware)

Kebutuhan sumber daya (Brainware) yaitu sistem analisis yang merancang sistem membuat struktur nagivasi dan rancangan antar muka, programer mampu membuat database, mengerti php, flash, dan action script dan user yang mampu mengoprasikan komputer.

3.1.8. Analisis Kelayakan Sistem

Aplikasi ini bisa dijalankan pada OS apa saja dan ekstensi filenya yaitu , .swf file ekstenti flas, PHP dan Sql untuk database, .EXE yang dapat dijalankan disemua OS kecuali apple (mac).

3.1.8.1. Analisis Kelayakan Teknologi Tabel 3.9 Analisis kelayakan Teknologi

Hardware Spesifikasi

Prossesor Intel® Pentium® III

Memory RAM 512 MB

Harddist 1,5 GB

VGA 16 MB

3.1.8.2. Analisis Kelayakan Hukum

Aplikasi ini tidak tidak bertetangan dengan norma agama, pornografi yang ada diundang-undang Informasi dan Transaksi Elektronik (UU ITE), tidak mengandung undang-undang Hak Cipta (UU HAKI) yang berlaku di Indonesia.

3.1.8.3. Analisis Kelayakan Operasional

Aplikasi desain tas ini dapat digunakan dipesentasi dinia craft saat pameran dan juga digunakan di toko.

(12)

3.2 Perancangan Sistem

3.2.1. Perancangan Tabel a. Tabel admin

Tabel admin merekam data administrator dengan atribut kunci username.

Tabel 3.10 Perancangan Tabel Admin

No Nama Field Tipe keterangan

1 Username Varchar (25) Primary key, Not Null

2 Password Varchar (25) Not Null

b. Tabel tipe

Tabel 3.11 Perancangan Tabel Tipe

1 Id_tipe Varchar (15) Primary key, Not Null

2 Tipe Varchar (25) Not Null

c. Tabel model tas

Tabel 3.13 Perancangan Tabel Model Tas

1 Id_model Varchar (15) Primary key, Not Null

2 Gambar_model Varchar (25) Not Null

d. Tabel Aksesoris

Tabel 3.14 Perancangan Tabel Aksesoris

1 Id_aksesoris Varchar (15) Primary key, Not Null

(13)

e. Tabel Sulaman Tas

Tabel 3.15 Perancangan Tabel Sulaman Tas

1 Id_sulaman Varchar (15) Primary key, Not Null

2 Gambar_sulaman Varchar (25) Not Null

3.2.2. Perancangan Konsep

Perancangan konsep merupakan dasar sebuah aplikasi multimedia, disini diperlukan kreatifitas sesuai dengan tujuan dibuatnya aplikasi tersebut, agar pada proses pembuatan aplikasi terarah pada sasaran.

3.2.3. Perancangan Isi

Perancangan isi ini merupakan implementasi dari perancangan konsep atau implementasi dari imajinasi kreatif yang direncanakan pada saat merancang konsep.

(14)

3.2.4. Perancangan Naskah

Tabel 3.16 Perancangan Naskah

No Menu Deskripsi

1 Intro Loading cycle Backround

2 Menu Utama Menu utama terdiri dari : 1. Tombol Desain Tas 2. Tombol Informasi 3. Tombol Pengaturan 4. Tombol Bantuan 5. Tombol Keluar

3 Desain Tas Bentuk Tas, Tali Tas, Aksesoris, Sulaman. 3.a Bentuk Tas Gambar Tas 1, Gambar Tas 2, Gambar Tas 3,

Gambar Tas 4, Gambar Tas 5

3.b Tali Tas Tali pendek, tali panjang, tali bulet, tali oval, tali panjang biasa

3.c Aksesoris Pita melingkar dibagian tas, pita kecil, pita besar, bunga kecil, bunga besar, kupu-kupu

3.d Sulaman Sulaman miring, sulaman lembut, sulaman jigjag keatas, sulaman jigjag kebawah

4 Informasi Berisikan tentang informasi enceng gondok 5 Pengaturan Menjelaskan fungsi-fungsi yang terdapat dalam

aplikasi desain tas.

6 Bantuan Paduan tentang cara menggunakan atau menjalankan program dan juga menjelaskan fungsi-fungsi yang terdapat dalam aplikasi desain tas wanita.

7 Keluar Keluar dari aplikasi desain tas

3.2.5. Perancangan Grafik

1.

Rancangan Intro

(15)

2.

Rancangan Menu Utama

Gambar 3.4 Rancangan Menu Utama

3.

Rancangan Menu Tas

Gambar 3.5 Rancangan Menu desain tas

4.

Rancangan Menu Informasi

Gambar 3.6 Rancangan Informasi

5.

Rancangan Menu Pengaturan

(16)

6.

Rancangan Menu Bantuan

Gambar 3.12 Rancangan Menu Bantuan

7.

Rancangan Menu Keluar

Gambar 3.13 Rancangan Menu Keluar

Daftar Pustaka

Anonim. 2009. Panduan Lengkap Adobe Flash CS4 Profesioanal. Yogyakarta : Andi Offset.

Binanto, I. 2010. Multimedia Digital Dasar Teori + Pengembangannya. Yogyakarta : Andi Offset.

Hermawan, CW. 2009. Mahir 7 Hari Adobe Dreamweaver CS4. Yogyakarta : Andi Offset.

Kristo, R. 2009. ULTIMATE GAME DESIGN Building RPG Games Using Abode Flash

ActionScript. Yogyakarta : Andi Offset.

Rudyanto, Arief M. 2011. Pemrograman Web Dinamis Menggunakan PHP dan MySQL. Yogyakarta : Andi Offset.