Windows Phone Mango and PhoneGap


Published on

Published in: 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? <ul><li>Doncho Minkov </li></ul><ul><li>Telerik Mobile Development Course </li></ul><ul><li> </li></ul><ul><li>Technical Trainer </li></ul><ul><li> </li></ul>
  2. 2. Table of Contents <ul><li>Windows Phone Mango (7.5) </li></ul><ul><li>Windows Phone SDK 7.1 </li></ul><ul><li>Installation of WP SDK 7.1 </li></ul><ul><li>Visual Studio </li></ul><ul><ul><li>Windows Phone SDK </li></ul></ul><ul><ul><li>PhoneGap Plugin </li></ul></ul><ul><li>&quot;Hello PhoneGap&quot; project </li></ul>
  3. 3. Windows Phone Mango The Next Version of Windows Phone
  4. 4. Windows Phone Mango <ul><li>Windows Phone Mango is the next generation of Microsoft Mobile OS </li></ul><ul><ul><li>Earlier Microsoft OS </li></ul></ul><ul><ul><ul><li>Windows Mobile 6.1 and 6.5 </li></ul></ul></ul><ul><ul><ul><li>Windows Phone 7 </li></ul></ul></ul><ul><li>Windows Phone Mango SDK 7.1 provides necessary tools and APIs to develop applications </li></ul><ul><ul><li>Using C# and Silverlight </li></ul></ul><ul><ul><li>Using HTML 5 and JavaScript </li></ul></ul>
  5. 5. Installation of Windows Phone SDK 7.1 How to start WP 7.5 Development?
  6. 6. Steps for Installing Android SDK <ul><li>Installing Visual Studio IDE </li></ul><ul><li>Install Visual Studio Service Pack 1 </li></ul><ul><li>Install Windows Phone SDK 7.1 </li></ul><ul><li>Add components needed for development </li></ul>
  7. 7. Visual Studio <ul><li>What is Visual Studio? </li></ul><ul><ul><li>A multi-language software development environment </li></ul></ul><ul><ul><li>An integrated development environment (IDE) </li></ul></ul><ul><ul><li>Mostly used for C# and Visual Basic </li></ul></ul>
  8. 8. Visual Studio (2) <ul><li>Visual Studio is used to develop applications </li></ul><ul><ul><li>In C#, VB.NET, C, C++, F#, J#, etc. </li></ul></ul><ul><ul><li>For Windows Phone (using Silverlight) </li></ul></ul><ul><li>Download at </li></ul><ul><ul><li>Comes with WP SDK 7.1 </li></ul></ul><ul><ul><li>No need to install it separately </li></ul></ul>
  9. 9. New PhoneGap Project With Visual Studio
  10. 10. PhoneGap in Visual Studio? <ul><li>How to create a PhoneGap Project in VS? </li></ul><ul><ul><li>A hard way and a easy way </li></ul></ul><ul><li>The hard way is to download the assembly that connects of VS and PhoneGap </li></ul><ul><ul><li>We will not cover it here </li></ul></ul><ul><li>The easy way – download a Project Template </li></ul><ul><ul><li>Donwload at: http:// </li></ul></ul><ul><ul><li>Copy the contents to …DocumentsVisual Studio 2010TemplatesProjectTemplatesVisual C# </li></ul></ul><ul><ul><li>Create a project with this template </li></ul></ul>
  11. 11. PhoneGap in VS – Example
  12. 12. New PhoneGap Project Live Demo
  13. 13. Hello World PhoneGap First Application with Windows Phone Mango
  14. 14. Hello World PhoneGap <ul><li>Lets make our &quot;Hello World, PhoneGap!&quot; application </li></ul><ul><ul><li>Till now we have an empty PhoneGap project </li></ul></ul><ul><ul><li>All we need to do is to edit the index.html file </li></ul></ul><ul><ul><ul><li>Created by us </li></ul></ul></ul><ul><ul><ul><li>Located in /assets/www </li></ul></ul></ul><ul><ul><ul><li>This is the Entry point of our Application </li></ul></ul></ul>
  15. 15. Hello World PhoneGap – Example <ul><li>Hello World, PhoneGap! </li></ul><ul><ul><li>Open the index.html and copy the following </li></ul></ul><ul><li><!Doctype html> </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title> First PhoneGap Application </title><head> </li></ul><ul><li><body> </li></ul><ul><li><h1>Hello PhoneGap</h1> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul><ul><li>Go to Debug -> Start without Debugging or CTRL+F5 </li></ul><ul><ul><li>The emulator should start </li></ul></ul><ul><ul><li>And the app run! </li></ul></ul>
  16. 16. Hello World PhoneGap Live Demo
  17. 17. Windows Phone SDK 7.1
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.