Latest / M365.FM – Podcast Microsoft 365, Copilot & AI Bahasa Indonesia / Perbaiki Validasi Formulir Power Pages dengan Cepat Memakai GitHub Copilot dan @powerpages di VS Code (Sulih Suara AI)

Transcript

Perbaiki Validasi Formulir Power Pages dengan Cepat Memakai GitHub Copilot dan @powerpages di VS Code (Sulih Suara AI) · M365.FM – Podcast Microsoft 365, Copilot & AI Bahasa Indonesia

0:00
Anda tahu perasaan tidak enak saat formulir PowerPages Anda tidak bisa divalidasi,
0:03
dan pesan kesalahannya tidak lebih berguna daripada 404 brain not found.
0:07
Titik masalah itulah yang kita perbaiki hari ini.
0:09
Kita akan membahas 5 langkah.
0:11
Menyederhanakan template Liquid, mempercepat JavaScript, dan validasi formulir mendapatkan penjelasan kode.
0:16
Dalam bahasa yang mudah, mengintegrasikan HTML dengan Bootstrap untuk tata letak responsif,
0:20
dan menyederhanakan panggilan api web.
0:22
Satu catatan singkat, Anda memerlukan VS Code dengan ekstensi Power Platform Tools,
0:25
GitHub Copilot Chat, dan konten situs Anda yang ditarik melalui CLI Power Platform dengan autentikasi Dataverse.
0:32
Pengaturan itu membuat Copilot sadarkan konten.
0:34
Dengan itu, Copilot berhenti memberikan cuplikan kode secara acak.
0:37
Copilot memberikan kode iteratif kontekstual yang mengurangi proses coba-coba.
0:40
Saya akan menunjukkan perintah yang tepat agar Anda dapat mereplikasinya sendiri.
0:43
Dan karena sebagian besar masalah dimulai dengan JavaScript,
0:45
mari kita bahas apa yang terjadi ketika kesalahan formulir Anda terasa seperti kegagantuan.
0:49
Saat JavaScript terasa seperti masalah besar,
0:51
JavaScript dapat mengubah pemeriksaan formulir yang seharusnya mudah menjadi bencana dengan cepat.
0:55
Satu ketukan tombol yang salah, dan alih-alih menghentikan input yang buruk.
0:59
Seluruh alur pun kacau.
1:00
Biasanya saat itulah Anda duduk menatap layar sambil bertanya-tanya
1:02
bagaimana sesuatu yang konyol bisa melewati logika validasi yang sudah Anda tulis dengan hati.
1:06
Anda tahu prosedurnya, formulir yang terlihat, tidak berbahaya,
1:09
validator yang dimaksudkan untuk menyaring sampah,
1:10
dan pengguna pintar yang mengetik satu hal yang tidak Anda perhitungkan.
1:13
Kita tiba lopan soal Anda, meledak dengan keluhan,
1:15
dan setiap TPS Code terasa seperti jalan bentuk lainnya.
1:18
Kesalahan kecil adalah yang paling berdampak.
1:20
Titik koma yang hilang atau bercakupan yang masuk akal di kepala Anda,
1:23
tetapi berdampak fatal saat kode dijalankan.
1:26
Kesalahan kecil ini sering muncul dalam penerapan nyata,
1:29
dan menjelaskan mengapa validasi yang rusak menjadi tiket yang lazim dalam pengembangan web.
1:33
Biasanya pendekatan Anda adalah dengan paksa.
1:36
Anda mengubah satu baris, menyegarkan,
1:38
ditolak oleh kesalahan lain,
1:39
lalu mengulangi siklus tersebut sampai sesuatu akhirnya berhasil.
1:42
Satu malam terbuang percuma,
1:43
dan hasil akhirnya seringkali hanya skrip tambal sulami yang bisa berjalan.
1:46
Tidak ada gangguan, tidak ada momen belajaran.
1:48
Itulah mengapa debaging validasi terasa seperti kegagalan total yang klasik.
1:52
Anda terus berusaha, tetapi hasilnya tidak berpihak pada Anda.
1:54
Disinilah kopilot perlukan.
1:56
Saran umum kopilot terkadang membantu,
1:57
tetapi seringkali terlihat seperti potongan acak yang diambil dari log pencarian yang samar.
2:02
Berguna dalam semangat, namun salah ada lebih.
2:04
Itu karena kopilot biasanya tidak mengetahui keunikan Power Pages.
2:07
Namun tambahkan partisipan Add Power Pages,
2:08
dan tiba-tiba ia tidak lagi mengeluarkan kode boilerplate,
2:11
melainkan kode boilerplate,
2:12
melainkan menawarkan kode sadar konteks yang disesuaikan dengan lingkungan Anda.
2:14
Microsoft membangunnya untuk menangani aspek spesifik Power Pages,
2:17
termasuk template liquid dan binding data first,
2:19
yang berarti saran-sarannya memperhitungkan fitur-fitur yang biasanya menyulitkan Anda.
2:23
Dan ini bukan sekadar menghasilkan cubikan kode,
2:25
integrasi Add Power Pages juga dapat menjelaskan konstruksi spesifik Power Pages,
2:28
sehingga Anda tidak hanya menempelkan kode tanpa paham,
2:30
tetapi benar-benar mengerti mengapa suatu skrip bekerja seperti itu.
2:33
Hal itu membuat proses debug tidak lagi seperti berjalan dengan mata tertutup,
2:36
melainkan seperti bekerja bersama seseorang yang sudah bersama seseorang
2:38
yang sudah pernah menaklukkan tantangan yang sama.
2:40
Sebagai contoh, Anda bisa langsung mengetikan perintah ini ke dalam obrolan kepela.
2:43
Add Power Pages, buat kode JavaScript untuk validasi kolom formulir,
2:46
guna memastikan nilai kolom telpon dalam format yang valid.
2:49
Itu bukan sekadar teori, itu adalah input siap pakai yang dapat Anda tiru
2:51
dan akan Anda lihat nanti dalam panduan ini.
2:53
Kode yang dihasilkan bukanlah cuplikan web yang samar,
2:56
melainkan kode yang dapat langsung diterapkan dan dirancang
2:58
untuk dikompilasi dalam konteks Power Pages Anda.
3:00
Predictabilitas itulah perubahan yang sebenarnya.
3:02
Dengan kopilot umum, rasanya seperti membawa seorang penyair
3:05
yang mungkin memetik nada yang tepat,
3:06
tetapi seringkali lagunya tidak relevan dengan pertempuran Anda saat.
3:09
Dengan Add Power Pages, rasanya lebih seperti berpergian
3:11
dengan seorang penjelajah yang sudah tahu di mana jebakan tersembunyai.
3:14
Pencarian menjadi bukan lagi tentang bertahan dari jebakan,
3:16
melainkan tentang merancang pengalaman penggunaan jelas.
3:18
Alat ini tidak menggantikan penilaian Anda,
3:20
melainkan mempertajab.
3:21
Anda tetap yang menentukan apa yang dianggap sebagai input valid
3:23
dan bagaimana kesalahan harus memandu penggunaan.
3:25
Namun, alih-alih menghabiskan waktu untuk bug sintaksis
3:27
dan kesalahan ketik bulehan.
3:29
Anda bisa fokus membuat alur kerja yang intuitif.
3:31
Jika ditangani dengan benar, langkah-langkah validasi tersebut
3:33
tidak lagi menjadi hambatan,
3:34
melainkan bagian dari pengalaman yang mulus
3:36
bagi siapapun yang menggunakan formulir.
3:37
Mungkin tidak terasa seperti kemenangan besar,
3:39
tetapi mencegah kegagalan mendasar
3:40
adalah hal yang menyelamatkan Anda
3:42
dari banjir tiket keluhan sederhana di masa depan.
3:44
Begitu Copilot mengambil alih pekerjaan berat
3:46
dalam menghasilkan kode validasi yang akurat
3:48
waktu Anda beralih dari mode bertahan hidup
3:49
ke peningkatan perilaku aplikasi yang sesungguhnya.
3:52
Perbedaan itu penting.
3:53
Karena saat Anda melihat bagaimana perintah
3:54
yang tepat mengubah alur pembuatan kode,
3:56
Anda mulai bertanya-tanya apalagi yang bisa dibuka oleh perintah tersebut.
3:59
Dan disitulah keunggulan nyata
4:00
menggunakan Copilot dengan Powerpages menjadi jelas.
4:03
Mendapatkan keuntungan dengan perintah Copilot.
4:05
Mendapatkan keuntungan di sini berarti mengetahui perintah
4:07
yang tepat untuk diberikan kepada Copilot alih-alih
4:09
hanya berharap keberuntungan berpihak pada Anda.
4:11
Itulah kekuatan sebenarnya dari penggunaan partisipan
4:13
at Powerpages.
4:14
Hal ini mengubah obrolan Copilot dari asisten umum
4:16
menjadi mitra yang seder konteks
4:18
yang dibangun khusus untuk lingkungan Powerpages Anda.
4:20
Begini cara menggunakannya.
4:22
Di dalam VS Code,
4:23
buka panel obrolan Copilot,
4:24
lalu ketik perintah Anda dengan diawali
4:25
at Powerpages.
4:27
Tag itulah yang memberi sinyal kepada Copilot
4:29
untuk membuat kecerdasan Powerpages alih-alih
4:31
menggunakan mode start.
4:32
Anda dapat meminta validator,
4:34
cuplikan liquid,
4:35
bahkan panggilan terikat dataverse,
4:36
dan Copilot akan menyesuaikan jawabannya
4:38
agar pas dengan sistem yang sedang Anda kerjakan.
4:41
Nah, agar itu berhasil,
4:42
Anda memerlukan persiapan yang tetap.
4:44
Visual Studio Code terinstall,
4:46
ekstensi Power Platform Tools,
4:47
ekstensi GitHub Copilot Chat,
4:48
dan Power Platform CLI
4:49
yang telah diautentikasi ke lingkungan dataverse Anda.
4:53
Langkah autentikasi adalah yang terpenting
4:55
karena Copilot hanya memahami lingkungan Anda
4:56
setelah Anda menarik konten situs ke VS Code
4:58
saat dalam keadaan masuk.
5:00
Saat dalam keadaan masuk.
5:01
Tanpa itu, ia hanya akan menebak.
5:02
Dan satu catatan mengenai data code.
5:04
Beberapa fitur Copilot untuk Powerpages
5:05
masih dalam perhatian jauh
5:06
dan admin penyewa yang mengantel
5:07
apakah fitur tersebut diaktifkan
5:08
melalui Copilot Hub di pengaturan tata kelola.
5:11
Jangan heran jika fitur yang didamakan di sini
5:12
dimatikan di organisasi Anda.
5:14
Itu adalah pengaturan admin, bukan Pak.
5:15
Berikut perbedaannya setelah Anda menyiapkannya.
5:17
Copilot biasa seperti meminta saran medan perang
5:19
kepada seorang penyaih.
5:20
Anda akan mendapatkan alunan musik yang menyenangkan,
5:22
mungkin komentar umum,
5:23
tetapi tidak ada detail yang Anda butuhkan
5:25
saat berurusan dengan templat liquid
5:26
atau bidang entitas dataverse.
5:28
Peserta App Powerpages lebih mirip
5:29
seperti seorang penjelajah yang sudah mematahkan medan tersebut.
5:32
Ini bukan sekadar kode yang bisa dikompilasi,
5:33
melainkan kode yang merujuk pada pengikatan yang tepat,
5:35
cocok dengan validator formulir,
5:37
dan selaras dengan cara kerja Powerpages.
5:40
Satu metafora, satu perbandingan, satu hasilnya.
5:42
Output yang berguna dan sadar konteks
5:44
bukan cuplikan generik yang rapuh.
5:46
Berikut bicara soal asal.
5:47
Jika Anda meminta rutinitas validasi pada Copilot biasa,
5:49
Anda mungkin akan mendapatkan skrip
5:50
yang berfungsi di formulir HTML dasar saja.
5:52
Namun, masukkan ke Powerpages
5:54
dan Anda akan menemui kendaraan.
5:55
Tidak ada pengenalan skema entitas,
5:57
tidak tahu apa fungsi tech liquid,
5:58
dan pastinya tidak sadar akan aturan dataverse.
6:01
Ya, bekerja seperti serlotip menempel
6:02
tapi tidak bisa diandalkan.
6:04
Berikan permintaan yang sama dengan
6:05
Add Powerpages di depan,
6:06
dan tiba-tiba Anda mendapatkan validator
6:07
yang tidak hanya berjalan,
6:08
tetapi juga terikat pada rekerensi bidang entitas
6:10
yang benar-benar Anda butuhkan.
6:11
Permintaan sama, output disesuaikan dengan konteks,
6:13
tidak perlu sesi perbaikan tengah malam.
6:15
Dan ini bukan hanya soal membuat skrip.
6:17
Perintah seperti Add Powerpages,
6:19
jelaskan kode berikut,
6:20
persen serta kan salingan halaman persen,
6:21
memberi Anda penjelasan bahasa
6:23
yang sederhana tentang konstruksi liquid
6:24
atau Powerpages tertentu.
6:26
Anda tidak sekedar saling tempel secara buta,
6:28
Anda benar-benar membangun pemahaman.
6:29
Itu adalah jenis kekuatan yang berbeda
6:31
karena Anda mempelajari mantra sekaligus
6:32
melapakan mantra-mantranya.
6:33
Semakin lama Anda bekerja dengan perintah-perintah,
6:35
ini semakin alur kerja Anda berubah.
6:37
Alih-alih memperbaiki kesalahan sendirian
6:38
pada jam 2 pagi,
6:39
Anda memperlakukan kopilot seperti mata kedua
6:41
yang sudah tahu apa yang rusak
6:42
di 90% dari pembuatan serupa.
6:45
Perintah tersebut tidak memberi Anda kode curang,
6:47
tetapi memberi Anda wawasan dan sampel kerja
6:49
yang menghormati konikan lingkungan Anda.
6:51
Ini menyelamatkan Anda dari siklus pengejaan ulang.
6:53
Pada peran kopilot biasa,
6:54
Anda akan berada di posisi tengah.
6:56
Skrip lumayan,
6:57
perlu pengejaan ulang
6:58
dan beberapa kali uji coba agar pas.
7:00
Pada peran app Power Pages,
7:01
rasanya seperti keberuntungan alami yang sempurna.
7:04
Skrip validasi pas di formulir Power Pages Anda,
7:06
penyertaan liquid berhasil,
7:08
dan pengikatan data first tidak mengunculkan error.
7:10
Ini bukan keberuntungan,
7:11
inilah yang terjadi saat kopilot
7:12
memahami lingkungan tempat Anda membuat kode.
7:15
Namun, keunggulan itu hanya memberi Anda draft pertama.
7:17
Cuplikan yang berfungsi bukan berarti pengalamannya, sudah selesai.
7:20
Mengguna mengetik input aneh,
7:21
pesan error perlu detail,
7:23
dan skrip harus berkembang melampaui draft kerangka
7:24
yang diberikan kopilot.
7:26
Dan disitulah tantangan berikutnya dimulai.
7:29
Dari kerangka skrip ke kode yang tangguh,
7:31
semuanya dimulai dari validasi yang paling dasar.
7:35
Anda mendapatkan draft pertama,
7:36
skrip sederhana yang secara teknis berjalan,
7:38
tetapi hanya memblokir hal-hal yang sangat tidak masuk akal.
7:40
Anggap saja itu sebagai petarung level 1
7:42
yang menggang perisekat.
7:43
Itu berhasil untuk 1-2 serangan lemah,
7:45
tetapi saat pengguna mulai beraksi,
7:46
perisekat itu hancur.
7:48
Siapapun yang pernah mengirimkan formulir tahu
7:49
bahwa skrip tidak akan bertahan lama dalam kondisi awal,
7:51
Anda berjaga terhadap kesalahan muda,
7:54
tetapi kemudian pengguna menempelkan emoji ke kolom telepon
7:56
atau menetik tanggal esok untuk tanggal esok
7:58
untuk tanggal hemat.
7:59
Tiba-tiba pertahanan Anda runtuh,
8:00
tiket menumpuk di kotak masuk,
8:01
dan Anda terjebak dengan validasi rapu
8:03
yang tidak banyak membantu.
8:05
Masalah utamanya bukan sekadar cakupan validasi,
8:06
melainkan umpan balik.
8:08
Pesan seperti input tidak valid
8:09
adalah padanan perangkat lunak
8:10
dari pintu terkunci tanpa petunjuk.
8:13
Itu tidak beritahu pengguna apapun,
8:14
jadi mereka menebak, gagal lagi,
8:15
dan akhirnya melemparkan masalah terkeperan.
8:16
Saat itulah tiket meja bantuan Anda berlipat ganda
8:19
karena alasan yang sama dan dapat diperdiksi.
8:20
Inilah perubahan.
8:22
Skrip kardus itu tidak perlu tetap rapuh.
8:24
Dengan Copilot,
8:25
Anda tidak hanya menerima kerangka Anda
8:26
mengembangkannya menjadi pelindung yang kuat.
8:28
Dan alur kerjanya cukup sederhana
8:29
untuk diingat seperti siklus 4 langkah
8:31
buat kerangka,
8:32
minta Copilot meningkatkan pesan error,
8:34
tambahkan penanganan kasus khusus,
8:36
lalu terapkan.
8:37
Setiap langkah meningkatkan senjata tipis
8:39
menjadi alat yang bisa Anda andalkan di lapangan.
8:41
Copilot bekerja dalam sesi
8:42
yang membuatnya cepat.
8:43
Karena Anda berada dalam obrolan yang sama,
8:46
dengan asal kerangka tadi,
8:47
Anda cukup mengetik perbarui kode
8:48
dan tulis pesan error yang detail.
8:50
Copilot tidak mulai dari nol,
8:51
ia benar-benar memperbarui kode
8:53
yang Anda miliki langsung di editor Anda.
8:55
Tidak perlu berpindah-pindah tab ramban
8:56
atau membuat ulang perintah dari awal.
8:59
Ini bersifat tidak tipukan sekadar berat.
9:00
Dan Anda bisa melihat dampaknya secara langsung.
9:02
Bayangkan sebelum dan sudahnya.
9:03
Draft pertama Anda munculkan input tidak valid.
9:06
Setelah satu kali perbaikan,
9:08
pesannya menjadi nomor telepon
9:09
harus berupa angka saja
9:10
dan minimal 10 karakter.
9:11
Kejelasan tersebut mengubah pengalaman pengguna.
9:14
Alih-alih tembok, Anda memandu arah.
9:16
Mereka tahu apa yang salah
9:17
dan cara memperbaikinya sendiri.
9:19
Tidak ada tiket, tidak ada keluhan.
9:20
Waktu Anda pun tidak terbuang sia-sia.
9:22
Dorong lagi untuk kasus-kasus ekstrem
9:23
dan copilot akan memperkut perlindungan.
9:25
Perlu meriksa karakter khusus
9:26
yang menyelinap ke kolom numerik?
9:29
Minta copilot di utas yang sama.
9:30
Ingin respons yang lebih berlapis
9:31
untuk berbagai jenis kegagalan?
9:33
Alur kerjanya sama.
9:34
Setiap kali skrip semakin kuat
9:35
dan itu dilakukan
9:36
dengan konteks yang terikat
9:37
pada lingkungan power pages Anda,
9:39
bukan sekadar kode web generik.
9:41
Yang sebenarnya terjadi adalah perubahan
9:42
dalam cara Anda melakukan debu.
9:43
Anda berhenti memandamkan api
9:45
pada baris sintaks yang rusak
9:46
dan mulai membentuk draft yang berfungsi.
9:48
Copilot sudah memberi Anda dasar yang berfungsi
9:49
jadi energi Anda tercura untuk menyempurnakan.
9:52
Alih-alih coba-coba pada karyan sintaks Anda
9:54
dengan sengaja membentuk
9:55
bagaimana kode berkomunikasi dengan pengguna.
9:57
Hal itu memangkas jam kerja ulang
9:58
dan mengurangi pergantian dukungan.
10:00
Saat Anda melihatnya melalui siklus tersebut,
10:02
kerangka, perbaikan pesan,
10:03
penguatan terhadap kasus ekstrem,
10:05
penerapan Anda menyadari
10:06
bahwa Anda tidak hanya mencegah kekacauan data
10:08
tetapi juga secara aktif
10:08
mengurangi beban dukungan di masa mendat.
10:10
Setiap pesan kesaran yang dibuat dengan baik
10:12
adalah satu tiket
10:12
mengapa ini tidak berhasil
10:13
yang berkurang dari antara Anda.
10:15
Setiap kasus ekstrem yang ditangani
10:16
berarti satu kolom rapu
10:18
yang tidak akan meledak saat produksi.
10:20
Saat perbaikan Copilot sudah berlapis,
10:21
kerangkanya tetap ada di balik pelindung
10:23
tetapi sudah berubah total.
10:25
Apa yang dimulai sebagai solusi
10:27
sementara menjadi sesuatu
10:28
yang cukup tangguh untuk data produksi
10:29
dengan umpan balik
10:30
yang mendidik pengguna
10:31
alih-alih menghalangi mereka.
10:33
Seperti berisai kertas
10:33
yang ditempa menjadi pelat baja,
10:35
ini mengubah suasana pertarungan
10:36
di kedua sisi layar.
10:37
Dan meskipun validasi skrip
10:39
adalah satu bagian dari teka-teki,
10:40
ada medan pertempuran
10:41
yang lebih besar di sekitar kodenya
10:43
bisa diperkuat.
10:44
Tetapi pertanyaannya adalah
10:44
bagaimana Anda mengelola
10:45
seluruh struktur di dalamnya
10:47
tanpa melambat.
10:48
Disitulah tantangan berikutnya muncul,
10:50
bukan pada skripnya sendiri,
10:51
melainkan pada cara Anda
10:51
menangani peta situsan.
10:54
Mengedit peta dungeon
10:55
dengan CLI dan VS Code.
10:57
Saat Anda ingin melangkah
10:57
lebih jauh dari skrip tunggal
10:58
dan mulai mengelola seluruh situs Anda,
11:00
Anda membutuhkan.
11:01
Lebih dari sekadar pengeditan kasar,
11:02
Anda membutuhkan peta yang terkait.
11:04
Mengedit peta dungeon
11:05
dengan CLI dan VS Code
11:06
adalah cara Anda berhenti
11:07
menyusuri lorong buta
11:08
dan tetap menjaga
11:08
setiap koridor terlihat jelas.
11:10
Cara yang berantakan adalah
11:11
mengelola tab di studio
11:12
di scene browser
11:12
berpindah ke terminal,
11:14
lalu memindahkan file ke sana kemari
11:15
hanya untuk membuat perubahan kecil.
11:16
Hanya untuk membuat perubahan kecil.
11:17
Memang berhasil,
11:18
tapi terasa kaku.
11:19
Cara terintegrasi adalah
11:20
mengundur semua konten situs Anda
11:21
secara lokal
11:21
dengan Power Platform CLI,
11:23
lalu mengedit dan menyebarkannya
11:24
melalui ekstensi Power Platform Tools
11:25
di VS Code,
11:26
di VS Code.
11:27
Satu alur kerja
11:28
tanpa langkah-langkah merupakan.
11:29
Begini caranya.
11:30
Sebelum melakukan apapun,
11:31
Anda harus melakukan autentikasi
11:32
terhadap lingkungan dataverse Anda.
11:34
Anggap saja ini sebagai
11:35
membuka pintu depan
11:36
agar CLI dapat menjangkau situs Anda.
11:39
Setelah terautentikasi,
11:40
Anda menjalankan satu perintah
11:41
untuk mengunduk konten situs web
11:42
ke ruang kerja lokal Anda.
11:45
Proses itu akan menarik
11:46
template, skrip, CSS, dan aset.
11:49
Salinan lengkap
11:50
wawasan situs Anda
11:50
ada di mesin Anda.
11:52
Co-pilot juga mendapat manfaat
11:54
karena dengan file lokal yang tersedia,
11:56
ia dapat merujuk entitas spesifik
11:57
lingkungan alih-alih
11:58
memberikan tebakan umum.
12:00
Sejak saat itu,
12:00
Anda selalu berada di VS Code.
12:02
Ingin menyesuaikan tempat liquid?
12:03
Kan ada tempat di sana.
12:04
Memperbaiki logika parit.
12:06
Buka file javascript
12:06
yang ada di sebelahnya.
12:08
Dan karena semuanya terpusat,
12:09
Anda melihat secara real-time
12:10
bagaimana bagian-bagiannya
12:11
terhubung alih-alih
12:12
berpindahan teralat
12:12
tanpa konteks gambaran yang lebih besar.
12:15
Ekstensi Power Platform Tools
12:16
membuat perintah CLI
12:17
lebih mudah dipahami.
12:20
Berada di terminal terintegrasi VS Code
12:22
terikat ke ruang kerja
12:23
tempat Anda coding.
12:26
Itu berarti tidak perlu
12:27
menghafal deretan perintah panjang
12:28
setiap kali menjalankan
12:29
perintah singkat yang sama.
12:31
Undo edit, sebarkan.
12:32
Siklus yang lancar.
12:34
Tidak ada fragment sisa
12:34
yang tidak sinkron.
12:35
Penyebaran pun jadi lebih mudah.
12:38
Setelah melakukan pengeditan,
12:39
Anda menggunakan alur kerja
12:40
berbasis CLI yang sama
12:41
untuk mendorong perubahan kembali
12:42
ke lingkungan Power Pages Anda.
12:44
Itu menutup siklus
12:45
tanpa penanganan ganda
12:46
atau kesalahan versi yang biasa terjadi.
12:48
Anda tidak menyalin folder
12:49
secara manual
12:49
atau berharap sesi browser Anda
12:51
belum habis.
12:52
Anda menjaga segalanya
12:53
dalam satu lingkungan
12:54
yang benar-benar Anda kenalikan.
12:56
Dan peningkatan produktivitas
12:57
benar-benar terlihat
12:58
setelah Anda menambahkan
12:59
copy-up ke dalam siklus itu.
13:00
Alih-alih mengelola
13:00
potongan kode yang terputus,
13:02
sekarang perintah
13:02
Add Power Pages Anda
13:03
terjadi di ruang kerja
13:04
yang sama dengan konten situs Anda.
13:06
Anda dapat mengubah
13:07
skrip validasi
13:07
dan segera menguji interaksinya
13:09
dengan template liquid
13:09
di tab terdekat.
13:11
Ini satu lingkungan,
13:12
satu konteks,
13:12
satu langkah dari pertanyaan kejawaban.
13:14
Agar lebih konkret,
13:15
saya akan menunjukkannya
13:16
dalam demo singkat.
13:17
Jalankan satu perintah CLE
13:18
untuk menarik situs Anda,
13:19
buka file liquid halaman
13:20
dan skrip validasinya
13:21
di VS Code,
13:22
lalu minta Add Power Pages
13:23
untuk memperbarui
13:24
pesan kesalahan.
13:26
Itulah keseluruhan siklusnya.
13:27
Peta di depan Anda,
13:28
file dalam jangkauan.
13:29
Asisten AI siap sedia.
13:32
Menangan sesungguhnya
13:33
bukanlah menambah
13:34
lebih banyak alat,
13:35
melainkan mengonsolidasikannya.
13:36
Anda menghilangkan
13:37
pergantian konteks,
13:38
tetap fokus,
13:39
dan bekerja dalam kerangka stabil
13:40
di mana pengodian,
13:41
konten,
13:42
dan bantuan selaras.
13:43
Ini menghemat waktu,
13:44
tetapi yang lebih penting,
13:45
mencegah Anda menghabiskan energi
13:46
untuk gangguan alih-alih fokus
13:47
pada pembangunan yang sebenarnya.
13:49
Dengan peta di tangan,
13:50
Anda tidak lagi meraba-raba
13:51
bertanya-tanya
13:52
di mana hambatan berikutnya.
13:54
Namun,
13:55
meski tetap letak dungeon sudah jelas,
13:56
beberapa pertarungan tetap ada.
13:57
Karena saat bos muncul
13:58
bergedok tumpukan error debak,
14:00
ujian sebenarnya adalah
14:00
apakah Anda bisa membaca
14:01
pola serangannya.
14:03
Dan itulah pertempuran
14:04
yang banyak pengembang
14:05
hadapi dengan buta.
14:07
Mendebak pertarungan bos
14:07
dengan bantuan copilot.
14:09
Terkadang ujian sesungguhnya
14:10
bukanlah menulis kode baru,
14:11
melainkan mencari tahu
14:12
mengapa sesuatu yang Anda anggap
14:13
baik-baik saja
14:14
tiba-tiba menjadi masalah.
14:16
Disitulah mendebak
14:16
pertarungan bos
14:17
dengan bantuan copilot berperan.
14:20
Mendebak power pages
14:21
bisa terasa seperti
14:22
bertukar serangan
14:22
dengan monster bos
14:23
yang menyembunyikan pola serangannya.
14:25
Erot riad ajak.
14:26
Log berteriak tanpa konteks.
14:28
Anda menggalis script panjang
14:29
tanpa yakin
14:30
apakah masalahnya adalah
14:31
sintaks,
14:32
kesalahan tech liquid,
14:32
atau bending data first
14:33
yang tidak mau bekerjasama.
14:35
Apa yang seharusnya
14:35
menjadi perbaikan cepat
14:36
malah menghabiskan
14:37
satu sesi penuh
14:37
karena Anda menjemahkan
14:38
kode yang membingungkan
14:39
pada sedemik.
14:39
Liquid membuat ini
14:40
lebih sulit.
14:41
Sebuatan kecil
14:42
bisa mengubah halaman.
14:43
Terkadang dengan rapi,
14:44
terkadang sangat kacau.
14:46
Satu persen include persen
14:47
memasukkan konten
14:48
tanpa masalah.
14:50
Yang lain dalam konteks
14:51
sedikit berbeda
14:51
justru merusak
14:52
seluruh tata letak Anda.
14:53
Binding data first
14:54
menambah hambatan lagi.
14:55
Binding mungkin terselesaikan
14:56
dengan benar pada
14:57
satu formulir dan gagal
14:58
secara diam-diam perifat.
14:59
Panduan dari Microsoft sendiri
15:00
mengakui keunikan ini.
15:01
Liquid dan data first
15:02
berperilaku berbeda
15:03
tergantung penempatan
15:04
yang berarti memindahkannya
15:06
sampai berfungsi
15:06
menjadi alur kerja
15:07
tidak resmi Anda.
15:09
Disitulah partisipan
15:10
Copilot di Powerpages
15:11
mengembah peluang Anda.
15:13
Alih-alih menghabiskan
15:14
sore dengan eksperimen buta
15:15
Anda bisa menyeroti
15:16
kode tersebut.
15:17
Anda cukup mengetik
15:18
at Powerpages
15:19
jelaskan kode berikut
15:20
persen include page copy
15:22
persen
15:22
ke dalam
15:23
obrolan Copilot.
15:25
Tanpa bahasa basi
15:26
tanpa saran umum.
15:28
Hasilnya adalah
15:28
penjelasan bahasa sederhana
15:30
yang menerangkan fungsi tag tersebut
15:31
apa yang ditariknya
15:32
dan mengapa posisinya
15:33
di halaman mengaruhi perilaku.
15:35
Intinya
15:35
Anda berhenti menebak
15:36
dan akhirnya memiliki skrip
15:37
yang dapat dibaca
15:38
tentang gerakan bos tersebut.
15:39
Untuk memanfaatkannya
15:40
susun proses debugging Anda
15:42
seperti demo singkat.
15:43
Pertama
15:43
identifikasi cupli kamar masak
15:44
sebuah formula rusak
15:45
setelah tag include.
15:47
Kedua
15:47
masukkan kode yang tepat
15:48
ke Copilot
15:49
dengan perintah jelaskan.
15:50
Ketiga
15:51
gunakan penjelasan Copilot
15:52
untuk penulisan ulang kecil
15:53
atau penyesuaian tata letak.
15:55
Lalu
15:55
langkah-langkahnya ringkas
15:56
jelaskan terapkan.
15:57
Anda melihat hasil
15:59
tanpa terjebak
15:59
dalam proses coba-coba yang tak ada.
16:00
Dan Copilot melangkah
16:01
lebih jauh dari sekadar terjemah.
16:02
Dalam obrolan yang sama
16:03
Anda bisa minta perbaikan.
16:05
Misalnya
16:05
Copilot dapat menyarankan
16:06
penyesuaian penempatan include
16:07
agar selaras dengan tata letak Anda
16:09
atau mengubah javascript
16:10
agar event handler
16:11
berjalan tanpa membuat
16:12
console error
16:13
tanpa membuat console error.
16:15
Karena berjalan dengan sadar konteks
16:16
di ruang kerja power pages Anda
16:17
saran yang diberikan terhubung
16:19
langsung ke lingkungan Anda
16:20
bukan mengambang di ruang web umum.
16:22
Itulah perbedaan
16:22
antara penjual ramuan acak
16:23
dengan seseorang yang benar-benar
16:25
mengenal bos yang sedang Anda lawan.
16:26
Manfaatnya langsung terasa.
16:28
Daripada menghabiskan setengah hari
16:29
untuk mengisolasi satu binding yang rusak
16:30
Anda langsung memahami
16:31
mengapa hal itu gagal.
16:32
Hal itu mengubah proses dibaging
16:33
dari sesuatu yang membosankan
16:34
dan acak menjadi sesuatu yang tak.
16:35
Anda melihat apa yang rusak
16:36
menerapkan perbaikan yang tepat sasaran
16:38
dan mengonfirmasi apakah perilakunya.
16:39
Rasanya tidak lagi seperti
16:40
mengundi dadu dari kantong terkutuk
16:41
melainkan seperti bereaksi
16:42
terhadap pelayan terian.
16:43
Berikut adalah perbandingannya
16:44
dalam praktek.
16:45
Sebelumnya
16:45
pesan kesalahan seperti
16:46
something went wrong
16:48
membuat Anda berputar-putar
16:49
tanpa henti menghadapi masalah tersebut.
16:51
Dengan penjelasan Copilot
16:52
Anda tahu bahwa
16:52
tag include memuat fragment
16:54
halaman tertentu
16:54
dan pada penempatan Anda
16:56
itu menimpa wadah yang diperlukan.
16:58
Anda menulis ulang penempatan
16:59
sesuai saran Copilot
17:00
melakukan tes ulang
17:01
dan fungung berpinduk.
17:02
Dalam tiga langkah
17:03
Anda beralih dari kebingungan
17:04
menuju solusi.
17:05
Tentu saja ada aturan
17:06
yang perlu diulang.
17:07
Copilot memberikan saran yang kuat
17:09
tetapi bukan jaminan.
17:10
Slouting jawaban uji
17:11
sebelum menerapkannya ke produksi.
17:13
Anggaplah output tersebut
17:14
sebagai panduan strategi
17:15
bukan jalan instan
17:16
yang bisa langsung Anda pakai
17:16
tanpa melihat.
17:17
Saran tersebut menghemat waktu
17:18
tapi penilaian Anda
17:19
lain menjaga sistem tetap setelah.
17:20
Setelah Anda membangun
17:21
alur umpan balik
17:22
jelaskan sesuaikan
17:23
konfirmasi Anda akan
17:24
mengurangi rasa gentara
17:24
terhadap proses debaging.
17:26
Liquid tidak lagi terasa
17:27
seperti penipu yang kacau
17:27
keanehan Dataverse
17:28
berhenti misteri total
17:29
dan bahkan penjutan
17:30
JavaScript berubah
17:31
menjadi serangan balik
17:32
yang dapat dikelola.
17:34
Pertarungan boss
17:34
tetap menjadi tantangan
17:35
tetapi Anda bertarung
17:36
dengan visi alih-alih
17:37
menerima serangan
17:37
dari sudut yang tidak terduga
17:38
dan perubahan perspektif
17:39
itulah kemenangan yang sungguhnya.
17:41
Melakukan debaging
17:42
dengan Copilot
17:42
di dalamnya
17:43
tidak menghilangkan tantangannya.
17:44
Anda tetap menulis kode
17:45
tetap menguji
17:46
tetap memecahkan masalah
17:47
tetapi Anda berhenti
17:48
membuang energi
17:48
untuk menatap output misterius
17:50
dan mulai bergerak
17:50
dengan keunggulan yang andal
17:51
yang menyiapkan panggung
17:52
untuk bagian akhir.
17:54
Apa arti dari semua perubahan ini
17:55
ketika Anda mundur selangkah
17:56
dan melihat misi yang lebih besar?
17:58
Kesimpulannya adalah ini.
18:00
Copilot tidak melewatkan
18:01
pertarungan
18:01
melainkan mengubah cerana beli.
18:03
Anda beralih dari coba-coba
18:04
yang rentan menuju kode
18:05
berbantuan AI
18:06
yang menjelaskan dirinya sendiri
18:07
disempurnakan sesuai perintah
18:08
dan membangun alur
18:09
yang benar-benar bisa dilalui pengguna
18:11
tanpa harus berhenti
18:11
karena kesal.
18:12
Berikut adalah lima.
18:13
Keunggulan Anda
18:14
menyederhanakan tablat liquid
18:15
mempercepat javascript
18:16
dan validasi formulir
18:17
mendapatkan penjelasan sederhana
18:19
untuk potongan kode yang rumit
18:20
menyisipkan HTML dan bootstrap
18:21
untuk tata letak responsif
18:22
serta mempermudah panggilan API web
18:24
tanpa menebak-nebak.
18:24
Beberapa fitur masih sudah menurut?
18:27
Admin penyewa mengaktifkannya
18:28
melalui hub co-pilot
18:29
di pusat admin power platform
18:30
jadi tanyakan kepada mereka
18:31
jika ada bagian yang tampak hilang.
18:34
Oskalah, jarahan diamankan.
18:35
Gunakan buff langganan,
18:37
nyalakan lonceng untuk demo mendatang
18:38
dan tinggalkan komentar
18:39
tentang satu masalah validasi
18:40
atau liquid yang ingin Anda lihat
18:41
di atas si co-pilot selanjutnya.
18:42
Kami akan mempertajam
18:43
panduan mendatang
18:44
untuk masalah tersulitan.