ChroGeek

Bonjour à tous,

Bon comme c’est la grande mode, et que Gartner va encore nous sortir une étude expliquant qu’en 2018 les morts utiliseront seesmic depuis leurs smartphones android, il faut bien prévoir le coup.

Donc plutôt que de faire une application dédiée juste pour un site (et d’attendre 3semaines pour qu’elle soit sur appStore), je pense qu’il faut développer une version mobile du site en question. De plus, je trouve que développer une application ne se justifie pas, car on a déjà souvent bien trop d’application sur son mobile

Pour ce faire, il n’y a que deux solutions. La première, on perd un week-end à coder du HTML/CSS afin de faire une jolie adaptation de son site/blog pour les terminaux mobiles. La seconde, et de loin ma préférée, on est fainéant et on se démerde pour trouver un truc presque tout prêt! Ca existe , et ça s’appelle WPtouch iPhone Theme. C’est un plugin pour wordpress et ça s’installe comme tous les plug-ins, autrement dit, c’est tout con. Depuis le module d’administration du plugin on peut faire pas mal de modifs, comme changer le code couleur ou encore insérer ses codes adsense. Bref un très bon plug-in et on comprend donc bien pourquoi il est dans le top sur wordpress.org.

Pour les plus courageux d’entre nous (ou ceux qui n’utilisent pas wordpress), qui déciderais de coder l’affaire à la main il faut savoir un truc: Comment tester l’application/site internet que je développe depuis mon pc, surtout si je n’ai pas de iPhone (le cas de bibi).

Bah c’est tout con, mais il faut juste comprendre comment ça fonctionne derrière l’écran (non avant le mur…). En fait, tous les navigateurs internet (IE, Chrome, FF, Opéra, Safari …) ont une signature perso. C’est  grâce à ça qu’un site peut soit s’afficher en version mobile, soit en version normale, soit ne pas s’afficher du tout. Cette signature est appelée User Agent.

Donc vous avez déjà tout compris, pour développer un site pour iPhone, Android, Windows Mobile … il suffit de changer la signature de son navigateur. Pour cela, je vous conseille d’utiliser l’extension User Agent Switcher de firefox car elle fait très bien le boulot. Une fois installée il suffit d’aller dans le menu outil->Default Agent User et de sélectionner celui qui vous convient. Dans notre cas, c’est iPhone 3.0. Maintenant, il ne vous reste plus qu’à lancer votre ide préféré (éclipse ) et de commencer à coder.

Pour les non-déveur, c’est extension est aussi super utile puisqu’elle permet de tester/consulter/modifier des sites web depuis votre PC/Mac comme si vous étiez sur votre iPhone/Android.

Ah oui, j’allais oublier, pour que WPtouch iPhone Theme fonctionne avec WP Super Cache, il faut bien configurer WP Super Cache. En fait, il suffit de cocher l’option «  Mobile device support using WordPress Mobile Edition  » dans le menu d’administration du plugin WP Super Cache de Wordpress.

La version mobile de chrogeek ressemble donc maintenant à :

Au fait, j’ai aussi mis en place WP Super Cache sur chroGeek, voyez-vous une différence ?

Merveilleux week-end à tous,

Have fun,

Jaguie

nb, merci les copines pour la photo

Billets similaires

• [Bilan] Le phénomène Google Android en quelques chiffres !
• [Phone] Mes applications indispensables pour Android
• [Sauvegarde] Comment faire un backup des ses SMS avec Android
• [Dev] Google Chart Tools, ou comment faire des jolis graphiques/charts en Javascript
• [Apple VS Google] Apple pourrait remplacer Google par Bing comme moteur de recherche par défaut sur l’iPhone

Tags: Chrogeek, Internet, PHP // 3 Commentaires »