Exercise 2: Test the Application in 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 AddTimeEntryJS project and select Package to package the project.
2. Open Internet Explorer and navigate to your SharePoint Online site, e.g., https://contoso.sharepoint.com/Lab04.

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.2\Source\Before\AddTimeEntryJS\bin\Debug\AddTimeEntryJS.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 AddTimeEntryJS Feature1 feature to activate the feature and deploy the AddTimeEntryJS.aspx page.

10. Navigate to the <Site>/Lab04/SitePages/AddTimeEntryJS.aspx page, e.g., https://contoso.sharepoint.com/Lab04/SitePages/AddTimeEntryJS.aspx.

11. Create a time entry.

12. Click Save to save the entry.
13. The dialog window appears to confirm that the entry was saved successfully.
14. Browse to the Billable Time list by clicking it in the Quick Launch.

15. You can see the new entry that was just added:

16. Close Internet Explorer.