Tutorial Job 1

1. Buatlah sebuah storyboard

2. Buat design tampilan sesuai kebutuhan (Carilah gambar yang sesuai dengan tema
anda pada website seperti dribble,freepick dll)
3. Setelah selesai membuat design tampilan sesuai dengan kebutuhan anda,berikutnya
sambungkan link antar menu seperti berikut ini :

Ulangi langkah diatas untuk menambahkan link pada setiap button yang akan
dihubungkan dengan slide berikutnya.
4. Langkah berikutnya adalah memfokuskan klik hanya pada button dengan langkah
sebagai berikut :

1
1

Jika anda telah mengikuti pada langkah ke 4,maka jika anda meng-klik secara acak pada layar tidak
akan menuju pada halaman berikutnya.
5. Langkah selanjutnya adalah membuat sebuah kuis dengan sebuah aksi trigger.Adapun caranya
adalah sebagai berikut :
A. Masuk lah ke dalam slides kuis yang telah anda buat seperti contoh dibawah ini.

B. Masukanlah animasi/gambar yang mendefinisikan sebuah jawaban yang benar atau salah
C. Disini saya akan memformat shape pilihan jawaban yang salah terlebih dahulu dengan cara sebagai
berikut :

Kemudian pilih shape format => selection pane => Ubahlah shape option menjadi jawaban
salah

D. Masukan beberapa animasi sederhana untuk soal dan opsi jawaban dengan cara sebagai berikut:
click soal serta semua opsi jawaban => pilih menu animations=> pilih animasi yang anda inginkan.
Kemudia jangan lupa untuk merubah opsi start yang secara default yaitu on-click menjadi
with previous.
E. Tambahkan gambar salah sebuah animasi dengan cara serupa diatas.

F. Tambahkan animasi exit pada gambar salah dengan cara add animations => pilih jenis animasi exit
yang kalian inginkan.

G. Menambahkan Timing(repeat) pada animasi salah seperti contoh berikut ini :

Klik pada animasi salah => pilih pada animation pane => Pilih Timing =>Repeat
H. Mengatur trigger animasi salah jika mengklik jawaban yang salah dengan cara sebagai berikut : klik
animasi salah =>klik segitiga kecil pada animation pane =>pilih timing => Trigger=>start effect on click
of => pilih jawaban salah.

I. Menambahkan sound pada animasi salah dengan cara sebagai berikut :klik gambar animasi salah =>
animation pane =>Effect options =>sound =>pilih sound yang ingin anda gunakan.
6. Buatlah animasi jawaban yang benar dengan menerapkan hal serupa seperti membuat animasi
jawaban yang salah pada contoh yang telah kita lakukan diatas.