Storyboard EllipseStoryboard Ellipse Ellen Novitasari [0606011] e-mail: [email protected]...
Transcript of Storyboard EllipseStoryboard Ellipse Ellen Novitasari [0606011] e-mail: [email protected]...
Storyboard
Ellipse
Ellen Novitasari [0606011]
e-mail: [email protected]
website: www.elrule.wordpress.com
Irisan Kerucut
Elips
A. Ketentuan Umum
Ukuran layar/Stage (panjang x tinggi) : 800 x 600 pixels
Kecepatan gerak frame (frame rate) : 12.0 fps
Background colour : Ultramarine (#CCFFFF)
Publish to : *swf dan *exe
Struktur folder :
Folder bwt blog diisi dengan file untuk
melengkapi blog
Folder Elips diisi dengan file flash
B. Ilustrasi Tampilan
Background Colour : Ultramarine (#CCFFFF)
Ukuran stage : 800 x 600
C. Diagram Alur (Flowchart)
Exit
History
Program
Main Menu
Introduction
Start Keterangan:
· Jalankan Introduction sebelum masuk Main Menu.
· Main Menu terdiri dari 3 button: - History - Program - Exit
· Program terdiri dari 2 button: - Elips O (0,0) - Elips P (h,k) -
Elips O (0,0)
Elips P (0,0)
D. Script untuk Button Program
proses_btn.onRelease=function(){
var x1:Number=parseInt(x1_txt.text);
var y1:Number=parseInt(y1_txt.text);
var a2:Number=parseInt(a2_txt.text);
var b2:Number=parseInt(b2_txt.text);
var a:Number=Math.sqrt(a2);
var b:Number=Math.sqrt(b2);
_root.koordinat_mc.clear();
_root.koordinat_mc.lineStyle(2,0xCC3399,100);
_root.koordinat_mc.moveTo(0,a);
_root.koordinat_mc.curveTo(b,a,b,0);
_root.koordinat_mc.curveTo(b,-a,0,-a);
_root.koordinat_mc.curveTo(-b,-a,-b,0);
_root.koordinat_mc.curveTo(-b,a,0,a);
p_txt.text=(b2*x1)
q_txt.text=(a2*y1)
r_txt.text=(a2*b2)
m_txt.text=(-(b2*x1)/(a2*y1))
}
E. Storyboard 1. Introduction
Lebar layar 800 x 600
Nama File Deskripsi Action
introduction.swf
Halaman ini akan menampilkan introduction dan main menu.
· Tampilkan animasi teks pada saat multimedia dijalankan.
· Main menu terdiri dari 2 button: - History: menampilkan langkah
pembuatan program dan cara menjalankan program.
- Program: menampilkan program untuk menentukan persamaan garis singgung dan gradien pada elips yang berpusat di O (0,0).
2. Main Menu
Main Menu
By Ellen Novitasari
Ó 2010
Main Menu
History
Program
Exit
Nama File Deskripsi Action
main.swf
Halaman ini akan menampilkan main menu.
Main menu terdiri dari 3 button: · History: menampilkan langkah pembuatan
program dan cara menjalankan program. · Program: menampilkan program untuk
menentukan persamaan garis singgung dan gradien pada elips yang berpusat di O (0,0).
· Exit: button untuk keluar.
3. History
Nama File Deskripsi Action
history.swf
Halaman ini akan menampilkan langkah pembuatan program dan cara menjalankan program.
· Tampilkan langkah-langkah pembuatan program dan cara menjalankan program.
· home_btn, button untuk kembali ke Main Menu.
4. Program
History
Program
Elips Pusat O (0,0)
Elips Pusat P (h,k)
home_btn
home_btn
Nama File Deskripsi Action
program.swf
Halaman ini akan menampilkan button menuju program untuk menentukan persamaan garis singgung dan gradien pada elips yang berpusat di O (0,0) dan P (h,k).
· Tampilkan button menuju program untuk menentukan persamaan garis singgung dan gradien pada elips yang berpusat di O (0,0) dan P (h,k).
· home_btn, button untuk kembali ke Main Menu.
5. Elips Pusat O (0,0)
Nama File Deskripsi Action
ElipsO.swf ElipsO.exe
Halaman ini adalah halaman yang memuat dan menampilkan semua aktivitas button program.
· a2_txt, text box tempat nilai a2 yang harus dimasukkan.
· b2_txt, text box tempat nilai b2 yang harus dimasukkan.
· x1_txt, text box tempat nilai x1 yang harus dimasukkan.
· y1_txt, text box tempat nilai y1 yang harus dimasukkan.
· p_txt, menampilkan koefisien x dari persamaan garis singgung yang dicari.
· q_txt, menampilkan koefisien y dari persamaan garis singgung yang dicari.
· m_txt, menampilkan gradien (m) dari garis singgung yang telah dihasilkan.
· proses_btn, button untuk menjalankan program
· prog_btn, button untuk kembali ke menu
a2_txt
x1_txt
y1_txt
b2_txt
p_txt
m_txt
proses_btn
q_txt
koordinat_mc
prog_btn
Program. · koordinat_mc, menampilkan gambar
elips yang dicari persamaan garis singgung dan gradiennya.
6. Elips Pusat P (h,k)
Nama File Deskripsi Action
ElipsP.swf ElipsP.exe
Halaman ini adalah halaman yang memuat dan menampilkan semua aktivitas button program.
· a2_txt, text box tempat nilai a2 yang harus dimasukkan.
· b2_txt, text box tempat nilai b2 yang harus dimasukkan.
· x1_txt, text box tempat nilai x1 yang harus dimasukkan.
· y1_txt, text box tempat nilai y1 yang harus dimasukkan.
· p_txt, menampilkan koefisien x dari persamaan garis singgung yang dicari.
· q_txt, menampilkan koefisien y dari persamaan garis singgung yang dicari.
· m_txt, menampilkan gradien (m) dari garis singgung yang telah dihasilkan.
· proses_btn, button untuk menjalankan program · prog_btn, button untuk kembali ke menu
Program. · koordinat_mc, menampilkan gambar elips yang
dicari persamaan garis singgung dan gradiennya.
a2_txt
x1_txt y1_txt
b2_txt
p_txt
m_txt
proses_btn
q_txt
koordinat_mc
prog_btn