Using Office Add-ins to

Solve Business Problems Ryan Schouten

@shrpntknight

SharePoint Saturday Redmond, October 24th, 2015

Ryan Schouten

Worked with SharePoint for 8 years

I have experience with SharePoint 2003 – 2013

I have worked with ASP.Net for 14 years

MCPD, MCT, MCSE: SharePoint, MCSA: Office 365

Contact Information

Ryan@sharepointknight.com

@shrpntknight

http://www.sharepointknight.com

• Office365 Implementations

• Custom SharePoint Development

• Responsive Design

• Intranet Design/Implementations

Options For Adding Functionality to

Office

VBA

Macros

VSTO Released with Office 2003

Office Interop

Apps for Office(Office Add-ins)

Why do we need this change?

Previous Solutions Don’t Work Well in the Web

Web Versions of Office Products

Outlook

Word

Excel

Mobile Devices

iPad

Surface

Android

Windows Phone

So

urc

e: M

icro

so

ft

Office has been downloaded more

than 150 million times on iPhones,

iPads and Android devices.

More than 1.2 billion people use

Microsoft Office. 1.2S

ou

rce: M

icro

so

ft

So

urc

e: M

icro

so

ft

Outlook.com has more than 400

million active users.

What is an Add-in

An Add-In is a Web Page Loaded into

Office

Can use any web technology you desire.

jQuery

AngularJS

NodeJS

PHP

ASP.Net MVC

…

Can host wherever you need.

Types of Office Add-ins

Task Pane

Content

Mail

Task Pane

Task pane add-ins work side-by-side with an Office document, and let you supply

contextual information and functionality to enhance the document viewing and

authoring experience. For example, a task pane add-in can look up and retrieve

product information from a web service based on the product name or part number

selected in the document.

Content

Content add-ins integrate web-based features as content that shown in line with the

body of a document. Content add-ins let you integrate rich, web-based data

visualizations, embedded media (such as a YouTube video player or a picture gallery),

as well as other external content.

Mail

Mail add-ins display next to an Outlook item when you're viewing or

composing it.

Can work with an email message, meeting request, meeting response,

meeting cancellation, or appointment in a read scenario

Support

Office application Content add-ins Mail add-ins Task pane add-ins

Access web apps

Excel 2013 or later

Excel Online

Outlook 2013 or later

Outlook for Mac

Outlook Web App

OWA for Devices

PowerPoint 2013 or

later

PowerPoint Online

Project 2013 or later

Word 2013 or later

Word Online

Creating Our First Office Add-In

Needed Tools

Visual Studio

Napa Tools

Web Site for Hosting Web Pages

Plan You Add-in

Decide on the purpose of the add-in.

Identify the data and data source for the add-in

Identify the type of add-in and Office host applications that best support the

purpose of the add-in.

Design and implement the user experience and user interface for the add-in.

Create your manifest

Install and test

Let’s Do It

Deploying You App

Type Office StoreCorporate add-

in catalog

Shared folder

add-in catalog

Exchange

server

Task pane add-in x x x

Content add-in x x x

Mail add-in x x

Let’s Publish Our App

Resources

Office UI Fabric

http://officeuifabric.com/

Office Add-in JavaScript API Documentation

https://msdn.microsoft.com/en-us/library/office/fp142185.aspx

Office Dev Center

http://dev.office.com/

Questions

Please Visit the Sponsors