Bagaimana membuat dari awal aplikasi kanvas yang tersambung dengan Microsoft Dataverse

Artikel
07/01/2022
3 menit untuk membaca

Microsoft Dataverse adalah platform data utama untuk Power Platform. Dataverse memungkinkan Anda menyimpan dan mengelola data dengan aman yang digunakan oleh aplikasi dalam satu rangkaian tabel.

Pada artikel ini, kita akan membuat aplikasi yang tersambung ke data yang ada dalam lingkungan Power Platform.

Prasyarat

Untuk menyelesaikan pelajaran ini, Anda memerlukan lingkungan Power Apps dengan database Dataverse dengan sekurangnya satu tabel berisi data. Jika Anda tidak memiliki izin, Anda dapat mendaftar Power Apps Developer Plan atau menggunakan uji coba Power Apps.

Buat lingkungan uji coba

Lingkungan di Power Apps adalah ruang untuk menyimpan, mengelola, dan berbagi data bisnis, aplikasi, bot obrolan, dan alur organisasi Anda. Juga berfungsi sebagai wadah untuk memisahkan aplikasi yang mungkin memiliki peran, persyaratan keamanan, atau audiens target yang berbeda. Setiap lingkungan dapat memiliki satu database Dataverse.

Untuk memastikan Bahwa Anda memiliki apa yang diperlukan untuk menyelesaikan pelajaran ini, kami akan membuat lingkungan baru yang mencakup database Dataverse. Lingkungan ini adalah uji coba 30 hari yang akan segera berakhir pada akhir 30 hari, namun Anda dapat meningkatkannya ke sandbox atau lingkungan produksi jika ingin menyimpannya.

Kita akan membuat lingkungan uji coba yang akan mencakup database Dataverse dan data sampel yang digunakan di artikel ini.

Buka Pusat admin Power Platform.
Pilih lingkungan.
Pilih baru.
Beri nama lingkungan uji coba Dataverse.
Pilih Uji coba untuk jenis lingkungan.
Alihkan Buat Database ke Ya.
Pilih Selanjutnya.
Alihkan Sebarkan aplikasi dan data sampel ke Ya.
Pilih Simpan.

Lingkungan uji coba Anda sekarang akan dibuat, termasuk database Dataverse dan data sampel.

Membuat aplikasi kanvas

Buat aplikasi kanvas dengan tabel Akun di Dataverse. Setelah selesai, Power Apps akan menghasilkan aplikasi untuk Anda. Aplikasi ini mencakup layar berikut:

Telusuri Layar - layar untuk mencari, mengurutkan, dan memilih rekaman akun, dan menjalankan layar edit untuk membuat rekaman baru.
Layar Rincian - layar hanya baca yang menampilkan rincian rekaman yang dipilih pada layar telusur.
Layar Edit - formulir edit yang digunakan untuk mengedit rincian rekaman yang dipilih atau membuat rekaman baru.

Coba aplikasi

Dari Power Apps Studio, Anda dapat mempratinjau aplikasi untuk mencobanya.

Pilih ikon Putar dari sudut kanan atas layar.
Dari daftar Akun, pilih Alpine Ski House.
Lihat rincian Alpine Ski House.
Pilih untuk mengedit rekaman.
Saat mengedit formulir, hilangkan (sampel) dari bidang nama akun.
Pilih untuk menyimpan perubahan rekaman.
Kembali pada layar daftar akun, pilih + untuk membuka formulir rekaman baru.
Masukkan bidang yang diinginkan, seperti Nama akun.
Simpan rekaman ini.
Pastikan rekaman yang baru dibuat ditampilkan di galeri daftar akun.
Untuk keluar dari mode pratinjau, pilih di sudut kanan atas layar.

Menggunakan tampilan hierarki

Tampilan hierarki terletak di sisi kiri layar (jika Anda tidak melihatnya, pilih ). Tampilan hierarki memberi Anda akses mudah ke komponen dalam aplikasi kanvas, seperti layar, galeri, kontrol input teks, dan label teks.

Tampilan hierarki dapat diciutkan atau diperluas berdasarkan layar untuk memudahkan Anda fokus pada bagian aplikasi kerja Anda.

Saat ini, Browse Screen1 diperluas. Untuk melihat komponen pada layar lain, pilih > di samping nama layar.

Modifikasikan galeri akun

Galeri di Power Apps digunakan di untuk menampilkan beberapa item terkait. Misalnya, dalam aplikasi kami, BrowseGallery1 menampilkan semua rekaman akun kami. Bila salah satu item dipilih, batas diletakkan di sekitar item untuk menunjukkan bahwa item telah dipilih.

Secara default, galeri ini mencakup tiga bidang berikut: Nama akun, nomor telepon, dan kota.

Namun, kita dapat mengubah bidang yang tercakup di galeri.

Pilih BrowseGallery1 dari Tampilan hierarki.
Di panel properti di sisi kanan layar, pilih Edit.
Panel data bidang akan muncul. Ubah Subjudul Situs Web.
Pilih di luar panel data bidang.
Aplikasi sekarang akan menampilkan nilai bidang situs web dan bukan nomor telepon.

Memperbarui pencarian untuk mencakup nama akun

Saat mempratinjau aplikasi, Anda mungkin memperhatikan bahwa pencarian berdasarkan nama akun tidak berfungsi. Hal ini dikarenakan rumus pencarian aplikasi yang dibuat otomatis tidak mencakup bidang Nama akun. Dalam pelajaran ini, kita akan memperbarui rumus pencarian untuk mencakup bidang Nama akun.

Tip

Nama akun disimpan dalam kolom yang disebut Nama.

Pilih BrowseGallery1 di Tampilan hierarki.
Verifikasikan properti Item dipilih di pemilih properti.
Perbarui rumus sebagai berikut di bilah rumus:
```
SortByColumns(Search([@Accounts], TextSearchBox1.Text, "name","address1_city","address1_composite"), "name", If(SortDescending1, Descending, Ascending))
```
Rumusnya terdiri dari fungsi SortByColumns, Search, dan If untuk mencari tabel Akun dengan teks yang dimasukkan di kotak pencarian yang memiliki data yang cocok pada bidang nama, address1_city, dan address1_composite, dan memungkinkan pengurutan.

Daftar akun sekarang dapat dicari dan diurutkan berdasarkan bidang Nama akun.

Tambahkan bidang ke layar rincian akun

Datascreen1 mencakup formulir tampilan yang menampilkan data rekaman yang dipilih pada layar telusur. Kontrol formulir tampilan hanya dapat dibaca, dimaksudkan untuk memungkinkan pengguna membaca data tetapi tidak membuat atau mengedit data.

Pada tampilan hierarki, perluas Detail Screen1.
Pilih DetailForm1.
Di panel properti sisi kanan, pilih Edit Bidang.
Pilih Tambahkan bidang.
Pilih bidang berikut:
- Alamat 1: Negara
- Alamat 1: Negara Bagian/Provinsi
- Alamat 1: Jalan 1
- Alamat 1: Kode ZIP/Pos
Pilih Tambahkan.
Anda sekarang akan melihat bidang yang dipilih di panel Bidang. Susun ulang bidang dengan menarik dan menjatuhkannya atau dengan memilih ... (elipsis) di kanan nama bidang, dan memilih Pindahkan ke atas atau Pindahkan ke bawah.
Susun bidang dalam urutan berikut ini:
- Nama Akun
- Nomor Telepon Utama
- Alamat 1: Jalan 1
- Alamat 1: Kota
- Alamat 1: Negara Bagian/Provinsi
- Alamat 1: Kode ZIP/Pos
- Alamat 1: Negara/Kawasan
Pilih di mana pun di luar panel bidang untuk menutup panel, dan kembali ke DetailScreen1.

Anda sekarang akan melihat bidang yang ditampilkan dalam urutan yang benar.

Modifikasikan layar edit akun

EditScreen1 memungkinkan pengguna mengedit atau membuat rekaman akun. Layar ini mencakup kontrol Edit Formulir yang disebut EditForm1.

Catatan

Karena formulir edit merupakan salah satu metode utama untuk membuat atau memperbarui rekaman, maka formulir harus mencakup setiap bidang yang dapat diajukan oleh pengguna, dan tidak boleh mencakup bidang apa pun yang hanya dapat dibaca atau bidang yang tidak Anda inginkan untuk dimodifikasi oleh pengguna.

Dalam pelajaran ini, kita akan menambahkan bidang sama yang telah ditambahkan sebelumnya ke formulir tampilan, ditambah kemampuan untuk melampirkan file.

Pada tampilan hierarki, perluas EditScreen1.
Pilih EditForm1.
Di panel properti sisi kanan, pilih Edit Bidang.
Pilih Tambahkan bidang.
Pilih bidang berikut:
- Alamat 1: Negara
- Alamat 1: Negara Bagian/Provinsi
- Alamat 1: Jalan 1
- Alamat 1: Kode ZIP/Pos
Anda sekarang akan melihat bidang yang dipilih di panel Bidang. Susun ulang bidang dengan menarik dan menjatuhkannya atau dengan memilih ... (elipsis) di kanan nama bidang, dan memilih Pindahkan ke atas atau Pindahkan ke bawah.
Susun bidang dalam urutan berikut ini:
- Nama Akun
- Nomor Telepon Utama
- Alamat 1: Jalan 1
- Alamat 1: Kota
- Alamat 1: Negara Bagian/Provinsi
- Alamat 1: Kode ZIP/Pos
- Alamat 1: Negara/Kawasan
Pilih di mana pun di luar panel bidang untuk menutup panel bidang.
Untuk meminimalkan gulir yang tidak perlu dalam aplikasi, kita perlu Edit Formulir untuk mengatur bidang menjadi dua kolom. Di panel properti di kanan, pilih 2 dalam drop down Kolom.
Untuk memudahkan membaca formulir, kita perlu menghilangkan bagian Alamat 1: dari label bidang alamat.
- Pada tampilan hierarki, perluas EditForm1.
- Pilih kontrol Alamat 1: City_DataCard2.
- Pada panel properti di kanan, pilih Lanjutan.
- Pilih buka untuk mengubah properti.
- Ubah properti DisplayName ke Kota.
- Ikuti langkah-langkah di atas untuk menghilangkan Alamat 1: dari bidang Jalan 1, Negara/Kawasan, Negara Bagian/Provinsi, dan Zip/Kode Pos.

Edit Screen1 sekarang terlihat seperti berikut:

Layar Edit Akun

Simpan aplikasi

Dengan menyimpan aplikasi, aplikasi Anda akan menjadi tersedia untuk digunakan dan berbagi dengan orang lain.

Di Power Apps Studio, Pilih file.
Pada bidang Nama, masukkan Manajer Akun.
Pilih ikon dan warna latar belakang dari area Ikon. Ini akan digunakan untuk mengidentifikasi aplikasi dalam daftar aplikasi.
Pilih Simpan.
Pilih Simpan di sudut kanan bawah.
Setelah aplikasi disimpan, pilih panah kembali untuk kembali ke Power Apps Studio.

Jalankan aplikasi

Masuk ke Power Apps.
Pastikan Anda berada dalam lingkungan yang digunakan untuk membuat aplikasi dengan melihat di sudut kanan atas layar. Jika berbeda, pilih Lingkungan dan pilih lingkungan yang sesuai.
Pilih Aplikasi.
Dari daftar aplikasi, pilih Pengelola Akun.
Saat aplikasi dimuat, verifikasikan perubahan yang dibuat.
- Cari daftar aplikasi untuk Blue Yonder Airlines.
- Pilih rekaman Blue Yonder dan verifikasikan Anda melihat bidang yang ditambahkan ke formulir Tampilan.
- Pilih untuk mengedit rekaman.
- Formulir verifikasi menampilkan dua kolom bidang.
- Pastikan nama bidang tidak menampilkan Alamat 1: di label.
- Pilih Lampirkan file dalam area Lampiran, pilih file, dan pilih Buka.
- Verifikasikan file yang diunggah akan ditampilkan dalam daftar lampiran.
- Untuk menyimpan rekaman, pilih .

Jalankan aplikasi di perangkat bergerak

Untuk menguji Power Apps di perangkat begerak Anda:

Unduh aplikasi dari toko aplikasi ponsel Anda.
Masuk dengan akun kerja atau sekolah.
Pilih aplikasi dari daftar.