Mapping Mashups in SharePoint 2010

Uploaded on

Slides presented to SharePoint Saturday Houston April 2012.

Slides presented to SharePoint Saturday Houston April 2012.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On Slideshare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide
  • Here’s the Agenda. We’ll start with an Overview of the Technologies involvedThen I’ll cover some techiques and give the first demoI’ll finish by digging a little deeper with the integration
  • So, what are we working with here?What exactly are Mashups? [Any ideas?]
  • Wikipedia defines it this way. Combining data from more than one source. I’ll demonstrate with SharePoint in a minute. First, let’s talk about some publicly available examples you may or may not be familiar with.
  • First, This website combines two freely available web services. Google Maps plus Craigslist combined. By putting these two together, they’ve created new value for both.
  • AlertMap is a Hungarian web site that provides Disaster Information Services.They’re using Live Maps to display information they are collect and store locally. Again, two sources of data. One local source, the location and description of events requiring humanitarian assistance. And the second, mapping imagery and plotting capability provided freely from Microsoft.
  • So, those things are cool, but how does this apply. At this point, you might be asking What does this mean to me? How can I apply this in my day to day work with SharePoint? [Maybe someone with experience in the audience can give us some examples. David? Have you done anything interesting with mapping in SharePoint?] I’m going to concentrate on the Data View Web Part tonight, but maybe towards the end we can start a discussion of some of these more advanced topics if time allows.
  • Any questions on this part before I move on? I’m loving the interaction so far! My brother Pat in New York didn’t get it. He was like Mashup? Really, Tom? SharePoint and Maps are not music. Who knows what you get when you combine P-Diddy’s Black Album with the Beatles White Album. Anyone? Gray album? We’re all here to learn and share, right? Who’s already learned something? Great. Who’s already done a Mapping Mashup? Great. Pitch in if you have more to share. The rest of you are guaranteed to learn something.We’ve defined a Mashup as a combination of two or more sources of information. Given who we are, we’ll use SharePoint as one source of information. Are you ready to dive in to how you can do it?
  • To start this segment, I want to discuss my choice of tools for demonstration today. I could be doing this in C# in Visual Studio. Why not? To me, the power of SharePoint is in the tool delivered to Information Workers. That’s the vision Bill Gates described when I was 100 feet from him announcing the 2007 product in Redmond 3 years ago. SharePoint Designer gets more power to more people than C# and that appeals to me. It’s got some quirks, but if you can live with them, you get the power to talk that only an expensive programming effort could provide before.
  • Here are the key parts for the next demo. If we’re combining SharePoint with information from another source, we need a source, right? Any source will do, but we might prefer well defined services either through an XML Document like an RSS Feed or a full fledged Web Service API. Microsoft, Google, Yahoo and many others provide plenty of choice in APIs right now.Again, C#, the BDC, Excel services, all great options, but for rapid prototyping SharePoint’s Data View Web Part is an excellent choice. If you need to make it more reusable and easily deployable you can create a SharePoint Solution Package for a custom Web Part Feature later.
  • To start off, I’m going walk you through someone else’s blog post.I’m deferring to the expert here. Greg Chan from Microsoft’s SharePoint Designer Team wrote the post at. I’m going to walk you through it quickly so we can get to more later. You can refer back to the blog post for the full detail. [Demo]
  • So that quickly brings us to our second demo.
  • I worked on a project for a defense customer who had licensed Google Earth Enterprise Server. For confidential information, this is a good option because you don’t have to pass any information outside your network. That lead me to move the example we just looked at to the Google Maps API. Microsoft offers a similar Bing Maps Server . You can find more information about it on the website above.
  • I’ll have all of these links and this presentation on my blog


  • 1. Mapping Mashups inSharePoint 2010Tom ResingMicrosoft Certified Master - SharePointSharePoint DeveloperSharePoint911 - Rackspace Hosting
  • 2. Agenda1. Overview2. SharePoint Designer Techniques3. Demonstrations4. Resources
  • 3. What areMashups?
  • 4. a mashup is aweb applicationthat combinesdata from morethan one sourceinto a singleintegrated tool
  • 5. Mashups and SharePoint Data Form Web Part –Formats data from any data source for display in SharePoint –Connect to lists on other SharePoint Sites, RSS Feeds, Web Services or even your own Database Servers Business Connectivity Services –Allows for single sign-on access to data sources –More configuration required, but with that comes added flexibility Excel, Access and Reporting Services
  • 6. SharePointDesignerTechniques
  • 7. Why SharePoint Designer?Anyone can use itRapid PrototypingData View Web Part – Swiss Army KnifeReduces the Complexity of the SolutionTRADEOFF – Customization or Design?
  • 8. Mashup Recipe1. Start with a web service –Twitter, Facebook, Microsoft, Google, Yahoo, Amazon, Ebay all provide Web Service APIs – has a directory of 3839 APIs2. Combine with a SharePoint List
  • 9. Bing Maps + New ContactGoogle New Click to Maps Contact Address
  • 10. Demo 1 New Contact with Reverse GeocodingGoogle Maps Key Required
  • 11. XSLT Defined“Extensible Stylesheet LanguageTransformations (XSLT) is anXML-based language used for thetransformation of XML documentsinto other XML or "human-readable" documents.”
  • 12. Demo 2Integrate Bing Maps withSharePoint Contact View
  • 13. Demo 3Map All contactswith Address Geocoding
  • 14. Offline Mapping Google Earth Enterprise – 2D and 3D mapping inside the firewall – Good solution for limited connectivity or confidential information Bing Maps Server –
  • 15. ResourcesTom Resing’s SharePoint Blog – SharePoint Designer Team Blog – Mapping Section – Williams Google Maps API Tutorial – Developer Orientation - Part 4: AdvancedCustomization with Designer –
  • 16. Connect with meTom Resing’s SharePoint Blogwww.tomresing.comEmailresingnet-website@yahoo.comTwitter@resing
  • 17. Thanks to all our Sponsors 21