iPhone: version mobile dédiée

le Mercredi 21 Mai 2008

iPhone: version mobile dédiée
Aujourd'hui la version mobile de votre site s'enrichit d'une version iPhone.

Les heureux détenteurs d'un iPhone (ou d'un iPod Touch) auront de façon automatique toutes vos vidéos et tous vos podcasts dans le creux de leur main.

Cette version mobile a été conçue pour profiter au maximum des possibilités évoluées offertes par le navigateur Safari de l'iPhone.

Jean-Mathieu a poursuivi le travail qu'il avait initié lors de la refonte de la version mobile "classique" pour rajouter de nombreuses fonctionnalités. Elles seront seront également disponibles sur les futurs terminaux munis d'Android, le système d'exploitation mobile de Google.

Ergonomie et design mobile

L'iPhone dispose d'un bel écran de 3,5 pouces, alors forcément, nous avons modifié la taille de la bannière de titre en conséquence. Sur la version iPhone, elle mesure 320 px de large sur 45 px de haut.

Dans le même esprit, nous adaptons les images des articles pour leur donner une taille de 300 px de large. Pour l'affichage des vidéos dans les articles, nous avons choisi également de générer des vignettes de 300 px de large.

Afin d'avoir un mode d'affichage homogène dans les modules rubriques et fil de l'eau, nous affichons la date de l'article lorsqu'il n'y a pas de vignette de disponible.

L'Ours est enrichi par rapport à la version mobile "classique". Il permet d'accéder à la home, à la page vidéo, aux podcasts, au flux rss du site. Un clic sur "email" lance le client de messagerie de l'iPhone afin d'envoyer un email au webmaster. Notez que les puces de l'Ours sont personnalisables ;)

Web services mobiles


Nous avons regroupé les vidéos du site sur une seule et même page.


Quand vous uploadez une vidéo sur votre site, nous la convertissons automatiquement en 3 formats. En .flv pour une consultation depuis un navigateur web, en .3gp pour une consultation depuis un mobile "classique" après téléchargement, en .mpeg4 pour une lecture à partir d'un flux xml depuis une box, un reader ou .... l'iPhone.

Nous avons regroupé les podcasts du site sur une seule et même page.

A l'instar de la page vidéo, les utilisateurs d'iPhone peuvent accéder à la page des podcasts et les lire en streaming depuis leur terminal.

Et du coté technique ...

La navigation ajax est de mise sur la version iPhone.

Tous les modules ont été repris afin que leur affichage soit plus agréable sur l'iPhone. Nous étions bridés par les capacités des mobiles classiques. Ce n'est plus le cas avec l'iPhone, ce qui nous a permis d'ajouter des séparateurs, des flèches, des puces, et divers éléments graphiques.

Nous détectons automatiquement si votre site est consulté depuis un iPhone. Si c'est le cas, alors, la version iPhone sera affichée en priorité. Si l'utilisateur désire voir la version web, il pourra toujours le faire à partir du lien "afficher la version web" présent dans l'Ours.

Quand un utilisateur laisse un commentaire sur votre site depuis un terminal mobile, nous l'indiquons discrètement dans son message ;)

A venir ...

Encore plus de web services mobile, après la page Vidéo et la page Podcast réalisées, nous allons nous attaquer à la page Agenda, Forum et Petites Annonces.

Nous allons rajouter également une nouvelle page de paramétrage dans votre back office, qui permettra de personnaliser :
  • la couleur de fond générale
  • la couleur des séparateurs
  • la couleur des flèches
  • le bouton retour
  • le favico iPhone

Je vous laisse deviner la date de sortie des ces fonctionnalités supplémentaires .....  et pourquoi pas le 9 juin, date pressentie pour l'annonce officielle de la disponibilité de la version 3G de l'iPhone ?


Jerome Granados
Jérôme s'occupe de la promotion de WMaker. Il accompagne les prospects dans la découverte de la... En savoir plus sur cet auteur


Vos commentaires

1.Posté par Frédéric Aznar le 21/05/2008 17:01 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler

J'ai testé sur mon iMachin ... et c'est canon !!!
Donc bravo et sans attendre la version 3G du iBidule ...

2.Posté par Flam696 le 21/05/2008 17:09 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
PAR - FAIT !!!

Continuez les gars, c'est du bon ! ;-)

3.Posté par Fx Cardi le 21/05/2008 17:51 (depuis mobile) | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
La version Iphone est vraiment super, plus qu'une énième déclinaison mobile classique, elle transforme l Iphone en véritable outil de travail. Grace a cette version nous pouvons montrer directement avec l'Iphone les vidéos des plugins que nous développons à nos clients, en profitant de la taille de l'ecran de l Iphone.

Les videos sont d excellente qualite, et les possibilités de personnalisation comme toujours très sympa.

PS : --Sent by iPhone -- :)

4.Posté par Laurent Michelet le 21/05/2008 19:45 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Grandiose !!
C'est clair, on va pouvoir frimer devant nos clients avec ça (dans un premier temps, avant que l'utilisation en devienne courante) ! ;o))
Juste un truc : les podcast et les vidéos assez anciennes (sans doute pas réencodées) semblent planter Safari...

Bravo en tous cas, vous avez toujours une longueur d'avance !!

5.Posté par Jerome Bouteiller le 21/05/2008 21:20 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
waouw, trop la classe. Je suis tombé dessus par hasard tout à l'heure et c'est très bien fait, y compris pour les vidéos. Bravo !

6.Posté par André le 22/05/2008 00:58 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Encore un train d'avance pour WM ! Et je ne vais pas bouder mon plaisir !

Beaucoup plus que de la frime c'est de l'avance technologique que l'on trouve ici avec une excellente intégration des capacités offertes par l'iPhone et une utilisation simple.

On entend bcp de monde faire de la théorie sur le web mobile. Mais 70% des navigations web sont faites par l'iPhone et les concurrents d'Apple affutent des armes identiques. Cette évolution est donc majeure.

Au risque de passer pour celui qui met de la pommade, je vois aussi l'arrivée de l'anglais, de l'espagnol et de l'arabe (à quand l'allemand ?) avec un immense plaisir : merci de nous rappeler que nous sommes en Europe et que nous devons voir plus loin que notre petit marché.

Maintenant que les armes sont affutées, à nous de bosser !

7.Posté par Jean-Claude RIDOLCE le 22/05/2008 02:26 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour à tous,

Un grand Bravo (de plus) à l'équipe WM, pour ce nouveau dispositif.

Ici, à la Réunion nous sommes toujours à la traîne. Nous n'aurons pas l'Iphone commercialisé avant des lustres.

J'ai du contenu à tester.

Merci à un possesseur de cet engin fabuleux de bien vouloir prendre contact avec moi.

jcridolce@amourandises.fr




8.Posté par daLuz le 22/05/2008 03:23 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Salut !
Bien entendu c'est une avancée majeure, car l'iPhone va donner le "la" en termes d'ergonomie. Mais pour l'instant et sans vouloir pourrir l'ambiance, la version non-iPhone que nous testons actuellement comporte encore des bugs. Nos clients possesseurs de Black Berry (les pros) n'arrivent toujours pas à lire notre newsletter et les liens url n'ont pas l'air de fonctionner...
Serait-il possible d'y remédier rapidement ?
Cordialement et bravo encore pour cette avancée majeure

9.Posté par Sébastien Simoni le 22/05/2008 07:03 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Je viens de tester depuis mon BlackBerry sur la newsletter de Marianne2.fr (Je n'avais pas votre NL sous la main, je lis tourmag depuis Netvibes). J'ai 2 solutions pour lire la Newsletter soit je click sur le lien situé tout en haut de la newsletter ki me redirige vers une page web que le BlackBerry lit dans sont navigateur web.
Soit je scroll la newsletter et je click sur le lien d'un article et ça marche je vais le lire encore une fois depuis le navigateur de mon BlackBerry.

Le client mail de BlackBerry n'interprète pas le HTML, donc si on veut lire une NL dans le BB sans ouvrir son navigateur, il faut la recevoir en mode texte. Sur WM on donne le choix lors de l'inscription Text / HTML. Le problème c que souvent les personnes recoivent leur mail sur leur BB et leur client de messagerie et donc dans un cas le voudrait en texte dans l'autre en HTML.

Il y a 2 solutions :
On met tout le monde au régime sec càd en texte brut (ça va pas faire ke des heureux).
Ou l'autre solution est que BB développe un client mail qui interprète le HTML ...

S'il y a des utilisateurs de BB qui connaissent une astuce je suis prenneur !

10.Posté par Paoli C. le 22/05/2008 09:45 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,
heureux possesseur d'un iphone, je confirme que ça marche très très bien.
Vive WM en iphone et bravo à toute l'équipe !!!!!!!!!!!!!!!!


11.Posté par LAURENT P le 22/05/2008 12:07 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Chez nous,le patron ce fait encore un peu plus de jaloux au sein de son équipe. C'est en effet le seul à posséder le fameux i phone.Tout le monde le traque pour voir le superbe résultat.

12.Posté par Jerome PIETRI le 22/05/2008 13:00 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Si vous ne disposez d'Iphone vous pouvez le simuler à partir de ce site :
http://www.testiphone.com/

Il vous suffit de saisir votre URL mobile exemple :
http://m.belisama.net/

Allez je vous souhaite de bons tests :)

13.Posté par Laurent Michelet le 22/05/2008 13:57 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
BonjourJérôme...

Curieux, quand je teste mon site "mobile" sur ce fameux simulateur, les petites photos devant les titres articles ne s'affichent pas, alors qu'elles s'affichent parfaitement "pour de vrai"...

D'autre part, est-il normal que toutes les photos des articles soient tronquées en hauteur (sur l'iPhone) ?

Mais c'est vraiment super !

14.Posté par jb Geronimi le 22/05/2008 17:52 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Possesseur de l'iPhone depuis le début, je trouve votre version TOP!
L'implementation des videos est tres bien realisée, la consultation depuis l'iPhone tres facile aussi

Goog Job!

15.Posté par Frédéric Aznar le 27/05/2008 18:28 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler

Qui adresse un communiqué aux sites iphon.fr ou blogiphone.fr ?
Un bon moyen pour générer de nouveaux clients ...

16.Posté par Frédéric Aznar le 27/05/2008 18:30 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler

17.Posté par Jerome PIETRI le 27/05/2008 20:14 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler

18.Posté par Le Pape Laurent le 03/01/2009 19:47 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bon, j'ai moins de chance que vous tous semble t-il. Moi j'ai des bugs vraiment partout (des ? sur des mots, pas de page d'accueil etc...). Quelqu'un peu m'aider ?

D'avance merci

Laurent

19.Posté par Jerome PIETRI le 03/01/2009 20:07 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Ben pour cela passez par le support... mais sinon la réponse est très simple. :
Vous n'avez pas activer votre version mobile > Menu > Design > Design mobile et c'est tout la version mobile est créée.