Panduan Membuat Aplikasi Form Input Power Apps dengan Hasil Kalkulasi

Membuat aplikasi sederhana adalah cara terbaik untuk memahami konsep dasar Microsoft Power Apps. Pada tutorial ini, kita akan membuat aplikasi yang dapat menerima beberapa tipe input (teks, angka, dan pilihan), lalu menampilkan hasil kalkulasi berdasarkan data yang dimasukkan.

Aplikasi seperti ini sangat berguna untuk kebutuhan bisnis, seperti menghitung total belanja, menghitung usia, perkiraan waktu, konversi nilai, dan sebagainya.

Membuat Aplikasi Canvas Baru

1. Masuk ke https://make.powerapps.com
2. Pilih menu Apps
3. Klik Create → Canvas App
4. Pilih Phone Layout agar lebih mudah digunakan
5. Beri nama aplikasi, misalnya: Form Kalkulasi Sederhana

Setelah masuk ke editor, Anda akan melihat layar kosong tempat aplikasi dibangun.

2. Menambahkan Komponen Input

Kita akan menggunakan contoh sederhana: menghitung Total Pembelian berdasarkan Harga dan Jumlah Barang.

Tambahkan komponen berikut:

a). Label Judul

• Insert → Label
• Ubah teks menjadi: Aplikasi Form Kalkulasi

b). Input Teks Nama Barang

• Insert → Text Input
• Ganti nama komponen menjadi: txtNamaBarang, dan tambahkan Label di atasnya: “Nama Barang”

c). Input Angka Harga

• Insert → Text Input
• Ganti nama komponen menjadi: txtHarga
• Ubah Format menjadi Number
• Tambahkan Label: “Harga per Unit”

d). Input Angka Jumlah Barang

• Insert → Text Input
• Ganti nama komponen menjadi: txtJumlah
• Format → Number
• Tambahkan Label: “Jumlah Barang”

e). Dropdown atau Choice

Tambahkan dropdown untuk memilih kategori barang:

• Insert → Dropdown
• Name: ddKategori
• Items: [“Elektronik”, “Pakaian”, “Makanan”, “Lainnya”]
• Label: “Kategori”

3. Menambahkan Tombol untuk Menghitung

Tambahkan sebuah tombol:

• Insert → Button
• Teks: Hitung Total

Pada OnSelect tombol, masukkan formula berikut:

Set(
hasilTotal,
Value(txtHarga.Text) * Value(txtJumlah.Text)
);
Set(
infoBarang,
txtNamaBarang.Text
);
Set(
kategoriBarang,
ddKategori.Selected.Value
);

Formula ini akan:

• Mengalikan harga × jumlah
• Menyimpan nama barang
• Menyimpan kategori

4. Menampilkan Hasil Kalkulasi

Tambahkan komponen Label untuk menampilkan hasil:

a). Hasil Total

• Insert → Label
• Text: “Total: Rp ” & hasilTotal

b). Informasi Barang

• Insert → Label
• Text: “Barang: ” & infoBarang

c). Kategori Barang

• Insert → Label
• Text: “Kategori: ” & kategoriBarang

Sekarang aplikasi sudah dapat:

1. Menerima beberapa tipe data: teks, angka, dropdown
2. Melakukan kalkulasi
3. Menampilkan hasilnya

5. Menjalankan Aplikasi

Untuk mencoba aplikasi:

1. Klik tombol Play (▶) di kanan atas
2. Isi semua form
3. Klik Hitung Total
4. Hasil kalkulasi akan tampil otomatis

Jika sudah sesuai, Anda bisa melanjutkan dengan fitur lanjutan seperti menyimpan data ke SharePoint / Dataverse, validasi input, menambahkan tampilan lain, ataupun menambahkan notifikasi.

📌 Kesimpulan

Dengan Power Apps, Anda bisa membuat aplikasi sederhana hanya dalam hitungan menit tanpa menulis kode kompleks. Pada tutorial ini, Anda telah mempelajari:

✔ Membuat aplikasi Canvas
✔ Menambahkan input teks, angka, dan dropdown
✔ Menggunakan formula kalkulasi
✔ Menyimpan nilai ke variabel
✔ Menampilkan hasil kalkulasi

Ini adalah pondasi yang sangat penting sebelum mempelajari aplikasi yang lebih kompleks.