I. Avant-propos

Ce guide vous aidera à mettre en place les étapes nécessaires pour configurer un environnement de développement Moobile.

II. Navigateurs

Vous aurez besoin d'utiliser un de ces navigateurs pour exécuter une application Moobile :

  • Safari 5.1.5 et plus ;
  • Google Chrome 18 et plus.

Même si la plupart du développement est effectuée sur un navigateur de bureau, il est fortement recommandé de tester très souvent sur un appareil mobile. N'attendez pas d'avoir terminé votre application pour la tester sur un périphérique mobile.

Si vous utilisez Google Chrome, assurez-vous que vous le démarrez à l'aide de l'option en ligne de commande --allow-file-access-from-files comme expliqué ici, ou il pourrait ne pas fonctionner correctement.

III. Téléchargement

Ce package contient tout ce dont vous avez besoin pour commencer à travailler sur une application Moobile :

  • MooTools en version min et normale ;
  • Moobile en version min et normale ;
  • un simulateur Moobile ;
  • des feuilles de styles ;
  • de la documentation ;
  • des scripts de compilation ;
  • YUI Compressor.

Image non disponible TéléchargezTéléchargement l'ensemble du package.

IV. Structure du package

Une fois dézippé, le dossier devrait ressembler à ceci :

Image non disponible

IV-A. documentation

Ce dossier contient la documentation HTML de la version courante de Moobile.

IV-B. moobile-core

Ce dossier contient la source de Moobile avec toutes ses dépendances. Si vous devez recréer la source, utilisez la commande suivante depuis le répertoire racine :

 
Sélectionnez
moobile-core/build > www/js/libs/moobile-0.1.1.js

IV-C. moobile-psd

Ce dossier contient plusieurs fichiers psd pour le style actuel d'iOS.

IV-D. moobile-simulator

Ce dossier contient le simulateur. Ouvrez le fichier index.html dans le navigateur web pour lancer le simulateur.

IV-E. tools

Ce dossier contient des outils tels que le YUI Compressor.

IV-F. www

Ce dossier contient votre application et tout ce qui tourne autour.

IV-G. www-src

Ce dossier contient vos classes (une par fichier). Il contient également les scripts MooTools pour construire des packages. Vous n'avez pas nécessairement besoin d'utiliser ce dossier. Toutefois, si vous souhaitez fusionner tous vos fichiers en un seul fichier app.js, utilisez cette commande :

 
Sélectionnez
www-src/build > www/js/app.js

VII. Remerciements

Cet article a été publié avec l'aimable autorisation de Jean-Philippe Déry. L'article original peut être lu sur le site de MoobileMoobile : Getting StartedGetting Started.
Je remercie également FirePrawn pour sa relecture attentive et assidue.