The document discusses adaptive cards, which are flexible yet declarative cards that can render on any platform or host application. They allow hosts to maintain control over style and security while providing a consistent user experience. Adaptive cards support common features like images, text, choices and inputs. They are extensible via a schema and support actions, speech and different platforms including Windows, Android, iOS and the web.

5. your content
a host experience

6. Articles Videos
Cards trace their roots to social media

7. Reservations Weather
Reminders
And then…

8. Airline Itinerary
Airline Flight Update
Airline Check-in Reminder
Receipts
Restaurants

9. ?

11. <meta name="twitter:card"
content="summary_large_image"/>
<meta name="twitter:site"
content="www.nationalgeographic.com"/>
<meta name="twitter:creator"
content="@NatGeo"/>
<meta name="twitter:title"
content="Your Shot: Nepal Trekking Pictures"/>
<meta name="twitter:description"
content="See Nepal Trekking Adventure Photos from
Adventurers Like You"/>
<meta name="twitter:image"
content="http://something.com/image.jpg"/>

12. <meta property="og:type" content="article" />
<meta property="og:url" content="some-story.html" />
<meta property="og:title"
content="When Great Minds Don’t Think Alike" />
<meta property="og:description"
content="How much does culture influence creative
thinking?" />
<meta property="og:image"
content="http://nyt.com/summary-image.jpg" />

13. {
"type": "template",
"payload": {
"template_type": "airline_itinerary",
"passenger_info": [
{
"name": "Sarah Hum"
}
],
"flight_info": [
{
"flight_number": "KL9123",
"departure_airport": { "airport_code": "SFO" },
"arrival_airport": { "airport_code": "AMS" }
}
],
"base_price": "12206",
"tax": "200",
"total_price": "4032.45"
}
}

15. It seems like we
could solve all of
this with HTML…<HTML/>

16. Fixed templates
Complete control
No flexibility
Update treadmill
HTML Canvas
No consistency
No control
Security concerns
????

18. Fixed templates
Complete control
No flexibility
Update Treadmill
HTML Canvas
No consistency
No control
Security issues
Adaptive Cards
Flexible enough payload to cover 80% of needs
Host maintains strong control over style and security

19. Yes No Maybe

20. Native
rendering
on any
platform
Automatically
adapt to the
Host UX
Low cost,
targeted at
the long tail
Purely
declarative,
no code

22. Extensible
schema to
describe your
content
Actions to
open URLs,
show other
cards, etc
Input to
gather
information
from users
Speech
enabled from
day-one

23. Interactive
Visualizer
Schema
Explorer
VS Code
Previewer
Designer
(preview)

25. Card Service
Adaptive
Card
Adaptive
Host Config

26. Windows AndroidWeb iOS

32. P A Y M E N T S & I N V O I C I N G *
P R O D U C T I V I T Y
* Invoicing and payment processors coming soon in limited release
Partnerships

33. P A Y M E N T S & I N V O I C I N G *
P R O D U C T I V I T Y
* Invoicing and payment processors coming soon in limited release
Partnerships

34. You
#adaptivecards

36. “I have data already, can’t you give me a
great looking card for it?​”

38. http://adaptivecards.io
https://github.com/Microsoft/AdaptiveCards
http://dev.botframework.com
https://github.com/matthidinger/ContosoScubaBot
https://acdesignerbeta.azurewebsites.net
https://github.com/justinwilaby/babel-plugin-jsx-adaptive-cards
https://github.com/tomlm/Razorback
https://github.com/Microsoft/jostle
https://docs.microsoft.com/en-us/outlook/actionable-messages
https://messagecardplayground.azurewebsites.net