Dynamic no-code mashups in SharePoint 2010 and 2013

35
SharePoint Saturday Michigan No-Code Mashups with SharePoint

description

 

Transcript of Dynamic no-code mashups in SharePoint 2010 and 2013

Page 1: Dynamic no-code mashups in SharePoint 2010 and 2013

SharePoint Saturday Michigan

No-Code Mashups with SharePoint

Page 2: Dynamic no-code mashups in SharePoint 2010 and 2013

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

Page 3: Dynamic no-code mashups in SharePoint 2010 and 2013

Microsoft Gold Partner

PinpointCompetencies Successes

Page 4: Dynamic no-code mashups in SharePoint 2010 and 2013

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

Page 5: Dynamic no-code mashups in SharePoint 2010 and 2013

Get Social with C/D/H

@cdhtweetstech

/cdhtech

/company/cdh

cdhtalkstech.com

Page 6: Dynamic no-code mashups in SharePoint 2010 and 2013

Your Presenters

Amy MooreConsultantMBA | MCDBA | MCTS

[email protected]

Page 7: Dynamic no-code mashups in SharePoint 2010 and 2013

Your Presenters

Julie BoudroConsultantMCITP | MCTS | MCT

[email protected]

Page 8: Dynamic no-code mashups in SharePoint 2010 and 2013

What is a Mashup?

Mashup: A web application that

combines data and/or functionality

from more than one source

Source: Wikipedia.org

Page 9: Dynamic no-code mashups in SharePoint 2010 and 2013

What is a Mashup?

Source: Mirriam-Webster.com

Page 10: Dynamic no-code mashups in SharePoint 2010 and 2013

Common Uses

• Product information

• Office / Building information

• Customer information

• Project information

Page 11: Dynamic no-code mashups in SharePoint 2010 and 2013

Common Data Sources

• ERP

• CRM

• Data warehouse

• Document management

• SharePoint

Page 12: Dynamic no-code mashups in SharePoint 2010 and 2013

Mashup Tools

• Query String Filter web part

• Content Query / Content Search

web parts

• Business Connectivity Services

• Managed Metadata Services

• Geolocation / Map view

Page 13: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #1

• Property management company

• Property info mashup

• SharePoint 2010

• Property management system

• Document management system

Page 14: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #1

• Single web part page

• Using the Query String Filter

web part

• Using Business Data

Connections

• Using the Content Query web

part

Page 15: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #1

• Creating a business data

connection– Secure Store Target application

– SharePoint Designer to create external content

type

– Unique ID for each property

– Business Data Item web part

Page 16: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #1

• Using the Query String Filter

web part– Define the query parameter

– Connects to other web parts on the page

Page 17: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #1

Page 18: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #1

Page 19: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #1

• Read morehttp://www.cdh.com/whatwedo/Our%20

work/Pages/SharePoint-2010-

Enhances-Property-Management-for-a-

Real-Estate-Properties-Trust.aspx

Page 20: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #2

• Professional services / Accounting firm

• Office / Building info site

• SharePoint 2013

• SQL database

• Open street maps

• Cross-site search

Page 21: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #2

Page 22: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #2

Page 23: Dynamic no-code mashups in SharePoint 2010 and 2013

Case Study #2

• Using the Content Search web

part for cross-site queries

• Using the geolocation features in

SharePoint 2013

Page 24: Dynamic no-code mashups in SharePoint 2010 and 2013

Content Search Web Part

• Cross-site search to bring in Office news

from different site collection

• Create managed property in the search

schema for the managed metadata column

(i.e. “Office”)

• Run a crawl to index the new managed

property

• Use the Content Search web part to design

and test a content query

Page 25: Dynamic no-code mashups in SharePoint 2010 and 2013

Content Search Web Part

• Use the query string parameter in

the content search criteria

• Customize the display of the

results using display templates

Page 26: Dynamic no-code mashups in SharePoint 2010 and 2013

Content Search Web Part

Demo

• Creating a managed property

• Building queries with the content

search web part

• Creating display templates

Page 27: Dynamic no-code mashups in SharePoint 2010 and 2013

Geolocation Mapping

• Bing Maps integration

• Obtain a license key and add it to

your farm with PS

• Enable the geolocation field using

PS to create site column

• Add geolocation column to a list

• Create a map view

Page 28: Dynamic no-code mashups in SharePoint 2010 and 2013

Geolocation Mapping

• Open Street Maps integration

• Custom feature that adds an Open

Street Map geolocation field

• Customized the javascript rendering

of the map with the Open Street

Maps API

• Extended to add a location (pin) from

a related list

Page 29: Dynamic no-code mashups in SharePoint 2010 and 2013

Geolocation Mapping

Demo

• Editing geolocation

• Map views

• Custom layout

Page 30: Dynamic no-code mashups in SharePoint 2010 and 2013

Geolocation Mapping

• Bing Maps integration– More info:

http://www.cdhtalkstech.com/2013/07/11/bing-maps-

integration-with-sharepoint-2013/

Page 31: Dynamic no-code mashups in SharePoint 2010 and 2013

Questions?

Page 32: Dynamic no-code mashups in SharePoint 2010 and 2013

Upcoming Events

• A Mashup with Backbone

– Web / Lunch

– Grand Rapids / Royal Oak / Online

• SharePoint Branding

– Web / Lunch

– Grand Rapids / Royal Oak / Online

• Office 365 vs. Google vs. Exchange

– Seminar

– Grand Rapids / Royal Oak

OCTOBER

OCTOBER

NOVEMBER

Page 33: Dynamic no-code mashups in SharePoint 2010 and 2013

C/D/H Talks Tech

Get weekly

updates on

SharePoint

including tidbits on

the latest features

and functionalities

for SharePoint

2013.

cdhtalkstech.com

Page 34: Dynamic no-code mashups in SharePoint 2010 and 2013

Get the Slide Deck / Recording

We’ll send you an email within the next week containing the details on downloading the slide deck and recording.

We upload all of our presentations and recordings to our website.

Page 35: Dynamic no-code mashups in SharePoint 2010 and 2013

Thank You

cdh.com