Tutorial: créez des applications avec HTML5 sur Windows Phone grâce à PhoneGap - David Rousset. Tout d’abord, nous allons naturellement commencer par voir l’intérêt d’utiliser PhoneGap pour HTML5.
Ensuite, nous verrons comment créer son tout 1er projet et récupérer les valeurs de l’accéléromètre en JavaScript. Pour finir, nous allons voir un exemple complet où j’ai repris le code de mon jeu HTML5 Platformer pour le faire fonctionner presque tel quel avec l’accéléromètre d’un Windows Phone. Introduction PhoneGap : un framework qui comble les manques Création de son 1er projet PhoneGap sur Windows Phone Récupération des valeurs de l’accéléromètre Exemple complet avec le jeu HTML5 Platformer Forcer le mode paysage Adapter le code pour gérer plusieurs résolutions Chargement des niveaux via l’appel au système de fichiers plutôt que XHR Modification du gameplay pour gérer l’accéléromètre Le résultat en images avec quelques FPS sur les téléphones Solution complète à télécharger Conclusion Introduction Alors comment faire en attendant ?
C’est exactement ce que fait PhoneGap. PhoneGap 2.1.0 in Mac OS X Mountain Lion 10.8: from Download to iOS App Store « iPhone Dev Log. These instructions follow the Getting Started with iOS guide at (Earlier versions of this PG pointed to the wrong file.)
PhoneGap uses “PhoneGap” and “Apache Cordova” terminology on its web site. I’m going to use “PG” often in this article for shorthand. Before you can install the app on your device, you need to sign up as a Developer with Apple and go through the business documentation, Certificate Signing, and Developer Certificate process, all of which are detailed on Apple’s web site ( under Prepare for App Submission. Nevertheless, you can skip all those steps and still see your work in the the iOS Simulator included with Xcode.
Xcode is a free download you can download now, but the Developer status comes at $99 a year. Xcode Install and/or Upgrade 1. Download Apache Cordova 1. Downloads/phonegap-phonegap-26d211b/ 2. Create a New Xcode Project 1. Cd Downloads 3. . 5. <p><a href=” Me</a></p> 11. ERROR whitelist rejection: url=’ We will be fixing this in the next section. 15. jQuery Mobile Framework – A Forms Tutorial. jQuery Mobile is a relatively new mobile web framework, with its first release made in October 2010.
The framework has many interesting features to support development of web based mobile applications. In this tutorial, we will focus on some basic elements of jQuery Mobile: page structure, forms and Ajax form submission. The tutorial is based on version 1.0 alpha release 2 of the jQuery Mobile framework. As part of the tutorial we will write a small B2C application. A package shipment company has a form in their web site for customers to enter information on packages that are lost or damaged during shipment.
Figure 1. jQuery Mobile framework supports a variety of browsers including iOS devices, Android devices, Blackberry OS 6, and webOS (for a support matrix, see The application in this tutorial has been tested against an Android 2.2 device and an iOS 4.1 device. Before going into technical details, let us talk about main considerations driving the design of the application.