Gonzague

Tak suka wanita gemuk ! le blog de Gonzague.

Archive pour mars 2010

FTPix : 2 ans déjà !

Vendredi 26 mars 2010

Je viens de me rendre compte que ça fait un peu plus de deux ans que j’ai commencé à travailler sur FTPix à un rythme plutôt irrégulier. Quand je revois les images du début, je me dis que j’ai quand même parcouru pas mal de chemin.

ftpix 1.0

C’était simple, très simple. On pouvait  envoyer une image et régler son FTP. C’était lent car  je ne maîtrisais pas du tout les interface en Java, pas très stable et les miniatures étaient bien moches. Mais ça faisait son travail.

Ensuite on arrive à la 1.1, malheureusement je n’ai plus les screenshots mais globalement ça ressemble beaucoup à la 1.0 avec quelques ajouts vitaux comme la possibilité d’envoyer plusieurs images. Le tout avec encore beaucoup de bricolage pour faire un truc qui tient à peu près la route !

La 1.2 (je zappe les 1.1.x). On commence à avoir quelque chose de sympa, plusieurs FTP (ce qui à disparu depuis), les tags, drop box et tout le tin tin. À partir de la je fias une pause de quelques mois à cause de mon stage.

Une fois ce stage fini (et en vacances pour 2 mois pour revenir en Malaisie ensuite), je décide de sortir l’artillerie lourde ! La 1.3 . Beaucoup de nouvelles fonctions: des icônes pour rendre cette interface austère un peu plus sympa. Les fameuses galeries, la synchronisation avec le site du logiciel, multi-selection d’images, la totale ! Sauf que plein de nouveauté d’un coup signifie plein de bugs et de choses bancales surtout avec mon bricolage au niveau du code. Des galeries tout sauf ergonomiques et pratiques à utiliser, une synchronisation excessivement longue lorsqu’on a beaucoup d’image et une connexion un peu faiblarde (10 minutes pour synchro de Malaisie mes 800 images de l’époque) et qui, si elle plantait on perdait toute la liste d’images en locale et donc il faut la relancer. Bref un cauchemar pour moi. Logiciel lent et plantogène.

Cette version à été pour moi l’exemple même de ce qu’il ne faut pas faire. Mais faisait quand même tant bien que mal son boulot et heureusement car c’est la version du logiciel qui resta le plus longtemps depuis le début, c’est à dire plus d’un an parce que quelques mois après cette version je me suis vraiment rendu compte de la “bancalité” de la chose et que continuer à travailler dessus serait une horreur. Je me devais de tout recommencer si jamais je voulais continuer pour pas m’enfoncer dans le trou dans lequel j’avais déjà mis un pied.

ftpix fenetre principale

Faute de temps (taff prenant, vie perso) et de motivation voyant l’ampleur de la tâche  je n’ai jamais re-travaillé sur le logiciel.

Un beau jour de septembre 2009 je me lance. Je recommence tout. Avec un but: rendre l’utilisation du logiciel agréable ou tout du moins plus agréable que la 1.3, ce qui ne devrait pas dur. Deux mois de dur labeur et quelques moments de rage plus tard, je parviens enfin à sortir la 2.0

ftpix 2

Pas de galeries mais ça fonctionne bien !

Je vais pas vous refaire un historique de la version deux, c’est assez frais pour que vous puissiez aller les lire dans mon blog. Avec quelques dérives que j’ai évité (je m’était retrouvé avec un menu à 7 icônes, c’est beaucoup trop) et celles que j’ai pas évité (les slideshows dont je ne suis pas du tout satisfait, qui vont bientôt être refaits). Le reste c’est tout bon, c’est fluide ça fait ce qu’on veut. Il n’y a plus trop de bugs vraiment gênants ou alors personne ne me les a rapportés.

Tout ça pour dire que j’ai vraiment aimé développer ce logiciel, j’ai appris énormément de choses surtout au niveau de comment faire une interface graphique agréable et fonctionnelle mais ce n’est pas encore parfait il y aura toujours des petites choses à faire. Maintenant que le gros à été fait j’ai plus de temps pour me concentrer sur les petites choses, les petits ajustements pour une expérience utilisateur la plus agréable possible.

Maintenant que le logiciel est dans l’ensemble présentable, je me concentre à essayer de le faire connaître mais c’est loin d’être facile. Le soft n’étant pas destiné à tout le monde car peu de monde à vraiment besoin de ça. Il faut deux conditions pour que quelqu’un l’utilise, disposer d’un FTP (ça réduit déjà pas mal le nombre de cibles) et de vouloir y mettre ses images pour son site web / forums qu’on visite (il ne reste plus grand monde) mais ça ne m’empêchera pas de persister. Depuis le mois de mars, le nombre d’utilisation du logiciel à fortement augmenté ce qui est plutôt bon signe.

Pour finir, rien à voir avec le sujet de l’article ou presque. L’icône du soft à pas mal été critiquée et pas qu’en bien. Ce que je comprends car je ne suis pas fan non plus. Quand j’ai appelé à l’aide, je n’ai eu aucune participation. J’essaie donc de pondre quelque chose, voilà où j’en suis :

Les photos sont les mêmes, les sont ombres coupées ça je suis au courant et j’ai “volé” la terre dans un tuto photoshop donc pas la peine de dépenser votre énergie à critiquer cela.

Des photos réelles ne sont pas super adaptées au logo de la terre, peut être que des images style wallpaper style Section abstract de deviantart seraient plus appropriés mais je n’ai aucun talent pour faire ce genre d’images.

ftpix icon ftpix icon ftpix icon

Bisous.

EDIT: J’en profite pour faire péter une nouvelle CSS

Une grosse version que voilà !  Le changelog le plus long depuis la version 2.0 on va donc détailler un peu.

Si vous avez la flemme de lire, direction le site de FTPix pour télécharger la dernière version. C’est toujours dispo pour Mac Os, Windows et Linux

On va commencer par la plus grosse nouveauté: FTPix se met à jour automatiquement grâce à un auto-updater. Il est toujours en test et donc pas activé par défaut. Pour l’activer direction les préférences. Petit bémol, pour l’instant je l’ai désactivé sur Linux car je n’arrive pas a résoudre un problème. Malheureusement vous ne pourrez vous en servir qu’a la prochaine release !

ftpix 2.3.3 updater

Ensuite vient l’interface :

- Miniatures: Comme expliqué dans les deux précédents articles, j’ai refait les miniatures des images et celles des galeries je vais pas en reparler.

- Ajout d’animations: J’ai mis en place de petites animations dans les préférences et dans les galeries. Ces animations interviennent lors du changement de panneau à afficher. Ca bouffe une mini plus de ressources mais ça permet de cacher les “bugs” visuels qui peuvent arriver lors de ce fameux changement lorsque par exemple l’appli à un coup de mou au moment où on change de panel, ça fait une sorte de transition pas terrible, du coup avec ces animation c’est moins flagrant.

- Shit + Clic: J’ai enfin mis en place un shift + clic  sur la liste des images. Je suis d’ailleurs étonné que personne ne m’avait encore fait la remarque. On peut maintenant utiliser shift pour sélectionner toutes les images entre une image déjà sélectionnée et une autre image. Bref, le comportement que ça aurait dû avoir dès le début.

-Command + clic: Sur mac le command+clic marche maintenant.

- Reconstruction de la liste d’images/galleries: Certains auront peut être remarqué que dès qu’on change un malheureux tag d’image ou qu’on édite une galerie, les deux listes sont reconstruites. c’est chiant et ça consomme de la ressource. Hop on vire ça les listes sont reconstruites uniquement en cas d’ajout/suppression/synchronisation. Quand il y a du vrai changement en fait.

- L’item de menu “annoter” se désactive lorsqu’on à sélectionné plusieurs images.

- Galeries: on ne peut plus copier/coller une adresse de galerie vide, le scroll de la liste des galeries est maintenant à la même vitesse que celui des images.

Ici une image du shift clic pas du tout représentative:

ftpix 2.3.3

Et ici les nouvelles miniatures de galeries :

ftpix 2.3.3

Puis le coté fonctionnement du logiciel qui subit quelques modifications :

- Test FTP: En discutant avec Caroline dans les précédents article à propos de son problème pour configurer le FTP, j’ai donc ajouté des erreurs à afficher lors d’un test du FTP. Maintenant est affiché si le login/mot de passe n’est pas bon ou si l’URL n’est pas bonne. Pour ce dernier c’est très simple si j’arrive à me connecter au FTP j’envoie un fichier bidon et test si l’url de ce dernier donne pas un 404 puis je l’efface.

ftpix 2.3.3

- Transparence PNG: je m’en suis rendu compte que très récemment mais les miniatures générées d’un png contenant de la transparence ne passe pas, on avait le droit à un beau noir bien moche en fond. C’est donc réglé.

- Gif Animé: J’affiche désormais une miniature pour les GIF animés. Avant ça donnait une image noire, voir qui n’existe pas (404) maintenant je fait une miniature avec la première frame du GIF.

L’application à pris du poid à cause de deux librairies indispensable pour travailler les GIF on passe donc de  1.5Mo à 3.5 Mo.

En téléchargement sur www.ftpix.com

FTPix : Au tour des galeries.

Dimanche 14 mars 2010

Dans ma quête de rendre l’interface plus sympa, après les miniatures d’images je suis passé aux miniatures des galeries.

Quand j’avais fait les galeries je ne savais pas trop quoi faire comme type de miniatures j’ai donc pondu un truc en vitesse car certains me pressaient pour avoir ces galeries ! J’avais une idée en tête mais je ne l’avais pas faite. Je reviens donc à la charge avec des miniatures comme je les souhaitaient dès le début.

Dans la version actuelle disponible, seule la première image de la galerie est affichée avec 2 autres photos vides… ce qui rend bizarre je trouve. De plus, c’est trop bien ordonné ça ne me plaît pas tant que ça alors qu’une galerie est un tas d’images je voulais donc avoir cet effet de tas ! Ce à quoi je pense être pas mal arrivé. J’affiche donc un tas des 10 premières images de chaque galerie.

En l’état actuel, ça ressemble à ça :
ftpix galleries 2.1 galeries

Maintenant c’est plus dans ce style:
FTPix ftpix 2.3.3 thumbnails gallery galleries galeries

ou encore :

FTPix ftpix 2.3.3 thumbnails gallery galleries galeries

Alors pourquoi deux images ? Les plus observateurs remarqueront que les images en dessous de la première sont disposées aléatoirement. Ça rends pas trop mal le petit coté bordel que je recherchais.

Niveau performances, c’est quasiment la même chose. Voir mieux. Avant s’affichaient une image de fond et une miniature par dessus. Maintenant une seule image est dessinée. Au moment de créer les composants miniatures je crée une image temporaire en superposant chaque image affichée et je l’affiche. Donc on perd un peu de temps à la création des composant mais on en gagne lorsqu’ils sont repeints (CàD lorsque la fenêtre est re-dimensionnée, déplacées ou lorsqu’on scroll). Forcément la mise en cache est un peu plus longue car il faut télécharger 10 miniatures au lieu d’une (ça reste dépendant de la connexion de l’utilisateur. Une miniature fait en moyenne 4Ko pour une image format 4/3). Mais je pense que personne ne s’amuse à vider son cache toutes les 5 minutes à part moi pour tester.

J’ai également ajouté une petite animation lors du clic car je trouvais ça un peu embêtant. On savait pas trop si on avait bien cliqué ou non.

J’ai fait comme d’habitude une petite vidéo de démo que voici :

YouTube Preview Image

Pour finir tout petit changement au niveau des miniatures images,  la bordure des images sélectionnées est désormais un tout petit peu différente.  J’ai simplement ajouté un dégradé, c’est moins agressif comme cela.

ftpix 2.3.3 border

L’auto-updater quand à lui est prêt, j’ai pas noté de bugs particuliers, à par sous linux mais j’essaie d’y travailler. De toutes façon si l’updater n’est pas présent dans le dossier du logiciel lors du pop up de mise à jour il propose d’aller sur le site comme avant.

C’est tout pour aujourd’hui !

Bisous

Sur cette mauvaise tournure de titre sûrement mal écrite, je vais vous parler de ce qui va arriver pour FTPix.

Dans mon précédent billet sur le sujet, j’avais parlé d’une idée que j’avais en tête dont je vais pas encore parler car pas le temps de la mettre en place pour le moment. J’avais également parlé d’améliorer l’interface, de la rendre un peu plus sympa à utiliser. C’est sur quoi je me penche pour le moment car ça ne prend pas tant de temps que ça et j’aime beaucoup travailler là-dessus.

Donc ce sur quoi j’ai travaillé aujourd’hui c’est tout bête mais ça donne une impression de fluidité à l’application (il y a quand même un petit coté utile). Cette petite modification c’est que maintenant j’ai viré le cadre de fond noir (que je trouvais immonde à force) des miniatures et je leur ai ajouté une petite bordure.

Avant:

ftpix 2.3.3 avant apres before after

Après:

ftpix 2.3.3 avant apres before after

Pour en finir avec ce fond noir, j’ai fait une petite image de fond (encore sujette a changement) qui va se loger à la place du gif de loading du web 2.0. J’ai couplé tout cela à une petite animation  pour la transition vignette par défaut -> vignette de l’image et ça donne un truc sympa.

En image (J’ai pris le screen pendant le téléchargement de miniatures après avoir effacé le cache sinon les miniatures s’affichent instantanément):

ftpix 2.3.3 new thumbs smooth

Je parlais d’une petit utilité à ce fonctionnement même si c’est surtout parce que je ne y avais pas pensé au début. On peut maintenant voir si une image donne une erreur 404 ou non (bien sûr il faut rafraichir le cache pour le voir).

Vu que ça rend quand même mieux en mouvement, voila une petite vidéo (Visible en 720p sur youtube). Malheureusement la vidéo n’est pas très fluide :

YouTube Preview Image

Pour en finir avec cet article, la prochaine version contiendra un auto updater qui lorsqu’une mise à jour sera dispo le logiciel proposera de télécharger la mise à jour et de l’installer plutôt que d’aller sur le site.

ftpix 2.3.3 auto updater

Cet fonction va demander beaucoup de tests car si je fournis un truc qui ne marche pas ou mal, plus personne ne pourra faire de mises à jours… Ce serait bien embêtant…

Je reparlerais de tout ça bientôt, quand ce sera prêt !

Bisous.

J’en avait parlé dans un article plus tôt.

J’ai finalisé en vitesse tout ça pour avoir quelque chose de présentable. Un site web avec.

C’est disponible sur Mac OS / windows / linux.

C’est toujours du java, c’est pas très bien optimisé car soft fait en un ou deux jours mais ça peut toujours rendre service (à moi en tout cas).

EDIT: Nouvelle version, avec une barre d’état où les coordonnées de la souris sont visible

xyw screenshot

xyw screenshot

Bodega: Un appstore pour Mac

Mardi 2 mars 2010

Je suis tombé sur ce logiciel pas mal du tout qui marche comme pour l’appstore iPhone mais pour les applications Mac.

bodega

C’est très simple, il y a des catégories, des menus pour voir les applis du moment et un système qui gère les mises à jour (pour les applications présentes sur le store) :

bodega

On peut télecharger les mises à jour directement à partir du logiciel et il les installe automatiquement pour certaines, il faut le faire à la main pour d’autres… L’interface est plutôt sympa si on fait abstraction de ce store hideux qui bouffe de la place pour rien. Il faudrait encore pas mal  d’optimisation, c’est assez lent lorsqu’on navigue dans les applications.

J’ai soumis FTPix sur ce store, on verra si ça vaut le coup. On peut bien sûr y mettre des applications gratuites ou payantes. Ils ne prennent aucune commission et soumettre une application est gratuit.

Ca se trouve ici: http://appbodega.com/

P.S: FTPix est passé à la version 2.3.2, pas de gros changements, corrections d’un comportement chiant (pour les champs numériques genre taille des miniatures persos) et changement du skin des scrollbars pour la version Mac.

http://www.ftpix.fr