La version 2.0 de Blogsy pour iPad arrivée il y a quelques jours apporte enfin la possibilité d’utiliser les images de l’iPad dans les articles. La version précédente ne disposant pas de cette fonction, je n’avais même pas tenté de l’utiliser malgré la liste des fonctionnalités et les avis plutôt enthousiastes.

C’est le bon moment pour donner une deuxième chance à Blogsy et le meilleur moyen pour cela est de l’utiliser en situation réelle. Je vais donc tenter de rédiger cet article en utilisant uniquement l’iPad.

Jusqu’à maintenant mon utilisation de l’iPad pour bloguer s’était limitée à la production de textes bruts (en utilisant le Markdown) avec Nebulous Notes, les textes étant ensuite repris sur Mac avec Scrivener et publiés via MarsEdit. Ce test devra confirmer dans quelle mesure il est réellement possible de bloguer uniquement avec l’iPad et quelles contraintes ou limites cela entraine.

Tout en un

Les jeunes concepteurs de Blogsy ont bien compris les limites des Apps existantes, en particulier l’App officielle WordPress pour iPad.

La rédaction d’un article nécessite d’utiliser plusieurs outils (navigateur internet, accès aux images hébergées, création de liens), ce que l’iPad ne facilite pas vraiment, sa gestion du multitâche ne permettant pas de passer rapidement d’une App à une autre. Et cela devient vite fastidieux de basculer sans cesse entre Apps pour récupérer un lien ou une image.

L’idée de Blogsy est donc de limiter ses allées-venues en intégrant au sein de l’App tous les outils nécessaires à la rédaction des articles. On retrouve donc, accessible à tout moment au sein de l’App, des liens vers les sites les plus courants d’hébergement photos et vidéos (Flickr, Picasa, YouTube) mais également un accès direct à la recherche Google images et surtout un navigateur qui permet de récupérer par simple glisser des images ou des liens.
Le flux de travail se fait donc quasiment exclusivement au sein de Blogsy.

Commencer à travailler

L’interface de Blogsy est plutôt agréable, toute en nuance de gris et de noir. On retrouve une barre de formatage classique et une barre latérale pour l’accès aux différents services intégrés :

Le panneau de réglage de l’article est complet. On y retrouve mêmes les statuts de publication et on peut indiquer la date et l’heure de publication souhaitée. A noter que les catégories et les tags sont récupérés de WordPress, il suffit alors de choisir dans la liste. Il est également possible d’en créer de nouveaux qui seront remontés dans WordPress au moment de la publication de l’article.

De façon assez étrange c’est ce même panneau qui permet d’accéder aux articles locaux ou de récupérer ceux de votre blog. Une petite déconvenue à ce propos : ce panneau étant inaccessible hors connexion, il est donc impossible d’avoir accès à ses articles stockés sur l’iPad si celui-ci n’est pas connecté à internet ! (bug remonté aux développeurs qui m’ont assuré qu’ils avaient prévu la modification dans une future version).

Enfin ce panneau permet de publier l’article sur votre blog dans le statut spécifié. L’autre moyen plus direct de publier est de faire un balayage de trois doigts vers le haut sur la zone d’écriture. Une fois publié, l’article disparait de la liste des articles locaux, pas de confusion possible entre une version locale et distante. Il faudra donc aller le chercher dans les articles distants pour le modifier.

L’éditeur de Blogsy

Quelques considérations sont nécessaires avant de commencer à écrire sur Blogsy. Je vous conseille d’ailleurs de consulter les tutoriels video car le fonctionnement est un peu atypique.

On dispose de deux espaces de traitement dans Blogsy : un panneau RichText et un panneau Write. Contrairement à ce que l’on pourrait penser le RichText ne sert pas à saisir en format texte enrichi et le Write en HTML. En fait toute la saisie s’effectue dans le panneau Write, le panneau RichText servant quant à lui à la visualisation et surtout à la mise en page (enrichissement du texte, ajout des images, vidéos et liens). On passe de l’un à l’autre par un simple mouvement de balayage de la page.

Voici ce que donne le panneau RichText (vous constaterez que je ne triche pas, c’est bien l’article que vous lisez que je suis en train de rédiger) :

Le panneau Write correspondant. A noter qu’il n’est pas toujours facile de savoir dans quel panneau on se trouve, la seule différence étant la couleur du texte et de la ligne en haut de l’écran (gris pour le Write, noir pour le RichText).

Comme vous le voyez, dès que vous avez inséré des liens ou des images (via le panneau Rich Text), le code HTML est inséré au milieu de votre texte ce qui ne facilite vraiment pas la lecture et l’édition du texte. Renseignement pris auprès des développeurs, il s’avère que c’est une limite de l’API WordPress qui ne permet pas pour le moment d’utiliser directement un éditeur de texte enrichi, il faut passer par HTML (cf. l’App officielle WordPress d’ailleurs). On espère que cela évoluera rapidement pour pouvoir faire de la saisie dans le panneau RichText et de l’HTML dans le panneau Write un peut à la manière de MarsEdit.

Ceci dit, vous pouvez écrire au kilomètre dans le panneau Write. Il suffit de séparer chaque paragraphe par une ligne blanche, Blogsy se chargera de le transformer en balise HTML de paragraphe au moment de la publication. La meilleure façon d’utiliser Blogsy est donc de saisir le texte de l’article dans un premier temps puis d’effectuer la mise en page, d’insérer les liens et les images. Manque juste le support de TextExpander pour faciliter la saisie.

Mise en forme et liens

La mise en forme du texte s’effectue classiquement avec la barre d’outils. Ces outils sont accessibles dans les deux panneaux, le panneau Write insérant alors les balises HTML autour du texte sélectionné. Une seule option n’est disponible que dans le panneau Write, il s’agit de la balise MORE qui permet de définir l’emplacement de la coupure entre l’introduction et le reste de l’article.

L’insertion des liens s’effectue sur le panneau Rich Text. La première possibilité consiste à sélectionner le texte qui devra apparaitre sous forme de lien, un menu link apparait alors. Il suffira de saisir l’URL du lien ou la copier depuis Safari.

L’autre possibilité est bien plus intéressante puisqu’il est possible de le faire sans quitter Blogsy directement à partir du navigateur intégré. Une fois la page à lier affichée il suffit de glisser l’icône de la barre d’adresse directement sur le panneau Rich Text en ayant bien sûr préalablement sélectionné le texte de lien.

Gestion des images et vidéos

La gestion des images a été particulièrement soignée. Là encore l’objectif est de pouvoir tout gérer depuis l’app.

On peut utiliser directement ses images ou video Flickr, Picasa ou Youtube tout simplement en naviguant dans ses albums et en glissant les images à l’emplacement voulu dans le texte. Le placement de l’image peut être fait plus précisément selon que vous glissez l’image à droite, au centre ou à gauche. Il est possible d’utiliser une main pour faire défiler l’article à l’emplacement souhaité pendant que l’autre main fait glisser l’image. A noter que la syntaxe HTML est totalement conforme au standard WordPress en particulier les alignements qui sont gérés via des classes (a l’inverse de MarsEdit qui oblige à retoucher le code HTML pour toutes les images intégrées… Grrrrr)

L’outil Google permet d’effectue des recherches d’images sur le net, là encore il suffit de glisser l’image. C’est le même principe avec le navigateur. Si une image au sein d’une page vous intéresse, il est possible de la glisser dans l’article, le lien pointera alors sur le site d’origine. Si vous souhaitez récupérer cette image en local pour pouvoir ensuite l’uploader dans votre hébergement, c’est aussi possible grâce à une zone de dépose qui apparait dans la barre latérale :

Enfin la dernière possibilité offerte est d’utiliser des images stockées sur l’iPad. C’est la fonction qui donne tout son sens à l’app même si son implémentation pourrait être perfectible. En effet l’utilisation d’images locales n’est pas réellement possible directement il faudra au préalable uploader ses images soit vers un des services de stockage (Flickr ou Picasa) soit sur son hébergement WordPress. Ainsi l’appui sur l’icône représentant le tournesol donne accès à l’interface de sélection et téléchargement des images locales, leur insertion dans l’article n’étant possible qu’après téléchargement :

Il suffit de sélectionner les images des albums de l’iPad et les glisser dans les enveloppes représentant les services ou vos blogs (pour ma part je n’ai configuré qu’un blog et un accès à un compte Flickr). Le téléchargement peut alors être lancé :

A noter qu’au moment de la sélection des images on peut effectuer une rotation, très pratique pour les copies d’écran de l’iPad qui sont systématiquement en mode portrait. Par contre il n’est pas possible de donner un nom à l’image ce qui est plus ennuyeux pour s’y retrouver ensuite dans ses images téléchargées (sans parler des considérations SEO). Si vous choisissez de les charger sur votre hébergement WordPress, elles seront placées dans l’arborescence du dossier upload en respectant le classement de WordPress par année et mois. Dès que les images sont téléchargées il est possible de les glisser dans l’article.

L’icône WordPress quant à elle permet d’accéder à l’ensemble des images qui ont été téléchargées avec Blogsy, y compris celles chargées pour des articles précédents. Par contre Blogsy ne donne pas accès aux images déjà présentes sur votre hébergement WordPress si ces images ont été chargées avec d’autres outils, que ce soit l’interface web de WordPress, un outil FTP ou un outil de blogging type MarsEdit. On aurait préféré une véritable gestion des fichiers hébergés à la manière d’un outil FTP. Cela permettrait en plus de pouvoir renommer ou supprimer ses fichiers directement depuis Blogsy.

Quelques outils complémentaires

Si Blogsy permet de traiter un article de A à Z grâce à l’excellente intégration des différents outils, certaines tâches vont nécessiter d’utiliser d’autres Apps.

Pour réaliser les copies d’écran j’ai utilisé Photogene. Après une longue recherche d’un outil permettant les opérations basiques pour gérer les screenshots (rotation, taille, annotation) Photogene s’est révélé celui qui s’en tire le mieux. En effet je n’ai pas trouvé l’outil idéal permettant en particulier de tracer des cercles, cadres ou flèches sur des images (pourtant un besoin basique). Photogene permet uniquement de créer des bulles avec flèches, mais c’est déjà un bon début. Pour le reste c’est un sans-faute, tout est prévu dans Photogene et d’une utilisation vraiment bien pensée : effectuer des rotations, recadrer des images au pixel près, retraiter l’image, ajouter des filtres. Les fonctions d’export particulièrement puissantes permettent de préciser la taille de l’image à enregistrer et les options de destination sont nombreuses : enregistrement en local, Flickr, dropbox, mail, FTP…

Le second outil indispensable est un outil FTP, Blogsy ne permettant pas de gérer les images chargées chez l’hébergeur. J’utilise iFiles pour son ergonomie parfaite. Je l’ai utilisé pour supprimer des images que j’avais chargées par erreur. On pourrait aussi envisager de l’utiliser pour renommer les fichiers images téléchargées mais cela nécessite alors de modifier le nom dans les liens des balises HTML. A réserver à ceux qui veulent vraiment donner un nom significatif à leurs images afin qu’elles soient plus visibles par les moteurs de recherche.

Au final

L’objectif fixé de rédiger entièrement cet article avec Blogsy est rempli. Je dois dire que l’outil m’a épaté par sa stabilité et son ergonomie particulièrement soignée. J’y ai même retrouvé des fonctions que j’aimerais avoir sur mon Mac dans MarsEdit.

La seule chose que j’ai dû retoucher sur l’article via l’interface web WordPress concerne les zones spécifiques liées aux plugins que j’utilise. Il s’agit en particulier des données du plugin All In One SEO. L’ajout de ces zones serait un plus (cf. ce que fait MarsEdit sur ce sujet).

Cependant on retrouve dans Blogsy la dualité de ses panneaux. Si le panneau RichText est un modèle d’ergonomie, le panneau Write pourrait être amélioré. En réalité on attend surtout la possibilité de saisir le texte enrichi dans le panneau RichText et réserver le panneau Write à la saisie HTML.

Pour finir, un résumé des points positifs êtres améliorations attendues. Mais qu’on ne s’y trompe pas, Blogsy est un produit trés réussi, certainement le meilleur de sa catégorie et en tout cas mon choix pour les futurs articles écrits depuis l’iPad.

Plus

  • Ergonomie
  • Navigateur intégré
  • Stabilité
  • Gestion des images et des vidéos complète et bien intégrée
  • Mode d’Insertion des liens astucieux
  • Prévisualisation des articles

Moins

  • Pas de recherche Google dans le navigateur intégré
  • Pas d’accès aux articles locaux si pas de connexion internet
  • Panneau RichText ne permet pas la saisie en WYSIWYG
  • Utilisation des images locales et upload perfectibles : pas de possibilité d’utilisation directe, pas de choix du nom du fichier, pas d’accès aux fichiers hébergés autres que ceux chargés avec Blogsy
  • Pas de support de TextExpander
  • Pas d’accès aux zones spécifiques des plugins WordPress