Data-Centric Composites and Mashups in SharePoint 2010 - TechEd Middle East


Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Data-Centric Composites and Mashups in SharePoint 2010 - TechEd Middle East

  1. 1. 8 – 10 March 2011 | Dubai, UAE
  2. 2. SESSION CODE: IAT302 8 – 10 March 2011 | Dubai, UAE Data-Centric Composites and Mashups in SharePoint 2010 Ayman El-Hattab Muhammed Nabil TSP, Microsoft MEA TSP, Microsoft MEA SharePoint MVP
  3. 3. AgendaWhat is a Mashup ? Demo: Remote ManagerDemo: Loan calculator Visio Services OverviewDemo: Supply Chain Dashboard
  4. 4. IT Business Unit ApplicationsHow are we going to overcome this gap ?! Business unit started to document the requirements TOO MUCH Lack of resource Rapidly changing requirements
  5. 5. We need a solution Lets do Mashups Applications
  6. 6. What is composite ?“Composite” refers to a way of delivering enterprise solutions byassembling them from prebuilt Components instead of buildingthem from scratch.
  7. 7. What is a Mashup? An application that results when a business user combines multiple sources of enterprise and public data with some visualization and interaction capabilities.
  8. 8. Remote Manager ScenarioDemo Scenario • I want to stay closer to a group of people that I remotely manage • I call them every now and then My goal • I would like to “connect” with my sub-ordinates when I call them My idea: • Mash data from • Twitter (to know what they are doing) • MSN Weather (to know what is going on where they live) • … to have a good ice breaker during the first moments of our calls Three quick aspects of mashup creation: • Connecting to external data (, • Connecting parts • Using XSLT for map creation
  9. 9. Remote ManagerDemo
  10. 10. XSLT<?xml version="1.0" encoding="utf-8" ?><xsl:stylesheet version="1.0" xmlns:xsl="" xmlns:ddwrt2="urn:frontpage:internal"> <xsl:output method="html" indent="no"/> <xsl:template match="/" xmlns:ddwrt=""> <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>
  11. 11. Loan CalculatorDemo
  12. 12. Visio ServicesOverview
  13. 13. REQUEST #1“I want to share/view diagrams in SharePoint” Central location Never leave the browser No more dialogs!
  14. 14. REQUEST #2”I want diagrams that are always up to date” (1 hr later) Not just a snapshot in time Diagram only created once View existing data in context
  15. 15. REQUEST #3”I want diagrams on my SharePoint pages!” Diagrams in context with other relevant data.
  16. 16. 4. Visio ServicesArchitecture refreshes data and 5. Diagram rendered in browser diagram PNG/ 2. Upload it to XAML SharePoint VDW VDW Visio Services Consumer 3. Consumer requests diagramCreator 1. Create data connected diagram in Visio Data Source
  17. 17. Supply ChainDashboardDemo
  18. 18. Connect with us Blogs: Follow us on Twitter: @AymanElhattab @Muhammed_Nabil
  19. 19. 8 – 10 March 2011 | Dubai, UAEComplete an evaluationon CommZone and enterto win an HP LAPTOP!
  20. 20. Related Content SharePoint 2010 Developer Overview 15:30 – 14:30 – Wen, Mar 9, 2011 Web Design and SharePoint 2010 Publishing Sites 11:45 – 12:45 – Thu, Mar 10, 2011 SharePoint Sandboxed Solutions and InfoPath 09:00 - 10:00 - Thu, Mar 10, 2011 Developing Office Business Applications with Microsoft Office 2010 and Microsoft SharePoint Server 2010 - 15:00 - 16:00 Thu, Mar 10, 2011
  21. 21. © 2008 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.