Download pptx - Best way to create a share point app

1 | SharePoint Saturday Italy – Rome – 25 January 2014

25 January 2014


Grazie ai nostri Sponsor!

http://www.indracompany.com/en/pais/italia/df

http://www.indracompany.com/en/pais/italia/df

http://www.rencore.se/

http://www.manning.com/

http://sharepoint-videos.com/


Fabio Franzini – SharePoint Server MVP – [email protected] - @franzinifabio – www.fabiofranzini.com

Best way to create a SharePoint App


About Me 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 9 years experience in IT as a

software engineer


Agenda Evolution in SharePoint Development

New App Model Kinds of Apps

What is the best model? UI Layer Biz Layer Server Side Code


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


New App Model Apps no longer live in SharePoint

Reduces 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-premise Easier 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

http://code.msdn.microsoft.com/officeapps

http://code.msdn.microsoft.com/officeapps


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


What is the best model?

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


Or….

HTML5 +

JavaScript+

Server Side Services

+

Using Client Side Coder 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


UI Layer 1/3


UI Layer 2/3 Using Standard SharePoint Styles

MSDN: http://bit.ly/1hO8ToL, http://bit.ly/KMSzIF Add custom styles

Add Prefix to all css styles to prevent conflicts

http://bit.ly/1hO8ToL

http://bit.ly/1hO8ToL

http://bit.ly/KMSzIF

http://bit.ly/KMSzIF


UI Layer 3/4 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


Demo

UI Layer – Styles and Controls


Biz LayerClient Code (JavaScript)

+ SharePoint Client API (CSOM / REST)

+ Custom Services (ASP.NET, NodeJS, PHP,

Java, …)

Modularizing your client code!!!!!! Uses RequireJS for example


Demo

Biz Layer


Server Side Code Every time you need to functionality

difficult to do on the client DB Access Long Running Process Server Side Generation …

Uses the technology that you want ASP.NET NodeJS PHP JSP ….


Recap 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…


Q&A


Session Feedback

Best way to create a SharePoint Apphttp://www.surveymonkey.com/s/NVL3VZN


Grazie