Qu'est-ce qu'on fait dans le train ? (épisode 2)

Non non non je ne suis pas mort :)
Et en même temps comme les deux seuls lecteurs qui me suivent sont des amis et qu'ils me voient connecté sur msn toutes la journée, je suppose que leur esprit logique devait s'en douter.

Depuis que je suis en charge de la conception et de la réalisation d'applications web, il y avait un sujet qu'il me semblait ne pas avoir suffisamment exploré pour pouvoir proposer aux utilisateurs finaux un site efficace et agréable à l'utilisation. Bref, en un mot un site ergonomique.



Pour approfondir le sujet je me suis tourné vers le livre d'Amélie Boucher, consultante en ergonomie, titré "Ergonomie web".

Au moins le ton est donné, l'auteur aborde l'ensemble des problématiques ergonomiques liées au développement web. Tant au niveau des sites classiques type site corporate, qu'au niveau des applications web type CRM ou ECM ;).
Le programme est donc relativement dense puisqu'il va de la prise de conscience de l'importance de l'ergonomie pour ceux qui avaient encore un doute, à la méthodologie à mettre en œuvre pour obtenir des applications web ergonomiques.

Personnellement, je trouve ce livre très clair, ce qui est plutôt bon signe pour un livre de ce genre. Il est de plus très complet ce qui devrait non pas faire de moi un expert en ergonomie, mais me sensibiliser à cette discipline si souvent négligée.

Je pense honnêtement que c'est le genre de livre auquel nous devrions tous jeter un œil au moins une fois.
Ce dont je me suis rendu compte depuis que j'ai commencé la lecture de ce livre, c'est que beaucoup de gens parle d'ergonomie sans vraiment savoir ce que c'est, ce qui, je dois l'avouer, était sans doute mon cas auparavant.

En conclusion un bon livre pour les jours de grèves comme aujourd'hui :)

Saving canvas data to image file

J'utilise pour le site client de mon entreprise la librairie flot qui me permet de générer des graphiques coté client. C'est super intéressant pour la réactivité et l'interactivité mais cela peu poser problème si l'utilisateur veux sauvegarder son graph pour une présentation par exemple.

Heureusement il existe une librairie javascript qui va vous permettre de convertir ces images canva en png. Vous pourrez trouver cette librairie ici

MAJ : Petit bémol, cela ne marche pas sous IE.

Mise en ligne du nouveau site web climpact

Comme je le vous disais récemment, une de mes premières missions en arrivant chez climpact était de réaliser la nouvelle version de notre site corporate.

C'est désormais chose faite et vous pouvez voire le résultat à cette adresse www.climpact.com.


Techniquement, ce site est construit sur la solution Joomla! en version 1.5. C'est un environnement très agréable pour travailler et vraiment super intuitif. Je vous le recommande chaudement.

Le design a été fait par un webdesigner indépendant. Vous pourrez trouver d'autres exemples de sont travail ici. C'est typiquement le genre de site pour lequel il est nécessaire de faire appel à un professionnel du webdesign. Ce dernier à parfaitement su répondre à nos attentes tant en matière d'écoute que de créativité.

La partie internationalisation est assurée par le plugin Joom!Fish, qui est actuellement la référence en matière de module de traduction pour Joomla!
Il vraiment très complet et vous permet de traduire absolument tout les éléments du site. Petit plus il s'intègre parfaitement à l'interface d'admin Joomla! et est lui aussi très intuitif. Une demi journée suffie pour l'installer et apprendre à s'en servir pour une utilisation normale.

La production de contenu est assurée par un rédacteur qui chapotte plusieurs auteurs, qui sont issues du marketing, du service client et du service commercial.

Je suis assez content du résultat obtenu et j'espère qu'il plaira au plus grand nombre.

[bubltek] Etape 1 : Installer drupal

Maintenant que je dispose de toute l'infrastructure pour développer mon application, je peux passer à l'étape d'installation du CMS / CMF drupal.

J'ai commencé par télécharger la dernière version stable que vous pourrez trouver ici, dans mon cas la version 6.4.

Une fois l'archive décompressée dans le répertoire /www/ de mon serveur chez ovh, je me suis connecté au site pour lancer le processus d'installation. Celui-ci est relativement court et ne devrait pas vous poser problème. Il suffit de lire les instructions et en 5 min l'installation sera effectuée.

Après avoir fais le choix de la langue d'installation, dans mon cas l'anglais, l'installeur vous demande de copier le fichier ./sites/default/default.settings.php vers ./sites/default/settings.php avant de continuer.

Une fois fait, vous devrez renseigner les informations de connexion à la base de données.


Enfin l'installation se termine par la création du première utilisateur, qui sera forcément celui du super administrateur.

Pour terminer voici la configuration spécifique liée à mon serveur ovh :

• Pour bénéficier des url propres j'ai du décommenter la ligne suivante dans le fichier .htaccess
  

# RewriteBase /

• J'ai du ajouter les lignes suivantes dans le fichier .htaccess
  

SetEnv REGISTER_GLOBALS 0 # Pour plus d'info voir ici.
SetEnv ZEND_OPTIMIZER 1 # Pour profiter de l'optimizer zend
SetEnv PHP_VER 5 # pour profiter de php 5

Pour finir j'ai archiver le répertoire /sites de drupal sous svn. C'est dans ce répertoire que se feront la majorité des développements spécifiques.

Prochaine étape : Premières lignes de codes et structure de la BDthèque

Google actualité donne des infos currieuses

Google actualité c'est bien. On y obtient des infos pertinentes, notamment sur la vie sexuelle de notre cyclope (front) national. Et oui, en théorie, ce soir, il va prendre :D

[bubltek] Etape 0 : Installer un environnement de développement

Avant de pouvoir commencer à développer, il me fallait un environnement de base pour travailler. C'est ce dont je me suis occupé cette semaine. Oui je sais une semaine pour installer un environnement de développement ça peu paraitre long :P. Mais comme je vous le disais je fait avec le temps disponible :)

Au final voici une liste de ce qui a été mis en place :

• Un serveur de source

Je ne reviendrai pas sur l'utilité d'un serveur de sources, je dirais juste qu'en avoir un c'est bien, ne pas en avoir c'est mal :).
Le mien sera un serveur svn. La meilleur solution à mon sens, est d'éviter une installation pénible et d'opter pour un hébergement gratuit. Après une courte recherche, j'ai choisi l'offre personnal svn hosting de chez EZ subversion. Ce qui m'a attiré dans cette offre c'est surtout la grande capacité d'hébergement (200 Mo). Sachant que drupal doit faire dans les 8 Mo initialement, les offres à 10 Mo me paraissait un peu light.
A moi les joies de la synchronisation :)

• Un serveur Web

Outre les serveurs locaux dont je vais me servir pour le dev, j'avais besoin d'un serveur de recette / prod accessible 24/24.
De ce coté pas de surprise, je suis resté en terrain connu en souscrivant à l'offre start 1G de chez ovh. La raison principale qui m'a décidé est simple. Ma société passe déjà par ovh pour certaines de nos applis. Je connais déjà
un peu cet environnement, ce qui m'évitera de trop me prendre la tête avec sa configuration.
Pour accéder à ce serveur, je me sert du nom de domaine que je possède déjà à savoir webexplorateur.com. Désormais le www.webexplorateur.com pointe toujours sur ce blog, mais le http://webexplorateur.com pointe sur le serveur de recette. J'aurais préféré utilisé un sous domaine comme bubltek.webexplorateur.com à la place, mais c'est visiblement impossible avec mon offre. Si toutefois vous avez une idée pour arriver à ce résultat ...

Mon installation d'environnement est terminée. coté IDE, pas besoin d'installer quoi que ce soit. J'utiliserais mon eclipse préféré avec les plugin SVN et Aptana.

Et voilà le plus dur est fait, il ne reste maintenant plus qu'a développer l'appli. Facile non ? ;)

Prochaine étape : l'installation de drupal

[bubltek] Au départ il y'a l'idée

Comme c'est habituel chez moi j'ai toujours 36 envies qui me taraudent en même temps.

Je voulais vous présentez drupal et ce que l'on pouvait en faire. J'ai aussi envie de monter un petit site histoire d'avoir une bonne vision des tenants et aboutissants de ce genre de projet ( et qui si possible arrondirai mes fins de moi ;)). Et tout ça en continuant de publier des billets sur ce blog.

Pour pouvoir satisfaire toutes ces envies, je vais me servir de ce fils conducteur que sera la création d'une application web grand public, pour à la fois vous donner des éléments sur drupal, sur lequel je me baserai pour monter mon appli et plus généralement sur mes retours d'experiences sur tous les points inhérant au lancement de ce genre de site. Ceci me permettra dans le même temps de profiter de cet espace d'échange pour solliciter vos avis et vos conseils.

Voici quel sera l'idée de base. Certains le save je suis un grand fan de BD. Hors à part BDGest qui s'installe en local et qui est payant, je n'ai pas trouvé de site permettant de gérer un collection de BD qui me convienne. J'ai donc décidé de développer le mien.

Voici les caractéristiques que je voudrais que le site ai :

• Gestion d'une collection de BD (Bah oui c'est le but quand même) de façon simple.
• Base de connaissances étendue
  
• Multi-utilisateurs
• Pages nouveautés
  
• Alert des BD parues dans une collection que je suit
• Fonctionnalités de classements (Les plus suivies, les mieux notées, ...)
  
• Dimension sociale avancée (Voir les BD qu'ont aimés mes amis)
• Ergonomique et élégant
  
• Possibilité d'acheter des BD à travers le site.
• Et surtout gratuit ;-)
  

Pour le reste on va se la jouer agile et on complètera le cahier des charges au fur et à mesure. Pour le nom, je l'appelerai pour le moment bubltek.

J'espère que je serai suffisemment motivé pour aller au bout.