weather webpart and rss integration spstcdc
DESCRIPTION
In this SPSTCDC Presentation, Read more about Patrick Curran's views on SharePoint at: http://pcfromdc.blogspot.comConnect with him on TWitter at: @pcfromdcTRANSCRIPT
![Page 1: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/1.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Create a FREE Weather RSS Web PartPatrick Curran, MCT
A U G U S T 1 2 , 2 0 1 1
![Page 2: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/2.jpg)
© 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
![Page 3: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/3.jpg)
Agenda1. 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).
![Page 4: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/4.jpg)
© 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!
![Page 5: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/5.jpg)
© 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
![Page 6: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/6.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Creating “The List”
Click on Create
![Page 7: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/7.jpg)
© 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!
![Page 8: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/8.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweaking “The List”
Now that our list has been created, let’s tweak it for our requirements.
Click List Settings
![Page 9: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/9.jpg)
© 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…
![Page 10: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/10.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweaking “The Title”
1- Adjust the Title (add the spaces back).
![Page 11: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/11.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweaking “The Title”
1- Adjust the Title (add the spaces back).
![Page 12: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/12.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweaking “The Title”
No “%20” in the URLUser friendly name.
![Page 13: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/13.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add Content Type…
Now that was easy!
Default content type.
We want to add an existing content type.
![Page 14: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/14.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add Content Type…
1- Select List Type from Drop Down.
2- Add Contact
![Page 15: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/15.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add Content Type…
1- Select List Type from Drop Down.
2- Add Contact
![Page 16: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/16.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add Content Type…
OTB Content Type Columns.
![Page 17: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/17.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Our Available Content Types.Change the Default Content Type.
![Page 18: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/18.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Settings Before
![Page 19: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/19.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Settings After
![Page 20: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/20.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Change Last Name to Location
![Page 21: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/21.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Change Last Name to Location
![Page 22: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/22.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Click OK to finish
![Page 23: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/23.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
What Columns do we really need?
![Page 24: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/24.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
What Columns do we really need?Let’s hide the one’s we do not need!
![Page 25: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/25.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The View…
Let’s edit the View
![Page 26: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/26.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The View…
Let’s edit the View
![Page 27: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/27.jpg)
© 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
![Page 28: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/28.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add An Address…
![Page 29: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/29.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add An Address…
![Page 30: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/30.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add An Address…
![Page 31: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/31.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Let’s Create Our List!
Demo Time!
![Page 32: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/32.jpg)
© 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.master4- Right click and select New from Master Page.
![Page 33: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/33.jpg)
© 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
![Page 34: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/34.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Create A Page…
1- Within the PlaceHolderMain, select the Common Content Tasks.2- Click Create Custom Content
![Page 35: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/35.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Create A Page…
1- Click inside of the PlaceHolderMain.2- Insert a 4x4 Table.
![Page 36: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/36.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Insert Data View Web Part…
1- Click inside the Upper Left table cell.2- Insert an Empty Data View.
![Page 37: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/37.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Insert Data View Web Part…
![Page 38: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/38.jpg)
© 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.
![Page 39: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/39.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Insert Data View Web Part…
Our list data is finally inserted!
![Page 40: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/40.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Web Part…
Remove Paging
Paging
![Page 41: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/41.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Web Part…
Remove the first column
![Page 42: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/42.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Web Part…
Format Address
![Page 43: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/43.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Let’s See Some Data!
Demo Time!
![Page 44: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/44.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
Finally the FREE Weather Web Part!
Click in the 3rd table row.
![Page 45: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/45.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
Add New REST Connection
1- Select Data Sources.2- Click REST Service Connection.
![Page 46: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/46.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
1- Name your connection. 2- Add URL. 3- Modify Parameters.
![Page 47: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/47.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
1- Modify Parameter.
Our updated Properties.
![Page 48: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/48.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
Insert REST Feed Data View into 3rd table row.
![Page 49: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/49.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
With the Weather Web Part selected, click Add/Remove Columns.
![Page 50: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/50.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
Lets remove the Displayed Columns.
![Page 51: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/51.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
Delete the description row (right click in cell).
![Page 52: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/52.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
Change the description Format type to Rich Text.
![Page 53: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/53.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
Ignore the Warning!
Our updated page!
![Page 54: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/54.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Let’s See The Weather!
Demo Time!
![Page 55: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/55.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Make The Connection…
How much more PowerPoint is there?
1- Select the address web part.2- Add Connection
![Page 56: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/56.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Make The Connection…
1 2
3
![Page 57: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/57.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Make The Connection…
4 5
![Page 58: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/58.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Make The Connection…
6 7
![Page 59: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/59.jpg)
© 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 Hyperlink3- Ignore Confirmation!
![Page 60: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/60.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content…
Edit Hyperlink Address1- Click the function button 2- Select Web Page
![Page 61: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/61.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content…
Update Address
![Page 62: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/62.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content…
Open hyperlink in new page1- Press the Target Frame button. 2- Select New Window as Target Frame.
![Page 63: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/63.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Let’s See If It Works!
Demo Time!
![Page 64: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/64.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Troubleshooting…
![Page 65: Weather WebPart and RSS Integration SPSTCDC](https://reader035.vdocuments.site/reader035/viewer/2022070317/5561da40d8b42a9d3f8b5b63/html5/thumbnails/65.jpg)
© 2011 PLANET TECHNOLOGIES, INC.
Thank You!!!
Email: [email protected]
Blog: PCfromDC.blogspot.com
Twitter: @PCfromDC
Other Sessions:
• Using SPD and SQL Stored Procedures to View Data.