170 likes | 346 Views
Windows Phone SDK 7.1. How to make it work?. Doncho Minkov. Telerik Academy. academy.telerik.com. Technical Trainer. http://www.minkov.it. 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
E N D
Windows Phone SDK 7.1 How to make it work? Doncho Minkov Telerik Academy academy.telerik.com Technical Trainer http://www.minkov.it
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 • Using HTML5 and JavaScript
Installation of Windows Phone SDK 7.1 How to start WP 7.5 Development?
Steps for Installing Android SDK • Installing Visual Studio IDE • Install Visual Studio Service Pack 1 • Install Windows Phone SDK 7.1 • Add components needed for development
Visual Studio • What is Visual Studio? • A multi-language software development environment • An integrated development environment (IDE) • Mostly used for C# and Visual Basic
Visual Studio (2) • Visual Studio is used to develop applications • In C#, VB.NET, 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
New PhoneGap Project Live Demo
Hello World PhoneGap First 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