Windows Phone Mango and PhoneGap
-
Upload
doncho-minkov -
Category
Technology
-
view
824 -
download
1
Transcript of Windows Phone Mango and PhoneGap
Windows Phone SDK Windows Phone SDK 7.17.1
How to make it work?How to make it work?
Doncho MinkovDoncho Minkov
Telerik Mobile Telerik Mobile Development CourseDevelopment Coursemobiledevcourse.telerik.cmobiledevcourse.telerik.c
om om
Technical TrainerTechnical Trainerhttp://www.minkov.it http://www.minkov.it
Table of ContentsTable of Contents Windows Phone Mango (7.5)Windows Phone Mango (7.5) Windows Phone SDK 7.1Windows Phone SDK 7.1 Installation of WP SDK 7.1Installation of WP SDK 7.1 Visual StudioVisual Studio
Windows Phone SDKWindows Phone SDK
PhoneGap PluginPhoneGap Plugin "Hello PhoneGap" project"Hello PhoneGap" project
Windows Windows Phone Phone MangoMangoThe Next The Next Version of Version of
Windows PhoneWindows Phone
Windows Phone MangoWindows Phone Mango Windows Phone Mango is the next Windows Phone Mango is the next
generation of Microsoft Mobile OSgeneration of Microsoft Mobile OS Earlier Microsoft OSEarlier Microsoft OS
Windows Mobile 6.1 and 6.5Windows Mobile 6.1 and 6.5
Windows Phone 7Windows Phone 7
Windows Phone Mango SDK 7.1 Windows Phone Mango SDK 7.1 provides necessary tools and APIs provides necessary tools and APIs to develop applicationsto develop applications Using C# and SilverlightUsing C# and Silverlight
Using HTMLUsing HTML55 and JavaScript and JavaScript
Installation of Installation of Windows Phone SDK Windows Phone SDK
7.17.1How to start WP 7.5 Development?How to start WP 7.5 Development?
Steps for Installing Steps for Installing Android SDKAndroid SDK
1.1. Installing Visual Studio IDEInstalling Visual Studio IDE
2.2. Install Visual Studio Service Pack Install Visual Studio Service Pack 11
3.3. Install Windows Phone SDK 7.1Install Windows Phone SDK 7.1
4.4. Add components needed for Add components needed for developmentdevelopment
Visual StudioVisual Studio
What is Visual Studio?What is Visual Studio? A multi-language software A multi-language software
development environment development environment
An integrated development An integrated development environment (IDE) environment (IDE)
Mostly used for C# and Visual BasicMostly used for C# and Visual Basic
Visual Studio (2)Visual Studio (2) Visual Studio is used to develop Visual Studio is used to develop
applicationsapplications In C#, VB.NET, C, C++, F#, J#, etc.In C#, VB.NET, C, C++, F#, J#, etc.
For Windows Phone (using For Windows Phone (using Silverlight)Silverlight)
Download at Download at http://bit.ly/VSExpressPhone http://bit.ly/VSExpressPhone Comes with WP SDK 7.1Comes with WP SDK 7.1
No need to install it separately No need to install it separately
New PhoneGap New PhoneGap ProjectProject
With Visual StudioWith Visual Studio
PhoneGap in Visual PhoneGap in Visual Studio?Studio?
How to create a PhoneGap Project in VS?How to create a PhoneGap Project in VS? A hard way and a easy wayA hard way and a easy way
The hard way is to download the assembly The hard way is to download the assembly that connects of VS and PhoneGapthat connects of VS and PhoneGap We will not cover it hereWe will not cover it here
The easy way – download a Project The easy way – download a Project TemplateTemplate Donwload at: http://bit.ly/VSPhoneGap Donwload at: http://bit.ly/VSPhoneGap
Copy the contents to Copy the contents to …\Documents\Visual …\Documents\Visual Studio 2010\Templates\ProjectTemplates\Studio 2010\Templates\ProjectTemplates\Visual C#Visual C#
Create a project with this templateCreate a project with this template
PhoneGap in VS – PhoneGap in VS – ExampleExample
New PhoneGap New PhoneGap ProjectProjectLive DemoLive Demo
Hello World Hello World PhoneGapPhoneGapFirst Application with Windows Phone First Application with Windows Phone
MangoMango
Hello World PhoneGapHello World PhoneGap Lets make our "Hello World, Lets make our "Hello World,
PhoneGap!" applicationPhoneGap!" application Till now we have an empty Till now we have an empty
PhoneGap projectPhoneGap project
All we need to do is to edit the All we need to do is to edit the index.htmlindex.html file file
Created by usCreated by us
Located in /assets/wwwLocated in /assets/www
This is the Entry point of our This is the Entry point of our ApplicationApplication
Hello World PhoneGap – Hello World PhoneGap – ExampleExample
Hello World, PhoneGap!Hello World, PhoneGap! Open the index.html and copy the Open the index.html and copy the
followingfollowing<!Doctype html><!Doctype html><html><html><head><head> <title> First PhoneGap Application </title><head><title> First PhoneGap Application </title><head><body><body> <h1>Hello PhoneGap</h1><h1>Hello PhoneGap</h1></body></body></html></html>
Go to Debug -> Start without Go to Debug -> Start without Debugging or CTRL+F5Debugging or CTRL+F5 The emulator should startThe emulator should start And the app run!And the app run!
Hello World Hello World PhoneGapPhoneGap
Live DemoLive Demo
QuestionsQuestions??
Windows Phone SDK Windows Phone SDK 7.17.1