Building apps for Office 2013(using the web technologies you know and love)

Pranav AinavoluThomson Reuters@a_pranav | http://pranavon.net

Agenda

Intro to AppsAnatomy of an

AppApp

Architecture

Apps for Office and SharePoint

3

Apps

App catalog and store

Vacation request

Event planning

Expense calculator

Learning management

Risk management

Help-desksupport

Products and platforms

Services and data

Types of Apps for OfficeTask Pane App for Office (Document-centric)Assists user working with one or more documentsWorks in Word, Excel and Project

Content App for Office (Document-centric)Adds embedded content/functionality into documentOnly used in Excel Application and Excel Web Application

Mail App for Office (Mailbox-centric)Outlook Client and Outlook Web App (OWA) Extends Outlook items with custom UI and behaviorsOutlook items can be messages and eventsRequire Exchange 2013

Common App ArchitectureBrowser

Office JSOM

SharePoint JSOM

Web Server

Other Devices

Client-side CodeHTML / CSS / JavaScript

APP

Server-side CodeAny language

SharePoint

CSOM CSOMREST

Autohosted Provider-hosted

Other

E.g. LAM

P

IIS / ASP.N

et

Windows AzureWeb Sites

Workflow

SQL

Cloud Services

Agenda

Intro to AppsAnatomy of an

AppApp

Architecture

App for Office Anatomy

App for Office

App ManifestWeb Page<XML><script

src="Office.js"/>

Developing Apps

Use any tools you likeAny editor that can manipulate text filesNotepad, UltraEdit, Eclipse, etc.

Visual Studio 2012 Experience App project templatesExcellent productivity featuresOne tool to accomplish all of your development needs

Great Looking AppsWe will provide CSS, controls and templates

App Deployment

Web Server Catalog Server

App for Office

App ManifestWeb Page<XML><script

src="Office.js"/>

Office Store or App Catalog

Consumers &Corporate Users

Developer

Web Server(Internet or Intranet)

App manifest (.xml)or .app package

DocumentSharing

App Deployment

Agenda

Intro to AppsAnatomy of an

AppApp

Architecture

The Power of the Cloud App Model

Bring the Web into Office & SharePoint

Plat

form

App

Client Code: HTML / CSS / Javascript

Server Code: Any Language

SharePoint(online or on-premises)

Ser

vice

s

On Premises

SharePoint & Exchange Servers

On Premises PlatformIIS

WorkflowSQL

Cloud

Office 365 Services

Azure RuntimeAzure Web SitesAzure Workflow

SQL Azure

REST, OAuth, OData, Remote Events

3rd Party ServicesBing, SalesForce, SAP, Twitter, Facebook

Apps for Office, Templates and SharePoint Apps

Rich Web content YouTube Video,Photo Gallery

Data Visualization, Analysis & Mashup

Maps, Custom charts,Lookups

Reference Tools Translation, Definitions, Dictionary, Help, Research

Content Authoring & Publishing

ContextualContent &

Services

Workflow and Collaboration

Doc builders,Print services

Business data lookup (CRM), Contextual forms (surveys)

Project tracking, Coauthoring

Content Authoring &

Publishing

Resumes, Contracts

DashboardsData Analysis, Data Mashups

Forms &Reports

Legal Forms,Financial Reports

Business Processes Sales & Marketing,Finance, HR

Team Collaboration Content & Project Management

Workflow Document Approval, Expenses

App for SharePoint

App

Document Template

App App

App AppApp App

Document Template

App App

• http://dev.office.com

• http://blogs.msdn.com/b/officeapps

Office Resources

Any Queries?Thank you