Weather WebPart and RSS Integration SPSTCDC

1,261 views

Published on

In this SPSTCDC Presentation,

Read more about Patrick Curran's views
on SharePoint at: http://pcfromdc.blogspot.com

Connect with him on TWitter at: @pcfromdc

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,261
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Weather WebPart and RSS Integration SPSTCDC

  1. 1. Create a FREE Weather RSS Web Part<br />Patrick Curran, MCT<br />August 12, 2011<br />
  2. 2. Patrick Curran<br />MCT, MCITP, MCTS, MCP<br />SharePoint Architect for Planet Technologies.<br />Working with SharePoint since 2003.<br />Administrator / Developer<br />Architect / Implementer<br />Troubleshooting / Branding <br />Motto: Why code when SharePoint will do it OTB<br />PCfromDC.blogspot.com<br /> @PCfromDC<br />
  3. 3. Create an Address List from a predefined content type.<br />Tweak and modify the list to meet out needs (Demo).<br />Use SharePoint Designer 2010 to add a Data View Web Part to display our Address on a new Web Part page (Demo).<br />Use SharePoint Designer 2010 to create a REST connection to display the current weather in Beverly Hills, CA (Demo).<br />Create a data connection to display the weather of the zip code from our Address List (Demo).<br />
  4. 4. Objective<br />To display the weather at a location that is stored in a SharePoint list.<br />I can’t believe the weather guy was wrong again!<br />
  5. 5. Let’s Get Started…<br />The first thing that we will need to accomplish is to create a list to store our address.<br />Click on Lists<br />
  6. 6. Creating “The List”<br />Click on Create<br />
  7. 7. Creating “The List”<br />1- Select Lists.<br />2- Click on the list type.<br />3- Add a name (No spaces, We’ll fix this in a bit).<br />Click on Lists<br />4- Click on Create when ready!<br />
  8. 8. Tweaking “The List”<br />Now that our list has been created, let’s tweak it for our requirements.<br />Click List Settings<br />
  9. 9. Tweaking “The List”<br />1- Adjust the Title(add the spaces back).<br />2- Set the content type.<br />Not part of this demo…<br />
  10. 10. Tweaking “The Title”<br />1- Adjust the Title(add the spaces back).<br />
  11. 11. Tweaking “The Title”<br />1- Adjust the Title(add the spaces back).<br />
  12. 12. Tweaking “The Title”<br />No “%20” in the URL<br />User friendly name.<br />
  13. 13. Add Content Type…<br />Now that was easy!<br />Default content type.<br />We want to add an existing content type.<br />
  14. 14. Add Content Type…<br />1- Select List Type from Drop Down.<br />2- Add Contact<br />
  15. 15. Add Content Type…<br />1- Select List Type from Drop Down.<br />2- Add Contact<br />
  16. 16. Add Content Type…<br />OTB Content Type Columns.<br />
  17. 17. Tweak The Content Type…<br />Our Available Content Types.<br />Change the Default Content Type.<br />
  18. 18. Tweak The Content Type…<br />Settings Before<br />
  19. 19. Tweak The Content Type…<br />Settings After<br />
  20. 20. Tweak The Content Type…<br />Change Last Name to Location <br />
  21. 21. Tweak The Content Type…<br />Change Last Name to Location <br />
  22. 22. Tweak The Content Type…<br />Click OK to finish<br />
  23. 23. Tweak The Content Type…<br />What Columns do we really need?<br />
  24. 24. Tweak The Content Type…<br />What Columns do we really need?<br />Let’s hide the one’s we do not need!<br />
  25. 25. Tweak The View…<br />Let’s edit the View<br />
  26. 26. Tweak The View…<br />Let’s edit the View<br />
  27. 27. Add An Address…<br />Finally, let’s go ahead and Add a new item!<br />At least the weather looks good for the weekend…<br />Click Add new Item<br />
  28. 28. Add An Address…<br />
  29. 29. Add An Address…<br />
  30. 30. Add An Address…<br />
  31. 31. Let’s Create Our List!<br />Demo Time!<br />
  32. 32. It’s Time To Design!<br />Let’s open up Designer and create a page to hold our information.<br />1- Open your site.<br />2- Select Master Pages.<br />3- Select the v4.master<br />4- Right click and select New from Master Page.<br />
  33. 33. Create A Page…<br />I hope these guys stop looking over my shoulder soon.<br />1- Save Page.<br />2- Ignore warning and click Yes<br />
  34. 34. Create A Page…<br />1- Within the PlaceHolderMain, select the Common Content Tasks.<br />2- Click Create Custom Content<br />
  35. 35. Create A Page…<br />1- Click inside of the PlaceHolderMain.<br />2- Insert a 4x4 Table.<br />
  36. 36. Insert Data View Web Part…<br />1- Click inside the Upper Left table cell.<br />2- Insert an Empty Data View.<br />
  37. 37. Insert Data View Web Part…<br />
  38. 38. Insert Data View Web Part…<br />1- Ctrl + Click in order.<br />2- Insert as a Single Item View from the pull-down menu.<br />
  39. 39. Insert Data View Web Part…<br />Our list data is finally inserted!<br />
  40. 40. Tweak The Web Part…<br />Remove Paging<br />Paging<br />
  41. 41. Tweak The Web Part…<br />Remove the first column<br />
  42. 42. Tweak The Web Part…<br />Format Address<br />
  43. 43. Let’s See Some Data!<br />Demo Time!<br />
  44. 44. Add The Weather…<br />Finally the FREE Weather Web Part!<br />Click in the 3rd table row.<br />
  45. 45. Add The Weather…<br />Add New REST Connection<br />1- Select Data Sources.<br />2- Click REST Service Connection.<br />
  46. 46. Add The Weather…<br />1- Name your connection.<br /> 2- Add URL.<br /> 3- Modify Parameters.<br />
  47. 47. Add The Weather…<br />1- Modify Parameter.<br />Our updated Properties.<br />
  48. 48. Add The Weather…<br />Insert REST Feed Data View into 3rd table row.<br />
  49. 49. Tweak The Weather…<br />With the Weather Web Part selected, click Add/Remove Columns.<br />
  50. 50. Tweak The Weather…<br />Lets remove the Displayed Columns.<br />
  51. 51. Tweak The Weather…<br />Delete the description row (right click in cell).<br />
  52. 52. Tweak The Weather…<br />Change the description Format type to Rich Text.<br />
  53. 53. Tweak The Weather…<br />Ignore the Warning!<br />Our updated page!<br />
  54. 54. Let’s See The Weather!<br />Demo Time!<br />
  55. 55. Make The Connection…<br />How much more PowerPoint is there?<br />1- Select the address web part.<br />2- Add Connection<br />
  56. 56. Make The Connection…<br />1<br />2<br />3<br />
  57. 57. Make The Connection…<br />4<br />5<br />
  58. 58. Make The Connection…<br />6<br />7<br />
  59. 59. Tweak The Content…<br />Add a hyperlink to the company web site<br />1- Select the company name (Planet Technologies)<br />2- Format Item as Hyperlink<br />3- Ignore Confirmation!<br />
  60. 60. Tweak The Content…<br />Edit Hyperlink Address<br />1- Click the function button<br /> 2- Select Web Page<br />
  61. 61. Tweak The Content…<br />Update Address<br />
  62. 62. Tweak The Content…<br />Open hyperlink in new page<br />1- Press the Target Frame button.<br /> 2- Select New Window as Target Frame.<br />
  63. 63. Let’s See If It Works!<br />Demo Time!<br />
  64. 64. Troubleshooting…<br />
  65. 65. Thank You!!!<br />Email: pcurran@go-planet.com<br />Blog: PCfromDC.blogspot.com<br />Twitter: @PCfromDC<br />Other Sessions: <br /><ul><li>Using SPD and SQL Stored Procedures to View Data.</li>

×