Windows Phone Mango and PhoneGap


Published on

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Windows Phone Mango and PhoneGap

  1. 1. Windows Phone SDK 7.1 How to make it work?Doncho MinkovTechnical TrainerTelerik
  2. 2. 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
  3. 3. Windows Phone Mango The Next Version of Windows Phone
  4. 4. 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
  5. 5. Installation of Windows Phone SDK 7.1 How to start WP 7.5 Development?
  6. 6. 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
  7. 7. 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
  8. 8. 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  Comes with WP SDK 7.1  No need to install it separately
  9. 9. New PhoneGap Project With Visual Studio
  10. 10. 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:  Copy the contents to …DocumentsVisual Studio 2010TemplatesProjectTemplatesVisual C#  Create a project with this template
  11. 11. PhoneGap in VS – Example
  12. 12. New PhoneGap Project Live Demo
  13. 13. Hello World PhoneGapFirst Application with Windows Phone Mango
  14. 14. 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
  15. 15. 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!
  16. 16. Hello World PhoneGap Live Demo
  17. 17. Windows Phone SDK 7.1Questions?