commit to user
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
Photoshop CS3
commit to user
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.
Gambar 4.2 Pembuatan Objek dengan Corel Draw X4
commit to user
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
perputaran ini menggunakan motion tween dengan frame 1-300 pada 50fps
commit to user
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
tombol.
commit to user
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
on release, keyPress Delete { profil.flipGotoPage22;
} 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 = setIntervalprofil, flipForward, delay;
profil.onLastPage = function { clearIntervalforwardInterval;
lastPageInterval = setIntervalcloseLastPage, delay; };
function closeLastPage { profil.flipGotoPage0;
clearIntervallastPageInterval; forwardInterval = setIntervalprofil, flipForward, delay;
commit to user
}} 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.flipGotoPagenumber_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.start0.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
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.setVolumelevel;
}; Action script di atas berfungsi untuk mengatur volume dari audio.
commit to user
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
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