Cette semaine, nous avons fait le déplacement à Barcelone au Mobile Word Congress.
Il s'agit du plus grand salon au monde de l'industrie du téléphone mobile.

La montée en puissance du mobile dans la part des connexions internet (plus de 10% du trafic internet aujourd'hui) nous a poussé dès 2008 à consacrer d'importantes ressources à cette révolution.
Notre offre intégrée d'application Native apps.wmaker.net en est le meilleurs exemple.

Nous avons fait le déplacement à Barcelone afin de tester réellement les nouveaux appareils qui seront mis sur le marché cette année mais surtout pour rencontrer les acteurs de l'éco-système des applications mobiles.

Nous avons pu tester une version bêta de Meego (Intel) qui est assez décevante, la tablette de BlackBerry qui est très fluide et assez réussie. Globalement tous les constructeurs vont sortir de très beaux produits tant au niveau des smartphones que des tablettes, l'avance technologie d'Apple se réduit de plus en plus.

Leur stand était un pur exemple d'open innovation. En invitant une une bonne cinquantaine de développeurs de l'Android Market, Ils ont non seulement réussi a créer le stand le plus animé du MWC2011, mais aussi le plus riche et pourtant cela n'a pas du leur coûter très cher ...

Notre religion n'a pas changé, les applications natives tiennent toujours le haut du pavé en terme de confort utilisateur. Le trio gagnant sera iOS (Apple), Android (Google) et WindowsPhone 7 (Microsoft).

Nous allons très prochainement proposer une nouvelle plateforme dans apps.wmaker.net, vous l'avez deviné il s'agit de WindowsPhone7. Et ne croyez pas que c'est la signature de l'accord entre Microsoft et Nokia qui nous a décidé, nous y travaillons depuis le lancement de WP7.

Pour voir d'autres photos insolites du MWC2011 cliquez sur le Blog de WMaker sur Android géant !!

Aujourd'hui c'est la sortie européenne des premiers terminaux WP7, ce matin nous nous sommes donc précipité pour aller acheter le LG  Optimus 7 afin de vous faire une super vidéo de présentation.

Allez lire le descriptif complet de cette nouvelle application sur le Blog de Duoapps

Plusieurs questions nous parviennent depuis le lancement de l'offre Apps WMaker. Voici dans cette note quelques éléments de réponses aux questions les plus fréquemment posées.

Une App WMaker est le prolongement d'une partie de votre site web dans une application mobile. Je ne reviens pas sur les avantages d'une application mobile par rapport à une version web mobile, Sébastien l'a déjà fait dans une précédente note. Je vais juste préciser quelles sont les fonctionnalités de l'application :

Oui, l'application est personnalisable. Le processus de commande d'une application mobile se déroule dans le back office de votre site web. Au cours de ce processus, il existe plusieurs aller/retour entre vous et nous :

Les utilisateurs de Blog Pro, Portail Xpert et Portail Pro peuvent créer leur application mobile dès aujourd'hui. Pour les utlisateurs des offres Web TV, il faudra attendre encore un peu.

C'est DuoApps qui soumet l'application dans les stores. 

Oui, les vidéos contenues dans les articles sont lues dans les Apps iPad, iPhone et Android. 

Oui, vous pouvez diffuser des bannières publicitaires dans l'application iPhone et dans l'application Android. Pour l'application iPad, cela n'est pas possible pour l'instant, mais le développement de la fonctionnalité est planifié.

L'utilisation d'iAds dans les application iPhone et iPad sera possible. 

Non si cette dernière est postée avec le compte développeur de DuoApps.

Oui, l'implémentation des notifications en push est prévu dans le planning de développement.

Oui, il y aura des mises à jour. La première mise à jour va concerner le push, et la régie publicitaire dans l'application iPad. Elle est prévue pour le mois de septembre. Cette mise à jour sera gratuite pour tous ceux qui auront déjà acheté une ou plusieurs Apps.

MISE A JOUR DE LA NOTE (29/06/2010) : Consultez la page http://apps.wmaker.net/faq/ pour plus de questions/réponses

Nous venons d'ouvrir le nouveau portail apps.wmaker.net. Il présente une solution semi-industrielle de création d'Applications mobiles.
Il s'agit d'applications spécialisées dans la diffusion de News sur Mobile.

En attendant l'offre Apps mobiles pour le 24 Juin, nous avons mis à jour la version web mobile. Tous vos sites disposent d'une version web dédiée au mobile. Il y a en fait 2 versions :

- L'une pour les mobiles standards ayant un accès internet avec un navigateur de base.
- L'autre pour les Smart Phones, de type iPhone, Android, Black Berry, Palm Pre .....

A l'usage, bien qu'il y ait beaucoup plus de mobiles dans la première catégorie, ce sont les Smart Phones qui représentent la très grande majorité du trafic. WMaker était le premier CMS l'année dernière à disposer en standard d'une version Smart Phone.

Avec l'offre de WebTV, nous avons développé une nouvelle version mobile et aujourd'hui nous profitons de ce développement pour mettre à jour les versions mobiles de tous les sites WMaker.

Je laisse à parole à Jean Mathieu, qui est ingénieur en développement web, il s'est spécialisé dans le développement web mobile :

Voici une liste des modifications apportées à la version Mobile/Smartphone ces dernières semaines. Je vais essayer de ne pas en oublier.

• Suppression de 100 000 lignes dans la base de données.
  
• Réduction de la taille de toutes les CSS d'environ 30 à 40%.
• Réduction de la taille des fichiers Javascript et suppression de la librairie Prototype (trop lourd).
• Réécriture du code XHTML afin d'être valide W3C Mobile même en version Smart Phone.
• Utilisation "intelligente" d'Ajax, à savoir, si le navigateur ne peut pas faire de l'Ajax, il recharge la page.
• Refonte du slide (swipe) dans la galerie.
• Sécurisation plus poussée (protection injection SQL, XSS).
• 2 nouveaux modules ont pu être mis en cache.
  
• Utilisation plus approfondie du cache Navigateur, utilisant le moteur WebKit.

Pour Android, le rendu est identique à celui de l'iPhone. Concernant Opera mini, le rendu est très très correct.

J'aurai aimé supprimer la version mobile standard mais le parc existe encore, même si l'usage sur ce type de mobile n'est pas important. Elle a l'avantage d'être extrêmement rapide sur des terminaux obsolètes.

Nous avons pour ambition d'être le CMS le plus avancée sur mobile parce que nous sommes persuadés qu'une part importante du trafic visiteur passera par le mobile.

Je vous donne rendez vous le 24 juin pour découvrir l'offre la plus complète sur mobile et tablet. Elle sera présentée sur apps.wmaker.net.

Avant de vous présenter une toute nouvelle offre, qui permettra de doter votre site d'une application iPhone, iPad et Android, je voudrais d'abord répondre à 3 questions qui me sont souvent posées :

Pourquoi être présent sur Mobile ?

iPhone a été une rupture d'usage, il a créé une plate-forme logicielle. Cette plateforme a fait explosé les usages mobiles, 50% des consultations web depuis Mobile se font sur iPhone alors qu'il ne représente que quelques pourcents des téléphones dans le monde. Avec iPhone, Apple a également fait admettre aux opérateurs une facturation des données au forfait. Mais la rupture technologique arrivera avec les réseaux LTE (ou 4G) qui apporteront ce que 3G devait apporter il y a 10 ans, c'est-à-dire le confort de ADSL n'importe où.

D'ici 2 ans, les offres LTE seront sur le marché et être présent sur mobile sera une obligation mais c'est maintenant que les places doivent se prendre. Les analystes prédisent qu'à 2 ans, le mobile représentera 40 % des consultations internet. De notre coté, on y croit.

Quelle est la différence qui existe entre une version web mobile et une app mobile ?

La version web mobile d'un site est compatible avec 100 % des téléphones mobiles allant sur internet, alors que les apps mobiles doivent être créées pour chaque plateforme iOS (Apple), Androïd (Google), etc.

Les versions web mobiles souffrent de 3 handicaps par rapport aux applications mobiles :

• Elles sont plus lentes, parce qu'elles sont interprétées par le navigateur alors que les apps sont natives.
• Elles manquent de visibilité par rapport aux apps qui disposent de Stores directement dans les téléphones (App Store pour iPhone, Android Market pour Google Phone, ...).
• Elles gèrent encore très mal les coupures réseaux alors qu'une app (bien faite) permet de conserver durablement les données sur le téléphone.

Ces 3 raisons font que les applications mobiles sont en train de fidéliser un public grandissant. Elles concurrencent fortement les newsletters et les lecteurs RSS. Chaque application installée sur un mobile est un lecteur gagné pour des années, si le contenu est au rendez vous.....

Autre question fréquente, quel est le meilleur modèle économique pour les éditeurs de contenu ?

Les applications mobiles des éditeurs de contenu ont la chance d'engendrer une récurrence dans l'utilisation. Ce type d'application est à l'opposé des applications jetables qu'on utilise une fois ou deux.

Deux modèles s'offrent à vous : un modèle gratuit financé par la pub (90 % des apps de contenu) et un modèle avec achat de contenu.

Le marché de la publicité mobile ne fait que commencer. Le web a révolutionné le marché de la publicité en ouvrant le marché à de très petits acteurs. La publicité mobile va ouvrir le marché à d'autres types d'acteurs, notamment locaux, exclus jusqu'à présent du marché de la publicité sur internet. D'autre part la redistribution des revenus sera très intéressante, beaucoup plus que les adSense de Google, car Apple propose 60 % pour l'éditeur et 40 % pour eux.

Clairement, les applications de contenu seront financées par de la publicité et quelque acteurs adressant un public très ciblé et solvable rendront leur contenu payant. Mais dans ce cas je crois quand même plus que les transaction seront liées à un abonnement sur le site et pas seulement à du micro-paiement sur mobile.

Il y a maintenant 1 an, nous nous avons eu l'idée de créer un CampusPlex. Notre motivation était de regrouper dans un même lieu des sociétés complémentaires à WMaker afin de maintenir une avance technologique.

DuoApps est hébergée dans les locaux du CampusPlex, elle a été créée par Dumè Siacci et Francescu Santoni. Je ne sais pas si vous vous rappelez, mais il y a 1 an je vous avais questionné, via les commentaires, sur le prix que vous seriez prêts à payer une application iPhone.

DuoApps est devenu en l'espace d'un an un acteur important du Mobile en France avec 500 000 applications téléchargées (sur iPhone). Ils comptent parmi leurs clients des noms prestigieux comme M6, Arianespace, Gizmodo, Marianne, ... Ces clients ont bien raison de confier leur application à DuoApps car ils ont développé un des meilleurs socle applicatif pour iPhone et je peux vous le certifier, j'ai testé des 100aines d'applications.

Je vous dis cela parce Francescu Santoni a créé le framework avant de commencer à écrire la moindre ligne de code. Il s'agit d'un logiciel qui leur permet d'automatiser l'écriture de code d'une application et d'avoir un code particulièrement optimisé. Francescu est un perfectionniste ...

Le socle DuoApps est très souple, et cette souplesse va être mise à profit pour les clients de WMaker. Notre collaboration nous permet d'accélérer le temps de création d'un site WMaker en une application mobile sans toutefois l'automatiser à 100 %. En effet, nous ne voulons pas sacrifier la qualité de vos apps et en faire de vulgaires applications basées sur du flux RSS. D'ailleurs Apple a décidé de ne plus accepter les applications basées sur le Flux RSS sans une réelle plus value pour l'utilisateur.

C'est la raison pour laquelle l'offre que je vais vous présenter ci-dessous n'est pas totalement industrielle. Il y aura une intervention humaine derrière chaque création d'application. Les apps Androïd sont moins complexes à soumettre que les applications iPhone et iPad. En revanche pour ces deux dernières plates-formes, c'est techniquement plus complexe et donc plus long.

Nous allons vous offrir la meilleure proposition de valeur du marché, quelque chose qui n'existe nulle part ailleurs.

A partir du 24 Juin, vous aurez la possibilité d'être distribué sur l'App Store d'Apple et l'Androïd Market de Google.

Comme je le disais plus haut, il y a une intervention humaine derrière chaque création d'application. Il existe aussi des coût associés à la consultation de votre contenu (coût récurrent en ressources machines). Pour les utilisateurs de WMaker, en exclusivité, le prix d'une application variera de 250 € à 990 € HT suivant la plate-forme. En revanche, il n'y aura pas d'autre abonnement que votre abonnement à WMaker. L'offre pourra être souscrite à la condition de disposer d'un Blog Pro (ex Portail Primo), un portail Xpert ou Pro.

Vos applications seront personnalisables. Nous allons publier une page détaillant les guidlines à respecter pour créer les éléments graphiques que vous allez nous fournir. Cela consistera en une série d'images déclinées en différents formats : page de chargement, bannière, vignette par défaut, vignette iTunes, etc.
En suivant ces guidlines,  il sera très facile de réussir votre app.

Nous avons une capacité de production d'une centaine d'apps par mois. En revanche, nous ne maîtrisons pas les délais de publication chez Apple. Il faut espérer qu'il n'y ait pas trop de monde en vacances cette été à Cupertino ...

Inscrivez-vous sur http://apps.wmaker.net  


 

Aujourd'hui iPad est disponible en Europe. Nous avons acheté un premier iPad dès sa sortie à New York mais malheureusement il a été volé lors du transport. J'ai commandé un second exemplaire de l' iPad qui nous a permis d'effectuer une batterie de tests depuis début Mai.

Je ne vais pas vous écrire l'énième article sur l'iPad, je veux juste vous dire que c'est un super outil, c'est le plus simple ordinateur du monde. 

La contrainte principale de l'iPad réside dans le fait qu'il ne gère pas le Flash. Toutes les vidéos publiées sur le CMS utilisent un lecteur Flash, résultat aucune vidéo n'était lisible sur iPad. Nous avons modifié l'application pour qu'elle serve à la place des vidéos au format H264 compatible avec l'iPad.

Depuis quelque mois nous sommes spectateurs de la guerre autour du Flash et des formats vidéo.

Initialement nous utilisions les vidéos au format Flash (FLV) car notre player nécessite cette technologie.

Apple a refusé de supporter la technologie Flash dans l'iPad car c'est un gros consommateur de ressources machine ce qui réduit dramatiquement l'autonomie de l'objet. C'est tout à fait vrai, nous avons fait ce constat en réalisant des benchs sur notre player. Il était impossible de faire tomber sous les 40 % d'usage processeur sur MacOSX. Sur iPad le décodage vidéo utilise une puce dédiée au format H264 qui lui permet d'avoir une autonomie record. 

La nouvelle version HTML 5 supporte la vidéo de manière native (plus besoin de player) mais uniquement le format H264. FireFox (30% du marché) refuse d'intégrer la support de ce format car H264 n'est pas open source et libre de droit. Google a racheté ON2 une société américaine spécialisée dans les codecs vidéos et a rendu libre de droit VP8 qu'ils ont rebaptisé pour l'occasion WebM.

Tout cela nous oblige à créer les vidéos dans différents formats pour être sûr que votre site soit lisible sur chaque plate-forme. Le travail réalisé pour le nouveau produit WebTV nous a beaucoup aidé à proposer aussi rapidement un support iPad.

Il y a quinze jours, je me suis rendu à Berlin, l'équipe du CampusPlex m'a offert ce long Week End pour fêter mes 40 ans. A ce moment là, je préparais avec l'équipe le support de l'iPad sur WMaker et en passant devant une vitrine de la galerie dédiée à la Mésopotamie, j'ai eu un sentiment de total recul en voyant ses iPads qui avait 5000 ans .... 

Vous pouvez annoncer à l'ensemble de vos lecteurs que vos sites sont compatibles iPad dès à présent !!!!

Tous les sites WM possèdent une version Web Mobile pour iPhone. 

Elle est probablement la version iPhone la plus avancée parmi tous les CMS disponibles sur le marché.

Il existe une autre technologie qui permet une consultation du contenu depuis mobile.

Il s'agit des applications mobiles, appelée aussi Apps. 

Quels sont les avantages ?

Elles sont plus rapides car elles n'ont pas besoin d'un navigateur web pour être lues.

Elles gèrent très bien le mode Off line c'est à dire dans le cas on vous n'avez pas de réseau. Vous pouvez quand même accéder au contenu présent lors de la précédente actualisation.

Comment est distribuée cette application ?

Vous pouvez télécharger une Apps (application mobile) via iTunes depuis votre ordinateur puis synchroniser avec votre iPhone; ou encore plus simplement, télécharger directement depuis votre iPhone sur AppStore. 

Dans le cadre de notre partenariat avec Marianne2.fr nous avons conçu avec la société DuoApps une Apps iPhone.

Plus exactement nous nous sommes chargés de la partie serveur et DuoApps de la partie client mobile la fameuse Apps !

Voici le liens vers l'application Marianne2.fr. Elle a été téléchargé plus de 10 000 fois en 3 jours !

Nous travaillons avec DuoApps à la semi-industrialisation de la fabrication d'Apps iPhone. Cela vous intéresse ?

Avec un écran tactile, l'utilisation de son terminal mobile devient très intuitive.

Avec iPhone, on clique de moins en moins. On préfère plutôt déplacer  les objets de gauche à droite, de haut en bas, on carresse, on effleure ..... Bref, on prend l'habitude par exemple de faire défilier des photos d'une simple pichenette.

Il était impossible pour nous de ne pas proposer ce type de navigation dans vos galeries. C'est donc maintenant en ligne. Allez-y, testez, et appréciez ;)

Par ailleurs, nombre d'entre vous souhaitaient pouvoir afficher les copyright des photos dans la galerie mobile.  C'est désormais le cas. Il suffit pour cela de renseigner le champ "description" de la photo.

Nous avons décidé de mettre à profit la présence des accéléromètres de l'iPhone dans le webservice Agenda. Les accéléromètres permettent de savoir dans quelle position l'utilisateur consulte son iPhone (mode portrait ou mode paysage).

Dans l'agenda, en mode portait, nous affichons les détails de l'évènement. Si vous basculez iPhone en mode paysage, l'évènement et ses informations associées sont localisées sur une map (Google Map)

Si vous disposez de votre propre nom de domaine, il est nécessaire de renseigner la Google Key associée à votre version mobile (m.nomdedomaine.com) dans le menu DESIGN > Design mobile > Autres paramètres. Si vous avez besoin d'aide à ce sujet, merci de posez vos questions dans le support.

Notez enfin les nouvelles possibilités de mise en forme des évènements (mode portrait) :
- bords arrondis
- ombres

La page article a été modifiée. La nouveauté la plus visible concerne les tags. Ils sont désormais beaucoup plus lisibles et du même  coup ...... plus facilement cliquables :)

Pensez à paramétrer une couleur de fond pour vos tags, ce sera du plus bel effet (menu DESIGN > Design mobile > Page internes > Pages > Police > Tags)

Autre nouveauté. Désormais les vidéos YouTube embarquées dans vos articles se lancent directement dans le lecteur vidéo de iPhone. Nous avons gagné 1 clic. Souvenez-vous, auparavant, il existait une étape intermédiaire qui passait par une page web YouTube.

Cette page est devenue beaucoup plus agréable à consulter.

Vos utilisateurs connaissent désormais le poids du podcast. Une icone "Play" les invite à l'écouter.

Enfin, le titre du podcast s'adapte à la largeur de l'écran. Il y a plus de texte affiché si on tourne iPhone en mode paysage.

Cette gestion de la taille des titres est possibles grâce à l'utilisation de CSS 3

A chaque fois que nous le pouvons, nous utilisons du CSS 3 dans la version iPhone. CSS 3 ??? Retenez simplement qu'il s'agit d'un langage utilisé pour mettre en forme le contenu de vos sites.

CSS 3 permet de réaliser des effets très subtils. Par exemple, les bords arrondis, les ombres, le bouton retour extensible sont possibles grâce à CSS 3.

Notre dernière application en date concerne l'affichage des titres. En fonction de l'orientation de iPhone (portait ou paysage), nous affichons un titre plus au moins long. Ceci s'applique sur :
- le texte du module  bannière de titre (en page interne)
- les titres des rubriques à la une
- les descriptions des photos
- les titres des podcasts

Dernière chose, vous pouvez aussi personnaliser la couleur de la flèche "bouton retour".