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

UnifiedCommunicationsCollaboration

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 JordanConsultantMCSD.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