A Mashup with Backbone

591 views

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
591
On SlideShare
0
From Embeds
0
Number of Embeds
95
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×