Weather WebPart and RSS Integration SPSTCDC

© 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


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).


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!


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


Creating “The List”

Click on Create


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!


Tweaking “The List”

Now that our list has been created, let’s tweak it for our requirements.

Click List Settings


Tweaking “The List”

2- Set the content type.

1- Adjust the Title (add the spaces back).

Not part of this demo…


Tweaking “The Title”







No “%20” in the URLUser friendly name.


Add Content Type…

Now that was easy!

Default content type.

We want to add an existing content type.


Add Content Type…

1- Select List Type from Drop Down.

2- Add Contact


Add Content Type…

1- Select List Type from Drop Down.

2- Add Contact


Add Content Type…

OTB Content Type Columns.


Tweak The Content Type…

Our Available Content Types.Change the Default Content Type.



Settings Before



Settings After



Change Last Name to Location



Change Last Name to Location



Click OK to finish



What Columns do we really need?



What Columns do we really need?Let’s hide the one’s we do not need!


Tweak The View…

Let’s edit the View


Tweak The View…

Let’s edit the View


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


Add An Address…


Add An Address…


Add An Address…


Let’s Create Our List!

Demo Time!


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.


Create A Page…

I hope these guys stop looking over my shoulder soon.

1- Save Page.

2- Ignore warning and click Yes


Create A Page…

1- Within the PlaceHolderMain, select the Common Content Tasks.2- Click Create Custom Content


Create A Page…

1- Click inside of the PlaceHolderMain.2- Insert a 4x4 Table.


Insert Data View Web Part…

1- Click inside the Upper Left table cell.2- Insert an Empty Data View.





1- Ctrl + Click in order.2- Insert as a Single Item View from the pull-down menu.



Our list data is finally inserted!


Tweak The Web Part…

Remove Paging

Paging



Remove the first column



Format Address


Let’s See Some Data!

Demo Time!


Add The Weather…

Finally the FREE Weather Web Part!

Click in the 3rd table row.


Add The Weather…

Add New REST Connection

1- Select Data Sources.2- Click REST Service Connection.


Add The Weather…

1- Name your connection. 2- Add URL. 3- Modify Parameters.


Add The Weather…

1- Modify Parameter.

Our updated Properties.


Add The Weather…

Insert REST Feed Data View into 3rd table row.


Tweak The Weather…

With the Weather Web Part selected, click Add/Remove Columns.



Lets remove the Displayed Columns.



Delete the description row (right click in cell).



Change the description Format type to Rich Text.



Ignore the Warning!

Our updated page!


Let’s See The Weather!

Demo Time!


Make The Connection…

How much more PowerPoint is there?

1- Select the address web part.2- Add Connection



1 2

3



4 5



6 7


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!



Edit Hyperlink Address1- Click the function button 2- Select Web Page



Update Address



Open hyperlink in new page1- Press the Target Frame button. 2- Select New Window as Target Frame.


Let’s See If It Works!

Demo Time!


Troubleshooting…


Thank You!!!

Email: [email protected]

Blog: PCfromDC.blogspot.com

Twitter: @PCfromDC

Other Sessions:

• Using SPD and SQL Stored Procedures to View Data.

Technology

Weather WebPart and RSS Integration SPSTCDC