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, payload akan terlihat dan terasa seperti Microsoft Teams. Karena lebih banyak aplikasi host mulai mendukung Kartu Adaptif, payload yang sama akan secara otomatis menyala di dalam aplikasi ini, namun masih terasa sepenuhnya asli untuk 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.
Sasaran
Tujuan untuk Kartu Adaptif adalah:
Portabel - Ke kerangka kerja aplikasi, perangkat, dan UI apa pun
Buka - Pustaka dan skema sumber terbuka dan dibagikan
Biaya rendah - Mudah didefinisikan, mudah dikonsumsi
Expressive - Ditargetkan pada ekor panjang konten yang ingin dihasilkan pengembang
Deklaratif murni - Tidak ada kode yang diperlukan atau diizinkan
Ditata secara otomatis - Ke 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 dilukis.
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 untuk pengguna Anda, karena Anda memiliki gaya kartu yang dirender.
Performa asli - Anda mendapatkan performa asli saat menargetkan kerangka kerja UI Anda secara langsung.
Brankas - Konten dikirimkan dalam payload yang aman sehingga Anda tidak perlu membuka kerangka kerja UI Anda ke markup mentah dan pembuatan skrip.
Mudah diimplementasikan - Anda keluar dari pustaka rak untuk dengan mudah diintegrasikan di 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 alih-alih pixel-perfect
Kami memiliki usaha sebanyak mungkin untuk nilai dan konsep semantik dibandingkan dengan tata letak sempurna piksel murni.
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" dengan cara yang sama 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.
Jika ragu, jauhkan dari
Lebih mudah untuk ditambahkan lebih lambat daripada hidup dengan 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]
Adaptive Cards are platform-agnostic snippets of UI, authored in JSON, that apps and services can openly exchange. When delivered to a specific app, the JSON is transformed into native UI that automatically adapts to its surroundings. It helps design and integrate light-weight UI for all major platforms and frameworks. In this module, you'll learn how to create engaging messages with Adaptive Cards to create Outlook Actionable Messages and conversations in Microsoft Teams.