1. From Idea to App Store

2. Remember to follow @SPSNashville and tag #SPSNashville in your posts! Platinum Sponsors Gold Sponsors Thank You for being a part of SharePoint Saturday Nashville!

3. About Me Bill Crider Director, SharePoint products for Ascendum Solutions / BlueSpring Software Website (http://drsharepoint.com) – under remodeling – Thanks Microsofthttp://drsharepoint.com Blog: http://drsharepoint.wordpress.com/http://drsharepoint.wordpress.com/ Twitter: @Bill_Crider_ (note the underscores)

4. Tweet to Compete Drawing at end of talk Tweeting about the session is your entry Hashtags #spsNashville #idea2appstore @Bill_Crider_

5. Agenda Assume you want to make some money selling apps Not a deep technical dive on development technique What you need to get started and what you should consider before you start Topics 1. The app opportunity in 2015 2. Setting up an account 3. Tools and support 4. App development design decisions 5. Deploying and maintaining your app 6. Licensing

6. A huge business opportunity in- product exposure Instant credibility 1B users

7. Seller Dashboard Office Store SharePoint/ Office Ribbon Direct Negotiated deals/ IT projects App Catalog FREE/ TRIAL/ PURCHASE SharePoint or Office Client Developer IT admin End user APP VALIDATION Choice of distribution channel

8. Store Momentum – SharePoint Conference 2014 International Expansion

11. Marketing Tools/ Store front improvements https://store.office.com/insightly-WA104058309.aspx?assetid=WA104058309 Lionbri dge https://intlapps.lionbridge.com//office Improved Acquisition Market Localization http://dev.office.com/app-awards App Awards

12. Demo – app store and corporate catalog Tenant administrators and SharePoint 2013 web application administrators can shop for apps for SharePoint on the public app store. They can also add apps to the corporate app catalog Users install apps from the Your Apps page (Site Settings). A user must have the Manage Web site and Create Subsites permissions to add an app for SharePoint. By default, these permissions are available only to users who have the Full Control permission level or who are in the site Owners group.

13. On-Prem App catalogs How – to: http://technet.microsoft.com/en-us/library/fp161234(v=office.15) http://technet.microsoft.com/en-us/library/fp161234(v=office.15) Notes: 1. 1 app catalog per web application 2. Separate domain name for the catalog site 3. If using SSL, need a wildcard certificate 4. Build in the Apps page in Central Administration 5. Upload.app packages to the library 6. Can create categories

14. DEMO - Installing an App The user who installs the app must grant all the permissions that an app requests or not grant any permission If a user without sufficient permissions is prompted for consent by an app that a user is trying to install, an error message displays to the user informing them that they don't have sufficient permissions to grant the app its request.

15. Setting up a developer account 1. Windows Live account 2. Seller Dashboard https://sellerdashboard.microsoft.com 3. Individual Details Requirements 1.Typical personal information 2.Website 3.Logo 96x96 and <= 250 KB 4.W-9 Tax form 5.Bank or Paypal account 4. Approval (or not) 5. Tax and Bank Info https://msdn.microsoft.com/en- us/library/office/fp179924.aspx#o365_signup

16. Demo – Setting up an account

17. Developer Tools 1.Visual Studio 2013 2.Visual Studio 2013 Update 4 http://www.microsoft.com/en-us/download/details.aspx?id=44921 3. MS Office developer tools for Visual Studio 2013 http://blogs.msdn.com/b/officeapps/archive/2013/06/26/office-developer- tools-for-visual-studio-2013-preview-released.aspx 4.JavaScript tools http://knockoutjs.com – MVVM pattern coding http://knockoutjs.com Node.js https://nodejs.org/https://nodejs.org/ Jquery included in App project type Minify –MS AJAX Utility to compress js files http://ajaxmin.codeplex.com/ 5.TFS – Cloud based http://tfs.visualstudio.com/http://tfs.visualstudio.com/ Available from within Visual studio as well 6.Bootstrap framework http://getbootstrap.com/2.3.2/getting-started.html

18. Useful links 2 – This time, its REALLY useful Yammer group - https://www.yammer.com/itpronetwork/#/threads/inGroup?type=in_group&feedId=4597220 https://www.yammer.com/itpronetwork/#/threads/inGroup?type=in_group&feedId=4597220 PnP - http://dev.office.com/patterns-and-practiceshttp://dev.office.com/patterns-and-practices GitHub Wiki - https://github.com/OfficeDev/PnP/wiki/contributing-to-Office-365-developer- patterns-and-practiceshttps://github.com/OfficeDev/PnP/wiki/contributing-to-Office-365-developer- patterns-and-practices Videos - app marketing - betterwith.office.com Licensing - https://msdn.microsoft.com/EN-US/library/office/dn456317.aspxhttps://msdn.microsoft.com/EN-US/library/office/dn456317.aspx App guidelines - https://msdn.microsoft.com/library/office/jj220035.aspxhttps://msdn.microsoft.com/library/office/jj220035.aspx Validation checklist - https://msdn.microsoft.com/EN-US/library/office/jj938162.aspxhttps://msdn.microsoft.com/EN-US/library/office/jj938162.aspx Msdn content - https://msdn.microsoft.com/en-us/library/office/jj164080.aspxhttps://msdn.microsoft.com/en-us/library/office/jj164080.aspx Twitter - @OfficeDev New content - http://dev.office.com/latestnewshttp://dev.office.com/latestnews Office Dev blog - http://blogs.office.com/2015/05/21/office-365-monthly-dev-digest-for-may/http://blogs.office.com/2015/05/21/office-365-monthly-dev-digest-for-may/

19. https://www.yammer.com/itpronetwork http://officespdev.uservoice.com/ @OfficeDev StartStart [ms-office] http://dev.office.com/podcasts Useful links 3 – out of original ideas, stealing slides from Build conference

20. Demo –TFS in the Cloud Demo – Deploying an app with Visual Studio

21. App Development & Architecture considerations Where to host the app How to present the UI with SharePoint Which Programming model(s) to use Support and Maintenance Tool Useful links Javascript API - http://msdn.microsoft.com/en-us/library/jj193034(v=office.15).aspxhttp://msdn.microsoft.com/en-us/library/jj193034(v=office.15).aspx Basic operations - http://msdn.microsoft.com/en-us/library/jj163201.aspxhttp://msdn.microsoft.com/en-us/library/jj163201.aspx Ted Pattison’s blog-http://blog.tedpattison.net/Lists/Posts/Post.aspx?ID=20http://blog.tedpattison.net/Lists/Posts/Post.aspx?ID=20 Office API for JS - http://msdn.microsoft.com/en-us/library/fp142185.aspxhttp://msdn.microsoft.com/en-us/library/fp142185.aspx SharePoint2013 and REST - http://msdn.microsoft.com/en-us/library/fp142385(v=office.15)http://msdn.microsoft.com/en-us/library/fp142385(v=office.15)

22. Hosting Options SharePoint App Web SharePoint Host Web SharePoint-Hosted app Provisions an isolated sub web on a host web - Use SP artifacts & out-of-box web parts - Use HTML & JavaScript for UI & client-side logic - Use Workflows for middle tier logic Cloud / 3rd party-hosted Provide your own hosting environment - Use server code - Receive SP events - Use OAuth to access SP Provider hosted apps Your Hosted Site Azure SharePoint Host Web Hosted in client network Client-hosted app Use the customer’s environment

23. Provider hosted sample architectures Office 365Azure Virtual MachinePrivate Hosting On-premAzure Web Site License Sample App Visual Search

24. UI Options Full page Implement complete app experiences to satisfy business scenarios App Parts Create app parts that can interact with the SharePoint experience UI command extensions Add new commands to the ribbon and item menus Remote Provisioning Provision branding, script, and other elements from the remote app

25. Demo –Full Page UI Demo – App Part UI Demo – Remote Provisioning UI

26. Programming models Javascript Client Side Object Model / Javascript object model REST C# Language API Non-Microsoft

27. Support and Maintenance  Cost of Azure servers for provider hosted  Maintain a place to answer questions / support end users – especially during a trial  Upgrade issues

28. Demo – User engagement

29. Deploying to the Office store 1. Build the app 2. Upload https://sellerdashboard.microsoft.com 3. Input Details 4. Approval (or not) 5. Approved! Build command, creates.app file Requirements Title and description Logo, exactly 96x96 1 screenshot minimum Website for support Testing details (optional) Licensing document (optional) Price and Licensing structure

30. App Guidelines for submittal Full article : http://msdn.microsoft.com/en-us/library/jj220039.aspx http://msdn.microsoft.com/en-us/library/jj220039.aspx Highlights 1.Must include link back to host web SharePoint hosted app – uses app.master – DONE! Chrome control – add to page, creates SharePoint UI and link Roll your own – must have a link to the host web. 2.Use styling that is familiar to the SharePoint experience host CSS 3. Managing licensing issues in the UI – use the status bar SP.UI.Status.addStatus(strTitle, strHtml, atBegining) Method http://msdn.microsoft.com/en-us/library/ff410028.aspx http://msdn.microsoft.com/en-us/library/office/apps/jj164035.aspx#bk_implement 4. Check for read-only mode /_api/site/ReadOnly

31. Licensing and Revenue models

32. view metrics on all listed apps

33. Please fill out the session feedback survey: http://SPSNashville.org/340 Session Feedback