Membangun Aplikasi Mobile Menggunakan MIT APP Inventor (2)

pada tanggal

 Membangun Aplikasi Mobile Menggunakan MIT APP Inventor (2)


Assalamu'alaikum

Selamat malam, kali ini saya akan berbagi bagaimana bekerja dengan media sederhana dalam MIT App Inventor. Nah ilustrasinya adalah: ada satu screen yang di dalamnya terdapat component: Label, TableArrangement, tiga button (ButtonJawa, ButtonSpanyol, ButtonInggris) Untuk lebih jelasnya silakan cek pada Gambar 1 di bawah ini.

Gambar 1 Components yang digunakan

Dari components tersebut akan digunakan untuk menampilkan contoh pengucapan Salam (Selamat Pagi) dalam bahasa Jawa, Spanyol, dan Bahasa Inggris.

Agar lebih jelas, silakan perhatikan Gambar 2 di bawah ini:
Gambar 2. Tampilan Rancangan Aplikasi

Nah dari rancangan tersebut saat masing-masing tombol yang tersedia diklik secara bergantian akan mengubah tulisan Selamat Pagi menjadi pengucapan salam sesuai dengan bahasa yang tertera pada tombol. 
Gambar 3. Tampilan pada Emulator

Dari hasil rancangan pada Gambar 2, saat dijalankan pada emulator akan tampak seperti pada Gambar 3. di atas. Nah pada saat tombol BahasaJawa diklik maka tulisan akan berubah menjadi Sugeng Enjang. Begitu seterusnya sesuai dengan tampilan pada Gambar 4, Gambar 5, dan Gambar 6.

Gambar 4. Tampilan pada saat diklik tombol BahasaJawa


Gambar 5. Tampilan pada saat diklik tombol BahasaSpanyol

Gambar 6. Tampilan pada saat diklik tombol BahasaInggris

Nah dari ilustrasi di atas, bagian blocks nya berisi puzzle sebagai berikut:

Gambar 7. Blokcs Puzzle yang digunakan

Merancang blocks puzzle tersebut caranya adalah sebagai berikut:
  1. Letakkan mouse pada tombol ButtonInggris 
  2. lalu pilih When ButtonInggris Click Do
  3. berikutnya silakan letakkan mouse pada bagian Text yang sudah diganti dengan tulisan Selamat Pagi
  4. Kemudian silakan pilih set LabelPhrase Text to 
  5. dan letakkan mouse pada Text lalu tuliskan Good Morning

Nah untuk tombol yang lainnya caranya hampir sama tinggal disesuaikan dengan kebutuhannya.

Demikian tulisan saya malam ini, dan semoga bisa kita lanjut lagi pada materi bagaimana menggunakan variabel pada MIT App Inventor.



Komentar

Posting Komentar