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.
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 ;)
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 ;)
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 ?
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 ?