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

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.

Keywords: Product Catalog, Multimedia, Adbobe Flash, MySQL

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

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.

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

(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

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

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)

No Parameter Hasil Analisis 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)

No Parameter Hasil Analisis 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

3.1.4. Analisis Pengendalian (Control)

Tabel 3.4 Analisis Pengendalian (Control)

No Parameter Hasil Analisis

1 Pramuniaga - Pramuniaga baru belum memahami produk biasanya satu bulan setelah bekerja

3.1.5. Analisis Efisiensi

Tabel 3.5 Analisis Efisiensi

No Parameter Hasil Analisis

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)

No Parameter Hasil Analisis 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

Sumber : http://www.bninneka.com ,Tanggal : 11 januari 2013

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.

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

No Nama Field Tipe keterangan

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

No Nama Field Tipe keterangan

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

No Nama Field Tipe keterangan

1 Id_aksesoris Varchar (15) Primary key, Not Null

2 Gambar_aksesoris Varchar (25) Not Null

e. Tabel Sulaman Tas

Tabel 3.15 Perancangan Tabel Sulaman Tas

No Nama Field Tipe keterangan

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.

Gambar 3.2 Struktur Navigasi Desain Tas

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

Gambar 3.3 Rancangan Intro

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

Gambar 3.11 Rancangan Menu Pengaturan

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.