Tutorial Membuat ImageView di Thunkable

Berita Anda on

Thursday, March 7, 2019

Berita Anda, Halo Pengunjung blog dimanapun anda berada semoga kalian tetap dalam keadaan sehat, saat ini anda sedang membaca Artikel dengan judul Tutorial Membuat ImageView di Thunkable, semoga bermanfaat dan selamat membaca

Image / ImageView adalah suatu komponen UI yang berfungsi untuk menyisipkan gambar atau picture ke dalam screen. File ekstensi yang mendukung komponen ini yakni .jpg, .bmp, dan .png.

Ini cocok bagi kamu yang membuat aplikasi koleksi wallpaper, galeri, edukasi, toko online, e-commerce, aplikasi yang berhubungan dengan administrasi seperti pembuatan identitas passport, e-KTP, dan sebagainya.

Disini, saya akan memberikan tutorial cara membuat atau memasukkan gambar atau foto dengan menggunakan widget ImageView / Image di dalam Thunkable.

Langkah-Langkah :

1. Aktifkan web browser di komputer atau laptop anda.

2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.

3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage. Lihat gambar di bawah ini.

Tampilan Dashboard pada Thunkable

4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "imageview1". Klik OK.

Tampilan Pembuatan Project APP.

5. Tunggu beberapa saat sampai tampilan dashboard pada project tersebut itu muncul. Masuki bagian Pallete, carilah widget Image untuk membuat atau menampilkan gambar di screen (layar) smartphone Android. Klik tahan pada Image lalu tarik ke layar Screen.

Tampilan Penambahan ImageView.

6. Klik opsi Picture yang berada di Properties, klik Upload Files.

Tampilan saat Pemilihan Gambar.

7. Pada muncul tampilan pop-up Upload File, maka klik Choose File untuk memasukkan gambar ke dalam Media Asset secara tidak langsung.

Tampilan Pop-up Upload File Image.

8. Pilihlah file gambar sesuai keinginan atau kebutuhan selama ukuran file gambar itu tidak lebih dari 10 MB (Megabyte). Klik Open.

Tampilan Pemilihan File Gambar untuk ImageView. 

9. Apabila nama file gambar tersebut telah muncul di pop-up tadi, langsung klik OK.

Tampilan Pop-up Upload File setelah Muncul Nama
File Gambar.

10. Tunggu beberapa saat sampai gambar tersebut muncul di dalam ImageView.

Tampilan Hasil dari ImageView.

Catatan :
Usahakan sebelum memasukkan file gambar yang diambil dari komputer, pastikan ukuran panjang dan lebar file gambar kamu tidak melampaui layar standar baik emulator ataupun smartphone Android.

Baca juga :

Pengertian dari Thunkable. Tools yang cocok untuk bagi yang awam pemrograman dalam menciptakan Aplikasi Android dengan mudah. 

Sekian dari posting ini... Terima kasih... 

Labels: App Inventor, Tutorial

Thanks for reading Tutorial Membuat ImageView di Thunkable. Please share...!