Web sur appareils mobiles - jQuery Mobile

Une solution serait de développer une application pour chaque appareil et plateforme Android, iOS, BlackBerry, Windows Phone, etc.
L'autre serait de créer une version Web mobile. Une option intéressante consiste à utiliser Jquery mobile, un framework Jquery pour faciliter le développement compatible de sites Web orientés mobile. Jquery est un framework javascript largement utilisé dans le développement de sites Web.
L'un des principaux objectifs de Jquery mobile est que le développeur n'ait pas à se battre avec les navigateurs pour la compatibilité, mais plutôt que le framework assure la compatibilité.
Nous commencerons par télécharger le framework depuis http://jquerymobile.com/download/ les librairies jquery et css, nous pouvons les utiliser compressées ou non.
Nous créons l'en-tête du web indiquant les bibliothèques que nous utiliserons

 Louez votre voiture 

Ensuite on crée le corps du web, on n'expose pas le css ici mais vous pouvez lui donner le format et le design que vous voulez. Le framework Jqeury a différents composants déjà programmés afin que nous puissions utiliser et faciliter la tâche. Dans ce cas, nous utiliserons listview.

mini Cooper


Mercedes

Le composant listview transforme une liste html

Objet

dans une liste avec l'attribut de rôle lisview

 

Élément 1

Les bibliothèques Jquery mobile et css ont déjà prédéfini le code qui transformera listview en un menu comme celui que nous allons voir
L'idée alors d'un site de location de voitures. Là où l'utilisateur sélectionne la voiture qu'il souhaite et peut se rendre sur une fiche technique, un formulaire de contact pourra également être ajouté.

On voit comment dans ce cas la listview est devenue un menu pour sélectionner les voitures, l'exemple n'est que la page d'accueil du web. Nous pouvons également vérifier qu'il fonctionne sur n'importe quel appareil mobile ou sur des ordinateurs.
Ce framework a de nombreux attributs et avantages, une autre possibilité pour notre application serait de diviser en catégories en utilisant l'attribut list-divider par exemple pour diviser Sedan et Cabrio.

 
Sedan


mini Cooper

Cabriolet


Mercedes

Les possibilités de création d'applications sont infinies, pour les sites Web statiques ou dynamiques et les applications de capture de données.
Netbeans est un très bon outil gratuit pour les développeurs car il comprend toutes les bibliothèques pour développer des applications avec html5 et Jquery mobile.
Il existe divers outils en ligne tels que http://ipadpeek.com/ pour tester les applications, bien qu'ils ne soient pas tout à fait précis car ce sont des simulateurs.
Nous pouvons voir le même exemple mais avec l'attribut list-divider appliqué comme exempleAvez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif