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
© 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
© 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
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).
© 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!
© 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
© 2011 PLANET TECHNOLOGIES, INC.
Creating “The List”
Click on Create
© 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!
© 2011 PLANET TECHNOLOGIES, INC.
Tweaking “The List”
Now that our list has been created, let’s tweak it for our requirements.
Click List Settings
© 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…
© 2011 PLANET TECHNOLOGIES, INC.
Tweaking “The Title”
1- Adjust the Title (add the spaces back).
© 2011 PLANET TECHNOLOGIES, INC.
Tweaking “The Title”
1- Adjust the Title (add the spaces back).
© 2011 PLANET TECHNOLOGIES, INC.
Tweaking “The Title”
No “%20” in the URLUser friendly name.
© 2011 PLANET TECHNOLOGIES, INC.
Add Content Type…
Now that was easy!
Default content type.
We want to add an existing content type.
© 2011 PLANET TECHNOLOGIES, INC.
Add Content Type…
1- Select List Type from Drop Down.
2- Add Contact
© 2011 PLANET TECHNOLOGIES, INC.
Add Content Type…
1- Select List Type from Drop Down.
2- Add Contact
© 2011 PLANET TECHNOLOGIES, INC.
Add Content Type…
OTB Content Type Columns.
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Our Available Content Types.Change the Default Content Type.
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Settings Before
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Settings After
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Change Last Name to Location
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Change Last Name to Location
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
Click OK to finish
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
What Columns do we really need?
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content Type…
What Columns do we really need?Let’s hide the one’s we do not need!
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The View…
Let’s edit the View
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The View…
Let’s edit the View
© 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
© 2011 PLANET TECHNOLOGIES, INC.
Add An Address…
© 2011 PLANET TECHNOLOGIES, INC.
Add An Address…
© 2011 PLANET TECHNOLOGIES, INC.
Add An Address…
© 2011 PLANET TECHNOLOGIES, INC.
Let’s Create Our List!
Demo Time!
© 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.
© 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
© 2011 PLANET TECHNOLOGIES, INC.
Create A Page…
1- Within the PlaceHolderMain, select the Common Content Tasks.2- Click Create Custom Content
© 2011 PLANET TECHNOLOGIES, INC.
Create A Page…
1- Click inside of the PlaceHolderMain.2- Insert a 4x4 Table.
© 2011 PLANET TECHNOLOGIES, INC.
Insert Data View Web Part…
1- Click inside the Upper Left table cell.2- Insert an Empty Data View.
© 2011 PLANET TECHNOLOGIES, INC.
Insert Data View Web Part…
© 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.
© 2011 PLANET TECHNOLOGIES, INC.
Insert Data View Web Part…
Our list data is finally inserted!
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Web Part…
Remove Paging
Paging
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Web Part…
Remove the first column
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Web Part…
Format Address
© 2011 PLANET TECHNOLOGIES, INC.
Let’s See Some Data!
Demo Time!
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
Finally the FREE Weather Web Part!
Click in the 3rd table row.
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
Add New REST Connection
1- Select Data Sources.2- Click REST Service Connection.
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
1- Name your connection. 2- Add URL. 3- Modify Parameters.
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
1- Modify Parameter.
Our updated Properties.
© 2011 PLANET TECHNOLOGIES, INC.
Add The Weather…
Insert REST Feed Data View into 3rd table row.
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
With the Weather Web Part selected, click Add/Remove Columns.
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
Lets remove the Displayed Columns.
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
Delete the description row (right click in cell).
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
Change the description Format type to Rich Text.
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Weather…
Ignore the Warning!
Our updated page!
© 2011 PLANET TECHNOLOGIES, INC.
Let’s See The Weather!
Demo Time!
© 2011 PLANET TECHNOLOGIES, INC.
Make The Connection…
How much more PowerPoint is there?
1- Select the address web part.2- Add Connection
© 2011 PLANET TECHNOLOGIES, INC.
Make The Connection…
1 2
3
© 2011 PLANET TECHNOLOGIES, INC.
Make The Connection…
4 5
© 2011 PLANET TECHNOLOGIES, INC.
Make The Connection…
6 7
© 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!
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content…
Edit Hyperlink Address1- Click the function button 2- Select Web Page
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content…
Update Address
© 2011 PLANET TECHNOLOGIES, INC.
Tweak The Content…
Open hyperlink in new page1- Press the Target Frame button. 2- Select New Window as Target Frame.
© 2011 PLANET TECHNOLOGIES, INC.
Let’s See If It Works!
Demo Time!
© 2011 PLANET TECHNOLOGIES, INC.
Troubleshooting…
© 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.