Exercise 3: Test the Silverlight Application on a SharePoint Online Site

Task 1 – Deploy the Pre-requisite Solution to SharePoint Online

In this task, you will deploy the pre-requisite solution to your SharePoint Online site to create and populate the Billable Time list with sample data.

1. Launch Internet Explorer and navigate to your SharePoint Online site.

2. Click Site Actions and then select Site Settings.

3. Click on the Solutions link in the Galleries section to view the site collection’s solution gallery.

4. Click on the Solutions tab in the ribbon and click the Upload Solution button.

5. Browse to the BillableTime.Setup.wsp file located at C:\%Office365TrainingKit%\Labs\4.1\Source\After and select it.
6. Click the Activate button on the ribbon to activate the solution.
7. Browse to the Lab04 site.
8. Click Site Actions >> Site Settings and choose Manage Site Features.
9. Activate the BillableTime.Setup feature.

Task 2 – Deploy the Solution Package to SharePoint Online

In this task, you will deploy the solution package to SharePoint online to confirm that it works as expected.

1. In the Solution Explorer, right-click on the TimeEntrySearch project and select Package to package the project.
2. Open Internet Explorer and navigate to your SharePoint Online site.

3. Click Site Actions and then select Site Settings.

4. Click the Solutions link in the Galleries section to view the site collection’s solution gallery.

5. Click on the Solutions tab in the ribbon and click the Upload Solution button.

6. Browse to the solution package at C:\ %Office365TrainingKit%\Labs\4.1\Source\Before\ TimeEntrySearch\ TimeEntrySearch\bin\Debug\TimeEntrySearch.wsp and click Open.
7. Click the Activate button.
8. Click Site Actions >> Site Settings and choose Manage Site Features.
9. Click the Activate button next to the TimeEntrySearch Feature1 feature to activate the feature and deploy the Silverlight application and ASPX page.
10. Navigate to the <Site>/SitePages/TimeEntrySearchSL.aspx page on your SharePoint Online site to view the custom page with the Silverlight application.

11. Enter Office 365 into the textbox and click the Search button to display the entries for Office3 65.

    The Silverlight Web Part displays the time entries with Office 365 in their title.

12. Close Internet Explorer.