Windows Phone SDK 7.1 How to make it work? <ul><li>Doncho Minkov </li></ul><ul><li>Telerik Mobile Development Course </li>...
Table of Contents <ul><li>Windows Phone Mango (7.5) </li></ul><ul><li>Windows Phone SDK 7.1 </li></ul><ul><li>Installation...
Windows Phone  Mango The Next Version of  Windows Phone
Windows Phone Mango <ul><li>Windows Phone Mango is the next generation of Microsoft Mobile OS </li></ul><ul><ul><li>Earlie...
Installation of Windows Phone SDK 7.1 How to start WP 7.5 Development?
Steps for Installing Android SDK <ul><li>Installing Visual Studio IDE </li></ul><ul><li>Install Visual Studio Service Pack...
Visual Studio <ul><li>What is Visual Studio? </li></ul><ul><ul><li>A multi-language software  development environment  </l...
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...
New PhoneGap  Project With Visual Studio
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...
PhoneGap in VS – Example
New PhoneGap Project Live Demo
Hello World PhoneGap First Application with Windows Phone Mango
Hello World PhoneGap <ul><li>Lets make our &quot;Hello World, PhoneGap!&quot; application </li></ul><ul><ul><li>Till now w...
Hello World PhoneGap – Example <ul><li>Hello World, PhoneGap! </li></ul><ul><ul><li>Open the index.html and copy the follo...
Hello World PhoneGap Live Demo
Windows Phone SDK 7.1
Upcoming SlideShare
Loading in...5
×

Windows Phone Mango and PhoneGap

854

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
854
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
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>mobiledevcourse.telerik.com </li></ul><ul><li>Technical Trainer </li></ul><ul><li>http://www.minkov.it </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 http://bit.ly/VSExpressPhone </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:// bit.ly/VSPhoneGap </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.

×