laporan pratikum v mulmet

16
LAPORAN PRATIKUM V MATH CLASS ACTION SCRIPT 2.0 Disusun untuk Memenuhi Matakuliah Praktikum Multimedia Yang Dibimbing oleh Bapak I Made Wirawan Oleh: GISRA RAHMADHITA 130533608259 S1 PTI‘13 Offering B UNIVERSITAS NEGERI MALANG

Upload: gisra-rahmadhita

Post on 08-Aug-2015

86 views

Category:

Data & Analytics


5 download

TRANSCRIPT

Page 1: Laporan pratikum v mulmet

LAPORAN PRATIKUM VMATH CLASS ACTION SCRIPT 2.0Disusun untuk Memenuhi Matakuliah Praktikum Multimedia

Yang Dibimbing oleh Bapak I Made Wirawan

Oleh:GISRA RAHMADHITA

130533608259S1 PTI‘13 Offering B

UNIVERSITAS NEGERI MALANGFAKULTAS TEKNIK

JURUSAN TEKNIK ELEKTROS1 PENDIDIKAN TEKNIK INFORMATIKA

MARET 2015

Page 2: Laporan pratikum v mulmet

MODUL XIMATH CLASS ACTION SCRIPT 2.0

A. KOMPETENSI DASAR Memahami dan menerapkan fungsi matematika AS 2.0 untuk membuat

objek dan grafik trigonometri Menerapkan fungsi matematika AS 2.0 untuk membuat animasi gerak

objek.

B. ALOKASI WAKTU2 JS (2x50 menit)

C. PETUNJUK

Awali setiap aktivitas dengan do’a, semoga berkah dan mendapat kemudahan. Pahami Tujuan, dasar teori, dan latihan-latihan praktikum dengan baik dan benar. Kerjakan tugas-tugas dengan baik, sabar, dan jujur. Tanyakan kepada asisten/dosen apabila ada hal-hal yang kurang jelas.

D. DASAR TEORI

1. Math ClassMath Class adalah kumpulan math function/ fungsi matematika yang

disediakan oleh Flash. Berikut penjelasan beberapa fungsi matematika yang ada pada flash beserta cara penulisannya.

Math.round(); Digunakan untuk membulatkan bilangan yang didefinisikan atau diberikan menuju pembulatan terdekat.

Math.ceil(); Digunakan untuk membulatkan bilangan keatas pada bilangan bulat terdekat.

Math.floor(); Digunakan untuk membulatkan bilangan kebawah pada bilangan bulat terdekat.

Math.min (); Digunakan untuk menentukan nilai bilangan terkecil dari nilai awal.

Math.max(); Digunakan untuk menentukan bilangan terbesar suatu variable.

Math.abs(); Digunakan untuk menentukan nilai absolut suatu variable.

Math.cos (); Digunakan untuk menghitung nilai cosinus dari sudut tertentu dalam radian.

Math.sin (); Digunakan untuk menghitung nilai sinus dari sudut tertentu dalam radian.Math.tan(); Digunakan untuk menghitung nilai tangen dari sudut tertentu dalam

radian.Math.exp(); Digunakan untuk menghitung nilai eksponen dari suatu variable tertentu.Math.log(); Digunakan untuk menghitung nilai logaritma dari suatu variable tertentu.Math.pow(); Digunakan untuk menghitung nilai kuadrat dari suatu variable tertentu.Math.random(); Digunakan untuk menghitung nilai random dari variable tertentu.Math.sqrt(); Digunakan untuk menghitung nilai akar dari suatu variable tertentu.

2. Membuat Objek dengan Fungsi MatematikaLangkah-langkah membuat objek :1) Buat objek baru dengan memilih New >> ActionScript 2.0.2) Buat layer dengan nama Lingkaran.3) Masukan script berikut ke keyframe 1 layer lingkaran:

Page 3: Laporan pratikum v mulmet

.

Berikut penjelasannya:

lineStyle(3, 0xff0000); adalah untuk mengatur ketebalan garis sebesar “3”, dan warna garis adalah merah.

moveTo(x, y); adalah untuk mengatur titik koordinat awal dari garis yang akan

dibuat, yaitu pada koordinat x= dan

y=

lineTo(x+1, y); adalah untuk meletakkan titik-titik

pada koordinat x dan y sehingga akan ditarik garis antara titik titik tersebut

untuk membentuk sebuah lingkaran.

3. Membuat Grafik dengan Memanfaatkan Fungsi Matematika dan

Duplicate Objek

Grafik yang akan dibuat adalah grafik Trigonometri yang memanfaatkan math

class trigonometri seperti Sin, Cos, dan Tan. Contoh di bawah adalah membuat grafik

Sinus. Untuk menghasilkan suatu nilai sinus, fungsi yang digunakan adalah fungsi sin,

contoh cara penulisannya sebagai berikut:

y = sin(90O)

Karena nilai yang dihitung oleh fungsi ini berbentuk radian maka nilai sudut harus diubah

ke nilai radian agar menghasilkan nilai yang sesuai (terkecuali jika memang nilai yang

akan dihitung dalam bentuk radian)

Rumus konversi sudut ke radian:

Radian = sudut * π / 180O

Untuk mendapatkan nilai π yang akurat dapat digunakan fungsi PI dari Math.

Class.

Sehingga rumus y = sin(90O) ditulis dalam Script menjadi:

Y = Math.sin(90 * Math.PI / 180);

Page 4: Laporan pratikum v mulmet

Sebelum membuat grafik trigonometri harus dipahami terlebih dahulu apa itu

duplicateMovieClip. Duplicate Movie adalah penduplikasian suatu objek atau sama

halnya dengan copy-paste object/ symbol.

E. Pra Latihan 1

Membuat Grafik Sinus

Langkah-Langkah

a. Buat objek baru dengan memilih New >> ActionScript 2.0.

b. Persiapkan 3 layer yaitu layer AS, Objek, dan Garis Koordinat.

c. Pada layer objek buatlah objek lingkaran menggunakan elips tool dengan ukuran

2px, beri nama instance name “grafik”.

d. Kemudian buat garis koordinat menggunakan line tool pada layer “grs_koor”.

Gambar sumbu x pada koordinat y = 200; da n membu a t garis sumbu y pada

koordinat x = 50.

e. Masukan Script berikut pada layer AS untuk membuat grafik sinus.

Page 5: Laporan pratikum v mulmet

f. Setelah selesai, lihat hasilnya (CTRL+Enter).

Penjelasan

Fungsi sinus dapat dibuat dengan menerapkan fungsi matematika cosinus dalam

action script 2 dan dilakukan duplikasi objek sehingga dapat dibuat sebuah fungsi sinus

dengan memasukkan fungsi sinus dengan menggunakan perulangan untuk membentuk

sebuah kurva sinus seperti pada hasil di atas.

Pra Latihan 2

Membuat Simulasi Luas & Kelililng Persegi Panjang

Langkah-Langkah

a. Bukalah flash dokumen ActionScript 2.0 dengan ukuran stage 800x600 pixels

dengan FPS(Frame Per Second) 20.

b. Buar beberapa teks dan garis dengan menggunakan static text dan line tool seperti

gambar berikut:

c. Buat 2 teks tool dengan input text, kemudian beri nama variable pada setiap input

text dan tempatkan sesuai gambar berikut

d. Buat 2 teks tool dengan Dynamic text dan tempatkan sesuai gambar

Page 6: Laporan pratikum v mulmet

e. Buat sebuah kotak berwarna dengan menggunakan Rectangle Tool.

f. Kemudian ubah kotak berwarna tersebut menjadi movie clip dan beri nama

instance name “persegi”

g. Buat seb uah tombol dengan menekan toolbar Window – Common Libraries -

Button . Dan beri nama instance name “hitung”. Pilih salah satu dari pilihan tombol

tersebut. Dan atur penempatan sesuai gambar berikut.

h. Buat layer baru dengan nama “ActionScript”. Klik kanan frame 1 pada layer

tersebut dan pilih Actions. Beri actionscript seperti berikut:

Page 7: Laporan pratikum v mulmet

Penjelasan

Operasi aritmatika penghitungan luas dan keliling dari suatu bangun datar dapat

disimulasikan dengan menggunakan action script dengan memanggil fungsi matematika di

dalam action script yang dijalankan. Dalam action script yang telah dibuat di atas terdapat

fungsi yang dapat dipanggil secara berulang-ulang yaitu rumus sehingga nilai dari panjang

dan lebar dapat diubah sesuai dengan kondisi dari penghitungan.

F. Latihan

Latihan 1

Buatlah kalkulator sederhana dengan memanfaatkan operator dan fungsi matematika pada

math class minimal masing-masing 4 macam.

Langkah-Langkah

a. Membuat flash document baru

b. Membuat layer pada Flash dengan nama background dan Button seperti

pada gambar berikut:

c. Tambahkanlah text box dan buatlah button operasi penginputan operand

dan operator dalam kalkulator

d. Buat layer AS kemudian letakkan action script berikut pada layer AS.

e. Jalankan dan lihat hasilnya

Page 8: Laporan pratikum v mulmet

Penjelasan

Dengan menggunakan adobe flash dapat dibuat sebuah kalkulator standar yang

dapat digunakan oleh user dalam proses penghitungan. Dalam pembuatannya dilakukan

interaksi ketika user menekan tombol maka tombol tersebut akan melakukan fungsi

tertentu dengan menggunakan onRelease untuk menangkap operasi penghitungannya dan

melakukan penghitungan standar dalam flash.

3.2 Latihan 2

Buatlah grafik animasi grafik sinus, cosinus, dan tangen. Dengan ketentuan:

Grafik bergerak dari koordinat 0 (pada sumbu koordinat) dan berakhir pada koordinat

360

Warna grafik 3 kali 5 angka terakhir NIM, dan tinggi grafik 2 kali 2 angka terakhir

NIM kalian masing-masing.

Grafik triginometri tampil ketika tombol salah satu tombol di-klik, misal di-klik

tombol sin maka animasi grafik sinus mulai berjalan. Tanpa perlu di-run ulang, ketika

button cos/ tan ditekan maka grafik cos/tan mulai dijalankan dan grafik Sebelumnya

menghilang.

Tidak boleh menggunakan Manual Tween.

Langkah-Langkah

a. Buatlah sebuah line dengan static text seperti pada pra latihan

b. Kemudian buat button dengan klik Window Common Library

Buttons. Buat 3 button dengan masing-masing beri nama Instance Name sin, cos

dan tan.

Page 9: Laporan pratikum v mulmet

c. Kemudian buat layer baru dengan nama AS. Ketikkan script seperti

dibawah ini.

d. Jalankan

Page 10: Laporan pratikum v mulmet

Penjelasan

Grafik fungsi matematika sinus, cosinus, dan tan dapat dibuat dengan menggunakan fungsi matematika sinus, cosinus, dan tan dengan menggunakan action script dalam flash.

G. Tugas Rumah

Buat animasi revolusi bulan mengelilingi bumi. Dengan ketentuan: Jarak antara bumi dan bulan dapat diatur dengan input box (input box hanya

dapat diisi anga 0-9). Objek Bulan mengelilingi Objek Bumi secara terus-menerus. Perputaran bulan Searah Jarum Jam untuk NIM Genap, dan Berlawanan

dengan Jarum Jam untuk NIM Ganjil - Tidak boleh menggunakan Manual Motion.

Page 11: Laporan pratikum v mulmet

Langkah-Langkaha. Membuat layer pertama dengan nama bumi , import gambar bumi ke

stage, dan buat layer input untuk menginputkan kecepatan gerak rotasi dan AS untuk menuliskan action script yang digunakan dalam melakukan rotasi.

b. Kemudian membuat koordinat dari letak bumi

c. Setelah itu membuat layer baru untuk action script nya berikut (dikerjakan di frame 1):

fscommand("fullscreen", true);

stop();

var jari:Number=1;var jarijari:Number=1;var intervalId:Number;var hitung:Number = 0;var max:Number = 360;var durasi:Number = 4;var sudut:Number=0;

pusat._x= Stage.width/2; //posisi x bumipusat._y=Stage.height/2; //posisi y bumi

function executeCallback():Void {jari=1*RR;

jarijari = jari+50; a = jarijari*Math.sin(sudut*Math.PI/180); b = jarijari*Math.cos(sudut*Math.PI/180);

muter._y=a+300; muter._x=b+450; sudut--;

if(hitung >= max) { clearInterval(intervalId);

Page 12: Laporan pratikum v mulmet

} hitung--;}intervalId = setInterval(this, "executeCallback", durasi);

d. Jalankan

e. Untuk memasukkan nilai jarak bulan tinggal memasukkan nilai pada input text JARAK

PenjelasanUntuk membuat interaksi inputan dengan animasi jarak bumi dan bulan dapat

disimulasikan dengan menggunakan fungsi mathematika untuk melakukan rotasi.

H.KesimpulanDalam flash konsep untuk memindahkan suatu objek berdasarkan koordinatnya

disebut dengan moving object, yang diterapkan pada objek dengan type symbol movie clip dan property yang digunakan adalah property koordinatnya, yaitu ._x dan ._y.

I.Daftar Rujukan

Modul XI Praktikum Multimedia. Math Class Action Script 2.0. Malang: Pendidikan Teknik Informatika Universitas Negeri Malang

Page 13: Laporan pratikum v mulmet
Page 14: Laporan pratikum v mulmet