From Idea to App Store

Remember to follow @SPSNashville and tag #SPSNashville in your posts!

Platinum Sponsors

Gold Sponsors

Thank You for being a part of SharePoint Saturday Nashville!

About Me

Bill CriderDirector, SharePoint products for Ascendum Solutions / BlueSpring Software

Website (http://drsharepoint.com) – under remodeling – Thanks MicrosoftBlog: http://drsharepoint.wordpress.com/Twitter: @Bill_Crider_ (note the underscores)

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

A huge business opportunity

in-productexposur

e

Instant credibility

1B users

Seller Dashboard Office Store SharePoint/Office Ribbon

Direct Negotiated deals/IT projects App Catalog

FREE/TRIAL/

PURCHASE

SharePoint orOffice Client

Developer

IT admin

End userAPP VALIDATION

Choice of distribution channel

Store Momentum – SharePoint Conference 2014

International Expansion

Hundreds Of Business Apps

Exponential Growth In Store Visits

Available In 142 Markets

Store facts and figures (April 2015)(April 2015)

Formal launch

Store downloads

Validation timeSubmissions per month

Popular:DocuSign

Popular: PicHit.me

Popular: Insightly

Jan. ‘13

9.5M+

>350 1.3/day

Active developers

737

Mail Content Task Pane SharePoint0

200

400

600

800

1000

72 82

377

960

Active add-ins

Total add-ins

1490+

Office-hosted site to tell your storyProfessional videos of your customers using your productAdd your white papers, case studies; etc.

Office will promote your add-insLinks to Store & Office Marketing pagesEmbeds in field sales & marketing

Vertically-focused site: SMB first

Next: EDU

Future: scalable partner modelOffice seeding full cost of first videos

Storytelling videos: Betterwith.Office.com

Storytelling videos: Betterwith.Office.cometterwith.Office.comBetterwith.Office.com

Marketing Tools / Store front improvements

https://store.office.com/insightly-WA104058309.aspx?assetid=WA104058309

Lionbridgehttps://intlapps.lionbridge.com//office

Improved Acquisition

Market Localization

http://dev.office.com/app-awards

App Awards

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.

On-Prem App catalogs

• How – to: 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

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.

Setting up a developer account

1. Windows Live account

2. Seller Dashboard https://sellerdashboard.microsoft.com

3. Individual Details Requirements1. Typical personal information2. Website3. Logo 96x96 and <= 250 KB4. W-9 Tax form5. 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

Demo – Setting up an account

Developer Tools

1. Visual Studio 20132. Visual Studio 2013 Update 4http://www.microsoft.com/en-us/download/details.aspx?id=449213. MS Office developer tools for Visual Studio 2013http://blogs.msdn.com/b/officeapps/archive/2013/06/26/office-developer-tools-for-visual-studio-2013-preview-released.aspx4. JavaScript tools

• http://knockoutjs.com – MVVM pattern coding• Node.js 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/

• Available from within Visual studio as well6. Bootstrap frameworkhttp://getbootstrap.com/2.3.2/getting-started.html

Useful links 2 – This time, its REALLY useful• Yammer group -

https://www.yammer.com/itpronetwork/#/threads/inGroup?type=in_group&feedId=4597220• PnP - http://dev.office.com/patterns-and-practices• GitHub Wiki -

https://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.aspx• App guidelines - https://msdn.microsoft.com/library/office/jj220035.aspx• Validation checklist - https://msdn.microsoft.com/EN-US/library/office/jj938162.aspx• Msdn content - https://msdn.microsoft.com/en-us/library/office/jj164080.aspx• Twitter - @OfficeDev• New content - http://dev.office.com/latestnews• Office Dev blog - http://blogs.office.com/2015/05/21/office-365-monthly-dev-digest-for-may/

Office 365 Networkhttps://www.yammer.com/itpronetwork

http://officespdev.uservoice.com/

UserVoice

@OfficeDev

TwitterStartStart

Stackoverflow[ms-office]

http://dev.office.com/podcasts

Podcast

Useful links 3 – out of original ideas, stealing slides from Build conference

Demo –TFS in the Cloud

Demo – Deploying an app with Visual Studio

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 linksJavascript API - http://msdn.microsoft.com/en-us/library/jj193034(v=office.15).aspx

Basic operations - http://msdn.microsoft.com/en-us/library/jj163201.aspx

Ted Pattison’s blog-http://blog.tedpattison.net/Lists/Posts/Post.aspx?ID=20

Office API for JS - http://msdn.microsoft.com/en-us/library/fp142185.aspx

SharePoint2013 and REST - http://msdn.microsoft.com/en-us/library/fp142385(v=office.15)

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 appsYour Hosted Site

Azure

SharePoint Host Web

SharePoint Host Web

Hosted in client network

Client-hosted app

Use the customer’s environment

Provider hosted sample architectures

Office 365 Azure Virtual Machine Private Hosting

On-prem Azure Web Site

License Sample App

Visual Search

UI OptionsFull page

Implement complete app experiences to satisfy business scenarios

App PartsCreate app parts that can interact with the SharePoint experience

UI command extensionsAdd new commands to the ribbon and item menus

Remote ProvisioningProvision branding, script, and other elements from the remote app

Demo –Full Page UIDemo – App Part UIDemo – Remote Provisioning UI

Programming models

Javascript

Client Side Object Model / Javascript object model

REST

C#

Language API

Non-Microsoft

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

Demo – User engagement

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

App Guidelines for submittal

Full article : http://msdn.microsoft.com/en-us/library/jj220039.aspx

Highlights1. Must include link back to host web

SharePoint hosted app – uses app.master – DONE!Chrome control – add to page, creates SharePoint UI and linkRoll 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.aspxhttp://msdn.microsoft.com/en-us/library/office/apps/jj164035.aspx#bk_implement

4. Check for read-only mode

<hostWebUrl>/_api/site/ReadOnly

Licensing and Revenue models

view metrics on all listed apps

Please fill out the session feedback survey:

http://SPSNashville.org/340

Session Feedback