Cara membuat quiz dengan klik & drag pada program Smart Apps Creator

Langkah - Langkah

 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