Cara Mudah Membuat Tombol Clear pada Aplikasi Penjumlahan di MIT App Inventor

Langkah-Langkah Membuat Aplikasi Penjumlahan Sederhana di MIT App Inventor

Membuat aplikasi penjumlahan sederhana menggunakan MIT App Inventor sangat cocok untuk pemula yang ingin belajar pengembangan aplikasi. Berikut adalah langkah-langkah detail untuk membuat aplikasi dengan dua textbox untuk input angka, satu label untuk menampilkan hasil, serta dua tombol: tombol untuk menghitung dan tombol untuk membersihkan input.

1. Persiapan Awal

1. Buka MIT App Inventor di appinventor.mit.edu.
2. Klik Start New Project, lalu beri nama proyek, misalnya: AplikasiPenjumlahan.
3. Masuk ke tab Designer untuk mendesain antarmuka aplikasi.

2. Desain Antarmuka Aplikasi

Tambahkan komponen berikut ke layar utama:

• Textbox1: Untuk input angka pertama.
  • Ubah properti Hint menjadi: Masukkan angka pertama.
  • Atur Input Type ke Number agar hanya angka yang bisa dimasukkan.
• Textbox2: Untuk input angka kedua.
  • Ubah properti Hint menjadi: Masukkan angka kedua.
  • Atur Input Type ke Number.
• Label (LabelHasil): Untuk menampilkan hasil perhitungan.
  • Ubah properti Text menjadi: Hasil akan muncul di sini.
• Button1 (TombolHitung): Tombol untuk menghitung penjumlahan.
  • Ubah properti Text menjadi: Hitung.
• Button2 (TombolClear): Tombol untuk membersihkan input dan hasil.
  • Ubah properti Text menjadi: Bersihkan.

3. Logika Pemrograman di Tab Blocks

Setelah desain selesai, masuk ke tab Blocks untuk mengatur logika aplikasi.

Langkah 1: Logika Tombol Hitung

Tambahkan blok berikut:

1. Ketika Button1.Click
   • Ambil nilai dari Textbox1 dan Textbox2.
   • Lakukan penjumlahan.
   • Tampilkan hasil di LabelHasil.

Blok:

When TombolHitung.Click
    set LabelHasil.Text to
        (get Textbox1.Text + get Textbox2.Text)

Langkah 2: Logika Tombol Clear

Tambahkan blok untuk membersihkan input dan hasil:

1. Kosongkan Textbox1 dan Textbox2.
2. Kosongkan LabelHasil.

Blok:

When TombolClear.Click
    set Textbox1.Text to ""
    set Textbox2.Text to ""
    set LabelHasil.Text to ""

4. Uji Coba Aplikasi

1. Klik tombol Connect lalu pilih perangkat (Companion atau Emulator).
2. Masukkan dua angka di textbox.
3. Klik tombol Hitung untuk menampilkan hasil penjumlahan.
4. Klik tombol Bersihkan untuk menghapus semua input dan hasil.

5. Optimasi dan Publikasi

1. Ubah nama layar dan elemen untuk meningkatkan keterbacaan kode.
2. Ekspor aplikasi menjadi file .apk melalui menu Build > App (provide QR code for .apk).
3. Bagikan aplikasi kepada teman atau unggah ke Play Store.

Keunggulan Aplikasi

• Interaktif: Memudahkan pengguna untuk melakukan perhitungan dengan cepat.
• Sederhana: Desain antarmuka yang intuitif.
• Dapat Dimodifikasi: Anda bisa menambahkan operasi matematika lain, seperti pengurangan, perkalian, atau pembagian.

Keywords:

• Cara membuat aplikasi penjumlahan di MIT App Inventor
• Tutorial MIT App Inventor untuk pemula
• Aplikasi penjumlahan sederhana
• Membuat aplikasi Android dengan MIT App Inventor
• Langkah-langkah membuat aplikasi matematika