Introducing ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. SharePoint 2013 Architecture ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Service applications in SharePoint 2013 ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Enterprise Content Management ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Enterprise Content Management ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Web Content Management ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Web Content Management ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Social ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Social ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Search ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. DEMO ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Business Intelligence ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Business Intelligence ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Mobile ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. The SharePoint 2013 Development Platform ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. The apps for SharePoint Model SharePoint 2013 Cloud Client-Side App • HTML, CSS • JavaScript, jQuery, CSOM Server-Side App • Web Page, iFrame Server-Side App • IIS, Windows Azure • ASP.NET Hybrid App • HTML, CSS • JavaScript, jQuery, CSOM Server-Side App • IIS, Windows Azure • ASP.NET ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. The Marketplace and App Catalog • The SharePoint Marketplace • The Corporate App Catalog • Obtaining and Controlling Access to Apps ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Demonstration: Demonstrating The App Catalog In this demonstration, you will see how to: • Use Visual Studio to Deploy an App • Control App Permissions • Add an App to the Corporate Catalog ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. What is a SharePoint-Hosted App? • Parent Sites and App Sites • Types of Client-Side App Full Page Apps Web Part Apps Command Extension Apps Top Level Site Parent Site App Site App Site App Site ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Building SharePoint-Hosted Apps • User Interface HTML CSS • Scripting Language and Libraries CSOM AJAX jQuery • Structure of a Client-Side App Project ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Using Built-In Controls • The Client Web Part <ClientWebPart Name="MyFirstApp" Title="My First App"> <Content Type="html" Src="http://intranet/Clients/Default.aspx?Master=Empty" /> </ClientWebPart> • The Chrome Control <div id="chrome_ctrl_container" data-ms-control="SP.UI.Controls.Navigation" data-ms-options='{ "appTitle" : "Chrome Control", "appIconUrl" : "../Pages/siteIcon.png" }'> </div> ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Cross-Domain Calls Parent Web App Web Hidden IFrame AppWeb Proxy.aspx AppWeb Proxy.aspx SP.Request Executor.js Announcements List Company News Recent Appointments ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. MyScript.js Demonstration: Creating a SharePoint Hosted App In this demonstration, you will see how to: • Create a Simple SharePoint-Hosted App • Add the jQuery library to your App • Use jQuery to obtain and manipulate HTML elements • Compile and run a SharePoint-Hosted App with debugging ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. What is a Cloud-Hosted App? • Cloud-Hosted Apps include server-side components that run outside your SharePoint farm on cloud services or on-premise Web servers. • SharePoint-Hosted Apps: • Cloud-Hosted Apps: Simple to create Flexible Architecture CSOM very powerful Always Running JavaScript .NET Languages AJAX and JQuery ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Cloud-Hosted App Architectures Cloud SharePoint • • Web Page IFrame • • • Windows Azure Web Services, WCF Services SQL Azure On-Premise Web Server • • Web Page IFrame • • • IIS, Apache ASP.NET, PHP SQL Server, MySQL • Developer-Hosted Apps • Azure Auto-Provisioned Apps ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Communicating with SharePoint • OAuth • OData SharePoint • • Web Page IFrame Cloud • • • Windows Azure Web Services, WCF Services SQL Azure Announcements List Company News Recent Appointments OAuth for Authentication OData for Data Access ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Demonstration: Demonstration: Accessing Data by Using REST and OData In this demonstration, you will see how to: • Use OData calls in Internet Explorer • Explore SharePoint 15 content by issuing OData calls The OData calls you see in this demonstration can be used to formulate requests in Server-Side Apps that access SharePoint data content. ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. Summary SharePoint Server 2013 enhances the workload experiences by enabling new compelling scenarios that engage and work with the user. ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012. ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 2013 Technical Preview and published July 2012.