Hey folks!

I discovered this new project, Plumbr, that helps you track your memory leaks.

The project seems great and very useful, so I decided to give it a try.

And since I'm using Play! Framework mainly for my java project, I wanted a way to simply launch Play! with Plumbr.

At first, Play! is very easy to integrate java options, just take a look at that run command : (supposing your play env is in /opt/play/{version}/ and plubmr at /opt/plubmr/beta/

/opt/play/1.2.4/play run /path/to/play/app/ -agentpath:/opt/plumbr/beta/linux/64/libplumbr.so -javaagent:/opt/plumbr/beta/plumbr.jar -noverify

So I did a little shell script that will perform this command for a better simplicity, here it is :

#!/bin/bash
#
# Shell script (BASH) used to launch a PLAY! Framework project with Plumbr
#
# For more information, go to :
# http://www.playframework.org/
# http://www.plumbr.eu/

#
# Installation
# Customize the script according to your need. You need to setup :
# - The path to PLAY! Framework service
# - The path to Plumbr
# --------------------------------------------------------------------
# This is a free shell script under GNU GPL version 3.0 or above
# Copyright (C) 2005 ReFlectiv project.
# Feedback/comment/suggestions : http://www.reflectiv.net/
# -------------------------------------------------------------------------

PLAY="/opt/play/1.2.4/play"
PLUMBR_PATH="/opt/plumbr/"

# -------------------------------------------------------------------------
# Now, don't touch anything, it's for your safety! :)
# -------------------------------------------------------------------------

if [ $1 ==  "" ]; then
        $1 = "."
fi

ARCH_BIT="32"
if [ `uname -m` == "x86_64" ]; then
        ARCH_BIT="64"
fi

ARCH_OS="linux"
if [ `uname -s` == "Darwin" ]; then
        ARCH_OS="mac"
fi

$PLAY run $1 -agentpath:$PLUMBR_PATH/$ARCH_OS/$ARCH_BIT/libplumbr.so -javaagent:$PLUMBR_PATH/plumbr.jar -noverify

Hope this helps!

If you find bugs, don't hesitate to comment them, I'll fix it!

Permalink | Leave a comment  »

This post is just a quick reminder on how to start and use git for your project.

cd /path/to/your/git/repositories/ mkdir my_project.git cd my_project.git git --bare init

# create your project (we suppose it will be at /home/user/projects/my_project) cd /home/user/projects/my_project git init git add . git commit -a -m "First commit" git remote add origin ssh://user@server.com/path/to/your/git/repositories/my_project.git git push origin master

# create a .gitignore file at the root of your project containing those lines :
bin/
data/
dist/
logs/
test-result/
tmp/
modules/
eclipse/
.settings/
*.swp
.classpath
.project

And voilà !

Permalink | Leave a comment  »

I often find myself regularly having ideas about a new project and it's easy to get stuck in a infinite loop of

Permalink | Leave a comment  »

Hey!

(if you don't want to read the whole speech, just scroll down to the end)

It's been a long time since we didn't added a new post on our blog, and for a specific reason : we wanted to move our architecture to a better, robust blog engine (the previous one was made by ourselves, not so good idea!).

So we moved to Posterous!

The transfert wasn't so easy since we had to move our database structure to make it compatible to Wordpress, to export it after for Posterous. Quite a challenge, but we managed to succeed it!

Since we changed our blog provider, there is some things you need to take in consideration :

The blog is now located at http://blog.reflectiv.net instead of http://www.reflectiv.net/blob/. We setted up a permanent redirect from the old blog to the new, but some links aren't correct (we are working on fixing this).

We found out that we used 2 different Feed burner URLS (PLUS the one from our blog engine, eurk!) : http://feeds.feedburner.com/ReflectivNews and http://feeds.feedburner.com/ReflectivBlog

We changed these to be in one clean FeedBurner url, the one you will have access via our blog. The new url is : http://feeds.feedburner.com/reflectiv. Easy and clean!

So you need to update your bookmarks :

• The new url is : http://blog.reflectiv.net
• The RSS feed is now : http://feeds.feedburner.com/reflectiv

See you soon for some new refreshing post!

Permalink | Leave a comment  »

Comme tous les ans, j'écris un article sur l'évolution du projet Reflectiv ainsi qu'une petite réflexion personnelle. Cela fait maintenant 3 ans que c'est le cas (2008, 2009, 2010) et c'est un rite que j'aime prendre, qui permet de voir ce qui a été accomplit et ce qu'il reste à faire.

En commençant par un petit compte rendu sur l'année 2010, l'ensemble est mitigé: Nos trois principaux projets (Skual, GSpanel et le framework Catapult) n'ont pas très bien évolué. Skual et GSpanel toujours au stade de projet et le framework n'a pas vraiment été retravaillé depuis sa première sortie. J'ai tenté de le refaire de fond en comble, mais rien d'officiel n'en est sorti. Mais tout n'est pas perdu, j'ai l'idée de base pour un framework performant et complet, reste plus qu'à lier toutes les briques ensembles.

Durant cette année, nous avons aussi mis en place un nouveau projet, pendant la fuite de pétrole géré par BP. Le projet n'a pas duré très longtemps et n'a pas vraiment eu l'intéressement escompté. Tant pis.

De manière générale, le projet Reflectiv à tourné quelque peu au ralenti, principalement dû à mon stage de fin d'étude qui m'a pris beaucoup de temps et de disponibilité.

Mais tout n'est pas noir, notre projet Black-Frames se porte à merveille, avec plus de 800 visiteurs en moyenne et un pic prometteur à 1003 le 23 décembre!

Ensuite, le début de cette année s'annonce original puisque je me suis mis officiellement à mon compte, à temps plein. Cela signifie que je vais pouvoir vraiment m'investir dans nos projets. Mais qu'en est-il ?

Tout d'abord, mon fil rouge n'aura pas vraiment de rapport avec Reflectiv, donc je ne vais pas m'étendre ici, mais c'est LE projet sur lequel je travaillerais en priorité.

En parallèle, voici les 4 projets que nous allons tenter de mettre en place durant l'année 2011 :

• Une refonte de Reflectiv, avec l'externalisation du blog sur un service dédié
• Un redesign de Black-Frames, entre autres afin d'accueillir vraiment les images des visiteurs
• Probablement travailler sur Catapult
• Avec Antoine, on envisage de faire 1 design par semaine, avec HTML/CSS/JS, qui seront publiés sur ThemeForest (au moins au début). Si la vente marche très bien, pourquoi pas ouvrir une boutique à côté

Voilà pour ce premier article de l'année. Ce sera probablement le dernier sur cette plateforme, avant la migration vers la nouvelle version de Reflectiv. Nous n'avons pas encore de date quant à cette évolution, espérons juste que ce soit rapidement :)

Tous nos vœux de réussite pour cette nouvelle année, dans tous les domaines !

Permalink | Leave a comment  »

Ce coup-ci, c'est le blog de Zurb qui nous donne 6 conseils pour éviter les "barrages routiers" lors de la réalisation de site web, bien qu'à mon avis, ses conseils s'adressent à tout type de projets.

Dans cette liste, nous avons :

1. Pas de deadline claire
2. Perfectionnisme
3. Objectifs de lancement mal définis
4. Mauvaise gestion de planning projet
5. Un manque d'ingénieurie
6. Aucune interface client

En plus, l'article est bien détaillé et agréable à lire ! :)

Permalink | Leave a comment  »

L'article du jour nous viens du blog de Zurb, apportant 5 techniques permettant de critiquer une page web rapidement, simplement, et sans outils.

Les 5 techniques proposées sont :

1. Analysez ou vos yeux vont au chargement de la page.
2. Plissez les yeux, afin de voir ce qui ressort le plus de votre page.
3. Scannez la page diagonalement, partant d'en haut à gauche vers en bas à droite. (bien sûr, l'inverse s'applique dans certains pays).
4. L'astuce des "5 trucs" : regardez la page 5 secondes, puis fermez les yeux et indiquez les 5 poins qui vous ont le plus marqué.
5. Trouvez les intersections, les endroits qui attirent vos yeux.

Pour le 3ième point, je ne pourrai vous conseiller que le très pratique outil proposé par google : BrowserSize

Permalink | Leave a comment  »

Cet article est tout bonnement excellent !

Il liste les points essentiels caractérisant les bonnes technique à appliquer pour des expériences utilisateurs réussie, d'un point de vue d'un psychologue.

La plupart des liens disponible dans le document (et dont j'en fait une liste à la fin de cet article) sont des notions importantes à prendre en compte et à connaître pour tout ceux qui réalisent des interfaces utilisateurs. L'auteur à couvert une très grande majorité des points et l'article est simple et rapide à lire, malgré sa grande taille qui peut rebuter.

Je ne peux que vous le conseiller :)

Pour information, voici les points abordés :

1. L'Homme ne veut pas réfléchir ou travailler plus que ce qu'il devrait avoir à faire.
   • Faire le moins de travail possible.
   • Montrer des exemples.
   • Fournir des fonctionnalités que l'Homme a réellement besoin.
   • Fournir des valeurs par défaut afin de faire moins travailler l'Homme.
2. L'Homme a des limites.
   • Fournir les informations dont il a besoin au bon moment.
   • L'information doit être facile à trouver et à lire.
   • Utiliser des en-têtes et des petits blocs de textes.
   • L'Homme préfère des courtes phrases mais lis plus longtemps avec de longue phrases.
3. L'Homme font des erreurs.
   • Anticipez les erreurs pour les en empêcher.
   • Proposez un "undo".
   • Le meilleur message d'erreur est de n'en afficher aucun message.
   • Corrigez une erreur et indiquez ce que vous avez fait plutôt que montrer l'erreur
4. La mémoire humaine est compliquée.
   • Évitez de demander à un Homme de se rappeler de quelque chose entre différentes pages.
   • L'Homme ne peux se rappeler que de 3-4 choses en même temps max.
5. L'Homme est sociable.
   • Il utilise des technologies pour être social.
   • Ils copie ce que font les autres.
   • Ils se sent redevant si vous lui offrez quelque chose et attendez autre chose de sa part (comme remplir un formulaire).
6. Attention
   • L'Homme à tendance à être attentif à quelque chose de nouveau, différent.
   • L'Homme est facilement distrait. Il peux ne pas s'apercevoir de changement qui viennent d'avoir lieu devant lui.
7. L'Homme est un assoiffé de l'information.
   • L'Homme veux plus d'information qu'il peux en avoir.
   • L'Homme à besoin de feedback pour savoir ce qu'il se passe.
8. L'inconscient : travail en tâche de fond.
   • La plupart des tâches mental se font inconsciemment.
   • L'ancien cerveau et le cerveau émotionnel agissent sans le savoir conscient.
9. L'Homme se fait des idées d'une représentation d'un objet.
   • Les métaphores aident l'Homme à se faire une représentation mentale d'un objet.
10. Système visuel.
    • Les éléments qui sont proches sont censé être liés.
    • Les couleurs peuvent aussi indiquer des éléments qui vont ensembles.

Au niveau des notions apportées par cet article, on peux trouver :

• Progressive Disclosure
• Affordance
• Social Validation
• Mirror Neurons
• Framing Effect
• Gestalt Psychology : Prägnanz law
• Canonical perspective

L'article se trouve ici.

Permalink | Leave a comment  »

L'article du jour nous viens du blog Echoenduring, sur l'utilisabilité (il n'y a pas réellement de traduction pour "Usability").

Le post dresse une liste de 5 points à éviter lorsque vous réalisez des sites webs. Certains sont évidents, d'autres moins, et c'est toujours bon de faire un petit rappel !

1. Devinez ou le menu se cache ?
2. Menu déroulant non fonctionnels.
3. Page de contact introuvables
4. Pas de Favicon ou de titre
5. Navigation possible uniquement via le fil d'Ariane (Breadcrumb)

Permalink | Leave a comment  »

Le petit lien du jour qui fait bien plaisir, c'est la catégorie mobile > Android development du site Bookuter.com. La page recense de nombreux livres sur le développement d'applications sous Android, et ca, c'est toujours bon à avoir :)

http://www.bookuter.com/category/mobile/android-development

C'est court comme article, mais c'est le genre de lien qu'on est bien content de retrouver ensuite ;)

Permalink | Leave a comment  »

Jack Dorsey, le créateur, co-fondateur et chairman de Twitter a fait une intervention à la 99percent conférence pour parler des trois clés qui ont fait la réussite de son projet.

Au menu, dessinez votre idée, évaluez le temps adéquat et itérez comme des fou !

Une imagevidéo parlant plus qu'un long texte, je vous laisse écouter les conseils de Jack.

Permalink | Leave a comment  »

Je sais pas si vous avez remarqués, mais je suis fan des listes, genre 10 choses pour améliorer vos applications web, 5 points à ne pas manquer pour réaliser un produit efficace, etc.

La raison est simple :, je m'y retrouve dans ces listes. Oui, quand je les lis, je me rends compte que je connais/maîtrise/utilise certains points, mais aussi que j'en ignorais d'autres.

Ainsi, ça me permet de me situer dans mes compétences et de travailler de nouveaux points et/ou de corriger certaines notions.

Du coup, cet article ne dérogera pas à la règle, en vous proposant 5 points que, d'après Brad McCarty, chaque nouvelles application devrait faire.

Dans cette liste, on retrouve :

1. Remplir un vide.
2. Faire mieux.
3. Être simple.
4. Être attentif aux demandes.
5. Apprendre sur nous (nos comportements).

Encore un lien que je vous conseil donc d'aller lire en entier :)

Permalink | Leave a comment  »

Le site Michaelhyatt propose un article très intéressant sur les possibles raisons qui font que vous n'avancez pas sur un projet.

L'article est découpé en liste de 10 points dont je suis sûr que certains d'entre vous s'y retrouveront.

Comme à mon habitude, voici la traduction des 10 points présentés. Pour leur détails, je vous invite à vous rendre à l'article en question.

1. Trop de réunions.
2. Surfer sur le web inutilement.
3. Être dérangé par les notifications en ligne (Messagerie instantanée, email).
4. Autoriser les personnes à vous déranger sans l'avoir prévu dans l'agenda.
5. Être utilisé pour les choses urgentes.
6. Être un perfectionniste.
7. Refuser de déléguer.
8. Ne pas démarrer la journée avec une Todo liste.
9. S'imposer un temps limite de travail
10. Ne pas se réserver des temps de travail dans le planning.

Permalink | Leave a comment  »

Voici une petite image qui vaut bien plus que de longues explications sur les tailles prises en comptes par les principaux moteurs de recherche pour les balises html title, description et url :

De manière générale, je vous conseille les articles de Seomoz.org pour leurs conseils sur l'optimisation de vos sites.

Permalink | Leave a comment  »

Lors de la FOWA conférence qui s'est déroulée à Miami, Fred Wilson à présenté ce qui correspondait selon lui aux 10 principes essentiels à la réussite d'une application web.

Carsonified à publié la conférence de Fred Wilson sur Vimeo, et les conseils donnés par ce dernier sont très intéressants !

Pour information, voici les 10 conseils :

1. Speed
2. Instant utility
3. Voice
4. Less is more
5. Programmable
6. Personal
7. Restful (pas dans le sens software architecture)
8. Discoverable
9. Clean
10. Playful

Vous pouvez voir la vidéo ci-dessous ou lire directement le transcript.

L'article de blog dont fait référence Fred Wilson se trouve ici et je vous conseille aussi fortement de lire les commentaires (malgré le nombre rebutant), qui apportent eux aussi leur brin d'idée sur les autres points utiles à la réussite d'une application web.

Permalink | Leave a comment  »

Il existe de nombreuses pratiques pour développer du code propre, pérenne et accessible. Nommer la liste ici serait une perte de temps.

Parmi toutes ces lois, techniques et conseilles, la liste des 13 plus mauvaises pratiques appliquées à Rails soulève un point intéressant que l'on ne retrouve pas forcément dans les sites à base de Frameworks :

Chubby Controllers Must Die

There should be no business logic in a controller.

Read that again.

There should be no business logic in a controller.

Controllers do two things: they take data from the params or session and send it to the model. The MODEL performs all the necessary logic. Then, the controller does the other thing that's completely necessary: it decides what should be shown to the user. That's it. The sum total of a controller action is two steps long.

1. Send information to the model.
2. Decide what to display.

If you are doing ANYTHING ELSE in your action, you are doing it in the wrong place. The end.

Le problème n'est pas forcément le développeur, qui ignore cette pratique, mais aussi les créateurs du framework, qui, par l'absence de composants adaptés, force le développeur à mettre du code métier dans ses controlleurs.

J'apprécie particulièrement cette remarque qui soulève un point fondamental sur l'usage des frameworks et prouve que leur utilisation n'est pas le stade ultime en matière de développement efficace.

Ce n'est pas parce que vous utilisez un framework que vous faites les choses bien !

Permalink | Leave a comment  »

Nous considérons que le temps est venu de nous séparer de Black-Frames car ce dernier ne corresponds pas à nos objectifs en terme de projets.

Ainsi nous proposons l'acquisition du nom de domaine, des images, des sources et des différents scripts au plus offrant.

Voici ce que représente Black-Frames :

• Un site développé en Django (Python) avec une base de donnée MySQL
• Actuellement plus de 1100 images (et le nombre ne cesse d'augmenter)
• Un minimum de 100 visiteurs unique par jours
• Déjà plus de 18.000 visites depuis sa sortie le 20 août 2009
• Plus de 195.000 pages vues
• Une moyenne de 130 visiteurs par jours
• Une moyenne de 10.60 pages vues par visites
• Un temps moyen passé sur le site de 4 minutes et 17 secondes
• Et 43.07% de nouvelles visites

Vous pouvez nous contacter par email ou par téléphone, pour avoir plus de détails et/ou nous faire votre offre.

Permalink | Leave a comment  »

La réalisation de GSPanel avance tranquillement, et je bloque actuellement sur un point, donc j'aimerai votre avis.

Lorsqu'un utilisateur aura ajouté une machine, il devra ajouter des jeux. Au niveau structurel, la page d'ajout proposera au tout début une simple liste déroulante, contenant tous les jeux proposés. Une fois que l'utilisateur aura fait son choix, le vrai formulaire apparaîtra avec les valeurs adéquates (nom du jeu, version, dossier d'installation, etc).

Le problème est au niveau des jeux. A la base, je pensais que le mieux était de faire un fichier xml par jeux. Ce fichier contiendrait les informations suivantes :

• Nom (du jeu)
• Version
• Logo
• Chemin du script d'installation (sur nos serevurs)
• Liste de paramètres pour le script
• Chemin d'exécution du jeu
• Paramètres pour lancer le jeu (tel que port, ip, etc)

(d'ailleurs, si j'en oublie, n'hésitez pas !)

Le problème, est que pour afficher une liste de 50 jeux, il faudra parcourir 50 fichiers, et en plus ouvrir celui que l'utilisateur aura sélectionné pour récupérer les autres données, et cela à chaque fois que l'utilisateur affichera la page "Ajouter".

Ça peux vite devenir lourd !

Du coup, j'aurais deux solutions, mais j'aimerai vos avis (quelle solution serait la meilleure ? (d'autres propositions sont permises)) :

1. Faire un master file xml, qui contiendrait la liste des fichiers xml avec le nom du jeu (la liste affichera le nom et aura comme clée le fichier).
   Le problème avec cette méthode est qu'il faut mettre à jour le master file à chaque fois qu'un nouveau jeu est ajouté.
2. L'autre solution consisterait à tout mettre en base. On oublie complètement le chargement des fichiers xml dans ce cas. Là, le problème est que cette implémentation impose la création de trois nouvelles tables : les informations du jeu, les paramètres du script d'installation et les paramètres du jeu.

D'après vous, quelle serait la meilleure méthode, laquelle utiliseriez-vous ? Serait-ce la 1 ? la 2 ? ou une autre carrément plus adaptée ? :)

Merci de me laisser vos avis !

Permalink | Leave a comment  »

I like to use tab as separator for all my files (html/css/js) but it is recommended to use space tabulation for python files.

With netbeans, the problem is if you go in the preferences :

Tools > Options > Editor > Formatting

you can see the parameter "Expand tabs to spaces" when you are using "Language : All Languages" and "Category : Tabs and Indents" (Of course, I didn't checked this one in order to have tabs and not space).

But, now if you choose Python as Language, there is no "Tabs and Indents" category.

So by default, you had to choose to expand tabs to space for all your files in order to have the python files to work.

But I've found the solution to just using space for python files, and tab for the rest.

All you have to do is to add the following lines to the file

[Netbeans Installed Folder]/.netbeans/6.8/config/Editors/text/x-python/Preferences/org-netbeans-modules-editor-settings-CustomPreferences.xml

<entry javaType="java.lang.String" name="code-template-expand-key" xml:space="preserve">
        <value><![CDATA[TAB]]></value>
    </entry>
    <entry javaType="java.lang.Boolean" name="expand-tabs" xml:space="preserve">
        <value><![CDATA[true]]></value>
    </entry>

Restart your editors and that's it ! You can now have space for python and tabs for the rest of your script files !

Hope this helps !

Permalink | Leave a comment  »

Bon, je sais qu'avant de pouvoir utiliser HTML5 à fond, il va déjà falloir ne plus utiliser ie6, mais je ne peux pas corriger ce problème ! Il faut voir avec ces grosses sociétés ultra conservatrice qui utilisent le prétexte du "ca marchera plus" ... (bref je m'égare)

De toute façon, si vous pouvez le vérifier, vous verrez que nos sites ne fonctionnent pas pour ie6 (et pan dans tes dents). On va pas se prendre la tête a réaliser un site pour ie6, ce serait une excuse de plus pour ces entreprises, de garder papy.

Notre intérêt ici est de vous proposer la découverte du futur bijou du web (oui je sais, j'en fait beaucoup ;)), j'ai nommé l'HTML5. Si en plus, on peux y glisser quelques notions de CSS3, pourquoi pas !

J'ai gardé au court du temps plusieurs liens d'articles qui traitent d'HTML5, que ce soit en général ou traitant d'une partie spécifique. La liste est très longue, et couvre de nombreux domaines. Comme toujours, le meilleur conseil que je puisse vous donner est de pratiquer. Vous en apprendrez beaucoup plus !

Alors, j'ai essayé de ne garder que le meilleur des articles, afin de vous proposer la crème en terme d'information, que j'ai classé par thème. J'espère que vous trouverez ces liens utiles :)

Enjoy !

Général

• Quoi de mieux qu'une introduction à HTML5 :)
• Sitepoint.com nous expliquent comment utiliser HTML5 dès à présent.
• Quoi de mieux qu'une introduction au code html5 en douceur ?
• Enfin, un petit tour rapide des deux principales fonctionnalités attendues.

Tutoriaux

• Un bon tutorial sur l'agencement du code html/css
• Un article quasiment similaire pour ceux qui souhaite confronter les techniques.
• Deux des principaux nouveaux tags de l'HTML5 expliqués.
• Un très bon tutoriel sur comment réaliser une page en HTML5
• Dans la même optique, la réalisation d'un layout HTML5.

Formulaires

• Un article intéressant sur la validation de formulaires réalisés en HTML5 (avec l'usage des nouveaux champs)
• Un mini tutoriel très intéressant sur l'usage des nouveaux champs HTML5.

Vidéos

• Un article expliquant l'usage de la vidéo avec l'HTML5
• Quoi de mieux qu'un exemple concret proposé par Youtube ?

Drag&Drop

• Un tutoriel très intéressant sur l'usage du drag&drop avec HTML5
• Un autre tutoriel sur l'usage du drag&drop avec HTML5

Canvas

• Un très bon tutoriel (réalisé par Mozilla !) sur les canvas en HTML5.

Datasets/Storages

• Une petite introduction sur l'usage des datasets en HTML5
• Un article montrant l'usage de la sauvegarde de donnée en local via HTML5
• L'usage de l'utilisation du stockage de donnée en local expliqué
• Un autre article sur l'usage de la base locale avec sql.

Diverses ressources

• The Best HTML5 Presentations To Help You Get Started
• Great HTML5 Resources to Get You Start coding
• 70 Must-Have CSS3 and HTML5 Tutorials and Resources
• 25+ Great HTML 5 Resources to Get You Started
• Most Wanted HTML 5 Tutorials
• The Future of HTML 5

CSS 3

• Un aperçut de quelques nouveaux selecteurs CSS3
• Une introduction en 6 parties à CSS 3

Enfin, voici le petit cadeau de la fin, un lien vers le livre gratuit Dive Into HTML5, qui couvrira ce que vous n'auriez pas vu avec les précédents articles.

De quoi vous occuper pour un bon bout de temps ! :)

Permalink | Leave a comment  »