Exploring Microsoft Teams extensibility

Microsoft Teams developer insights into the extensibility options with examples

1. Exploring Microsoft Teams extensibility SPS London 2017 Wes Hackett

2. Thanks to the Sponsors!

3. Wes Hackett CTO AddIn365 www.addin365.com @ weshackett [email protected] Office Server & Services

4. Agenda Topic Introduce Microsoft Teams - Introduce our demo app aims Setting up for development Building our knowledge base Building our Bot Compose extensions Tabs Wrap-up and questions

5. Microsoft Teams Chat-based workspace in Office 365

6. Chat for today’s teams Communicate in the moment and keep everyone in the know Customisable for  each team Tailor your workspace to include content and capabilities your team needs every day. A hub for teamwork Give your team quick access to information they need right in Office 365 Security teams trust Get the enterprise-level security and compliance features you expect from Office 365. Chat-based workspace in Office 365

7. Customer group Guests Project team site Guests Leadership engagement Interest group

8. Silverstone Bot

9. Ultimate fan experience Provide access to the Silverstone knowledge base Allow team members to ‘free chat’ about drivers Record incidents Record overtakes

10. Setting up for development

11. Turn on Microsoft Teams

12. Enable side loading of apps

13. Enable ‘Public Developer Preview’

14. Building our knowledge base QnA maker

15. Create your knowledge base

16. Updating your knowledge base

17. Train your knowledge base

18. Publish your knowledge base

19. Building our bot

20. Create the basic solution Using the Bot template for Visual Studio create a new solution Update the Nuget packages Install the bot emulator F5 the project to chat in the emulator

21. Register your bot

22. Microsoft Teams .Net SDK

23. Deployment to azure web app Follow normal App Service config steps Add keys to the AppSettings rather than hold them in source MicrosoftAppId MicrosoftAppPassword Continuous deployment for the win…

24. Update your bot registration

25. Adding the Microsoft Teams channel

26. Adding QnA to your bot

27. Create the Teams package

28. Side loading the app

29. Demo

30. Compose extensions

31. Update app manifest

32. Add ComposeExtension

33. Update controller

34. Side loading the app

35. Demo

36. Tabs

37. # YoTeams npm install generator-teams –global Install and run against ‘tabs’ folder Move around some of the assets Fix up paths gulpfile webpack

38. Fixing up gulpfile.js

39. Fixing up webpack.config.js

40. Updating manifest

41. Side loading the app

42. Demo

43. Overview

44. Resources Microsoft Teams getting started http://bit.ly/2rYiaJe Microsoft Teams User Voice http://bit.ly/2rYiaJe Design a great Microsoft Teams app http://bit.ly/2sXFC8K Microsoft Teams sample http://bit.ly/2s2zrwl Silverstone Bot on Github http://bit.ly/2rJgrn2

45. Questions