enable sharepoint for windows phone 7 mobile...

Hands-On LabEnable SharePoint for Windows Phone 7 Mobile Access

Lab version: 1.0.0

Last updated: 5/20/2023

Page | 1

CONTENTS

OVERVIEW................................................................................................................................................. 3

EXERCISE 1: REVIEW SITE MOBILE SETTINGS AND FEATURES.......................................................4Task 1 – Logging in to the FBAWP7 Site...............................................................................................4

Task 2 – Switching to Mobile View and Creating a Task......................................................................7

EXERCISE 2: CONFIGURE SHAREPOINT FOR WINDOWS PHONE 7 MOBILE VIEWS......................10Task 1 – Editing the Browser Definition File......................................................................................10

Task 2 – Testing the Windows Phone 7 Browser Redirection............................................................12

EXERCISE 3: CONFIGURE A LIST MOBILE VIEW................................................................................14Task 1 – Enabling a View for Mobile Access.......................................................................................14

Task 2 – Testing Mobile Access to a View..........................................................................................15

SUMMARY................................................................................................................................................ 16

Page | 2

Overview

The browser in Windows Phone 7 is capable of rendering SharePoint pages with full fidelity. Many browsers have reduced capability and SharePoint is configured to redirect those browsers to use the SharePoint Mobile views. In this Lab, you will explore a SharePoint team site using the Windows Phone 7 browser and then switch to the mobile view for comparison. You will learn how to configure SharePoint to automatically redirect Windows Phone 7 to the mobile pages. Finally, you will learn to configure SharePoint lists for mobile views.

Objectives

In this hands-on lab, you will learn how SharePoint works with mobile browsers. You will learn to:

Navigate a SharePoint site in a mobile browser

Manually switch to SharePoint Mobile views

Edit a browser definition file to redirect Windows Phones to the mobile view

Configure a mobile list view

Prerequisites

The following is required to complete this hands-on lab:

Note: See Setting Up A SharePoint and Windows Phone 7 Development Environment Module for instructions that describe how to set up the SharePoint and Windows Phone 7 developer machine.

Windows 7 x64 installed with all Windows Updates installed, in one of the following scenarios.

◦ Installed on a physical machine

◦ Installed on a bootable VHD

SharePoint 2010 installed on the Windows 7 x64 developer machine configured with a site collection that uses Forms Based Authentication (FBA) on the web address http://fbawp7.

Page | 3

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 1The SharePoint FBA Login

Page | 4

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 2SharePoint 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.

Page | 5

Figure 3The 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.

Page | 6

Figure 4SharePoint 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.

Page | 7

Figure 5SharePoint 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.

Title – My Mobile Task

Priority – High

Status – In Progress

Percent Complete – 40

Assigned To – sql-membershipprovider|adamb

Description – This is my first mobile task.

Start Date – (Enter a date a week in the future)

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

Page | 8

changing the Tasks view from the default My Tasks to All Tasks. Click Refresh and the task should appear.

Figure 6SharePoint Mobile Task List

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

Page | 9

Figure 7SharePoint Mobile Task Detail

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

Exercise 2: Configure SharePoint for Windows Phone 7 Mobile Views

In the previous exercise, you manually forced the Windows Phone 7 browser to load the SharePoint mobile view. This was required because the default browser definition file for the site does not include a definition for Windows Phone 7 devices. In this exercise you will edit the browser definition file for the FBA team site so that Windows Phone 7 will automatically redirect to the mobile view.

Task 1 – Editing the Browser Definition File

In this task, you will edit the default browser definition file (compat.browser) and change the behavior of the Windows Phone 7 browser to automatically redirect to mobile views. There is a compat.browser file for each SharePoint Web Application.

Page | 10

1. On the server hosting your SharePoint site, launch Internet Information Services (IIS) Manager by clicking Start | Run and typing INETMGR.

2. In Internet Information Services (IIS) Manager expand the Sites node and locate the site you created in Setting Up A SharePoint and Windows Phone 7 Development Environment Module titled FBAWP7. Right click the site and choose Explore.

3. In Windows Explorer, double click the App_Browsers folder.

4. Open compat.browser in a text editor.

5. Find the <browser> node that has the id OfficeMobileClient. Create a new line below the closing tag of the browser definition </browser>.

6. Add the following definition to the file by pasting it on the new line. Be certain that you are below the </browser> tag and before the comment.

XML

<browser id="IE7MobileDesktopMode" parentID="IE6to9"> <identification> <userAgent match="XBLWP7" /> </identification> <capabilities> <capability name="supportsTouchScreen" value="true" /> </capabilities></browser><browser id="IE7MobileMobileMode" parentID="IE6to9"> <identification> <userAgent match="(?i)Windows Phone OS\s7\.\d.*IEMobile/(?'version'\d+)\.(?'minor'\d+)" /> </identification> <capabilities> <capability name="browser" value="IE Mobile" /> <capability name="canInitiateVoiceCall" value="true" /> <capability name="isMobileDevice" value="true" /> <capability name="javascript" value="true" /> <capability name="optimumPageWeight" value="1500" /> <capability name="tables" value="true" /> <capability name="version" value="${version}" /> <capability name="supportsTouchScreen" value="true" /> </capabilities></browser>

Page | 11

The above XML will match on the User-Agent string passed by Windows Phone 7 and detect the browser setting for Mobile or Desktop. The Capabilities section then defines the features supported by the phone. The most important capability is the isMobileDevice setting. If true SharePoint will redirect to mobile views.

7. Save your changes to the compat.browser file.

8. Restart IIS by entering the following command at the command prompt:

iisreset /noforce.

Task 2 – Testing the Windows Phone 7 Browser Redirection

In the previous task, you change the mobile browser configuration so that SharePoint would automatically redirect the Windows Phone to use SharePoint Mobile pages. In this task, you will test the functioning of the mobile browser redirection.

1. Open the Windows Phone 7 Emulator.

2. Click Internet Explorer. In the address bar, enter the address of the FBA site: http://fbawp7.

3. After a moment you should be redirected to the mobile login page for SharePoint. (http://fbawp7/_layouts/mobile/mblmultilogin.aspx)

Figure 8SharePoint Mobile Login Selector

4. Ensure that Forms Authentication is selected and click OK.

5. On the Sign In page, enter the credentials AdamB and pass@word1. Click Sign In.

Page | 12

Figure 9SharePoint Mobile Login Dialog

6. You are redirected to the mobile view of the pages in the site without having to perform any manual intervention.

Page | 13

Figure 10SharePoint Mobile Home Page

Exercise 3: Configure a List Mobile View

By default, SharePoint 2010 lists and libraries are configured for mobile access, though this does not include all views for the list. This Exercise will teach how to configure a view for mobile access and demonstrate how to add fields to a mobile view.

Task 1 – Enabling a View for Mobile Access

In this task, you will learn how the mobile list settings are edited and understand how to enable a view for mobile access.

1. In a browser, open the FBA site.

2. Navigate to the Task list.

3. From the List tab in the ribbon, in the Manage Views group, change the view to My Tasks.

4. From the ribbon, in the Manage Views group, choose Modify View | Modify View.

Page | 14

5. Scroll to the bottom of the page and locate the Mobile section. Notice that this view is already enabled for mobile access and is the default view. Choose Cancel to return to the Task list.

6. From the List tab on the ribbon, in the Manage Views group, chose the Due Today view. If there are no tasks due today, add a new task and assign it to adamb.

7. From the List tab on the ribbon, choose Modify View | Modify View. Scroll to the bottom of the page and check Enable this view for mobile access. Click OK.

Task 2 – Testing Mobile Access to a View

In this task, you will test the mobile view that you created in the previous task.

1. Open the Windows Phone 7 emulator

2. Click Internet Explorer.

3. Enter the address for the FBA site in the address bar (http://fbawp7)

4. Click All Site Content

5. Under the Lists section, click Tasks. You should see the list of tasks and the default view will be My Tasks.

6. From the View selector change the view to Due Today. Click Refresh to refresh the view.

Page | 15

Figure 11SharePoint Choice List

7. The task list will now be filtered to the tasks that are due today.

Summary

In this Lab you learned how SharePoint functions in a mobile browser, both as a full fidelity web site and a reduced user interface mobile client. These valuable features support mobile access from many different devices. You also learned how to configure SharePoint List Mobile views to present the mobile users with additional functionality.

Page | 16

enable sharepoint for windows phone 7 mobile...

Documents