Creating REST Enterprise Mashups Using Microsoft Office SharePoint Designer 2007

J.R. Arredondo and Dave PaeMicrosoft CorpSession Code: OFC321

Fulfillment Gap

Fulfillment Gap

Mashups in the EnterpriseClosing the fulfillment gap

The Total Business Need

Collaborative Applications

Collaboration Decision support

ContentPublishing

Human workflow

Data tracking

Portal – Collaboration– Extranets – ECM – Search – BI – Workflow – BPM Integration Services

Business Unit Applications

Desktop DBMS – App Server – BPM – Web Platforms

BU Portal Expense Reporting Extranet Custom

AppsEmployee

On-boarding

Enterprise Applications

CRM OLAP B2B eCommerceERP

DBMS – OLTP – App Server – LOB – EAI – BPMOrchestration

Transaction processing

Mashups

Enterprise MashupsDefinition

Value to biz usersSelf-serviceDeeper insightsContextual visualization and interactivity

Value to ITLong tail of apps (backlog)Solution enablement (versus development)

An enterprise mashup is a solutioncreated by a power and business user combining multiple sources of enterprise and/or public datawith some visualization and interaction capabilities

Mashups and Composite Applications

Composite Applications

Mashups

Composite ApplicationsMore generally created by professional developers to compose:

UXProcessBusiness ServicesServicesEntities

Mashups Composite Apps created by power and business users (lower bar)

SharePointA platform for sophisticated composite apps and mashups

SharePoint DesignerOverview

Targeted at enterprise solution creators and designers using SharePoint technologiesEnables four fundamental usage scenarios

Assemble composite applications that pull data from multiple sourcesBuild workflow applications and add application logicCustomize SharePoint sitesCreate content management templates for internal and external sites (Office SharePoint Server 2007 Only)

SharePoint Designer is a free product since April 2009www.microsoft.com/spdhttp://www.youtube.com/watch?v=cvvVJamO3nQ

“No Code” SolutionsOffice SharePoint Designer “no code” features mean solution creators do not have to be developers to perform the following:

The value of “no code” applications

Create custom list views and forms

Integrate external data into SharePoint solutions

No code = No risk

Designed for rapid development

Administrator-controlled developer extensibility points

Build custom workflows for adding business logic

DemoOverview

ScenarioYou want to stay closer to group of people of your interest (recruits)You call them every know and then

Your goalYou would like to “connect” with your recruits when you call them

Your idea: Mash data from

Twitter (to know what they are doing)MSN Weather (to know what is going on where they live)

Have a good ice breaker during the first moments of your calls

default.aspx mashing.aspx?email=[email]

DemoOverview

mashing.aspx?name=Jane Doe

SP List with XSLT

http://www.twitter.com/users/show.xml?screen_name=[screen name]

http://weather.msn.com/rss.aspx?wealocations=[Zip or LocationCode]&weadegreetype=[F or C]

More info:http://apiwiki.twitter.com http://rss.msn.com

People told us that using Virtual Earth maps would have been too

easy, and asked if we could do this with Google Maps

Building a mashup in SharePointdemo

Working with XSLT

XSLT<?xml version="1.0" encoding="utf-8" ?><xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:ddwrt2="urn:frontpage:internal">

<xsl:output method="html" indent="no"/><xsl:template match="/" xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime"> <xsl:call-template name="dvt_1"/></xsl:template><xsl:template name="dvt_1"> <xsl:variable name="Rows" select="/dsQueryResponse/Rows/Row" /> <xsl:call-template name="dvt_1.body"> <xsl:with-param name="Rows" select="$Rows" /> </xsl:call-template></xsl:template><xsl:template name="dvt_1.body"> <xsl:param name="Rows" /> <script src="http://MAPURL;key=THE_KEY" type="text/javascript“></script> <div id="xslmap" style="width:750px; height:400px"></div> <script type="text/javascript">

[CODE TO SETUP MAP] </script>

<xsl:for-each select="$Rows"> <xsl:call-template name="dvt_1.rowview" /> </xsl:for-each></xsl:template><xsl:template name="dvt_1.rowview"> <script type="text/javascript">

address = &quot;<xsl:value-of select="@Address" />&quot; + ", " + “. . .“ [CODE TO GENERATE BUBBLE HTML, EVENT LISTENER, FIND LAT AND LONG, AND ADD MARKER TO MAP] </script>

</xsl:template></xsl:stylesheet>

Lessons and Resources

Key LessonsGetting to know the remote API is keyLearn the basics of XSLT & JavaScript

http://msdn.microsoft.com/en-us/library/ms256069.aspx

ResourcesMashups site:

http://www.microsoft.com/mashupsSharePoint Designer Site

http://www.microsoft.com/spdhttp://www.youtube.com/watch?v=cvvVJamO3nQ

SharePoint Team Bloghttp://blogs.msdn.com/sharepoint

Building the Solution

For a detailed click-through deck that shows how to build the solution, go to (no spaces):

http://cid-0aca28117545bf2d.skydrive.live.com/browse.aspx/OFC321%7C_ArredondoPaeAll?authkey=aK3dpo4mOTE%24 Link will be available during the whole event

question & answer

www.microsoft.com/teched

Sessions On-Demand & Community

http://microsoft.com/technet

Resources for IT Professionals

http://microsoft.com/msdn

Resources for Developers

www.microsoft.com/learningMicrosoft Certification and Training Resources

www.microsoft.com/learning

Microsoft Certification & Training Resources

Resources

Track ResourcesSpin the Wheel: Attend SharePoint breakout sessions Mon-Thurs and collect the picture of the day. Come by the booth for a chance to spin the SharePoint wheel. Collect all 4 pictures and enter to win a Microsoft Arc Mouse, drawing 11:30am on Friday, game cards at the booth.

Product Info http://www.microsoft.com/SharePoint

Dev ResourcesSharePoint MSDN Web Site: http://msdn.microsoft.com/sharepointSharePoint Developer Resources: http://mssharepointdeveloper.com/

SharePoint Conference 2009 www.mssharepointconference.com

ITPro ResourcesSharePoint Tech Center: http://technet.microsoft.com/en-us/office/sharepointserver/SharePoint Best Practices:http://technet.microsoft.com/en-us/office/sharepointserver/bb736746.aspx

Collect the SharePoint Session Picture of the Day

Attend an Interactive Theater Session and enter to win a Microsoft ARC Mouse

Thursday’s Picture is:

SharePoint Pie

Attend any SharePoint Breakout Session day 1 – 4 and check the last slide for a daily picture.

Come to the TLC yellow area, SharePoint booths OFC 4 & 5 to spin the wheel for a chance to win a prize. The wheel only spins when the SharePoint spotlight is flashing. One spin per person.

Collect all four daily SharePoint pictures and enter to win a Microsoft ARC Mouse. Game cards can be picked up at the booth.

Drawing for Mice on Friday at the wheel at 11:30AM.

SharePoint Designer Book Signing

Stop by the OFC Yellow Expo AreaLACC, Expo Hall, Level 1, South Hall G&H

Free Books and Signing by AuthorsWoody Windischman & Asif Rehmani

(One book per person)

Day/Date Time

Monday, May 11, 2009 3:30-4:30pmTuesday, May 12, 2009 1:30-2:30pm

Wednesday, May 13, 2009 1:30-2:30pmThursday, May 14, 2009 1:30-2:30pm

Complete an evaluation on CommNet and enter to win!

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS,

IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.