비고
적응형 카드로 구동되는 코필로트, Teams 또는 Outlook 시나리오를 빌드하고 있나요? 적응형 카드 요구 사항을 충족하는 새로운 원스톱 상점인 적응형 카드 설명서 허브를 방문하세요! 반응형 레이아웃, 아이콘, 배지, 회전식, 차트 등 다양한 새로운 기능에 대한 전체 설명서를 포함하여 찾고 있는 모든 리소스가 있습니다.
적응형 카드는 개발자가 공통적이고 일관된 방식으로 UI 콘텐츠를 교환할 수 있도록 하는 개방형 카드 교환 형식입니다.
UI를 제공하는 완전히 새로운 방법: 적응형 카드는 앱과 서비스가 공개적으로 교환할 수 있는 JSON으로 작성된 플랫폼에 구애받지 않는 UI 코드 조각입니다. 특정 앱에 전달되면 JSON은 주변 환경과 자동으로 조정되는 네이티브 UI로 변환됩니다. 모든 주요 플랫폼 및 프레임워크에 대해 경량 UI를 디자인하고 통합하는 데 도움이 됩니다.
적응형 카드는 다음을 위해 만들어집니다.
사용자가 있는 곳으로 다가가십시오.
현대 디지털 생활은 바쁜. 사용자는 작업을 완료하기 위해 디바이스, 앱 및 서비스 간에 지속적으로 전환합니다. 적응형 카드는 실행 가능한 콘텐츠를 매일 사용하는 앱에 직접 삽입하여 참여와 효율성을 높이는 데 도움이 됩니다.
기존 앱에 통합:
- Teams 적응형 카드: 많은 최신 작업자를 위한 디지털 허브인 Teams는 앱과 통합할 수 있는 여러 확장 지점을 제공합니다. 적응형 카드로 구동되는 대화형 에이전트는 웹 사이트 또는 다른 채널을 통해 비즈니스 워크플로를 크게 간소화할 수 있습니다.
- Outlook 실행 가능 메시지: 전자 메일은 오랫동안 정보 근로자의 수명 피가 되어 왔으며 이제 실행 가능한 콘텐츠를 받은 편지함으로 직접 배달할 수 있습니다.
- Windows 타임라인: 사용자가 모든 장치에서 활동을 다시 시작할 수 있도록 지원합니다.
확장성을 위해 앱 열기
앱과 통합하려는 개발자의 에코시스템이 있지만, 콘텐츠가 아픈 엄지손가락처럼 튀어나가지 않고 안전하게 어떻게 할 수 있을까요? 적응형 카드는 항상 네이티브이며 주변 UI에 원활하게 혼합되며 모든 주요 플랫폼에서 작동합니다.
- 네이티브 성능: 적응형 카드는 모든 플랫폼에서 네이티브 UI를 렌더링합니다.
- 주변 UI에 맞게 조정: 카드는 주변 UI에 자동으로 적응합니다.
- 완전히 확장 가능: 스키마는 개방형이므로 고유한 요소를 추가할 수 있습니다.
- 동적 및 대화형: 대화형 대화형은 사용자 지정 코드 삽입의 위험을 줄이기 위해 선언적으로 표현됩니다.
어디서나 카드 디자인
카드를 디자인하기 위해 사용자를 이 웹 사이트로 보낼 필요가 없습니다. 적응형 카드가 주변 환경과 조화를 이루는 것처럼 적응형 카드 디자이너도 마찬가지입니다. SDK에는 카드 워크플로를 기존 도구 체인에 깊이 통합할 수 있는 전체 구성 API가 포함되어 있습니다.
재사용 가능한 템플릿 만들기, 공유 및 검색
모든 형식의 데이터를 즉시 표시할 수 있다면 어떻게 해야 할까요? 사용자 고유의 앱 데이터, 조직의 데이터 또는 웹의 데이터일 수 있습니다. 적응형 카드 템플릿을 사용하면 데이터를 카드 레이아웃에서 분리할 수 있으며, 새 템플릿 서비스와 결합하면 카드 교환의 완전히 새로운 에코시스템이 가능해집니다.
- 풍부한 디자이너 통합: 샘플 데이터를 사용하면 디자이너를 종료하지 않고 템플릿을 미리 볼 수 있습니다.
- 개발 워크플로 간소화: 디자이너에서 템플릿을 만들고, 서비스 없이 사용한 다음, 디자이너에 바로 붙여넣어 변경합니다.
- REST 서비스를 사용하여 템플릿 검색 및 공유: 템플릿 서비스는 데이터에 대한 템플릿을 찾고 자동으로 채워집니다.
- 이 미리 보기에 대한 릴리스 날짜는 아직 없지만 사용자의 의견을 기다리고 있습니다.
작동 방식
카드 작성자는 해당 콘텐츠를 간단한 JSON 개체로 설명합니다. 그런 다음, 호스트 애플리케이션 내에서 기본적으로 해당 콘텐츠를 렌더링하여 호스트의 모양과 느낌에 자동으로 맞게 조정할 수 있습니다.
예를 들어 Contoso Bot은 Bot Framework를 통해 적응형 카드를 작성할 수 있으며 Skype에 배달되면 Skype 카드처럼 보이고 느껴집니다. 동일한 페이로드가 Microsoft Teams로 전송되면 Microsoft Teams처럼 보이고 느껴집니다. 더 많은 호스트 앱이 적응형 카드를 지원하기 시작하면 동일한 페이로드가 이러한 애플리케이션 내에서 자동으로 작동하게 되며, 여전히 앱과 완전히 일체화된 느낌을 줍니다.
모든 것이 익숙하기 때문에 사용자가 승리합니다. 호스트 앱은 사용자 환경을 제어하기 때문에 승리합니다. 그리고 카드 작성자는 추가 작업 없이 콘텐츠의 도달 범위가 넓어지므로 승리합니다.
목표
적응형 카드의 목표는 다음과 같습니다.
- 이식 가능 - 모든 앱, 디바이스 및 UI 프레임워크에
- 열기 - 라이브러리 및 스키마가 오픈 소스이며 공유됨
- 저렴한 비용 - 정의하기 쉽고 사용하기 쉽습니다.
- 익스프레시브 - 개발자가 생성하고자 하는 콘텐츠의 롱테일을 대상으로 합니다.
- 순전히 선언적 - 코드가 필요하거나 허용되지 않습니다.
- 자동으로 스타일 지정 - 호스트 애플리케이션 UX 및 브랜드 지침에 맞추어
카드 작성자용
적응형 카드는 카드 작성자에게 적합합니다.
- 하나의 스키마 - 단일 형식을 사용하여 카드를 만들고 사용할 수 있는 위치 수를 최대화하는 비용을 최소화합니다.
- 더 풍부한 표현 - 더 다양한 색상 팔레트를 사용하여 콘텐츠가 당신이 말하고자 하는 바를 더 잘 표현할 수 있습니다.
- 광범위한 범위 - 새 스키마를 학습하지 않고도 광범위한 애플리케이션 집합에서 콘텐츠가 작동합니다.
- 입력 컨트롤 - 카드를 보는 사용자로부터 정보를 수집하기 위한 입력 컨트롤을 카드에 포함할 수 있습니다.
- 더 나은 도구 - 오픈 카드 에코시스템은 모든 사람이 공유하는 더 나은 도구를 의미합니다.
경험 소유자용
타사 콘텐츠의 에코시스템을 활용하려는 앱 개발자인 경우 다음과 같은 이유로 적응형 카드를 좋아할 것입니다.
- 일관된 사용자 환경 - 렌더링된 카드의 스타일을 소유하고 있으므로 사용자에게 일관된 환경을 보장합니다.
- 네이티브 성능 - UI 프레임워크를 직접 대상으로 하여 네이티브 성능을 얻습니다.
- 안전 - 콘텐츠는 안전한 페이로드로 전달되므로 원시 태그 및 스크립팅에 대한 UI 프레임워크를 열 필요가 없습니다.
- 쉽게 구현 가능 - 지원하는 모든 플랫폼에 쉽게 통합할 수 있는 기성 라이브러리를 제공합니다.
- 무료 설명서 - 독점 스키마를 발명, 구현 및 문서화할 필요가 없으므로 시간을 절약할 수 있습니다.
- 공유 도구 - 사용자 지정 도구를 만들 필요가 없으므로 시간을 절약할 수 있습니다.
핵심 디자인 원칙
적응형 카드는 디자인을 궤도에 유지하는 데 유용한 일련의 안내 원칙 에 의해 구동됩니다.
픽셀 완성 대신 의미 체계
순수 픽셀의 완벽한 레이아웃이 아닌 의미 체계 값과 개념을 위해 최대한 많은 노력을 했습니다. 의미 체계 식의 예는 색, 크기 및 FactSet 및 ImageSet과 같은 요소에 표시됩니다. 이 모든 것을 통해 호스트 애플리케이션은 실제 모양과 느낌에 대해 더 나은 결정을 내릴 수 있습니다.
카드 작성자는 콘텐츠를 소유하고 호스트 앱은 모양과 느낌을 소유합니다.
카드 작성자는 말하고 싶은 것을 소유하지만, 이를 표시하는 애플리케이션은 해당 애플리케이션의 컨텍스트에서 카드의 모양과 느낌을 소유합니다.
단순하지만 표현력 있게 유지
적응형 카드가 표현적이고 범용이 되기를 원하지만 UI 프레임워크를 빌드하고 싶지는 않습니다. 목표는 Markdown이 문서에 충분히 표현되는 것과 같은 방식으로 "충분히 표현"되는 중간 계층을 만드는 것입니다.
Markdown은 단순하고 표현력 있게 유지하는 데 집중하여 문서 콘텐츠에 대한 쉽고 일관된 설명을 만들었습니다. 마찬가지로 적응형 카드는 카드 콘텐츠를 설명하는 간단하고 표현적인 수단을 만들 수 있다고 생각합니다.
의심스러울 때는 빼세요.
실수와 함께 사는 것보다 나중에 추가하는 것이 더 쉽습니다. 만약 우리가 무언가를 추가해야 하는지 여부에 대해 논쟁하게 된다면, 우리는 그것을 빼기로 결정했습니다. 원하지 않는 레거시를 지원하기보다 속성을 추가하는 것이 항상 더 쉽습니다.