Download and Install

• Visual Studio 2010 Express.
• Silver Light 4.0 with XNA Frame work.
• Windows mobile CTP.

To download window 7 tool kit
http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/09/16/windows-phone-developer-tools-are-final.aspx

Create Project.
Click on Silverlight for Windows Phone after that display window Select Windows Phone Application.

In Solution Explorer – Right Click on a Project Create New Folder àWebContet

Download ITAnyplace Client
Copy all htm,js,images from generated code under “Project’s” WebContent folder.

Changes in index.html
Add these two line under head tag.

 <meta name="mobileoptimized" content="800" />
<meta name="viewport" content="user-scalable=no" />

Main Page.xaml
In main page xaml these content.

<phoneNavigation:PhoneApplicationPage
x:Class="WmClient.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phoneNavigation="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:browser="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}">
<Grid x:Name="LayoutRoot" Background="Transparent">

        <Grid x:Name="ContentGrid" Grid.Row="0">
<Image Name="loadingImage"  Stretch="Fill" Canvas.ZIndex="1" />
<browser:WebBrowser Name="webBrowser1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
IsScriptEnabled="True" ScriptNotify="webBrowser1_ScriptNotify" Navigated="webBrowser1_Navigated" />

</Grid>
</Grid>
</phoneNavigation:PhoneApplicationPage>

Changes in MainPage.xaml.cs

In function GetAllfiles() Add all the required html, js, images and other files as required as given below.
return new[] {
"WebContent/index.html",
"WebContent/ITAnyplace.js",
"WebContent/taffy.js",
"WebContent/persist-min.js",
"WebContent/taffy-min.js",
"WebContent/header.png",  }

Change in Page.xaml.cs
Add these line after InitializePhoneApplication();

this.ApplicationLifetimeObjects.Add(new AsyncDispatcher(TimeSpan.FromMilliseconds(50)));

For Page Navigation
Add this function for Page Navigation in Page.xaml.cs

public static void Navigate(PhoneApplicationPage newPage)
{
App currentApplication = (App)Application.Current;
//currentApplication.rootGrid.Children.Clear();
currentApplication.rootGrid.Children.Add(newPage);

        }

In Function-

 Private void CompleteInitializePhoneApplication(object sender, NavigationEventArgs e) Add these highlighted lines.

Add All Required Reference Files.
 Right click Reference àAdd Reference à Click on .Net Button Add required file.