Transcript agenda
Bringing SharePoint information into Office
through Office Apps
agenda
introduction
introduction to Apps for Office
Apps closer look
Mail App
Task Pane and Content App
SharePoint hosted Office App
opportunities
trends impacting the way we work
Devices
1 billion
smartphones by
2016, 350M of
those being used
at work
People
Services
82%
50%
of the world's online
population engages
in social networking
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
Web Page
App Manifest
HTML/CSS/JS
<XML>
App development tools
App packaging and deployment
Developer
App manifest (.xml)
or .app package
Office Store or
App Catalog
Web Page
Document
Sharing
Consumers &
Corporate Users
Web Server
(Internet or Intranet)
App hosting models
“Bring your own server
hosting infrastructure”
Any Web Server
(Online or On-premises)
Host your code in SharePoint
Client side technologies and
declarative workflows
SharePoint
(Online or On-premises)
SharePoint
(Online)
Windows Azure
common App architecture
Server
APIs
Client
APIs
Browser Host
Web Server
Host
APP
Office
SharePoint
& Exchange
Server
common App architecture
Server
APIs
Client
APIs
Browser Host
Web Server
Host
APP
Office
SharePoint
& Exchange
Server
Office JavaScript API overview
Office.context
Document
Mailbox
Project
R/W Selection
Item
Project Info
Bindings
User Profile
Tasks
Settings
EWS
CustomXmlParts
Properties &
Settings
Functional areas v App support
Functional
area
Get/Set data as
text, table, matrix
Settings
Get File
Bindings
Custom XML
Parts
Html and
OOXML
Mailbox
Word
Excel/Excel WAC
PowerPoint
Outlook/OWA
Project
Mail
app example
Mail App
Mail App
Availability
Subtle User Experience
Supplemental Information
Mail apps are available in Outlook,
Outlook Web App and Mobile Outlook
Web App.
Mail apps are designed to remain
unobtrusively in the background, yet
easily activated when needed.
Contextual apps provide additional
information based on rules applied to a
messaging item.
Appear in messages and
appointments
Contextual to current item
Cross platform, cross
device
behind the scenes
extracted entities
Entity Type
Text Detected
Address
US postal addresses
1 Microsoft Way, Redmond WA, 98052
EmailAddress
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, 98052
PhoneNumber
US telephone numbers
(555) 867-5309
TaskSuggestion
Actionable sentences in an email
Please install office 2013 on my computer.
Url
A filename or web address
activation rules
permissions
ReadWriteMailbox
ReadItem
Restricted
possibilities
Task Pane
app example
task pane app
Part of the document
Familiar User Experience
Reference Information
A task pane app is embedded within
the content of the document. It is part
of the document.
Leveraging the task pane
infrastructure, these apps leverage
users familiarity with a popular Office
UI paradigm.
Task Pane apps are perfect for providing
reference information associated with a
document.
task pane app
Layout Guidance
Context Menus
Scrollbar Guidance
The default width of 350 pixels cannot be
changed programmatically. Users can resize
and move so design to adjust to different
widths.
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.
Vertical scrollbars are acceptable, use CSS to
modify so they match Office scrollbars.
Horizontal scrollbars should be avoided.
content app
Content App
Part of the document
Implemented as an Excel shape Travels with the document
A content app is embedded within the
Print, resize, move, copy/paste, etc.
content of the document. It is part of the The user is in complete control.
document.
The app travels with the document for
easy, yet secure, distribution. An image
is shown if the app is not available.
content app
Set an appropriate size
Specify an appropriate size for the app in the Manifest
This example is sized too small – resize to avoid scrollbars
Layout Guidance
Context Menus
Scrollbar 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.
Developers have full control of the context
menu inside an app. However, you can not
take over, or add to the Shape context
menu.
Scrollbars should be avoided within a content
app. Size them appropriately within the
manifest.
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
YouTube Video,
Photo Gallery
Rich Web
content
Data Visualisation,
Analysis & Mash up
Maps, Custom charts,
Lookups
Translation, Definitions,
Dictionary, Help, Research
Reference Tools
Content Authoring
& Publishing
Content Authoring
& Publishing
Dashboards
Forms & Reports
Resumes,
Contracts
Business Processes
Sales & Marketing,
Finance, HR
Data Analysis,
Data Mash ups
Team Collaboration
Content & Project
Management
Legal Forms,
Financial Reports
Workflow
Document Approval,
Expenses
Doc builders,
Print services
Contextual
Content & Services
Business data lookup
(CRM), Contextual forms
(surveys)
Project tracking,
Coauthoring
Workflow and
Collaboration
App for SharePoint
Document
Template
Workflow
Lists & Doc Libs
App Parts
Custom Actions
Document
Template
Event Receivers
More…
App
visualisations
contextual content
data enhancement
reference & research
master/detail
document authoring
document publishing
content transformation
social
dynamic documents
the Office Opportunity
Questions?
THANK YOU