TUGAS AKHIR

COMPANY PROFILE DENGAN MACROMEDIA FLASH 8

Disusun Oleh :
Dwy Prastyo (12.1.1.025-AN)

Program Desain Grafis

SEKOLAH TINGGI ILMU SOSIAL DAN ILMU POLITIK
(STISOSPOL)
WASKITA DHARMA MALANG
2014

KATA PENGANTAR
Puji syukur kami panjatkan kehadirat Allah SWT ,karena dengan karunianya kami
dapat menyelesaikan Tugas Akhir ini. Tujuan pembuatan laporan ini adalah untuk menambah
pengetahuan khususnya bagi kami sendiri tentang bagaimana membuat Company Profile dari
program Macromedia Flash 8 .
Atas terselesaikanya tugas akhir ini pada kesempatan ini kami menyampaikan terima
kasih kepada :
1. Ibu Tika Miningrum selaku dosen pembimbing pada mata kuliah Macromedia Flash
2. Kedua orang tua kami yang sudah memberikan dorongan mental dan materi serta
doanya
3. Rekan-rekan mahasiswa yang telah membantu dalam menyelesaikan laporan Tugas
Akhir ini.
Kami menyadari bahwa laporan ini jauh dari sempurna, Oleh karena itu kritik dan
saran yang bersifat membangun kami harapkan demi kesempurnaan Tugas Akhir ini.
Kami berharap Tugas Akhir ini dapat memberikan manfaat bagi kita semua.

Malang ,1 Januari 2014

DAFTAR ISI
KATA PENGANTAR ....................................................................................................... i
DAFTAR ISI ..................................................................................................................... ii
BAB 1 PENDAHULUAN
1.1 Latar Belakang ............................................................................................................. 1
1.2 Rumusan Masalah ........................................................................................................ 2
1.3 Tujuan .......................................................................................................................... 2
1.4 Batasan Masalah .......................................................................................................... 2
1.5 Jadwal .......................................................................................................................... 2
BAB II DASAR TEORI
2.1 Metode Pembuatan........................................................................................................3
2.2 Macromedia Flash............................................................................................. 4
BAB III PERANCANGAN DAN IMPLEMENTASI
3.1 Algoritma dan Metode ................................................................................................ 9
3.2 Membuat Tampilan Awal............................................................................................. 9
3.3 Menu Botton ................................................................................................................ 10
3.4 Import Audio................................................................................................................ 11
3.5 Tween Motion dan Animasi Mask................................................................................ 12
3.6 Publish File................................................................................................................... 13
BAB IV PENGUJIAN PROGRAM
4.1 Pengujian Menu Home...................................................................................................14
4.2 Pengujian Menu Profil ..................................................................................................14
4.3 Pengujia Menu Jurusan. 15
4.4 Pengujian Menu Visi & Misi.................... 15
4.5 Pengujian Menu Galery................................................................................................ 15
BAB V PENUTUP
3.1 Kesimpulan .................................................................................................................. 17
3.2 Saran ........................................................................................................................ 17
DAFTAR PUSTAKA

ii

BAB I
PENDAHULUAN
1.1 Latar Belakang
Banyak sekali universitas di Indonesia baik negeri maupun swasta yang telah berdiri
lama tapi beberapa universitas swasta masih minim publikasi,sehingga masyarakat jarang
mengetahui bahwa ada universitas tersebut. Kalaupun ada publikasi kebanyakan kampus
swasta masih mengunakan cara lama untuk publikasinya. Seperti melalui sepanduk besar di
jalan.
Kebanyakan pengenalan universitas hanya memperkenalkan apa yang ada di universitas itu,
tanpa membuat tampilannya menarik. Masih banyak kekurangan berbanding terbalik dengan
kemajuan tekhnologi. Disini penulis mencoba untuk membuat penegenalan kampus terlihat
lebih menarik dengan memanfaatkan program macromedia flash.
Dengan adanya tekonologi di Era modern ini sebuah Program pengenalan profil
jurusan dengan menggunakan flash, agar mampu mempublikasi suatu Universitas, Institute
dan lain sebagainya dalam suatu bentuk company profile atau flash yang bertujuan untuk
memberikan informasi dan memantapkan pilihan jurusan pada siswa mengenai profil
Universitas. Hal ini merupakan terobosan baru dan sebuah inovasi dalam dunia demostrasi
pada suatu kalangan umum. Dengan latar belakang tersebut Maka dari itu penulis membuat
profil jurusan dengan judul Company Profile STISOSPOL Waskita DharmaMalang.
1.2 Rumusan Masalah
Bagaimana cara membuat Company Profile dengan Macromedia Flash
1.3 Tujuan
Pembuatan profil interaktif ini adalah untuk menyampaikan dan mengenalkan kampus
STISOSPOLWaskita DharmaMalang melalui media Interaktif menggunakan flash.
1.4 Batasan Masalah
Batasan masalah dalam projek ini adalah:

pengganti brosur jurusan

macromedia
flash 8

1.5 Jadwal
Jadwal penyelesai tugas akhir
No

Keterangan

Praktikum Multimedia

Perancangan Program

Pembuatan Program

Pembuatan Laporan

Minggu ke-1

Minggu ke-2

Minggu ke-3

BAB II
DASAR TEORI
2.1 Metode Pembuatan
Metode yang saya gunakan dalam pembuatan tutorial ini adalah
Tween Motion: Tween motion adalah animasi pergerakan simbol dari satu posisi ke posisi
lainnya.
Menu Botton: menu disini berfugsi untuk menuju ke halamaman 1 ke halam yang lain,
dan bisa di katakan seperti link pada suatu botton.
Import audio: Di tutorial ini saya memasangkan beberapa sound pada setiap button yang
ada. Dan bukan hanya itu saja, saya memasukkan beberapa file swf interaktif yang
memudahkan pengguna untuk menyerap materi-materi yang diberikan
Import Gambar : di tutorial ini saya memasukkan beberapa gambar agar terlohat lebih
menarik
Action : adalah script untuk melakukan kegiatan sesuai dengan script yang di inputkan
2.2 Macromedia Flash
Sebelum memulai menggunakan Macromedia Flash 8 sebaiknya kita mengenal
jendela kerja dari software ini. Area kerja dari Macro media Flash 8 ini terbagi menjadi
beberapa bagian yakni Menubar, Toolbar, Timeline, Stage, Dan Panel. di tunjukan dalam
Gambar 2.2

Gambar 2.2 Tampilan Jendela Kerja

1. Menu Bar : kumpulan perintah-perintah operasi pada flash. Berikut adalah tampilannya di
tunjukan dalam Gambar 2.3

Gambar 2.3 Tampilan Menu Bar

Berikut adalah penjelasan dari isi menu bar :
a. File : berisi kumpulan menu yang berhubungan pada dokumen flash anda. Misalnya menu
save untuk menyimpan dokumen flash anda.
b. Edit : berisi kumpulan menu yang berhubungan dengan objek di stage. Misalnya menu
select all yang digunakan menyeleksi seluruh objek di stage
c. View : berisi kumpulan menu yang berhubungan dengan tampilan di stage.
Misalnya menu zoom in yang digunakan untuk memperbesar tampilan stage
d. Insert : berisi kumpulan menu yang berhubungan dengan timeline, symbol serta scene.
Misalnya menu scene digunakan untuk menambahkan scene pada dokumen flash anda
e. Modify : berisi kumpulan menu yang digunakan untuk mengedit objek di stage. Misalnya
menu convert to symbol yang digunakan untuk membuat objek menjadi symbol
f. Text : berisi kumpulan menu yang berhubungan dengan huruf. Misalnya menu font yang
digunakan untuk memilih jenis huruf.
g. Commands : berisi kumpulan menu yang berhubungan dengan flash javascript. Misalnya
menu run command yang digunakan untuk menjalankan flash javascript.
h. Control : berisi kumpulan menu yang digunakan untuk melihat hasil animasi/objek yang
anda buat. Misalnya menu play yang digunakan untuk menjalankan animasi di timeline.
i. Window : berisi kumpulan menu yang berhubungan dengan panel-panel di flash. Misalnya
menu actions yang digunakan untuk menampilkan panel actions.
j. Help : berisi kumpulan menu yang berhubungan dengan tutorial dan cara menggunakan
flash. Misalnya menu flash help yang digunakan untuk menampilkan panel berisi tutorial dan
cara menggunakan flash.

2. Toolbox: kumpulan tool yang memiliki fungsi-fungsi yang berbeda pada setiap toolnya.
Berikut adalah tampilannya di tunjukan dalam Gambar 2.4

Gambar 2.4 Tampilan Menu Toolbox

Berikut adalah penjelasan dari Menu Toolbox dalam Gambar 2.4 :
1. Selection Tool digunakan untuk memilih dan menyeleksi objek. Tekan tombol
V pada keyboard untuk mengaktifkannya.
2. Subselection Tool fungsinya hampir sama dengan selection tool tapi lebih
detail. Tekan tombol A pada keyboard untuk mengaktifkannya.
3. Free Transform Tool digunakan untuk mengubah ukuran dan rotasi objek.
Tekan tombol Q pada keyboard untuk mengaktifkannya.
4. Gradient Transform Tool digunakan untuk mengubah ukuran dan rotasi
warna/fill. Tekan tombol F pada keyboard untuk mengaktifkannya.
5. Line Tool digunakan untuk membuat garis. Tekan tombol N pada keyboard
untuk mengaktifkannya.
6. Lasso Tool digunakan untuk untuk menyeleksi objek. Tekan tombol L pada
keyboard untuk mengaktifkannya.
7. Pen Tool digunakan untuk membuat garis dengan titik-titik bantu. Tekan
tombol P pada keyboard untuk mengaktifkannya.
8. Text Tool digunakan untuk membuat static, dynamic, dan input text. Tekan
tombol T pada keyboard untuk mengaktifkannya.
9. Oval Tool digunakan untuk membuat objek berbentuk lingkaran. Tekan
tombol O pada keyboard untuk mengaktifkannya.
10. Rectangle Tool digunakan untuk membuat objek berbentuk persegi. Tekan tombol R pada
keyboard untuk mengaktifkannya.
11. Polystar Tool tombol ini muncul jika anda klik dan tahan tombol Rectangle Tool dan
pilih polystar Tool. Digunakan untuk membuat objek berbentuk persegi dengan jumlah segi
yang sudah ditentukan.
12. Pencil Tool digunakan untuk membuat garis. Tekan tombol Y pada keyboard untuk
mengaktifkannya.
13. Brush Tool digunakan untuk menggambar shape dengan kuas yang sudah ditentukan.
Tekan tombol B pada keyboard untuk mengaktifkannya.
14. Ink Bottle Tool digunakan untuk mewarnai dan merubah warna garis. Tekan tombol S
pada keyboard untuk mengaktifkannya.

15. Paint Bucket Tool digunakan untuk mewarnai dan merubah warna shape objek. Tekan
tombol V pada keyboard untuk mengaktifkannya. Tekan tombol K pada keyboard untuk
mengaktifkannya.
16. Eyedropper Tool digunakan untuk mengambil contoh warna. Tekan tombol I pada
keyboard untuk mengaktifkannya.
17. Eraser Tool digunakan untuk menghapus objek. Tekan tombol E pada keyboard untuk
mengaktifkannya.
18. Hand Tool digunakan untuk menggeser tampilan stage. Tekan tombol H pada keyboard
untuk mengaktifkannya.
19. Zoom Tool digunakan untuk memperbesar dan memperkecil tampilan stage. Tekan
tombol M atau Z pada keyboard untuk mengaktifkannya.
20. Stroke Color digunakan untuk memilih warna garis
21. Fill Color digunakan untuk memilih warna shape objek.
22. Black & White digunakan untuk membuat warna hitam pada Stoke Color dan warna putih
pada Fill Color.
23. No Color digunakan untuk menghilangkan warna pada Stroke atau Fill Color.
24. Swap Color digunakan untuk menukar warna antara Stroke Color dan Fill Color.

Gambar 2.5 Timeline

4. Timeline : digunakan untuk mengatur frame, layer dan durasi animasi
5. Stage : halaman kerja pada flash.

Gambar 2.6 Library

5. Library : panel yang digunakan untuk menampilkan objek-objek yang dibuat.
6.Properties : panel yang digunakan untuk menampilkan informasi. Berikut adalah
tampilannya di tunjukan dalam Gambar 2.5

Gambar 2.7 Tampilan Panel Properties

Berikut adalah penjelasan dari Panel Propertie dalam Gambar 2.5 :
1. Background : digunakan untuk memilih warna pada stage. Secara default warnanya adalah
putih. Warna yang digunakan pada stage hanya warna solid (satu warna). Jika anda ingin
membuat warna radial pada stage misalnya, anda harus membuat sebuah persegi panjang
berwarna radial dengan panjang dan lebar yang sama dengan stage.
2. Frame rate : digunakan untuk mengatur kecepatan memainkan frame dalam 1 detik.
Misalnya anda mengisikan 20 fps, berarti dalam waktu 1 detik 20 frame akan dimainkan.
Semakin besar nilainya semakin cepat dan halus hasil animasi yang dibuat.
3. Size : digunakan untuk mengatur stage.
7. Color Mixer : panel yang digunakan untuk memilih warna.

8. Align & Info & Transform : panel yang digunakan untuk mengubah ukuran dan mengatur
letak objek.

BAB III
PERANCANGAN DAN IMPLEMENTASI
3.1 Algoritma dan Metode
Dengan algoritma dan metode ini kami sedikit akan menjelaskan bagaimana alur dari
progam interaktif flash tentang STISOSPOLWaskita Dharma Malang. Menu yaitu menu
home yang berisi sejarah STISOSPOL. Menu kedua yaitu menu Profile berisi profile
kampus.Menu yang ketiga yaitu menu jurusan yang berisi jurusan yang ada di STISOSPOL
Waskita Dharma Malang.Menu galery yang berisi tampilan foto,dan yang terakhir menu
kontak berisi kontak kampus. seperti yang ditunjukkan dalam Gambar 3.1

HOME

PROFILE

MULAI

JURUSAN

GALLERY

KONTAK

Gambar 3.1

3.2 Membuat tampilan awal

Langkah untuk membuat tampilan awal adalah membuka file Macromedia Flash 8, tampilan
lembar kerja ditunjukan dalam Gambar 3.2

Gambar 3.2

3.3 Membuat Background

Buatlah 3 Layer Background sebagai berikut (Framenya dibuat sampai 60 ya!?): Cara
buat layer dah bisa ya? Framenya dibuat dengan cara klik kanan pada frame 60 lalu Insert
Frame. Atau dengan shortcut keyboard F5. Objek dibuat pada Frame paling awal ya! (pada
Frame 1). Setelah selesai, kuncilah Frame-nya (agar obyek tidak berubah, atau bergeser)

Gambar 3.3

3.4.Membuat Header da Footer

Kita sudah punya layout berupa background. Langkah selanjutnya buatlah layer

baru dengan nama header footer, yaitu layer dengan isi berupa Teks, sebagai berikut :

3.5 Menu Botton

Dalam menu button tampilan awal tersedia adalah 5 button. Tombolnya antara lain :
1. Tombol Home
2. Tombol Profil
3. Tombol Jurusan
4. Tombol Gallery
5. Tombol Kontak

caranya digambar dulu lalu gambar itu di klik kananconvert to Symbol pilih
Button diberi nama. Selesai.

Cara menganimasikan tombol, pilih tombol yang akan

dianimasikan, lalu klik kanan Edit in Place. Atau tombol itu diklik 2x.

Maka masuk ke timeline Frame : Up, Over, Down , Hit.Up : kondisi netral ; Over : saat
mouse diatasnya ; Down : Saat di klik ; Hit : area tombol
3.6. Label Tombol.
Nah, layer ini berisi tulisan yang diletakkan diatas tombol. Gambarnya:

3.7 Membuat Konten Gambar,

Yang akan kita isi dengan konten berupa gambar. Nah, disini perlu paham konsep
Keyframe. Yaitu, frame yang berisi Objek Kunci (yang bisa diedit/dianimasikan).
Kita akan buat Keyframe pada Frame 1, 11, 21, 31, dan 41. Masing-masing keyframe
berisi gambar yang berbeda.

3.8 MembuatKonten/Isi
Yang akan kita isi dengan konten berupa tulisan. Buatlah Keyframe pada frame 11, 21, 31,
dan 41 yang isinya tulisan. Pada keyframe 1 isilah dengan tulisan selamat datang
terserah sesuai keinginanmu. Begitu pula pada frame 11, 21, 31, dan 41, isilah dengan
tulisan sesuai keinginanmu.

3.9 Membuat layer Actions,

yang akan kita isi dengan Actionscript. Buatlah Blank Keyframe pada frame 1, 11, 21, 31,
dan 41. Lalu berilah action stop(); sebagai berikut :

Lakukan langkah yang sama (memberikan Action Stop(); ) pada frame 1, 11, 21,
31, dan 41.
8. langkah yang terakhir adalah memberikan Action script pada tombol.
Pada tombol Home berilah Action jika ditekan menuju frame 1;
Pada tombol Profile Sekolah berilah Action jika ditekan menuju frame 11;

on (release) {
gotoAndStop(1);
}

on (release) {
gotoAndStop(11);
}
Pada tombol Jurusan berilah Action jika ditekan menuju frame 21;
Pada tombol Gallery berilah Action jika ditekan menuju frame 31;
Pada tombol Kontak berilah Action jika ditekan menuju frame 41;
9. Langkah terakhir tinggal impor file
Caranya klik file import import movie isi nama file kemudian pilih format swf oke
selesai deh

BAB IV
PENGUJIAN PROGRAM
4.1 Pengujian tampilan menu awal

Untuk menu button yang pertama adalah berisi tentang button home

Untuk menu button yang kedua adalah berisi tentang button profil

Untuk menu button yang ketiga adalah berisi tentang button jurusan

Untuk menu button yang keempat adalah berisi tentang button gallery

Untuk menu button yang kelima adalah berisi tentang button kontak

BAB V
PENUTUP
5.1 Kesimpulan
Dari pembuatan projek ini dapat disimpulkan bahwa media interaktif profil jurusan dapat di
ciptakan dari software Macromedia Flash 8 yang dapat menunjang kebutuhan dari interaktif
itu sendiri dengan penambahan animasi, button , dan layout.
Dari tutorial yang dibuat oleh penulis telah disediakan beberapa button yang berfungsi
sebagai tombol untuk menuju ke frame yang diinginkan oleh pangguna sehingga dapat
mempermudah dalam penggunaannya. Dan terdapat banyak tampilan menarik lainya
tergantung krativitas kamu.
5.2 Saran
Untuk program lebih lanjut ingin ditambahkan beberapa animasi yang lebih banyak lagi pada
flash sehingga tampilan terlihat lebih menarik lagi dan nantinya akan membuat penguna tidak
jenuh

pada

tampilan

itu

sendiri.

Dan

semoga

kedepanya

mengembangkanya agar publikasi kampusnya tidak monoton.

semua

universitas

DAFTAR PUSTAKA
Tutorial Flash. http://warungflash.com/ .Diakses pada (17-05-2012).
Modul multimedia flash Institut Teknologi Nasional Malang 2012
Tutorial Flash. http://www.pusatvideotutorial.com/ .Diakses pada (30-05-2012).