Monthly Archives: août 2012

Monthly Archives: août 2012

Sortie de l’outil PhoneGap Emulation powered by Ripple

Sortie de l’outil PhoneGap Emulation powered by Ripple

Si vous avez déjà expérimenté le développement web mobile avec PhoneGap vous vous êtes sûrement demandé comment débugger les fonctionnalités fournies par l’outil telles que la géolocalisation, l’accéléromètre ou bien encore l’accès aux informations de connectivité. Jusqu’à présent peu de solutions étaient à disposition, et le débuggage en était que plus compliqué.

Nitobi (racheté par Adobe) fournit depuis quelques temps maintenant une solution SaaS de build de vos applications PhoneGap, permettant d’éviter d’avoir à installer les différents environnement de développement, tels que le SDK Android accompagné d’Eclipse ou bien encore l’IDE Xcode d’Apple, pour construire vos applications. Dommage me direz-vous si vous devez les installer pour débugger vos applications.

Il y a déjà plus d’un an le plugin Ripple Mission Control pour Chrome proposait de répondre à cette problématique, Malheureusement la société à l’origine de ce plugin fût rachetée par RIM (Research In Motion), et fût intégré au SDK Blackberry avec la menace de devenir un projet zombie pour les autres plateformes.

TinyHippos, la société à l’origine de l’outil avait même envoyé une communication le 5 janvier dernier pour annoncer la fin de l’outil en tant que tel pour fournir en lieu et place un outil pleinement intégré à la frontière entre navigateur et debugger mobile à l’image de iWebInspector, mais uniquement disponible depuis le SDK de RIM.

Cette communication indiquait même que le plugin serait retiré le 29 février 2012 du chrome web store. Heureusement, il semble qu’à ce jour il n’en soit rien. Alors que le projet semblait être plongé dans une profonde léthargie, Adobe, à travers l’équipe PhoneGap, a décidé de proposer un outils basé dessus appelé PhoneGap Emulator. Les pré-requis pour utiliser l’outil sont bien entendu Chrome et le plugin Ripple Mission Control. Une fois installé si vous vous rendez sur la page d’accueil de PhoneGap Emulation, un formulaire vous proposera de lancer Ripple à l’adresse indiquée par vos soin. Il est notamment possible d’indiquer la plateforme à émuler.

Bien que l’outil soit très basic, et que l’essentiel de la valeur ajoutée repose sur l’émulateur Ripple, PhoneGap Emulation a le mérite de faire connaître ce plugin Chrome bien pratique pour le débuggage d’applications mobile. Il est intéressant de voir qu’Adobe pousse fort sur le web mobile et propose une suite d’outils cohérente : Usine logicielle en ligne, Débugger, plateforme web mobile hybride PhoneGap, ainsi qu’Adobe Shadow.

Adobe pourrait bien finalement réussir dans le domaine de la mobilité en embrassant les technologies web, là où elle a échoué avec Flash, et ce au grâce au rachat judicieux de la petite société Nitobi. Adobe souhaite fournir un ensemble de services et d’outils autour du développement web mobile comme le montre les différentes intégrations réalisées entre PhoneGap, jQueryMobile et différents outils Adobe tels que Dreamwaver.

De nombreux outils de débuggage à destination des plateformes web mobiles fleurissent actuellement, la fondation Mozilla, a annoncé le sien pas plus tard que jeudi dernier. Il permet de connecter le nouveau debugger de Firefox Desktop avec Firefox on Android, mais cet outil n’est pas le seul, puisqu’Opéra a été précurseur sur le sujet:

Pour la petite histoire l’outil web PhoneGap Emulation est basé sur Node.js, ainsi que les frameworks Javascript Express et Jade, et est disponible sur GitHub. Preuve s’il en est, encore une fois, que Javascript est aujourd’hui omniprésent et incontournable.

Customisez Xcode avec un thème inspiré de Railscasts !

Customisez Xcode avec un thème inspiré de Railscasts !

J’ai découvert, il y a quelques mois, le plaisir de travailler avec un thème sombre dans mes différents IDEs, et j’avoue avoir du mal à revenir en arrière. Le thème Railscasts, bien connu des développeurs, est décliné sur de nombreux environnements de développement en allant de VIM à IntelliJ IDEA, mais il manque à l’appel sur Xcode.

N’étant pas fan du thème proposé par défaut dans Xcode, je vous propose à travers ce billet de blog de découvrir un thème personnalisé inspiré du fameux thème Railscasts. Celui-ci à la particularité d’utiliser uniquement des tons sobres, ainsi qu’un nombre réduit de variations de couleurs.

Travaillant au quotidien depuis de nombreux mois avec cette base de thème que ce soit sur Xcode ou IntelliJ IDEA, je trouve qu’elle a pour effet de diminuer la fatigue visuelle, et d’améliorer la concentration. 

Installation

Le thème peut être téléchargé depuis la home du thème ou bien depuis Github. Pour cela, il suffit de cloner le repository suivant: https://github.com/akinsella/xcode-railscasts-theme, et de copier le fichier RailsCast_Inspired.dvtcolortheme dans le dossier suivant de votre mac : ~/Library/Developer/Xcode/UserData/FontAndColorThemes.

Une fois le fichier copié, il vous suffit de sélectionner le thème RailsCast_Inspired dans les préférences (Cmd+,) de l’application Xcode.

Screenshots

Vous trouverez ci-dessous quelques screenshots du résultat dans Xcode:

Inspiration

Ce thème a été développé sur la base d’un thème Xcode proposé par Simon Wallner. Vous pouvez le retrouver sur son repository GitHub: https://github.com/SimonWallner/RailsCast-Xcode-Theme. Ce thème est assez proche des couleurs habituelles du thème Railscasts original.

Sachez cependant qu’il existe d’autres variantes ici ou . Libre à vous de trouver chaussure à votre pied !

Questions et remarques

N’hésitez pas à laisser vos commentaires ainsi que vos retours et remarques !

Un thème complet basé sur ces même couleurs existe également pour IntelliJ IDEA. Si vous êtes intéressés, indiquez-le dans les commentaires afin de voir s’il est utile de le proposer dans un futur article !