Exercise 1: Review Site Mobile Settings and Features

By default, SharePoint 2010 delivers content to mobile devices through lightweight pages that reduce the bandwidth of standard SharePoint pages. In this exercise, you will review the SharePoint site level features that are available to mobile devices. You will connect to a SharePoint site with the Windows Phone emulator and browse the site in mobile mode.

Task 1 – Logging in to the FBAWP7 Site

In this task, you will login to the FBA site you created in Setting Up A SharePoint and Windows Phone 7 Development Environment Module from the Windows Phone Emulator. You will review the default Windows Phone Browsing experience

1. Launch the Windows Phone 7 Emulator by clicking Start | All Programs | Windows Phone Developer Tools | Windows Phone 7 Emulator.
2. From the Start Screen, click Internet Explorer.
3. Click the address bar and enter the address http://fbawp7.
4. Click the return key. After a moment, the default FBA Sign In page is displayed.

   

   Figure 1

   The SharePoint FBA Login

5. Change the selection to Forms Authentication. The Sign In page will display the form for your FBA credentials. Enter User name: amya and Password: pass@word1

   

   Figure 2

   SharePoint FBA Login Dialog

6. Use your mouse to scroll the browser to the right and click Sign In. The team site home page is displayed in the browser.

   

   Figure 3

   The SharePoint FBA site rendered in the Windows Phone browser

7. You can now navigate the site as you would in a desktop browser. For example, select the All Site Content link at the bottom of the left navigation to view the contents of the site.

   

   Figure 4

   SharePoint All Site Content

Task 2 – Switching to Mobile View and Creating a Task

In the previous task, you browsed the site in the default browser experience. You may have noticed that, while the site looks great, it can be a challenge to view the content in the emulator. In this task, you will manually switch to Mobile View in the emulator. In mobile view, you will review the user interface differences between standard view and mobile view.

1. In the browser address bar, enter the site address http://fbawp7. (Alternatively, you can use the back button to return to the home page.)
2. Click in the browser address bar and add ?mobile=1 to the end of the address. (The entire URL should read http://fbawp7/SitePages/Home.aspx?mobile=1.) The site will redirect to a mobile rendering page and you will see the home page content rendered for the phone.

   

   Figure 5

   SharePoint Site Home Page Mobile View

3. Notice that all the content from the home page is present, but the page is easier to read in the emulator. Scroll down the page and notice that the menu items are easier to select. Click All Site Content.
4. On the All Site Content page you can see links to all of the site lists and libraries. At the bottom of the page you will see additional navigation. In the Lists section click Tasks.
5. The Task list is empty, so no tasks are present. To create a new task, click New Item. Complete the fields for a new task.
6. Title – My Mobile Task
7. Priority – High
8. Status – In Progress
9. Percent Complete – 40
10. Assigned To – sql-membershipprovider|adamb
11. Description – This is my first mobile task.
12. Start Date – (Enter a date a week in the future)
13. Click Save to complete the new Task entry. The Tasks page now displays the new task. (If you did not set the Assigned To field correctly, the new task may not be in view. Check this by changing the Tasks view from the default My Tasks to All Tasks. Click Refresh and the task should appear.

    

    Figure 6

    SharePoint Mobile Task List

14. Click My Mobile Task. The default view page shows the task details.

    

    Figure 7

    SharePoint Mobile Task Detail

15. Click Home and return to the site home page. Scroll to the bottom of the page and click Sign Out. On the Sign Out page, click Sign Out. Click the Start button to return to the Start screen.