IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Débuter avec Moobile

Image non disponible

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 StartedGetting Started publié sur le site de MoobileMoobile.
Commentez Donner une note à l´article (5)

Article lu   fois.

Les deux auteur et traducteur

Site personnel

Traducteur : Profil Pro

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

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.

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.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

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 ni 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.