A Mashup with Backbone
Upcoming SlideShare
Loading in...5

A Mashup with Backbone



A mashup application can provide a view to a wealth of related data from different origins. Mark Jordan demonstrates the creation of such a mashup page in SharePoint that shows related data from an ...

A mashup application can provide a view to a wealth of related data from different origins. Mark Jordan demonstrates the creation of such a mashup page in SharePoint that shows related data from an external database, a web service, and other data origins.



Total Views
Views on SlideShare
Embed Views



2 Embeds 82

http://www.cdh.com 78
http://cdh.com 4



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

A Mashup with Backbone A Mashup with Backbone Presentation Transcript

  • Development Webinar Series A Mashup with Backbone
  • Quick Facts About Us • 23rd Year • Grand Rapids & Royal Oak • 30 Staff Approach • Vendor Independent • Non-reseller • Professional Services Only Partnerships • Microsoft Gold • VMware Enterprise • Citrix Silver • Cisco Premier • Novell Gold
  • Microsoft Gold Partner PinpointCompetencies Successes
  • Expertise • Microsoft SharePoint • Development • User Interface & User Experience • Business Intelligence • Project Management • IT and Project Planning • Enterprise Project Management • Project Management Office • Microsoft System Center • Virtualization • Cloud Computing • Security Infrastructure • Policy Development Infrastructure • Mobile Device Management • Application Development Mobility • Microsoft Lync • Microsoft Exchange • Enterprise Voice • Communication Enabled Business Process Unified CommunicationsCollaboration Project Management
  • Collaboration and Feedback Collaboration and Feedback We love questions and we love seeing you! If you have a camera, turn it on. Collateral is uploaded to the meeting. Click Ctrl+F or the paperclip in the upper right. We’ll ask for your feedback immediately following this event. Complete the survey and receive a $5 gift card to Starbucks!
  • Get Social with C/D/H @cdhtweetstech /cdhtech /company/cdh cdhtalkstech.com
  • Your Presenter Mark Jordan Consultant MCSD.NET, MCTS SharePoint Application Development MarkJ@cdh.com
  • My First Computer (Actually, Dad’s) Circa 1982
  • Pedigree • Programmed first computer in 1982. • BS of Computer Science, Theory and Analysis in 1985 • Programming for everything Microsoft starting in 2000 • SharePoint programming starting with version 2003 • Web, Windows, mobile, services, and everything in between still today
  • Demo • Already? • Because that’s how I roll… show, then tell.
  • Today’s Purpose -- to show… • SharePoint used as a platform • Using a SharePoint application page • Centralization of related data (the mashup) • Model/view client development (the “backbone”) • Positive user experience
  • !!! Caution !!! Entering Custom Development Zone… Geek hat required!
  • Why “Backbone”? • Central – Related Data – Connected
  • Central System Excel Services Web Services SQL Server MySQL MS Dynamics CRM SAP eDocs DMS Use your imagination!
  • Why “Backbone”? • Central – Related Data – Connected • Backbone JS – Framework/Library
  • Backbone JS • Structure • Binding and events • Model/View/Controller framework • REST-ful, JSON
  • Benefits of Frameworks and Libraries • Quicker to market • Quality of solution • Natural developer collaboration • Reuse (used today's framework in 3 projects now) • Consistent practices between projects and solutions
  • Imagine an application that lists a company's employees…
  • The View Hierarchy
  • Isolation of concerns
  • Whoa… JavaScript? And lots of it? • Yup… it’s the way now. • HTML 5, CSS, and JavaScript, especially for SharePoint 2013 and beyond • Confession… app showing today is not 100% SP2013 best practice
  • Backbone: The App Router
  • Backbone: The Model and Model Collection
  • Pause: Why am I using my own Web Services? • Centralization of data source retrieval • Easier JS • Connection Strings and Trusted connections
  • Backbone: The View
  • Backbone: The View Template
  • Breather
  • Backbone: Binding and the Observation Pattern
  • Backbone: Deferred (and Promise) Objects
  • Backbone: Observation Pattern Cascading up the Hierarchy
  • What about SP2013? • Might be able to install as-is • Web service layer might be a problem • No need for application page
  • Summary Gee… Where’s Mark Going Soon?
  • Questions? • Now is good • Later is good, too … MarkJ@cdh.com
  • Get the Slide Deck / Recording We upload all of our presentations and recordings to our website. We’ll send you an email within the next week containing the details on downloading the slide deck and recording.
  • Thank You cdh.com