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

30
Developing Apps for Office and SharePoint using “Napa” and Visual Studio 2012 Jim Nakashima Saurabh Bhatia 3-019

description

Developing Apps for Office and SharePoint using “ Napa” and Visual Studio 2012 . Jim Nakashima Saurabh Bhatia 3-019. Agenda. The new Cloud App Model Apps for Office Apps for SharePoint Publishing. Lots of demos along the way!. The new Cloud App Model. Apps for Office and SharePoint?. - PowerPoint PPT Presentation

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

Page 1: 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

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

The new Cloud App ModelApps for OfficeApps for SharePointPublishing

Agenda

Lots of demos along the way!

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

The new Cloud App Model

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

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?

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

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

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

Apps for Office

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

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

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

Example Apps for Office

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

Anatomy of an app for Office

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

Web Server: Azure, IIS, LAMP, etc…

Anatomy of an app for Office

Office applications

Office Store

SharePoint App Catalog

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

Saurabh Bhatia

Demo: Getting Started with “Napa”

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

http://aka.ms/ndl3feBubbles Project

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

Jim Nakashima

Demo: Medal Tracker app

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

Apps for SharePoint

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

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

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

Example apps for SharePoint

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

SharePoint Office Store

SharePoint App Catalog

Web Browser

Anatomy of an app for SharePoint

Manifest

Content

Web Server: Azure, IIS, LAMP, etc…

Web Content

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

Saurabh Bhatia

Demo: Building an app for SharePoint

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

http://aka.ms/p1bfyeFlickr Project

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

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.)

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

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

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

Publishing

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

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

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

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

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

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

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

Saurabh Bhatia

Demo: SharePoint + Windows Azure

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

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

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

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

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

• 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

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

© 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.