From Idea to App Store. Remember to follow @SPSNashville and tag #SPSNashville in your posts!...
-
Upload
francine-collins -
Category
Documents
-
view
219 -
download
1
Transcript of From Idea to App Store. Remember to follow @SPSNashville and tag #SPSNashville in your posts!...
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
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
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
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
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
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
Please fill out the session feedback survey:
http://SPSNashville.org/340
Session Feedback