Plugin PluXML: Plinstagram...

Le souci avec les CMS en général - et pluXML en particulier - c'est l'usage sur mobile: poster un article, même rapide ou schématique, reste un parcours du combattant dès qu'on doit se passer du combo clavier-souris-grand écran.

Le temps que tu passes d'un champ   à l'autre et que tu les remplisses   malgré un clavier qui te bouffe l'écran   ou qui a des touches trop petites,   le token a expiré...

Par conséquent, adieu le post vite fait façon microblogging, goodbye la petite photo partagée fissa sur insta, arrivederci le meme envoyé aux copains vite fait sur le gaz...

Mais ça, c'était   AVANT...

Tu proposes quoi, cousin ?

Je me suis penché sur la question avec le cahier des charges suivant:

  • facile à utiliser et clair sur mobile
  • possibilité de poster une ou plusieurs photos
  • possibilité de poster une photo capturée via la caméra (façon insta)
  • redimensionnement automatique des photos côté client: parce que poster des tofs de 10Mo en 8K avec des réseaux 3G, je vois pas l'intérêt
  • pourquoi pas des filtres comme sur «insta»
OK,   on y va

Le plug-in

Une fois activé le plugin ajoute:

une catégorie Plinstagram

Capture du 2022-02-22 14-25-58.png

un lien sur la page de profil, un peu comme le bookmarklet de Weblinks. Ce lien est celui de la page servant à poster dans la catégorie Plinstagram.

Capture du 2022-02-22 14-18-12 copie.jpg

une page de configuration du plugin (très sommaire, je l'admets).

Capture du 2022-02-22 14-18-41 copie.jpg

On peut y configurer notamment la taille maximale des photos (par défaut 1200px)

Le lien pointe vers une page générée par le plugin

Capture du 2022-02-22 14-19-26 copie.jpg

On y retrouve un placeholder d'image sur lequel cliquer pour sélectionner des images à envoyer ou prendre une photo. La première photo devient automatiquement la photo de titre et les autres figureront à la fin du post sous forme de galerie minimaliste.

A noter :

  • si vous voulez placer en titre une autre des images sélectionnées, il suffit de cliquer dessus.
  • les photos sélectionnées sont automatiquement redimensionnées pour ne pas dépasser la limite fixée en config.
  • lors de la capture d'image via l'appareil photo sur android, l'orientation de la photo est parfois... fantaisiste.
  • vous pouvez choisir de créer le post mais sans le publier en cliquant sur la disquette
  • si vous allez sur la page de post sans être loggé, Plinstagram redirige vers la page de login puis revient sur la page de post automatiquement après identification.
  • quand vous êtes en train de taper le titre du post, un appui sur la touche entrée donne le focus au textarea dessous (une manip de moins sous android)
  • petit truc en plus, comme le redimensionnement passe par canvas, les données exif sont virées des photos

Capture du 2022-02-22 14-44-54.jpg

Vous pouvez sélectionner un filtre à appliquer sur [toutes] les photos

Capture du 2022-02-22 14-45-53.jpg

Capture du 2022-02-22 14-46-24.jpg

Oui  je sais  ce sont les mêmes filtres que  j avais fait pour  Quicomic  .png

[*] qu'une seule personne a pu tester ce qui fait de cette BD une private joke.

Au final ça donne ça

Avec ma maquette, hein... je vais pas tout faire non plus !

Capture du 2022-02-22 14-54-21.jpg

Conclusion

Il reste sans doute plein de trucs à améliorer (gestion de la rotation des photos, maquette, test sur tous les supports etc) et des bugs à débusquer (j'en ai trouvé un pas méchant en écrivant ce billet) mais, selon le dicton favori des programmeurs:

Chez moi ça marche impec'

Le lien

Le bidule est dispo sur mon repositorix : https://repo.warriordudimanche.net avec le lien direct vers le zip : https://repo.warriordudimanche.net/ZIPFILES/Plinstagram.zip

✍ Écrire un commentaire

les commentaires relevant du SPAM seront filtrés et dégagés direct...

Quelle est la troisième lettre du mot xando ?