Membuat Splash Screen dengan Proses Loading pada Thunkable

Berita Anda on

Saturday, March 7, 2020

Berita Anda, Halo Pengunjung blog dimanapun anda berada semoga kalian tetap dalam keadaan sehat, saat ini anda sedang membaca Artikel dengan judul Membuat Splash Screen dengan Proses Loading pada Thunkable, semoga bermanfaat dan selamat membaca

Selamat pagi, kali ini penulis akan membahas tentang cara membuat splash screen dengan proses loading pada Thunkable. Artikel ini menceritakan dalam pembuatan splash screen dengan timer yang telah ditentukan, hal ini akan dibantu dengan proses loading yang dimana bisa mengetahui progress sebelum memasuki screen (activity) selanjutnya secara otomatis. Ibaratnya splash screen digunakan sebagai pengenalan identitas pada aplikasi Android sebelum memasuki main screen (layar utama).

Penulis akan memberikan tutorial dalam membuat splash screen dengan proses loading pada Thunkable. Baiklah, langsung saja mulai pada langkah-langkah berikut.

A. Tahap-Tahapan dalam Membuat Aplikasi :

1. Aktifkan web browser di komputer atau laptop kamu.

2. Buka situs app.thunkable.com

3. Lakukan login dengan menggunakan akun Gmail kamu. Tunggu beberapa saat sampai muncul halaman dasboard.
4. Klik Create New App untuk membuat project aplikasi baru.

5. Isikan nama project aplikasi baru yang sesuai dengan keinginan kamu. Misalkan, kamu mengisi penamaan project aplikasi tersebut ialah "splashscreen1". Klik OK.

6. Mulai merancang tampilan pada gambar di bawah ini pada screen1.

7. Klik Add Screen untuk menambah screen yang baru.

8. Isikan nama screen yang kamu inginkan dengan tidak menggunakan spasi. Apabila ingin kata dipisah, maka pakai simbol underscore (_). Klik OK.

9. Mulai merancang tampilan pada gambar di bawah ini pada mainscreen (atau nama screen yang telah kamu buat).

10. Klik tulisan list nama screen untuk memilih kembali ke screen1.

11. Klik Blocks.

12. Buatlah blok program untuk membuka aplikasi pertama kali (OnCreate).

13. Buatlah blok program untuk variabel yang bernama mulaisplash dengan berisi nilai 10. Blok ini berguna untuk memberikan timer sebelum membuka screen selanjutnya secara otomatis.

14. Buatlah blok program untuk variabel yang bernama vloading dengan berisi nilai -1. Blok ini berguna untuk membuat proses loading.

15. Buatlah blok program untuk variabel yang bernama lblloading dengan berisi nilai -1. Blok ini berguna untuk membuat pantuan proses loading dalam bentuk persen.

16. Buatlah blok program untuk eksekusi splash screen.

17. Klik tulisan list nama screen untuk memilih ke mainscreen.

18. Buatlah blok program untuk keluarkan dari aplikasi splash screen tersebut.

19. Klik Export >>> Pilihlah App targets API 26 atau App targets API 28. Tunggu beberapa saat sampai selesai download aplikasi tersebut.

20. Pasangkan aplikasi ke emulator atau smartphone Android langsung.

B. Tampilan Hasil Aplikasi.
1. Tampilan aplikasi pada splash screen.

2. Tampilan aplikasi setelah lewati splash screen.

Selesai.

Jadi, kamu bisa membuat splash screen sendiri dengan bantuan proses loading yang berperan sebagai perkenalan aplikasi Android buatan kamu dengan menggunakan Thunkable.

Sekian... Terima kasih...

Labels: App Inventor, Tutorial

Thanks for reading Membuat Splash Screen dengan Proses Loading pada Thunkable. Please share...!