The document discusses the benefits and challenges of different approaches for creating cards or templates across platforms, including fixed templates, HTML canvas, and Adaptive Cards. It notes that fixed templates provide control but lack flexibility, HTML canvas provides flexibility but lacks consistency and control. Adaptive Cards are proposed as a framework that provides a flexible payload to cover most needs while also allowing hosts to maintain strong control over style and security. It also discusses common schema, tooling, rendering libraries and open partnerships as aspects of Adaptive Cards.

2. @MattHidinger

5. Web Pages
Video

6. Reservations
Weather
Reminders

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

9. <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" />

10. <meta property="og:url" content="article.html" />
<meta property="og:type" content="article" />
<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" />

11. {
"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": "14003“
}
}

12. For Users For Content AuthorsFor Host Apps

13. Every template must be
designed, implemented, and
documented on every platform
Hard to predict what templates
will be useful in the future
Limited types of content
(articles, video, airline, etc.)
No ability to customize
the templates
For Content AuthorsFor Host Apps

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

16. Complete freedom to
draw anything
For Host Apps For Content AuthorsFor Users

17. Performance and security costs mixing UI
stacks
Difficult to enforce consistency on Card
authors
Difficult to restraint what Card authors
can do (animations, buttons anywhere, …)
Burden on them to design and
implement the style of every
Host that shows their card
For Host Apps For Content Authors

18. Fixed templates
Complete control
No flexibility
Update Treadmill
Html Canvas
No consistency
No control
Security issues
????

20. Adaptive Cards
O P E N F R A M E W O R K
M U L T I P L E C A N V A S E S
Notifications Microsoft Teams Skype Android iOS

21. 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

27. Common
SchemaCommon
Tooling
Common
Rendering
Libraries
Open
partnerships

28. Card created: Publish Schema
Miguel Garcia
Created Monday, February 13, 2017
Now that we have define the main rules and features of the format,
we need to produce a schema and publish it to GitHub. The…
Board:
List:
Assigned To:
Assigned To:
Adaptive Card
Backlog
David Claux
Not Set
contoso
contoso

29. Card created: Publish Schema
Miguel Garcia
Created Monday, February 13, 2017
Now that we have define the main rules and features of the format,
we need to produce a schema and publish it to GitHub. The…
Board:
List:
Assigned To:
Assigned To:
Adaptive Card
Backlog
David Claux
Not Set
Microsoft Teams
B O T M E S S A G E
C A R D
B OT F R A M E WO R K

30. Card created: Publish Schema
Miguel Garcia
Created Monday, February 13, 2017
Now that we have define the main rules and features of the format,
we need to produce a schema and publish it to GitHub. The…
Board:
List:
Assigned To:
Assigned To:
Adaptive Card
Backlog
David Claux
Not Set
Microsoft Teams
B O T M E S S A G E
C A R D
ROU T I N G I N F O
C HA N NE L DATA
AT TACHME NTS
B OT F R A M E WO R K

31. Card created: Publish Schema
Miguel Garcia
Created Monday, February 13, 2017
Now that we have define the main rules and features of the format,
we need to produce a schema and publish it to GitHub. The…
Board:
List:
Assigned To:
Assigned To:
Adaptive Card
Backlog
David Claux
Not Set
Microsoft Teams
A C T I V I T Y
C A R D
M E TA DATA
U RI
V I S UA L
WI N D O WS

32. Card created: Publish Schema
Miguel Garcia
Created Monday, February 13, 2017
Now that we have define the main rules and features of the format,
we need to produce a schema and publish it to GitHub. The…
Board:
List:
Assigned To:
Assigned To:
Adaptive Card
Backlog
David Claux
Not Set
Microsoft Teams
A C T I V I T Y
C A R D

33. Microsoft Teams
Card created: Publish Schema
Miguel Garcia
Created Monday, February 13, 2017
Now that we have define the main rules and features of the format,
we need to produce a schema and publish it to GitHub. The…
Board:
List:
Assigned To:
Assigned To:
Adaptive Card
Backlog
David Claux
Not Set
A C T I V I T Y
C A R D

35. Alpha Beta

38. …

39. …

40. 300M
users
5
hours/user/
month
200+
brands in
bot shop

41. You
#adaptivecards

43. Blog posts after event close
B8004 App Model Evolution May 11th 10:30am
B8025 Cross-device and cross-platform
experiences with Project Rome and
Microsoft Graph
May 11th 12:30pm
B8108 App engagement in Windows and Cortana
with User Activities and Project Rome
May 11th 5:30pm
B8097 What’s new in the Bot Framework May 12th 12:30pm
B8908 Open Q&A – Windows 10 UWP, Mixed
Reality, Design and Project Rome
May 12th 2:00pm
Breakout
sessions
Featured Feature Team @HUB
Hub