Membangun Aplikasi Canvas dengan Power Apps

Published in

ecomindo-dev

5 min readJul 16, 2020

Power Apps memberikan user kemudahan dalam membangun sebuah aplikasi dengan metode drag-and-drop dimana tidak diperlukan penulisan kode secara detail. Dalam Power Apps sendiri terdapat beberapa aplikasi yang dapat dibangun, salah satunya adalah aplikasi canvas yang diawali dengan blank sheet yang dapat dimodifikasi sesuai kebutuhan.

Membangun Aplikasi

Aplikasi canvas pada Power Apps dapat dibangun melalui beberapa source, diantaranya:

Sample App

Sign in melalui Power Apps
Pilih All templates
Pilih contoh aplikasi dari list yang ada.

Ubah nama aplikasi dan pilih Create untuk mulai membuat aplikasi

Common Data Service

Data Source lain yang dapat digunakan diantaranya adalah Common Data Service. Untuk mengakses Common Data Service, Anda harus terdaftar ke dalam Environment Maker security role dan harus mengubah environment menjadi tempat dimana basis data yang terdapat dalam Common Data Service dibuat, menyimpan data, dan memperbarui diri.

Sign in melalui Power Apps dan cocokkan environment sesuai spesifikasi
Di bawah Make your own app, hover Start from data, lalu pilih Make this app

Pada Common Data Service, pilih layout yang Anda inginkan.

Di bawah Choose a table, pilih Accounts, lalu pilih Connect

Aplikasi Anda akan terbuka pada browse screen yang menunjukkan list dari akun yang memiliki konrol dalam gallery. Pada bagian atas layar, bar title akan menunjukkan icon-icon untuk melakukan refresh data, pengurutan, dan penambahan data baru ke gallery. Pada bagian bawah title bar, search box akan menyediakan opsi untuk melakukan filter data terhadap text yang Anda masukkan.

Share Point

Pada online site SharePoint, buatlah list yang Anda inginkan
Pada kolom bernama Title, buatlah entry Anda
Sign in melalui Power Apps
Di bawah Make your own app, hover Start from data, dan pilih Make this app

Pada SharePoint, pilih layout yang Anda inginkan

Pilih radio button untuk Connect directly pada opsi How do you want to connect your data, lalu pilih Create

Di bawah Connect to a SharePoint site, masukkan URL dari SharePoint Online anda, lalu pilih Go.
Di bawah Choose a list, pilih SimpleApp, lalu pilih Connect.

Selanjutnya, aplikasi Anda akan terbuka pada browse screen, dimana akan ditunjukkan item yang telah Anda buat pada list SharePoint.

Excel

Sign in melalui Power Apps dan cocokkan environment sesuai spesifikasi
Di bawah Make your own app, hover Start from data, lalu pilih Make this app

Pada OneDrive for Business, pilih layout yang Anda inginkan.

Pilih Connect, lalu masukkan credential akun Anda
Di bawah Choose an Excel file, pilih file Excel yang ingin Anda gunakan
Di bawah Choose a table, pilih Connect untuk table yang ingin Anda gunakan.

Menyunting Aplikasi

Browse Screen

Layout

Pada panel navigasi kiri, pilih BrowseGallery1. Ketika gallery terpilih, box seleksi akan menunjukkannya.

Pada tab Properties di panel kanan, buka list opsi dibawah Layout, lalu pilih opsi yang Anda inginkan

Di sebelah Fields, pilih Edit, lalu pilih field apa saja yang ingin Anda tampilkan

Kolom Sort and Search

Pilih galeri yang ingin Anda sunting

Di dekat pojok kiri atas, pilih properti Items. Nilai dari properti ini akna muncul pada bar formula dimana Anda dapat menspesifikasikan data source dan filter yang Anda butuhkan

Masukkan formula untuk sort dan search yang Anda inginkan.

SortByColumns(Search(Accounts, TextSearchBox1.Text, “name”), “name”, If(SortDescending1, Descending, Ascending))

Mengubah Title

Pilih title layar

Pastikan properti menunjukkan Text dan pada formula bar, ubah nama title dengan yang Anda butuhkan

Layar akan menunjukkan perubahan

Menambahkan Scroll

Pilih galeri yang ingin Anda sunting

Ubah properti Show scrollbar menjadi true

Menyunting Form

Dalam form, Anda dapat menspesifikasikan cards mana saja yang akan ditampilkan pada form Anda.

Pada bagian kiri navigasi bar, pilih DetailForm

Pada tab Properties di panel kanan, pilih Edit fields untuk membuka panel Fields

Sembunyikan field dengan memilih ellipsis (…) yang muncul setelah Anda meng-hover komponen, lalu pilih Remove

Tampilkan field dengan memilih Add field dan memasukkan card yang Anda inginkan.

Ubah urutan cards dengan menggeser card pada panel navigasi kiri

Formula

Power Apps memiliki sangat banyak formula yang dapat digunakan untuk mendapatkan data yang ingin ditampilkan. Nama dan penggunaan formula tersebut dapat dilihat disini.

Menjalankan Aplikasi

Lihat tapilan dengan F5 atau dengan memilih button play yang terletak di ujung kanan atas
Untuk keluar dari mode preview, tekan esc atau pilih icon close pada pojok kanan atas.

Menyimpan Aplikasi

Pada pojok kiri atas, pilih tab File
Pada halaman Setting, tinjau pengaturan awal
Pada pojok kiri, pilih Save