} 4.
Untuk membuat Profil Juga dengan mengguanakn Text tool kemudian tekan V untuk menormalkan kemudian Convert to simbol kemudian pilih
button, setelah menjadi button berikan action scrip berikut : Onrelease{
gotoAndStop17; }
5. Untuk membuat Latihan juga dengan menggunakan Text tool kemudian
tekan V untuk menormalkan kemudian Convert to simbol kemmudian pilih button, setelah menjadi button berikan action scrip berikut :
Onrelease{ gotoAndStop18;
}
3.5 Mendesain Isi Menu
Lets Start to Learn Jeruk
Tomat Pisang
Pir Jambu Merah
Strawberry Belimbing
Pepaya Mangga
Apel Melon
Semangka Wortel
MENU
Universitas Sumatera Utara
Gambar 3.4 Rancangan Tampilan Isi Menu
Cara pembuatannya adalah sebagai berikut :
1. Klik kanan pada keyframe dan kemudian insert blank keyframe
2. Masukkan background yang telah diimport ke library
3. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan Klik
pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage dan susun
bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan jeruk setelah itu ubah teks menjadi button dan double klik untuk memasukkan
suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan dari buah jeruk.
Onrelease{ gotoAndStop4;
} Apabila dipilih tombol buah jeruk maka akan muncul tampilan sebagai
berikut.
Gambar 3.5 Rancangan Tampilan animasi Buah Jeruk
Cara pembuatannya adalah sebagai berikut : Gambar Buah
Jeruk Kandungan Vitamin pada Buah Jeruk
Penjelasan manfaat buah pada tubuh Home
Universitas Sumatera Utara
1. Klik kanan pada frame sebelumnnya kemudian insert blank
keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol home tarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok
atas sebelah kanan, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
}
4. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan tomat setelah itu ubah teks menjadi button dan double klik
untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan
dari buah Tomat. Onrelease{
Universitas Sumatera Utara
gotoAndStop5; }
Apabila dipilih tombol buah Tomat maka akan muncul tampilan sebagai berikut :
Gambar 3.6 Rancangan Tampilan Animasi Buah Tomat
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol hometarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok atas sebelah
Gambar Buah Tomat
Kandungan Vitamin pada buah Tomat Penjelasaan Manfaat Buah pada Tubuh
Home
Universitas Sumatera Utara
kanan, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
}
5. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Pisang setelah itu ubah teks menjadi button dan double klik
untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan
dari buah Pisang. Onrelease{
gotoAndStop6; }
Apabila dipilih tombol buah Pisang maka akan muncul tampilan sebagai berikut ini.
Kandungan Vitamin Pada Buah Pisang Gambar Buah Pisang
Penjelasaan manfaat buah pada Tubuh H
O M
E
Universitas Sumatera Utara
Gambar 3.7 Rancangan Animasi Buah Pisang
Cara pembuatannya adalah sebagai berikut :
1. Klik kanan pada frame sebelumnnya kemudian insert blank keyframe.
2. Pilih background yang telah diimport ke library.
3. Pilih gambar buah yang telah diimport kedalam library kemudian
susun bentuknya. 4.
Pilih text tool untuk membuat kandungan vitamin pada buah serta penjelasan yang akan manfaat buah tersebut.
5. Untuk membuat tombol hometarik gambar home yang telah diimport
kedalam library kemudian letakkan posisinya di pojok sebelah kanan, kemudian convert to symbol menjadi button dan berikan actionscrip
berikut : Onrelease{
gotoAndStop3; }
6. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Pir setelah itu ubah teks menjadi button dan double klik
untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam
Universitas Sumatera Utara
penjelasan dari buah Pir. Onrelease{
gotoAndStop7; }
Apabila dipilih Tombol Buah Pir Maka akan muncul tampilan sebagai berikut :
Gambar 3.8 Rancangan Tampilan Animasi Buah Pir
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol hometarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok atas sebelah
kanan, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
Gambar Buah Pir
Kandungan Vitamin pada buah Pir Penjelasan maanfaat buah pada Tubuh
H O
M E
Universitas Sumatera Utara
}
7. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Jambu Merah setelah itu ubah teks menjadi button dan
double klik untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam
penjelasan dari buah Jambu Merah. Onrelease{
gotoAndStop8; }
Apabila dipilih tombol buah Jambbu Merah maka akan Muncul tampilan Sebagai berikut :
Gambar 3.9 Rancangan Tampilan Animasi Buah Jambu Merah
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. Gambar buah Jambu
Merah Kandungan Vitamin pada buah Jambu Merah
Penjelasaan manfaat buah pada tubuh HOME
Universitas Sumatera Utara
2. Pilih background yang telah diimport ke library.
3. Pilih gambar buah yang telah diimport kedalam library kemudian
susun bentuknya. 4.
Pilih text tool untuk membuat kandungan vitamin pada buah serta penjelasan yang akan manfaat buah tersebut.
5. Untuk membuat tombol home tarik gambar home yang telah diimport
kedalam library kemudian letakkan posisinya di pojok bawah sebelah kanan, kemudian convert to symbol menjadi button dan berikan
actionscrip berikut : Onrelease{
gotoAndStop3; }
8. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Strawberry setelah itu ubah teks menjadi button dan double
klik untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan
dari buah Strawberry. Onrelease{
gotoAndStop9; }
Universitas Sumatera Utara
Apabila dipilih tombol buah Strawberry Maka akan muncul tampilan sebagai berikut :
ggggg
Gambar 3.10 Rancangan Tampilan Animasi Buah Strawberry
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol home tarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok bawah sebelah
kanan, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
} Gambar Buah
Strawberry Kandungan Vitamin Pada Buah Srtawberry
Penjelasan Manfaat pada buah Tubuh
Home
Universitas Sumatera Utara
9. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Belimbing setelah itu ubah teks menjadi button dan double
klik untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan
dari buah Belimbing. Onrelease{
gotoAndStop10; }
Apabila dipilih tombol buah Belimbing maka akan Muncul tampilan sebagai berikut :
Gambar 3.11 Rancangan Tampilan Animasi Buah Belimbing
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. Gambar
buah Belimbing
Kandungan Vitamin pada Buah Belimbing
Penjelasan maanfaat buah pada Tubuh
Home
Universitas Sumatera Utara
5. Untuk membuat tombol home tarik gambar home yang telah diimport
kedalam library kemudian letakkan posisinya di pojok bawah sebelah kanan, kemudian convert to symbol menjadi button dan berikan
actionscrip berikut : Onrelease{
gotoAndStop3; }
10. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan pepaya setelah itu ubah teks menjadi button dan double klik
untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan
dari buah Pepaya. Onrelease{
gotoAndStop11; }
Apabila dipilih tombol buah pepaya maka akan muncul tampilan sebagai berikut :
Kandungan vitamin pada buah Pepaya Penjelasaan maanfaat buah pada Tubuh
Universitas Sumatera Utara
Gambar 3.12 Rancangan Tampilan Animasi Buah Pepaya
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol home tarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok bawah sebelah
kiri, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
} 11.
Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna,
setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T
dan ketikkan Mangga setelah itu ubah teks menjadi button dan double klik untuk memasukkan suara button dan mengubah ukuran ketika di klik,
Gambar Buah Pepaya
Home
Universitas Sumatera Utara
kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan dari buah Mangga.
Onrelease{ gotoAndStop12;
}
Apabila dipilih tombol Buah Mangga maka akan Muncul tampilan sebagai Berikut :
Gambar 3.13 Rancangan tampilan Animasi Buah Mangga
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol hometarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok atas sebelah
Gambar Buah Mangga
Kandungan Vitamin pada buah Mangga Penjelasan manfaat buah pada Tubuh
H O
M E
Universitas Sumatera Utara
kiri, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
}
12. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convertto symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Apel setelah itu ubah teks menjadi button dan double klik
untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan
dari buah Apel. Onrelease{
gotoAndStop13; }
Apabila dipilih Buah Apel maka Akan muncul Tampilan sebagai berikut ini :
Gambar Buah Apel
Penjelasaan Manfaat Buah Pada Tubuh Kandungan Vitamin Pada Buah Apel
Universitas Sumatera Utara
Gambar 3.14 Rancangan Tampilan Animasi Buah Apel
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol home tarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok bawah sebelah
kanan, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
}
13. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Melon setelah itu ubah teks menjadi button dan double klik
untuk memasukkan suara button dan mengubah ukuran ketika di klik, Home
Universitas Sumatera Utara
kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan dari buah Melon.
Onrelease{ gotoAndStop14;
}
Apabila dipilih tombol Buah Melon akan Muncul Tampilan sebagai Berikut :
Gambar 3.15 Rancangan Tampilan Animasi Buah Melon
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol home tarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok bawah sebelah
kanan, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Gambar Buah Melon
Kandungan Vitamin Pada Buah Melon
Penjelasaan Manfaat Buah Pada Tubuh
Home
Universitas Sumatera Utara
Onrelease{ gotoAndStop3;
}
14. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan
Klik pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage
dan susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Semangka setelah itu ubah teks menjadi button dan double
klik untuk memasukkan suara button dan mengubah ukuran ketika di klik, kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan
dari buah Semangka. Onrelease{
gotoAndStop15; }
Apabila dipilih tombol Semangka Maka akan Muncul Tampilan sebagai Berikut :
Gambar Buah Semangka
Kandungan Vitamin pada Buah Semangka
Penjelasaan manfaat Buah pada Tubuh
Universitas Sumatera Utara
Gambar 3.15 Rancangan Tampilan Animasi Buah Semangka
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol home tarik gambar home yang telah di import kedalam library kemudian letakkan posisinya di pojok bawah
sebelah kiri, kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
}
15. Pilih Rectangel tool R setelah itu diluar stage kemudian tekan V dan Klik
pada kotak yang telah dibuat dan ganti warna dengan kode warna, setelah itu ubah convert to symbol menjadi grafik dan tarik kedalam stage dan
susun bentuknya kemudian untuk memasukkan teks pilih text tool T dan ketikkan Wortel setelah itu ubah teks menjadi button dan double klik
untuk memasukkan suara button dan mengubah ukuran ketika di klik, Home
Universitas Sumatera Utara
kemudian beri action scrip berikut untuk menjalankan kedalam penjelasan dari buah Wortel.
Onrelease{ gotoAndStop16;
}
Apabila dipilih tombol Buah Wortel maka akan muncul tampilan sebagai Berikut :
Gambar 3.17 Rancangan Tampilan Animasi Buah Wortel
Cara pembuatannya adalah sebagai berikut : 1.
Klik kanan pada frame sebelumnnya kemudian insert blank keyframe. 2.
Pilih background yang telah diimport ke library. 3.
Pilih gambar buah yang telah diimport kedalam library kemudian susun bentuknya.
4. Pilih text tool untuk membuat kandungan vitamin pada buah serta
penjelasan yang akan manfaat buah tersebut. 5.
Untuk membuat tombol home tarik gambar home yang telah diimport kedalam library kemudian letakkan posisinya di pojok tengah bawah,
Gambar Buah Wortel
Kandungan Vitamin pada Buah Wortel Penjelasaan Manfaat buah Pada Tubuh
Home
Universitas Sumatera Utara
kemudian convert to symbol menjadi button dan berikan actionscrip berikut :
Onrelease{ gotoAndStop3;
}
16. Untuk membuat tombol kembali kehalaman sebelumnya maka dibuat
tombol Menu, untuk membuat tombol menu tersebut maka kita gunakan Text tool T pada Toolbox kemudian ketikkan Menu, setelah itu ubah
Menu menjadi button dengan convert tosymbol kemudian double klik untuk membuat suara pada button menu tersebut, kemudian berikan action
scrip berikut : Onrelease{
gotoAndStop17; }
3.6 Mendesain Isi Profil