Tutorial cara membuat quiz pada program Smart Apps creator

1. Buka software Smart Apps creator terlebih dahulu

2. Pilih Android Phone > Horizontal > submit

3. Beri nama section untuk quiz click and drag

4. Insert text untuk tampilan start page (pembuka)

5. Beri nama atau judul quiz

6. Insert image untuk objek pertama (atas)

7. Lakukan copy pada objek pertama

8. Lalu paste, akan muncul objek kedua (bawah)

9. Pada objek atas, set posisi depan

10. Non-aktifkan navigasi, sehingga halaman terkunci

11. Aktifkan objek angka 1 menjadi "Dragging" 

12. Objek atas sudah bisa di gerakan (drag), lakukan hal lain yang sama pada objek berikut nya.

13. Semua objek atas sudah berhasil di drag

14. Rename nama objek pada layer, supaya memudahkan objek mana yang akan di drag

15. Insert hotspot untuk objek yang di bawah 

16. Hotspot shape pilih oval, menyesuaikan objek bawah 

17. Letakan hotspot diatas objek angka 1

18. Copy hotspot untuk objek angka 2

19. Rename hotspot menyesuaikan objeknya

20. Saat di geser belum nempel pada objek bawah 

21. Membuat interaction pada objek

22. Pilih objek > interaction > Enter hotspot (pilih hotspot yang di tuju) > objek (angka 1 atas) > hide > Add

23. Lakukan hal yang sama pada objek angka 2

24. Kini objek atas sudah ada interaction nya

25. Selanjutnya insert image untuk tampilan BENAR

26. Pilih insert > image > tanda benar.png

27. Gambar centang hijau sudah berhasil masuk

28. Lalu kita setting hide tampilan

29. Klik image (centang hijau) > propety > setting > hide objek when browsing > checklist

30. Lalu kita atur supaya saat menjawab benar, muncul tampilan centang hijau

31. Tambahkan interaction pada objek angka 1 atas

32. Klik angka 1 > interaction > Enter hotspot (pilih hotspot yang di tuju) objek (tanda-tanda.png) > appear > add

33. Lalu insert animasi pada objek centang hijau 

34. Klik image > Animation > zoom (biru) > add

35. Klik pada animasi kedua, lalu isi delay 1.50 s kemudia save

36. Centang benar.png sekarang sudah ada animasi nya 

37. Gambar centang hijau, layer nya kita hide dulu

38. Hapus interaction yang tadi sudah di buat

39. Lalu buat interaction supaya animasi nya muncul

40. Klik angka 1 > interaction > Enter hotspot (pilih hotspot yang di tuju) > objek (tanda-tanda.png) > play animation > add

41. Lakukan hal yang sama pada objek angka 2 atas 

42. Klik angka 2 > interaction > Enter Hotspot (pilih hotspot yang di tuju) > objek (tanda-tanda.png) > play animation > add

43. Sudah berhasil insert respon jawaban beserta animasi

Komentar

Posting Komentar

Postingan populer dari blog ini

√ Pengertian Animasi, Jenis, Bentuk, Proses Pembuatan & Prinsipnya

Gambar
Pengertian Animasi Animasi adalah yaitu gambar yang bergerk, berasal dari kumpulan objek yang sudah disusun sedemikian rupa dengan objek bisa dalam bentuk suatu tulisan, gambar hewan, gambar tumbuh-tumbuhan, gambar manusia dan lain sebagainya. Animasi adalah sebuah grafika yang dimana menunjukkan gerakan secara urut dengan cepat menjadikan objek tersebut seperti hidup. Dengan perencanaan yang benar serta matang maka alur pergerakan animasi akan menarik untuk dilihat. Apabila dalam dunia multimedia animasi adalah cara menggunakan program di komputer untuk mendapatkan gerak sebuah objek di layar. Sedangkan orang yang membuat animasi dikenal dengan nama animator. Saat ini istilah animasi sudah tidak awam lagi, karena kita biasa melihat animasi ditayangkan di televisi ataupun di internet. Saat ini pada umumnya orang-orang mengetahui animasi lewat film-film yang ditontonnya, karena film sekarang semakin sering diproduksi dan banyak yang menyukai. Banyak perusahaan pembuat fil
Baca selengkapnya

Membuat Animasi Frame by Frame Flash

Gambar
Membuat Animasi Frame by Frame Berikut langkah mudah dan sederhana sekali dalam membuat animasi ini. Mengapa sederhana? Agar yang pemula bisa memahami dan mempraktikkan dengan mudah ya karena di sini kita sama-sama belajar hehe. Okey, langsung saja ke inti pembicaraan. Bukalah aplikasi Flash kalian. Silahkan pakai versi Flash berapapun karena untuk tahap ini semua versi Flash mendukung. Buat dokumen baru, pilih versi dokumen dengan AS (Action Script) sesuai keinginan kalian. Semua versi tersebut mendukung untuk dasar animasi yang akan kita buat. Dalam demo ini, saya akan memakai AS2 saja ya dengan Adobe Flash CS6. Untuk sementara, kalian abaikan ukuran stage. Biarkan saja stage demikian adanya dengan ukuran bawaannya (default). Sekarang, buatlah lingkaran dengan oval tool dan berikan warna sesuka kalian. Perhatikan animasi berikut. Langkah berikutnya, buat keyframe baru di sebelah keyframe kedua pada Layer 1. Klik kanan di frame kedua > pilih  Insert keyframe  seperti tampi
Baca selengkapnya