Microsoft Teams je nova platforma za kolaboraciju namijenjena organizacijama, ustanovama i preduzećima. Teams omogućavaju chat-baziranu komunikaciju, a jedna od važnih osobina im je da je veoma jednostavno u diskusiju uključiti sve relevantne podatke i dokumente na koje se diskusija odnosi. Developerima koji žele da prilagođavaju Teams stoje na raspolaganju tzv. Apps for Teams, u kojima je moguće kreirati tabove, botove, konektore i kartice kojima se poboljšava konmunikacija unutar Teams kanala, kao i korištenje Teams APIja i Microsoft Graph endpointa. Ali, to ne znači da moramo odbaciti sve postojeće aplikacije ukoliko želimo kreirati za Teams, jer se one mogu prilagoditi Teams korisničkom okruženju. U ovom predavanju pokazaćemo proceduru kojom se bilo koja web bazirana aplikacija može prilagoditi da svoju funkcionalnost pruži korisnicima unutar Microsoft Teams korisničkog okruženja, te odgovoriti na pitanje "Zašto prilagoditi vaše poslovne aplikacije za Microsoft Teams?"

1. Pretvorite svoju poslovnu
aplikaciju u Teams Tab u
tri jednostavna koraka
Dragan Panjkov
www.dragan-panjkov.com

3. Agenda
• Teams App Platform
• Teams Tabs
• Convert web app to Teams Tab

4. Microsoft Teams Apps
Notifications
Post rich updates to channels
via connectors
Tabs
Surface rich content within
Teams
Bots
Help users get tasks done in
conversations
Voice and video
Add rich calling and meeting
automation and media
Messaging Extensions
Allow users to query and share
rich cards in conversations
Power your apps using Graph. Build intelligence and connect to data that
drives productivity
Microsoft Graph
Adaptive Cards
Add rich interaction to your
connector cards

5. Context for Teams apps
Chat
Lightweight collaboration in 1:1 or group setting without complex permissions
Example: 1:1 topics between manager and direct report
Team and channel
Enable public collaboration and workflows with all team members
Example: share, discuss, and get notified about new service incidents
Personal
User-centric view, showing aggregate content along with private bot chat
Example: list of all tasks assigned to me

6. App Studio
Tools to help you build your app
Create and save app projects
Preview and generate code for
cards
Web UI control library
One-click side loading

7. Demo
App Studio

8. Static Tabs
A content page declared directly in
manifest
No Configuration
Added in “personal” scope
Accessed via the app bor or
alongside bot conversation

9. Demo
Creating a static tab

10. Tab Configuration and Content
Tab Configuration
Configured in manifest
Displayed when Tab added to Channel
Collect information
Call setSettings() specifying Content Url and Entity Id
Tab Content
Rendered in IFRAME
Url specified by configuration page
Inspect context for EntityId/SubEntityId
Retrieve state based on Entity/SubEntity/User

11. Demo
Creating a configurable tab

12. Demo
Practical example: K2
SmartForm in Teams

13. Resources
https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/tabs/tabs-overview
https://www.dragan-panjkov.com/adding-third-party-saas-as-a-tab-in-microsoft-teams
https://www.dragan-panjkov.com/adding-k2-smartforms-form-as-tab-in-microsoft-teams
https://github.com/OfficeDev/TrainingContent/tree/master/Teams
https://github.com/panjkov/NetWork9Demo