DEVELOPING APPS WITH
SHAREPOINT 2013 AND
WINDOWS 8
By: Shailen Sukul
WHO AM I?
• Shailen (pronounced Shay-Len) Sukul is a bleeding edge Architect, Developer and
Trainer working with the lates...
AGENDA
• Demos
•
•
•
•

Demo 1 – Simple SharePoint hosted App (“hello world”)
Demo 2 – SharePoint hosted Whois People Pick...
4

SHAREPOINT DEVELOPMENT
MODEL HISTORY
WHAT ARE APPS
• Apps for SharePoint are;

• Self-contained pieces of functionality that extend the capabilities of a
Share...
APP MODEL BASICS

Web Application
(HTML, CSS, JS, …)

App Manifest
APP
SHAREPOINT APP HOSTING
OPTIONS

Autohosted
SharePoint
Host Web
SharePoint
App Web

SharePoin
t Host
Web

Windows
Azure
Web...
WHAT’S IN THE BOX?
TILE AND TOAST NOTIFICATION APP
• What does it do?
• This sample demonstrates how to send a toast notification to a Window...
SCREENSHOTS
COMPONENTS
4

Listening

WinJS

Raise
notification

1

Windows Notification
Service
2

Metro App

JSOM
SharePoint App

Pos...
DEMO
• Notification Sample Demo
SHAREPOINT SEARCH APP
• What does it do?
• It is a Windows 8 App which authenticates to any SharePoint site and then
perfo...
SCREENSHOTS
DEMO
• Search sample demo
AUTHENTICATION
• SharePoint Apps are great since the user is already authentication but what
about non-SharePoint apps? Ho...
DEMO
• Authentication via CSOM demo
READIFY
• We are hiring!!
• Check out LinkedIn for immediate roles
• Grab a card to register interest
THANK YOU
• Blog: http://www.shailensukul.com
• Twitter: @shailensukul
• SharePoint Tools on GitHub: https://github.com/sh...
Upcoming SlideShare
Loading in...5
×

Sharepoint 2013 And Windows8 Apps

3,006

Published on

Learn how to create SharePoint 2013 apps which can communicate to Windows 8 apps via tile and toast notifications. Also learn how to create Windows 8 apps which can directly authenticate with SharePoint. Finally, take a look at the OpenSource project I have started to simplify authenticating to SharePoint from client and server side code (.Net and JavaScript)

* Updated with more material, references. *
Refer to http://presentations.sukul.org/#!SP2013Win8Apps for additional materials

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,006
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Apps for SharePoint are self-contained pieces of functionality that extend the capabilities of a SharePoint website (Microsoft)Stand-alone applications that are easy to install, use, manage, upgrade and removeAbility to download and purchase apps from the Office Marketplace or from an organization’s private App CatalogAllow developers capability to create any application they want which runs outside the core SharePoint frameworkUses familiar web standards like HTML, JS, CSS, etc
  • The Metro app registers a channel with the Windows Notification serviceThe Metro app posts the ChannelUri to the SharePpoint app. The SharePoint app saves the ChannelUri in the Application stateThe SharePoint App posts a message to the ChannelUri4. The Windows Notification Service raises a notification to the Metro App which listens to the notification event
  • Talk about:How the notification channel is created by the default.js file in the Win8 AppHow the tile and toast notification templates are built in the code behind for default.aspx.csHow the WNSUtil class is used to send notificationsHow to debug remote events using the Service Bus (bind to IISExpress while debugging)How to follow lab instructions included in the download
  • Website: https://sokool.sharepoint.comUser Id: Shailen@sharepoint.Sukul.org
  • SharePoint Apps run in the context of the user who launched the app. However, the SharePoint OM lacks an API to authenticate to a SharePoint site protected by ADFS. Show the Fiddler trace for an Office365 login, refer to SharePointLogin.sazBrowse to SharePoint siteSharePoint detects that the user is not logged in and performs a 302 redirect to https://sokool.sharepoint.com/_layouts/15/Authenticate.aspx?Source=%2FAnother 302 redirect goes to https://sokool.sharepoint.com/_forms/default.aspx?ReturnUrl=%2f_layouts%2f15%2fAuthenticate.aspx%3fSource%3d%252F&Source=cookieAnother direct goes to https://login.microsoftonline.com/login.srf?wa=wsignin1%2E0&rpsnv=2&ct=1382698648&rver=6%2E1%2E6206%2E0&wp=MBI&wreply=https%3A%2F%2Fsokool%2Esharepoint%2Ecom%2F%5Fforms%2Fdefault%2Easpx&lc=3081&id=500046&guests=1User enters id and passwordAs soon as user id is entered, a GET is performed to get the realm - https://login.microsoftonline.com/GetUserRealm.srf?login=shailen%40sharepoint.sukul.org&handler=1&extended=1User id and password is posted to https://login.microsoftonline.com/ppsecure/post.srf?wa=wsignin1%2E0&rpsnv=2&ct=1382698648&rver=6%2E1%2E6206%2E0&wp=MBI&wreply=https%3A%2F%2Fsokool%2Esharepoint%2Ecom%2F%5Fforms%2Fdefault%2Easpx&lc=3081&id=500046&bk=1382698649Once authenticated, FedAuth and rtFa cookies is created and posted to https://sokool.sharepoint.com/_forms/default.aspx?wa=wsignin1.0A redirect goes to to https://sokool.sharepoint.com/_layouts/15/Authenticate.aspx?Source=%2FSharePoint now recognizes the user and the final redirect goes back to the original url: https://sokool.sharepoint.com/
  • Demonstrate Fiddler trace of how authentication worksDemonstrateWinforms toolTalk about why such a model will not work with a pure JSOM approach
  • Sharepoint 2013 And Windows8 Apps

    1. 1. DEVELOPING APPS WITH SHAREPOINT 2013 AND WINDOWS 8 By: Shailen Sukul
    2. 2. WHO AM I? • Shailen (pronounced Shay-Len) Sukul is a bleeding edge Architect, Developer and Trainer working with the latest Web technologies to create compelling solutions, in SharePoint and ASP.Net MVC with 12 years experience across vertical industries. He loves to present at user groups and write articles and whitepapers based on his work. • He currently works as a Senior SharePoint Architect at Readify and specializes in installation, configuration, development and training on the SharePoint platform with a side focus on Azure. • You can follow him on twitter @shailensukul and check out his blog at: http://shailensukul.com • Find more about Shailen at au.linkedin.com/in/shailensukul • ​Mct | MCSA (Win Server 2012) | MCSE (SharePoint 2013, Windows Server 2012) | HTML5/JS/CSS3 Specialist | Mcpd (.Net 2/3.5/SharePoint 2010/Windows Azure Developer) | Mcts (Sharepoint 2010/MOSS/WSS), Biztalk, Web, Win, Dist Apps) | Mcitp (SharePoint Admin 2010)​ | MCSE (SharePoint 2013)​ | MCSA (W2K12)
    3. 3. AGENDA • Demos • • • • Demo 1 – Simple SharePoint hosted App (“hello world”) Demo 2 – SharePoint hosted Whois People Picker App Demo 3 – SharePoint 2013 App interacting with Windows 8 App Demo 4 - Windows 8 App Searching SharePoint website • Concepts • Writing SharePoint Apps • Writing Metro Apps • Authenticating to SharePoint
    4. 4. 4 SHAREPOINT DEVELOPMENT MODEL HISTORY
    5. 5. WHAT ARE APPS • Apps for SharePoint are; • Self-contained pieces of functionality that extend the capabilities of a SharePoint website (Microsoft) • Stand-alone applications that are easy to install, use, manage, upgrade and remove • Apps for SharePoint allow; • Users to purchase apps from the Office Marketplace or install from an organization’s private App Catalog • Allow developers capability to create any application they want which runs outside the core SharePoint framework • Usage of familiar web technologies and development standards such as; HTML, JavaScript, CSS, etc
    6. 6. APP MODEL BASICS Web Application (HTML, CSS, JS, …) App Manifest APP
    7. 7. SHAREPOINT APP HOSTING OPTIONS Autohosted SharePoint Host Web SharePoint App Web SharePoin t Host Web Windows Azure Websites Provider-hosted SharePoin t Host Web Your hosted web site
    8. 8. WHAT’S IN THE BOX?
    9. 9. TILE AND TOAST NOTIFICATION APP • What does it do? • This sample demonstrates how to send a toast notification to a Windows 8 App using the Microsoft Push Notification Service. It uses two projects, one for the client code that sets up the Windows App to receive a notification, and one that sends the notification.
    10. 10. SCREENSHOTS
    11. 11. COMPONENTS 4 Listening WinJS Raise notification 1 Windows Notification Service 2 Metro App JSOM SharePoint App Post ChannelUri 3 Post Messages
    12. 12. DEMO • Notification Sample Demo
    13. 13. SHAREPOINT SEARCH APP • What does it do? • It is a Windows 8 App which authenticates to any SharePoint site and then performs a search with the user’s context
    14. 14. SCREENSHOTS
    15. 15. DEMO • Search sample demo
    16. 16. AUTHENTICATION • SharePoint Apps are great since the user is already authentication but what about non-SharePoint apps? How to authenticate?
    17. 17. DEMO • Authentication via CSOM demo
    18. 18. READIFY • We are hiring!! • Check out LinkedIn for immediate roles • Grab a card to register interest
    19. 19. THANK YOU • Blog: http://www.shailensukul.com • Twitter: @shailensukul • SharePoint Tools on GitHub: https://github.com/shailensukul/SharePointTools • Demo Code/Labs/Instructions: http://presentations.sukul.org/#!SP2013Win8Apps • Video: http://www.youtube.com/watch?v=VbkTrcJd0QQ
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×