PEMBUATAN CD PROFIL DIGITAL BATIK MERAK MANIS LAWEYAN SOLO BERBASIS FLASH SEBAGAI MEDIA PEMASARAN

commit to user

PEMB Diajukan FAKUL BUATAN C LAW S

n Untuk Mem P M PROGR LTAS MAT UN CD PROFIL WEYAN SO SEBAGAI M TU menuhi Sala Program Dipl DISU MOHAMM NIM RAM DIPLO TEMATIKA NIVERSITA SU L DIGITAL OLO BERB MEDIA PEM GAS AKHI ah Satu Syar

loma III Ilm

USUN OLE MAD ZAINA M. M310804

OMA III IL A DAN ILM AS SEBELA URAKARTA

2011

L BATIK M BASIS FLAS MASARAN IR at Mencapai mu Komputer EH : AL ARIFIN 45 MU KOMP MU PENGET AS MARET A MERAK MA SH N

i Gelar Ahli r PUTER TAHUAN A T ANIS Madya ALAM

commit to user

ii 

 

HALAMAN PERSETUJUAN

PEMBUATAN CD PROFIL DIGITAL BATIK MERAK MANIS LAWEYAN SOLO BERBASIS FLASH

SEBAGAI MEDIA PEMASARAN

Disusun Oleh :

MOHAMMAD ZAINAL ARIFIN NIM. M3108045

Tugas Akhir ini telah disetujui untuk dipertahankan Di hadapan dewan penguji

pada tanggal 4 Juli 2011

Pembimbing Utama

Fendi Aji Purnomo, S.Si NIDN. 0626098402

commit to user

iii   

HALAMAN PENGESAHAN

PEMBUATAN CD PROFIL DIGITAL BATIK MERAK MANIS LAWEYAN SOLO BERBASIS FLASH

SEBAGAI MEDIA PEMASARAN Disusun Oleh :

MOHAMMAD ZAINAL ARIFIN NIM. M3108045

Dibimbing Oleh:

Fendi Aji Purnomo, S.Si NIDN. 0626098402

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Ilmu Komputer pada hari Senin, tanggal 4 Juli 2011 Dewan Penguji

1. Fendi Aji Purnomo, S.Si ( )

NIDN. 0626098402

2. Sri Arum Sumartini Z., S.Kom ( )

NIDN. 0610038202

3. Nanang Maulana Y., S.Si ( )

Disahkan oleh Dekan FMIPA UNS

Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D NIP. 19610223 198601 1 001

Ketua

Program Diploma III Teknik Informatika FMIPA UNS

Drs. YS. Palgunadi, M.Sc NIP. 19560407 198303 1 004

commit to user

iv   

ABSTRACT

MOHAMMAD ZAINAL ARIFIN, 2011, THE MAKING OF DIGITAL PROFILE CD, TRADITIONAL CLOTH “BATIK MERAK

MANIS” LAWEYAN - SOLO AS MARKETING MEDIA. The Diploma III

Program of Informatics Technique Department of Mathematics and Natural Sciences Faculty of Universitas Sebelas Maret Surakarta.

Now day’s e-book and e-magazine had made new trend that was booming as promoting media. E-Book is promoting media are no need paper, with one digital portable file for a thousands reader. Combination of text, picture, animation, and music will make user comfort and enjoy the information that tried to inform. The goal of this project is to provide information about “Batik Merak Manis” to costumer who will visit the gallery.

The making of this Digital Profile CD is done was helped by design and animation maker software such as Corel Draw X4, Adobe Photoshop CS3, and

Macromedia flash Professional CS5 that work on Windows Operating System.

This application is designed and developed using several methods, including: Observations, Observation is a way to collect data by observing, recording data and documentation of various things that will be needed. Literature study, literature study is a way to find references and material from written sources related to the research.Interview, Interview is the method of data collection through search descriptions and information, or perform frequently asked questions, both orally and written.

The result of this research is digital media that contain information about Batik Merak manis. This media will inform the user about profile of Batik Merak Manis, the making of products and preview product of Batik Merak Manis.

commit to user

v 

 

ABSTRAK

MOHAMMAD ZAINAL ARIFIN , 2011. PEMBUATAN CD PROFIL DIGITAL BATIK MERAK MANIS LAWEYAN SOLO BERBASIS FLASH

SEBAGAI MEDIA PEMASARAN. Program Diploma III Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Saat ini aplikasi ebook reader dan emagz telah menjadi salah-satu trend tersendiri. Dunia digital pun tidak lagi membutuhkan kertas sebagai media publikasi yang berorientasi cetak, cukup file dalam bentuk digital untuk semua komputer. Aplikasi multimedia yang merupakan penggabungan dari berbagai komponen seperti teks, suara, gambar, dan animasi akan membuat pengguna menjadi nyaman dalam menikmati informasi yang disajikan. Tujuan dari proyek tugas ini adalah memberikan informasi tentang Batik Merak Manis kepada pengunjung showroom Batik Merak Manis.

Pembuatan CD Profil Digital ini dilakukan menggunakan beberapa

software desain dan animasi seperti Corel Draw X4, Adobe Photoshop CS3,

Adobe Premiere Pro dan Macromedia Flash CS5 Profesional yang berjalan pada

sistem operasi Windows. Aplikasi CD Profil Digital ini dirancang dan

dikembangkan menggunakan beberapa metode, diantaranya adalah: Observasi dengan cara mengumpulkan data dengan melakukan pengamatan dan pencatatan data-data serta dokumentasi berbagai hal yang akan dibutuhkan. Studi pustaka dilakukan dengan cara mencari referensi dan materi yang berhubungan dengan penelitian yang dilakukan. Wawancara yaitu metode pengumpulan data melalui pencarian keterangan-keterangan dan informasi atau melakukan tanya jawab, baik lisan maupun tulisan dengan pihak yang bersangkutan.

Penelitian ini menghasilkan aplikasi multimedia yang akan memberikan informasi tentang batik Merak Manis. Informasi yang akan diberikan adalah Profil Batik Merak Manis, Proses Pembuatan Batik Merak Manis dan Produk Batik Merak Manis.

commit to user

vi   

HALAMAN MOTTO

Jangan Tunda Tugas Hari Ini Karena Besok Ada Tugas Lagi. Kerjakan Secepat Mungkin dengan Hasil yang Terbaik.

commit to user

vii   

HALAMAN PERSEMBAHAN

Tugas Akhir Ini Saya Persembahkan Kepada:

1. Ibundaku tercinta di surga

2. Bapakku tercinta yang selalu memberikan motivasi

3. Ibuku yang selalu mendukung material dan spiritual

4. Kekasihku yang selalu menemaniku dan memberiku semangat

commit to user

viii   

KATA PENGANTAR

Dengan mengucapkan puji syukur kepada Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya kepada penulis sehingga penulis mampu menyelesaikan laporan kuliah tugas akhir mahasiswa ini dengan lancar dan tepat waktunya. Sholawat dan salam tak lupa terucap kepada Rasulullah SAW.

Penyusunan laporan tugas akhir ini mempunyai tujuan yaitu dalam rangka untuk memenuhi persyaratan kelulusan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Dalam kesempatan ini penulis ingin mengucapkan terimakasih kepada semua pihak yang telah membantu dalam menyelesaikan laporan tugas akhir ini, antara lain:

1. Bapak Ari Handono Ramelan, M.Sc, Ph.D, selaku Dekan FMIPA Universitas

Sebelas Maret Surakarta.

2. Bapak Drs. Y.S Palgunadi, M.Sc selaku Ketua Program DIII Teknik

Informatika FMIPA Universitas Sebelas Maret Surakarta.

3. Bapak Fendi Aji Purnomo, S.Si selaku dosen pembimbing yang telah

meluangkan waktunya untuk membimbing, memberi pengarahan, dan memberi dukungan moral yang sangat berharga kepada penulis dalam menyelesaikan laporan tugas akhir ini.

4. Bapak Bowo Winarno, S.Si, M.Kom selaku pembimbing akademik

5. Bapak Bambang Slameto, S.Sos sebagai pemilik perusahaan beserta karyawan Batik Merak Manis Solo.

6. Kedua orang tua yang telah mendukung baik secara materi maupun spiritual. 7. Rekan-rekan yang telah membantu ide dalam proses pembuatan tugas akhir ini.

Semoga bantuan yang diberikan semua pihak kepada penulis akan mendapat balasan dari Allah SWT. Semoga laporan ini bermanfaat bagi semua pihak.

Surakarta, 4 Juli 2011

commit to user

ix   

DAFTAR ISI

HALAMAN JUDUL... ... i

HALAMAN PERSETUJUAN ... ii

HALAMAN PENGESAHAN ... iii

ABSTRACT ... iv

ABSTRAK ... v

HALAMAN MOTTO ... vi

HALAMAN PERSEMBAHAN ... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... ix

DAFTAR TABEL ... xiii

DAFTAR GAMBAR ... xiv

BAB I. PENDAHULUAN ... 1

A. Latar Belakang Masalah ... 1

B. Rumusan Masalah ... 1

C. Batasan Masalah ... 2

D. Tujuan ... 2

E. Manfaat ... 2

F. Metodologi Penelitian ... 3

1. Observasi ... 3

2. Wawancara ... 3

3. Studi Pustaka ... 3

G. Sistematika Penulisan ... 4

1. Bab I Pendahuluan ... 4

2. Bab II Landasan Teori ... 5

3. Bab III Desain dan Perancangan ... 5

4. Bab IV Implementasi dan Analisa ... 5

5. Bab V Penutup ... 5

BAB II. LANDASAN TEORI ... 6

commit to user

x 

 

B. Media Informasi ... 6

C. Pengertian Katalog Digital ... 7

D. Pengertian Multimedia ... 7

E. Komponen Multimedia ... 8

1. Text ... 8

2. Suara atau Audio ... 8

3. Video ... 9

4. Image atau Gambar ... 10

5. Animasi ... 11

F. Bahasa Pemrograman ... 12

G. Struktur Navigasi ... 12

1. Struktur Linear ... 12

2. Struktur Menu ... 13

3. Struktur Hierarki ... 13

4. Struktur Jaringan ... 14

5. Struktur Kombinasi ... 15

BAB III. DESAIN DAN PERANCANGAN ... 16

A. Alat Penelitian ... 16

1. Hardware ... 16

2. Software ... 16

B. Langkah-langkah Pengembangan Aplikasi ... 17

C. Struktur Menu Aplikasi ... 18

D. Storyline ... 19

E. Storyboard ... 20

BAB IV. IMPLEMENTASI DAN ANALISA ... 23

A. Detail Aplikasi ... 23

B. Analisis Kebutuhan ... 23

1. Analisis Kebutuhan Pengguna ... 23

2. Analisis Kebutuhan Hardware ... 23

3. Analisis Kebutuhan Aplikasi ... 24

commit to user

xi   

1. Persiapan Awal ... 24

2. Pengolahan Gambar ... 24

3. Pembuatan Onjek ... 25

4. Pembuatan Animasi Ukir Batik ... 26

5. Pembuatan Animasi Judul Profil Digital ... 26

6. Pembuatan Tombol ... 27

7. Pengisian Action Script ... 28

8. Pembuatan Profil Digital ... 32

9. Pengeditan Video ... 32

10.Test Movie dan Publikasi File ... 33

D. Desain Antar Muka ... 33

1. Navigasi Tombol ... 34

2. Halaman Intro ... 35

3. Halaman Menu Utama ... 36

4. Menu Content Profil Digital Proses Pembuatan Batik Merak Manis ... 36

5. Profil Digital Proses Pembuatan Batik Printing Merak Manis ... 37

6. Profil Digital Proses Pembuatan Batik Cap Merak Manis ... 37

7. Profil Digital Proses Pembuatan Batik Tulis Merak Manis ... 38

8. Profil Digital Perusahaan Batik Merak Manis ... 38

9. Profil Digital Produk Batik Merak Manis ... 39

10.Konfirmasi Keluar Aplikasi ... 39

11.Halaman Content Profil Batik Merak Manis ... 40

12.Halaman Daftar Isi Proses Pembuatan Batik Printing ... 40

13.Halaman Daftar Isi Proses Pembuatan Batik Cap ... 41

14.Halaman Daftar Isi Proses Pembuatan Batik Tulis ... 41

15.Petunjuk Navigasi ... 42

E. Kerja Aplikasi ... 42

F. Sasaran Aplikasi ... 42

G. Evaliasi ... 42

commit to user

xii   

2. Kelemahan ... 43

BAB IV. PENUTUP ... 44

A. Kesimpulan ... 44

B. Saran ... 44

DAFTAR PUSTAKA ... 45

commit to user

xiii   

DAFTAR TABEL

Tabel 3.1 Storyline ... 19 Tabel 3.2 Storyboard ... 20

commit to user

xiv   

DAFTAR GAMBAR

Gambar 1.1 Bagan Langkah Pengembangan Aplikasi ... 4

Gambar 2.1 Struktur Linier ... 13

Gambar 2.2 Struktur Menu ... 13

Gambar 2.3 Struktur Hierarki ... 14

Gambar 2.4 Struktur Jaringan ... 14

Gambar 2.5 Struktur Kombinasi ... 15

Gambar 3.1 Bagan Langkah Pengembangan Aplikasi ... 18

Gambar 3.2 Site Map Struktur Menu Aplikasi ... 19

Gambar 4.1 Pengolahan Gambar dengan Adobe Photoshop CS3 ... 25

Gambar 4.2 Pembuatan Objek dengan Corel Draw X4 ... 25

Gambar 4.3 Pembuatan Animasi Ukir Batik dengan Adobe Flash CS Professional ... 26

Gambar 4.4 Pembuatan Animasi Judul Profil Digital dengan Adobe Flash CS Professional ... 27

Gambar 4.5 Pembuatan Tombol dengan Adobe Photoshop CS3 ... 27

Gambar 4.6 Pembuatan Tombol dengan Adobe Flash CS Professional ... 28

Gambar 4.7 Pembuatan Sistem Flip Book dengan Adobe Flash CS Professional ... 32

Gambar 4.8 Pengeditan Video dengan Adobe Premiere Pro ... 33

Gambar 4.9 Navigasi Tombol Left, Enter dan Right pada Menu Home ... 34

Gambar 4.10 Tombol Auto Flip ... 34

Gambar 4.11 Tombol Next dan Previous ... 34

Gambar 4.12 Navigasi Jump To ... 34

Gambar 4.13 Navigasi Tombol Home, Contact, Cover, Back dan Content... 34

Gambar 4.14 Navigasi Tombol Musik dan Volume ... 35

Gambar 4.15 Tombol Exit ... 35

Gambar 4.16 Halaman Intro ... 35

Gambar 4.17 Halaman Menu Utama ... 36

commit to user

xv   

Gambar 4.19 Halaman Profil Digital Proses Pembuatan Batik Printing ... 37

Gambar 4.20 Halaman Profil Digital Proses Pembuatan Batik Cap ... 37

Gambar 4.21 Halaman Profil Digital Proses Pembuatan Batik Tulis ... 38

Gambar 4.22 Halaman Profil Digital Perusahaan Batik Merak Manis ... 38

Gambar 4.23 Halaman Profil Digital Produk ... 39

Gambar 4.24 Konfirmasi Keluar Aplikasi ... 39

Gambar 4.25 Halaman Content Profil Batik Merak Manis ... 40

Gambar 4.26 Halaman Daftar Isi Proses Pembuatan Batik Printing ... 40

Gambar 4.27 Halaman Daftar Isi Proses Pembuatan Batik Cap ... 41

Gambar 4.28 Halaman Daftar Isi Proses Pembuatan Batik Tulis ... 41

commit to user

1 

 

BAB I PENDAHULUAN

A. Latar Belakang Masalah

Batik adalah budaya khas asli Indonesia yang sempat diklaim oleh negara lain, hal itu dikarenakan pembelajaran atau pengetahuan akan batik masih minim dan kurang. Menurut orang awam batik hanya identik dengan daerah Jawa namun sebenarnya batik itu menyebar diseluruh Indonesia. Motif-motifnya pun berbeda di tiap-tiap daerah.

Dengan semakin bertambahnya kebutuhan akan teknologi dewasa ini diberbagai bidang, sistem promosi dan pemasaran berbagai produk saat ini banyak menggunakan sistem digital begitu halnya dengan batik diperlukan suatu sistem

digital untuk promosi dan pemasaran mengenai batik. Showroom dapat

menggunakan aplikasi ini supaya lebih menarik.

Perusahaan Batik Merak Manis adalah perusahaan yang memproduksi dan menjual produk batik. Batik Merak Manis terletak di daerah Klaseman, RT 03, RW 01, Kecamatan Laweyan, Surakarta. Perusahaan ini sudah mempunyai nama yang cukup terkenal di wilayah Surakarta dan sekitarnya, media promosi yang sudah ada yaitu website dan banner yang terletak di jalan serta didepan toko, untuk menambah dan memperkaya media promosi dibuatlah sebuah profil digital mengenai batik Merak Manis agar lebih menarik perhatian pengunjung. Dengan adanya profil digital batik ini diharapkan showroom batik Merak Manis akan lebih menarik pelanggan.

B. Rumusan Masalah

Berdasarkan latar belakang masalah tersebut maka dapat dibuat suatu perumusan masalah yang akan dibahas yaitu bagaimana membuat aplikasi multimedia dengan konsep CD profil digital batik Merak Manis yang menarik perhatian dan mudah untuk dimengerti serta dipelajarinya.

commit to user

2  

C. Batasan Masalah

Dalam hal ini masalah dibatasi sesuai pada rumusan masalah yang ada, yaitu aplikasi profil digital batik Merak Manis ini untuk pengunjung showroom

batik Merak Manis yang dibuat berbasis flash. Materi yang disampaikan yaitu tentang Profil Perusahaan Batik Merak Manis, Produk Batik Merak Manis serta Proses Pembuatan Batik Merak Manis yang meliputi Proses pembuatan batik cap, batik printing dan batik tulis.

.

D. Tujuan

Tujuan dari pembuatan program adalah membuat suatu aplikasi multimedia berupa profil digital batik Merak Manis berbasis animasi flash sebagai media alternatif untuk pemasaran yang efektif, menarik dan mudah dipahami.

E. Manfaat

Dari pelaksanaan tugas akhir ini manfaat yang diperoleh antara lain :

1. Bagi Mahasiswa

a. Dapat menambah pengetahuan tentang cara pembuatan aplikasi

berbasis flash.

b. Dapat mempraktekkan ilmu yang telah didapatkan selama di bangku kuliah agar dapat terealisasi dengan baik.

2. Bagi Pengunjung dan Showroom Batik Merak Manis a. Memperkaya sarana pengetahuan tentang batik.

b. Meningkatkan kreatifitas dan menambah wawasan tentang

multimedia.

c. Aplikasi multimedia ini dapat menarik minat pengunjung untuk lebih mengenal tentang batik.

d. Menambah media pemasaran dan promosi bagi Batik Merak Manis

commit to user

3  

F. Metodologi Penelitian

Metode penelitian adalah metode-metode yang digunakan untuk mengumpulkan dan menganalisis fakta-fakta mengenai suatu masalah. Metode penelitian memegang peranan penting dan menentukan keberhasilan dalam pembuatan tugas akhir

Beberapa metode pengumpulan data yang digunakan pada penyusunan tugas akhir ini sebagai sarana pendukung dalam penyusunan laporan adalah :

1. Observasi

Metode observasi adalah metode pengumpulan data dengan cara melakukan pengamatan dan pencatatan data-data serta dokumentasi berbagai hal yang akan dibutuhkan dalam proses pembuatan tugas akhir.

2. Wawancara

Metode wawancara adalah metode pengumpulan data dengan cara mencari keterangan-keterangan dan informasi atau melakukan tanya jawab, baik lisan maupun tulisan dengan pihak yang bersangkutan, yaitu Bp. Heri selaku supervisor produksi dan Bp Bambang Slameto, S.Sos sebagai pemilik batik Merak Manis.

3. Studi Pustaka

Studi pustaka merupakan metode pencarian dan pengumpulan data dengan cara mencari referensi, literatur atau bahan-bahan teori yang diperlukan dari berbagai sumber wacana yang berkaitan dengan penyusunan tugas akhir ini. Studi pustaka dalam penyusunan tugas akhir ini yaitu dengan cara pengumpulan data melalui internet, mencari buku-buku referensi yang berhubungan dengan masalah mengenai tema dalam

penyusunan tugas akhir ini dan buku-buku mengenai Adobe Flash

commit to user

4  

Adapun tahap pembuatan aplikasi multimedia profil digital batik Merak Manis ini yaitu:

Gambar 1.1 Bagan Langkah Pengembangan Aplikasi

G. Sistematika Penulisan

Penulisan laporan tugas akhir ini terdiri dari lima bab dimana untuk masing-masing bab terdiri dari subbab-subbab beserta penjelasannya. Adapun bab-bab tersebut sebagai berikut:

1. BAB I PENDAHULUAN

Bab Pendahuluan berisi tentang: a. Latar Belakang Masalah

b. Rumusan Masalah

c. Batasan Masalah d. Tujuan

commit to user

5  

f. Metodologi Penelitian g. Sistematika Penulisan.

2. BAB II LANDASAN TEORI

Dalam bab Landasan Teori berisi tentang pengertian multimedia dan tinjauan pustaka lainnya yang terkait dengan pembuatan laporan tugas akhir.

3. BAB III DESAIN DAN PERANCANGAN

Bab Desain dan Perancangan berisi tentang desain dan perancangan aplikasi CD profil digital batik Merak Manis.

4. BAB IV IMPLEMENTASI DAN ANALISA

Bab Implementasi dan Pembahasan berisi tentang implementasi aplikasi disertai dengan pembahasan analisa aplikasi.

5. BAB V PENUTUP

Bab Penutup menjelaskan mengenai kesimpulan yang diperoleh dari hasil pembahasan dan saran.

commit to user

6 

 

BAB II LANDASAN TEORI

A. Komputer

Istilah komputer berasal dari bahasa latin yaitu computare yang berarti menghitung (to compute) sedangkan komputer sendiri didefinisikan sebagai mesin yang menggunakan sirkuit elektronik untuk memanipulasi data yang diekspresikan dalam simbol secara otomatis (Purnomo dan Zacharias, 2005). Akan tetapi dengan pesatnya kemajuan teknologi, selain sebagai alat yang digunakan untuk olah data atau manipulasi data, komputer berkembang menjadi sarana untuk menyajikan informasi dan pendidikan.

B. Media Informasi

Media dilihat dari asal-usul katanya, media adalah bentuk jamak dari medium yang berasal dari bahasa latin yang artinya adalah sesuatu yang berada di tengah-tengah dan/atau sesuatu yang bersifat netral (Webster Dictionary). Media juga berarti suatu alat penghantar berkomunikasi. Penekanan dari kata media disini adalah keberadaan objek, jadi pendekatan haruslah objektif bukan subjektif. Sebagai suatu alat maka objek tentunya tidak akan dapat bertanggung jawab atau dimintakan pertanggung jawabannya sendiri sehingga yang dapat dimintakan pertanggung jawabannya adalah pihak-pihak yang menyelenggarakan media itu sendiri.

Kata informasi berasal dari bahasa inggris yaitu Inform yang artinya memberitahukan, dan orang yang memberitahu itu disebut informan. Informasi dapat diartikan juga sebagai kabar atau berita. Jadi dapat ditarik kesimpulan bahwa informasi adalah suatu kabar atau berita atau pemberitahuan tentang suatu hal atau banyak hal yang disampaikan kepada banyak orang.

Dari dua kata diatas maka pengertian media informasi itu sendiri adalah sarana atau peralatan yang digunakan untuk keperluan memberitahukan sesuatu. Sedangkan pengembangan media informasi adalah kegiatan pembuatan dan

commit to user

7

penggunaan media itu, yang merupakan bagian dari keseluruhan strategi komunikasi dalam program pembangunan masyarakat.

C. Pengertian Katalog Digital

Katalog digital adalah sebuah aplikasi yang berisi daftar barang atau produk beserta keterangan-keterangan lain yang terkait. Katalog digital adalah produk canggih bagi siapa saja yang membutuhkan katalog yang professional, lengkap, murah dan mudah di update yang dirancang untuk melengkapi atau menggantikan katalog manual (Salis Tusfia, 2010).

D. Pengertian Multimedia

Multimedia berasal dari kata multi yang berarti banyak atau lebih dari satu media antara lain berupa gambar, tulisan (text), foto, video dan audio. Multi dalam bahasa latin berarti banyak atau berbagai, medium dalam bahasa latin berarti perantara atau suatu perantara yang digunakan untuk menghantar atau menyampaikan sesuatu seperti komunikasi massa. Multimedia juga dapat diartikan gabungan teks, grafik, bunyi, video dan animasi yang menghasilkan prestasi dan interaktif yang tinggi.

Definisi lain dari Multimedia adalah pemanfaatan komputer untuk menyajikan dan menggabungkan teks, suara, gambar, animasi dan video dengan alat bantu (tool) dan koneksi (link) sehingga pengguna dapat bernavigasi, berinteraksi, berkarya dan berkomunikasi (http://id.wikipedia.org, 2011).

Multimedia merupakan media periklanan yang sangat unik dan sangat kuat

karena mengandung elemen penglihatan, video dan suara yang dapat

dikombinasikan dengan stategi kreatif untuk menghasilkan daya tarik dan eksekusi iklan, (Suyanto, 2004). Kelebihan multimedia adalah menarik indera dan menarik minat karena merupakan gabungan antara pandangan, suara dan gerakan.

commit to user

8

E. Komponen Multimedia

1. Text

Bentuk data multimedia yang paling mudah disimpan dan dikendalikan adalah teks. Teks merupakan elemen paling awal dan sederhana dalam multimedia, yang biasanya mengacu pada kata, kalimat dan alinea atau segala sesuatu yang tertulis atau ditayangkan. Sebagian besar multimedia menggunakan teks karena teks sangat efektif untuk menyampaikan ide dan panduan kepada pengguna. Kebutuhan teks bergantung pada kegunaan aplikasi multimedia (Suyanto. 2003).

Dalam Macromedia Flash, teks diistilahkan dengan type (ketikan) yang dapat diberi berbagai efek. Ada 3 jenis teks pada Flash yaitu:

a. Static Text Fields

Merupakan teks yang dalam pengoperasiannya tidak akan mengalami perubahan secara dinamis.

b. Dynamic Text Fields

Merupakan teks yang dalam pengoperasiannya akan mengalami perubahan secara dinamis.

c. Input Text Fields

Merupakan teks yang memungkinkan user memberikan masukan teks. Selanjutnya masukan tersebut akan ditindaklanjuti dengan aksi-aksi tertentu sesuai dengan script yang dimasukkan. (Yudhiantoro Dhani. 2003)

2. Suara atau Audio

Multimedia tanpa bunyi atau suara hanya disebut unimedia, bukan multimedia. Bunyi dapat ditambahkan dalam produksi multimedia melalui suara, musik dan efek-efek suara (Suyanto. 2004).

Berikut ini merupakan beberapa format audio yang digunakan dalam multimedia yaitu :

a. MP3 (MPEG Audio Player 3) adalah file audio yang digunakan suatu

commit to user

9

MP3 dapat memadatkan audio track dalam CD menjadi file berukuran sangat kecil dengan bandwidth lebih sedikit dan dapat ditransfer melalui internet tanpa mengurangi kualitas suara aslinya.

b. MIDI (Musical Instrument Digital Interface). MIDI merupakan cara paling efisien untuk merekam musik.

c. DAT (Digital Audio Tape), format file yang menggunakan head yang berputar serupa dengan Video Tape Recorder (VTR).

d. WAV (Waveform Audio) merupakan format file audio yang berbentuk digital, dapat dimanipulasi dengan perangkat lunak PC Multimedia (Suyanto. 2003).

3. Video

Video menyediakan sumberdaya yang kaya dan hidup bagi aplikasi multimedia. Video merupakan bagian dari gambar-gambar yang saling berurutan yang disebut frame dengan ukuran standar 24 frame/second (FPS =

Frame Per Second), gambar-gambar tersebut kemudian diproyeksikan diatas

layar ditambahi dengan objek teks atau animasi. Adapun format file video antara lain :

a. Motion Overlay Video (MOV) format video dan animasi yang digunakan

untuk Macintosh dan Windows.

b. Motion Picture Expert Group (MPEG) adalah skema kompresi dan

spesifikasi format file video digital.

c. Audio Video Interleave (AVI) merupakan format video dan animasi yang

digunakan video untuk windows dan berinteraksi

d. Shockwave merupakan format dari Macromedia Flash yang berekstensi.

Dikembangkan oleh Macromedia Format Shockwave.

e. Real video yang mempunyai ekstensi serta dikembangkan oleh real

commit to user

10

4. Image atau Gambar

Gambar merupakan tampilan diam atau tidak bergerak. Gambar juga merupakan salah satu komponen penting dalam multimedia karena dapat meringkas dan menyajikan data kompleks serta mampu menyampaikan seribu kata. Gambar dalam publikasi multimedia lebih menarik perhatian dan dapat mengurangi kebosanan dibandingakan dengan teks sebab manusia selalu berorientasi terhadap visual (berdasarkan penglihatan).

Menurut Suyanto (2003) format file gambar yang digunakan dalam multimedia yaitu:

a. PICT merupakan format file default Macintosh yang mampu untuk

membuat objek yang digambar secara bitmap maupun vektor

b. BMP merupakan file format default Windows. Format ini mendukung

RGB, Indexed Colour, Grayscale dan Bitmap colour mode tetapi tidak

mendukung alpha channel

c. JPEG (Joint Photographic Experts Group) merupakan format grafik

yang terkompresi, digunakan dalam tampilan foto dan gambar secara kontinue dan dapat mengendalikan kedalaman warna serta mempunyai ukuran yang relatif kecil

d. GIF (Grafic Interchange File) merupakan format file yang terkompresi

yang dikembangkan oleh CompuServe

e. TIFF (Tagged Interchange File Format) merupakan format file

terkompresi yang biasa digunakan di paket dekstop publishing. Kekuatan dari format ini adalah lebih fleksibel dari format gambar bitmap yang didukung secara ritual oleh seluruh point, image editing dan aplikasi kedalaman layout

f. EPS (Encapsulated Post Script) merupakan format file yang digunakan

dalam photoshop dapat memuat baik gambar vektor maupun grafik

g. PNG (Portable Network Graphics) merupakan format file terkompresi

untuk menampilkan gambar pada World Wide Web. Mempunyai

kemampuan menampilkan gambar 24 bit dan menghasilkan latar belakang secara transparan

commit to user

11

h. PSD merupakan format file yang digunakan photoshop untuk

menyimpan file yang dibuat dan dimanipulasi. File PSD tidak dikompresi dan memuat informasi tentang berbagai graphic layer yang ada tanpa sebuah file.

5. Animasi

Animasi secara harafiah berarti membawa hidup atau bergerak. Secara umum, menganimasi suatu objek memiliki makna menggerakkan objek tersebut agar menjadi hidup (Ferdinandes. 2003).

Animasi merupakan susunan gambar mati yang dibuat efek sehingga seolah-olah nampak bergerak. Perbedaan movie dengan animasi adalah, animasi merupakan proses kejadiannya sedangkan movie merupakan proses hasilnya (Dhani Yudhiantoro. 2003).

Flash membagi animasi dalam dua kategori antara lain :

a. Shape

Animasi berupa perubahan bentuk dari keadaan awal menuju keadaan akhir yang ditentukan.

b. Motion

Animasi pada flash yang berupa gerakan suatu objek tanpa mengalami perubahan bentuk (Hasanuddin dan Fiftin Noviyanto. 2002).

Dalam perancangan dan pembuatan suatu klip animasi dibutuhkan beberapa komponen, diantaranya adalah:

a. Storyline

Storyline adalah uraian yang berisi alur cerita dari animasi yang akan

dibuat.

b. Storyboard

Storyboard adalah uraian yang berisi visual dan audio penjelasan dari

masing- masing alur dalam flowchart. Satu kolom dalam storyboard

mewakili satu tampilan di layar monitor. ( http://kurtek.upi.edu/media, 2007 ).

commit to user

12

F. Bahasa Pemrograman

Bahasa pemrograman yang digunakan dalam pembuatan aplikasi ini adalah actionscript. Actionscript merupakan bahasa pemrograman pada Flash.

Actionscript ini hampir mirip dengan Javascript dalam web. Actionscript

berfungsi untuk mengontrol objek dalam Flash, mengatur navigasi dan interaktifitas dengan pengguna. Letak interaktifitas sebuah file Flash terletak pada pemakaian actionscript. Pada Flash, actionscript bekerja pada 3 hal, yakni

Actionscript Frame, Actionscript Button, Actionscript Movie Clip (Rio. 2006) .

Ada tiga komponen penting dalam actionscript, yaitu :

a. Event (Kejadian)

Merupakan suatu peristiwa yang terjadi untuk memicu sebuah aksi pada sebuah objek.

b. Action

Merupakan aksi atau kerja yang dikenakan atau diberikan pada suatu objek.

c. Target

Merupakan objek yang dikenai oleh aksi. (Hasanuddin dan Fiftin Noviyanto. 2002).

G. Struktur Navigasi

Struktur navigasi merupakan alat bantu untuk merancang aliran aplikasi multimedia. Ada beberapa cara yang digunakan dalam mendesain aliran aplikasi multimedia diantaranya adalah struktur linier, struktur menu, struktur hierarki, stuktur jaringan dan struktur kombinasi, (Suyanto, 2004).

1. Struktur Linear

Struktur yang paling sederhana dalam mendesain aliran aplikasi multimedia adalah struktur linier. Dalam menampilkan aplikasi multimedia dapat maju (next) dan mundur (back), jika mouse di klik akan menampilkan isi informasi dari aplikasi multimedia tersebut dan bila di klik lagi akan muncul pada halaman berikutnya. Skema dari stuktur linier dapat dilihat seperti Gambar 2.1.

commit to user

13

Gambar 2.1 Struktur Linier

2. Struktur Menu

Struktur kedua untuk merancang aliran aplikasi multimedia adalah dengan struktur menu. Objek dalam menu dapat duwujudkan dalam garis-garis hypertext, grafik, audio, video, dan animasi atau kombinasi dari semua objek tersebut. Skema dari struktur menu dapat dilihat pada Gambar 2.2.

Gambar 2.2 Struktur Menu

3. Struktur Hierarki

Struktur hierarki merupakan struktur seperti tangga atau pohon, dimana masing-masing objek menyediakan sebuah menu pilihan yang memiliki lebih banyak menu dengan lebih banyak pilihan. Tidak ada batas ukuran atau jumlah menu dan sub menu yang dapat dimiliki dalam sebuah struktur hirarki. Skema dari stuktur hirarki dapat dilihat pada Gambar 2.3.

commit to user

14

Gambar 2.3 Struktur Hierarki

4. Struktur Jaringan

Bentuk struktur jaringan merupakan desain yang paling kompleks dengan banyak objek dalam setiap arah pada setiap objek dalam aplikasi multimedia. Skema dari stuktur jaringan dapat dilihat seperti Gambar 2.4.

commit to user

15

5. Struktur Kombinasi

Struktur kombinasi merupakan struktur navigasi yang mengkombinasikan strukur-struktur yang ada. Skema dari stuktur kombinasi dapat dilihat seperti Gambar 2.5.

commit to user

 

16  

BAB III

DESAIN DAN PERANCANGAN

A. Alat Penelitian

Dalam penyusunan Tugas Akhir ini alat penelitian yang digunakan dibagi menjadi dua, yaitu Hardware dan Software. Adapun alat-alat yang digunakan pada pembuatan aplikasi adalah sebagai berikut :

1. Hardware

Rekomendasi Hardware untuk pembuatan aplikasi

Kebutuhan Hardware yang digunakan dalam pembuatan aplikasi ini

yaitu seperangkat komputer dengan spesifikasi:

a. Proccesor AMD Athlon X2

b. VGA 512 MB

c. Memory 1GB

d. Harddisk 320 GB

e. Monitor, Keyboard, Mouse f. Speaker Aktif

g. DVD ROM

h. Camera Digital

2. Software

Software yang digunakan dalam penyusunan tugas akhir ini sebagai

berikut:

a. Adobe Flash CS5 Professional

Digunakan untuk menyusun gambar, suara serta untuk membuat animasi.

b. Adobe Photoshop CS3

Digunakan untuk mengedit gambar pada tiap tiap halaman

c. Adobe Premiere Pro

Digunakan untuk mengedit video

commit to user

17  

 

Digunakan untuk pembuatan gambar vektor dan sebagai editing

gambar-gambar yang nantinya di imporkan ke Adobe Flash CS3

Professional

B. Langkah-langkah Pengembangan Aplikasi

Ada beberapa langkah dalam mengembangkan aplikasi profil digital batik Merak Manis dengan Adobe Flash CS3 Professional Adapun langkah tersebut adalah sebagai berikut :

a. Merancang KonsepAplikasi

Langkah awal dalam membuat aplikasi multimedia ini adalah membuat rancangan konsep yang dapat menarik perhatian pengguna. Konsep dibuat berdasarkan ide dan kreatifitas yang dimiliki.

b. Merancang Desain dan Kebutuhan Aplikasi

Dalam menentukan grafik dan suara harus sangat diperhatikan karena tampilan gambar dan pilihan suara akan sangat berpengaruh terhadap minat pengguna. Dalam hal ini terdapat site map, Storyline dan

Storyboard.

c. Membuat Aplikasi Multimedia

Membuat aplikasi dan mengintegrasikan semua elemen-elemen yang dibutuhkan seperti gambar, teks, suara sehingga dihasilkan aplikasi multimedia yang menarik.

d. Melakukan Pengujian Aplikasi

Aplikasi multimedia diuji untuk menentukan kelayakan, jika belum atau tidak layak maka dilakukan perbaikan dimulai dari langkah awal sampai aplikasi tersebut benar-benar layak. Selain itu,dalam proses pengujian juga dilakukan pencarian kesalahan-kesalahan yang mungkin terjadi dalam proses menjalankan aplikasi.

e. Perbaikan.

Aplikasi multimedia diperbaiki sesuai dengan koreksi yang diperoleh dari hasil pengujian. Jika seluruh koreksi selesai diperbaiki maka aplikasi

commit to user

18  

 

diuji kembali dan apabila sudah layak maka akan dilanjutkan pada step berikuntya

f. Proses finishing

Setelah dilakukan pengujian dan perbaikan, proses yang terakhir yaitu finishing. Dalam proses ini, aplikasi yang sudah jadi diburning ke dalam bentuk CD dan dikemas dalam bentuk siap pakai.

Bagan metode langkah pengembangan aplikasi seperti Gambar 3.1 di bawah ini :

 

Gambar 3.1 Bagan Langkah Pengembangan Aplikasi

C. Struktur Menu Aplikasi

Struktur menu pada aplikasi multimedia ini menggunakan struktur menu kombinasi yang digambarkan pada Gambar 3.2.

commit to user

19  

 

Gambar 3.2 Site Map Struktur Menu Aplikasi

D. Storyline

Dalam proses pembuatan sebuah klip animasi peranan sebuah Storyline

sangat penting untuk menentukan cerita yang akan dianimasikan sehingga sesuai dengan informasi yang ingin disampaikan.

Tabel 3.1 Storyline

No. Scene Keterangan

1 Scene 1 (halaman

intro)

Muncul logo Batik Merak Manis dan animasi dari judul buku profil digital yang diantaranya proses pembuatan batik Merak Manis, profil perusahaan batik Merak Manis dan produk batik Merak Manis.

2. Scene 2 (halaman

menu utama / home)

Terdapat pilihan dari judul profil digital yang bisa diputar ke kanan maupun ke kiri. Selain itu terdapat pilihan tiga lagu beserta pengaturan volume audio.

commit to user

  3 4 5 E s d m N

3. Scene

digital pembu Merak 4. Scene digital batik Manis 5. Scene batik Manis E. Storyboa Sebu sebelumnya dari alur c membuat seb

No. Ketera

1. Halam

terdap judul p 3 (prof l prose uatan bati k Manis) 4 (prof l perusahaa Mera ) 5 (produ Mera ) ard

uah Storybo

. Storyboard

cerita. Story

buah klip an

angan man intro, at animasi profil digital fil es ik Terdapa masing batik tul fil an ak Terdapat perusaha uk ak Terdapat showroo

oard disusun

d adalah ura

yboard disu

nimasi.

Tabel Visual

l

at tiga sub ju proses pemb lis dan batik

t cuplikan aan batik Me

t foto-foto om batik Mer

n berdasark aian yang b usun untuk

l 3.2 Storybo

udul dan pen buatan batik

cap.

n video d erak Manis

produk y rak Manis

kan Storylin

berisi visual mempermu

oard

njelasan dar k yaitu batik

dan profil

yang terdap

ne yang sud dan audio udah anima Audio dan Jawa.mp3 20 ri masing-k printing, sejarah pat pada dah dibuat penjelasan ator untuk n Video

commit to user

  2 3 4 2. Halam utama 3. Profil proses batik M Manis 4. Profil perusa Merak man menu , digital s pembuatan Merak digital ahaan batik k Manis Terdapat t pilihan lag dipakai da sampai ak diantarany 1. Gundu instrum jubing kristia 2. Stasiu Balapa Jazz J 3. Kacar Instrum Game Audio sam seperti me utama sam akhir Dalam pro digital ini Video cup betik Mera Manis 21 tiga gu yang ari awal khir, ya yaitu: ul pacul mental – g anto un an Jazz- awa ryan - mental lan Jawa ma enu mpai ofil terdapat plikan ak

commit to user

 

5

5. Profil produk Merak

digital k batik k Manis

Audio sam seperti me utama sam akhir

22

ma enu mpai

commit to user

 

23  

BAB IV

IMPLEMENTASI DAN ANALISA

A. Detail Aplikasi

Aplikasi ini merupakan suatu software multimedia sebagai media promosi serta pemasaran batik Merak Manis Solo. Aplikasi ini berbentuk CD profil digital yang berbasis flash. Pembuatan aplikasi ini bertujuan untuk memberi informasi

kepada pengunjung showroom batik Merak Manis tentang bagaimana proses

pembuatan batik diantaranya batik tulis, batik cap dan batik Printing, profil batik Merak Manis serta produk dari batik Merak Manis itu sendiri. Aplikasi ini disajikan dalam bentuk animasi grafis sehingga tampilannya tidak bersifat monoton serta penambahan musik pengiring yang dapat membuat suasana menjadi lebih santai. Disamping itu aplikasi ini juga dapat digunakan untuk

mengenalkan media informasi dan pemasaran baru bagi pengunjung showroom

batik Merak Manis.

B. Analisis Kebutuhan

1. Analisis Kebutuhan Pengguna

Aplikasi yang dikembangkan dirancang untuk pengunjung showroom

batik Merak Manis dari orang dewasa, remaja serta anak-anak yang dapat didampingi oleh orang tua.

2. Analisis Kebutuhan Hardware

Rekomendasi hardware bagi pengguna untuk menjalankan aplikasi ini yaitu seperangkat komputer dengan spesifikasi:

a. Proccesor Pentium 4

b. Memory 512MB

c. Harddisk 40 GB

d. Monitor dengan resolusi 1024 x 768 pixels

e. Keyboard, Mouse

f. Speaker Aktif

commit to user

24

3. Analisis Kebutuhan Aplikasi

Aplikasi ini dapat dijalankan pada Sistem Operasi Microsoft Windows

XP, Vista dan Seven yang sudah terinstall software Flash Player. Untuk

menjalankan pada Sistem Operasi Linux harus sudah terinstall flash

playernya.

C. Pembuatan Aplikasi

Ada beberapa langkah dalam pembuatan aplikasi ini. Adapun langkah-langkahnya adalah sebagai berikut :

1. Persiapan Awal

Persiapan awal dari pembuatan aplikasi ini adalah melakukan pendataan informasi mengenai batik Merak Manis yang diantaranya pengambilan gambar-gambar proses pembuatan batik merak manis, profil perusahaan batik merak manis dan produk batik merak manis . Selanjutnya membuat desain layout halaman per halaman serta membuat objek yang telah ditentukan dan pengambilan audio.

2. Pengolahan Gambar

Dalam tahap ini objek dan background kebanyakan dari gambar batik

Merak Manis, sehingga untuk mengolah gambarnya menggunakan Adobe

commit to user

25

Gambar 4.1 Pengolahan Gambar dengan Adobe Photoshop CS3

3. Pembuatan Objek

Objek yang digunakan adalah ukir-ukiran batik yang dibuat dengan

Corel Draw X4 yang selanjutnya di export ke dalam Adobe Photoshop

CS3 untuk ditambahkan kedalam gambar serta di export ke dalam Adobe

Flash Professional CS untuk pembuatan animasi ukir batik.

commit to user

26

4. Pembuatan Animasi Ukir Batik

Proses pembuatan animasi ini menggunakan gambar ukir batik yang telah dibuat dari Corel Draw X4 yang selanjutnya dibuat animasi frame per frame menggunakan Adobe Flash CS Professional. Proses ini dibuat dengan 75 frame, dengan frame rate 50fps.

Gambar 4.3 Pembuatan Animasi Ukir Batik dengan Adobe Flash CS Professional

5. Pembuatan Animasi Judul Profil Digital

Pada tahap ini gambar cover yang sudah diolah pada Adobe

Photoshop CS3 di import dan dijadikan sebagai tombol serta animasi

menggunakan Adobe Flash Professional CS. Pembuatan animasi

commit to user

27

Gambar 4.4 Pembuatan Animasi Judul Profil Digital dengan Adobe Flash CS Professional

6. Pembuatan Tombol

Pembuatan tombol navigasi dibuat dengan gabungan antara dua aplikasi yaitu Adobe Photohop CS3 untuk desain gambar tombolnya dan

Adobe Flash Professional CS untuk pembuatan gambar menjadi sebuah

commit to user

28

Gambar 4.5 Pembuatan Tombol dengan Adobe Photoshop CS3

Gambar 4.6 Pembuatan Tombol dengan Adobe Flash CS Professional

7. Pengisian Action Script

Semua animasi dijalankan dengan navigasi tombol, adapun action script dari tombol-tombol tersebut adalah sebagai berikut:

a. Tombol Navigasi Menu Home

Pada menu home terdapat tombol right, left, enter dan tombol home pada masing-masing profil digital. Tombol tersebut action scriptnya pada intinya sama seperti di atas hanya dirubah framenya.

on (release, keyPress "<Right>") { gotoAndPlay (301)

}

Action script tersebut menuju ke frame 301 yang terdapat animasi perputaran ke kanan dengan motion tween.

b. Tombol Navigasi Menu pada Profil Digital

Pada menu profil digital terdapat contact, cover, back dan content. Script tombol tersebut pada intinya sama yaitu:

commit to user

29

on (release, keyPress "<Delete>") { profil.flipGotoPage(22);

}

Action script tersebut menuju ke halaman 22 pada profil digital.

c. Tombol Navigasi Profil Digital

Terdapat tombol navigasi next dan previous, pada intinya action script kedua tombol tersebut adalah sebagai berikut:

on (release, keyPress "<Right>") { profil.flipForward();

}

Apabila action script tersebut dijalankan maka profil digital akan masuk ke halaman selanjutnya.

d. Tombol Auto Flip Pada Profil Digital

on( release ){

nextFrame()

delay = 2000;

// 2 second: 2000 ms

forwardInterval = setInterval(profil, "flipForward", delay);

profil.onLastPage = function() { clearInterval(forwardInterval);

lastPageInterval = setInterval(closeLastPage, delay); };

function closeLastPage() { profil.flipGotoPage(0);

clearInterval(lastPageInterval);

commit to user

30

}}

Fungsi dari action script ini adalah membalik halaman dengan durasi 2000ms yang setara dengan 2 detik.

e. Tombol Jump To

on (release, keyPress "<Enter>") { profil.flipGotoPage(number_txt.text); }

Action script ini menuju pada halaman yang inputkan dari input text.

f. Navigasi Musik

on (release){

mySound.attachSound ("musik2.mp3")

mySound.stop(); mySound.start(0.1); }

berfungsi untuk melinkkan musik yang di import ke library dengan tombol (1,2,3) juga berfungsi sebagai play sehinga apabila kita klik tombol-tombol tersebut sound akan berputar.

g. Navigasi Volume

top = vol._y; left = vol._x; right = vol._x;

bottom = vol._y + 100; level = 100;

vol.onPress = function () {

startDrag ("vol", false, left, top, right, bottom); dragging = true;

commit to user

31

vol.onRelease = function () {

stopDrag (); dragging = false; };

vol.onReleaseOutside = function () {

dragging = false; };

this.onEnterFrame = function () {

if (dragging) {

level = 100 - (vol._y - top); }

else if (level > 100) {

level = 100; }

else if (level < 0) {

level = 0; }

else {

vol._y = -level + 100 + top; } // end if

_root.mySound.setVolume(level); };

commit to user

32

h. Navigasi Link Content dalam Profil Digital Proses Pembuatan Batik. Dalam navigasi ini action scriptnya pada intinya sama dengan tombol navigasi menu profil digital.

8. Pembuatan Profil Digital

Dalam pembuatan profil digital ini menggunakan komponen utama dari Adobe Flash Professional CS yaitu komponen page flip

Gambar 4.7 Pembuatan Sistem Flip Book dengan Adobe Flash CS Professional

9. Pengeditan Video

Dalam proses ini menggunakan Adobe Premiere Pro yang mempunyai efek transisi lengkap dan mencukupi untuk pengeditan video dalam aplikasi profil digital ini.

commit to user

33

Gambar 4.8 Pengeditan Video dengan Adobe Premiere Pro

10.Test Movie dan Publikasi File

Test movie terlebih dahulu dilakukan dengan tujuan untuk melakukan pengujian agar dapat mengetahui aplikasi dapat berjalan baik atau tidak. Selanjutnya dilakukan publikasi file . Hal ini bertujuan untuk mendapatkan

file dengan ekstensi .swf agar dapat berjalan pada Flash Player (movie

objek). Sedangkan untuk tampilan utama dipublikasikan dengan ekstensi .exe agar dapat berjalan diatas Windows tanpa perlunya instalasi Flash

Player pada komputer yang bersangkutan.

D. Desain Antar Muka

1. Navigasi Tombol

Navigasi tombol adalah alat bantu untuk menjalankan aplikasi ini, selain itu dapat pula memakai navigasi keyboard dan drag mause untuk flip profil digital. Navigasi tersebut diantaranya adalah sebagai berikut:

a. Navigasi pada menu Home adalah tombol Right (pada keyboard tombol

panah kanan) dan Left (pada keyboard tombol panah kiri) untuk

menjalankan animasi bergeser ke kanan maupun kiri. Selain itu tombol

commit to user

Gam b. Ter c. Ter Pre ke b d. Ter pad hala tom e. Nav utam men inse Cov cata men Gamb

mbar 4.9 Nav

rdapat tombo

rdapat Tom

evious (pada

belakang.

G

rdapat navig da halaman y

aman yang mbol Enter p

vigasi Home

ma, tombo nampilkan h ert) untuk m

ver (pada ke alog, dan to nuju ke hala

bar 4.13 Nav

vigasi Tomb

ol Auto Flip

Gambar

mbol Next ( keyboard to

Gambar 4.11

gasi Jump T

yang diingin akan dituju

ada keyboar

Gambar

e (pada keyb

ol Contact

halaman Con

menampilkan eyboard tom

ombol Back

aman Cover b

vigasi Tomb

bol Left, Ente

  untuk menja

4.10 Tombo

(pada keybo ombol panah

1 Tombol Ne

To, yaitu nav nkan. Cara p u dan klik

rd

4.12 Naviga

board tombo (pada ke

ntact, tombo

n halaman C

mbol panah a (pada keyb belakang pro

bol Home, Co

er dan Right

alankan flip

ol Auto Flip

oard panah h kiri) untuk

ext dan Prev

vigasi tomb pemakaiaann

tombol disa

asi Jump To

ol Home) un eyboard to

ol Content (

Content dari

atas) untuk m board tombo

ofil digital.

ontact, Cove

 

t pada Menu

secara otom

h tombol k k flip ke depa

ious

bol cepat un nya cukup m ampingnya

ntuk kembal ombol dele pada keyboa i profil digit menuju halam

l panah baw

er, Back dan

34

u Home

matis kanan) dan an maupun ntuk masuk menuliskan atau tekan

li ke menu ete) untuk

ard tombol tal, tombol

man Cover

wah) untuk

commit to user

f. Nav men terd g. Nav 2. Hal Hal program digital y vigasi musi nambah ken dapat naviga Gamb vigasi tombo aman Intro laman intro m dijalankan yang berputa

ik, ada tig nyamanan su

asi volume da

bar 4.14 Nav

ol Exit untuk

Gamb

o

o merupakan n. Pada halam

ar dan keluar

Gamba

a pilihan m uasana dalam

an mute untu

igasi Tombo

k keluar dari

bar 4.15 Tom

n halaman man ini men rnya animasi

ar 4.16 Hala

musik yang m membaca p

uk control da

ol Musik dan

aplikasi

mbol Exit

paling awa nampilkan an i batik. aman Intro g menarik profil digital

ari audio.

n Volume

al yang tam nimasi tiga j

35

dan dapat l, selain itu

mpil ketika judul profil

commit to user

36

3. Halaman Menu Utama

Terdapat pilihan dari judul profil digital yang bisa diputar ke kanan muapun ke kiri. Selain itu terdapat pilihan tiga lagu beserta pengaturan volume audio.

Gambar 4.17 Halaman Menu Utama

4. Menu Content ProfilDigital Proses Pembuatan Batik Merak Manis Dalam Content ini terdapat tiga navigasi sub judul yang akan langsung masuk pada halaman dari sub judul.

commit to user

37

5. Profil Digital Proses Pembuatan Batik Printing Merak Manis

Dalam halaman ini menjelaskan proses pembuatan batik Printing Merak Manis.

Gambar 4.19 Halaman Profil Digital Proses Pembuatan Batik Printing

6. Profil Digital Proses Pembuatan Batik Cap Merak Manis

Dalam halaman ini menjelaskan proses pembuatan batik cap Merak Manis.

commit to user

38

7. Profil Digital Proses Pembuatan Batik Tulis Merak Manis

Dalam halaman ini menjelaskan proses pembuatan batik tulis Merak Manis.

Gambar 4.21 Halaman Profil Digital Proses Pembuatan Batik Tulis

8. Profil Digital Perusahaan Batik Merak Manis

Pada profil ini terdapat informasi alamat, profil dan sejarah Batik Merak Manis

commit to user

39

9. Profil Digital Produk Batik Merak Manis

Terdapat gambar-gambar produk yang ada di showroom batik Merak Manis

Gambar 4.23 Halaman Profil Digital Produk

10.Konfirmasi Keluar Aplikasi

Dalam konfirmasi ini terdapat pilihan untuk keluar dari aplikasi atau tidak, untuk keluar tekan tombol Yes dan apabila tidak keluar tekan tombol

No Selama jendela konfirmasi ini muncul maka aplikasi ini akan

menampilkan efek invert image.

commit to user

40

11.Halaman Content Profil Batik Merak Manis

Pada halaman ini memberikan daftar isi yang langsung dapat menuju halaman yang dipilih dari Profil Digital Perusahaan Batik Merak Manis. Selain daftar isi terdapat cuplikan video Batik Merak Manis.

Gambar 4.25 Halaman Content Profil Batik Merak Manis

12.Halaman Daftar Isi Proses Pembuatan Batik Printing

Pada halaman ini memberikan daftar isi yang langsung dapat menuju halaman yang dipilih dari sub menu Pembuatan Batik Printing.

commit to user

41

13.Halaman Daftar Isi Proses Pembuatan Batik Cap

Pada halaman ini memberikan daftar isi yang langsung dapat menuju halaman yang dipilih dari sub menu Pembuatan Batik Cap

Gambar 4.27 Halaman Daftar Isi Proses Pembuatan Batik Cap

14.Halaman Daftar Isi Proses Pembuatan Batik Tulis

Pada halaman ini memberikan daftar isi yang langsung dapat menuju halaman yang dipilih dari sub menu Pembuatan Batik Tulis

commit to user

E s p p M m F G 15.Petu Dis menggu

E. Kerja A

Berd sampai akh pengunjung proses pemb Merak Man memilih pro F. Sasaran Sasar G. Evaluas 1. Kele a. secar produ unjuk Navig sediakan pet unakan aplik Aplikasi dasarkan pen hir. Aplikasi

showroom b

buatan, prof nis sehingg oduk batik M

n

ran dari apli

si ebihan

Informatif Profil digit ra lengkap, uk akhir bati

gasi

tunjuk navi kasi Profil Di

Gambar

ngujian aplik i multimed batik Merak fil perusahaa ga dapat m Merak Manis.

ikasi ini adal

tal ini mem mulai dari ik.

igasi untuk igital Batik M

4.29 Petunju

kasi, aplikasi ia ini diran

Manis untu an sampai p meningkatkan . lah pelangga mpunyai info proses pem pengguna Merak Mani uk Navigasi

i ini dapat be ncang dan k mengetahu produk yang

n kepercaya

an showroom

rmasi tentan mbuatan, pro agar menge is. erjalan lanca dikembang ui informasi g dihasilkan aan pelangg

m batik Mera

ng batik Me ofil perusaha

42

etahui cara

ar dari awal kan untuk dari mulai oleh batik gan untuk ak Manis. erak Manis aan sampai

commit to user

43

b. Interaktif

Profil digital ini di desain dengan melibatkan pengguna untuk interaktif dalam melihat berbagai menu pada profil digital.

c. Kemudahan Operasi

Profil digital ini dibuat dengan navigasi tombol yang mudah dimengerti. Pengguna dapat memakai mouse maupun keyboard untuk menjalankannya.

d. Fleksibel

Selain profil digital ini dijalankan pada komputer yang terdapat di

showroom dapat pula dijalankan pada komputer mobile, misalnya laptop,

notebook, ipad dan tablet PC yang tersedia flash player.

2. Kelemahan

Aplikasi ini hanya dapat dijalankan di komputer yang mempunyai sistem operasi.

commit to user

 

44   

BAB V PENUTUP

A. Kesimpulan

Kesimpulan yang dapat diperoleh dari pembuatan aplikasi multimedia ini adalah telah dibuat CD Profil Digital Batik Merak Manis Laweyan Solo Berbasis Flash Sebagai Media Pemasaran yang berisi Proses Pembuatan Batik Merak Manis, Profil Perusahaan Batik Merak Manis dan Produk Batik Merak Manis. Aplikasi ini dapat digunakan sebagai media pemasaran untuk memperkenalkan produk dari batik Merak Manis kepada pengunjung showroom.

B. Saran

Untuk pengembangan aplikasi kedepannya maka perlu dibuat sebagai berikut:

1. Input data dengan XML agar dapat diupdate informasi yang ada

didalamnya.

2. Pengembangan CD Profil yang dapat dijalankan dengan handphone. 3. Untuk mp3 playernya dapat dibuat list judul lagu yang ada, serta dapat

otomatis berganti apabila lagu satu sudah selesai ke lagu berikutnya. 4. Dapat dibuat profil berbahasa inggris untuk pelanggan dari luar negeri.

5. Dapat dikembangkan untuk ketalog digital yang diterbitkan setiap

bulannya dan didalamnya terdapat kode serta harga setiap barang sehingga memungkinkan konsumen untuk membeli dengan cara online tanpa harus datang ke showroom.

commit to user

45  

 

DAFTAR PUSTAKA

Bamboomedia, 2004. Macromedia Flash Basic Scripting.

http://www.bamboomedia.net

Bamboomedia, 2004. Membuat Animasi dengan Macromedia Flash.

http://www.bamboomedia.net

Ferdinandes. 2003. Dunia Animasi Komputer Menggairahkan. Suara Merdeka. 8 Desember, 2003, 30

Hassanuddin dan Fiftin Noviyanto, 2002. Pemrograman Actionscript dengan

flash 5 dan Aplikasinya. Yogyakarta : Andi

Komputer, Wahana, 2002. Tip dan Trik Pemakaian Adobe Photoshop 6.0.

Yogyakarta : ANDI

Manis, Merak, 2009. Batik Merak Manis Solo. http://www.merakmanis.com

(diakses pada 19 Januari 2011)

Nugraha, Eko, 2010. E-Magz menggunakan Flash dengan komponen Premium

Page Flip. http://www.skynight03.wordpress.com (diakses pada 1 Mei

2011)

Pramono, Andi, 2004. Berkreasi Animasi dengan Macromedia Flash MX

Profesional 2004. Yogyakarta : Andi

Purnomo, H dan Zacharias,T. 2005.Pengenalan Informatika Perspektif Teknik Dan Lingkungan. Yogyakarta : Andi.

Rio, A. 2006. Tutorial Macromedia Flash MX. Workshop One Day Flash

Animation.

Suyanto, M, 2003. Analisis & Desain Aplikasi Multimedia untuk Pemasaran. Yogyakarta : Andi

Suyanto, M, 2003. Multimedia Alat untuk Meningkatkan Keunggulan Bersaing. Yogyakarta : Andi

Yudhiantoro, Dhani, 2003. Panduan Lengkap Menggunakan Macromedia Flash

commit to user

11.Halaman Content Profil Batik Merak Manis

Pada halaman ini memberikan daftar isi yang langsung dapat menuju halaman yang dipilih dari Profil Digital Perusahaan Batik Merak Manis. Selain daftar isi terdapat cuplikan video Batik Merak Manis.

Gambar 4.25 Halaman Content Profil Batik Merak Manis

12.Halaman Daftar Isi Proses Pembuatan Batik Printing

Pada halaman ini memberikan daftar isi yang langsung dapat menuju halaman yang dipilih dari sub menu Pembuatan Batik Printing.

commit to user

41

13.Halaman Daftar Isi Proses Pembuatan Batik Cap

Pada halaman ini memberikan daftar isi yang langsung dapat menuju halaman yang dipilih dari sub menu Pembuatan Batik Cap

Gambar 4.27 Halaman Daftar Isi Proses Pembuatan Batik Cap

14.Halaman Daftar Isi Proses Pembuatan Batik Tulis

Pada halaman ini memberikan daftar isi yang langsung dapat menuju halaman yang dipilih dari sub menu Pembuatan Batik Tulis

commit to user

E s p p M m F G 15.Petu Dis menggu

E. Kerja A

Berd sampai akh pengunjung proses pemb Merak Man memilih pro F. Sasaran Sasar G. Evaluas 1. Kele a. secar produ unjuk Navig sediakan pet unakan aplik Aplikasi dasarkan pen hir. Aplikasi

showroom b

buatan, prof nis sehingg oduk batik M

n

ran dari apli

si ebihan

Informatif Profil digit ra lengkap, uk akhir bati

gasi

tunjuk navi kasi Profil Di

Gambar

ngujian aplik i multimed batik Merak fil perusahaa ga dapat m Merak Manis.

ikasi ini adal

tal ini mem mulai dari ik.

igasi untuk igital Batik M

4.29 Petunju

kasi, aplikasi ia ini diran

Manis untu an sampai p meningkatkan . lah pelangga mpunyai info proses pem pengguna Merak Mani uk Navigasi

i ini dapat be ncang dan k mengetahu produk yang

n kepercaya

an showroom

rmasi tentan mbuatan, pro agar menge is. erjalan lanca dikembang ui informasi g dihasilkan aan pelangg

m batik Mera

ng batik Me ofil perusaha

etahui cara

ar dari awal kan untuk dari mulai oleh batik gan untuk ak Manis. erak Manis aan sampai

commit to user

43

b. Interaktif

Profil digital ini di desain dengan melibatkan pengguna untuk interaktif dalam melihat berbagai menu pada profil digital.

c. Kemudahan Operasi

Profil digital ini dibuat dengan navigasi tombol yang mudah dimengerti. Pengguna dapat memakai mouse maupun keyboard untuk menjalankannya.

d. Fleksibel

Selain profil digital ini dijalankan pada komputer yang terdapat di

showroom dapat pula dijalankan pada komputer mobile, misalnya laptop,

notebook, ipad dan tablet PC yang tersedia flash player.

2. Kelemahan

Aplikasi ini hanya dapat dijalankan di komputer yang mempunyai sistem operasi.

commit to user

44   

BAB V PENUTUP

A. Kesimpulan

Kesimpulan yang dapat diperoleh dari pembuatan aplikasi multimedia ini adalah telah dibuat CD Profil Digital Batik Merak Manis Laweyan Solo Berbasis Flash Sebagai Media Pemasaran yang berisi Proses Pembuatan Batik Merak Manis, Profil Perusahaan Batik Merak Manis dan Produk Batik Merak Manis. Aplikasi ini dapat digunakan sebagai media pemasaran untuk memperkenalkan produk dari batik Merak Manis kepada pengunjung showroom.

B. Saran

Untuk pengembangan aplikasi kedepannya maka perlu dibuat sebagai berikut:

1. Input data dengan XML agar dapat diupdate informasi yang ada didalamnya.

2. Pengembangan CD Profil yang dapat dijalankan dengan handphone. 3. Untuk mp3 playernya dapat dibuat list judul lagu yang ada, serta dapat

otomatis berganti apabila lagu satu sudah selesai ke lagu berikutnya. 4. Dapat dibuat profil berbahasa inggris untuk pelanggan dari luar negeri. 5. Dapat dikembangkan untuk ketalog digital yang diterbitkan setiap

bulannya dan didalamnya terdapat kode serta harga setiap barang sehingga memungkinkan konsumen untuk membeli dengan cara online tanpa harus datang ke showroom.

commit to user

45  

 

DAFTAR PUSTAKA

Bamboomedia, 2004. Macromedia Flash Basic Scripting. http://www.bamboomedia.net

Bamboomedia, 2004. Membuat Animasi dengan Macromedia Flash. http://www.bamboomedia.net

Ferdinandes. 2003. Dunia Animasi Komputer Menggairahkan. Suara Merdeka. 8 Desember, 2003, 30

Hassanuddin dan Fiftin Noviyanto, 2002. Pemrograman Actionscript dengan

flash 5 dan Aplikasinya. Yogyakarta : Andi

Komputer, Wahana, 2002. Tip dan Trik Pemakaian Adobe Photoshop 6.0. Yogyakarta : ANDI

Manis, Merak, 2009. Batik Merak Manis Solo. http://www.merakmanis.com (diakses pada 19 Januari 2011)

Nugraha, Eko, 2010. E-Magz menggunakan Flash dengan komponen Premium

Page Flip. http://www.skynight03.wordpress.com (diakses pada 1 Mei

2011)

Pramono, Andi, 2004. Berkreasi Animasi dengan Macromedia Flash MX

Profesional 2004. Yogyakarta : Andi

Purnomo, H dan Zacharias,T. 2005.Pengenalan Informatika Perspektif Teknik Dan Lingkungan. Yogyakarta : Andi.

Rio, A. 2006. Tutorial Macromedia Flash MX. Workshop One Day Flash Animation.

Suyanto, M, 2003. Analisis & Desain Aplikasi Multimedia untuk Pemasaran. Yogyakarta : Andi

Suyanto, M, 2003. Multimedia Alat untuk Meningkatkan Keunggulan Bersaing. Yogyakarta : Andi

Yudhiantoro, Dhani, 2003. Panduan Lengkap Menggunakan Macromedia Flash 5. Yogyakarta : Andi