Your SlideShare is downloading. ×
0
Development Webinar Series
A Mashup with Backbone
Quick Facts
About Us
• 23rd Year
• Grand Rapids &
Royal Oak
• 30 Staff
Approach
• Vendor
Independent
• Non-reseller
• Prof...
Microsoft Gold Partner
PinpointCompetencies Successes
Expertise
• Microsoft SharePoint
• Development
• User Interface & User
Experience
• Business Intelligence
• Project Manage...
Collaboration and Feedback
Collaboration and Feedback
We love questions and we love seeing
you! If you have a camera, turn...
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 ever...
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 rela...
!!! 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 (...
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
a...
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
...
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
w...
Thank You
cdh.com
Upcoming SlideShare
Loading in...5
×

A Mashup with Backbone

290

Published on

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.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
290
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "A Mashup with Backbone"

  1. 1. Development Webinar Series A Mashup with Backbone
  2. 2. 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
  3. 3. Microsoft Gold Partner PinpointCompetencies Successes
  4. 4. 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
  5. 5. 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!
  6. 6. Get Social with C/D/H @cdhtweetstech /cdhtech /company/cdh cdhtalkstech.com
  7. 7. Your Presenter Mark Jordan Consultant MCSD.NET, MCTS SharePoint Application Development MarkJ@cdh.com
  8. 8. My First Computer (Actually, Dad’s) Circa 1982
  9. 9. 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
  10. 10. Demo • Already? • Because that’s how I roll… show, then tell.
  11. 11. 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
  12. 12. !!! Caution !!! Entering Custom Development Zone… Geek hat required!
  13. 13. Why “Backbone”? • Central – Related Data – Connected
  14. 14. Central System Excel Services Web Services SQL Server MySQL MS Dynamics CRM SAP eDocs DMS Use your imagination!
  15. 15. Why “Backbone”? • Central – Related Data – Connected • Backbone JS – Framework/Library
  16. 16. Backbone JS • Structure • Binding and events • Model/View/Controller framework • REST-ful, JSON
  17. 17. 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
  18. 18. Imagine an application that lists a company's employees…
  19. 19. The View Hierarchy
  20. 20. Isolation of concerns
  21. 21. 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
  22. 22. Backbone: The App Router
  23. 23. Backbone: The Model and Model Collection
  24. 24. Pause: Why am I using my own Web Services? • Centralization of data source retrieval • Easier JS • Connection Strings and Trusted connections
  25. 25. Backbone: The View
  26. 26. Backbone: The View Template
  27. 27. Breather
  28. 28. Backbone: Binding and the Observation Pattern
  29. 29. Backbone: Deferred (and Promise) Objects
  30. 30. Backbone: Observation Pattern Cascading up the Hierarchy
  31. 31. What about SP2013? • Might be able to install as-is • Web service layer might be a problem • No need for application page
  32. 32. Summary Gee… Where’s Mark Going Soon?
  33. 33. Questions? • Now is good • Later is good, too … MarkJ@cdh.com
  34. 34. 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.
  35. 35. Thank You cdh.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×