Bringing SharePoint information into Office through Office Apps

introduction to Apps for Office Apps closer look Mail App SharePoint hosted Office App opportunities Task Pane and Content App introduction agenda

trends impacting the way we work Devices 1 billion smartphones by 2016, 350M of those being used at work People 82 % of the world's online population engages in social networking Services 50 % of enterprise customers are “on the road” to cloud

Office for Enterprises

modernising the platform

new cloud app model

Marketplace

three UI shapes for Office Apps

shapes and where they appear

Anatomy App ManifestWeb Page HTML/CSS/JS

App development tools

App packaging and deployment Office Store or App Catalog Consumers & Corporate Users Developer Web Server (Internet or Intranet) App manifest (.xml) or.app package Document Sharing Web Page

App hosting models SharePoint (Online) Windows Azure SharePoint (Online or On-premises) Any Web Server (Online or On-premises)

common App architecture Server Client Browser Host Web Server Host SharePoint & Exchange Office APP Client APIs Server APIs

common App architecture Server Client Browser Host Web Server Host SharePoint & Exchange Office APP Client APIs Server APIs

Office JavaScript API overview Document Office.context CustomXmlParts Bindings Settings R/W Selection Mailbox Properties & Settings User Profile EWS Item Project Tasks Project Info

Functional areas v App support Functional area WordExcel/Excel WACPowerPointOutlook/OWAProject Get/Set data as text, table, matrix Settings Get File Bindings Custom XML Parts Html and OOXML Mailbox

Mail app example

Mail App Availability Mail apps are available in Outlook, Outlook Web App and Mobile Outlook Web App. Subtle User Experience Mail apps are designed to remain unobtrusively in the background, yet easily activated when needed. Supplemental Information Contextual apps provide additional information based on rules applied to a messaging item. Mail App

Appear in messages and appointments Contextual to current item Cross platform, cross device

behind the scenes Exchange Server with app manifests Cloud Service with app HTML + JS User running Outlook

extracted entities Entity TypeText Detected Address US postal addresses 1 Microsoft Way, Redmond WA, Address Any SMTP address MeetingSuggestion A reference to an event or meeting Let’s meet next Tuesday for lunch. Contact A personal name related to other entities Randy Byrne, 1 Microsoft Way, Redmond WA, PhoneNumber US telephone numbers (555) TaskSuggestion Actionable sentences in an Please install office 2013 on my computer. Url A filename or web address

activation rules

ReadWrit box ReadItem Restricted permissions

possibilities

Task Pane app example

task pane app Part of the document A task pane app is embedded within the content of the document. It is part of the document. Familiar User Experience Leveraging the task pane infrastructure, these apps leverage users familiarity with a popular Office UI paradigm. Reference Information Task Pane apps are perfect for providing reference information associated with a document.

task pane app Layout Guidance The default width of 350 pixels cannot be changed programmatically. Users can resize and move so design to adjust to different widths. Context Menus Developers have full control of the context menu inside an app. However, you can not take over, or add to the Office Task Pane menu. Scrollbar Guidance Vertical scrollbars are acceptable, use CSS to modify so they match Office scrollbars. Horizontal scrollbars should be avoided.

content app Part of the document A content app is embedded within the content of the document. It is part of the document. Implemented as an Excel shape Print, resize, move, copy/paste, etc. The user is in complete control. Travels with the document The app travels with the document for easy, yet secure, distribution. An image is shown if the app is not available. Content App

content app Layout Guidance Content Agaves have a generous size limit of 2560x2048. Users can resize and move so design accordingly. Remember – content may print with the document. Context Menus Developers have full control of the context menu inside an app. However, you can not take over, or add to the Shape context menu. Scrollbar Guidance Scrollbars should be avoided within a content app. Size them appropriately within the manifest. Set an appropriate size Specify an appropriate size for the app in the Manifest This example is sized too small – resize to avoid scrollbars

task pane and content app

Document Accelerate app example

Office enabled app for SharePoint App for SharePoint Document Library Document Template

Apps for Office scenarios Content Authoring & Publishing Resumes, Contracts Dashboards Data Analysis, Data Mash ups Forms & Reports Legal Forms, Financial Reports Business Processes Sales & Marketing, Finance, HR Team Collaboration Content & Project Management Workflow Document Approval, Expenses Rich Web content YouTube Video, Photo Gallery Data Visualisation, Analysis & Mash up Maps, Custom charts, Lookups Reference Tools Translation, Definitions, Dictionary, Help, Research Content Authoring & Publishing Contextual Content & Services Workflow and Collaboration Doc builders, Print services Business data lookup (CRM), Contextual forms (surveys) Project tracking, Coauthoring Document Template App App for SharePoint Document Template Workflow Custom Actions Lists & Doc Libs App Parts Event Receivers More…

visualisations

contextual content

data enhancement

reference & research

master/detail

document authoring

document publishing

content transformation

social

dynamic documents

the Office Opportunity

Questions?

THANK YOU