SlideShare a Scribd company logo
SPFx Outlook add-in with Azure Cognitive
services to detect the sentiment before
sending email
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Jayakumar Balasubramaniam
Product Lead
• Microsoft Certified Trainer (MCT)
• Microsoft Certified Solution Developer
(MCSD)
• Blogger and Speaker
jayakumar@live.in
@jayakumrB
https://www.linkedin.com/in/j
ayakumarbalasubramaniam/
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Sarah Rajkumar
Product Engineer
• Work on Microsoft 365 & Azure platforms
• Blogger and Speaker
sarahrajkumar17@gmail.com
@sarahr1708
https://www.linkedin.com/in/
sarah-r-1963a1147
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Agenda
• Azure Cognitive Service
• Azure Sentiment Analysis
• SharePoint Framework Outlook Add-in
• Integrate with Azure Sentiment Analysis
• Configuring SPFx in Outlook
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Azure Cognitive Services
Cognitive Services are a set of machine learning
algorithms helps to build Intelligence software
applications.
No machine machine-learning expertise is
required to use them
API call alone can embed AI capabilities into
your existing applications.
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
List of Azure Cognitive Services
DECISION LANGUAGE SPEECH VISION WEB
SEARCH
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Language
• Extract meaning from unstructured data
• Language service contains five different services
• Immersive Reader
• Language Understanding
• QnA Maker
• Text Analytics
• Translator
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Text Analytics
• Text Analytics detect sentiment, Key phrases and named
entities.
• Identify and categories Important concepts
• Extract key phrases in unstructured text
• Better Understand customer perception
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Named-entity recognition
• Named-entity recognition has ability to identify the different
entities in text and categorize them into pre-defined classes or types
such as person, location, event, product and organization.
INPUT OUTPUT
Wimbledon is a tennis tournament
held in the UK in the first two weeks
of July 2020.
Event :tournament
Sport name(s): tennis
Location: UK
Month: July
Year: 2020
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Key Phrase Extraction:
• The Key Phrase extraction evaluate unstructured text and returns a
list of key phrases.
• It is useful to quickly identify main points in documents.
INPUT OUTPUT
"documents": [
{
"language": "en",
"id": "1",
"text": "We love this trail and make
the trip every year. The views are
breath taking and well worth the
hike!"
},
"documents":[
{
"id":"1",
"keyPhrases":[
"year",
"trail",
"trip",
"views",
"hike“
],
},
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Sentiment Analysis
• Sentiment Analysis is useful for detecting positive and
negative sentiment in social media, customer reviews etc.
• After sending sentiment request it labels into three
• Positive
• Neutral
• Negative
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Sentiment Analysis
INPUT OUTPUT
{
"documents": [
{
"language": "en",
"id": "1",
"text": "The restaurant had
great food and our waiter was
friendly."
}
]
}
"documents": [
{
"id": "1",
"sentiment": "positive",
"confidenceScores": {
"positive": 1.0,
"neutral": 0.0,
"negative": 0.0
},
"sentences": [
{
"sentiment": "positive",
"confidenceScores": {
"positive": 1.0,
"neutral": 0.0,
"negative": 0.0
},
"offset": 0,
"length": 58,
"text": "The restaurant had
great food and our waiter was
friendly."
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
DEMO
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
SharePoint
Framework
Outlook Add-in
• Office Add-in available
from v1.10
• Deploy in Outlook
WebApp
• Host the app in SharePoint
• Only available in Preview
• Developer Preview
supports only Outlook web
access
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Benefits of SPFx Office Add-in
No change in development model
Single code base across MS Teams + SharePoint + Outlook
Hosted in SharePoint
Easy to access Graph API
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Three Different Context in SPFx
this.props.context.sdks.office.context
this.props.context.sdks.microsoftTeams.context
this.props.context.pageContext
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Building Office Add-In using SPFx
• yo @microsoft/sharepoint --plusbeta
• npm install @types/office-js --save-dev
• This.context.sdks.office.context.mailbox
• Use the package "@azure/ai-text-analytics"
• Build and Deploy in SharePoint AppCatalog
• Activate the Add-In using Outlook Web
• Generally it will be accessible only in outlook INBOX
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
Integrate SPFx Outlook Add-in Mail Compose
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
DEMO
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
THANK YOU
jayakumar@live.in
@jayakumrB
https://www.linkedin.com/in/j
ayakumarbalasubramaniam/
#M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd

More Related Content

Similar to SPFx Outlook add-in with Azure Cognitive services to detect the sentiment before sending email (7)

PPTX
Sentiment Analysis in Dynamics CRM using Azure Text Analytics
Lucas Alexander
 
PPTX
Measure your teams sentiment
Stefano Tempesta
 
PDF
Introduction to AI and Cognitive Services for Office 365 Developers SPFest DC...
Prashant G Bhoyar (Microsoft MVP)
 
PDF
Unlock your Big Data with Analytics and BI on Office 365
Brian Culver
 
PPTX
ClassifyingIssuesFromSRTextAzureML
George Simov
 
PPTX
Searching for SharePoint Analytics
Jeff Fried
 
PDF
Unlock your Big Data with Analytics and BI on Office 365 - OFF103
Brian Culver
 
Sentiment Analysis in Dynamics CRM using Azure Text Analytics
Lucas Alexander
 
Measure your teams sentiment
Stefano Tempesta
 
Introduction to AI and Cognitive Services for Office 365 Developers SPFest DC...
Prashant G Bhoyar (Microsoft MVP)
 
Unlock your Big Data with Analytics and BI on Office 365
Brian Culver
 
ClassifyingIssuesFromSRTextAzureML
George Simov
 
Searching for SharePoint Analytics
Jeff Fried
 
Unlock your Big Data with Analytics and BI on Office 365 - OFF103
Brian Culver
 

More from Jenkins NS (20)

PPTX
All about Send proactive messages in Microsoft Teams BOT
Jenkins NS
 
PPTX
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
Jenkins NS
 
PPTX
Global M365 Developer Bootcamp 2020 Hyderabad: KEYNOTE
Jenkins NS
 
PPTX
Global M365 Developer Bootcamp 2020 Hyderabad: WELCOME NOTE
Jenkins NS
 
PDF
Extend the unextended in microsoft teams
Jenkins NS
 
PPTX
Power Automate integration with SPFX webpart
Jenkins NS
 
PPTX
Task-oriented interactions in Microsoft Teams with messaging extensions
Jenkins NS
 
PPTX
Microsoft power platform
Jenkins NS
 
PPTX
Introduction to microsoft teams app templates
Jenkins NS
 
PPTX
Build an app from scratch using teams app studio for ms teams
Jenkins NS
 
PPTX
Empowering citizen developers using power apps
Jenkins NS
 
PPTX
Ms teams webinar-getting started with microsoft teams development
Jenkins NS
 
PPTX
M365 virtual marathon build your first power virtual agents bot
Jenkins NS
 
PPTX
harePoint Framework Webinar Series: Consume Graph APIs in SharePoint Framework
Jenkins NS
 
PPTX
SPFx Webinar Loading SharePoint data in a SPFx Webpart
Jenkins NS
 
PPTX
SPSChennai2020
Jenkins NS
 
PPTX
Trivandrumtechcon20
Jenkins NS
 
PPTX
Governance and administration for teams app development
Jenkins NS
 
PPTX
Getting started with spfx
Jenkins NS
 
PPTX
Architecting your Intranet with SharePoint Modernization
Jenkins NS
 
All about Send proactive messages in Microsoft Teams BOT
Jenkins NS
 
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
Jenkins NS
 
Global M365 Developer Bootcamp 2020 Hyderabad: KEYNOTE
Jenkins NS
 
Global M365 Developer Bootcamp 2020 Hyderabad: WELCOME NOTE
Jenkins NS
 
Extend the unextended in microsoft teams
Jenkins NS
 
Power Automate integration with SPFX webpart
Jenkins NS
 
Task-oriented interactions in Microsoft Teams with messaging extensions
Jenkins NS
 
Microsoft power platform
Jenkins NS
 
Introduction to microsoft teams app templates
Jenkins NS
 
Build an app from scratch using teams app studio for ms teams
Jenkins NS
 
Empowering citizen developers using power apps
Jenkins NS
 
Ms teams webinar-getting started with microsoft teams development
Jenkins NS
 
M365 virtual marathon build your first power virtual agents bot
Jenkins NS
 
harePoint Framework Webinar Series: Consume Graph APIs in SharePoint Framework
Jenkins NS
 
SPFx Webinar Loading SharePoint data in a SPFx Webpart
Jenkins NS
 
SPSChennai2020
Jenkins NS
 
Trivandrumtechcon20
Jenkins NS
 
Governance and administration for teams app development
Jenkins NS
 
Getting started with spfx
Jenkins NS
 
Architecting your Intranet with SharePoint Modernization
Jenkins NS
 
Ad

Recently uploaded (20)

PDF
July Patch Tuesday
Ivanti
 
PPTX
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
PDF
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
PPTX
MSP360 Backup Scheduling and Retention Best Practices.pptx
MSP360
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
Human-centred design in online workplace learning and relationship to engagem...
Tracy Tang
 
PDF
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PDF
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
PDF
Persuasive AI: risks and opportunities in the age of digital debate
Speck&Tech
 
PDF
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PDF
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
PPTX
Building a Production-Ready Barts Health Secure Data Environment Tooling, Acc...
Barts Health
 
July Patch Tuesday
Ivanti
 
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
MSP360 Backup Scheduling and Retention Best Practices.pptx
MSP360
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
Human-centred design in online workplace learning and relationship to engagem...
Tracy Tang
 
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
Persuasive AI: risks and opportunities in the age of digital debate
Speck&Tech
 
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
Building a Production-Ready Barts Health Secure Data Environment Tooling, Acc...
Barts Health
 
Ad

SPFx Outlook add-in with Azure Cognitive services to detect the sentiment before sending email

  • 1. SPFx Outlook add-in with Azure Cognitive services to detect the sentiment before sending email #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 2. Jayakumar Balasubramaniam Product Lead • Microsoft Certified Trainer (MCT) • Microsoft Certified Solution Developer (MCSD) • Blogger and Speaker [email protected] @jayakumrB https://www.linkedin.com/in/j ayakumarbalasubramaniam/ #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 3. Sarah Rajkumar Product Engineer • Work on Microsoft 365 & Azure platforms • Blogger and Speaker [email protected] @sarahr1708 https://www.linkedin.com/in/ sarah-r-1963a1147 #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 4. Agenda • Azure Cognitive Service • Azure Sentiment Analysis • SharePoint Framework Outlook Add-in • Integrate with Azure Sentiment Analysis • Configuring SPFx in Outlook #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 5. Azure Cognitive Services Cognitive Services are a set of machine learning algorithms helps to build Intelligence software applications. No machine machine-learning expertise is required to use them API call alone can embed AI capabilities into your existing applications. #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 6. List of Azure Cognitive Services DECISION LANGUAGE SPEECH VISION WEB SEARCH #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 7. Language • Extract meaning from unstructured data • Language service contains five different services • Immersive Reader • Language Understanding • QnA Maker • Text Analytics • Translator #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 8. Text Analytics • Text Analytics detect sentiment, Key phrases and named entities. • Identify and categories Important concepts • Extract key phrases in unstructured text • Better Understand customer perception #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 9. Named-entity recognition • Named-entity recognition has ability to identify the different entities in text and categorize them into pre-defined classes or types such as person, location, event, product and organization. INPUT OUTPUT Wimbledon is a tennis tournament held in the UK in the first two weeks of July 2020. Event :tournament Sport name(s): tennis Location: UK Month: July Year: 2020 #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 10. Key Phrase Extraction: • The Key Phrase extraction evaluate unstructured text and returns a list of key phrases. • It is useful to quickly identify main points in documents. INPUT OUTPUT "documents": [ { "language": "en", "id": "1", "text": "We love this trail and make the trip every year. The views are breath taking and well worth the hike!" }, "documents":[ { "id":"1", "keyPhrases":[ "year", "trail", "trip", "views", "hike“ ], }, #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 11. Sentiment Analysis • Sentiment Analysis is useful for detecting positive and negative sentiment in social media, customer reviews etc. • After sending sentiment request it labels into three • Positive • Neutral • Negative #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 12. Sentiment Analysis INPUT OUTPUT { "documents": [ { "language": "en", "id": "1", "text": "The restaurant had great food and our waiter was friendly." } ] } "documents": [ { "id": "1", "sentiment": "positive", "confidenceScores": { "positive": 1.0, "neutral": 0.0, "negative": 0.0 }, "sentences": [ { "sentiment": "positive", "confidenceScores": { "positive": 1.0, "neutral": 0.0, "negative": 0.0 }, "offset": 0, "length": 58, "text": "The restaurant had great food and our waiter was friendly." #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 14. SharePoint Framework Outlook Add-in • Office Add-in available from v1.10 • Deploy in Outlook WebApp • Host the app in SharePoint • Only available in Preview • Developer Preview supports only Outlook web access #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 15. Benefits of SPFx Office Add-in No change in development model Single code base across MS Teams + SharePoint + Outlook Hosted in SharePoint Easy to access Graph API #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 16. Three Different Context in SPFx this.props.context.sdks.office.context this.props.context.sdks.microsoftTeams.context this.props.context.pageContext #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 17. Building Office Add-In using SPFx • yo @microsoft/sharepoint --plusbeta • npm install @types/office-js --save-dev • This.context.sdks.office.context.mailbox • Use the package "@azure/ai-text-analytics" • Build and Deploy in SharePoint AppCatalog • Activate the Add-In using Outlook Web • Generally it will be accessible only in outlook INBOX #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd
  • 18. Integrate SPFx Outlook Add-in Mail Compose #M365Bootcamp #MS365DevBootcamp #MS365DevBootcampHyd

Editor's Notes

  • #5: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #6: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #7: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #8: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #9: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #10: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #11: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #12: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #13: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #15: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #16: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #17: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #18: https://www.chakray.com/5-main-benefits-of-identity-management/
  • #19: https://www.chakray.com/5-main-benefits-of-identity-management/