Bagikan melalui

Membuat aplikasi kanvas dari gambar

Perjalanan pembuatan aplikasi biasanya melibatkan fase desain untuk merencanakan seperti apa tampilan aplikasi tersebut. Baik desainnya didasarkan pada formulir kertas yang sudah ada, gambar papan tulis, atau gambar aplikasi lama, dibutuhkan waktu yang cukup lama untuk membangun aplikasi dari awal.

Buat aplikasi dari desain visual dan hubungkan ke data melalui beberapa langkah panduan yang sederhana.

Catatan

  • Penataan komponen dalam aplikasi, seperti font dan warna, didasarkan pada tema Office Blue Power Apps.
  • Jika Anda ingin gaya desain yang tepat dipertahankan saat Anda membuat aplikasi, pertimbangkan untuk membuat aplikasi kanvas dari Figma.
  • Power Apps tidak mempertahankan gambar yang Anda unggah. Gambar yang diunggah hanya diproses dalam memori untuk membuat aplikasi.

Prasyarat

  • Lisensi Power Apps. Jika Anda tidak memiliki lisensi untuk Power Apps, Anda dapat mendaftar secara gratis.
  • Jika Anda menggunakan gambar Anda sendiri, ekstensi file gambar harus .jpg atau .png, dan ukuran file tidak boleh lebih dari 4 MB.
  • Gambar harus berisi formulir satu halaman yang mudah dibaca dan berwarna latar belakang terang. Untuk hasil terbaik, edit gambar sehingga memiliki latar belakang putih dan kontras tinggi.

Buat aplikasi

  1. Masuk ke Power Apps.

  2. Pada layar beranda, pilih Mulai dengan desain halaman.

  3. Pilih Gambar atau Figma file>Mulai dari Gambar.

  4. Tinjau contoh gambar dan tips yang disarankan. Untuk pengalaman terbaik, pastikan gambar Anda mematuhi rekomendasi ini. Setelah selesai, pilih Berikutnya.

  5. Masukkan nama untuk aplikasi.

  6. Unggah Gambar Anda sendiri. Jika Anda belum memiliki gambar yang siap, pilih Mulai dengan gambar contoh dan pilih salah satu gambar contoh yang tersedia.

    Catatan

    Saat menggunakan gambar Anda sendiri, pastikan gambar tersebut memenuhi persyaratan gambar yang disebutkan dalam Persyaratan gambar.

    Contohnya, berikut adalah dua gambar sampel dengan kualitas yang dapat diterima dan tidak dapat diterima:

    Kualitas yang dapat diterima Kualitas yang tidak dapat diterima
    Contoh gambar yang digambar tangan dengan kualitas yang dapat diterima. Contoh gambar yang digambar tangan dengan kualitas yang tidak dapat diterima.

  7. Berdasarkan dimensi gambar Anda, format (tablet atau ponsel) secara otomatis dipilih untuk Anda. Untuk hasil terbaik, sebaiknya simpan format yang disarankan. Menggunakan format yang disarankan memastikan kecocokan paling dekat antara gambar masukan Anda dan aplikasi akhir. Pilih Selanjutnya.

    Berikan nama gambar, jenis gambar, dan tata letak.

  8. Gambar Anda secara otomatis diberi tag berdasarkan komponen yang diidentifikasi. Misalnya, pada gambar contoh berikut, kotak yang bertuliskan "Masukkan nama depan Anda" diidentifikasi sebagai kontrol Masukan teks .

    Anda dapat menarik tag baru dengan memilih dan menarik untuk memilih kawasan yang mencakup komponen. Selanjutnya, pilih jenis komponen yang akan dikaitkan tag baru.

    Untuk mengedit tag yang ada atau menghapusnya, pilih tag. Selanjutnya Anda dapat menetapkan komponen lain untuk tag tersebut atau menyesuaikan dimensi tag dengan menarik sudut untuk mengubah ukuran tag. Jika Anda ingin menghapus tag, pilih Hapus tag.

    Rancang komponen untuk aplikasi dengan memilih tag atau buat tag baru, lalu pilih kontrol tag.

    Tip

    Pilih tab Panduan di sisi kanan layar untuk mempelajari lebih lanjut tentang berbagai jenis komponen dan cara memberi tag masing-masing komponen secara akurat.

    Setelah Anda meninjau tag dan memastikan bahwa setiap komponen diberi tag dengan benar, pilih Berikutnya.

  9. Menyiapkan data. Untuk pengalaman terbaik, kami sarankan Anda menghubungkan aplikasi Anda ke sumber data dengan memilih Hubungkan ke Dataverse tabel. Jika Anda memilih opsi ini dan memilih Berikutnya, Anda akan dipandu untuk memilih Dataverse tabel yang ada dan memetakan bidang pada gambar ke kolom di tabel tersebut atau membuat tabel baru di Dataverse dan menambahkan kolom berdasarkan bidang formulir di gambar Anda. Aplikasi Anda berisi komponen formulir yang terhubung ke Dataverse tabel Anda.

    Jika Anda tidak ingin terhubung ke Dataverse, pilih Lewati ini untuk saat ini. Jika Anda memilih opsi ini dan memilih Buat, aplikasi Anda dibuat apa adanya, artinya komponen yang Anda beri tag pada langkah sebelumnya dibuat secara langsung. Mereka tidak ditempatkan ke dalam komponen formulir, dan aplikasi Anda tidak terhubung ke data.

    Pilih untuk terhubung ke Dataverse, atau lanjutkan tanpa membuat tabel sekarang.

    Jika Anda memilih untuk tidak menghubungkan ke Dataverse, pilih Buat dan aplikasi akan dibuat untuk Anda. Nanti, Anda dapat menambahkan koneksi data ke aplikasi Anda untuk menghubungkan aplikasi dengan data Anda.

    Catatan

    Pilihan untuk Menghubungkan ke Dataverse tabel akan dinonaktifkan jika Anda tidak memiliki Dataverse di lingkungan Anda.

  10. Jika Anda memilih untuk menyambung ke Dataverse tabel dan memilih buat tabel baru atau tabel yang sudah ada, kini Anda dapat mengedit detail tabel dan kolom. Setiap tag sesuai dengan kolom data berdasarkan bidang formulir yang diidentifikasi pada gambar Anda.

    Pilih tag untuk mengubah properti kolom, seperti Nama Tampilan, Nama, dan Jenis data. Untuk menghapus kolom yang ada, pilih tag dan kemudian pilih Hapus kolom.

    Rancang tabel, ubah kolom, dan propertinya.

    Anda dapat menambahkan kolom data dengan menarik tag baru dan mengatur properti. Ketika memberikan tag pada kolom, Anda sering kali akan menggambar tag di sekitar dua hal: label, dan sesuatu yang akan dimasuki data oleh pengguna, seperti input teks.

    Tip

    Pilih Properti tabel di sisi kanan layar untuk melihat dan mengedit properti tabel baru Anda.

    Setelah memilih Berikutnya, Anda akan dapat meninjau struktur tabel dan kolom.

    Tinjau dan konfirmasikan struktur skema tabel dan kolom.

    Setelah Anda menyelesaikan peninjauan, pilih Buat untuk membuat aplikasi. Pembuatan aplikasi mungkin memakan waktu satu atau dua menit.

  11. Setelah aplikasi dibuat, aplikasi baru Anda terbuka di Power Apps Studio sehingga Anda dapat terus membangun dan menyesuaikan aplikasi Anda.

    Aplikasi ini telah dibuat dan dibuka di Power Apps Studio untuk Anda sesuaikan.

    Jika Anda memilih untuk membuat tabel baru di Dataverse, formulir Anda akan secara otomatis tersambung ke tabel baru.

    Tabel telah dibuat dan ditambahkan ke aplikasi.

  12. Teruskan membangun dan menyesuaikan aplikasi Anda dengan menambahkan lebih banyak komponen atau memodifikasi properti gaya.

    Berikut adalah beberapa langkah umum selanjutnya untuk membawa aplikasi Anda ke tingkat berikutnya:

    1. Tambahkan layar baru bernama Screen2 ke aplikasi Anda dan galeri untuk menampilkan rekaman. Atur sumber data galeri ke tabel Dataverse baru Anda.
    2. Pada layar yang berisi formulir Anda, tambahkan tombol (jika Anda belum memilikinya) untuk mengirimkan data formulir. Tetapkan rumus untuk properti OnSelect ke SubmitForm(Form1).
    3. Pilih formulir, lalu pilih tab Lanjutan di sisi kanan layar dan atur properti OnSuccess ke Navigate(Screen2). Dengan begitu, setelah data formulir berhasil dikirim, aplikasi akan menavigasi ke layar yang berisi galeri untuk menampilkan rekaman.
    4. Pilih Mainkan di sisi kanan atas layar untuk melihat pratinjau aplikasi Anda. Isi formulir, lalu pilih Kirim untuk mengirimkan formulir. Rekaman baru Anda akan muncul di layar galeri.

  13. Simpan dan publikasikan aplikasi.

Persyaratan gambar

  • Gambar yang ingin Anda unggah harus memiliki ekstensi file .jpg atau .png. Jika Anda memiliki gambar desain dengan ekstensi file lain, simpan file gambar dengan ekstensi file .jpg atau .png untuk menggunakannya dengan fitur ini.
  • Ukuran gambar harus kurang dari 4 MB.
  • Jika Anda menggunakan tangkapan layar atau sketsa digital, ubah latar belakang menjadi warna terang dan murni jika warna putih tidak tersedia.
  • Jika Anda mengambil gambar, gunakan kontras yang lebih tinggi atau buat gambar lebih cerah. Pastikan bagian yang ingin Anda tandai jelas dan terang.
  • Jika Anda mengambil gambar menggunakan kamera atau ponsel, gunakan kontras yang lebih tinggi untuk mendukung latar belakang terang. Gunakan aplikasi penyunting foto yang tersedia untuk mengedit kontras gambar.
  • Jika Anda menggunakan gambar yang digambar dengan tangan, usahakan menggunakan buku sketsa putih tanpa garis apa pun.

Pembatasan

Baca juga