Gambaran Umum Kartu Adaptif

Kartu Adaptif adalah format pertukaran kartu terbuka yang memungkinkan pengembang untuk bertukar konten UI dengan cara yang sama dan konsisten.

Cara kerjanya

Penulis Kartu menjelaskan kontennya sebagai objek JSON sederhana. Konten tersebut kemudian dapat dirender secara asli di dalam Aplikasi Host, secara otomatis beradaptasi dengan tampilan dan nuansa Host.

Misalnya, Contoso Bot dapat menulis Kartu Adaptif melalui Kerangka Kerja Bot, dan ketika dikirimkan ke Skype, itu akan terlihat dan terasa seperti kartu Skype. Ketika payload yang sama dikirim ke Microsoft Teams, akan tampil dan berfungsi seperti Microsoft Teams. Karena lebih banyak aplikasi host mulai mendukung Adaptive Cards, payload yang sama akan secara otomatis diaktifkan di dalam aplikasi ini, namun masih terasa terintegrasi secara alami dalam aplikasi.

Pengguna menang karena semuanya terasa akrab. Aplikasi host menang karena mengontrol pengalaman pengguna. Dan Penulis Kartu menang karena konten mereka mendapatkan jangkauan yang lebih luas tanpa pekerjaan tambahan.

Tujuan

Tujuan untuk Kartu Adaptif adalah:

• Portabel - Ke kerangka kerja aplikasi, perangkat, dan UI apa pun
• Buka - Pustaka dan skema adalah sumber terbuka dan dibagikan
• Biaya rendah - Mudah didefinisikan, mudah dikonsumsi
• Expressive - Ditargetkan pada konten long tail yang ingin dihasilkan pengembang
• Deklaratif murni - Tidak ada kode yang diperlukan atau diizinkan
• Digayakan secara otomatis - Sesuai dengan UX aplikasi Host dan panduan merek

Untuk Penulis Kartu

Kartu Adaptif sangat bagus untuk penulis kartu:

• Satu skema - Anda mendapatkan satu format, meminimalkan biaya pembuatan kartu dan memaksimalkan jumlah tempat yang dapat digunakan.
• Ekspresi yang lebih kaya - Konten Anda dapat lebih selaras dengan apa yang ingin Anda katakan karena Anda memiliki palet yang lebih kaya untuk digunakan.
• Jangkauan luas - Konten Anda akan berfungsi di serangkaian aplikasi yang lebih luas tanpa Anda harus mempelajari skema baru.
• Kontrol input - Kartu Anda dapat menyertakan kontrol input untuk mengumpulkan informasi dari pengguna yang melihat kartu.
• Alat yang lebih baik - Ekosistem kartu terbuka berarti alat yang lebih baik yang dibagikan oleh semua orang.

Untuk Pemilik Pengalaman

Jika Anda adalah pengembang aplikasi yang ingin memanfaatkan ekosistem konten pihak ketiga, Anda akan menyukai Kartu Adaptif karena:

• Pengalaman pengguna yang konsisten - Anda menjamin pengalaman yang konsisten bagi pengguna Anda, karena Anda memiliki kontrol terhadap gaya kartu yang dirender.
• Performa asli - Anda mendapatkan performa asli saat menargetkan kerangka kerja UI Anda secara langsung.
• Aman - Konten dikirimkan dalam payload yang aman sehingga Anda tidak perlu membuka kerangka kerja UI Anda ke markup mentah dan pembuatan skrip.
• Mudah diimplementasikan - Anda mendapatkan pustaka siap pakai untuk diintegrasikan dengan mudah pada platform apa pun yang Anda dukung
• Dokumentasi gratis - Anda menghemat waktu karena Anda tidak perlu menciptakan, menerapkan, dan mendokumentasikan skema kepemilikan.
• Alat bersama - Anda menghemat waktu karena Anda tidak perlu membuat alat kustom.

Prinsip Desain Inti

Kartu Adaptif didorong oleh serangkaian prinsip panduan yang telah berguna untuk menjaga desain tetap sesuai jalur.

Semantik daripada pixel-perfect

Kami telah berusaha sebisa mungkin untuk konsep dan nilai semantik daripada tata letak yang hanya sempurna secara piksel. Contoh ekspresi semantik muncul dalam warna, ukuran, dan dalam elemen seperti FactSet dan ImageSet. Ini semua memungkinkan aplikasi host untuk membuat keputusan yang lebih baik tentang tampilan dan nuansa aktual.

Pembuat Kartu memiliki konten, Aplikasi Host memiliki tampilan dan nuansa

Penulis kartu memiliki apa yang ingin mereka katakan, tetapi aplikasi yang menampilkannya memiliki tampilan dan nuansa kartu dalam konteks aplikasi mereka.

Tetap sederhana, tetapi ekspresif

Kami ingin Kartu Adaptif menjadi tujuan ekspresif dan umum, tetapi kami tidak ingin membangun kerangka kerja UI. Tujuannya adalah untuk membuat lapisan perantara yang "cukup ekspresif," mirip seperti cara Markdown cukup ekspresif untuk dokumen.

Dengan berfokus pada menjaganya tetap sederhana dan ekspresif, Markdown membuat deskripsi konten dokumen yang mudah dan konsisten. Dengan cara yang sama, kami percaya bahwa Kartu Adaptif dapat membuat cara sederhana dan ekspresif untuk menggambarkan konten kartu.

Ketika ragu, singkirkan.

Lebih mudah untuk menambahkan sesuatu nanti daripada menjalani kesalahan. Jika kita menemukan diri kita berdebat apakah kita harus menambahkan sesuatu atau tidak, kita memilih untuk meninggalkannya. Selalu lebih mudah untuk menambahkan properti daripada hidup dengan warisan yang kami harapkan tidak perlu kami dukung.

Bangun Sesi 2019

Sesi berikut di konferensi Microsoft Build menampilkan Kartu Adaptif dalam berbagai kasus penggunaan.

[! VIDEO [https://www.youtube.com/embed/wT1yFr_j6IM]