Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Exploring Microsoft Teams extensibility

304 views

Published on

Microsoft Teams developer insights into the extensibility options with examples

Published in: Technology
  • Be the first to comment

Exploring Microsoft Teams extensibility

  1. 1. Exploring Microsoft Teams extensibility SPS London 2017 Wes Hackett
  2. 2. Thanks to the Sponsors!
  3. 3. Wes Hackett CTO AddIn365 www.addin365.com @weshackett wes@addin365.com Office Server & Services
  4. 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. 5. Microsoft Teams Chat-based workspace in Office 365
  6. 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. 7. Customer group Guests Project team site Guests Leadership engagement Interest group
  8. 8. Silverstone Bot
  9. 9. Ultimate fan experience » Provide access to the Silverstone knowledge base » Allow team members to ‘free chat’ about drivers » Record incidents » Record overtakes
  10. 10. Setting up for development
  11. 11. Turn on Microsoft Teams
  12. 12. Enable side loading of apps
  13. 13. Enable ‘Public Developer Preview’
  14. 14. Building our knowledge base QnA maker
  15. 15. Create your knowledge base
  16. 16. Updating your knowledge base
  17. 17. Train your knowledge base
  18. 18. Publish your knowledge base
  19. 19. Building our bot
  20. 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. 21. Register your bot
  22. 22. Microsoft Teams .Net SDK
  23. 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. 24. Update your bot registration
  25. 25. Adding the Microsoft Teams channel
  26. 26. Adding QnA to your bot
  27. 27. Create the Teams package
  28. 28. Side loading the app
  29. 29. Demo
  30. 30. Compose extensions
  31. 31. Update app manifest
  32. 32. Add ComposeExtension
  33. 33. Update controller
  34. 34. Side loading the app
  35. 35. Demo
  36. 36. Tabs
  37. 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. 38. Fixing up gulpfile.js
  39. 39. Fixing up webpack.config.js
  40. 40. Updating manifest
  41. 41. Side loading the app
  42. 42. Demo
  43. 43. Overview
  44. 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. 45. Questions

×