Windows Phone Mango and PhoneGapPresentation Transcript
Windows Phone SDK 7.1 How to make it work?Doncho MinkovTechnical TrainerTelerik Corporationwww.telerik.com
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 Mango The 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.1 How to start WP 7.5 Development?
Steps for Installing Android SDK1. Installing Visual Studio IDE2. Install Visual Studio Service Pack 13. Install Windows Phone SDK 7.14. 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 isto 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 …DocumentsVisual Studio 2010TemplatesProjectTemplatesVisual C# Create a project with this template
PhoneGap in VS – Example
New PhoneGap Project Live 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!