Windows Phone Mango and PhoneGap
17
Windows Phone SDK 7.1 How to make it work? Doncho Minkov Telerik Corporation www.telerik. com Technical Trainer
-
Upload
doncho-minkov -
Category
Education
-
view
1.402 -
download
1
description
Transcript of Windows Phone Mango and PhoneGap
Windows Phone SDK 7.1
How to make it work?
Doncho Minkov
Telerik Corporationwww.telerik.com
Technical Trainer
Table of Contents Windows Phone Mango (7.5) Windows Phone SDK 7.1 Installation of WP SDK 7.1 Visual Studio
Windows Phone SDK
PhoneGap Plugin "Hello PhoneGap" project
Windows Phone MangoThe Next Version of
Windows Phone
Windows Phone Mango Windows Phone Mango is the next generation of Microsoft Mobile OS Earlier Microsoft OS
Windows Mobile 6.1 and 6.5
Windows Phone 7
Windows Phone Mango SDK 7.1 provides necessary tools and APIs to develop applications Using C# and Silverlight
Installation of Windows Phone SDK
7.1How to start WP 7.5 Development?
Steps for Installing Android SDK
1. Installing Visual Studio IDE
2. Install Visual Studio Service Pack 1
3. Install Windows Phone SDK 7.1
4. Add components needed for development
Visual Studio
What is Visual Studio? A multi-language software
development environment comprising
An integrated development environment (IDE)
Mostly written in C# and Visual Basic
Visual Studio (2) Visual Studio is used to develop applications In C#, VB, C, C++, F#, J#, etc.
For Windows Phone (using Silverlight)
Download at http://bit.ly/VSExpressPhone Comes with WP SDK 7.1
No need to install it separately
New PhoneGap Project
With Visual Studio
PhoneGap in Visual Studio?
How to create a PhoneGap Project in VS? A hard way and a easy way
The hard way is to download the assembly that connects of VS and PhoneGap We will not cover it here
The easy way – download a Project Template Donwload at: http://
bit.ly/VSPhoneGap
Copy the contents to …\Documents\Visual Studio 2010\Templates\ProjectTemplates\Visual C#
Create a project with this template
PhoneGap in VS – Example
New PhoneGap ProjectLive Demo
Hello World PhoneGapFirst Application with Windows Phone
Mango
Hello World PhoneGap Lets make our "Hello World, PhoneGap!" application Till now we have an empty
PhoneGap project
All we need to do is to edit the index.html file
Created by us
Located in /assets/www
This is the Entry point of our Application
Hello World PhoneGap – Example
Hello World, PhoneGap! Open the index.html and copy the
following<!Doctype html><html><head> <title> First PhoneGap Application </title><head><body> <h1>Hello PhoneGap</h1></body></html>
Go to Debug -> Start without Debugging or CTRL+F5 The emulator should start And the app run!
Hello World PhoneGap
Live Demo
Questions?
Windows Phone SDK 7.1
