But, obviously, it gets a little bit trickier when you have to add several links to an image. Moreovre, people are nowadays using a lot of  Content Management Systems (CMS) to help in developping websites. I personnaly use Joomla a lot, and this article will explain how to add an efficient Search Engine Friendly (SEF) Image Map navigation system for Joomla.

Creation of Image Map

In order to easily create image maps with Joomla, I installed a plugin for TinyMCE. You can find it on it’s google project’s page a version for :

• Tiny MCE
• FCK

In order to use it, just follow their instructions for installation, and, when you edit an image, click on the new button that has been created. It will open the imagemap plugin.

Creation of a menu system

In order to have a coherent navigation system with Joomla, I mean, to have a coherent SEF strategy, you have to create a unique link for each page.  In order to have a unique link for your content, the only solution is to use Joomla’s menu system. If you need to create two links for the same item, use an “alias” for the second one, in order to prevent duplicate URLs.

You could have avoided this menu creation if you don’t care about Search Engine Optimization (SEO), but my recommandation would be to follow the following steps.

This trick (of always using Joomla’s menu system) will allow you to publish coherent and working breadcrumbs. You won’t have the famous menu vs category dilemma.

Creation of links from article to Joomla content

The creation of SEF links with google when the SEF option is activited is not always obvious. The first trick that came in mind is to use the research tool, or to copy a link from a menu. But these options fails if our navigation system is an image and not a menu. If you unpublish the menu, the link won’t appear. If you change an alias for a menu-item you will loose the link you put in your article.

The only solution is to put a link which is not SEF. So you could unable the SEF option, copy/paste a link and activate the SEF option again. But it’s quite annoying for a hundreds of links isn’t it? So, we will use a famous plugin for that. This plugin allow you to create a link to articles in your Joomla! site when you are creating content. This plugin is called LinkR.

To use it : after the installation, when editing your article, you’ll see a new button bellow your article (click for a demo).

IMPORTANT : In order to use the trick of “menu system”, when you create a link with LinkR, don’t select an artcile (by clicking on “Article”) , but instead, the menu item you created (by clicking on “Menu”), and which is linked to the article.

Make everything working smoothly

So, you have everything installed and tested? Right, let’s go for the creation process!

• First, create your page with the image which will be your navigation system. Make a link from the menu, in order for it to be accessible.
• Second, create your content, and for each page, a link from the menu. It could be an hidden menu, so your visitors will only see the navigation image (in my case I put everything on the main menu, but the template doesn’t show more than one sub-menu hierarchy). But, when you create your content, be careful and use the “child property”, to get SEF URLs like “http://www.mysite.com/parent-menu/parent2/item“.
• Third, come back to your article with the image, and create (temporary) text links to your content, by using LinkR, and pointing to the menu items, and not the article items. Copy the URL that has been created. It should look like : index.php?option=com_content&view=article&id=23&Itemid=30 and nothing else.
• Edit your image, create your links map, and for the link, use the URL you just copied from the (temporary) text links.
• Finally you can choose to keep the text links or to remove it. I choosed to keep them to help my visitors who can’t see images. And it’s a safety measure in the case your image won’t show up.

Enjoy

It’s done. You can check that your image maps to SEF Url, that the links are going to your articles (specified by the menu), and that, if you change the menu link alias, the URL of your article will change coherently.

Moreover you can use breadcrumbs

A demo on one of my website : http://www.corsica-windsurf.com/fr/windsurf/spots-corse

Don’t hesitate to comment to ask precisions.

In addition you can use a very powerful extension, but probably not easy to use for a large amount of links : HTMLMap manager

Juste un petit billet de blog, aide-mémoire.

Je cherchais récemment à géotagger mes photos numériques, afin de les présenter de façon attractives sur mon album photo. J’avais tout d’abord fait le choix de ZenPhoto alors que j’avais en lice :

• Zen Photo : qui convient bien à mon usage par son aspect “tu peux faire plein d’albums, remplis de plein de photos de vacances/voyage ou souvenir”
• Pixelpost : qui ressemble plus, selon leur expression, à un photoblog. On y met un a deux photos par jour, et la présentation se fait sous forme de blog. Je pense qu’on peut obtenir aussi de belles galeries, mais ça demande plus de temps que je n’étais prêt à investir
• Gallery 2 : qui correspond toujours, à mon avis à ce que je recherche, mais je ne l’ai pas testé, donc je reste sur ma faim. Je pense que c’est celui des trois qui propose le plus de possibilités de création. Tant pis, ça sera pour ma prochaine installation de galerie.

Bref, je me suis donc retrouvé avec Zenphoto, et ses quelques (peu) modules pour agrémenter la présentation de la galerie. Parmi eux, un module qui place les photos sur Google Map. Sympathique mais… comment dire à mes photos où elles ont été prises si je ne possède pas de matériel spécifique?

Et bien très simplement en utilisant des logiciels qui vont vous aider à le faire manuellement. Chaque photo (provenant d’un appareil photo numérique) est enregistrée avec des données EXIF. Ces données additionnelles sont là pour sauvegarder la date de prise de vue, des informations sur la photo (temps d’exposition, ouverture focale) etc. Bref, ces données EXIF peuvent aussi contenir des infos GPS.

J’utilise geosetter, mais il en existe bien d’autre. Geosetter à l’avantage d’avoir un affichage de googlemap dans son interface, et le désavantage de sauvegarder les photos modifiées à une lenteur impressionnante. Un autre point négatif (qui se règle peut être dans les paramètres, mais je n’ai pas réussi) concerne les copies de sauvegarde qu’il fait de vos photos. Après avoir géotagger tout un répertoire, votre disque dur en prend un coup car tous les fichiers ont été dupliqués, juste pour assurer une sauvegarde.

Donc voilà, vous pouvez à présent géotagger vos photos, et utiliser cette fonctionnalités sur FlickR par exemple (enfin, ça a pas l’air immédiat sur FlickR, mais en cherchant un peu vous pourrez y arriver). Bonne manipulation!

L’histoire du clavier “qwerty” remonte au XIXème siècle lors de l’invention des première machines à écrire. Les utilisateurs tapaient trop vite, et les tiges des touches contiguës se bloquaient régulièrement. Ainsi, pour éviter cela, une répartition séparant le plus possible les touches usuelles, et ralentissant la frappe a été mise au point : le qwerty!Afin de s’adapter au marché français, on en a fait de même avec notre répartition azerty. [Pour en savoir plus, lire la page Azerty ou Dvorak ? de algo.be]

Machine à écrire Remington Credit : http://www.collection-machineaecrire-campiche-hermes.ch

Le Dvorak-FR

Mais alors, comment avoir un clavier efficient? La réponse s’appelle “Dvorak“. Il s’agit d’un clavier où les touches les plus fréquentées sont rapprochées, afin de faciliter la frappe en augmentant sensiblement la vitesse. Grâce à lui, on peut sensiblement augmenter sa vitesse, et réduire les mouvements des doigts, et donc les fatigues/problèmes liés à une frappe longue. Le Dvorak a été inventé dans les années 1930 et n’est toujours pas répandu! La version française n’est pas encore officialisée (à ce que j’en sais, même si j’ai lu quelque part des groupes qui pensait à déposer le modèle) mais on peut en retrouver un modèle sur algo.be : disposition Dvorak-fr.

A présent, comment faire? Personne ne vend de clavier Dvorak. Les interfaces homme/machine sont vraiment très en retard par rapport à ce que l’on pourrait attendre. On s’émerveille devant l’écran tactile de son iphone, mais on est même pas capable de proposer des répartition claviers plus récentes que les années 1900. Bien sûr, certains pensent à demain, et inventent de nouveau systèmes :  http://www.ozwe.com .

Je vous propose de mettre à profit un vieux clavier! Après avoir démonté les touches, il va vous être possible de faire un peu de puzzle et de remettre les touches comme bon vous semble. Vous pouvez à loisir : remettre les touches de base dans un ordre proche du Dvorak-fr, soit les peindre pour avoir exactement la disposition Dvorak-fr. Pour démonter votre clavier, seul un tournevis ou une pointe pour faire levier vous sera nécessaire. Un seul point à noter : la touche espace, qui est maintenu par des petits crochets en général… mais normalement vous n’avez pas à la changer d’emplacement

Pour démonter son clavier : une simple pointe pour faire levier

Après avoir remis en ordre les touches (enfin, votre nouvel ordre), il faut expliquer à votre PC que les touches ont changé de place. Pour cela, je vous propose un petit utilitaire windows assez pratiques pour changer manuellement la configuration des touches : http://webpages.charter.net/krumsick/ . L’utilisation est assez simple. On clique sur l’emplacement d’une touche, puis on choisit dans la liste du dessous la nouvelle valeur “Keyboard Controls” -> “Choose New Remapping”. Vous faites ça pour toutes vos nouvelles lettres, puis vous cliquez sur “apply”. Un petit reboot et c’est parti pour une utilisation nouvelle de votre vieux clavier.

Le Bepo :

Après avoir écrit cet article, je me suis souvenu d’un projet plus avancé, le projet Bepo. Cette disposition clavier pour les français est, je pense, plus avancée au niveau réflexion sur le projet. Leur forum est assez rempli, et ils commencent à faire parler d’eux.

Les avantages sont les suivants (texte tiré du site officiel) :

La disposition des caractères et symboles permet de :

• « sortir » le moins de fois possible les doigts de la ligne de repos. Elle contient les caractères AUIE, à gauche et TSRN à droite. En bépo les deux tiers de la frappe se font sur la ligne de repos contre un peu plus de 20 % en azerty ;
• répartir équitablement le nombre de frappes entre main gauche et main droite ;
• réduire la distance totale parcourue par les doigts de moitié vis-à-vis de l’azerty ;
• réduire le nombre de digrammes à une main (¡ chiffres !) ;
• ne jamais avoir recours à la rangée du haut du clavier (chiffres et symboles) pour un texte en français ;
• utiliser tous les types de claviers (dont les claviers ergonomiques qui ont la plupart du temps 104 touches) sans perte d’efficacité ;
• simplifier les digrammes comprenant des caractères de la rangée inférieure du clavier, sous la main gauche (zone peu accessible sur les claviers décalés).

Il en résulte un très grand confort d’utilisation. Une impression de facilité et de moindre fatigue.

Je pense que je vais finalement partir sur un clavier Bepo, puisque leur projet semble ramener beaucoup plus de monde que le Dvorak-fr.

Note : Améliorer sa position pour l’utilisation prolongée d’un ordinateur

En guise de note, j’aimerai vous proposer les conseils d’utilisations quotidiennes d’un PC pour éviter les problèmes de santé : http://www.algo.be/ergo/conseils.htm

Pour en savoir plus je vous conseille la lecture de BlogMotion sur le thème “Réparer un pixel mort“.

Pour réparer mon problème j’ai utilisé UDPixel de Samuel Larché. Ce logiciel permet de stimuler votre pixel (affichage cyclique de différentes couleurs) pour le faire revenir à la vie. La vitesse de rafraichissement est essentielle, mais je n’ai pas su la trouver de façon rationnelle. J’ai testé différentes vitesses, pour trouver au final que 40/s était celle qui marchait pour moi. Je l’ai laissé tourné2 jours pendant que je travaillais, et le pixel mort a disparu.

Voilà, je vous souhaite autant de chance que moi, et une bonne lecture du blog

During a long time I encountered this problem using the Joomla’s module JA_News. When I wanted to use the auto-resize functionality, a problem line appeared preventing me to use it in frontend. The warning said :

Warning: imagejpeg() [function.imagejpeg]: Unable to open ‘www/images/resized/images/stories/path_to_image/image.jpg’ for writing: No such file or directory in www/modules/mod_janews/helper.php on line 138

Depending on your Janews module, the line in helper could be different.

I searched across many forums without any concrete solutions. The only facts which came again and again were related to permissions (put your image folder in 777 and image files in 666) but it didn’t change anything in my case.

I finally found a post on the Joomlart forum saying that the problem was case sensitive. So the fix for the problem was easy.

How to fix it?

In order to fix the module, just search through your file /modules/mod_janews/helper.php and look for a line looking like :

In order to fix the problem, you just have to remove the strtolower function. It has no use there and prevent the function to work properly. Your new line should look like :

If you have time, don’t forget to signal the bug to Joomla Art, I didn’t have time to do it, but it can help future users.

The (Sub/Sup) Majority Learning

Take a bitstring a, and an integer . The oracle will respond 0 if   if queried with x and 1 otherwise. In other terms this oracle reply yes if two bitstrings agree on at least bit.

Here are the probability with a simple membership oracle (used with the usual phase kickback trick). Only even n gives an invertible matrix for the use of impatient learning.

For all these value, the optimum is achieved when the phase kickback takes value in {-1 ; 1}.

Faites nous part de vos trouvailles!

Tout savoir sur le site en question :

Plateforme : joomla

Compte basique : test/test

Hébergement : Serveur mutualisé 1and1

Whois (différents sites) : domaintool, gandi

Sites hébergés sur le même serveur : domaintool, yougetsignal

Les sites avec le même référenceur : spyonweb

Vu sur twitter : Un Whois de légumes : http://twitpic.com/hun8c

Moi je préfère quand même la Black Hattitude c’est mieux comme néologisme.

Parodies de desirdavenir.com : http://www.desirdendives.com

Desirdepasse : ce que le cache de google peut vous réserver : http://74.125.155.132/search?hl=fr&source=hp&q=cache%3Adesirdavenir.org&btnG=Recherche+Google&lr=&aq=f&oq=

Rajouter vos anecdotes en commentaires!

http://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Meeting_Royal_2007_02_06_n11-edit1.jpg/200px-Meeting_Royal_2007_02_06_n11-edit1.jpg

Ivan Pavlov a mis à jour le phénomène de réflexes conditionnés. On a pu montrer qu’il y avait création de nouvelles liaisons neuronales lors de l’apparition de ces réflexes pavloviens.

Les abeilles possèdent une mémoire du passé pour décrire l’emplacement d’une fleur dont elles reviennent. La description qu’elles en font (danse de l’abeille) se base sur le soleil et change donc en fonction de la journée. Les abeilles ont conscience du temps qui passe car si elle rentre la nuit et n’effectue sa dance que le lendemain, l’abeille aura mis à jour la danse qu’elle aurait effectué la veille. De nombreux sites très intéressant évoquent les capacités étonnantes des abeilles, et un livre recencent ce genre de fait pour d’autres animaux : The Animal Mind.

La phrénologie est la science à l’origine des neurosciences. Elle est apparue au XIXe siècle et postule que les capacités cérébrales d’un individu s’inscrivent dans la forme du crâne de celui-ci. En effet, ils pensaient que certaines fonctions cognitives se trouvaient localisées sous le crâne, et que si l’individu les développait, alors cette zone enflerait comme un muscle, et mettrait à jour des bosses. Inventée par F.J. Gall.

Donal Hebb (The Organization of Behavior) décrit la mémoire en terme de rétroaction renforçant les chemins déjà rencontrés pour améliorer la mémoire. C’est son modèle d’apprentissage qui sert à l’intelligence artificielle (Hebbian Learning).

Lors d’un K.O. (durant un combat de boxe par exemple) des millions de neuronnes ont perturbés et les liaisons modifiées. Un K.O. entraine généralement une perte de la mémoire des dernières heures (mais pas de la mémoire long terme).

Wilder Penfield a découvert que l’épilepsie corespondait à des décharges électriques incontrollées dans le cerveau. Il invente donc une méthode pour simuler les crises d’épilepsie : il va simuler le cerveau avec des aiguilles chargées électriquement. Il repère des zones dans lesquels sont situées des souvenirs.

Il existe deux types de mémoires longue : une inconsciente (reflexes moteurs) et une consciente (reconnaissance visages et noms).

Gary Lynch a montré qu’un signal électrique dans les synapses de l’hyppocampe changeaient les liaisons synaptiques. On pense donc que le processus de mémorisation est relié au branchement entre neuronnes.

[Note] Je n’ai pas beaucoup documenté ce chapitre. J’espère lire prochainement d’autre ouvrages sur la mémoire, et vous en saurez plus.

Pour la plupart des développements que j’effectue (php, C, python…) je tire partie des fonctionnalités de l’éditeur Notepad++ sous Windows. Dans l’article qui suit, je vous présente une installation clé en main pour utiliser LateX de manière agréable grâce à Notepad++.

Installation de MikTex :

Afin d’être ‘compiler’, un document Latex doit utiliser un certain nombre de librairies. Sous windows, le logiciel qui vous permet de compiler votre code LateX s’appelle MikTex. Vous pouvez télécharger la version à partir de laquelle est basé ce tutorial à l’adresse : http://miktex.org/2.7/Setup.aspx

Installer la version basique. Il n’y a pas d’option spéciale à choisir, vous pouvez cliquer sur ‘next’ à cuaque écran.

Installation de Notepad++ :

L’éditeur de texte Notepad++ est l’un des plus pratiques que j’ai pu utiliser sous windows. Coloration syntaxique, numérotation des lignes, recherche/remplacement aisé. Il est très rapide à prendre en main.

Vous pouvez télécharger la dernière version de notepad++ sur sa Forge.

Configurer Notepad++ pour marcher avec PDFLateX :

Je ne présenterai la manipulation à réaliser que pour PDFLatex. Si vous voulez l’adapter à Latex, il n’y aura pas beaucoup de modification (retirer ‘pdf’ dans le mot ‘pdflatex’ …. pas trop dur?).

Ouvre le logiciel Notepad++, et cliquer sur le menu ‘Exécution’ (‘Run’ dans la version anglaise) puis sur ‘Executer’. Rentrer à présent l’instruction suivante dans le champ de texte :

pdflatex.exe -src-specials “$(FULL_CURRENT_PATH)”

Pour enregistrer cette commande de manière définitive dans Notepad++, cliquez sur ‘Sauver’ et assigner lui un nom et un raccourci.

Vous pouvez ensuite rajouter la commande suivante, qui vous permet de visualiser votre fichier avec Acrobat Reader si vous l’avez. Toujours dans ‘Executer’ rentrez :

acrord32 “$(CURRENT_DIRECTORY)\$(NAME_PART).pdf”

Changer les raccourcis de Notepad++ :

Après un certain temps vous pourriez être amenés à vouloir changer les raccourcis de Notepad++, ou à vouloir les effacer. Pour cela, rendez-vous dans le répertoire :

C:\Documents and Settings\votre_nom_d_utilisateur\Application Data\Notepad++

Et modifiez le document shortcuts.xml. Vous devriez arriver à retrouver les lignes utiles.

Configuration Avancée pour Windows XP :

Lorsque vous voudrez profiter pleinement de LateX, vous voudrez utiliser des extensions qui ne sont compatibles qu’avec une compilation ps (par exemple PSTricks pour faire des schémas). Ainsi donc, vous serez obligés de lancer une compilation en LateX vers .dvi (la compilation normale), puis de convertir en .ps puis en .pdf. Pour cela, MikteX contient déjà les outils qu’il faut. Ils sont rangés avec latex.exe et pdflatex.exe dans le répertoire d’installation (pour infos, chez moi c’est à : C:\Program Files\MiKTeX 2.7\miktex\bin). Il faudra donc utiliser ps2pdf.exe (pour passer d’un .ps à un .pdf), ou dvipdfm.exe (pour passer plus rapidement d’un dvi à un pdf).

J’ai donc créer un fichier batch pour automatiser la chose. Je l’ai nommé notepad.bat, et je l’ai placé dans le répertoire des binaires de MikTex.

Voilà le batch en question :

echo %1
latex -src-specials %1
cd %2
dvipdfm %3.dvi
rm %3.dvi

De retour dans Notepad,enregistrez la commande :

notepad.bat “$(FULL_CURRENT_PATH)” “$(CURRENT_DIRECTORY)” “$(NAME_PART)”

Dans le .bat, le %1, %2 et %3 correspondent aux arguments envoyer au script. Dans la commande de notepad, je lui envoie donc à la suite les 3 arguments.

Téléchargement du fichier batch encore plus évolué (prend en compte la génération d’une bibliographie).

N’hésitez pas à poser vos questions en commentaire si ce n’est pas clair. N’hésitez pas non plus à lire le fichier batch qui contient des commentaires.

Configuration pour Windows Vista

Sous windows vista, la gestion des droits des utilisateurs empêche un déroulement classique de la compilation. Tous les fichiers intérmédiaires sont stockés dans le répertoire où se trouvent les binaires (pagaille en perspective). Néanmoins, en rajoutant des options à votre fichier batch il est possible de controller :

1. l’emplacement où chercher les fichier sources (images, bibliographie, etc)
2. l’emplacement des fichier de sorties

Grâce au fichier batch suivant il vous est possible de contrôller plus en détail la façon dont se passe votre compilation

Téléchargement du fichier batch pour Vista

N’hésitez pas à poser vos questions en commentaire si ce n’est pas clair. N’hésitez pas non plus à lire le fichier batch qui contient des  commentaires (A associer avec le batch pour XP pour comprendre un peu plus leur fonctionnement)