Build Microsoft Teams Apps with
Teams App Studio
• Microsoft Teams
• Microsoft Teams Walkthrough – Demo
• Microsoft Teams App
• Teams App Studio
• What can App Studio do for you?
• Installing App Studio
• App Studio Walkthrough – Demo
• Build Tab for your Teams – Demo
Agenda
Microsoft Teams
Demo 1
Microsoft Teams Walkthrough
Microsoft Teams App
Tabs
Surface rich content
within Team
Bots
Interact with users
naturally through chat
Connectors
Post notification into
team channels
Messaging Extensions
Allow to share contents from chat
Web based rich contents straights into the channels
Use Cases
• Dashboards
• Detailed Pages
• Consoles
Tabs
Manage two way conversation
Connects with Microsoft Bot Framework
Use Cases
• Find documents
• Query data
Bots
Post updates and messages into channels
Incoming Webhooks
Use case
• Notifications
• News
Connectors
Query for information from your service and post that
information, in the form of cards
Use Cases
• Survey
• Customer support tickets
• Images and media content
Managing Extensions
Teams App Studio was created to simplify and streamline the
process of creating real apps.
App Studio does not produce functional code for your app, or
host your app.
Teams App Studio
Creating, storing and managing app Manifest through simple
forms
Designing and previewing Cards
Integrating Teams-styled component into teams
Web UI control library
Searching for documentation and blog post via chat
What can App Studio do for you?
Installing App Studio
• Conversation
• Bot to search for documentation
• Manifest Editor
• Enable to create manifest
• Card Editor
• Create cards and send via chats
• Control Library
• This tab is a showcase of the Microsoft Teams UI Controls library.
App Studio Walkthrough
Demo 2
App Studio Walkthrough
Demo 2
Build Tab for your Teams
Questions
and
Answers
Thank You
www.Suhail.Cloud
@SuhailCloud
fb.com/Suhail.Cloud

Build Microsoft Teams Apps with Teams App Studio

  • 1.
    Build Microsoft TeamsApps with Teams App Studio
  • 2.
    • Microsoft Teams •Microsoft Teams Walkthrough – Demo • Microsoft Teams App • Teams App Studio • What can App Studio do for you? • Installing App Studio • App Studio Walkthrough – Demo • Build Tab for your Teams – Demo Agenda
  • 3.
  • 4.
  • 5.
    Microsoft Teams App Tabs Surfacerich content within Team Bots Interact with users naturally through chat Connectors Post notification into team channels Messaging Extensions Allow to share contents from chat
  • 6.
    Web based richcontents straights into the channels Use Cases • Dashboards • Detailed Pages • Consoles Tabs
  • 7.
    Manage two wayconversation Connects with Microsoft Bot Framework Use Cases • Find documents • Query data Bots
  • 8.
    Post updates andmessages into channels Incoming Webhooks Use case • Notifications • News Connectors
  • 9.
    Query for informationfrom your service and post that information, in the form of cards Use Cases • Survey • Customer support tickets • Images and media content Managing Extensions
  • 10.
    Teams App Studiowas created to simplify and streamline the process of creating real apps. App Studio does not produce functional code for your app, or host your app. Teams App Studio
  • 11.
    Creating, storing andmanaging app Manifest through simple forms Designing and previewing Cards Integrating Teams-styled component into teams Web UI control library Searching for documentation and blog post via chat What can App Studio do for you?
  • 12.
  • 13.
    • Conversation • Botto search for documentation • Manifest Editor • Enable to create manifest • Card Editor • Create cards and send via chats • Control Library • This tab is a showcase of the Microsoft Teams UI Controls library. App Studio Walkthrough
  • 14.
    Demo 2 App StudioWalkthrough
  • 15.
    Demo 2 Build Tabfor your Teams
  • 16.
  • 17.

Editor's Notes

  • #4 Microsoft Teams is a chat-based workspace in Office 365  Microsoft Teams integrates with the apps and services Videos, meeting, files, desktop and mobile apps https://teams.microsoft.com/
  • #9 Trello