Windows Phone SDK Windows Phone SDK 7.17.1

How to make it work?How to make it work?

Doncho MinkovDoncho Minkov

Telerik Mobile Telerik Mobile Development CourseDevelopment Coursemobiledevcourse.telerik.cmobiledevcourse.telerik.c

om om

Technical TrainerTechnical Trainerhttp://www.minkov.it http://www.minkov.it

Table of ContentsTable of Contents Windows Phone Mango (7.5)Windows Phone Mango (7.5) Windows Phone SDK 7.1Windows Phone SDK 7.1 Installation of WP SDK 7.1Installation of WP SDK 7.1 Visual StudioVisual Studio

Windows Phone SDKWindows Phone SDK

PhoneGap PluginPhoneGap Plugin "Hello PhoneGap" project"Hello PhoneGap" project

Windows Windows Phone Phone MangoMangoThe Next The Next Version of Version of

Windows PhoneWindows Phone

Windows Phone MangoWindows Phone Mango Windows Phone Mango is the next Windows Phone Mango is the next

generation of Microsoft Mobile OSgeneration of Microsoft Mobile OS Earlier Microsoft OSEarlier Microsoft OS

Windows Mobile 6.1 and 6.5Windows Mobile 6.1 and 6.5

Windows Phone 7Windows Phone 7

Windows Phone Mango SDK 7.1 Windows Phone Mango SDK 7.1 provides necessary tools and APIs provides necessary tools and APIs to develop applicationsto develop applications Using C# and SilverlightUsing C# and Silverlight

Using HTMLUsing HTML55 and JavaScript and JavaScript

Installation of Installation of Windows Phone SDK Windows Phone SDK

7.17.1How to start WP 7.5 Development?How to start WP 7.5 Development?

Steps for Installing Steps for Installing Android SDKAndroid SDK

1.1. Installing Visual Studio IDEInstalling Visual Studio IDE

2.2. Install Visual Studio Service Pack Install Visual Studio Service Pack 11

3.3. Install Windows Phone SDK 7.1Install Windows Phone SDK 7.1

4.4. Add components needed for Add components needed for developmentdevelopment

Visual StudioVisual Studio

What is Visual Studio?What is Visual Studio? A multi-language software A multi-language software

development environment development environment

An integrated development An integrated development environment (IDE) environment (IDE)

Mostly used for C# and Visual BasicMostly used for C# and Visual Basic

Visual Studio (2)Visual Studio (2) Visual Studio is used to develop Visual Studio is used to develop

applicationsapplications In C#, VB.NET, C, C++, F#, J#, etc.In C#, VB.NET, C, C++, F#, J#, etc.

For Windows Phone (using For Windows Phone (using Silverlight)Silverlight)

Download at Download at http://bit.ly/VSExpressPhone http://bit.ly/VSExpressPhone Comes with WP SDK 7.1Comes with WP SDK 7.1

No need to install it separately No need to install it separately

New PhoneGap New PhoneGap ProjectProject

With Visual StudioWith Visual Studio

PhoneGap in Visual PhoneGap in Visual Studio?Studio?

How to create a PhoneGap Project in VS?How to create a PhoneGap Project in VS? A hard way and a easy wayA hard way and a easy way

The hard way is to download the assembly The hard way is to download the assembly that connects of VS and PhoneGapthat connects of VS and PhoneGap We will not cover it hereWe will not cover it here

The easy way – download a Project The easy way – download a Project TemplateTemplate Donwload at: http://bit.ly/VSPhoneGap Donwload at: http://bit.ly/VSPhoneGap

Copy the contents to Copy the contents to …\Documents\Visual …\Documents\Visual Studio 2010\Templates\ProjectTemplates\Studio 2010\Templates\ProjectTemplates\Visual C#Visual C#

Create a project with this templateCreate a project with this template

PhoneGap in VS – PhoneGap in VS – ExampleExample

New PhoneGap New PhoneGap ProjectProjectLive DemoLive Demo

Hello World Hello World PhoneGapPhoneGapFirst Application with Windows Phone First Application with Windows Phone

MangoMango

Hello World PhoneGapHello World PhoneGap Lets make our "Hello World, Lets make our "Hello World,

PhoneGap!" applicationPhoneGap!" application Till now we have an empty Till now we have an empty

PhoneGap projectPhoneGap project

All we need to do is to edit the All we need to do is to edit the index.htmlindex.html file file

Created by usCreated by us

Located in /assets/wwwLocated in /assets/www

This is the Entry point of our This is the Entry point of our ApplicationApplication

Hello World PhoneGap – Hello World PhoneGap – ExampleExample

Hello World, PhoneGap!Hello World, PhoneGap! Open the index.html and copy the Open the index.html and copy the

followingfollowing<!Doctype html><!Doctype html><html><html><head><head> <title> First PhoneGap Application </title><head><title> First PhoneGap Application </title><head><body><body> <h1>Hello PhoneGap</h1><h1>Hello PhoneGap</h1></body></body></html></html>

Go to Debug -> Start without Go to Debug -> Start without Debugging or CTRL+F5Debugging or CTRL+F5 The emulator should startThe emulator should start And the app run!And the app run!

Hello World Hello World PhoneGapPhoneGap

Live DemoLive Demo

QuestionsQuestions??

Windows Phone SDK Windows Phone SDK 7.17.1