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

© 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: pcurran@go-planet.com

Blog: PCfromDC.blogspot.com

Twitter: @PCfromDC

Other Sessions:

• Using SPD and SQL Stored Procedures to View Data.