Developing Apps for Office and SharePoint using “ Napa” and Visual Studio 2012

Developing Apps for Office and SharePoint using “Napa” and Visual Studio 2012 Jim NakashimaSaurabh Bhatia3-019

The new Cloud App ModelApps for OfficeApps for SharePointPublishing

Agenda

Lots of demos along the way!

The new Cloud App Model

Bring the concept & value of apps on devices to Office & SharePoint• Store• Reach a billion Office users• Easy to find, try, buy and share

• Corporate app catalog• Manage internal apps• Govern Store apps

Apps for Office and SharePoint?

Overview of the App ModelUnified and Cloud Ready• Works on-premises and in O365• Smooth lifecycle, built in monitoring, telemetry and isolationWeb-standards based • Embraces web technologies including HTML, JavaScript

REST/ODATA, OauthEnd User Driven Experience• Launch the Office Store right from Office & SharePoint

Apps for Office

App Shapes for OfficeTask PaneApp adjacent to the document

ContentApp in the body of the document

Mail Inline Pane on an email or appointment item

Example Apps for Office

Anatomy of an app for Office

Web Server: Azure, IIS, LAMP, etc…

Anatomy of an app for Office

Office applications

Office Store

SharePoint App Catalog

Saurabh Bhatia

Demo: Getting Started with “Napa”

http://aka.ms/ndl3feBubbles Project

Jim Nakashima

Demo: Medal Tracker app

Apps for SharePoint

App Shapes for SharePointFull pageImplement complete app experiences to satisfy business scenarios

PartsCreate app parts that can interact with the SharePoint experience

UI Command extensionsAdd new commands to the ribbon and item menus

Example apps for SharePoint

SharePoint Office Store

SharePoint App Catalog

Web Browser

Anatomy of an app for SharePoint

Manifest

Content

Web Server: Azure, IIS, LAMP, etc…

Web Content

Saurabh Bhatia

Demo: Building an app for SharePoint

http://aka.ms/p1bfyeFlickr Project

Napa and Visual Studio• Napa is complementary to Visual Studio• Get started in Napa, continue in Visual Studio

• Made it very easy to move to Visual Studio when you want to. For example:• Debugger• Support additional deployment topologies (i.e. server code)• ALM tools (SCC, Work Items, Profiler, etc.)• Additional SharePoint items (BCS, Workflow, etc.)

Napa is an app for SharePointWindows Azure

SharePoint Developer Site

JS CSS

HTML ASPX

Office Store

Install the Napa app

Side load SharePointApp1

SharePointApp1

App for SharePoint

DocumentApp for Office

Publishing

From Developer to End UserDev

centersubmissio

n

Office Store

Integrated

Office Store

Direct Vendor/IT projects

SharePointApp

Catalog

TRIAL/ PURCHASE

TRIAL/PURCHASE

Office and SharePoint

Developer

End users

IT admin

SharePoint Office Store

SharePoint App Catalog

Web Browser

Recap: Anatomy of an app for SharePoint

Manifest

Content

Web Server: Azure, IIS, LAMP, etc…

Web Content

SharePoint Office Store

SharePoint App Catalog

Web Browser

Recap: Anatomy of an app for SharePoint

Manifest

Content Web Content

Azure Web Site managed by SharePoint

Saurabh Bhatia

Demo: SharePoint + Windows Azure

Value of apps comes to Office Apps are easy to buildWeb standards basedFirst class developer toolsApps are easy to deploy and maintainBuilt in monitoring, to track usageBuilt in app lifecycle managementOffice Store

Summary

Participate in Microsoft Developer Division design researchInfluence future design decisionsGet Microsoft software/hardwareEnroll with Kelly here today, or enroll online at http://aka.ms/yijoye

Participate in Design Research

• http://dev.office.com• http://blogs.msdn.com/b/office

apps

Office & SharePoint Resources

Please submit sessions evals on the Build Windows 8 Appor at http://aka.ms/BuildSessions

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.