Many friends are and newbie developers are asking me about JQuery, HTML5 and CSS3 Mobile Application development using Visual Studio and phone gap. So i decided to start a new discussion where users can get a quickstart guide on how to prepare a development forum for JQuery Mobile development using Visual Studio.

First of all you will need following tools to start development.

Windows 8 OS

Visual Studio 2012 or newer version

Windows Phone 8 SDK

Appache Cordova o (Also known as Phone Gap).

You must have Windows 8 installed on your pc to start mobile development using JQuery Mobile and Visual Studio. If you dont have Windows 8 installed than you can do JQuery Mobile development using Eclipse and Android SDK and Phone Gap. or you can start development using Windows Phone 7 SDK, Visual Studio on Windows 7 pc

Give the exported template a name, ex. MyApplicationTemplate-2.1.0 and it will produce MyApplicationTemplate-2.1.0.zip

You may add Template image, Description etc. after filling details now press finish.

Step 3: Set up a new project.

Open Visual Studio and select new project.

Select MyApplicationTemplate-2.1.0

Give your project and click Ok.

Step 4: Your Project Structure

There are a lot of things that you may need to review in your project structure. But in Jquery mobile development the main thing is www folder.this folder contains cordova, JavaScript files and HTML and CSS. any thing you add in this folder will be a part of this project.

Step 5: Deploy Emulator and Build project.

Make sure you have selected Windows Phone emulator near debug or run or play button at top bar. If you have not selected Windows Phone Emulator then please click arrow button next to Debug button and select Windows Phone Emulator, now press f5 for Debug/project run.

and Done.

Thats all you have finished setting up a new project for Jquery Mobile Development using Visual Studio/

Extract all files in a folder. goto demos folder and copy js and css folder.

Create a new folder named jQuery-mobile at desktop. Now paste copied folders inside this folder.

Step 2: Creating a new project using Visual Studio

Open Visual Studio 2012.

Click New Project.

Search for word gap and select phonegap. enter name for project. I am naming it 'BasicMobileApp'

Visual studio will create a new Phonegap mobile application project for you. Now this is the time for understanding Project directory structure.

You can see the solution or project in Solution explorer. If you are unable to see Solution Explorer press Ctrl+Alt+L to view the Solution Explorer.

Our main working will be inside www folder.

File ApplicationIcon.png will be the Launcher Application icon that will be shown in Mobile Menu. You can change this by replacing the file at project folder. Image SplashScreenImage.jpg will be Splash Screen image that will be shown to user when application is loaded on user screen. This Image will be shown until the application is loaded completely.

File MainPage.xaml and MainPage.xaml.cs will contains some XML and C-sharp code that will tell the Application to load contents from www folder.

Folders cordova, cordovalib and Plugins contains some PhoneGap or Appache Cordova libraries that will help solution to run on a Mobile device.

Step 3: Adding Jquery Mobile Libraries to your project.

Drag and drop folder jQuery-mobile from your desktop to folder www. Make sure that the folder is under www folder and it should look like this

]]>How to connect to MSSQL server in Windows phone 7 appshttp://codingresolved.com/discussion/580/how-to-connect-to-mssql-server-in-windows-phone-7-apps
Sat, 18 May 2013 09:29:48 +0000sajiddesigner580@/discussionsI have a website that stores some data in MSSQL database and now i want to show that data in a windows phone 7 database. can any body please define how can i do that. i also want to do insert, Update and Delete in that database.