Contoh Aplikasi Sederhana: “Hello World” di Microsoft Power Apps

Belajar Menampilkan Teks

Aplikasi “Hello World” adalah contoh paling dasar untuk memahami cara kerja Power Apps, bagaimana membuat aplikasi canvas baru, menambahkan komponen, dan menampilkan teks sederhana.

Belajar Konsep Dasar Power Apps

Walaupun terlihat sangat sederhana, latihan ini akan membantu Anda memahami konsep dasar yaitu:

1. Cara membuat Canvas App
2. Cara menambahkan Label
3. Cara mengubah text property
4. Cara mem-preview aplikasi
5. Cara menyimpan & publish

Latihan ini adalah pondasi sebelum Anda membuat aplikasi yang lebih kompleks.

Tujuan Pembelajaran

Setelah menyelesaikan praktik “Hello World”, Anda akan dapat:

1. Membuat aplikasi Canvas baru dalam Power Apps
2. Menambahkan komponen (control) ke layar
3. Mengubah properti komponen
4. Menjalankan aplikasi untuk melihat hasil
5. Menyimpan dan mem-publish aplikasi

Langkah-Langkah Membuat Aplikasi “Hello World”

A. Masuk ke Microsoft Power Apps

1. Buka browser Anda (Chrome/Edge).
2. Akses: https://make.powerapps.com
3. Login menggunakan akun Microsoft Anda.

B. Buat Aplikasi Canvas Baru

1. Setelah login, klik menu Create di bagian kiri.
2. Pilih: Canvas App from blank.
3. Masukkan nama aplikasi, misal: HelloWorldApp
4. Pilih format: Phone (direkomendasikan untuk pemula)
5. Klik Create.

Power Apps sekarang akan membuka editor aplikasi Canvas:

C. Tambahkan Komponen (Label) ke Layar Aplikasi

1. Pada panel kiri, pastikan Anda berada di layar Screen1.
2. Pada menu atas, klik Insert → Label.
3. Sebuah label akan muncul di canvas (layar aplikasi).
4. Drag & drop untuk mengatur posisinya di tengah layar.

D. Ubah Teks Label Menjadi “Hello World”

1. Klik label tersebut.
2. Di panel kanan atau di bagian atas formula bar, ubah properti:
   Text = “Hello World”
3. Label sekarang menampilkan tulisan “Hello World”.

E. Atur Tampilan (Opsional tetapi disarankan)

Anda bisa mempercantik teks agar lebih menarik:

1. Font Size: ubah menjadi 32
2. Font Weight: Bold
3. Color: pilih warna biru atau hitam
4. Align: Center

Ini tidak wajib, tetapi membantu memahami panel properti.

F. Jalankan Aplikasi (Preview Mode)

Untuk melihat aplikasi berjalan:

1. Klik tombol ▶ (Preview App) di kanan atas atau tekan F5.
2. Anda akan melihat aplikasi menampilkan tulisan besar: Hello World
3. Jika sudah selesai, klik Close.

G. Simpan Aplikasi

1. Klik File (pojok kiri atas).
2. Pilih Save.
3. Simpan ke cloud (Power Apps).
4. Klik Publish → Publish this version.

Nah setelah di publish, sekarang aplikasi “Hello World” yang sudah Anda buat bisa dibuka dari perangkat Anda, melalui beberapa cara.

Jika belum mengetahui bagaimana menjalankan aplikasi yang sudah di publish, baca panduan cara menjalankan aplikasi yang dibuat pada materi dan turorial kami yang lain.

Penjelasan Konsep Penting yang Dipelajari

1. Canvas App
   Anda membangun aplikasi secara visual dengan elemen-elemen serupa “drag-and-drop”.
2. Label
   Komponen dasar untuk menampilkan teks.
3. Property
   Setiap komponen memiliki properti seperti text, size, color, dll.
4. Formula Bar
   Mirip Excel, digunakan untuk menulis logika sederhana, misalnya
   “Hello World”
   atau nanti rumus yang lebih kompleks.

Aplikasi “Hello World” mungkin sederhana, tetapi latihan ini mengajarkan dasar terpenting untuk menggunakan Microsoft Power Apps. Anda telah mempelajari cara membuat aplikasi, menambahkan komponen, mengubah properti, dan mem-publish aplikasi.

Ikuti contoh panduan dasar berikut-nya, cara menampilkan teks dari form disini →

Pemahaman dasar ini akan menjadi fondasi kuat ketika Anda melanjutkan ke pembuatan aplikasi bisnis yang lebih kompleks seperti formulir input data, otomatisasi workflow, dan integrasi dengan database.