Débuter avec Moobile

Jean-Philippe Déry

Traducteur

vermine

Jean-Philippe Déry est le concepteur de Moobile, le framework MooTools orienté mobile. Il nous propose ici un article permettant de débuter avec Moobile.
Cet article est la traduction de Getting Started publié sur le site de Moobile.
Commentez ♪

- Titre : Débuter avec Moobile

- Auteur : Jean-Philippe Déry

- Traducteur : vermine

- Parution : 9 octobre 2012

- Licence : Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2012 Jean-Philippe Déry. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- I. Avant-propos

- II. Navigateurs

- III. Téléchargement

- IV. Structure du package

- IV-A. documentation

- IV-B. moobile-core

- IV-C. moobile-psd

- IV-D. moobile-simulator

- IV-E. tools

- IV-F. www

- IV-G. www-src

- VII. Remerciements

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 majeure partie 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.

Téléchargez l'ensemble du package.

IV - Structure du package

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

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 :

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 :

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 Moobile : Getting Started.
Je remercie également FirePrawn pour sa relecture attentive et assidue.