Smart App Creator

Level 1

OLEH : MQ ZAMAN
Kompetensi
•Seting awal
•Section
•Background
•Insert media
•Preview
•Interaksi Tombol
•Evaluasi
•Publish
SETING AWAL Platform & Resolusi
 2

1
3

1. Pilih Android Phone

2. Untuk orientasi pilih Horizontal
3. Atur ukuran
Width : 1280
Height :720
4. Klik Submit
SETING AWAL Menghilangkan tombol Home
 1

1. Pilih menu Page

2. Pilih submenu Navigate Setting
 1

1. Klik pada gambar logo Home

2. Klik pada check box Visible untuk menghilangkan tanda cek
lis
3. Klik Submit
SECTION Ubah nama Section
1
2

1. Klik kanan pada bar default section

2. Pilih Rename Section
 1

1. Ganti nama Default Section

2. Klik Submit
3. Nama section sudah berubah
SECTION Tambah Section
 1

1. Klik kanan di bawah page yang sudah ada

2. Klik New Section
3. Sudah muncul section baru dengan nama Default Section
BACKGROUND Insert Background
1

1. Pilih menu Insert

2. Klik Submenu Background
3. Klilk Extrude
 1

1. Pilih salah satu gambar yang ada di PC

2. Klik Open
 Apply untuk semua
BACKGROUND page
1

1. Setelah menambahkan background Klik menu Insert

2. Pilih submenu background
3. Pilih Apply to all pages
INSERT MEDIA Menambahkan gambar
 1

1. Klik menu Insert

2. Pilih submenu Image
 1

1. Pilih gambar
2. Klik open
Secara default gambar akan berada di tengah halaman, geser
menggunakan tomboh arah pada keyboard atau bisa di
geser menggunakan mouse
INSERT MEDIA Menambahkan Teks
 1

2
3

1. Pilih menu Insert

2. Pilih submenu Text
3. Pilih Horizontal Text
1 2 3 4

6 5

1. Ketikkan teks
2. Blok semua teks (bisa menggunakan fungsi Ctrl+A atau blok
menggunakan mouse)
3. Ubah jenis huruf
4. Tombol memperbesar ukuran huruf
5. Tombol untuk merubah warna huruf
6. Tombol untuk merubah perataan huruf
 1

1. Sesuaikan posisi teks

 1

1. Area teks
2. Ubah ukuran area teks jika teks lebih dari satu baris, dengan
cara tarik pada tepian area teks ( )
INSERT MEDIA Menambahkan Suara
 1

1. Pilih menu Insert

2. Pilih submenu Audio
 1

1. Pilih suara yang akan dimasukkan

2. Klik Open
 1

1. Atur posisi audio

2. Klik untuk preview suara
INSERT MEDIA Menambahkan Video
 1
2
3

1. Pilih menu Insert

2. Pilih submenu Video
3. Pilih Local Video
4. Klik Submit
Catatan : video harus memiliki format MP4 dengan codec H.264
 1

1. Pilih video yang ada di dalam PC anda

2. Klik Open
 1

1. Atur ukuran dan posisi video

 PREVIEW
Fitur untuk melihat jalannya program yang
sudah di buat sebelum proses publish
 1

1. Klik tombol privew

 1

1. Klik untuk keluar dari mode preview

INTERAKSI TOMBOL Pindah Halaman
 2
3 4

1. Klik pada objek yang akan dijadikan tombol

2. Pilih menu Interaction
3. Pilih Touch
4. Klik Object
5. Pilih objek yang dijadikan tombol
 7
6

6. Klik tombol segitiga kecil

7. Cari dan klik Switch Page
 9
8

10

8. Arahkan kursor pada page yang akan dituju

9. Klik tanda + yang berada pada pojok kanan atas page
10. Klik Submit
INTERAKSI TOMBOL Pindah Halaman
1
2

1. Pilih imenu Insert

2. Pilih submenu Hotspot
3. Objek hotspot sudah masuk kedalam workspace
 5

4. Atur posisi dan ukuran objek hotspot

5. Klik pada bagian layer
6. Double klik pada layer objek hotspot kemudian ubah nama
objek
 8
9 10

11

7. Klik objek hotspot

8. Pilih menu Interaction
9. Pilih Touch
10. Klik Object
11. Pilih objeknya
 12

14
13

15

12. Klik Switch Page

13. Arahkan kursor pada page yang akan dituju
14. Klik tombol + yang berada pada pojok kanan atas
15. Klik Submit
Silahkan preview dan coba fungsi tombol apakah sudah berjalan sesuai dengan
kebutuhan
 EVALUASI
1. Insert teks dan Hotspot
2. Insert audio untuk respon
3. Interaksi jawaban salah
4. Interaksi jawaban benar
EVALUASI Insert teks dan Hotspot
 2
1

1. siapkan teks untuk evaluasi

2. Pisahkan antara teks pertanyaan dan teks pilihan jawaban
 3
4
6
7

3. Klik menu Insert

4. Pilih Hotspot
5. Atur ukuran objek hotspot sampai menutup semua pilihan jawaban
6. Klik property
7. Klik tombol
8. Ubah warna hotspot
EVALUASI Insert audio respon
1
2

1. Klik menu Insert

2. Pilih submenu Audio
3. Pilih file audio yang akan dijadikan respon benar atau salah dari pilihan
jawaban
4. Klik Open
 5

5. Posisikan objek audio di luar workspace/area kerja

 Interaksi pilihan jawaban
EVALUASI salah
 2
3 4

1. Klik objek hotspot salah

2. Pilih menu Interaction
3. Pilih submenu Touch
4. Pilih Object
5. Pilih objek suara salah
 6 7

6. Klik fungsi Play

7. Klik Add

Silahkan preview dan coba tombol pilihan jawaban, pada langkah ini sementara
semua jawaban di anggap salah
 Interaksi pilihan jawaban
EVALUASI benar
1 1

1. Tambahkan hotspot dan ubah warna, ukuran, serta posisi

2. Ubah ukuran dan posisi sampai menutuppilihan jawaban benar, dan tidak
sampai menutup jawaban salah
 4
5 6

7
3

1. Klik objek hotspot salah

2. Pilih menu Interaction
3. Pilih submenu Touch
4. Pilih Object
5. Pilih objek suara benar
 8 9

8. Pilih fungsi Play

9. Klik Add

Preview dan coba tombol pilihan jawaban benar, pada langkah ini tombol
jawaban benar dan salah sudah memiliki respon yang berbeda
PUBLISH Aplikasi berbasis android
 1

1. Klik menu Smart

2. Pilih submenu Output
 3

4
5
6

3. Pilih platform Android

4. Kolom App Name isikan nama aplikasi
5. Kolom Bundle Identifier berikan nama dengan format “com.nama.nama”
6. Kolom Version Code bisa diisikan angka 1
7. Klik select dan cari gambar untuk dijadikan icon, ukuran maks. 512x512
8. Klik Submit
 9

10

11

9. Tentukan lokasi file akan disimpan

10. Berikan nama file
11.Klik save, dan tunggu prosesnya sampai selesai
Setelah proses output selesai, silahkan cari file dengan ekstensi “.apk” kemudian
pindahkan ke smartphone android dan instal
SELAMAT BERKARYA