Bagikan melalui

Gambaran Umum Kartu Adaptif

Nota

Apakah Anda membuat skenario Copilot, Teams, atau Outlook yang didukung oleh Kartu Adaptif? Kunjungi Hub Dokumentasi Kartu Adaptif, toko serba ada baru untuk semua kebutuhan Kartu Adaptif Anda! Ini memiliki semua sumber daya yang Anda cari, termasuk dokumentasi lengkap untuk banyak fitur baru, seperti tata letak Responsif, Ikon, Lencana, Korsel, Bagan, dan banyak lagi!

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

Cara baru untuk menghadirkan UI: Kartu Adaptif adalah cuplikan UI yang tidak tergantung platform, ditulis dalam format JSON, yang dapat dipertukarkan secara terbuka oleh aplikasi dan layanan. Saat dikirimkan ke aplikasi tertentu, JSON diubah menjadi UI asli yang secara otomatis beradaptasi dengan lingkungan sekitarnya. Ini membantu merancang dan mengintegrasikan UI ringan untuk semua platform dan kerangka kerja utama.

Kartu Adaptif dibuat untuk:

Temui pengguna Anda di mana mereka berada

Kehidupan digital modern sangat padat. Pengguna terus beralih antara perangkat, aplikasi, dan layanan untuk menyelesaikan pekerjaan mereka. Kartu Adaptif membantu Anda meningkatkan keterlibatan dan efisiensi dengan menyuntikkan konten yang dapat ditindaklanjuti langsung ke aplikasi yang mereka gunakan setiap hari.

Integrasikan ke dalam aplikasi yang ada:

  • Kartu Adaptif Teams: Sebagai hub digital untuk banyak pekerja modern, Teams menawarkan beberapa titik ekstensibilitas untuk diintegrasikan dengan aplikasi. Agen percakapan yang didukung oleh Kartu Adaptif dapat sangat menyederhanakan alur kerja bisnis di situs web Anda atau melalui saluran lain.
  • Pesan yang Dapat Ditindak lanjuti Outlook: Email telah lama menjadi darah hidup pekerja informasi, dan sekarang Anda dapat mengirimkan konten yang dapat ditindak lanjuti langsung ke kotak masuk mereka.
  • Garis Waktu Windows: Membantu pengguna melanjutkan aktivitas mereka di perangkat apa pun.

Buka aplikasi Anda untuk ekstensibilitas

Ada ekosistem pengembang di luar sana yang ingin berintegrasi dengan aplikasi Anda, tetapi bagaimana Anda dapat melakukannya dengan aman dan tanpa konten mereka menonjol tidak pada tempatnya? Kartu Adaptif selalu terintegrasi secara native dan menyatu dengan mulus ke antarmuka yang ada di sekelilingnya serta berfungsi di semua platform utama!

Menginstal SDK Penyajian >

  • Kinerja asli: Adaptive Cards menghasilkan UI asli di platform apa pun.
  • Beradaptasi dengan antarmuka pengguna di sekitarnya: Kartu secara otomatis adaptif dengan antarmuka pengguna di sekitarnya.
  • Sepenuhnya dapat diperluas: Skema terbuka sehingga Anda dapat menambahkan elemen Anda sendiri.
  • Dinamis dan interaktif: Interaktivitas dinyatakan secara deklaratif untuk membantu mengurangi risiko injeksi kode kustom

Mendesain kartu di mana saja

Anda tidak perlu mengirim pengguna Anda ke situs web ini untuk merancang kartu. Sama seperti Kartu Adaptif yang menyatu dengan lingkungannya, begitu juga Perancang Kartu Adaptif. SDK menyertakan API konfigurasi lengkap yang memungkinkan Anda mengintegrasikan alur kerja kartu secara mendalam ke dalam toolchain yang ada.

Menginstal SDK Perancang >

Membuat, berbagi, dan menemukan templat yang dapat digunakan kembali

Bagaimana jika Anda bisa langsung menampilkan semua jenis data? Ini bisa menjadi data aplikasi Anda sendiri, data organisasi Anda, atau data dari web. Dengan Templat Kartu Adaptif, Anda dapat memisahkan data dari tata letak kartu, dan ketika digabungkan dengan layanan templat baru, ekosistem pertukaran kartu yang sama sekali baru menjadi mungkin.

Membuat templat kartu yang dapat digunakan kembali >

  • Integrasi perancang yang kaya: Data sampel memungkinkan Anda untuk mempratinjau templat Anda tanpa meninggalkan perancang.
  • Menyederhanakan alur kerja pengembangan: Buat templat Anda di perancang, gunakan tanpa layanan Anda, lalu tempelkan kembali ke perancang untuk membuat perubahan.
  • Menemukan dan berbagi templat menggunakan layanan REST: Layanan templat menemukan templat untuk data Anda, dan bahkan akan mengisinya untuk Anda.
  • Kami ingin mendengar dari Anda: Kami belum memiliki tanggal rilis untuk pratinjau ini, tetapi kami menunggu untuk belajar dari Anda.

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.

  • Last updated on