metavis webinar - single-page applications (spas) in sharepoint using spservices

15
Single-Page Applications (SPAs) in SharePoint Using SPServices Metavis SharePoint MVP Webinars Series January 8, 2014 Marc D Anderson Dave Coleman

Upload: marc-d-anderson

Post on 03-Dec-2014

2.621 views

Category:

Technology


2 download

DESCRIPTION

Metavis SharePoint MVP Webinars Series Join SharePoint expert, Marc Anderson for a detailed discussion on Single-page applications (SPAs) in SharePoint. Like Responsive Web Design (RWD), SPAs are gaining favor as a way to enable real work with an improved user experience. SPAs first started popping up regularly in creative contexts on public Web sites. The idea was simple – users can accomplish a high percentage of the tasks without leaving a simple page. And it’s a great concept to apply to SharePoint. The days where a clunky post-back-ridden application was acceptable is fading. It’s all about getting work done as effectively and painlessly as possible. In the webinar, Marc will look at SPA examples taken from his popular blog series on building SPAs in SharePoint and will discuss successful approaches and pitfalls to SPAs.

TRANSCRIPT

Page 1: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

Single-Page Applications (SPAs) in SharePoint Using SPServices

Metavis SharePoint MVP Webinars SeriesJanuary 8, 2014

Marc D AndersonDave Coleman

Page 2: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

Webinar Overview

• Join SharePoint expert Marc D. Anderson for a detailed discussion on Single-page applications (SPAs) in SharePoint.  Like Responsive Web Design (RWD), SPAs are gaining favor as a way to enable real work with an improved user experience. SPAs first started popping up regularly in creative contexts on public Web sites. The idea was simple – users can accomplish a high percentage of the tasks without leaving a simple page.  And it’s a great concept to apply to SharePoint. The days where a clunky post-back-ridden application was acceptable is fading. It’s all about getting work done as effectively and painlessly as possible.

• In the webinar, Marc will look at SPA examples taken from his popular blog series on building SPAs in SharePoint and will discuss successful approaches and pitfalls to SPAs.

Blog Series: Single-Page Applications (SPAs) in SharePoint Using SPServiceshttp://sympmarc.com/series/single-page-applications-spas-in-sharepoint-using-spservices/

Page 3: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

What is a Single Page Application (SPA)?A single-page application (SPA), also known as single-page interface (SPI), is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.

Definition from Wikipedia http://en.wikipedia.org/wiki/Single_page_application

Page 4: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

Why Single Page Applications?• Get everything done in one place• Fluid user experience• Fewer page loads

Page 5: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

What SPA Do You Know Best?

Page 6: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices
Page 7: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

What is an SPA in SharePoint?

Take over the entire screen

Page 8: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

What is an SPA in SharePoint?

Take over the main content area

Page 9: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

What is an SPA in SharePoint?

Take over a single Web Part(or act as one)

Page 10: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

Examples of SPAs in SharePoint

• Full screen• Provider Hosted Apps

• Main Content Area• List views• Forms

• Web Parts• App Parts• Quick survey• Workflow actions brought into a list view

Page 11: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

Tools We Can Use to Create an SPA• JavaScript• Lets us create behaviors, actions, and effects

• Data Access with AJAX• Fetch data from external sources (XML, JSON,

HTML, etc.)• Additional Libraries• jQuery• SPServices• CSOM• Graphing tools

Page 12: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

Popular SPA Frameworks

Page 13: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

Pros and Cons of SPServices for SPAs• Pros• Lightweight compared to other frameworks• Cross version compatibility for SharePoint 2007-

2013• Good community support• Can be used in tandem with heavier

frameworks (data access layer)• Cons• SOAP Web Services are deprecated as of

SharePoint 2013• Doesn’t offer as much as heavier frameworks

Page 14: Metavis Webinar - Single-Page Applications (SPAs) in SharePoint Using SPServices

Demo