Embed Size (px)
DESCRIPTION
Citation preview
Template designed by
Best way to create a SharePoint App
Fabio [email protected]
Template designed by
Template designed by
brought to you by
Template designed by
SharePoint MVP
Senior Consultant and Software Engineer
MCT Trainer, MCPD Web Applications, MCTS SharePoint 2010/2007
Web Stack Lover
Official Ignite Trainer for SharePoint 2013 & 2010 in Italy
Over 10 years experience in IT as a software engineer
About Me
Template designed by
Evolution in SharePoint Development
New App Model
Kinds of Apps
What is the best model?
UI Layer
Biz Layer
Server Side Code
Agenda
Template designed by
SharePoint2007
SharePoint2010
SharePoint 2013
Services(Azure, IIS, Apache,etc…)
SP2007WSP
SP2010WSP
SP2013App
Declar. App & Workflow Events
Custom Code
Custom Code
CSOM
_api
_api
Evolution in SharePoint Development
CSOM
Template designed by
Apps no longer live in SharePointReduces the ramp-up time for those building apps (Don’t need to know/be as familiar with SharePoint “-isms”)
Custom code executes in the client, cloud or on-premiseEasier to upgrade to future versions of SharePoint
Works in hosted environments w/o limitations
Apps communicate with SharePoint via REST / CSOM
Apps are granted permissions to SharePoint via OAuth
Acquire apps via centralized Marketplace
Some Examples http://code.msdn.microsoft.com/officeapps
New App Model
Template designed by
Kinds of Apps
Provision an Isolated sub web on a parent web Reuse web elements
(lists, files, out-of-box web parts)
No server code allowed; use client JavaScript for logic, UX
Server side code allowed
Any web stack allowed
Windows Azure + SQL Azure provisioned invisibly as apps are installed
Template designed by
What is the best model (for me)?
Hosted Sitefor Services
+If you need!
Using existing services / reuse of services across multiple apps
Does not require a hosting service for apps Multi-tenancy free through sharepoint
Template designed by
Or….
HTML5 +
JavaScript+
Server Side Services
+
Using Client Side Code for UI Logic
Using Server Side Code for
Services
Easy to Upgrade and Bug-Fix
Any language supported by your web server or hosting service
Template designed by
UI Layer 1/3
Template designed by
Using Standard SharePoint StylesMSDN: http://bit.ly/1hO8ToL, http://bit.ly/KMSzIF
Add custom stylesAdd Prefix to all css styles to prevent conflicts
UI Layer 2/3
Template designed by
No PostBack or Server Side Page Rendering
Using Client Side Framework for UI Logics and Custom Controls
KnockoutJS / DurandalJS
(MVVM) / Complete SPA Framework on top of KnockoutJS
AngularJS
Complete SPA Framework from Google
Another or Custom Solution
UI Layer 3/4
Dem
o UI Layer
Styles and Controls
Template designed by
Client Code (JavaScript)
+
SharePoint Client API (CSOM / REST)
+
Custom Services (ASP.NET, NodeJS, PHP, Java, …)
Modularizing your client code!!!!!!Uses RequireJS for example
Biz Layer
Dem
o Biz Layer
Template designed by
Every time you need to functionality difficult to do on the clientDB Access
Long Running Process
Server Side Generation
…
Uses the technology that you want ASP.NET
NodeJS
PHP
JSP
….
Server Side Code
Template designed by
What is the best model? SharePoint Hosted + Services / Provider Hosted with Client Side Logics + Services
UI Layer Client Side Templating
Biz Layer Client Side Code + Services
Server Side Code ASP.NET, NodeJS, JSP, PHP…
Recap
Template designed by
brought to you by
