PhoneGap Demo Apps

I am looking for a few PhoneGap demo apps.....something more than a sample that you would find in a book or online, but less than a full application. The samples must be clean, complete and well coded. They must use the current version of PhoneGap (1.5.0) and should be OS independent (i.e. not a plug-in). I will be targeting all OS platforms (iOS, Android, BlackBerry, webOS, Windows Phone & Symbian) so more emphasis will be on the standard features and functionality of JavaScript and each demo should be able to be built using PhoneGap Build.

You are welcome to bid on any or all of the demos listed below. If you feel that you have strengths in one area but not another area, that is fine.....it will not count against you. One of the biggest factors will be time since I would like the samples ASAP, so the sooner the better. In addition to this one-time contract, there may be ongoing work for the company that produces the best sample in each category.

1. Authentication via a standard WCF Authentication Service (http://msdn.microsoft.com/en-us/library/bb386582.aspx). The PhoneGap app should load up to an unauthenticated screen and when a button is pressed on the page, a username/password box should pop-up and allow the user to enter his/her credentials and click on a login button. The login token should be cached/stored so that it can be used in #2 below, and it should persist even if the app is closed (you might be able to do this via a cookie if you want to avoid local storage).

2. Display data from an authenticated WCF web service. Create a simple WCF web service that will only return data from authenticated users and pass the token from #1 to the service in order to receive the data and display it on the screen. This sample should have a "log out" button so that you can demonstrate displaying an error message when the user tries to use the authenticated web service.

3. PhoneGap localization (both language text & date/number/currency formatting). This demo should show how to create a resource file of language specific text to display depending on the device's language. All data must be stored locally (i.e. come with the app and not be retrieved from the web). I don't have a specific storage format in mind (XML, JSON, CSV, etc.) but whatever you use should be easy to create. You should display a button and a label with text, as well as a date & number to demonstrate the changes across languages. You only need to convert the text to 2-3 languages, but please try to include one that has right-to-left text and one that has a different calendar (such as Saudi Arabia).

4. Image upload to a JSON WCF web service. This demo should allow the user to capture an image (either new or use existing) and when they press save it should be uploaded to a JSON WCF web service and stored in a database. To show the complete round-trip, it should also display the image from the web service (this can be done using a URL and an image handler.....it does NOT need to be imported from a web service and then displayed). In order to make the demo replicable, the user should be able to delete the photo and be able to upload additional photos.

5. Push notifications via Urban Airship (or suggest an alternative provider if you have a preference). This demo should show the complete cycle from prompting the user for permission to registering the device id and storing the token in a WCF web service to sending out a notification (maybe a button could call another WCF web service which would send the notification via Urban Airship and back to the device). I would like to demonstrate the different types of notifications and actions that can result from on (i.e. opening up the app and reading the data).

6. Form factor & orientation layout demo. This demo should show a different layout depending on the size (phone vs tablet) and orientation (portrait vs landscape) of the device. It does not need to be super fancy, but the actual layout should change more than just growing and shrinking (i.e. if it is landscape you could show a vertical menu or if it is tablet size you could move things around a bit and display a different area or two).

7. Native style replication. I understand that you will not be able to replicate all native formatting of elements on all browsers, but the more you can do the better. I am open to third party tools such as Telerik's Kendo UI Mobile (http://www.kendoui.com/mobile.aspx) which currently supports iOS, Android & BlackBerry.....for example, they have controls such as the Switch (http://demos.kendoui.com/mobile/switch/index.html) which will look like the native iOS or Android switch depending on the mobile device that is being used. I am open to other toolkits and suggestions....but the basic goal is to get the same app to look as much like a native app as possible.

8. Geolocation tracking & posting to a JSON WCF web service. This demo should show how to track geolocation data from the device based on adjustable settings (i.e. allow the user to configure the frequency, etc.) and post it to a JSON WCF web service. One of the options should be to track in the background (i.e. when another app is running) or not (i.e. stop when the app is no longer active). I do not need all of the data (such as altitude, accuracy, etc.) and it does not need to be tied to a map, but the location and update date/time should be shown on the screen so that the user can start/stop it and see when it changes.

It is your choice if you create the samples separately or as a single app, but a single demo app would be the most powerful. I can help with the web service work if that is not your core competence. If you are doing the web services, they should use the standard, built-in ASP.NET membership provider for the authentication service. The demos do not need to be beautiful since they are functional examples, but they should have some basic formatting so that they don't look like a work-in-progress.

I may choose more than one company to create the demos depending on the responses, since we are ultimately looking for a company that can do ongoing PhoneGap development work and we would like to compare the work. I left the budget open because you could be bidding on one or more of the demos....and I will take that into consideration when comparing the offers.