1. © 2011 PLANET TECHNOLOGIES, INC. Create a FREE Weather RSS Web Part Patrick Curran, MCT AUGUST 12, 2011

2. © 2011 PLANET TECHNOLOGIES, INC. Patrick Curran  MCT, MCITP, MCTS, MCP  SharePoint Architect for Planet Technologies.  Working with SharePoint since 2003. –Administrator / Developer –Architect / Implementer –Troubleshooting / Branding –Motto: Why code when SharePoint will do it OTB PCfromDC.blogspot.com @PCfromDC

3. Agenda 1.Create an Address List from a predefined content type. 2.Tweak and modify the list to meet out needs (Demo). 3.Use SharePoint Designer 2010 to add a Data View Web Part to display our Address on a new Web Part page (Demo). 4.Use SharePoint Designer 2010 to create a REST connection to display the current weather in Beverly Hills, CA (Demo). 5.Create a data connection to display the weather of the zip code from our Address List (Demo).

4. © 2011 PLANET TECHNOLOGIES, INC. Objective  To display the weather at a location that is stored in a SharePoint list. I can’t believe the weather guy was wrong again!

5. © 2011 PLANET TECHNOLOGIES, INC. Let’s Get Started…  The first thing that we will need to accomplish is to create a list to store our address. Click on Lists

6. © 2011 PLANET TECHNOLOGIES, INC. Creating “The List” Click on Create

7. © 2011 PLANET TECHNOLOGIES, INC. Creating “The List” Click on Lists 1- Select Lists. 2- Click on the list type. 3- Add a name (No spaces, We’ll fix this in a bit). 4- Click on Create when ready!

8. © 2011 PLANET TECHNOLOGIES, INC. Tweaking “The List”  Now that our list has been created, let’s tweak it for our requirements. Click List Settings

9. © 2011 PLANET TECHNOLOGIES, INC. Tweaking “The List” 2- Set the content type. 1- Adjust the Title (add the spaces back). Not part of this demo…

10. © 2011 PLANET TECHNOLOGIES, INC. Tweaking “The Title” 1- Adjust the Title (add the spaces back).

11. © 2011 PLANET TECHNOLOGIES, INC. Tweaking “The Title” 1- Adjust the Title (add the spaces back).

12. © 2011 PLANET TECHNOLOGIES, INC. Tweaking “The Title” No “%20” in the URL User friendly name.

13. © 2011 PLANET TECHNOLOGIES, INC. Add Content Type… Now that was easy! Default content type. We want to add an existing content type.

14. © 2011 PLANET TECHNOLOGIES, INC. Add Content Type… 1- Select List Type from Drop Down. 2- Add Contact

15. © 2011 PLANET TECHNOLOGIES, INC. Add Content Type… 1- Select List Type from Drop Down. 2- Add Contact

16. © 2011 PLANET TECHNOLOGIES, INC. Add Content Type… OTB Content Type Columns.

17. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content Type… Our Available Content Types. Change the Default Content Type.

18. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content Type… Settings Before

19. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content Type… Settings After

20. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content Type… Change Last Name to Location

21. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content Type… Change Last Name to Location

22. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content Type… Click OK to finish

23. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content Type… What Columns do we really need?

24. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content Type… What Columns do we really need? Let’s hide the one’s we do not need!

25. © 2011 PLANET TECHNOLOGIES, INC. Tweak The View… Let’s edit the View

26. © 2011 PLANET TECHNOLOGIES, INC. Tweak The View… Let’s edit the View

27. © 2011 PLANET TECHNOLOGIES, INC. Add An Address… Finally, let’s go ahead and Add a new item! At least the weather looks good for the weekend… Click Add new Item

28. © 2011 PLANET TECHNOLOGIES, INC. Add An Address…

29. © 2011 PLANET TECHNOLOGIES, INC. Add An Address…

30. © 2011 PLANET TECHNOLOGIES, INC. Add An Address…

31. © 2011 PLANET TECHNOLOGIES, INC. Let’s Create Our List!

32. © 2011 PLANET TECHNOLOGIES, INC. It’s Time To Design! Let’s open up Designer and create a page to hold our information. 1- Open your site. 2- Select Master Pages. 3- Select the v4.master 4- Right click and select New from Master Page.

33. © 2011 PLANET TECHNOLOGIES, INC. Create A Page… I hope these guys stop looking over my shoulder soon. 1- Save Page. 2- Ignore warning and click Yes

34. © 2011 PLANET TECHNOLOGIES, INC. Create A Page… 1- Within the PlaceHolderMain, select the Common Content Tasks. 2- Click Create Custom Content

35. © 2011 PLANET TECHNOLOGIES, INC. Create A Page… 1- Click inside of the PlaceHolderMain. 2- Insert a 4x4 Table.

36. © 2011 PLANET TECHNOLOGIES, INC. Insert Data View Web Part… 1- Click inside the Upper Left table cell. 2- Insert an Empty Data View.

37. © 2011 PLANET TECHNOLOGIES, INC. Insert Data View Web Part…

38. © 2011 PLANET TECHNOLOGIES, INC. Insert Data View Web Part… 1- Ctrl + Click in order. 2- Insert as a Single Item View from the pull-down menu.

39. © 2011 PLANET TECHNOLOGIES, INC. Insert Data View Web Part… Our list data is finally inserted!

40. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Web Part… Remove Paging Paging

41. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Web Part… Remove the first column

42. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Web Part… Format Address

43. © 2011 PLANET TECHNOLOGIES, INC. Let’s See Some Data!

44. © 2011 PLANET TECHNOLOGIES, INC. Add The Weather… Finally the FREE Weather Web Part! Click in the 3 rd table row.

45. © 2011 PLANET TECHNOLOGIES, INC. Add The Weather… Add New REST Connection 1- Select Data Sources. 2- Click REST Service Connection.

46. © 2011 PLANET TECHNOLOGIES, INC. Add The Weather… 1- Name your connection. 2- Add URL. 3- Modify Parameters.

47. © 2011 PLANET TECHNOLOGIES, INC. Add The Weather… 1- Modify Parameter. Our updated Properties.

48. © 2011 PLANET TECHNOLOGIES, INC. Add The Weather… Insert REST Feed Data View into 3 rd table row.

49. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Weather… With the Weather Web Part selected, click Add/Remove Columns.

50. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Weather… Lets remove the Displayed Columns.

51. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Weather… Delete the description row (right click in cell).

52. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Weather… Change the description Format type to Rich Text.

53. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Weather… Ignore the Warning! Our updated page!

54. © 2011 PLANET TECHNOLOGIES, INC. Let’s See The Weather!

55. © 2011 PLANET TECHNOLOGIES, INC. Make The Connection… How much more PowerPoint is there? 1- Select the address web part. 2- Add Connection

56. © 2011 PLANET TECHNOLOGIES, INC. Make The Connection… 12 3

57. © 2011 PLANET TECHNOLOGIES, INC. Make The Connection… 45

58. © 2011 PLANET TECHNOLOGIES, INC. Make The Connection… 67

59. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content… Add a hyperlink to the company web site 1- Select the company name (Planet Technologies) 2- Format Item as Hyperlink 3- Ignore Confirmation!

60. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content… Edit Hyperlink Address 1- Click the function button 2- Select Web Page

61. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content… Update Address

62. © 2011 PLANET TECHNOLOGIES, INC. Tweak The Content… Open hyperlink in new page 1- Press the Target Frame button. 2- Select New Window as Target Frame.

63. © 2011 PLANET TECHNOLOGIES, INC. Let’s See If It Works!

64. © 2011 PLANET TECHNOLOGIES, INC. Troubleshooting…

65. © 2011 PLANET TECHNOLOGIES, INC. Thank You!!! Email: pcurran@go-planet.com Blog: PCfromDC.blogspot.com Twitter: @PCfromDC Other Sessions: Using SPD and SQL Stored Procedures to View Data.