Phone Gap Tutorial #1- Getting Started


This is a   tutorial Series in which I will create a phone gap application for each of the platforms it supports. It is mostly a journey of my own that you get to follow along on.  I will start with Windows Phone and then convert it to IPhone, IPad, Android, Blackberry, Symbian. We will discuss tips and tricks along the way.

In this post, we will look at what you need to do to get started using using Windows Phone.  The first thing you need to do is download the tools.

Go to http://phonegap.com and click on the Download PhoneGap button. It is currently at version 1.41image

The file will be called callback-phonegap-1.4.1-0-g0d1f305.zip (of course the number will change as new updates are applied).  It is called callback-phonegap because…. now take a breath here…. Nitobi, the company that create (at a hackathon… cool), was acquired by  Adobe who then jointly with Nitobi donated the project to the Apache Software Foundation (ASW).  This is a good thing since Adobe will continue to back the project while allowing others to continue to contribute. Now why is it called Callback you ask?  Well, the name inside ASW for is Callback….. or at least it was, it has since been changed to Apache Cordova, so I assume the file name will change soon to.

So once you have downloaded and unziped the file, you will want to navigate to \callback-phonegap-1.4.1-0-g0d1f305\callback-phonegap-0d1f305\lib\windows.  You will see many things in here, but we are only concerned with one right now. PhoneGapStarter.zip (We will talk about PhoneGapCustom.zip later).  We want to copy this to our Visual Studio Templates folder so we can create projects in Visual Studio. 

Copy the PhoneGapStarter.zip file to C:\Users\[USERNAME]\Documents\Visual Studio 2010\Templates\ProjectTemplates\Silverlight for Windows Phone

Now open up Visual Studio (This works with the full or express version) and go to File –> New Project

Select Visual C# –> Silverlight for Windows Phone

You should see a project template for PhoneGapStarter

image

Name Your project and hit OK.  That will create your project.

In the next tutorial, we will walk through all off the files and the set up of your New Phonegap project.

Other Posts in this Series

(This list will automatically grow as I write them)

[catlist name=phone-gap-tutorial]



Free Windows Phone

image

UPDATE:  YES THIS IS AN OLDER POST BUT I STILL HAVE PHONES

Are you looking for a Free Windows Phone?  Are you a developer?  Do you live on the West Coast of the US? (CA, AZ,ID, WA, NM, CO, NV, OR, UT)  Then I have a phone for you. (Read Below)  If you have been looking for a free windows phone to do development on then all you need to do is contact me.  Email me at Daniel.Egan@microsoft.com and I will send you all the details. (INCLUDE WHERE YOU LIVE in the email or I will not respond  — too many emails :)  )

I want to be clear on a couple of things.

  1. I am getting these phones to developers that are writing applications for the marketplace
  2. I have a limited supply (First ones to get me the info I need)
  3. You must live on the West Coast of the US  (CA, AZ,ID, WA, NM, CO, NV, OR, UT)

If you do not live on the West Coast of the US, I can try to find your windows phone champ for you.  Just post the request here :  http://thesociablegeek.com/forum/?mingleforumaction=viewforum&f=3.0

This does not mean that they will have a phone for you, but if you are developing for Windows Phone, you WANT to know your windows phone champ.  If they don’t have phones, they may know someone who does ( I repeat, I am not saying they have phones Smile , but they may know a way.  Either way, they are a great resource for you. )

So all of you West Coasters, get your Free Windows Phone while they last.  Email me at Daniel.Egan@microsoft.com for the details. UPDATE :  PLEASE INCLUDE WHERE YOU ARE FROM SO I DONT HAVE TO ASK YOU IN EMAIL. (Slowes down the process)

PhoneGap for Windows Phone

 

If you are writing your phone applications using HTML5, you will want to check this out. PhoneGap has released an update to work with Windows Phone.  What PhoneGap does is allow you to write your phone application in HTML5 and still access most of the Native API’s and wrap it in a Native application wrapper so that you can put it in the marketplace.  This means you can write your application cross platform.

You can download it from here : http://phonegap.com/  or just watch the video below for more information.

Live Tiles–Windows Phone Workshop

Today is the day we start the Windows Phone Workshop.  You can either watch it here (below) or head over to livestream. You can find the recorded session below..

Here are the files :

http://dl.dropbox.com/u/32614089/SimpleTileDemo.zip

http://dl.dropbox.com/u/32614089/SimpleTileDemo%20WithPush.zip

SPECIAL NOTE : Since we were doing alot of testing, you will want to skip to 1 hour in to see the session.

Watch live streaming video from microsoftdevelopers at livestream.com

Suggest a Windows Phone Workshop

unclesamNow that we are doing Windows Phone Workshops, we would like to know what YOU would like to see.  There are so many things to do on Windows Phone that we want to make sure that you get the sessions that are important to you.

All you need to do is either VOTE for a suggestion already there OR add your own suggestion.  Let me know if you have any suggestions.

Vote Here  http://thesociablegeek.com/workshop-suggestions/

WindowsPhoneWorkshops

Windows Phone App of the Day–LilDemonsSpplatter

Those that know me, know that I am not really a gamer.  I enjoy a game once in a while but usually don’t spend much time playing them.  I came across this FREE  game today that is really cool.  It’s a first person shooter game for the phone.  The graphics could be a bit better but hey… Its free.  Check it out.  http://www.windowsphone.com/en-US/search?q=LilDemonsSplatter 

Nokia Developer Program

In addition to the launch of the Phones from Nokia is the launch of the Nokia Developers Program.  The program includes Tools, Documentation, Code Examples, Videos and a vibrant community to get you on your way.  Head over to the developer site http://Developer.Nokia.com/WindowsPhones  or go directly to the code samples to check them out. http://www.developer.nokia.com/Develop/Windows_Phone/Code_examples/

Examples are a great way to jumpstart the development on that app you have been thinking about.

 

This work is licensed under a Creative Commons license.

Windows Phone, The Xbox of today

 

For anyone that has seen me speak in the last year and a half, they know my answer to “Why Windows Phone”.  To me, it is really a simple question and I always give the same answer.  The first thing I say is bottom line, it is a Great Phone.  I have met and talked to thousands of consumers and developers and anyone that has had it in their hands for any amount of time cannot come away from the experience without likening it.  It is a very well designed phone, that is powerful, easy to use, with some very unique attributes that other phones don’t have.  Another thing you will notice if you have seen me in person, is that I don’t get into a us vs. them argument.  To me, it is not about that.  To me, (to quote one of my favorite movies) if you build it (a great product), they will come. (Period).

The next thing I usually compare it to is the Xbox. A gaming system that has come a long way and is now a force to be reckoned with.  I was reminded of this recently by a story put out by Games Beat about the 10th anniversary of Xbox titled:

The making of the Xbox: Microsoft’s journey to the next generation

It is not a short post, and as a matter of fact, the link above is to the second part of the story (which itself is 7 pages long).  It details out how Xbox was lucky to get out the door to begin with but has risen to be, for the last 12 months, the fastest selling console in the US.  The Kinect sensor has really supercharged the industry and beyond. We are just starting to see what people are doing with the Kinect sensor by itself. I see this exploding in coming years.  As part of this, make sure you read Brandon Watson’s Post on Windows Phone Dev Ecosystem – One Year on.

So I see the Windows Phone in the same way. A great product with a great future.  If you disagree, let me know why.

This work is licensed under a Creative Commons license.

The making of the Nokia Lumia 800

As a developer, and I mean as someone who gets his hands dirty in the code that is NEVER SEEN by whomever uses my software, I am always facinated by the design process that goes into making things “Look Good”.  In this short video, you can see how Nokia went about designing their new Nokia Lumia 800 phone which runs the Windows Phone OS codenamed Mango.   Let me know what you think.

 

This work is licensed under a Creative Commons license.