Visão geral dos cartões adaptáveis

Os Cartões Adaptáveis são formatos de troca de cartões aberto que permitem aos desenvolvedores trocar o conteúdo da interface do usuário de maneira comum e consistente.

Uma nova maneira de fornecer a interface do usuário: cartões adaptáveis são snippets independentes de plataforma da interface do usuário, criados em JSON, que aplicativos e serviços podem trocar abertamente. Quando entregue a um aplicativo específico, o JSON é transformado em interface do usuário nativa que se adapta automaticamente ao seu entorno. Ele ajuda a projetar e integrar a interface do usuário leve para todas as principais plataformas e estruturas.

Cartões Adaptáveis são feitos para:

• Android
• Ios
• JavaScript
• ASP.NET
• .NET WPF
• Windows
• ReactNative

Conheça seus usuários onde eles estão

A vida digital moderna é agitada. Os usuários estão constantemente alternando entre dispositivos, aplicativos e serviços para fazer seu trabalho. Os Cartões Adaptáveis ajudam você a aumentar o envolvimento e a eficiência injetando seu conteúdo acionável diretamente nos aplicativos que eles usam todos os dias.

Integre-se aos aplicativos existentes:

• Cartões Adaptáveis do Teams: como o hub digital para muitos trabalhadores modernos, o Teams oferece vários pontos de extensibilidade para que os aplicativos se integrem. Um agente de conversa alimentado por Cartões Adaptáveis pode simplificar muito os fluxos de trabalho de negócios em seu site ou por meio de outros canais.
• Mensagens Acionáveis do Outlook: O email tem sido essencial para um profissional de informação e agora você pode entregar conteúdo acionável diretamente na caixa de entrada deles.
• Linha do tempo do Windows: ajude os usuários a retomar suas atividades em qualquer dispositivo.

Abrir seus aplicativos para extensibilidade

Há um extenso ecossistema de desenvolvedores que desejam se integrar aos seus aplicativos, mas como você pode fazer isso com segurança e sem que o conteúdo deles se destaque de forma negativa? Os Cartões Adaptáveis são sempre nativos e se misturam perfeitamente à interface do usuário ao redor - e funcionam em todas as plataformas principais!

Instalar os SDKs de Renderização >

• Desempenho nativo: Adaptive Cards apresentam interface do usuário nativa em qualquer plataforma.
• Adapta-se à interface do usuário ao redor: cartões automaticamente adaptáveis à interface do usuário ao redor.
• Totalmente extensível: o esquema é aberto para que você possa adicionar seu próprio elemento.
• Dinâmico e interativo: a interatividade é expressa declarativamente para ajudar a reduzir o risco de injeção de código personalizada

Projetar cartões em qualquer lugar

Você não precisa enviar seus usuários para este site para criar cartões. Assim como os Cartões Adaptativos se misturam ao ambiente em que estão, o Designer de Cartão Adaptativo também se adapta. O SDK inclui uma API de configuração completa, permitindo que você integre profundamente fluxos de trabalho de cartão à cadeia de ferramentas existente.

Instalar o SDK do Designer >

Criar, compartilhar e descobrir modelos reutilizáveis

E se você pudesse exibir instantaneamente qualquer tipo de dados? Podem ser dados de seu próprio aplicativo, dados da sua organização ou dados da Web. Com a Modelagem de Cartão Adaptável, você pode separar os dados do layout do cartão e, quando acoplado a um novo serviço de modelo, um novo ecossistema de troca de cartões se torna possível.

Criar modelos de cartão reutilizáveis >

• Integração de designer avançado: dados de exemplo permitem que você visualize seu modelo sem sair do designer.
• Simplifique os fluxos de trabalho de desenvolvimento: crie seu modelo no designer, use-o sem seus serviços e cole-o de volta no designer para fazer alterações.
• Descubra e compartilhe modelos usando um serviço REST: o serviço de modelo encontra um modelo para seus dados e até o preencherá para você.
• Queremos ouvir de você: Ainda não temos uma data de lançamento para esta versão prévia, mas estamos esperando para aprender com você.

Como eles funcionam

Autores de cartões descrevem seu conteúdo como um objeto JSON simples. Esse conteúdo pode ser renderizado nativamente dentro de um Aplicativo host, adaptando-se automaticamente à aparência do Host.

Por exemplo, o Bot da Contoso pode criar um Cartão Adaptável por meio do Bot Framework e, quando entregue ao Skype, ele se parecerá com um cartão do Skype. Quando esse mesmo conteúdo for enviado para o Microsoft Teams, ele terá a aparência e a funcionalidade do Microsoft Teams. À medida que mais aplicativos de host começarem a dar suporte a Cartões Adaptativos, esse mesmo conteúdo será integrado automaticamente dentro desses aplicativos, mas ainda parecerá totalmente nativo do aplicativo.

Os usuários ganham porque tudo parece familiar. Os aplicativos host ganham porque controlam a experiência do usuário. E os Autores de Cartão ganham porque seu conteúdo obtém um alcance mais amplo sem nenhum trabalho adicional.

Metas

Os objetivos dos Cartões Adaptáveis são:

• Portátil – para qualquer aplicativo, dispositivo e estrutura de interface do usuário
• Open - Bibliotecas e esquema são de software livre e compartilhados
• Baixo custo – Fácil de definir, fácil de consumir
• Expressivo – Direcionado à longa parte final do conteúdo que os desenvolvedores querem produzir
• Puramente declarativo – nenhum código é necessário ou permitido
• Estilo automático – Para o aplicativo host UX e diretrizes de marca

Para criadores de cartões

Cartões Adaptáveis são excelentes para criadores de cartões:

• Um esquema – você obtém um único formato, minimizando o custo de criar um cartão e maximizando o número de locais em que ele pode ser usado.
• Expressão mais rica - Seu conteúdo pode se alinhar mais de perto com o que você deseja dizer porque você tem uma paleta mais rica com a qual pintar.
• Amplo alcance – seu conteúdo funcionará em um conjunto mais amplo de aplicativos sem que você precise aprender novos esquemas.
• Controles de entrada – seu cartão pode incluir controles de entrada para coletar informações do usuário que está exibindo o cartão.
• Ferramentas melhores – um ecossistema de cartão aberto significa melhores ferramentas compartilhadas por todos.

Para proprietários de experiência

Se você for um desenvolvedor de aplicativos que deseja explorar um ecossistema de conteúdo de terceiros, você vai adorar Cartões Adaptáveis porque:

• Experiência consistente do usuário – Você garante uma experiência consistente para seus usuários, pois é proprietário do estilo do cartão renderizado.
• Desempenho nativo – Você obtém desempenho nativo, pois ele é direcionado diretamente à sua estrutura de interface do usuário.
• Seguro – o conteúdo é entregue em pacotes seguros para que você não precise abrir seu framework de interface do usuário para markup bruto e scripts.
• Fácil de implementar – você tem bibliotecas prontas para integrar facilmente em qualquer plataforma que você suporte
• Documentação gratuita – Você economiza tempo porque não precisa inventar, implementar e documentar um esquema proprietário.
• Ferramentas compartilhadas – você economiza tempo porque não precisa criar ferramentas personalizadas.

Princípios principais de design

Os Cartões Adaptáveis são orientados por um conjunto de princípios norteadores que têm sido úteis para manter o design em linha com o propósito.

Semântica em vez de pixel-perfect

Nós nos esforçamos o máximo possível para valores semânticos e conceitos em oposição ao layout puro pixel-perfeito. Exemplos de expressão semântica aparecem em cores, tamanhos e em elementos como FactSet e ImageSet. Tudo isso permite que o aplicativo anfitrião tome melhores decisões sobre o visual e funcionamento reais.

Os autores do cartão possuem o conteúdo, e o aplicativo hospedeiro é responsável pela aparência

Os autores do cartão têm domínio sobre o que querem comunicar, mas o aplicativo que o exibe controla a aparência do cartão dentro do contexto de seu próprio aplicativo.

Mantenha-o simples, mas expressivo

Queremos que os Cartões Adaptáveis sejam expressivos e de uso geral, mas não queremos criar uma estrutura de interface do usuário. O objetivo é criar uma camada intermediária que seja "expressiva o suficiente" da mesma forma que Markdown é expressivo o suficiente para documentos.

Ao se concentrar em mantê-lo simples e expressivo, Markdown criou uma descrição fácil e consistente do conteúdo do documento. Da mesma forma, acreditamos que os Cartões Adaptáveis podem criar um meio simples e expressivo de descrever o conteúdo do cartão.

Quando estiver em dúvida, mantenha-o fora

É mais fácil adicionar mais tarde do que viver com um erro. Se nos encontrássemos debatendo se deveríamos adicionar algo ou não, optamos por deixá-lo de fora. É sempre mais fácil adicionar uma propriedade do que viver com um legado que gostaríamos de não ter que dar suporte.